/* The song is a small brand moment between the making story and material chapter. */
.craft-song {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 0;
  margin: clamp(58px, 8vw, 108px) 0 0;
  padding: 0;
  overflow: hidden;
  color: #fff8ed;
  background: radial-gradient(circle at 17% 30%, #935046 0, #71352f 28%, transparent 55%), linear-gradient(125deg, #4c211f, #281e1c 88%);
  border: 1px solid rgba(255, 236, 207, .2);
  border-radius: clamp(24px, 3vw, 38px);
  box-shadow: 0 30px 60px rgba(65, 29, 27, .19);
}
.craft-song::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 16px;
  border: 1px solid rgba(255, 244, 225, .16);
  border-radius: inherit;
  pointer-events: none;
}
.craft-song-art { position: relative; min-width: 0; min-height: 100%; margin: 0; overflow: hidden; }
.craft-song-art img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.craft-song-art figcaption { position: absolute; left: 20px; bottom: 19px; padding: 5px 9px; color: #fffaf1; background: rgba(36, 26, 23, .7); border-radius: 3px; font-size: .67rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.craft-song-body { min-width: 0; padding: clamp(30px, 5vw, 74px); }
.craft-song .eyebrow { margin: 0 0 18px; color: #e8c492; }
.craft-song h3 { margin: 0; font: 800 clamp(2.7rem, 5.3vw, 5.5rem)/.92 ui-sans-serif, sans-serif; letter-spacing: -.065em; text-transform: uppercase; text-wrap: balance; }
.craft-song .micro { margin: 21px 0 0; color: #e4cbbd; font-size: .9rem; }
.craft-song-player { margin-top: clamp(30px, 4vw, 52px); }
.craft-song-listen { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; color: #f3d5a3; font-size: .77rem; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.craft-song-listen span { font-size: 1.1rem; }
.craft-song audio { display: block; width: 100%; min-width: 0; max-width: 100%; min-height: 54px; border: 3px solid #f3e8d5; border-radius: 100px; background: #f3e8d5; color-scheme: light; }
.craft-song audio:focus-visible { outline: 3px solid #f3d5a3; outline-offset: 5px; }
.craft-song + .craft-material { margin-top: clamp(58px, 8vw, 112px); }
@media (max-width: 700px) {
  .craft-song { grid-template-columns: 1fr; margin-top: 70px; }
  .craft-song::after { inset: 10px; }
  .craft-song-art { aspect-ratio: 1.16; }
  .craft-song-art img { object-position: center 43%; }
  .craft-song-body { padding: 30px 25px 36px; }
  .craft-song .eyebrow { margin-bottom: 13px; }
  .craft-song h3 { font-size: clamp(2.55rem, 12.5vw, 4.5rem); }
  .craft-song .micro { margin-top: 15px; }
  .craft-song-player { margin-top: 34px; }
  .craft-song + .craft-material { margin-top: 72px; }
}