/* Short introductions, with the existing section artwork and hand placement. */
.chapter-copy>p:not(.eyebrow){max-width:510px}.chapter-copy .link-pair{gap:18px 28px}.chapter-copy .link-pair .text-link{white-space:normal}
#sound .sound-art{width:min(80%,350px);max-width:350px;height:auto}#sound .sound-art .cutout-surface>img{width:100%;height:auto;max-height:560px;object-fit:contain}
.services-section{display:block;min-height:0;padding-block:80px}.services-section .service-intro{max-width:640px;margin:auto;text-align:center}.website-cutout{background:transparent!important;border:0!important;padding:0!important}.website-cutout>img{aspect-ratio:1.45;object-fit:cover;object-position:top;width:100%}
@media(min-width:701px){.site-header nav{gap:22px;font-size:13px}.chapter:not(#digital):not(#websites){height:135svh}}
@media(max-width:700px){.chapter-copy>p:not(.eyebrow){font-size:16px;line-height:1.7}.paper-curated #sound .art-zone>.sound-art{width:65%;max-width:275px}.services-section{padding-block:55px}.chapter-copy .link-pair{display:flex;flex-direction:column;align-items:flex-start;gap:6px}}

/* Primary destinations remain visible rather than disappearing into Explore. */
.site-header{height:126px;padding:20px 5% 14px;display:grid;grid-template-columns:1fr auto auto;grid-template-rows:auto auto;gap:14px 24px;align-content:center}
.site-header .wordmark{grid-column:1;grid-row:1}.site-header .home-utilities{grid-column:2;grid-row:1;display:flex;align-items:center;gap:24px;font-size:13px}.site-header>.talk-link{grid-column:3;grid-row:1;display:block;font-size:13px}
.site-header nav.home-section-nav{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:center;font:500 14px/1.4 var(--sans)}
.site-header nav.home-section-nav>a{display:block;white-space:nowrap;padding:5px 0}.home-section-nav .gear-rental-link{border-bottom:1px solid currentColor}.home-utilities .experience-switch{display:inline-flex!important}.home-utilities #section-menu-toggle{font-size:13px}
.websites-piece{z-index:5}.mini-websites{position:relative;width:100%;height:100%}.mini-websites img{position:absolute;width:78%;aspect-ratio:1.45;object-fit:cover;object-position:top;box-shadow:1px 3px 7px #29261b30}.mini-websites img:first-child{left:0;top:0;transform:rotate(-5deg)}.mini-websites img:last-child{right:0;bottom:0;transform:rotate(6deg)}
:root{--pencil:var(--sans)}.hero-play-hint{transform:none;color:var(--ink);font-size:15px}.hero-play-hint span{font-size:14px}
@media(max-width:700px){.site-header{height:auto;min-height:142px;padding:18px 6% 14px;gap:12px 18px;grid-template-columns:1fr auto}.site-header .home-utilities{gap:15px}.site-header>.talk-link{display:none}.site-header nav.home-section-nav{font-size:12px;gap:3px 18px;justify-content:flex-start}.site-header nav.home-section-nav>a{padding:6px 0}.home-utilities #section-menu-toggle,.home-utilities .experience-switch{font-size:12px}.mobile-nav-piece.websites-piece{height:auto;width:78%;max-width:300px}.mobile-nav-piece.websites-piece .mini-websites{height:185px}.hero-copy{padding-top:40px}}

.hero-copy .hero-play-hint{width:300px;max-width:100%;margin:8px 0 6px}.hero-play-hint img{width:100%;height:auto}@media(max-width:700px){.hero-copy .hero-play-hint{width:280px;margin:8px 0 6px}}
body[data-experience="illustrated"] .site-header nav.home-section-nav>a{display:block}
.mini-websites img{height:auto}
@media(max-width:700px){body[data-experience="illustrated"] .site-header nav.home-section-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 8px;width:100%;font-size:12px}body[data-experience="illustrated"] .site-header nav.home-section-nav>a{min-height:44px;display:flex;align-items:center;justify-content:center}.home-section-nav .gear-rental-link{grid-column:3/5;justify-self:center;min-width:110px}.site-header{min-height:168px}.has-featured-opening .hero-copy{top:192px;padding-top:0}}

/* Each chapter is a taped sheet on the original crumpled desk. */
.site-header{grid-template-columns:1fr auto}.site-header .home-utilities{grid-column:2}
.taped-sheet,.clients-section .logo-sheet{background:linear-gradient(#faf7eeed,#f5f1e6ed),url('assets/crumpled-construction-paper.webp') center/900px;border:1px solid #8b816a26;box-shadow:0 2px 3px #3b342019,6px 12px 20px #3b342019;border-radius:1px;isolation:isolate}
.section-tape{position:absolute;top:-13px;width:100px;height:29px;background:linear-gradient(100deg,#d9cfb176,#e1d7bb99 50%,#d9cfb176);border-inline:1px dashed #fff8;box-shadow:0 1px 1px #40341b08;z-index:35;pointer-events:none}
.section-tape.tape-left{left:9%;transform:rotate(-9deg)}.section-tape.tape-right{right:9%;transform:rotate(8deg)}
.paper-curated .chapter{padding:42px 0 62px;border:0}
.paper-curated .chapter .chapter-inner{width:90%;max-width:1320px;height:calc(100svh - 84px);min-height:620px;top:42px;padding:56px clamp(28px,4vw,64px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(42px,6vw,90px);overflow:visible}
.paper-curated .chapter .art-zone{width:100%;max-width:450px;justify-self:center}
.paper-curated .chapter .chapter-copy{min-width:0}.paper-curated .chapter .chapter-copy h2{font-size:clamp(34px,4.35vw,68px)}
.paper-curated .chapter .art-zone:not(.app-art-zone):not(.website-art-zone){height:480px;max-height:64svh;min-height:0;padding:12px 0}
.paper-curated .chapter .art-zone:not(.app-art-zone):not(.website-art-zone)>.placed-paper{max-width:100%;max-height:100%}
.paper-curated #film .art-zone>.fx6-art{width:64%}.paper-curated #sound .art-zone>.sound-art{width:70%}
/* Compact, separately readable groups leave a clear gutter beside the copy. */
.paper-curated .chapter .website-art-zone{display:block;position:relative;height:auto;min-height:0;max-height:none;aspect-ratio:1/.94;padding:0;max-width:440px}
.paper-curated .website-art-zone .website-card{position:absolute;inset:auto;width:55%;height:auto;max-height:none;aspect-ratio:1.45;margin:0}
.paper-curated .website-art-zone .website-jrnxlst{left:0;top:9%}.paper-curated .website-art-zone .website-cag{left:43%;top:19%}.paper-curated .website-art-zone .website-chris{left:3%;top:49%}.paper-curated .website-art-zone .website-attic{left:44%;top:60%}
.paper-curated .website-card .website-cutout img{aspect-ratio:1.45;object-fit:cover;object-position:top;display:block}
.paper-curated .chapter .app-art-zone{height:auto;min-height:0;max-height:none;aspect-ratio:1/1.04;max-width:440px;padding:0;container-type:inline-size}
.paper-curated .app-art-zone .gobbo-cutout{left:0;top:1%;width:35%;height:44%}.paper-curated .app-art-zone .med-cutout{left:27%;top:15%;width:65%;height:auto}
.paper-curated .app-art-zone .long-night-cutout{left:8%;top:42%;width:29%;height:auto}.paper-curated .app-art-zone .void-cutout{left:45%;top:45%;width:29%;height:auto}.paper-curated .app-art-zone .librarian-cutout{left:38%;top:72%;width:57%;height:auto}
.paper-curated .app-art-zone .librarian-print>strong{font-size:clamp(11px,4.5cqw,18px)}
.clients-section{padding:50px 5% 70px;border:0}.clients-section .logo-sheet{max-width:1320px;transform:none;padding:60px 6% 40px}.clients-section .section-heading h2{margin-bottom:52px}
.services-section{padding:35px 5% 70px;border:0;max-width:none}.services-section .service-intro{position:relative;max-width:1320px;padding:70px 8%;width:100%}
.paper-curated #contact{padding:35px 5% 70px;border:0}.contact-sheet{position:relative;max-width:1320px;margin:auto;padding:410px 6% 70px}.contact-sheet #keepsakes-contact{top:45px}.contact-sheet h2{font-size:clamp(72px,10vw,150px)}
@media(min-width:701px) and (max-width:1000px){.paper-curated .chapter .chapter-inner{gap:38px;padding-inline:30px}.paper-curated .chapter .chapter-copy h2{font-size:38px}.paper-curated .chapter-copy>p:not(.eyebrow){font-size:16px;line-height:1.65}.paper-curated .chapter .text-link{font-size:14px}}
@media(max-width:700px){
 .section-tape{width:70px;height:24px;top:-11px}.section-tape.tape-left{left:8%}.section-tape.tape-right{right:8%}
 .paper-curated .chapter{height:auto;min-height:0;padding:28px 0}
 .paper-curated .chapter .chapter-inner{position:relative;top:auto;width:calc(100% - 32px);height:auto;min-height:0;max-width:540px;padding:42px 24px;gap:50px;display:flex;align-items:center}
 .paper-curated .chapter .chapter-copy h2{font-size:clamp(34px,9.4vw,43px);line-height:1.06}
 .paper-curated .chapter .art-zone:not(.app-art-zone):not(.website-art-zone){width:100%;height:auto;min-height:0;max-height:none;padding:10px 0;max-width:360px}
 .paper-curated .chapter .art-zone:not(.app-art-zone):not(.website-art-zone)>.placed-paper{width:100%;height:auto;max-width:100%;max-height:none}
 .paper-curated #film .art-zone>.fx6-art{width:63%}.paper-curated #sound .art-zone>.sound-art{width:70%}
 .paper-curated .chapter .website-art-zone,.paper-curated .chapter .app-art-zone{width:100%;max-width:390px;min-height:0;max-height:none;padding:0}
 .paper-curated .chapter-copy .text-link{font-size:15px;gap:20px;white-space:normal}
 .clients-section{padding:28px 16px}.clients-section .logo-sheet{padding:42px 24px 30px}.clients-section .section-heading h2{font-size:40px;margin-bottom:36px}
 .services-section{padding:28px 16px}.services-section .service-intro{padding:48px 24px}.services-section .service-intro h2{font-size:40px}
 .paper-curated #contact{padding:28px 16px 50px}.contact-sheet{padding:285px 22px 45px}.contact-sheet #keepsakes-contact{top:25px;width:230px;height:230px}.contact-sheet h2{font-size:clamp(64px,16vw,95px)}
 .contact-sheet>a{display:block;font-size:12px;overflow-wrap:anywhere}.contact-sheet .contact-button{min-width:0;width:100%;font-size:16px}
}

/* Approved Central Park handwriting, kept as reference-derived lettering images. */
.cag-handwriting{display:block;background-image:url("/assets/handwriting/accents-atlas-v1.png");background-repeat:no-repeat;max-width:100%;font-size:0!important;color:transparent!important;line-height:0!important;}
.cag-handwriting.hw-collaborators{width:150px;aspect-ratio:936/120;background-size:189.52991% 739.16667%;background-position:50.11933% 4.04172%;}
.cag-handwriting.hw-old-friend{width:205px;aspect-ratio:825/155;background-size:215.03030% 572.25806%;background-position:49.84194% 23.22404%;}
.cag-handwriting.hw-good-people{width:215px;aspect-ratio:1082/147;background-size:163.95564% 603.40136%;background-position:51.30058% 43.78378%;}
.cag-handwriting.hw-tools{width:235px;aspect-ratio:1210/104;background-size:146.61157% 852.88462%;background-position:50.35461% 61.30268%;}
.cag-handwriting.hw-scroll{width:240px;aspect-ratio:1099/151;background-size:161.41947% 587.41722%;background-position:50.66667% 83.83152%;}
.cag-handwriting.hw-talk{width:110px;aspect-ratio:480/100;background-size:369.58333% 887.00000%;background-position:50.30912% 97.58577%;}
.pencil-note>.cag-handwriting{margin-inline:auto}.opening-footer a{display:flex;align-items:center}.opening-footer a>.cag-handwriting{margin-left:0}.opening-footer a>span:last-child{margin-left:16px}
.client-paper .cag-handwriting{width:100%}.gear-cutout .pencil-note{padding-inline:8px}

/* Handled, unlined stock: individual grain crops, creases and folded corners. */
.taped-sheet,.clients-section .logo-sheet{--sheet-tint:#faf8f1;--grain-x:13%;--grain-y:10%;--grain-scale:820px;--fold:24px;background:transparent;border:0;box-shadow:2px 7px 18px #3c352017}
.taped-sheet:before,.clients-section .logo-sheet:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(176deg,transparent 0 39.7%,#625e4e0b 40%,#fff7 40.15%,transparent 40.6%),linear-gradient(88deg,transparent 0 67%,#fff6 67.35%,#6c675a0a 67.55%,transparent 68%),linear-gradient(#fbfaf2c9,#f6f3e8c9),url('assets/crumpled-construction-paper.webp') var(--grain-x) var(--grain-y)/var(--grain-scale),var(--sheet-tint);box-shadow:inset 0 0 22px #73684e12;clip-path:polygon(0 .16%,28% 0,64% .12%,99.9% 0,100% 33%,99.85% 70%,100% calc(100% - var(--fold)),calc(100% - var(--fold)) 100%,57% 99.88%,17% 100%,.12% 99.8%,0 53%,.1% 20%)}
.taped-sheet:after,.clients-section .logo-sheet:after{content:'';position:absolute;right:0;bottom:0;width:var(--fold);height:var(--fold);background:linear-gradient(135deg,#e2ddce 0,#fffdf6 45%,#d6cfbd 49%,transparent 51%);filter:drop-shadow(-2px -2px 2px #4b40252b);pointer-events:none;z-index:1}
#about .taped-sheet{--grain-x:10%;--grain-y:20%;--grain-scale:740px;--fold:28px}#film .taped-sheet{--grain-x:78%;--grain-y:60%;--grain-scale:1100px;--fold:0px}#photography .taped-sheet{--grain-x:25%;--grain-y:90%;--grain-scale:950px;--fold:38px}#websites .taped-sheet{--grain-x:85%;--grain-y:30%;--grain-scale:690px;--fold:21px}#sound .taped-sheet{--grain-x:55%;--grain-y:75%;--grain-scale:1300px;--fold:0px}#digital .taped-sheet{--grain-x:30%;--grain-y:55%;--grain-scale:870px;--fold:32px}#clients .logo-sheet{--grain-x:63%;--grain-y:12%;--grain-scale:970px;--fold:18px}#services .taped-sheet{--grain-x:91%;--grain-y:92%;--grain-scale:1200px;--fold:0px}#gear .taped-sheet{--grain-x:43%;--grain-y:51%;--grain-scale:620px;--fold:35px}#contact .taped-sheet{--grain-x:5%;--grain-y:80%;--grain-scale:1000px;--fold:20px}
#film .section-tape.tape-left{transform:rotate(-4deg);left:13%}#websites .section-tape.tape-right{transform:rotate(14deg);right:12%}#digital .section-tape.tape-left{transform:rotate(-13deg)}#gear .section-tape.tape-right{transform:rotate(3deg)}
.hero-copy .hero-play-hint{width:245px;margin:14px 0 12px;transform:rotate(-5deg);transform-origin:20% 50%}
.music-player-toggle{display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:1px;flex:none;background:none;border:0;cursor:pointer;transform:rotate(-8deg);transition:transform .2s}
.music-player-toggle img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(1px 2px 2px #29282130)}.music-player-toggle:hover,.music-player-toggle[aria-expanded=true]{transform:rotate(0) translateY(-2px)}
body:not(.music-player-visible) #discman-dock{display:none!important}.site-header .home-utilities{gap:18px}
.origin-story-trigger{border:0;background:none;padding:0;width:100%;font:inherit;color:inherit;cursor:pointer}.origin-story-trigger>img{width:100%;height:auto;object-fit:contain}.humble-lettering{width:225px;height:auto;margin:0 auto;transform:rotate(-4deg)}
#origin-story{height:auto;max-height:90svh;width:min(760px,92vw);padding:24px;background:#f7f4eb;overflow:auto;border:1px solid #b8ad9660}.origin-story-bar{display:flex;justify-content:space-between;align-items:center;gap:24px}.origin-story-bar h2{font:clamp(26px,4vw,40px)/1.15 var(--serif)}.origin-story-close{border:0;background:none;cursor:pointer;white-space:nowrap}.origin-story-draft{min-height:300px;display:grid;place-content:center;text-align:center;gap:22px;padding:30px}.origin-story-draft>img{width:260px;margin:auto}.origin-story-draft>p{font-size:14px;color:var(--muted)}
@media(max-width:700px){.hero-copy .hero-play-hint{width:225px;max-width:90%;margin:14px 0 10px}.site-header .home-utilities{gap:10px}.music-player-toggle{width:44px;height:44px}.music-player-toggle img{width:42px;height:42px}.humble-lettering{width:210px}#origin-story{padding:20px}}

/* Personal captions stay beside their own artwork, clear of the printed text. */
.section-art-caption{position:absolute;top:calc(100% + 12px);left:50%;margin:0;transform:translateX(-50%) rotate(-4deg);max-width:100%;pointer-events:none}
.section-art-caption .cag-handwriting{background-image:url("/assets/handwriting/section-captions-v1.png")}
.cag-handwriting.hw-film-story{width:320px;aspect-ratio:1936/183;background-size:104.44215% 425.13661%;background-position:54.65116% 18.31933%;}
.cag-handwriting.hw-first-love{width:160px;aspect-ratio:742/184;background-size:272.50674% 422.82609%;background-position:50.54688% 55.89226%;}
.cag-handwriting.hw-ideas{width:270px;aspect-ratio:1463/185;background-size:138.20916% 420.54054%;background-position:49.73166% 92.74874%;}
@media(max-width:700px){.section-art-caption{width:max-content;max-width:100%}.paper-curated :is(#film,#photography,#digital) .chapter-inner{row-gap:78px}}

/* The moon is centered in the space between the page edge and the title. */
.contact-sheet{--moon-space:330px;--moon-size:260px;padding-top:var(--moon-space)}
#contact .contact-sheet #keepsakes-contact{inset:calc((var(--moon-space) + 40px - var(--moon-size))/2) auto auto 50%;width:var(--moon-size);height:var(--moon-size);transform:translateX(-50%)}
/* Flex wrapping centers any incomplete final row, including future clients. */
.clients-section .drawn-logo-grid{display:flex;flex-wrap:wrap;justify-content:center;column-gap:4%;row-gap:44px}
.clients-section .drawn-logo-grid>.drawn-client{flex:0 0 22%;max-width:22%;min-width:0}
@media(max-width:700px){.contact-sheet{--moon-space:260px;--moon-size:220px}.clients-section .drawn-logo-grid{column-gap:10%;row-gap:30px}.clients-section .drawn-logo-grid>.drawn-client{flex-basis:45%;max-width:45%}}
.music-player-toggle{transition:transform .24s cubic-bezier(.2,.7,.3,1)}.music-player-toggle img{transition:filter .24s ease}
.music-player-toggle:hover,.music-player-toggle:focus-visible{transform:translateY(-5px) rotate(-8deg) scale(1.09)}
.music-player-toggle:hover img,.music-player-toggle:focus-visible img{filter:drop-shadow(2px 9px 5px #29282148)}
@media(prefers-reduced-motion:reduce){.music-player-toggle,.music-player-toggle img{transition:none}.music-player-toggle:hover,.music-player-toggle:focus-visible{transform:rotate(-8deg)}}
/* A full-bleed band gives the primary destinations their own quiet row. */
.site-header nav.home-section-nav{position:relative;isolation:isolate;padding-block:8px}
.site-header nav.home-section-nav:before{content:'';position:absolute;top:0;bottom:0;left:calc((100% - 100vw)/2);right:calc((100% - 100vw)/2);background:#fff;border-block:1px solid #2222220c;z-index:-1;pointer-events:none}
@media(max-width:700px){.site-header nav.home-section-nav{padding-block:3px}}
/* Handwriting stays on the sheet and appears after the last sticker lands. */
.section-art-caption{top:var(--caption-y,calc(100% + 16px));opacity:0;transition:opacity .65s ease;will-change:opacity}.section-art-caption.ink-visible{opacity:1}.section-art-caption .humble-lettering{margin:0;transform:none}
@media(prefers-reduced-motion:reduce){.section-art-caption{opacity:1;transition:none}}

/* A quiet handwritten invitation above the contact portrait. */
.contact-cutout>span{left:50%;right:auto;top:-26px;bottom:auto;width:88px;max-width:none;padding:0;border:0;border-radius:0;box-shadow:none;background:none;color:transparent;text-align:center;transform:translate(-50%,4px);white-space:nowrap}
.contact-cutout:is(:hover,:focus-visible,[data-tooltip=open])>span{transform:translate(-50%,0)}
.contact-cutout>span strong{display:block;width:88px;max-width:none;font-size:0;color:transparent;background-image:url('/assets/handwriting/accents-atlas-v1.png');background-repeat:no-repeat;aspect-ratio:480/100;background-size:369.58333% 887.00000%;background-position:50.30912% 97.58577%;}
.contact-cutout>span .contact-card-action,.contact-cutout>span .contact-touch-hint{display:none!important}

/* Nine section destinations in the assembled index; the original opening collage stays intact. */
.index-paper-card{width:100%;height:100%;padding:9%;background:#fbf8ed;box-shadow:2px 4px 7px #342c261f;display:flex;flex-direction:column;justify-content:space-between;color:#292a27;text-align:left}
.index-paper-card>small{font:7px/1.3 var(--sans);letter-spacing:.08em}.index-paper-card>strong{font:500 clamp(13px,1.7vw,23px)/1.12 var(--serif)}.index-paper-card>div{font:9px/1.5 var(--sans);border-top:1px solid #c9c0ae;padding-top:8%}
.piece.sound-piece>img{width:100%;height:100%;object-fit:contain}.piece.index-addition{opacity:1}
@media(min-width:701px){.collage .piece>span:last-child{white-space:nowrap;font-size:14px}}
.mobile-nav-piece.sound-piece>img{width:110px;height:165px;object-fit:contain}.mobile-nav-piece:is(.services-piece,.gear-piece)>.index-paper-card{width:190px;height:209px}.mobile-nav-piece .index-paper-card>strong{font-size:25px}.mobile-nav-piece .index-paper-card>small{font-size:8px}.mobile-nav-piece .index-paper-card>div{font-size:11px}

/* Section captions share the visual lettering scale of Humble Beginnings. */
.section-art-caption{max-width:100%;transform:translateX(-50%) rotate(-4deg)}
.section-art-caption .humble-lettering{width:225px;max-width:100%}
.section-art-caption .cag-handwriting.hw-film-story{width:330px;max-width:100%;aspect-ratio:2170/725;background-image:url('/assets/handwriting/film-story-two-lines-v1.png');background-size:100% 100%;background-position:center}
.section-art-caption .cag-handwriting.hw-first-love{width:160px;max-width:100%}
.section-art-caption .cag-handwriting.hw-ideas{width:300px;max-width:100%}
@media(max-width:700px){
 .paper-curated :is(#about,#film,#photography,#websites,#digital).chapter:has(.section-art-caption) .chapter-inner{row-gap:var(--caption-gap,100px)}
 .section-art-caption:has(.hw-film-story){width:min(330px,100%)}
}

.section-art-caption .cag-handwriting.hw-web-identity{width:350px;max-width:100%;aspect-ratio:2172/724;background-image:url('/assets/handwriting/web-identity-v1.png');background-size:100% 100%;background-position:center}
.section-art-caption:has(.hw-web-identity){width:min(350px,100%)}

/* One small handwriting scale. Widths compensate for each source's ink scale. */
:root{--handwriting-scale:.62}
.section-art-caption .humble-lettering{width:calc(225px * var(--handwriting-scale))}
.section-art-caption .cag-handwriting.hw-film-story{width:calc(225px * var(--handwriting-scale))}
.section-art-caption .cag-handwriting.hw-first-love{width:calc(145px * var(--handwriting-scale))}
.section-art-caption .cag-handwriting.hw-ideas{width:calc(264px * var(--handwriting-scale))}
.section-art-caption .cag-handwriting.hw-web-identity{width:calc(283px * var(--handwriting-scale))}
.section-art-caption:has(.hw-film-story){width:max-content}
.section-art-caption:has(.hw-web-identity){width:max-content}
.hero-copy .hero-play-hint{width:calc(268px * var(--handwriting-scale));max-width:100%}
.cag-handwriting.hw-scroll{width:calc(180px * var(--handwriting-scale))}
.cag-handwriting.hw-collaborators,.client-paper .cag-handwriting.hw-collaborators{width:calc(206px * var(--handwriting-scale));max-width:100%}
.cag-handwriting.hw-good-people{width:calc(254px * var(--handwriting-scale))}
.cag-handwriting.hw-tools{width:calc(266px * var(--handwriting-scale))}
.cag-handwriting.hw-talk,.contact-cutout>span,.contact-cutout>span strong{width:calc(125px * var(--handwriting-scale))}
.chapter[data-anchor-ready]:not(#film) .section-art-caption{transition:none}
/* A compact paper label until a Services illustration is approved. */
.index-paper-card{container-type:inline-size;justify-content:center;overflow:hidden}
.index-paper-card>strong{font:500 18cqw/1.15 var(--serif);overflow-wrap:normal}
.piece:is(.gear-piece,.services-piece)>img{display:block;width:100%;height:100%;object-fit:contain}
.mobile-nav-piece:is(.gear-piece,.services-piece)>img{display:block;width:190px;height:190px;object-fit:contain;margin:auto}
@media(max-width:700px){.mobile-nav-piece.services-piece>.index-paper-card{width:165px;height:175px;margin:auto}.mobile-nav-piece .index-paper-card>strong{font-size:18cqw}}

/* Prevent absolute-position shrink-to-fit from resizing the reference caption. */
.section-art-caption{width:max-content;max-width:100%}
/* Keep the camera's box at its natural ratio, so its caption sits below the lens rig. */
.paper-curated #film .art-zone>.fx6-art{height:auto;aspect-ratio:2/3}
.paper-curated #film .fx6-art .cutout-surface>img{height:auto;aspect-ratio:2/3;object-fit:contain}
/* Offscreen placement hands must not enlarge the horizontal scroll surface. */
html{overflow-x:clip}

/* A tighter index, with every destination already in the opening collage. */
.piece.sound-piece{z-index:6}.piece.services-piece{z-index:4}.piece.gear-piece{z-index:5}
@media(max-width:700px){
 .mobile-work-navigation{gap:20px}
 .mobile-work-navigation>.mobile-nav-piece+.mobile-nav-piece{margin-top:24px}
 .mobile-work-navigation>h2{margin-bottom:28px}
}

/* The approved JRNXLST portrait and live rig travel with the sound-kit cutout. */
.sound-navigation-art{position:relative;width:100%;height:100%}
.sound-navigation-art>img{position:absolute;display:block;height:auto;object-fit:contain}
.sound-navigation-art>.sound-nav-kit{left:14%;top:3%;width:36%;transform:rotate(-5deg);z-index:1}
.sound-navigation-art>.sound-nav-jrnxlst{right:16%;top:0;width:44%;transform:rotate(4deg);z-index:2}
.sound-navigation-art>.sound-nav-setup{left:6%;bottom:0;width:88%;transform:rotate(-3deg);z-index:3}
.paper-curated #sound .sound-art-zone{display:block;height:auto;min-height:0;max-height:none;padding:0;aspect-ratio:1/1.02;max-width:450px}
.paper-curated #sound .sound-art-zone>.placed-paper{position:absolute;height:auto;max-width:none;max-height:none;margin:0}
.paper-curated #sound .sound-art-zone>.sound-art{left:0;top:3%;width:38%;z-index:1;aspect-ratio:2/3}
.paper-curated #sound .sound-art-zone>.jrnxlst-portrait-art{right:2%;top:0;width:53%;z-index:2;aspect-ratio:2/3}
.paper-curated #sound .sound-art-zone>.jrnxlst-setup-art{right:0;bottom:0;width:90%;z-index:3;aspect-ratio:1672/941}
.paper-curated #sound .sound-art-zone .cutout-surface>img{width:100%;height:100%;max-height:none;object-fit:contain}
@media(max-width:700px){
 .mobile-nav-piece.sound-piece{width:78%;max-width:260px;height:auto}
 .mobile-nav-piece.sound-piece .sound-navigation-art{aspect-ratio:1/.82;height:auto}
 .paper-curated #sound .sound-art-zone{max-width:390px;aspect-ratio:1/1.02}
}

/* Keep the small handwritten contact cue directly above the portrait. */
.contact-cutout>span{min-width:0!important;top:auto;bottom:calc(100% + 2px);height:auto;line-height:1;overflow:visible}
.contact-cutout:is(:hover,:focus-visible,[data-tooltip=open])>span{opacity:1;visibility:visible;transform:translate(-50%,0)}
.contact-cutout[data-arriving=true]>span{opacity:0;visibility:hidden}
.contact-cutout:is(:hover,:focus-visible,[data-tooltip=open]){opacity:1}

@media(min-width:701px) and (max-height:800px){.assemble-copy{top:45px}.assemble-copy h2{font-size:42px;line-height:1.1}}