:root{
  --black:#050505;--ink:#0b0b09;--charcoal:#171715;--cream:#f4efe5;--sand:#d6cdbd;--stone:#6e6b64;--copper:#c9683c;--white:#fff;
  --serif:"Playfair Display",Georgia,serif;--sans:"Nunito",Arial,sans-serif;--pad:clamp(22px,4vw,68px);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:var(--sans);overflow-x:hidden}img,video{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}.chapter{position:relative}.chapter-dark{background:var(--black);color:var(--cream)}.chapter-paper{background:var(--cream);color:var(--ink)}
.topbar{position:fixed;z-index:80;left:0;right:0;top:0;height:72px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;mix-blend-mode:difference;color:white;pointer-events:none}.topbar>*{pointer-events:auto}.wuawuara-mark img{width:142px;height:auto}.case-id{font-size:10px;letter-spacing:.2em;font-weight:800}.archive-link{justify-self:end;font-size:11px;text-transform:uppercase;letter-spacing:.18em}.progress{position:fixed;z-index:90;top:0;left:0;right:0;height:2px;background:rgba(255,255,255,.1)}.progress span{display:block;height:100%;width:0;background:var(--copper)}
.cursor{position:fixed;z-index:200;width:14px;height:14px;border:1px solid rgba(255,255,255,.8);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:width .18s,height .18s}
.hero{min-height:100svh;display:grid;align-items:end;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media img{transform:scale(1.05)}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.54) 33%,rgba(0,0,0,.06) 70%),linear-gradient(0deg,rgba(0,0,0,.6),transparent 40%)}.hero-copy{position:relative;z-index:2;padding:140px var(--pad) 120px;max-width:880px}.eyebrow,.kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:800}.hero-title{font-family:var(--serif);font-weight:500;font-size:clamp(92px,15vw,250px);line-height:.72;letter-spacing:-.075em;margin:.24em 0 .28em}.hero-thesis{font-size:clamp(22px,3vw,46px);line-height:1.05;margin:0;font-weight:400;max-width:700px}.hero-thesis em{font-family:var(--serif);font-weight:400}.hero-note{position:absolute;z-index:3;right:var(--pad);bottom:110px;width:min(260px,26vw);border-top:1px solid rgba(255,255,255,.35);padding-top:14px}.hero-note span{font-family:var(--serif);font-size:44px}.hero-note p{font-size:12px;line-height:1.6;color:#d7d0c4}.scroll-cue{position:absolute;z-index:3;bottom:32px;left:var(--pad);background:none;color:inherit;border:0;font:700 10px var(--sans);letter-spacing:.16em;text-transform:uppercase;display:flex;gap:16px;align-items:center;cursor:pointer}
.statement{min-height:94svh;padding:clamp(120px,14vw,220px) var(--pad);display:grid;grid-template-columns:110px minmax(0,1.5fr) 1fr;gap:clamp(28px,5vw,90px);align-items:start}.chapter-index{font-family:var(--serif);font-size:clamp(52px,7vw,110px);line-height:1;color:var(--copper)}.chapter-index.light{color:var(--sand)}.statement h2,.vision h2,.community h2,.scale h2,.legacy h2,.raw-copy h2{font-family:var(--serif);font-size:clamp(48px,6vw,104px);line-height:.98;letter-spacing:-.04em;margin:.35em 0}.statement h2 em,.vision h2 em,.community h2 em,.scale h2 em{font-weight:400}.lede,.vision-copy>p:last-child{font-size:clamp(17px,1.5vw,23px);line-height:1.7;max-width:720px}.word-field{display:flex;flex-direction:column;gap:10px;padding-top:36px}.word-field span{font-size:clamp(19px,2vw,34px);border-bottom:1px solid rgba(0,0,0,.15);padding:12px 0}
.visual-sequence{padding:0 var(--pad) 12vw;display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,48px)}.frame{margin:0}.frame img{aspect-ratio:1/1.15}.frame-wide{grid-column:1/-1;width:72%;margin-left:auto}.frame-wide img{aspect-ratio:16/9}.shift-down{margin-top:12vw}.frame figcaption{font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin-top:12px;color:var(--stone)}
.hallazgo{min-height:110svh;padding:clamp(120px,15vw,220px) var(--pad);display:grid;grid-template-columns:150px minmax(0,1fr) minmax(260px,.65fr);gap:clamp(26px,5vw,80px);align-items:center}.hallazgo-number{align-self:start;font-size:10px;letter-spacing:.22em;color:var(--copper);padding-top:8px}.hallazgo-content>p:first-child{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--sand)}.hallazgo h2{font-family:var(--serif);font-size:clamp(58px,7.2vw,126px);line-height:.91;letter-spacing:-.05em;margin:.3em 0}.hallazgo h2 em{font-weight:400}.hallazgo-detail{font-size:clamp(16px,1.5vw,22px);line-height:1.7;max-width:680px}.hallazgo-rule{width:72px;height:1px;background:var(--copper);margin:32px 0}.hallazgo-image img{aspect-ratio:4/5}.hallazgo-paper{color:var(--ink)}.hallazgo-paper .hallazgo-content>p:first-child{color:var(--stone)}
.quote-scene{min-height:110svh;display:grid;place-items:center;overflow:hidden;padding:var(--pad)}.quote-bg{position:absolute;inset:0;opacity:.32}.quote-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0,rgba(0,0,0,.9) 78%)}.quote-scene blockquote{position:relative;z-index:2;font:400 clamp(48px,7vw,120px)/.98 var(--serif);letter-spacing:-.045em;max-width:1280px;margin:0;text-align:center}.quote-scene blockquote em{color:var(--sand)}.quote-foot{position:absolute;z-index:2;bottom:8vh;font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.vision{padding:clamp(120px,13vw,200px) var(--pad);display:grid;grid-template-columns:100px minmax(0,.85fr) minmax(0,1.2fr);gap:clamp(20px,4vw,68px)}.vision-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vision-main{grid-column:1/-1;margin:0}.vision-main img{aspect-ratio:1.4}.vision-small{margin:0}.vision-small img{aspect-ratio:1/1}.split{grid-template-columns:150px minmax(0,1fr)}.split .hallazgo-content{max-width:1100px}.split .hallazgo-content h2{max-width:1000px}
.product-story{padding:clamp(120px,13vw,200px) var(--pad)}.product-intro{max-width:900px;margin:0 0 8vw 12vw}.product-intro h2{font:500 clamp(78px,12vw,190px)/.8 var(--serif);letter-spacing:-.055em;margin:.2em 0}.product-intro>p:last-child{max-width:600px;font-size:18px;line-height:1.65}.thermo-stage{display:grid;grid-template-columns:.8fr 1.4fr;gap:4vw;align-items:center}.thermo-art{margin:0 0 0 4vw}.thermo-art img{aspect-ratio:.49}.thermo-video{position:relative;margin:0}.thermo-video video{aspect-ratio:16/9;background:#111}.thermo-video span{position:absolute;bottom:18px;left:18px;font-size:10px;letter-spacing:.18em}
.evidence{padding:clamp(110px,12vw,180px) 0}.evidence-head{padding:0 var(--pad);max-width:900px}.evidence-head h2{font:500 clamp(54px,7vw,110px)/.96 var(--serif);letter-spacing:-.05em;margin:.3em 0 7vw}.evidence-row{display:flex;gap:18px;overflow-x:auto;padding:0 var(--pad) 28px;scrollbar-width:none;cursor:grab}.evidence-row::-webkit-scrollbar{display:none}.evidence-card{flex:0 0 min(72vw,780px);display:grid;grid-template-columns:1fr .78fr;background:var(--black);color:var(--cream);min-height:620px}.evidence-card img{min-height:620px}.evidence-card div{padding:clamp(26px,4vw,58px);display:flex;flex-direction:column}.evidence-card span{font-size:11px;color:var(--copper)}.evidence-card h3{font:500 clamp(42px,5vw,74px)/.95 var(--serif);margin:auto 0 24px}.evidence-card p{line-height:1.6;color:#c8c0b5}.drag-note{padding:0 var(--pad);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--stone)}
.community{padding:clamp(120px,12vw,180px) var(--pad) 0;display:grid;grid-template-columns:100px 1fr;gap:4vw}.community-copy{max-width:900px}.community-photo{grid-column:1/-1;margin:8vw calc(var(--pad)*-1) 0}.community-photo img{max-height:105svh;object-position:center}
.tokyo{min-height:100svh;padding:10vw var(--pad);display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:center}.tokyo-image{margin:0}.tokyo-image img{aspect-ratio:1/1}.tokyo-copy span{font-size:10px;letter-spacing:.18em;color:var(--copper)}.tokyo-copy h2{font:500 clamp(56px,7vw,116px)/.94 var(--serif);letter-spacing:-.05em;margin:.3em 0}.tokyo-copy p{font-size:20px;line-height:1.7}
.scale{padding:clamp(120px,12vw,200px) var(--pad)}.scale-head{max-width:1100px;margin-left:12vw}.scale-grid{margin-top:9vw;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2)}.scale-item{padding:44px 24px 40px 0;border-right:1px solid rgba(255,255,255,.15)}.scale-item+ .scale-item{padding-left:24px}.scale-item strong{display:block;font:500 clamp(34px,4vw,72px)/1 var(--serif);margin-bottom:18px}.scale-item span{font-size:13px;line-height:1.6;color:#c4bdb2}
.legacy{min-height:120svh;overflow:hidden;display:grid;align-items:end}.legacy-photo{position:absolute;inset:0}.legacy-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(244,239,229,.98) 0%,rgba(244,239,229,.72) 34%,rgba(244,239,229,0) 72%)}.legacy-copy{position:relative;z-index:2;padding:50vh var(--pad) 8vw;max-width:1400px}.legacy h2{max-width:1000px}.legacy-line{font:400 clamp(35px,5vw,80px)/1.08 var(--serif);margin:.15em 0;color:var(--ink)}
.learning{min-height:100svh;padding:12vw var(--pad);display:grid;align-content:center}.learning-label{font-size:10px;letter-spacing:.2em;color:var(--copper);margin-bottom:5vw}.learning h2{font:500 clamp(62px,9vw,160px)/.9 var(--serif);letter-spacing:-.06em;margin:0}.learning h2 em{color:var(--sand);font-weight:400}
.raw-archive{padding:10vw var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.raw-copy h2{font-size:clamp(54px,6vw,90px)}.raw-links{display:flex;flex-direction:column;justify-content:center}.raw-links a{display:flex;justify-content:space-between;padding:24px 0;border-bottom:1px solid rgba(0,0,0,.2);font-weight:700}
.end{min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;padding:12vw var(--pad) 36px}.end-inner{max-width:1200px;margin:auto}.end-inner>img{width:64px;height:auto;margin-bottom:34px}.end-inner>p{font-size:10px;letter-spacing:.2em;color:var(--sand)}.end h2{font:500 clamp(60px,9vw,150px)/.91 var(--serif);letter-spacing:-.055em;margin:.25em 0}.end h2 em{color:var(--sand)}.end-inner>a{display:inline-flex;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:18px 26px;gap:36px;text-transform:uppercase;font-size:11px;letter-spacing:.12em}.end footer{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:end;border-top:1px solid rgba(255,255,255,.15);padding-top:28px;font-size:10px;color:#aaa}.end footer img{width:130px;height:auto}.end footer span{text-align:right}.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.lightbox{position:fixed;inset:0;z-index:160;background:rgba(0,0,0,.94);display:none;place-items:center;padding:5vw}.lightbox.open{display:grid}.lightbox img{max-width:90vw;max-height:88vh;object-fit:contain}.lightbox button{position:absolute;right:28px;top:22px;color:white;background:none;border:0;font-size:42px;cursor:pointer}
@media(max-width:900px){.cursor{display:none}.topbar{height:60px;grid-template-columns:1fr 1fr}.case-id{display:none}.wuawuara-mark img{width:112px}.hero-copy{padding-top:120px}.hero-note{display:none}.statement,.vision,.hallazgo,.tokyo{grid-template-columns:1fr}.chapter-index{font-size:46px}.word-field{display:grid;grid-template-columns:1fr 1fr}.visual-sequence{grid-template-columns:1fr}.frame-wide{grid-column:auto;width:100%}.shift-down{margin-top:0}.hallazgo{min-height:auto}.hallazgo-image{max-width:520px;margin-left:auto}.vision-gallery{margin-top:34px}.thermo-stage{grid-template-columns:1fr}.product-intro{margin-left:0}.thermo-art{margin-left:0;width:70%}.evidence-card{flex-basis:88vw;grid-template-columns:1fr}.evidence-card img{min-height:430px}.community{grid-template-columns:1fr}.scale-head{margin-left:0}.scale-grid{grid-template-columns:1fr 1fr}.legacy-copy{padding-top:60vh}.raw-archive{grid-template-columns:1fr}.end footer{grid-template-columns:1fr}.end footer span{text-align:left}.end footer>a{order:3}}
@media(max-width:560px){:root{--pad:22px}.hero-title{font-size:26vw}.hero-thesis{font-size:24px}.statement{padding-top:100px}.statement h2,.vision h2,.community h2,.scale h2,.legacy h2{font-size:14vw}.visual-sequence{padding-bottom:80px}.hallazgo h2{font-size:15vw}.quote-scene blockquote{font-size:13vw}.scale-grid{grid-template-columns:1fr}.scale-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.15);padding-left:0!important}.thermo-art{width:88%}.evidence-card{flex-basis:92vw}.end h2,.learning h2{font-size:14vw}}