:root{--ink:#111110;--paper:#faf9f5;--muted:#6c6c64;--rule:#c8c8bf;--acid:#e0ec8f;--g:clamp(16px,1.8vw,38px);--gap:clamp(8px,.85vw,20px);--nav:48px}*{box-sizing:border-box}html{scroll-padding-top:var(--nav)}body{padding:0;margin:0;color:var(--ink);background:var(--paper);font-family:'Helvetica Neue',Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}p,h1,h2,h3,figure{margin:0}button,a{color:inherit;font:inherit}button{cursor:pointer;background:none;border:0;padding:0}a{text-decoration:none}img{width:100%;height:auto;display:block}button:focus-visible,a:focus-visible{outline:2px solid #4892ed;outline-offset:3px}::selection{background:var(--acid);color:#111}.arr{height:1em;width:1em;display:inline-block}.skip{position:fixed;left:1rem;top:-100px;padding:1rem;z-index:999;background:white;color:black}.skip:focus{top:0}.mast{height:var(--nav);position:sticky;top:0;z-index:20;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;background:var(--ink);color:#faf9f5;padding:0 var(--g);font-size:14px;letter-spacing:-.035em}.cw{font-weight:700;font-size:19px;width:max-content;letter-spacing:-.055em}.mark{color:var(--acid)}.project-name{text-align:center}.mast nav{display:flex;gap:24px;justify-content:flex-end;align-items:center}.mast nav button{height:var(--nav);font-weight:500}.mast sup,.dialog-header sup{font:9px/1 'Courier New',monospace;position:relative;top:-.1em;margin-left:2px;color:var(--acid)}#progress{height:2px;background:var(--acid);position:absolute;bottom:0;left:0;width:0}.cover,.film-poster{position:relative;background:#181811;color:#fff;isolation:isolate}.cover-frame,.cover-frame button,.cover-frame img{height:100%}.cover{height:calc(100svh - var(--nav) - 75px);min-height:440px;max-height:1100px}.photo{min-width:0}.open-photo{display:block;width:100%;position:relative;text-align:left;color:#fff}.photo img,.three-films img,.frame-grid img,.index-preview img{object-fit:cover}.cover-frame img{object-position:50% 53%}.cover:after,.film-poster:after{position:absolute;content:'';z-index:1;pointer-events:none;inset:0;background:linear-gradient(0deg,rgba(6,8,5,.55),transparent 49%)}.cover-type{position:absolute;bottom:clamp(20px,3vw,65px);left:var(--g);right:var(--g);pointer-events:none;z-index:2}.cover h1,.film-poster h2,footer>p{font-size:clamp(65px,10.65vw,230px);line-height:.86;letter-spacing:-.08em;font-weight:500}.phone{display:none}.slate{display:grid;grid-template-columns:1.2fr 1.2fr .7fr 1.65fr auto;align-items:center;min-height:75px;background:var(--ink);color:#f8f8ee;padding:10px var(--g);gap:16px;font-size:15px;font-weight:500;letter-spacing:-.03em}.slate small,.three-films small{display:block;font:10px/1.4 'Courier New',monospace;letter-spacing:.025em;margin-bottom:3px;color:#aeafa7}.slate a{justify-self:end}.slate a span{margin-left:12px;color:var(--acid)}.chapter{padding:clamp(48px,6.7vw,108px) var(--g);border-bottom:1px solid var(--rule)}.chapter-title{display:grid;grid-template-columns:minmax(50px,8.2%) 1fr;align-items:baseline;margin-bottom:clamp(28px,3.7vw,68px)}.chapter-title>span,.poster-meta,figcaption,.lightbox-caption,.frame-grid>button>span{font:10px/1.45 'Courier New',monospace;letter-spacing:.025em}.chapter-title>span{font-size:12px}.chapter-title h2{font-size:clamp(36px,4.2vw,80px);line-height:.95;letter-spacing:-.065em;font-weight:500}.copy{font-size:clamp(16px,1.36vw,23px);line-height:1.5;letter-spacing:-.021em;max-width:63ch}.copy p+p{margin-top:1em}.copy.big{font-size:clamp(31px,3.9vw,73px);letter-spacing:-.05em;line-height:1.08;max-width:33ch}.copy.big p+p{margin-top:.5em}.intro-line{margin:0 7% clamp(44px,5vw,82px) 8.2%}.intro-line .big p:last-child{font-size:.54em;letter-spacing:-.03em;padding-top:5px}.intro-spread,.casting-hero,.place-opener,.sound-layout,.stills-layout,.side-read,.beat,.film-preface{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:start}.intro-spread>.photo,.casting-hero>.photo,.place-opener>.photo,.sound-layout>.photo,.stills-layout>.photo,.side-read>.plates,.beat-pics{grid-column:1/8}.intro-spread>.copy,.casting-hero>.copy,.place-opener>.copy,.sound-layout>.copy,.stills-layout>.copy,.side-read>.copy,.beat>.copy{grid-column:9/13}.intro-spread>.photo img{aspect-ratio:1.35}.plates{display:grid;gap:var(--gap);align-items:start}.plates.two,.plates.afterimages,.plates.closing-images{grid-template-columns:repeat(2,minmax(0,1fr))}.plates.three{grid-template-columns:repeat(3,minmax(0,1fr))}.afterimages{width:67%;margin:4vw 0 0 auto}.afterimages img{aspect-ratio:1.7}.zoom{position:absolute;bottom:8px;right:8px;width:25px;height:25px;display:grid;place-items:center;background:var(--paper);color:#171717;font-size:18px;opacity:0}.open-photo:hover .zoom,.open-photo:focus-visible .zoom{opacity:1}.cover-frame .zoom,.poster-photo .zoom{top:16px;bottom:auto;right:var(--g)}figcaption{display:flex;gap:12px;align-items:baseline;justify-content:space-between;color:var(--muted);margin-top:7px;font-size:9px}figcaption>span:first-child{white-space:nowrap}figcaption>span:last-child{text-align:right}.casting-hero>.photo img{aspect-ratio:1.45}.portraits{margin-top:clamp(25px,4vw,65px)}.portraits img{aspect-ratio:1.8}.spread{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:start}.text-panel{grid-column:1/5;position:sticky;top:calc(var(--nav) + 20px)}.text-panel .chapter-title{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:32px}.spread-images{grid-column:6/13;grid-template-columns:1fr 1fr}.spread-images img{aspect-ratio:.87}.wardrobe .spread-images .photo:nth-child(n+3) img{aspect-ratio:1.55}.wardrobe .spread-images .photo:nth-child(5){grid-column:2}.side-read{margin-top:3.3vw}.panorama img{max-height:78vh;min-height:220px;object-fit:cover}.chapter>.panorama img{aspect-ratio:2.35}.side-read .two img{aspect-ratio:.77}.location-roll{margin-top:4vw;grid-template-columns:repeat(4,minmax(0,1fr))}.location-roll img{aspect-ratio:1.6}.location-roll>.photo:first-child{grid-column:span 2;grid-row:span 2}.location-roll>.photo:first-child img{aspect-ratio:1.43}.dark,.reels,.film{background:var(--ink);color:var(--paper);--rule:#3b3b39;--muted:#b3b4aa}.reels{padding-bottom:clamp(45px,5vw,80px)}.three-films{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}.three-films>a{display:block}.three-films img{aspect-ratio:1.55}.three-films a>div{display:grid;grid-template-columns:1fr auto;align-items:baseline;padding-top:13px;gap:4px}.three-films small{grid-column:span 2;color:#bfcbc0}.three-films h3{font-size:clamp(20px,2.4vw,44px);font-weight:500;letter-spacing:-.055em}.three-films a:hover,.mast button:hover,.slate a:hover{color:var(--acid)}.film-preface{margin-top:clamp(40px,5vw,90px)}.film-preface>.big{grid-column:1/7}.film-preface>.copy:last-child{grid-column:8/13}.film{padding:0 var(--g) 60px}.film-poster{margin:0 calc(0px - var(--g));height:clamp(350px,52vw,780px)}.poster-photo,.poster-photo button,.poster-photo img{height:100%}.poster-meta{position:absolute;top:var(--g);left:var(--g);right:var(--g);display:flex;justify-content:space-between;z-index:2;pointer-events:none;color:white;text-shadow:0 1px 5px #111;font-weight:bold}.film-poster h2{position:absolute;bottom:var(--g);left:var(--g);right:var(--g);z-index:2;pointer-events:none;font-size:clamp(65px,9.6vw,190px)}.film .beat{padding-top:clamp(32px,4vw,75px);margin-top:clamp(32px,4vw,75px);border-top:1px solid var(--rule)}.film-poster+.beat{margin-top:0;border:0}.sequence{grid-template-columns:1fr 1fr}.sequence>.photo:first-child{grid-column:1/-1}.sequence img{max-height:min(45vw,560px)}.sequence>.photo:first-child img{aspect-ratio:1.85}.sequence>.photo:nth-child(n+2) img{aspect-ratio:1.5}.beat:nth-child(odd)>.beat-pics{grid-column:6/13;grid-row:1}.beat:nth-child(odd)>.copy{grid-column:1/5;grid-row:1}.vo{font-size:clamp(24px,2.35vw,40px);letter-spacing:-.055em;line-height:1.14;color:var(--acid)}.super{font:11px/1.6 'Courier New',monospace;letter-spacing:0}.note{border-top:1px solid var(--rule);padding-top:1.3em;color:#c4c4bb;font-size:.87em}.ritual{background:#e5e5dc}.macro img{aspect-ratio:2.25}.ritual .two img{aspect-ratio:1.35}.play .spread-images .photo:first-child{margin-top:5vw}.sound-layout .photo img{aspect-ratio:1.9}.music .spread-images img{aspect-ratio:.85}.social .spread-images img{aspect-ratio:.94}.closing-text{margin:4vw auto 6vw 8.2%;max-width:32ch!important}.closing-images{grid-template-columns:.72fr 1.28fr!important}.closing-images img{aspect-ratio:1.75}.closing-images .photo:first-child img{aspect-ratio:1}.closing-images .photo:first-child{align-self:end}footer{background:var(--ink);color:var(--paper);padding:50px var(--g) 25px}footer>span{font-size:18px;font-weight:600}footer>p{margin:45px 0;font-size:clamp(65px,10vw,200px)}footer>div{padding-top:16px;margin-top:24px;border-top:1px solid #474744;display:flex;justify-content:space-between;gap:16px;font-size:13px}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;background:inherit;padding:10px var(--g);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:4}.dialog-header b{font-weight:500;font-size:22px;letter-spacing:-.055em}.dialog-header button{font-size:15px;padding:10px 0 10px 18px}.dialog-header sup{color:inherit}.index-layout{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:32px var(--g) 60px}.index-preview{position:sticky;top:95px;align-self:start}.index-preview img{height:min(62vh,540px)}.chapter-links a{display:grid;grid-template-columns:40px 1fr auto;align-items:center;border-bottom:1px solid var(--rule);padding:9px 0;font-size:clamp(18px,1.55vw,27px);letter-spacing:-.04em}.chapter-links a>span{font:10px 'Courier New',monospace;color:var(--muted)}.chapter-links a:hover,.chapter-links a:focus-visible{background:#e5e9db}.chapter-links svg{width:15px}.frame-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px var(--gap);padding:24px var(--g)}.frame-grid>button img{aspect-ratio:1.35}.frame-grid>button>span{display:block;text-align:left;margin-top:5px}.frame-grid>button:hover img{outline:2px solid var(--acid);outline-offset:2px}dialog{position:fixed;inset:0;margin:0;border:0;padding:0;background:var(--paper);color:var(--ink);width:100%;height:100dvh;max-width:none;max-height:none;overflow:auto}dialog::backdrop{background:#101010}#frames,#lightbox{background:var(--ink);color:var(--paper);--rule:#41413f}#lightbox{overflow:hidden}.stage{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;padding:12px;height:calc(100dvh - 116px)}.stage img{width:100%;height:100%;min-height:0;object-fit:contain}.stage button{font-size:27px;min-height:48px}.lightbox-caption{text-align:center;padding:7px 16px}.dialog-header b#count{font:12px 'Courier New',monospace;letter-spacing:.02em}
@media(max-width:900px){.intro-spread>.copy,.casting-hero>.copy,.place-opener>.copy,.sound-layout>.copy,.stills-layout>.copy,.side-read>.copy,.beat>.copy{grid-column:8/13}.cover h1{font-size:10.8vw}.text-panel{grid-column:1/6;padding-right:25px}.beat:nth-child(odd)>.copy{grid-column:1/6;padding-right:14px}.frame-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.chapter-title h2{font-size:42px}}
@media(max-width:700px){:root{--nav:48px;--g:14px;--gap:8px}.mast{grid-template-columns:1fr auto}.mast .project-name{display:none}.cw{font-size:17px}.mast nav{gap:16px}.mast nav button{font-size:13px}.cover{height:calc(88svh - var(--nav));min-height:385px;max-height:760px}.cover-frame img{object-position:57% 50%}.cover-type{bottom:24px}.cover h1{font-size:clamp(62px,15vw,103px);letter-spacing:-.075em;line-height:.87}.phone{display:block}.slate{grid-template-columns:1fr 1fr;min-height:105px;gap:12px;padding:13px var(--g);font-size:13px}.slate a{justify-self:start;grid-column:1/-1}.slate small{font-size:9px}.chapter{padding:44px var(--g)}.chapter-title{grid-template-columns:40px 1fr;gap:0;margin-bottom:30px}.chapter-title h2{font-size:clamp(34px,8.6vw,54px)}.chapter-title>span{font-size:10px}.intro-line{margin:0 0 34px}.copy{font-size:17px;line-height:1.47;max-width:58ch}.copy.big{font-size:clamp(29px,7.5vw,48px);line-height:1.06;max-width:none}.intro-spread,.casting-hero,.place-opener,.sound-layout,.stills-layout,.side-read,.beat,.film-preface,.spread{display:flex;flex-direction:column;gap:27px}.intro-spread>.photo,.spread-images,.text-panel,.beat-pics,.casting-hero>.photo,.place-opener>.photo,.sound-layout>.photo,.stills-layout>.photo,.side-read>.plates{width:100%}.text-panel{position:static;padding:0}.text-panel .chapter-title{display:grid;grid-template-columns:40px 1fr;gap:0;align-items:baseline;margin-bottom:25px}.afterimages{width:100%;margin-top:28px}.afterimages img{aspect-ratio:1.1}figcaption{font-size:8px;gap:6px;margin-top:5px;line-height:1.35}.plates:not(.sequence) figcaption>span:last-child{display:none}.portraits{margin-top:28px}.portraits img{aspect-ratio:.72}.panorama img{min-height:0}.chapter>.panorama img{aspect-ratio:1.2}.side-read{margin-top:25px}.location-roll{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}.location-roll>.photo:first-child{grid-row:auto}.location-roll>.photo:first-child img{aspect-ratio:1.9}.wardrobe .spread-images .photo:nth-child(5){grid-column:span 2}.wardrobe .spread-images .photo:nth-child(5) img{aspect-ratio:2.2}.three-films{grid-template-columns:1fr;gap:20px}.three-films>a{display:grid;grid-template-columns:42% 1fr;align-items:center;gap:15px}.three-films img{aspect-ratio:1.65}.three-films a>div{padding:0}.three-films h3{font-size:21px}.three-films small{font-size:9px}.film-preface{margin-top:42px}.film{padding:0 var(--g) 42px}.film-poster{height:58svh;min-height:330px;max-height:550px}.film-poster h2{font-size:clamp(56px,14vw,90px);bottom:22px;line-height:.91}.poster-meta{font-size:10px}.film .beat{margin-top:33px;padding-top:26px}.film-poster+.beat{margin-top:0}.beat:nth-child(odd)>.copy{padding:0}.sequence img{max-height:none}.sequence>.photo:first-child img{aspect-ratio:1.55}.sequence>.photo:nth-child(n+2) img{aspect-ratio:1.25}.sequence>.photo:nth-child(n+2) figcaption>span:last-child{display:none}.vo{font-size:26px}.macro img{aspect-ratio:1.2}.closing-text{margin:0 0 30px}.closing-images{grid-template-columns:1fr 1.6fr!important}.closing-images .photo:first-child img{aspect-ratio:.85}.closing-images .photo:last-child img{aspect-ratio:1.35}footer{padding:30px var(--g) 22px}footer>p{font-size:17vw;margin:35px 0;max-width:9ch}footer>div{font-size:11px}.dialog-header{min-height:53px}.dialog-header b{font-size:19px}.dialog-header button{font-size:14px}.index-layout{display:block;padding:8px var(--g) 40px}.index-preview{display:none}.chapter-links a{min-height:42px;font-size:20px}.frame-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px var(--gap);padding:18px var(--g)}.stage{grid-template-columns:26px minmax(0,1fr) 26px;gap:3px;padding:3px;height:calc(100dvh - 111px)}.stage button{font-size:22px}.lightbox-caption{font-size:10px}.super{font-size:10px}}

.poster-photo .zoom{top:auto;bottom:var(--g)}

/* Keep the tee shot and reverse reaction in their original compositions. */
#golfing-light .sequence:has([data-id="58"]) > .photo { grid-column: 1 / -1; }
#golfing-light .sequence:has([data-id="58"]) img { aspect-ratio: auto; max-height: none; }

.cover-wordmark {
  display: block;
  width: clamp(134px, 15vw, 242px);
  height: auto;
  margin: 0 0 clamp(14px, 1.4vw, 24px);
}

/* Display grades apply equally to the chapter, contact sheet and full-size view. */
img[src^="assets/"][src$=".webp"] { filter: contrast(1.035) saturate(1.045); }
img[src^="assets/19-"][src$=".webp"] { filter: url(#color-trail); }
img[src^="assets/32-"][src$=".webp"] { filter: url(#color-coast); }
img[src^="assets/07-"][src$=".webp"] { filter: url(#color-piggyback); }
img[src^="assets/33-"][src$=".webp"] { filter: url(#color-runners); }
img[src^="assets/12-"][src$=".webp"] { filter: url(#color-golf); }
img[src^="assets/29-"][src$=".webp"] { filter: url(#color-window); }
img[src^="assets/31-"][src$=".webp"] { filter: url(#color-profile); }

/* Let the two running plates keep the headroom and footroom of the originals. */
#friendship > .panorama {
  width: min(100%, 100svh);
  margin-inline: auto;
}

#friendship > .panorama img,
#running-light .sequence:has([data-id="14"]) img {
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  min-height: 0;
  max-height: none;
}

#running-light .sequence:has([data-id="14"]) {
  grid-template-columns: 1.5fr .718fr;
}

#running-light .sequence:has([data-id="14"]) > .photo {
  grid-column: auto;
}

.frame-grid [data-id="14"] img,
.frame-grid [data-id="36"] img,
#index-image[src$="/36-800.webp"] {
  object-fit: contain;
}

@media (max-width: 700px) {
  #running-light .sequence:has([data-id="14"]) {
    grid-template-columns: minmax(0, 1fr);
  }

  #running-light .photo:has(> [data-id="14"]) {
    width: min(100%, 56svh);
    justify-self: center;
  }
}

#friendship > .panorama img { aspect-ratio: auto 5 / 4; }
#running-light .sequence [data-id="14"] img { aspect-ratio: auto 1376 / 1916; }
#running-light .sequence [data-id="18"] img { aspect-ratio: auto 3 / 2; }

/* Preserve the pale sky and foreground around the golfer reading the putt. */
img[src^="assets/35-"][src$=".webp"] {
  filter: contrast(.95) saturate(1.015);
  border: 1px solid #97978d;
}

#personal-style [data-id="35"] img,
#frames [data-id="35"] img {
  aspect-ratio: auto 3 / 2;
  height: auto;
  object-fit: contain;
}

#still[src^="assets/35-"] {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  justify-self: center;
}

/* Lift the sunlit portrait through the midtones and roll off the highlights. */
img[src^="assets/17-"][src$=".webp"] {
  filter: contrast(1.035) saturate(1.045) url(#color-sunlit-portrait);
}

/* Keep the look toward the ocean in the closing portrait. */
#one-last-thing .closing-images [data-id="5"] img,
#frames [data-id="5"] img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: right center;
}

@media (max-width: 700px) {
  #one-last-thing .closing-images {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Open the beach shadows with a gentler shoulder in the clouds and sand. */
img[src^="assets/08-"][src$=".webp"] {
  filter: url(#color-beach-volleyball);
}

.sunset-loop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 53%;
  opacity: 0;
  pointer-events: none;
}
.sunset-loop.has-frame { opacity: 1; }
.motion-control {
  position: absolute;
  z-index: 3;
  top: 16px;
  left: var(--g);
  padding: 8px 12px;
  color: white;
  background: rgb(18 15 12 / 62%);
  font-size: 13px;
}
@media (max-width: 700px) and (orientation: portrait) {
  .cover { height: auto; min-height: 0; max-height: none; }
  .cover-frame { aspect-ratio: 16 / 9; height: auto; }
  .cover-frame img, .sunset-loop { object-fit: contain; }
  .cover-type { position: relative; inset: auto; padding: 18px var(--g) 24px; }
}

#shadow-play { scroll-margin-top: 84px; }

#trail-run { scroll-margin-top: 84px; }
#trail-run .trail-player { position: relative; }
#trail-run picture, #trail-run img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; }
.trail-control { position: absolute; right: 10px; bottom: 10px; padding: 6px 10px; background: var(--paper); color: var(--ink); font: inherit; cursor: pointer; }

#friends-smile { scroll-margin-top: 84px; }

#sock-tan-line { scroll-margin-top: 84px; }

#coastal-drive, #coastal-friends { scroll-margin-top: 84px; }
#coastal-drive video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; }

.selfie-toggle { display: block; width: 100%; border: 0; padding: 0; background: transparent; cursor: pointer; }
#friends-smile .selfie-toggle img { display: block; width: 100%; height: auto; aspect-ratio: auto; }

#golfing-light .film-poster {
  aspect-ratio: 16 / 9;
  height: auto;
  min-height: 0;
  max-height: none;
}
#golfing-light .poster-photo { position: absolute; inset: 0; }
#golfing-light .poster-photo img { object-fit: contain; }

#golfer-and-retriever { scroll-margin-top: 84px; }
#golfer-and-retriever img { width: 100%; height: auto; max-height: none; aspect-ratio: auto; object-fit: contain; }

#golfing-light .sequence:has(#beach-golf-friends) { grid-template-columns: minmax(0, .655fr) minmax(0, 1.5fr); align-items: start; }
#beach-golf-friends { scroll-margin-top: 84px; }
#beach-golf-friends img { width: 100%; height: auto; aspect-ratio: auto; max-height: none; object-fit: contain; }
@media (max-width: 700px) {
  #golfing-light .sequence:has(#beach-golf-friends) { grid-template-columns: minmax(0, 1fr); }
}

.copy a {color: inherit; text-decoration: underline; text-underline-offset: .15em;}
.music .text-panel {position: static;}

.plan-columns{margin-inline-start:8.2%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,5vw,96px);max-width:1280px}
.plan-columns .copy{max-width:56ch}
.artist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(42px,5vw,82px) clamp(20px,2.3vw,44px);margin:clamp(30px,4vw,65px) 0}
.artist-feature img{width:100%;height:clamp(205px,23vw,400px);object-fit:contain;object-position:center bottom;background:#151515}
.artist-feature figcaption{display:block;line-height:1.6;font-size:11px;color:#bcbcb4}
.artist-feature figcaption a,.record-link{text-decoration:underline;text-underline-offset:.16em}
.artist-feature h3{margin:18px 0 4px;font-size:clamp(25px,2.25vw,44px);font-weight:500;letter-spacing:-.045em}
.artist-feature .record-link{color:var(--acid);font-size:clamp(16px,1.35vw,22px)}
.artist-feature p{margin-top:12px;font-size:clamp(16px,1.25vw,20px);line-height:1.5;letter-spacing:-.02em;max-width:50ch}
@media(max-width:950px){.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artist-feature img{height:clamp(200px,32vw,320px)}}
@media(max-width:700px){.plan-columns{display:block;margin:0}.plan-columns .copy+.copy{margin-top:1em}.artist-grid{grid-template-columns:1fr}.artist-feature img{height:auto;max-height:480px;object-position:center}.artist-feature h3{margin-top:14px}}