@font-face{font-family:Barlow;src:url('/assets/barlow-condensed.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--ink:#161713;--paper:#f1efdf;--gold:#f2cf3c;--coral:#ef7558;--sage:#acbb91;--line:rgba(241,239,223,.23);--body:Arial,Helvetica,sans-serif;--display:Barlow,'Arial Narrow',Impact,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}::selection{background:var(--gold);color:var(--ink)}:focus-visible{outline:3px solid var(--gold);outline-offset:6px}img{display:block;max-width:100%;height:auto}button{cursor:pointer}em{font-style:normal;color:var(--gold)}h1,h2,p{margin:0}h1,h2{font-family:var(--display);font-weight:700;line-height:.87;letter-spacing:-.015em}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--gold);color:var(--ink);padding:16px}.skip-link:focus{top:15px}.header{height:96px;padding:18px 4%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:800;line-height:1.08;letter-spacing:-.03em}.brand img{width:50px}.brand small{font-size:10px;letter-spacing:.34em;line-height:1.7}.header nav{display:flex;gap:38px;font-size:14px}.header nav a{position:relative;padding:10px 0}.header nav a:after{position:absolute;bottom:2px;left:0;width:100%;height:1px;background:currentColor;content:'';transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav a:hover:after{transform:scaleX(1)}.header nav span{margin-left:10px;color:var(--gold)}.motion-button{border:1px solid var(--line);border-radius:30px;background:none;color:var(--paper);padding:10px 14px;font-size:12px;display:flex;align-items:center;gap:8px}.motion-button[hidden]{display:none}.motion-dot{width:6px;height:6px;background:var(--gold);border-radius:50%}.motion-off .motion-dot{background:#888}.hero{min-height:calc(100svh - 96px);padding:26px 4% 32px;position:relative;overflow:hidden;display:flex;flex-direction:column}.hero-topline,.section-top,.journey-top{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.1em;font-weight:600;line-height:1.5}.hero-topline{color:#babbae}.hero h1{font-size:clamp(120px,20.6vw,360px);margin:38px 0 28px;position:relative;z-index:2;width:100%;pointer-events:none}.hero-line{display:block}.hero-line:first-child{display:flex;align-items:center;gap:.15em}.hero-star{color:var(--gold);font-size:.42em;line-height:1;display:inline-block;transform:rotate(-10deg)}.hero .pockets{display:flex;gap:.015em;align-items:flex-end}.records-word{font:600 12px var(--body);writing-mode:vertical-rl;letter-spacing:.28em;line-height:1;margin:0 0 .5em .4em}.hero-seal{position:absolute;width:29vw;max-width:520px;top:9%;right:7%;z-index:3;transform:rotate(10deg);will-change:transform}.hero-seal img{filter:drop-shadow(0 18px 25px rgba(0,0,0,.3))}.seal-caption{position:absolute;left:50%;bottom:6%;transform:translateX(-50%) rotate(-6deg);background:var(--coral);color:var(--ink);font-size:10px;letter-spacing:.04em;font-weight:800;white-space:nowrap;padding:10px 18px}.hero-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:end;gap:20px}.hero-bottom p{font-size:16px;line-height:1.5;color:#cccec0}.round-link{display:flex;align-items:center;gap:30px;font-size:12px;letter-spacing:.1em}.round-arrow{display:grid;place-items:center;width:62px;height:62px;border:1px solid #66695b;border-radius:50%;font-size:27px;transition:background .25s,color .25s,transform .25s}.round-link:hover .round-arrow{background:var(--gold);color:var(--ink);transform:translateY(4px)}.hero-rule{position:absolute;width:16%;height:1px;background:var(--line);left:43%;bottom:60px}.ticker{overflow:hidden;background:var(--gold);color:var(--ink);padding:20px 0;border-block:1px solid var(--ink)}.ticker-track{display:flex;gap:38px;width:max-content;align-items:center;animation:ticker 34s linear infinite;font:700 25px var(--display);letter-spacing:.06em}.ticker b{font-size:27px}.journey{position:relative}.journey-sticky{overflow:hidden}.journey-top{padding:30px 4%;border-bottom:1px solid var(--line);background:var(--ink);position:relative;z-index:3}.chapter-indicator{display:flex;align-items:center;gap:18px}.progress-line{width:100px;height:2px;background:#4a4e40}.progress-line i{display:block;height:2px;background:var(--gold);transform-origin:left;transform:scaleX(.333)}.journey-track{display:flex;flex-direction:column}.chapter{position:relative;min-height:720px;padding:64px 6%;overflow:hidden}.chapter-one{display:grid;grid-template-columns:1.3fr 1fr;gap:5%;background:var(--ink)}.eyebrow{display:block;font-size:12px;letter-spacing:.1em;font-weight:600;margin-bottom:38px}.chapter h2{font-size:clamp(78px,8.3vw,150px)}.chapter p{max-width:360px;line-height:1.65;font-size:16px}.chapter-copy>p{margin-top:30px;color:#c7cbbc}.chapter-cue{display:flex;align-items:center;gap:35px;margin-top:36px;font-size:11px;letter-spacing:.13em}.chapter-cue span{font-size:28px}.chapter-aside{display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid var(--line)}.big-nine{font-family:var(--display);font-size:clamp(260px,33vw,580px);line-height:.8;color:var(--gold);transform:rotate(10deg)}.chapter-aside p{text-align:center;margin-top:32px;font-size:14px;color:#bbbfb1}.chapter-two{background:var(--coral);color:var(--ink)}.chapter-two h2{font-size:clamp(86px,11.5vw,190px)}.chapter-two-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:25px}.chapter-two-bottom img{width:min(26vw,290px);transform:rotate(-12deg)}.chapter-three{background:#251710;display:flex;align-items:center;padding:60px 6%;min-height:780px}.vinyl-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,14,12,.7),rgba(14,14,12,.05))}.photo-copy{position:relative;z-index:1}.photo-copy p{margin-top:30px}.photo-copy h2{font-size:clamp(92px,10vw,170px)}.photo-note{position:absolute;right:4%;bottom:30px;font-size:11px;letter-spacing:.14em}.music-section{position:relative;overflow:hidden;background:var(--ink);isolation:isolate}.music-background{position:absolute;inset:0;background:var(--sage);z-index:-1}.music-content{padding:34px 4% 70px;color:var(--ink);position:relative}.music-content .section-top{margin-bottom:60px}.music-content h2{font-size:clamp(86px,13vw,220px);max-width:85%;position:relative;z-index:1}.music-content em{color:var(--ink);opacity:.6}.asterisk{position:absolute;right:5%;top:22%;font-size:clamp(100px,23vw,370px);color:var(--ink);line-height:1;transform:rotate(12deg)}.music-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:50px;gap:30px}.music-bottom p{line-height:1.6}.text-link{border-bottom:1px solid currentColor;padding:12px 0;font-size:16px;display:flex;gap:50px;align-items:center}.text-link span{font-size:24px;transition:transform .25s}.text-link:hover span{transform:translate(4px,-4px)}.contact-section{padding:35px 4% 70px}.contact-section .section-top{color:#abb09f}.contact-section h2{font-size:clamp(72px,11.5vw,195px);margin:80px 0 55px}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.contact-bottom p{color:#c4c8b8;line-height:1.6}.contact-detail{display:flex;flex-direction:column;gap:10px;text-align:right}.contact-status{font-size:18px}.contact-note{font-size:13px;color:#a9ae9d}.contact-email{font-family:var(--display);font-size:clamp(28px,4vw,60px);border-bottom:1px solid #6a725d;padding-bottom:10px}footer{padding:34px 4%;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:25px}footer>span{font-size:11px;letter-spacing:.08em;text-align:center}footer>a:last-of-type{text-align:right;font-size:12px}footer>small{grid-column:1/-1;font-size:11px;color:#a6ab99;border-top:1px solid var(--line);padding-top:22px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.horizontal .journey{height:280vh}.horizontal .journey-sticky{height:100svh;position:sticky;top:0}.horizontal .journey-track{flex-direction:row;height:calc(100svh - 79px);will-change:transform}.horizontal .chapter{flex:0 0 100%;min-height:0;height:100%;padding-top:40px;padding-bottom:35px}.horizontal .chapter h2{font-size:clamp(75px,8vw,142px)}.horizontal .chapter-two h2{font-size:clamp(80px,10.5vw,180px)}.horizontal .eyebrow{margin-bottom:25px}.horizontal .chapter-two-bottom img{max-height:29vh;width:auto}.horizontal .chapter-three{align-items:center}.horizontal .chapter-copy>p{margin-top:22px}.horizontal .chapter-cue{margin-top:20px}.horizontal .big-nine{font-size:min(31vw,57vh)}.motion-off html{scroll-behavior:auto}.motion-off .ticker-track{animation:none}.motion-off .reveal{opacity:1;transform:none;transition:none}.motion-off *, .motion-off *:before,.motion-off *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
@keyframes ticker{to{transform:translateX(-50%)}}
@media(min-width:1600px){.hero{max-height:1150px}.hero h1{margin-top:60px}.hero-seal{top:11%}}
@media(max-width:900px){.header{height:82px;padding-inline:5%}.header nav{gap:22px}.header nav a:last-child{display:none}.motion-button{font-size:0;padding:13px}.motion-dot{width:7px;height:7px}.hero{min-height:740px;padding-inline:5%}.hero h1{font-size:21vw;margin-top:190px}.hero-seal{width:225px;top:45px;right:7%;transform:rotate(10deg)}.hero-line:first-child{line-height:.85}.hero-star{display:none}.hero-bottom{margin-top:40px}.hero-rule{display:none}.hero-topline{font-size:10px}.hero-bottom p{font-size:14px}.records-word{font-size:10px}.journey-top{padding-inline:5%;font-size:10px}.chapter{padding:45px 6%;min-height:auto}.chapter-one{grid-template-columns:1fr .65fr;gap:20px}.chapter h2{font-size:12vw}.chapter-aside .big-nine{font-size:36vw}.chapter-aside p{font-size:12px;padding-left:15px}.chapter-two{padding-top:45px}.chapter-two h2{font-size:15vw}.chapter-two-bottom img{width:28vw}.chapter-two-bottom p{font-size:15px;max-width:310px}.chapter-three{min-height:650px}.photo-copy h2{font-size:100px}.music-content{padding-inline:5%}.music-content h2{font-size:14vw}.contact-section{padding-inline:5%}.contact-section h2{font-size:13vw}.contact-status{font-size:16px}.contact-note{font-size:12px}}
@media(max-width:560px){.header{gap:14px}.brand{font-size:12px;gap:8px}.brand img{width:41px}.brand small{font-size:8px}.header nav{gap:16px;font-size:12px}.header .motion-button{padding:8px;border:0}.hero{min-height:calc(100svh - 82px);padding-top:20px;padding-bottom:30px}.hero-topline span:last-child{display:none}.hero-seal{top:65px;right:6%;width:48vw;max-width:220px}.seal-caption{font-size:7px;padding:7px 10px}.hero h1{margin-top:180px;margin-bottom:22px;font-size:22vw}.hero h1 .pockets{font-size:20vw}.hero h1 .records-word{font-size:8px;margin-left:4px}.hero-bottom{margin-top:auto;padding-top:35px;align-items:center}.hero-bottom p{font-size:13px;max-width:180px}.round-link{font-size:10px;gap:12px}.round-arrow{width:45px;height:45px;font-size:22px}.ticker{padding:15px 0}.ticker-track{font-size:20px;gap:24px}.journey-top{font-size:9px;gap:10px}.chapter-indicator{gap:9px}.progress-line{width:35px}.chapter-one{grid-template-columns:1fr}.chapter-one h2{font-size:19vw}.chapter-one p{font-size:16px}.chapter-aside{display:none}.chapter-cue{display:none}.eyebrow{font-size:10px}.chapter-two h2{font-size:20vw;line-height:.94}.chapter-two-bottom{align-items:end;margin-top:35px}.chapter-two-bottom p{font-size:14px;max-width:62%}.chapter-two-bottom img{width:30%;margin-bottom:25px}.chapter-three{min-height:620px}.photo-copy h2{font-size:24vw}.photo-copy p{font-size:15px}.vinyl-photo{object-position:63% center}.music-content{padding-top:28px;padding-bottom:45px}.section-top{font-size:9px;gap:15px}.music-content .section-top{margin-bottom:70px}.music-content h2{font-size:19vw;max-width:100%}.asterisk{font-size:30vw;right:5%;top:13%}.music-bottom{align-items:start;flex-direction:column;margin-top:40px}.music-bottom p{font-size:15px}.text-link{font-size:14px;gap:80px}.contact-section{padding-top:28px;padding-bottom:45px}.contact-section h2{font-size:17vw;margin-top:65px;margin-bottom:40px}.contact-bottom{align-items:start;flex-direction:column}.contact-bottom p{font-size:15px}.contact-detail{text-align:left}.contact-status{font-size:16px}footer{grid-template-columns:1fr 1fr;padding:28px 5%;gap:25px}footer>span{display:none}footer>a:last-of-type{font-size:10px}.contact-email{font-size:36px}}
.ticker-track{gap:0}.ticker-group{display:flex;align-items:center;gap:38px;padding-right:38px;flex-shrink:0}
html.motion-off{scroll-behavior:auto}
.horizontal .chapter h2{font-size:clamp(70px,min(8vw,12.5svh),142px)}
.horizontal .chapter-two h2{font-size:clamp(75px,min(10.5vw,17svh),180px)}
@media(max-width:560px){.ticker-group{gap:24px;padding-right:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}.reveal{opacity:1;transform:none;transition:none}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Final readability and touch refinements: keep all navigation usable on phones. */
.motion-button{min-width:44px;min-height:44px}
.header nav a{min-height:44px;display:inline-flex;align-items:center}
.contact-detail{min-width:0;max-width:100%}
.contact-email{overflow-wrap:anywhere}
.chapter-cue,.photo-note,footer>small{font-size:12px}
.hero-topline,.section-top,.journey-top{flex-wrap:wrap}
.hero h1{font-size:clamp(7.5rem,calc(18vw + 1rem),22.5rem)}
@media(max-width:900px){
  .header{height:auto;display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:14px 5% 8px}
  .header nav{grid-column:1/-1;grid-row:2;width:100%;justify-content:space-between;gap:10px;font-size:14px}
  .header nav a:last-child{display:inline-flex}
  .header .motion-button{grid-column:2;grid-row:1}
  .hero h1{font-size:clamp(6rem,calc(18vw + 1rem),15rem)}
  .hero-bottom p,.chapter-two-bottom p,.photo-copy p,.music-bottom p,.contact-bottom p{font-size:16px}
  .hero-topline,.journey-top,.chapter-aside p{font-size:12px}
}
@media(max-width:560px){
  .header{height:auto;display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:14px 5% 8px}
  .header .brand{font-size:14px;gap:10px}
  .brand small{font-size:12px;letter-spacing:.14em}
  .header nav{grid-column:1/-1;grid-row:2;width:100%;justify-content:space-between;gap:10px;font-size:14px}
  .header nav a:last-child{display:inline-flex}
  .header nav span{margin-left:4px}
  .header .motion-button{grid-column:2;grid-row:1;border:1px solid var(--line);padding:12px}
  .hero{min-height:calc(100svh - 118px)}
  .hero h1{font-size:clamp(4.75rem,calc(18vw + 1rem),8rem)}
  .hero h1 .pockets{font-size:clamp(3.75rem,calc(16.5vw + .75rem),8rem)}
  .hero-bottom{align-items:flex-start;flex-direction:column;gap:24px}
  .hero-bottom p{max-width:none;font-size:16px}
  .round-link{font-size:14px;gap:20px}
  .seal-caption{display:none}
  .hero h1 .records-word{font-size:12px}
  .section-top,.journey-top,.eyebrow{font-size:12px}
  .chapter-two-bottom p{font-size:16px;max-width:65%}
  .chapter-two-bottom img{width:26%}
  .contact-email{font-size:clamp(1.75rem,7.7vw,2.25rem)}
  footer>a:last-of-type{font-size:14px;min-height:44px;display:grid;align-items:center}
}

/* Progressive motion layers without a continuous pointer loop or scroll interception. */
.hero-seal img{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .42s cubic-bezier(.2,.75,.25,1)}
.reveal{transition:opacity .7s ease,transform .85s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.reveal.visible,.reveal:focus-within{opacity:1;transform:none}
.reveal:focus-within{transition:none}
.motion-ready:not(.motion-off) .hero-line{animation:record-title-in .95s cubic-bezier(.16,1,.3,1) both}
.motion-ready:not(.motion-off) .hero-line.pockets{animation-delay:.1s}
.motion-ready:not(.motion-off) .hero-topline{animation:record-title-in .8s ease both}
@keyframes record-title-in{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){
  .chapter-two-bottom img{transition:transform .65s cubic-bezier(.16,1,.3,1)}
  .chapter-two-bottom img:hover{transform:rotate(-5deg) scale(1.035)}
  .contact-email{transition:color .25s,border-color .25s}
  .contact-email:hover{color:var(--gold);border-color:var(--gold)}
}
html.motion-off .reveal{opacity:1;transform:none;transition:none}
html.motion-off .hero-seal img{transform:none;transition:none}
html.motion-off .chapter-two-bottom img:hover{transform:rotate(-12deg)}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important;transition:none!important}
  .hero-seal img{transform:none!important;transition:none!important}
  .hero-line,.hero-topline{animation:none!important}
  .chapter-two-bottom img:hover{transform:rotate(-12deg)!important}
}

/* Reversible scroll choreography. The static document remains complete without JS. */
.motion-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[data-scatter]{position:relative}
.scatter-word{display:inline-block;white-space:nowrap}
.scatter-letter{display:inline-block;transform-origin:50% 82%}
.scatter-letter{position:relative}
.pixel-letter{position:absolute;display:none;max-width:none;pointer-events:none;image-rendering:pixelated}
.is-pixelating{color:transparent!important}
.is-pixelating>.pixel-letter{display:block}
.motion-off .is-pixelating{color:inherit!important}
.motion-off .pixel-letter{display:none!important}
[data-motion-scene]:focus-within .is-pixelating{color:inherit!important}
[data-motion-scene]:focus-within .pixel-letter{display:none!important}
.chapter-indicator,.chapter-cue{display:none}
@media print,(forced-colors:active){
  .is-pixelating{color:inherit!important}
  .pixel-letter{display:none!important}
  .scatter-letter,[data-drift]{transform:none!important;opacity:1!important}
}
.hero-pinned .hero-scene{padding-bottom:65svh}
.hero-pinned .hero{position:sticky;top:0}
.contact-section,footer{overflow:clip}
.scroll-motion [data-drift],.scroll-motion .scatter-letter,.scroll-motion .hero-seal{transition:none!important}
.motion-ready:not(.motion-off) .hero-line,.motion-ready:not(.motion-off) .hero-topline{animation:none}
.scroll-motion .hero-star{transform-origin:center}
.scroll-motion .hero-seal{will-change:auto}
.page-hidden .ticker-track{animation-play-state:paused}
[data-motion-scene]:focus-within [data-drift],[data-motion-scene]:focus-within .scatter-letter{transform:none!important;opacity:1!important}
html.motion-off [data-drift],html.motion-off .scatter-letter{transform:none!important;opacity:1!important;transition:none!important}
html.motion-off .hero-seal{opacity:1!important}
@media(prefers-reduced-motion:reduce){
  .hero-scene{padding-bottom:0!important}
  .hero{position:relative!important}
  [data-drift],.scatter-letter{transform:none!important;opacity:1!important;transition:none!important}
  .hero-seal{transform:rotate(10deg)!important;opacity:1!important}
  .is-pixelating{color:inherit!important}
  .pixel-letter{display:none!important}
}

/* Each chapter has its own scroll response, while the document stays vertical. */
.records-word{writing-mode:horizontal-tb;letter-spacing:0;line-height:1.1}
.records-word .scatter-word{display:flex;flex-direction:column;align-items:center;gap:.17em}
.chapter-one{padding-bottom:clamp(185px,21vw,285px);isolation:isolate}
.chapter-one .chapter-copy,.chapter-one .chapter-aside{position:relative;z-index:2}
.snake-stage{position:absolute;left:0;right:0;bottom:0;height:clamp(165px,20vw,265px);pointer-events:none;z-index:1}
.snake-stage img{width:100%;height:100%;object-fit:contain;opacity:.75}
.snake-canvas{position:absolute;inset:0;width:100%;height:100%;display:none}
.slither-ready .snake-canvas{display:block}
.slither-ready img{visibility:hidden}
.chapter-three{isolation:isolate;background:#171710}
.vinyl-photo{z-index:-3}
.photo-shade{z-index:-1}
.photo-copy,.photo-note{z-index:2}
/* Intact words and opacity/translation only: no repeated glyphs or blur paints.
   The outer wrapper never transforms, so its edge timing cannot feed back. */
[data-smoke]{position:relative;display:inline-block}
.smoke-word{display:inline-block;white-space:nowrap}
.scroll-motion .smoke-word{transition:none!important}
.scroll-motion [data-fall-item]{transition:none!important}
[data-motion-scene]:focus-within .smoke-word{transform:none!important;opacity:1!important}
[data-motion-scene]:focus-within [data-fall-item]{transform:none!important;opacity:1!important}
html.motion-off .smoke-word{transform:none!important;opacity:1!important}
html.motion-off [data-fall-item]{transform:none!important;opacity:1!important}
html.motion-off .snake-canvas{display:none!important}
html.motion-off .snake-stage img{visibility:visible!important}
@media(max-width:700px){
  .chapter-three .photo-copy{max-width:95%}
}
@media print,(forced-colors:active),(prefers-reduced-motion:reduce){
  .smoke-word{transform:none!important;opacity:1!important}
  [data-fall-item]{transform:none!important;opacity:1!important}
  .snake-canvas{display:none!important}
  .snake-stage img{visibility:visible!important}
  .hero-seal{transform:rotate(10deg)!important;opacity:1!important}
}