@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;650;700;800&display=swap');
:root{--paper:#f3f3ee;--ink:#182522;--muted:#737b75;--blue:#235cef;--line:#d9ddd5}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip{position:fixed;top:-90px;left:20px;z-index:100;background:white;padding:16px}.skip:focus{top:12px}header{position:fixed;top:0;left:0;right:0;height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 4.2vw;z-index:20;background:rgba(243,243,238,.93);backdrop-filter:blur(12px);border-bottom:1px solid rgba(217,221,213,.6)}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;letter-spacing:-.6px;line-height:1.1}.brand small{display:block;font-size:8px;letter-spacing:3px;margin-top:6px;font-weight:600}.brand-icon{color:var(--blue);font-size:44px;line-height:1}nav{display:flex;gap:32px;font-size:12px;font-weight:500}nav a:hover{color:var(--blue)}.concept{font-size:9px;letter-spacing:1.7px;display:flex;gap:10px;align-items:center}.concept i{width:6px;height:6px;border-radius:50%;background:var(--blue)}.experience{height:480vh;min-height:2400px}.sticky{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden}.intro{position:absolute;left:5.5%;top:clamp(105px,13vh,135px);width:min(500px,36vw);max-width:520px;z-index:3;pointer-events:none}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:10px;margin:0 0 14px}.eyebrow>span{height:6px;width:6px;background:var(--blue);border-radius:50%}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(26px,2.7vw,42px);line-height:1.15;letter-spacing:-1.2px;font-weight:700;margin:0 0 14px;min-height:auto}.description{font-size:13.5px;line-height:1.6;color:var(--muted);max-width:390px;min-height:auto;margin:0 0 12px}.chapter-count{display:flex;align-items:center;gap:14px;color:#949b94;font-size:11px;letter-spacing:1px;margin-top:16px}.chapter-count span:first-child{color:var(--blue);font-weight:700}.count-line{height:1px;width:68px;background:var(--line)}.chapter-detail{margin-top:8px}.chapter-detail>span{font-size:9px;letter-spacing:1.7px;font-weight:700}.chapter-detail p{font-size:12px;color:var(--muted);margin:6px 0}.stage{position:absolute;left:34%;right:2%;top:100px;bottom:110px;touch-action:pan-y;cursor:grab;z-index:2}.stage:active{cursor:grabbing}canvas{display:block;width:100%;height:100%;outline:none}.watermark{position:absolute;left:25%;top:13%;font-family:Manrope,Arial,sans-serif;font-size:clamp(95px,14vw,220px);font-weight:800;letter-spacing:-10px;color:#e9ebe4;white-space:nowrap;pointer-events:none}.side-label{position:absolute;right:22px;top:36%;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#858f85}.rotate-hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1.5px;color:#7b837b;white-space:nowrap;pointer-events:none}.scene-controls{position:absolute;left:clamp(380px,36vw,540px);right:5%;bottom:50px;display:flex;align-items:center;justify-content:flex-end;z-index:4;gap:24px}.scroll-cue{display:flex;gap:15px;align-items:center;font-size:9px;letter-spacing:1.3px;font-weight:700}.scroll-cue>span{width:32px;height:42px;border:1px solid var(--line);border-radius:20px;display:grid;place-items:center;font-size:20px;font-weight:400}.scroll-cue small{display:block;color:var(--muted);font-size:10px;letter-spacing:0;font-weight:400;margin-top:7px}.transport{display:flex;align-items:center;gap:16px;padding:10px 12px;background:#ffffffb8;border:1px solid #e0e4dc;border-radius:30px;box-shadow:0 5px 20px #27331d04}.transport button{border:0;background:none;font-size:11px;display:flex;gap:9px;align-items:center;color:var(--ink);height:27px}.transport #play{min-width:65px}.transport #play-icon{font-size:11px;color:var(--blue)}.transport #reset{font-size:24px;border-left:1px solid var(--line);padding-left:13px}.transport output{font-size:10px;font-variant-numeric:tabular-nums;min-width:30px;color:var(--muted)}input[type=range]{width:150px;height:3px;accent-color:var(--blue);cursor:pointer}.motion{border:0;background:none;color:var(--muted);font-size:10px;padding:10px}.bottom-note{position:absolute;bottom:22px;left:4.2%;right:4.2%;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.6px;color:#899285;border-top:1px solid var(--line);padding-top:15px}.loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:var(--muted);background:var(--paper)}.loading-dot{height:7px;width:7px;border-radius:50%;background:var(--blue)}[hidden]{display:none!important}#fallback{position:absolute;inset:25% 10%;font-size:15px;line-height:1.7}#fallback a{color:var(--blue)}#annotations{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s}.tag{position:absolute;font-size:9px;color:var(--blue);display:flex;gap:8px;background:#ffffffdf;border:1px solid #dfe4db;border-radius:4px;padding:9px 11px;box-shadow:0 5px 20px #24332f06;white-space:nowrap}.tag b{color:var(--ink);font-weight:500}.tag:after{content:'';height:1px;width:30px;background:#a7b6af;position:absolute;top:50%;left:100%}.tag-a{top:15%;left:9%}.tag-b{top:48%;right:1%}.tag-b:after{left:auto;right:100%}.tag-c{bottom:19%;left:9%}.services{padding:115px 8%;display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#e8ece4;border-top:1px solid #d9dfd4}.section-heading h2{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:clamp(30px,3.3vw,50px);line-height:1.14;letter-spacing:-2px;margin:0 0 24px}.section-heading>p:last-child{color:#6f796f;font-size:14px;line-height:1.8;max-width:360px}.service-list article{border-top:1px solid #cbd3c6;padding:25px 0;display:flex;gap:25px;align-items:baseline}.service-list article>span:first-child{font-size:10px;color:#788572}.service-list h3{font-size:19px;font-weight:500;letter-spacing:-.4px;margin:0 0 10px}.service-list p{font-size:12px;line-height:1.7;color:#73806d;margin:0;max-width:285px}.arrow{margin-left:auto;color:var(--blue)}footer{padding:40px 5%;display:flex;align-items:center;justify-content:space-between}footer p,footer>a:last-child{font-size:11px;color:var(--muted)}.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}@media(min-width:1700px){.intro{top:28%}.stage{left:37%}}@media(max-width:1000px){header{height:80px}.concept{display:none}.intro{left:5%;width:39%;top:23%}h1{font-size:43px;letter-spacing:-2.5px}.stage{left:37%;right:0;top:90px;bottom:145px}.description{font-size:12px;max-width:235px}.scene-controls{left:5%;right:5%;bottom:70px}.motion{display:none}.side-label{display:none}.chapter-count{margin-top:20px}.tag{font-size:8px;padding:6px}.tag-a,.tag-c{left:1%}.services{gap:6%;padding:80px 6%}}@media(max-width:650px){header{height:72px;padding:0 6%}.brand{font-size:15px;gap:8px}.brand-icon{font-size:34px}.brand small{font-size:6px;letter-spacing:2.5px;margin-top:4px}nav{gap:18px;font-size:10px}nav a:first-child{display:none}.sticky{min-height:680px}.experience{min-height:2900px}.intro{top:103px;left:7%;width:86%;pointer-events:none}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:16px}h1{font-size:38px;line-height:1.06;letter-spacing:-2px;margin-bottom:12px;min-height:2.12em}.description{font-size:12px;line-height:1.65;max-width:260px;min-height:60px;margin:0}.chapter-count{position:absolute;right:0;top:8px;margin:0;font-size:9px;gap:8px}.count-line{width:24px}.chapter-detail{display:none}.stage{left:0;right:0;top:295px;bottom:120px}.watermark{top:43%;left:5%;font-size:87px;letter-spacing:-6px}.rotate-hint{bottom:0;font-size:7px}.scene-controls{left:6%;right:6%;bottom:57px;gap:0}.scroll-cue{display:none}.transport{width:100%;justify-content:space-between;padding:8px 14px;gap:10px}input[type=range]{width:100%;max-width:150px;min-width:40px}.transport #play{min-width:57px}.bottom-note{left:6%;right:6%;font-size:6px;letter-spacing:.8px;bottom:18px;padding-top:12px}.bottom-note span:first-child{display:none}.bottom-note span:last-child{width:100%;text-align:center}.tag{font-size:7px;padding:5px;gap:4px}.tag:after{width:10px}.tag-a{top:4%;left:10%}.tag-b{top:43%;right:5%}.tag-c{bottom:12%;left:5%}.services{grid-template-columns:1fr;gap:32px;padding:65px 7%}.section-heading h2{font-size:36px}.service-list article{padding:22px 0}footer{padding:30px 7%;gap:20px}footer p{display:none}footer>a:last-child{font-size:10px}}@media(prefers-reduced-motion:reduce){#annotations{transition:none}}@media(max-height:700px) and (min-width:651px){.intro{top:clamp(100px,12vh,120px)}.chapter-detail{display:none}.chapter-count{margin-top:10px}.stage{top:90px;bottom:130px}h1{font-size:32px}.sticky{min-height:600px}}
.view-controls{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px}.view-controls span{font-size:7px;letter-spacing:1.5px;color:#7b837b;white-space:nowrap}.view-controls button{border:1px solid #d7ddd3;background:#f8f9f4c9;color:#697468;width:29px;height:29px;border-radius:50%;font-size:18px}.view-controls button:hover{border-color:var(--blue);color:var(--blue)}@media(max-width:1000px){.motion{display:block;position:absolute;right:0;top:-37px;font-size:9px}}@media(max-width:650px){.view-controls{bottom:-4px}.view-controls button{width:30px;height:30px}.motion{top:-33px;font-size:8px;padding:6px}}

.chapter-jumps{display:flex;flex-wrap:wrap;gap:6px;margin-top:24px;pointer-events:auto}.chapter-jumps button{border:1px solid var(--line);border-radius:20px;padding:9px 11px;background:transparent;color:#667169;font-size:9px;transition:background .2s,color .2s}.chapter-jumps button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.chapter-jumps button:hover{border-color:var(--blue)}.chapter-count{margin-top:22px}@media(max-width:650px){.chapter-jumps{margin-top:8px;gap:5px}.chapter-jumps button{font-size:8px;padding:7px 9px}.stage{top:320px}.chapter-count{margin:0}}@media(max-height:700px) and (min-width:651px){.chapter-jumps{margin-top:10px}.chapter-count{display:none}}