/* ROHENI — paper edition. Three families, one visual language. */
:root,:root[data-theme=white]{--paper:#f1f0ed;--ink:#292929;--quiet:#66625e;--line:#29292930;--red:#7a0000;--accent:#7a0000;--panel:#e5e4e0;--on-accent:#f1f0ed;--mount:#d4d4d1;--mount-ink:#2e2e2e;--serif:'Fraunces',Georgia,serif;--sans:'Plus Jakarta Sans',Arial,sans-serif;--playful:'League Gothic',Impact,sans-serif}
:root[data-theme=red]{--paper:#7a0000;--ink:#eeedE9;--quiet:#d4c7c7;--line:#eeede940;--red:#eeede9;--accent:#eeede9;--panel:#630000;--on-accent:#7a0000;--mount:#c7c7c4;--mount-ink:#2e2e2e}
:root[data-theme=dark]{--paper:#2e2e2e;--ink:#eeede9;--quiet:#c2c2bd;--line:#eeede935;--red:#eeede9;--accent:#eeede9;--panel:#242424;--on-accent:#2e2e2e;--mount:#bdbdb9;--mount-ink:#2e2e2e}
body{font-family:var(--sans);font-size:14px;line-height:1.85;background:var(--paper);color:var(--ink)}h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.065em}h1 em,h2 em,h3 em{font-weight:400;color:var(--accent)}button,input,select{font-family:var(--sans)}.eyebrow{font:500 10px/1.6 var(--sans);letter-spacing:.16em}.section{padding-top:105px;padding-bottom:105px}.section-head p{font-size:13px}.nav{min-height:100px;height:auto;padding-top:20px;padding-bottom:20px;gap:24px}.nav-links{gap:8px}.nav-links a{font:500 11px var(--sans);padding:10px 13px;letter-spacing:-.01em;transform:rotate(-3deg)}.nav-links a:nth-child(even){transform:rotate(3deg)}.nav-links a span{font:15px var(--sans)}.home-token{font:500 10px var(--sans);padding:10px 14px}.home-token span{font-size:24px}.site-controls{padding-top:8px;padding-bottom:8px}.theme-picker legend{font:500 10px var(--sans);letter-spacing:.03em;margin-right:12px}.theme-picker button{font-size:10px}.logo{filter:none;transform:rotate(-3deg)}.logo img{filter:invert(1);mix-blend-mode:screen}:root[data-theme=white] .logo img{filter:none;mix-blend-mode:multiply}:root[data-theme=white] .logo{filter:none}
.play-hero{padding-top:30px}.hero-stage{height:690px}.hero-stage h1{font-weight:500;top:4px;font-size:clamp(75px,10.5vw,155px);line-height:1}.hero-stage h1 em{font-style:italic}.hero-person{height:495px;bottom:0;left:32%;width:38%}.scrap{background:var(--mount);color:var(--mount-ink);box-shadow:0 18px 30px #0002;padding:10px}.scrap:before{background:#a5a5a180;backdrop-filter:blur(1px)}.scrap span{font:500 9px var(--sans);padding:10px 2px 1px}.scrap-denim{top:330px;width:26%;left:1%}.scrap-adwoa{top:330px;width:21%;right:1%}.round-stamp{background:var(--ink);color:var(--paper);box-shadow:0 0 0 5px var(--paper),0 0 0 6px var(--ink);width:110px;height:110px;right:23%;top:475px}.round-stamp .stamp-small{font:italic 400 12px var(--serif)}.round-stamp strong{font:400 29px/.85 var(--playful);letter-spacing:.02em}.round-stamp .stamp-arrow{font:22px var(--sans)}.handnote{font:italic 400 19px/1.2 var(--serif);top:250px;left:3%}.hero-doodles{opacity:.25}.flying-play{background:var(--paper);color:var(--ink);box-shadow:3px 4px 0 #0001;border:1px solid var(--line);width:66px;height:66px;left:82%;top:150px}.flying-play small{font:400 13px var(--playful);letter-spacing:.03em}.flying-play>span{font-size:28px}.hero-bottom p{font-size:12px}.text-link,.chapter-copy .text-link{font:500 12px/1.6 var(--sans);transform:none;padding-bottom:7px;border-color:var(--line)}.text-link:hover{border-color:currentColor}.ticker{background:#2e2e2e;color:#e5e5df;border:0;padding:24px 0}.ticker-track>span{font:400 clamp(40px,5vw,78px)/1 var(--playful);letter-spacing:.035em;padding-right:35px}.ticker i{color:#b9b9b3;font-size:.65em}.ticker:before{opacity:.16}
.chapter-image,.project-hero img,.tilted-photo,.wide-campaign,.portrait-layout img{background:var(--mount);border-color:var(--mount)}.chapter-image{padding:11px}.chapter-copy .chapter-subtitle{font:italic 400 clamp(25px,2.6vw,37px)/1.25 var(--serif);transform:rotate(-1deg);margin-bottom:26px;color:var(--accent)}.chapter-narrative{font:400 clamp(18px,1.7vw,23px)/1.6 var(--serif);letter-spacing:-.025em}.chapter-narrative::first-letter{font-size:55px;color:var(--accent)}.chapter-number{font:400 85px/1 var(--playful);color:var(--ink);text-shadow:2px 2px var(--paper)}.chapter-copy h2{font-size:clamp(50px,6.3vw,90px)}.collection-chapter{gap:8vw;padding-top:70px;padding-bottom:90px}.gallery .image-button,.development-preview>div{background:var(--mount);padding:11px}.gallery figcaption,.development-preview figcaption{font:400 11px/1.75 var(--sans)}.gallery-label{font-family:var(--sans);font-size:9px}.development-preview>div{transform:rotate(-2deg)}.milestone h3{font-size:29px}.world-note{font:400 24px/.95 var(--playful);letter-spacing:.02em}
.mission-teaser,.inspiration-teaser,.material-film{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.mission-teaser{background:var(--panel)}.mission-teaser h2{font-size:clamp(46px,5.6vw,80px);margin:20px 0 32px}.mission-teaser p{max-width:460px}.mission-teaser .text-link{margin-top:25px}.mission-photo{margin:0;position:relative;transform:rotate(2deg)}.mission-photo>img{height:510px;object-fit:cover;filter:saturate(.55);border:11px solid var(--mount)}.mission-photo figcaption{font:400 10px var(--sans);margin:14px 0}.orbit-icon{position:absolute;right:-20px;bottom:45px;border:1px solid var(--ink);border-radius:50%;width:95px;height:95px;background:var(--paper);color:var(--ink);transform:rotate(12deg)}.orbit-icon>span{display:block;font-size:40px;line-height:1;transition:transform .8s}.orbit-icon>small{font:400 14px var(--playful)}.orbit-icon:hover>span{transform:rotate(180deg)}.inspiration-teaser h2{margin:20px 0 28px}.inspiration-teaser p{max-width:450px}.inspiration-teaser .text-link{margin-top:25px}.teaser-collage{position:relative;height:480px;display:block;background:var(--panel);border:1px solid var(--line)}.teaser-collage img{position:absolute;padding:10px;background:var(--mount);box-shadow:0 10px 20px #0002;object-fit:cover}.teaser-collage img:first-child{width:58%;height:78%;top:8%;left:7%;transform:rotate(-7deg)}.teaser-collage img:nth-child(2){width:47%;height:65%;right:5%;bottom:7%;transform:rotate(8deg)}.teaser-collage>span{position:absolute;bottom:15px;left:14px;font:400 23px var(--playful);background:var(--paper);padding:5px 10px;transform:rotate(-4deg)}
.globe-full{aspect-ratio:.86;max-width:620px;isolation:isolate}.bent-logo{position:absolute;top:-3%;left:4%;width:92%;height:auto;z-index:3;overflow:visible}.bent-logo image{mix-blend-mode:multiply}:root[data-theme=dark] .bent-logo,:root[data-theme=red] .bent-logo{filter:invert(1)}.world-sphere{position:absolute;left:0;top:16%;width:100%;height:auto;color:var(--ink);opacity:.65}.child-cutout{position:absolute;z-index:2;left:15%;top:31%;width:73%;height:65%;object-fit:contain;filter:drop-shadow(4px 12px 4px #0002);transform:rotate(-3deg);transition:transform .5s}.founder-world:hover .child-cutout{transform:rotate(1deg) translateY(-5px)}.globe-full .world-note{bottom:0;right:0;background:var(--panel);padding:12px;z-index:4}.studio-invite{gap:8vw}.studio-invite>div>p{max-width:450px;font-size:14px}.studio-invite h2{font-size:clamp(50px,5.8vw,82px)}
.board-section{padding-top:20px}.board-toolbar{display:flex;gap:25px;align-items:center;justify-content:flex-end;margin-bottom:30px;flex-wrap:wrap}.board-toolbar p{margin-right:auto;font-size:11px}.board-toolbar button{background:none;border:0;border-bottom:1px solid var(--line);cursor:pointer}.inspiration-board{position:relative;padding:65px 40px 45px;background-color:#dcdcd7;background-image:repeating-linear-gradient(0deg,transparent,transparent 31px,#29292909 32px),repeating-linear-gradient(90deg,transparent,transparent 31px,#29292909 32px);color:#292929;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:45px 25px;border:1px solid #aaa;box-shadow:inset 0 0 65px #00000008;isolation:isolate}.board-scribble{position:absolute;top:10px;left:38%;font:italic 400 38px var(--serif);color:#7a0000;transform:rotate(-7deg);text-decoration:underline;text-decoration-style:wavy;text-decoration-thickness:1px}.board-card{position:relative;background:#efefeb;padding:9px;margin:0;transform:translate(var(--dx,0px),var(--dy,0px)) rotate(var(--r));box-shadow:4px 7px 12px #0002;cursor:grab;transition:transform .4s;align-self:start;z-index:1;user-select:none}.board-card::before{content:'';width:58px;height:18px;position:absolute;top:-9px;left:35%;background:#a5a5a5a0;transform:rotate(3deg)}.board-card img{height:240px;object-fit:cover;pointer-events:none}.board-card:nth-of-type(2) img{object-fit:contain;background:#d7d7d3}.board-card figcaption{padding:12px 2px 3px}.board-card figcaption strong{display:block;font:400 22px var(--playful);letter-spacing:.03em}.board-card figcaption span{display:block;font:400 9px/1.6 var(--sans);margin-top:5px}.board-card:focus-visible{outline:2px solid #7a0000;outline-offset:7px;z-index:5}.board-card.dragging{cursor:grabbing;transition:none;z-index:10}.board-cultural{padding:22px 15px;background:#bfbfb9;transform:rotate(-2deg);align-self:center;border:1px solid #29292940}.board-cultural:nth-of-type(even){transform:rotate(3deg)}.board-cultural h2{font:400 54px/.85 var(--playful);letter-spacing:.01em;margin:18px 0;color:#292929}.board-cultural p:not(.eyebrow){font-size:11px;line-height:1.7}.board-cultural a,.board-note a{display:inline-block;font:500 9px/1.7 var(--sans);border-bottom:1px solid #29292960;margin-top:15px}.board-note{grid-column:span 2;padding:25px;border:1px dashed #29292970;transform:rotate(1deg);align-self:center}.board-note>span{font:400 25px var(--playful)}.board-note>p{font:italic 400 29px/1.25 var(--serif);margin-top:15px}.material-film{background:#2e2e2e;color:#eeede9}.material-film h2{margin:20px 0 30px}.material-film h2 em{color:#bdbdb8}.material-film p{max-width:400px}.material-film .small-text{color:#bcbcb7;margin-top:22px}.material-film figure{margin:0}.material-film video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#222}.material-film figcaption{font:400 10px var(--sans);margin-top:14px;color:#bbb}.page-intro h1{font-size:clamp(60px,8.3vw,125px)}.footer h2{font-size:clamp(48px,7vw,90px)}.red-section,.footer{background:var(--panel)}.project-hero img{border-color:var(--mount)}.image-button{background:var(--mount)}.skip{color:#292929;background:#eee}.theme-picker button:focus-visible,.menu-button:focus-visible{outline:2px solid var(--accent)}
@media(min-width:1101px){.menu-button{display:none}.nav-links{display:flex}}
@media(max-width:1100px){.nav{height:85px;min-height:85px;padding:0 4vw;flex-wrap:nowrap}.logo{width:115px}.menu-button{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:85px;padding:30px 6vw 40px;flex-direction:column;gap:15px;background:var(--paper);border-bottom:1px solid var(--line);z-index:40}.nav-links.open{display:flex}.nav-links a{font-size:16px;padding:10px 25px}.inspiration-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 25px}.board-note{grid-column:span 1}.board-cultural h2{font-size:48px}}
@media(max-width:800px){.section{padding-top:65px;padding-bottom:65px}.hero-stage{height:560px}.hero-stage h1{font-size:clamp(49px,12vw,95px);top:20px;line-height:1.1}.hero-person{left:19%;width:65%;height:350px;bottom:30px}.scrap-denim{top:295px;width:33%;left:0}.scrap-adwoa{top:290px;width:28%;right:0}.round-stamp{top:465px;right:3%;width:80px;height:80px}.round-stamp strong{font-size:23px}.round-stamp .stamp-small{font-size:9px}.round-stamp .stamp-arrow{font-size:16px}.handnote{top:215px;font-size:15px}.flying-play{left:77%;top:190px;width:55px;height:55px}.flying-play small{font-size:11px}.flying-play>span{font-size:23px}.chapter-copy h2{font-size:clamp(38px,11vw,65px)}.chapter-copy .chapter-subtitle{font-size:27px}.chapter-narrative{font-size:20px}.chapter-number{font-size:65px}.collection-chapter{padding-top:45px;padding-bottom:65px}.mission-teaser,.inspiration-teaser,.material-film{grid-template-columns:minmax(0,1fr);gap:45px}.mission-photo>img{height:350px}.mission-photo{margin-right:10px}.orbit-icon{right:-5px;width:80px;height:80px}.teaser-collage{height:400px}.globe-full{max-width:450px;aspect-ratio:.85}.world-note{font-size:23px}.studio-invite{gap:35px}.inspiration-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px;padding:60px 20px 30px}.board-card img{height:195px}.board-card figcaption strong{font-size:20px}.board-card figcaption span{font-size:9px}.board-note{grid-column:span 2}.board-cultural{padding:16px 10px}.board-cultural h2{font-size:40px}.board-cultural .eyebrow{font-size:8px}.board-toolbar{gap:15px}.board-scribble{font-size:29px}.board-card{touch-action:pan-y}.page-intro h1{font-size:clamp(48px,11.5vw,85px)}.material-film h2{font-size:60px}.milestone h3{font-size:27px}.chapter-copy .text-link{font-size:12px}}
@media(max-width:420px){.inspiration-board{padding-left:15px;padding-right:15px;gap:25px 12px}.board-card img{height:155px}.board-card figcaption span{font-size:8px}.board-card figcaption strong{font-size:17px}.board-cultural h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.material-film video{animation:none}.board-card,.child-cutout,.logo,.hero-stage h1{transition:none!important}.ticker-track>span{font-size:clamp(20px,3.6vw,55px)}}
.bent-logo{top:-7%;left:4%;width:92%;height:auto}.world-sphere{top:21%}.child-cutout{top:34%;height:63%}.globe-full .world-note{right:-2%;bottom:-2%}
.heading-arrived{animation:heading-settle .75s cubic-bezier(.2,.7,.3,1) both}@keyframes heading-settle{from{transform:translateY(16px);opacity:.65}to{transform:translateY(0);opacity:1}}details.credits-note summary{cursor:pointer}details.credits-note a{border-bottom:1px solid var(--line)}
html{overflow-x:clip}
/* Campaign carousel, evidence drawer and seamless concept archive — October 2026. */
.campaign-carousel{background:var(--mount);padding:12px;transform:rotate(-1deg)}.campaign-window{overflow:hidden;touch-action:pan-y}.campaign-track{display:flex;transition:transform .85s cubic-bezier(.22,.65,.2,1)}.campaign-slide{flex:0 0 100%;min-width:0;margin:0}.campaign-slide img{width:100%;height:640px;object-fit:contain;background:var(--mount)}.campaign-slide figcaption{font:400 12px var(--sans);padding:18px 10px;color:var(--mount-ink)}.carousel-controls{display:flex;align-items:center;gap:18px;color:var(--mount-ink);padding:8px 10px}.carousel-controls button{border:1px solid #29292955;border-radius:30px;padding:9px 17px;background:transparent;color:inherit;font-size:12px;cursor:pointer}.carousel-controls p{font:500 11px var(--sans);margin:0}.carousel-controls [data-carousel-pause]{margin-left:auto}.motion-paused .campaign-track{transition:none}.evidence-section{scroll-margin-top:30px}.evidence-intro{max-width:720px;margin:28px 0 40px}.evidence-drawer{border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}.evidence-drawer>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;cursor:pointer;font:500 clamp(20px,2.5vw,32px)/1.35 var(--serif);list-style:none}.evidence-drawer>summary::-webkit-details-marker{display:none}.evidence-drawer[open]>summary span{transform:rotate(45deg)}.evidence-body{max-width:1000px;padding-bottom:35px}.evidence-stats{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:20px 0 55px}.evidence-stats article{padding:28px;background:var(--panel)}.evidence-stats strong{display:block;font:400 clamp(50px,7vw,95px)/1 var(--playful)}.evidence-stats span{display:block;margin:15px 0;font-weight:600}.evidence-stats p{font-size:12px}.evidence-stats a{font-size:11px;border-bottom:1px solid var(--line)}.evidence-body .story-block{margin:35px 0}.portrait-card>img{width:100%;height:270px;object-fit:cover;object-position:50% 25%;filter:grayscale(1);margin-bottom:20px}.portrait-card:first-of-type>img{object-position:54% 35%}.portrait-card small{display:block;font:400 8px/1.7 var(--sans);margin-top:18px}.portrait-card small a{font-size:8px;margin-top:0}.portrait-card h2{margin-top:12px}.gallery .image-button{width:100%}.gallery .image-button img{height:440px;width:100%;object-fit:contain}.gallery figure:nth-child(even){padding-top:0}.development-preview>div{transform:none;padding:24px}.development-preview img{height:650px;width:100%;object-fit:contain}.gallery{align-items:start;gap:45px 28px}.gallery-label{color:var(--accent)}
/* A larger campaign silhouette under a clear, centred two-line headline. */
.hero-stage{height:820px}.hero-stage h1{top:0;inset-inline:0;font-size:clamp(70px,8.4vw,126px);z-index:5;line-height:.97}.hero-stage h1 em{font-style:italic}.hero-person{height:580px;width:46%;left:27%;bottom:0;z-index:3}.scrap-denim{width:29%;top:300px;left:0}.scrap-adwoa{width:27%;top:300px;right:0}.scrap img{object-fit:cover}.scrap-adwoa img{aspect-ratio:.94}.scrap-denim img{aspect-ratio:.94}.round-stamp{top:665px;right:25%;z-index:6}.hero-doodles{opacity:.5;z-index:0}.handnote{top:220px;bottom:auto;left:3%;font-size:22px}.flying-play{top:220px;left:84%}
@media(max-width:800px){.campaign-slide img{height:460px}.campaign-carousel{padding:8px;transform:none}.carousel-controls{gap:9px;padding-inline:2px}.carousel-controls button{padding:9px 12px}.carousel-controls [data-carousel-pause]{font-size:10px}.evidence-stats{grid-template-columns:1fr;gap:20px}.portrait-card>img{height:210px}.gallery .image-button img{height:370px}.development-preview img{height:500px}.hero-stage{height:690px}.hero-stage h1{top:20px;font-size:clamp(49px,11.5vw,90px)}.hero-person{height:420px;width:76%;left:12%;bottom:0}.scrap-denim{width:38%;top:240px;left:-1%;z-index:2}.scrap-adwoa{width:35%;top:240px;right:-1%;z-index:2}.round-stamp{top:575px;right:3%}.handnote{top:180px;left:2%;font-size:16px}.flying-play{top:180px;left:80%}.hero-doodles{opacity:.45}.evidence-drawer>summary{font-size:24px}}
@media(prefers-reduced-motion:reduce){.campaign-track{transition:none}}
.original-concept img{mix-blend-mode:multiply}.original-concept .image-button{background:var(--mount)}
/* Collection 001 / 002 and the material evidence edition. */
.inspiration-reading{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.inspiration-reading h2{font-size:clamp(42px,5vw,72px);margin:20px 0 32px}.inspiration-reading p+p{margin-top:22px}.creative-influences{background:var(--panel)}.influence-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.influence-profile figure{margin:0 0 32px;background:var(--mount)}.influence-profile figure img{width:100%;height:480px;object-fit:cover}.influence-profile:first-child figure img{object-position:40% 50%}.influence-profile figure figcaption{font-size:10px;padding:12px 14px;color:var(--mount-ink)}.influence-profile h3{font-size:clamp(38px,4.5vw,64px);line-height:1.1;margin:20px 0 28px}.influence-profile p+p{margin-top:22px}.influence-profile .text-link{margin-top:28px}.reading-credit{font-size:10px;color:var(--quiet);margin-top:14px!important}.creative-influences>.credits-note{margin-top:45px}.inspiration-board .board-note{grid-column:span 4}.board-card:first-of-type img{object-fit:cover}.collection002-directions{background:var(--panel)}.direction-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;align-items:center;margin-top:65px}.direction-feature h2{font-size:clamp(42px,5vw,74px);margin:20px 0 32px}.direction-feature p+p{margin-top:22px}.direction-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.direction-feature figure{margin:0;min-width:0}.direction-feature img{width:100%;object-fit:contain;background:var(--mount)}.direction-pair img{height:460px}.direction-pair figure:nth-child(2){margin-top:65px}.direction-feature figcaption,.hood-construction figcaption{font:400 10px/1.7 var(--sans);margin-top:12px;color:var(--quiet)}.hood-construction{max-width:1000px;margin:70px auto 0;padding:28px;background:var(--mount);color:var(--mount-ink)}.hood-construction img{width:100%;height:auto;object-fit:contain}.hood-construction figcaption{color:var(--mount-ink)}.tee-direction{margin-top:110px;grid-template-columns:.9fr 1fr}.tee-direction>figure img{max-height:620px}.gallery-filters{flex-wrap:wrap;gap:10px}.gallery-filters button{min-height:40px}.gallery figure[hidden]{display:none!important}.gallery .image-button img{height:490px}.journal-layout p+p{margin-top:22px}.impact-cover>img{height:auto;aspect-ratio:1.3;filter:none;object-fit:cover}.impact-cover figcaption{max-width:500px;line-height:1.7}.impact-intro{max-width:1100px}.impact-intro h1{font-size:clamp(62px,8.6vw,125px);line-height:1.02}.impact-intro .text-link{margin-top:30px}.impact-opening{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;align-items:center}.impact-opening figure{margin:0}.impact-opening img{width:100%;height:590px;object-fit:cover;background:var(--mount)}.impact-opening figcaption,.investigation-section figcaption,.impact-map-section figcaption,.recovery-layout figcaption{font:400 10px/1.75 var(--sans);margin-top:13px;color:var(--quiet)}.impact-opening h2{font-size:clamp(42px,4.7vw,70px);margin:18px 0 30px}.impact-opening p+p{margin-top:22px}.inline-source{border-bottom:1px solid var(--line);font-size:12px}.impact-data{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;background:var(--panel);scroll-margin-top:25px}.impact-data h2{font-size:clamp(42px,4.8vw,70px);margin:20px 0 30px}.impact-data p+p{margin-top:22px}.import-chart{min-width:0;margin:0;padding:30px;background:var(--paper);border:1px solid var(--line)}.import-chart h3{font-size:45px;line-height:1.1;margin:15px 0 20px}.import-chart figcaption p{font-size:11px}.import-bars{display:grid;gap:23px;margin:35px 0 22px}.import-row{display:grid;grid-template-columns:45px minmax(0,1fr) 75px;gap:12px;align-items:center;font-size:11px}.import-row strong{text-align:right;font-weight:500;font-variant-numeric:tabular-nums}.import-track{height:26px;background:var(--panel);border-left:1px solid var(--ink)}.import-track>div{height:100%;background:var(--accent)}.import-row:last-child .import-track>div{background:var(--ink)}.chart-note,.source-line{font:400 10px/1.8 var(--sans)!important;color:var(--quiet)}.import-chart details{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.import-chart summary{cursor:pointer;font-size:11px}.import-chart table{width:100%;font-size:11px;border-collapse:collapse;margin:20px 0}.import-chart th,.import-chart td{text-align:left;padding:9px 5px;border-bottom:1px solid var(--line)}.import-chart caption{text-align:left;margin-bottom:10px}.import-chart a{border-bottom:1px solid var(--line);font-size:10px}.source-line{margin-top:20px!important}.investigation-section{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.investigation-section h2,.impact-map-section h2{font-size:clamp(43px,5.1vw,76px);margin:20px 0 32px}.investigation-section p+p,.impact-map-section p+p{margin-top:22px}.investigation-section .text-link{margin-top:30px}.investigation-section figure,.impact-map-section figure{margin:0;min-width:0}.investigation-section img{height:auto;aspect-ratio:1.2;width:100%;object-fit:cover;border:10px solid var(--mount)}.impact-map-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;background:var(--panel)}.impact-map-section .image-button{width:100%;padding:10px;background:var(--mount)}.impact-map-section img{height:auto;width:100%;object-fit:contain}.recovery-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:start}.recovery-layout figure{margin:0;position:sticky;top:30px}.recovery-layout figure img{max-height:650px;width:100%;object-fit:contain;background:var(--mount)}.recovery-layout article{position:relative;padding-left:55px;margin-bottom:35px}.recovery-layout article>span{position:absolute;left:0;top:4px;font:30px var(--playful);color:var(--accent)}.recovery-layout h3{font-size:30px;margin:0 0 16px}.recovery-layout .text-link{margin-left:55px}.impact-accountability{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1.15fr 1fr;gap:6vw;align-items:center}.impact-accountability h2{font-size:clamp(47px,5.7vw,82px);grid-row:span 2}.impact-accountability h2 em{color:var(--paper)}.impact-accountability .text-link{color:var(--paper);justify-self:start;border-color:var(--paper)}.impact-sources h2{font-size:clamp(42px,5vw,70px);margin:20px 0 40px}.impact-sources ol{max-width:900px;padding-left:23px}.impact-sources li{padding-left:12px;margin-bottom:30px}.impact-sources li>a{border-bottom:1px solid var(--line);font-size:14px;font-weight:500}.impact-sources li>p{font-size:12px;margin-top:12px;color:var(--quiet)}.impact-sources details{border-top:1px solid var(--line);padding-top:25px;font-size:11px;max-width:900px}.impact-sources summary{cursor:pointer}.impact-sources details p{margin-top:15px}.project-hero:has(img[src*="atir-"]) img{height:680px;object-fit:contain;background:var(--mount)}
@media(max-width:1100px){.inspiration-board .board-note{grid-column:span 3}.direction-feature{gap:5vw}.direction-pair img{height:360px}.impact-data{grid-template-columns:1fr;gap:40px}.import-chart{max-width:800px}.impact-data>div>p{max-width:650px}.impact-opening img{height:480px}.influence-profile figure img{height:390px}}
@media(max-width:800px){.inspiration-reading,.influence-grid,.direction-feature,.tee-direction,.impact-opening,.impact-data,.investigation-section,.impact-map-section,.recovery-layout,.impact-accountability{grid-template-columns:minmax(0,1fr);gap:40px}.inspiration-board .board-note{grid-column:span 2}.direction-feature{margin-top:40px}.direction-pair img{height:350px}.direction-pair figure:nth-child(2){margin-top:35px}.hood-construction{padding:12px;margin-top:45px}.tee-direction{margin-top:70px}.tee-direction>figure{max-width:450px}.influence-profile figure img{height:390px}.influence-profile h3{font-size:43px}.influence-profile{margin-bottom:30px}.impact-intro h1{font-size:clamp(48px,11.5vw,85px)}.impact-opening img{height:auto;aspect-ratio:1.4;object-fit:cover}.import-chart{padding:20px 15px}.import-row{grid-template-columns:38px minmax(0,1fr) 65px;gap:7px;font-size:10px}.import-chart h3{font-size:40px}.import-track{height:24px}.import-chart table{font-size:10px}.impact-accountability h2{grid-row:auto}.impact-accountability .text-link{margin-top:0}.recovery-layout figure{position:static;max-width:420px}.recovery-layout article{padding-left:45px}.recovery-layout .text-link{margin-left:0}.gallery .image-button img{height:410px}.project-hero:has(img[src*="atir-"]) img{height:520px}.inspiration-reading h2{font-size:46px}.impact-map-section .image-button:hover{transform:none}}
@media(max-width:420px){.direction-pair{gap:10px}.direction-pair img{height:270px}.direction-feature figcaption{font-size:9px}.influence-profile figure img{height:330px}.gallery .image-button img{height:360px}}
.collection-chapter#atir .chapter-image img{object-fit:contain;aspect-ratio:.85}
/* Larger soundtrack button */
.flying-play {
  width: 120px;
  height: 120px;
  padding: 12px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  left: auto;
  right: 5%;
}

.flying-play small {
  font-size: 16px;
  line-height: 1.15;
  text-align: center;
}
@media (max-width: 800px) {
  .flying-play {
    width: 105px;
    height: 105px;
    right: 4%;
  }

  .flying-play small {
    font-size: 14px;
  }
}
/* Show the map in its original proportions */
.impact-map-section .image-button {
  padding: 0;
  background: transparent;
}

.impact-map-section .image-button img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
}

.impact-map-section .image-button:hover {
  transform: none;
}

/* November media additions */
.event-film{margin:35px 0 0;max-width:350px}.event-film video{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:12px;background:#222}.event-film figcaption,.kowloon-pair figcaption{font:12px/1.6 var(--sans);margin-top:12px;color:var(--quiet)}
.kowloon-direction{display:grid;grid-template-columns:1fr 1.2fr;gap:6vw;align-items:center}.kowloon-direction h2{font-size:clamp(42px,5vw,76px);margin:20px 0}.kowloon-direction p+p{margin-top:22px}.kowloon-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kowloon-pair figure{margin:0;min-width:0}.kowloon-pair img{display:block;width:100%;height:auto}.soundtrack-status{position:absolute;right:4%;top:310px;max-width:180px;font:12px var(--sans)}.soundtrack-playing{box-shadow:0 0 0 5px #ffffff25}
.impact-map-section .image-button{padding:0;background:transparent}.impact-map-section .image-button img{display:block;width:100%;height:auto;aspect-ratio:auto}.impact-map-section .image-button:hover{transform:none}
@media(max-width:800px){.kowloon-direction{grid-template-columns:minmax(0,1fr);gap:35px}.event-film{max-width:300px;margin:25px auto 0}.kowloon-pair{gap:10px}}

/* Floating Alexa player: motion remains separate from audio playback. */
.soundtrack-panel{position:absolute;right:3%;top:330px;z-index:9;width:190px;padding:13px 14px;border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink);box-shadow:3px 4px 0 #0001;font:12px/1.4 var(--sans)}
.soundtrack-track{display:flex;align-items:center;gap:10px}.soundtrack-track strong{display:block;font-size:14px}.soundtrack-track small{display:block;font-size:10px}.soundtrack-equaliser{display:flex;align-items:center;gap:3px;height:22px;min-width:25px}.soundtrack-equaliser i{display:block;width:3px;height:5px;background:currentColor;border-radius:2px;transform-origin:center}.is-playing .soundtrack-equaliser i{animation:roheni-equalise .75s ease-in-out infinite alternate}.is-playing .soundtrack-equaliser i:nth-child(2){animation-delay:-.3s}.is-playing .soundtrack-equaliser i:nth-child(3){animation-delay:-.6s}.is-playing .soundtrack-equaliser i:nth-child(4){animation-delay:-.15s}.soundtrack-volume{display:grid;grid-template-columns:auto minmax(0,1fr) 30px;align-items:center;gap:7px;margin-top:10px;font-size:10px}.soundtrack-volume input{width:100%;min-width:0;accent-color:#7a0000;cursor:pointer}.soundtrack-volume output{text-align:right}.soundtrack-feedback:empty{display:none}.soundtrack-feedback{display:block;margin-top:8px}.soundtrack-panel input:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@keyframes roheni-equalise{from{height:5px}to{height:22px}}
@media(max-width:800px){.soundtrack-panel{top:350px;right:3%;width:165px;padding:10px}.soundtrack-track small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.is-playing .soundtrack-equaliser i{animation:none;height:14px}}
.motion-paused .soundtrack-equaliser i{animation-play-state:paused}
/* Music controls in the upper-right space */
.hero-stage > .soundtrack-panel {
  position: absolute;
  top: 45px;
  right: 2%;
  bottom: auto;
  left: auto;
  width: 190px;
  margin: 0;
  transform: none;
  box-sizing: border-box;
}

@media (max-width: 800px) {
  .hero-stage > .soundtrack-panel {
    top: 85px;
    right: 2%;
    width: 165px;
  }
}
/* Smaller music controls, below the headline */
.hero-stage > .soundtrack-panel {
  top: 260px;
  right: 2%;
  width: 155px;
  padding: 9px 10px;
  border-radius: 12px;
}

.soundtrack-track {
  gap: 6px;
}

.soundtrack-track strong {
  font-size: 12px;
}

.soundtrack-track small {
  font-size: 9px;
}

.soundtrack-volume {
  margin-top: 6px;
  gap: 4px;
  font-size: 9px;
}

@media (max-width: 800px) {
  .hero-stage > .soundtrack-panel {
    top: 220px;
    right: 2%;
    width: 145px;
  }
}
/* Compact player beside the star */
.hero-stage > .soundtrack-panel {
  top: 140px;
  right: 0;
  width: 145px;
  padding: 9px;
}

@media (max-width: 800px) {
  .hero-stage > .soundtrack-panel {
    top: 140px;
    right: 0;
    width: 135px;
  }
}

/* Hand-drawn accents around the About film */
.event-film{position:relative;isolation:isolate;overflow:visible;margin-top:45px;margin-bottom:30px}.event-film:before{content:"✳";position:absolute;left:-32px;top:22px;font-size:66px;line-height:1;color:var(--ink);opacity:.7;transform:rotate(-13deg);z-index:2;pointer-events:none}.event-film:after{content:"↝";position:absolute;right:-30px;bottom:95px;font-size:65px;line-height:1;color:var(--ink);opacity:.65;transform:rotate(24deg);pointer-events:none}.event-film video{position:relative;z-index:1;box-shadow:7px 9px 0 #00000015}.event-sound-toggle{position:relative;z-index:3;margin-top:15px;border:1px solid currentColor;border-radius:999px;padding:9px 16px;background:var(--paper);color:var(--ink);font:12px var(--sans);cursor:pointer}.event-sound-toggle:hover{transform:rotate(-3deg)}.event-sound-toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:800px){.event-film{max-width:min(300px,calc(100% - 50px))}.event-film:before{left:-22px;font-size:48px}.event-film:after{right:-22px;font-size:48px}}

/* November 2026: natural image frames and the About studio layout */
.gallery .image-button,.original-concept .image-button,.development-preview>div{background:transparent;padding:0}
.gallery .image-button img{height:auto;aspect-ratio:auto;object-fit:contain}
.gallery .image-button:hover{transform:none}
.chapter-image{padding:11px}
.collection-chapter#atir .chapter-image img,.collection-chapter:last-child .chapter-image img{height:auto;aspect-ratio:auto;object-fit:contain}
.campaign-carousel{position:relative;isolation:isolate;background:transparent;padding:18px 0;transform:none;max-width:1100px;margin-inline:auto}
.campaign-carousel::before{content:"";position:absolute;inset:2% -2%;background:var(--mount);z-index:-1;clip-path:polygon(2% 4%,27% 0,56% 3%,97% 0,100% 20%,98% 55%,100% 94%,72% 100%,39% 97%,1% 100%,0 66%,2% 36%);transform:rotate(-1deg)}
.campaign-slide img{height:clamp(300px,48vw,580px);background:transparent;object-fit:contain}
.campaign-slide figcaption{padding:12px 16px;color:var(--ink)}
.carousel-controls{padding:0 16px;color:var(--ink)}
.about-story-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6vw;align-items:start}
.about-story-media .event-film{max-width:340px;margin:30px 0 0}
.studio-thread{margin-top:40px;max-width:400px;color:var(--ink)}
.studio-thread svg{width:85%;height:75px;color:var(--accent)}
.studio-thread p{font-family:var(--serif);font-size:clamp(30px,3vw,48px);line-height:1.1}
.studio-thread span{display:block;margin-top:18px;font-size:12px;letter-spacing:.08em}
@media(max-width:800px){.about-story-layout{grid-template-columns:1fr;gap:40px}.about-story-media .event-film{margin:30px auto 0;max-width:min(340px,calc(100% - 44px))}.studio-thread{margin-top:25px}.campaign-carousel{padding:10px 0}.campaign-slide img{height:400px;max-height:65vh}.campaign-carousel::before{inset:0 -1%}.gallery .image-button img{height:auto}}

/* Floating quotation and hand-drawn studio margins */
.studio-awakening{position:relative;min-height:350px;max-width:460px;display:grid;place-items:center;padding:65px 58px;margin-top:32px;isolation:isolate}
.studio-awakening .awakening-doodles{position:absolute;inset:0;width:100%;height:100%;color:var(--ink);opacity:.75;z-index:-1}
.studio-awakening blockquote{margin:0;text-align:center;font-family:var(--serif);font-style:italic;font-size:clamp(24px,2.6vw,38px);line-height:1.2;animation:awakening-float 7s ease-in-out infinite}
@keyframes awakening-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(1deg)}}
@media(prefers-reduced-motion:reduce){.studio-awakening blockquote{animation:none}}
@media(max-width:800px){.studio-awakening{margin-inline:auto;min-height:320px;padding:60px 45px}}


/* Three-film studio panel and spacious quote choreography */
.studio-video-panel{background:var(--mount);padding:16px;transform:none}
.studio-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.studio-video-grid video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#171717}
.studio-video-panel>.text-link{margin:20px 0 4px;color:var(--mount-ink,#222)}
.about-story-layout{position:relative;isolation:isolate}
.studio-awakening{position:static;min-height:350px;max-width:none;margin-top:30px;padding:0;display:block}
.studio-awakening .awakening-doodles{inset:auto 0 0;width:100%;height:360px;opacity:.6;z-index:0;pointer-events:none}
.studio-awakening blockquote{position:absolute;bottom:100px;left:42%;width:48%;max-width:560px;margin:0;padding:25px 15px;font-size:clamp(26px,3vw,44px);z-index:2;animation:awakening-journey 20s ease-in-out infinite}
@keyframes awakening-journey{0%,100%{transform:translate(0,0) rotate(-3deg)}28%{transform:translate(-18%,-55px) rotate(2deg)}55%{transform:translate(5%,5px) rotate(-1deg)}78%{transform:translate(-12%,55px) rotate(2deg)}}
@media(max-width:800px){.studio-video-panel{padding:8px}.studio-video-grid{gap:6px}.studio-awakening{position:relative;height:330px;min-height:0}.studio-awakening .awakening-doodles{height:100%;inset:0}.studio-awakening blockquote{left:12%;bottom:95px;width:76%;font-size:27px;padding:15px 0;animation-name:awakening-journey-mobile}@keyframes awakening-journey-mobile{0%,100%{transform:translate(0,0) rotate(-2deg)}33%{transform:translate(-8%,-28px) rotate(2deg)}70%{transform:translate(8%,24px) rotate(-1deg)}}}
@media(prefers-reduced-motion:reduce){.studio-awakening blockquote{animation:none}}


/* Keep the moving quotation; remove nearby decorative doodles. */
.awakening-doodles{display:none}
body[data-page="about"] .event-film::before,body[data-page="about"] .event-film::after{content:none}