/* Hawkins: light, memory, physical media. */
body::before{opacity:.007}.hero-copy p{max-width:460px}.hero-image{object-fit:cover}.hero-motion-toggle{position:absolute;right:56px;bottom:32px;z-index:4;background:#080b10b0;border:1px solid #a0a0a080;border-radius:30px;padding:10px 18px;min-height:44px;color:#e2dcd3;font-size:12px;backdrop-filter:blur(10px)}.nav-links{gap:28px}.room-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center;position:relative;z-index:2}.byers-room{padding:95px 0 80px;background:#171212;isolation:isolate;min-height:770px}.byers-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,#100e0bf2,#100e0bbb 53%,#070b10c9),url('images/joyce-wall-hd.jpg') center/cover;z-index:-1;filter:saturate(.55)}.byers-room::before{background:radial-gradient(ellipse at 20% 70%,#c9893422,transparent 50%);z-index:0}.room-copy h2{font-size:clamp(52px,5.3vw,78px);line-height:1.02;letter-spacing:-.015em}.room-copy h2 em{font-style:normal;color:#d8b77c}.room-copy>p:not(.eyebrow){font-size:17px;margin:23px 0;color:#cdc2b5}.alphabet-wall{width:100%;max-width:400px;margin-top:45px;padding:13px 8px 0;position:relative}.alphabet-row{display:flex;justify-content:space-around;position:relative;margin-bottom:14px;gap:5px}.alphabet-row::before{content:'';position:absolute;left:-8px;right:-8px;top:0;height:25px;border-top:2px solid #393126;border-radius:50%;transform:rotate(-3deg)}.alphabet-row:nth-child(2)::before{transform:rotate(4deg)}.alphabet-row span{display:flex;flex-direction:column;align-items:center;width:32px;position:relative;transform:rotate(var(--tilt));padding-top:8px}.alphabet-row i{height:16px;width:10px;border-radius:4px 4px 7px 7px;background:var(--bulb);box-shadow:0 0 8px var(--bulb),0 0 23px var(--bulb);opacity:.6;animation:bulb-breathe 3s ease-in-out var(--delay) 1}.alphabet-row i::before{content:'';position:absolute;top:3px;left:calc(50% - 4px);width:8px;height:6px;background:#3e423a}.alphabet-row b{font:28px/1.2 'Comic Sans MS','Bradley Hand',cursive;color:#cbb999;text-shadow:1px 2px #000;transform:rotate(var(--tilt));margin-top:7px;font-weight:400}.alphabet-row:nth-child(2){padding-inline:7px}.memory-collage{position:relative;min-height:560px;margin-inline:10px}.memory-collage::after{content:'';position:absolute;left:5%;right:12%;top:35%;height:185px;border-left:2px solid #8e2f30;border-bottom:2px solid #8e2f30;border-radius:50%;transform:rotate(-16deg);z-index:-1}.memory-photo{position:absolute;width:65%;background:#d4c5a9;padding:9px 9px 7px;box-shadow:0 15px 40px #0009;transition:transform .3s,filter .3s;z-index:2}.memory-photo::before{content:'';position:absolute;top:-11px;left:40%;width:70px;height:23px;background:#b8ab876b;transform:rotate(-9deg);z-index:1}.memory-photo img{width:100%;aspect-ratio:1.85;object-fit:cover;filter:saturate(.78)}.memory-photo span{font:10px/1.5 'Courier New',monospace;color:#4c3d30;letter-spacing:.07em;display:block;margin-top:9px}.photo-one{left:0;top:0;transform:rotate(-9deg)}.photo-two{right:0;top:175px;transform:rotate(7deg)}.photo-three{left:2%;top:350px;transform:rotate(-5deg)}.memory-photo:hover{transform:rotate(0deg) translateY(-6px);filter:brightness(1.1);z-index:5}.collage-walkman{position:absolute;width:25%;right:2%;bottom:-10px;transform:rotate(13deg);mix-blend-mode:screen;filter:brightness(.75);z-index:3;pointer-events:none}.mixtape-scene{position:relative;isolation:isolate;background:#12100e;padding:80px 0}.mixtape-scene::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070b10f2,#12100edf),url('images/joyce-wall-hd.jpg') center/cover}.mixtape-scene h1{font-size:clamp(56px,5.8vw,88px)}.mixtape-scene .alphabet-wall{max-width:360px;margin-top:32px}.mixtape-scene .alphabet-row b{font-size:23px}.mixtape-scene .memory-collage{min-height:550px}.journey-hero .room-copy>p:not(.eyebrow){max-width:410px}.track-cover{width:45px;height:45px;object-fit:cover;border:1px solid #444}.audio-row{grid-template-columns:52px 1fr 1fr 70px 48px}.audio-row>.micro:empty{display:block}.connections-room{position:relative;overflow:hidden}.connections-room>h1,.connections-room>p{position:relative;z-index:2}.connection-lights{position:absolute;right:3%;top:65px;opacity:.55;width:33%;transform:rotate(-7deg);pointer-events:none}.connection-lights .alphabet-wall{margin:0}.upside-heading{isolation:isolate;position:relative;overflow:hidden}.upside-heading>*:not(.upside-creature){position:relative;z-index:2}.upside-creature{position:absolute;top:0;right:-20px;height:100%;width:57%;z-index:-1;opacity:.55;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 45%),linear-gradient(0deg,transparent,#000 35%);mask-composite:intersect}.upside-creature img{width:100%;height:100%;object-fit:cover;filter:saturate(.4) contrast(1.15)}
/* A physical record deck. Animation follows actual media state. */
.listen-stage{position:relative;isolation:isolate;overflow:hidden;min-height:525px;padding:65px 55px;gap:70px;background:#13131b}.listen-stage::before,.record-dialog::before{content:'';position:absolute;inset:-30%;z-index:-1;background:linear-gradient(#0e1015cc,#0e1015ed),var(--sleeve) center/cover;filter:blur(40px);opacity:.9}.turntable{width:430px;height:350px;max-width:100%;position:relative;flex-shrink:0;background:linear-gradient(135deg,#302927,#201b1b 55%,#312d2a);border:1px solid #6a5c4b;border-bottom:9px solid #100d0c;border-radius:8px;box-shadow:0 24px 45px #0008;isolation:isolate}.turntable::before{content:'';position:absolute;inset:14px;background:linear-gradient(140deg,#3d3833,#1d1d20);border-radius:6px;border:1px solid #71675640}.album-sleeve{position:absolute;width:165px;left:-28px;top:37px;padding:6px 6px 20px;background:#d8cbb5;box-shadow:0 8px 23px #0008;transform:rotate(-10deg);z-index:2}.album-sleeve img{width:100%;aspect-ratio:1;object-fit:cover}.album-sleeve span{font:7px 'Courier New',monospace;letter-spacing:.05em;color:#423d35;display:block;margin-top:6px;text-transform:uppercase;white-space:nowrap;overflow:hidden}.vinyl{position:absolute;width:270px;height:270px;border-radius:50%;left:95px;top:30px;background:repeating-radial-gradient(circle,#15161a 0 2px,#313135 3px,#15161a 4px);box-shadow:0 8px 15px #0009,inset 0 0 0 3px #191a1e;display:grid;place-items:center;animation:record-spin 16s linear infinite;animation-play-state:paused;z-index:3}.vinyl::before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 0deg,#fff1 45deg,transparent 70deg,transparent 180deg,#fff1 220deg,transparent 260deg);pointer-events:none}.vinyl img{width:39%;height:39%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #090a0f;display:block}.spindle{position:absolute;left:calc(50% - 5px);top:calc(50% - 5px);width:10px;height:10px;background:linear-gradient(125deg,#ccc,#333);border:2px solid #17171c;border-radius:50%;z-index:4}.vinyl.is-spinning{animation-play-state:running}.tonearm{width:100px;height:210px;position:absolute;right:15px;top:10px;z-index:4;transform:rotate(-22deg);transform-origin:85% 10%;transition:transform .8s}.tonearm::before{content:'';width:27px;height:27px;border:7px solid #424348;background:#98938a;border-radius:50%;position:absolute;top:0;right:0;box-shadow:0 3px 8px #000}.tonearm::after{content:'';position:absolute;top:19px;right:12px;width:7px;height:160px;transform:rotate(18deg);transform-origin:top;background:linear-gradient(90deg,#595959,#dbd5c9,#555);border-radius:4px;box-shadow:3px 2px 5px #0008}.tonearm i{position:absolute;width:15px;height:26px;top:161px;right:58px;background:#b8ac90;transform:rotate(18deg);box-shadow:0 3px 8px #000}.deck-playing .tonearm{transform:rotate(8deg)}.deck-label{position:absolute;bottom:14px;left:22px;font:9px 'Courier New',monospace;letter-spacing:.08em;color:#aaa08f}.deck-led{position:absolute;bottom:17px;right:25px;width:5px;height:5px;background:#73322e;border-radius:50%}.deck-playing .deck-led{background:#f57754;box-shadow:0 0 8px #f55}.listen-copy{max-width:390px}.listen-copy h2{font-size:43px}.mini-vinyl-button{background:none;border:0;padding:0;width:54px;height:54px;position:relative;border-radius:50%}.mini-vinyl{left:0;top:0;width:54px;height:54px;position:relative;box-shadow:0 0 0 1px #48484d}.mini-vinyl img{width:62%;height:62%}.mini-vinyl .spindle{width:5px;height:5px;left:calc(50% - 2.5px);top:calc(50% - 2.5px);border-width:1px}.player-inner{grid-template-columns:54px 44px minmax(180px,1fr) minmax(130px,320px) 60px 44px;gap:17px}.player-title{font-size:15px}.player{border-top-color:#4e3b36;padding:15px 0;background:#121319f5}.record-dialog{max-width:1020px;overflow:auto;padding:32px 42px 52px;isolation:isolate;border-color:#605a55}.record-dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.record-dialog-top .eyebrow{margin:0}.record-dialog-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:55px;padding-left:25px}.record-dialog .turntable{width:400px;max-width:100%}.record-description h2{font-size:45px;margin:15px 0 20px}.record-description>p{font-size:17px}.record-transport{display:flex;align-items:center;gap:20px;margin:26px 0}.record-transport button{background:none;border:0;min-width:44px;height:44px;color:#e6d7c4}.record-transport .record-play{width:60px;height:60px;border:1px solid #b69c81;border-radius:50%;background:#ddba8915}.record-description input{width:100%;accent-color:#e8c796;height:26px}.record-times{display:flex;justify-content:space-between;font:11px 'Courier New',monospace;color:#baafa4}.record-description .text-link{margin-top:23px;font-size:13px}.record-dialog .dialog-close{background:none;border:1px solid #7a7164}
/* TV casing leaves the original picture and native controls unobstructed. */
.crt-set{margin:8px 0 24px;padding:15px;border:1px solid #74624f;border-bottom:9px solid #21180f;border-radius:18px;background:repeating-linear-gradient(1deg,#4c392b 0 2px,#503d2d 3px,#493629 5px);box-shadow:0 24px 65px #0008}.crt-body{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:18px;padding:22px 22px 0;background:linear-gradient(120deg,#3a3d40,#242629);border:2px solid #100f0e;border-radius:10px;box-shadow:inset 0 0 0 2px #78746940}.crt-bezel{padding:16px;background:linear-gradient(145deg,#101114,#545151);border-radius:50%/5%;box-shadow:inset 4px 7px 16px #000a,0 2px 3px #7774;overflow:hidden}.crt-bezel .video-stage{border:2px solid #050507;border-radius:34px/24px;aspect-ratio:16/9;box-shadow:inset 0 0 20px #0008}.crt-bezel video{max-height:none;object-fit:contain}.crt-bezel .video-gate{background:linear-gradient(90deg,#090d16dd,#090d1630);padding:35px}.gate-copy h2{font-size:40px}.gate-copy p{font-size:15px}.tv-controls{display:flex;flex-direction:column;align-items:center;padding-top:5px;gap:25px;min-width:0}.tv-maker{text-align:center;font:600 19px/1 'Barlow Condensed';letter-spacing:.12em;color:#c0b9a8}.tv-dial{width:64px;height:64px;border:5px solid #1a1b1b;outline:1px solid #7b7c76;border-radius:50%;background:repeating-conic-gradient(#626466 0 5deg,#393a3c 5deg 10deg);box-shadow:3px 5px 8px #0008;position:relative}.tv-dial span{position:absolute;inset:8px;border-radius:50%;background:linear-gradient(120deg,#666,#1c1e1e)}.tv-dial span::before{content:'';position:absolute;width:4px;height:20px;top:2px;left:calc(50% - 2px);background:#d8ccae;transform-origin:50% 18px;transform:rotate(-35deg);transition:transform .3s}.tv-playing .tv-dial span::before{transform:rotate(35deg)}.tv-volume{width:90px;color:#a9a8a1;display:block;text-align:center}.tv-volume span{font:9px 'Courier New',monospace;letter-spacing:.12em;display:block;margin-bottom:12px}.tv-volume input{width:90px;accent-color:#b5a081;height:20px}.tv-speaker{width:82%;flex:1;min-height:50px;border-radius:8px;background:repeating-linear-gradient(0deg,#101213 0 3px,#404245 4px 6px);border:1px solid #505050}.tv-indicator{display:flex;align-items:center;gap:8px;font:9px 'Courier New',monospace;color:#b9b5a9;margin-bottom:10px}.tv-indicator i{width:5px;height:5px;border-radius:50%;background:#4d2424}.tv-playing .tv-indicator i{background:#f25340;box-shadow:0 0 8px #f34}.tv-nameplate{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding:0 2px 13px;font:9px/1.5 'Courier New',monospace;letter-spacing:.1em;color:#afa896}.video-caption{padding-top:0}.video-caption p{color:#afa99f}.caption-status{margin-left:6px;font-size:11px;color:#a4a19e}.video-caption .small-btn{padding:0;min-height:32px}.moment-intro{padding-bottom:24px}.moment-tabs{margin-bottom:30px}.interpretation{padding-top:30px}
@keyframes bulb-breathe{0%,100%{opacity:.35;filter:brightness(.7)}35%,60%{opacity:1;filter:brightness(1.2)}}@keyframes record-spin{to{transform:rotate(360deg)}}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused .tonearm{transition:none}.motion-paused .alphabet-row i{opacity:.65}
@media(max-width:1100px){.room-layout{gap:30px}.memory-collage{min-height:500px}.photo-two{top:155px}.photo-three{top:300px}.turntable{width:340px;height:300px}.vinyl{width:225px;height:225px;left:70px;top:29px}.album-sleeve{width:135px;left:-18px}.tonearm{right:9px;transform:rotate(-25deg) scale(.85)}.deck-playing .tonearm{transform:rotate(4deg) scale(.85)}.listen-stage{gap:38px;padding:50px 30px}.record-dialog-layout{gap:35px;padding-left:10px}.record-dialog .turntable{width:340px}.mini-vinyl{left:0;top:0;width:54px;height:54px}.connection-lights{opacity:.35}.crt-body{grid-template-columns:minmax(0,1fr) 90px;gap:13px;padding:16px 16px 0}.tv-controls{gap:18px}.tv-maker{font-size:16px}.tv-volume,.tv-volume input{width:73px}.tv-dial{width:55px;height:55px}}
@media(max-width:767px){.nav-end{gap:8px}.header-inner{gap:12px}.brand{width:163px}.brand span{font-size:23px}.brand small{font-size:17px}.menu-toggle{padding:8px 11px}.hero{min-height:680px}.hero-copy{padding-top:280px;padding-bottom:85px}.hero-motion-toggle{bottom:22px;right:20px;padding:8px 13px;font-size:11px;min-height:40px}.hero-copy p{font-size:15px;max-width:270px}.room-layout{grid-template-columns:1fr;gap:35px}.byers-room{padding:50px 0;min-height:0}.room-copy h2{font-size:62px}.room-copy>p:not(.eyebrow){font-size:16px;margin:18px 0}.alphabet-wall{margin-top:35px;max-width:330px}.alphabet-row{margin-bottom:10px}.alphabet-row b{font-size:24px}.memory-collage{min-height:510px;max-width:420px;width:100%;margin:10px auto 0}.memory-photo{width:74%;padding:7px 7px 6px}.photo-one{left:3%;top:5px;transform:rotate(-6deg)}.photo-two{right:1%;top:163px;transform:rotate(5deg)}.photo-three{left:2%;top:320px;transform:rotate(-5deg)}.collage-walkman{right:-4%;bottom:3px;width:26%}.byers-backdrop{background:linear-gradient(#100d0baa,#11100feb),url('images/joyce-wall-hd.jpg') center top/auto 700px no-repeat}.mixtape-scene{padding:48px 0}.mixtape-scene h1{font-size:62px}.mixtape-scene .memory-collage{min-height:510px}.mixtape-scene .alphabet-wall{display:none}.journey-intro{margin-top:20px}.upside-creature{width:80%;opacity:.26;right:-60px}.connection-lights{width:80%;right:-35%;top:25px;opacity:.18}.connection-lights .alphabet-row b{font-size:20px}.track-cover{width:38px;height:38px}.audio-row{grid-template-columns:38px minmax(0,1fr) 44px}.audio-row>.micro:empty{display:none}.listen-stage{padding:38px 24px;gap:35px;min-height:0;overflow:hidden}.turntable,.record-dialog .turntable{width:280px;height:255px;max-width:calc(100% - 10px);margin-left:10px}.vinyl{width:190px;height:190px;left:65px;top:27px}.album-sleeve{width:112px;left:-18px;top:28px;padding:4px 4px 12px}.album-sleeve span{font-size:6px}.tonearm{right:3px;top:15px;transform:rotate(-22deg) scale(.65);transform-origin:85% 5%}.deck-playing .tonearm{transform:rotate(6deg) scale(.65)}.deck-label{font-size:7px;left:15px;bottom:12px}.deck-led{bottom:14px;right:18px}.listen-copy h2{font-size:39px}.listen-copy{width:100%;max-width:380px}.player-inner{grid-template-columns:42px 34px minmax(0,1fr) 34px;gap:9px}.mini-vinyl-button,.mini-vinyl{height:42px;width:42px}.mini-vinyl{left:0;top:0}.player-inner>.round-btn{width:34px;height:34px;grid-column:2;grid-row:1}.player-inner>div{grid-column:3;grid-row:1}.player-inner .player-seek{grid-row:2;grid-column:1/4;height:18px}.player-inner .player-time{grid-column:4;grid-row:2;font-size:9px}.player-inner .player-close{grid-column:4;grid-row:1;width:34px}.player-title{font-size:12px;line-height:1.3}.player-edition{font-size:9px;line-height:1.3}.player{padding:10px 0}.record-dialog{padding:20px 20px 30px;max-height:90vh}.record-dialog-top{margin-bottom:28px;gap:10px}.record-dialog-top .eyebrow{font-size:10px}.record-dialog-layout{grid-template-columns:1fr;gap:30px;padding:0}.record-dialog .turntable{justify-self:center}.record-description h2{font-size:37px}.record-description .eyebrow{margin-bottom:10px}.record-description p{font-size:15px;margin-bottom:12px}.record-transport{margin:15px 0;justify-content:center}.record-description .text-link{margin-top:15px}.crt-set{padding:8px;border-radius:12px;border-bottom-width:6px;margin-bottom:15px}.crt-body{grid-template-columns:1fr;gap:10px;padding:9px 9px 0;border-radius:7px}.crt-bezel{padding:7px;border-radius:20px}.crt-bezel .video-stage{border-radius:17px;aspect-ratio:4/3}.crt-bezel .video-gate{padding:17px;background:#080c14dc}.gate-copy h2{font-size:28px}.gate-copy p{font-size:12px;margin-bottom:10px}.gate-copy .eyebrow{font-size:9px;margin-bottom:10px}.gate-copy .btn-main{min-height:42px;padding:9px 12px;font-size:12px}.tv-controls{flex-direction:row;gap:15px;justify-content:space-between;padding:0 4px;min-height:55px}.tv-maker{font-size:11px;letter-spacing:.08em}.tv-dial{width:44px;height:44px;border-width:4px;flex-shrink:0}.tv-dial span{inset:4px}.tv-dial span::before{height:13px;width:3px;top:3px;transform-origin:50% 13px}.tv-volume{width:75px;margin:0}.tv-volume span{font-size:8px;margin-bottom:2px}.tv-volume input{width:75px}.tv-speaker{display:none}.tv-indicator{font-size:7px;gap:4px;margin:0}.tv-nameplate{font-size:7px;padding-bottom:9px;gap:7px;letter-spacing:0}.tv-nameplate span:last-child{text-align:right}.video-caption p{font-size:11px}.caption-status{display:block;margin:3px 0 0}.moment-tabs{margin-bottom:18px}}
.mixtape-scene{overflow:hidden}
.record-dialog::before{inset:0}.record-dialog{overflow-x:hidden}
.upside-creature{opacity:.8;width:60%}.upside-creature img{filter:saturate(.5) contrast(1.1) brightness(1.35)}
.heading-relative>.upside-creature{position:absolute;right:0;top:0;z-index:-1}
.tv-sleeve{width:78px;text-align:center}.tv-sleeve img{width:70px;margin:auto;border:2px solid #a4967e}.tv-sleeve span{font:7px/1.4 'Courier New',monospace;color:#b8ad99;display:block;margin-top:7px}
@media(max-width:767px){.tv-sleeve{display:none}.upside-creature{width:80%;opacity:.3}}
@media(prefers-reduced-motion:reduce){.vinyl,.alphabet-row i{animation:none!important}.tonearm{transition:none}}

/* Third revision: readable type, clear images, and space for the person in the frame. */
body{font-size:17px;line-height:1.65}
body::before{display:none}
.site-header{height:96px}
.header-inner{gap:40px}
.brand{width:205px}
.brand span{font-size:29px}
.brand small{font-size:21px}
.nav-links{margin-left:auto;gap:36px}
.nav-links a{font-size:16px;font-weight:500;line-height:1.5;padding:15px 0}
.nav-links a[aria-current=page]::after{bottom:5px}
.nav-end{display:none}
.eyebrow,.micro{font-size:11px;letter-spacing:.1em;line-height:1.6}
.hero{min-height:670px;background:#080b10}
.hero-image{left:34%;right:auto;top:0;width:72%;height:100%;object-position:50% 48%}
.hero::before{background:linear-gradient(90deg,#080b10 0%,#080b10 29%,#080b10e8 39%,#080b1080 50%,#080b1010 68%,transparent 100%),linear-gradient(0deg,#080b10,transparent 22%)}
.hero::after{background:linear-gradient(180deg,#080b1050,transparent 20%,transparent 80%,#080b1070)}
.hero-copy{max-width:60%;padding:85px 0 100px}
.hero-copy h1{font-size:clamp(55px,5.8vw,84px);line-height:1.1;letter-spacing:-.055em;margin-bottom:28px}
.hero-copy p{font-size:18px;line-height:1.6;max-width:350px;color:#c5c7cc}
.hero .eyebrow{font-size:11px;letter-spacing:.1em;gap:12px;margin-bottom:24px}
.hero .actions{gap:14px}
.hero .btn-main,.hero .btn-outline{font-size:15px;padding:13px 19px}
.hero-motion-toggle{font-size:13px;right:4%;bottom:25px;background:#080b10cc}
.btn-main,.btn-outline,.text-link{font-size:15px}
.section{padding-block:76px}
.section-top h2{font-size:46px;line-height:1.1;letter-spacing:-.015em}
.section-top .eyebrow{margin-bottom:12px}
.scene-grid{gap:28px}
.scene-card{display:flex;flex-direction:column}
.card-art{aspect-ratio:16/9;flex-shrink:0;border:1px solid #ffffff0a}
.card-art img{object-fit:cover;object-position:center;filter:none}
.card-art .micro{font-size:11px;letter-spacing:.08em;left:16px;bottom:16px}
.play-circle{width:42px;height:42px;right:15px;bottom:13px}
.card-copy{padding:20px 0 18px;flex:1}
.card-copy>.micro{font-size:11px;line-height:1.6;color:#d2b993;min-height:18px}
.card-copy h3{font-family:'Barlow',Arial,sans-serif;font-size:25px;line-height:1.2;font-weight:600;letter-spacing:-.025em;margin:10px 0 12px}
.card-copy p{font-size:14px;line-height:1.5;margin-bottom:0;max-width:34em}
.card-bottom{margin-top:auto;padding-block:13px}
.small-btn{font-size:14px}
.archive-grid{row-gap:38px}
.page-heading h1{font-size:clamp(58px,5.8vw,84px);line-height:1.02;letter-spacing:-.02em}
.page-heading p{font-size:18px;line-height:1.6;max-width:540px}
.page-heading .eyebrow{font-size:12px}
.results-note p{font-size:13px;max-width:none}
.filter-panel{margin-bottom:24px}
.audio-row{grid-template-columns:56px minmax(240px,1fr) 180px 60px 48px;gap:22px;padding:20px 0}
.track-cover{width:56px;height:56px}
.audio-row strong{font-size:20px;font-weight:500;line-height:1.3;display:block}
.audio-row p{font-size:14px;margin:5px 0 0;line-height:1.5}
.audio-row>.recording-type{display:block;font:12px/1.5 'Barlow',Arial,sans-serif;letter-spacing:.035em;color:#c3b298;text-transform:uppercase}
.audio-row>.track-time{font-size:12px;letter-spacing:.05em}
.room-copy h2{font-size:clamp(52px,5vw,72px);line-height:1.03}
.byers-room{padding:80px 0;min-height:720px}
.byers-backdrop{background:linear-gradient(90deg,#100e0be8,#100e0ba6 53%,#070b10b8),url('images/joyce-wall-hd.jpg') center/cover}
.room-copy>p:not(.eyebrow){font-size:18px}
.memory-photo span{font-size:11px;letter-spacing:.04em}
.mixtape-scene h1{font-size:clamp(52px,5.5vw,78px)}
.journey-step h2{font-size:40px;line-height:1.12}
.connection-copy h2{font-size:50px;line-height:1.05}
.relation-tabs button strong{font:500 24px/1.25 'Barlow',Arial,sans-serif;letter-spacing:-.02em}
.moment-intro h1{font-size:clamp(44px,4.8vw,68px);line-height:1.1}
.interpretation h2{font-size:38px;line-height:1.12}
.interpretation p{font-size:17px;line-height:1.75}
.upside-creature{opacity:.65}
.hawkins-context{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 220px;gap:35px;align-items:center;margin:36px 0 50px;padding:45px;border:1px solid #8f7c5b55;background:#171615}
.hawkins-context h2{font-size:42px;line-height:1.1;max-width:520px}
.hawkins-context>img{width:100%;mix-blend-mode:screen;filter:brightness(.85);transform:rotate(-8deg)}
.starcourt-context::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#171125ed,#171125a0),url('images/starcourt.jpg') center 40%/cover}
.starcourt-context{border-color:#926c9a65}
.bikes-context{background:radial-gradient(ellipse at right,#182f32,#0f1419 70%)}
.foot p{font-size:13px}
.foot-links button{font-size:13px}
@media(min-width:1600px){.hero{min-height:740px}.hero-image{object-position:50% 48%}}
@media(min-width:768px) and (max-width:1100px){
 .nav-links{gap:25px}.brand{width:185px}.brand span{font-size:27px}.brand small{font-size:20px}
 .hero{min-height:620px}.hero-copy{max-width:66%}.hero-copy h1{font-size:clamp(50px,6.2vw,68px)}
 .hero-image{left:33%;width:80%;object-position:49% 45%}
 .hero-copy p{font-size:17px;max-width:320px}.hero .actions{max-width:455px;gap:12px}
 .hero .btn-main,.hero .btn-outline{font-size:14px;padding:12px 15px}
 .scene-grid{gap:22px}.card-copy h3{font-size:23px}.card-copy>.micro{font-size:10px;letter-spacing:.04em}
 .audio-row{grid-template-columns:48px minmax(180px,1fr) 140px 40px 44px;gap:16px}.track-cover{width:48px;height:48px}
 .audio-row strong{font-size:18px}.section-top h2{font-size:43px}
}
@media(min-width:768px) and (max-width:950px){.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-inner{gap:20px}.nav-links{gap:22px}.nav-links a{font-size:15px}.hero .eyebrow{font-size:10px;letter-spacing:.05em}}
@media(max-width:767px){
 .site-header{height:80px}.header-inner{gap:16px}.brand{width:164px}.brand span{font-size:24px}.brand small{font-size:18px}
 .nav-end{display:flex}.nav-links{margin:0;top:79px}.nav-links a{font-size:16px;padding:12px}
 .hero{min-height:700px;align-items:end}.hero-image{left:0;top:0;width:100%;height:410px;object-position:50% 40%}
 .hero::before{background:linear-gradient(0deg,#080b10 0%,#080b10 28%,#080b10f0 37%,#080b1020 62%,transparent 100%)}
 .hero::after{background:linear-gradient(0deg,transparent 80%,#080b1060)}
 .hero-copy{max-width:100%;padding:335px 0 42px}.hero-copy h1{font-size:clamp(41px,11.8vw,65px);line-height:1.07;margin-bottom:18px}
 .hero .eyebrow{font-size:9px;letter-spacing:.045em;margin-bottom:18px;gap:8px;white-space:nowrap}
 .hero .eyebrow::before{width:16px}.hero-copy p{font-size:16px;max-width:280px;margin-bottom:22px}
 .hero .actions{align-items:stretch;gap:10px}.hero .btn-main,.hero .btn-outline{font-size:13px;padding:11px 13px;min-height:47px}
 .hero-motion-toggle{top:20px;right:20px;bottom:auto;font-size:12px;min-height:40px}
 .section{padding-block:50px}.section-top h2{font-size:38px;line-height:1.1}
 .scene-grid{gap:30px}.card-copy{padding:17px 0 15px}.card-copy h3{font-size:25px}.card-copy>.micro{font-size:11px;min-height:0}
 .card-copy p{font-size:14px}.card-art{aspect-ratio:16/9}.card-art .micro{font-size:10px}
 .page-heading h1{font-size:60px}.page-heading p{font-size:16px}.page-heading .eyebrow{font-size:10px}
 .results-note p{max-width:none;font-size:12px}.filter-panel{padding-block:18px;gap:14px}
 .audio-row{grid-template-columns:48px minmax(0,1fr) 44px;column-gap:14px;row-gap:5px;padding-block:18px}
 .audio-row>.track-cover{grid-column:1;grid-row:1/3;width:48px;height:48px}
 .audio-row>div{grid-column:2;grid-row:1}.audio-row strong{font-size:17px;line-height:1.3}
 .audio-row p{font-size:13px;margin-top:3px}.audio-row>.recording-type{grid-column:2;grid-row:2;font-size:10px;letter-spacing:.03em}
 .audio-row>.round-btn{grid-column:3;grid-row:1/3}.audio-row>.track-time{display:none}
 .byers-room{padding:50px 0;min-height:0}.room-copy h2{font-size:57px}.room-copy>p:not(.eyebrow){font-size:17px}
 .byers-backdrop{background:linear-gradient(#100d0bbb,#11100fee),url('images/joyce-wall-hd.jpg') center top/auto 700px no-repeat}
 .mixtape-scene{padding:48px 0}.mixtape-scene h1{font-size:55px}.journey-step h2{font-size:35px}
 .relation-tabs button strong{font-size:20px}.connection-copy h2{font-size:42px}.interpretation h2{font-size:32px}
 .hawkins-context{grid-template-columns:1fr 90px;gap:15px;padding:25px 20px;margin-block:25px}
 .hawkins-context h2{font-size:30px}.hawkins-context .eyebrow{font-size:9px}.hawkins-context .text-link{font-size:13px}
 .moment-intro h1{font-size:44px}
}