@font-face{font-family:DM;src:url(dm-sans.woff2) format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:#0b1014;color:#fff;font:16px DM,Arial,sans-serif;--accent:#ffd0a0}a{color:inherit}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:5px}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}.world,.shade{position:fixed;inset:0}.world canvas{width:100%;height:100%;display:block}.shade{pointer-events:none;background:linear-gradient(90deg,#080d12c9 0%,#080d1255 34%,transparent 61%),linear-gradient(0deg,#060a1088,transparent 26%,transparent 82%,#060a1066);z-index:1}header{position:fixed;z-index:5;top:0;left:0;width:100%;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:26px;font-weight:750;letter-spacing:-1px;text-decoration:none}.brand span{display:block;font-size:9px;letter-spacing:2px;margin-top:5px;font-weight:500}nav{display:flex;gap:28px}nav a{font-size:12px;text-decoration:none;opacity:.8}nav a[aria-current=true]{opacity:1;color:var(--accent)}.sector{font-size:10px;letter-spacing:2px;text-transform:uppercase}.intro,.copy{z-index:3;position:fixed;left:6%;top:27%;width:39%;max-width:580px}.intro h1,.copy h2{font-size:clamp(38px,4.7vw,90px);font-weight:500;line-height:1.04;letter-spacing:-.05em;margin:22px 0 25px;max-width:600px}.intro p,.copy>p{font-size:15px;line-height:1.7;max-width:350px;color:#e4e5e8}.intro>p:first-child,.copy .eyebrow{font-size:10px;letter-spacing:3px;color:var(--accent);text-transform:uppercase;font-weight:650}.intro button{display:block;margin:28px 0 22px;background:#ee263e;border:0;border-radius:3px;padding:17px 22px;font-size:13px;font-weight:650;box-shadow:0 12px 45px #0004}.intro button span{padding-left:35px}.intro>a{font-size:12px;text-decoration:none;border-bottom:1px solid #fff5;padding-bottom:5px}.story{height:400vh}.story section{height:100vh}.copy{transition:opacity .3s,transform .5s;pointer-events:none}.copy a{pointer-events:auto}.copy-rule{height:1px;width:42px;background:var(--accent);margin:28px 0 15px}.copy .copy-meta{font-size:10px;letter-spacing:2px;text-transform:uppercase}.copy .project{font-size:13px;display:inline-block;margin-top:18px;padding:15px 20px;background:#e5253c;text-decoration:none;border-radius:3px}.detail{position:fixed;z-index:3;right:9%;top:64%;width:210px;border-top:1px solid #ffffff70;padding-top:17px;background:linear-gradient(90deg,#091018b0,transparent)}.detail-dot{display:block;position:absolute;width:7px;height:7px;background:var(--accent);border-radius:50%;top:-4px;left:0;box-shadow:0 0 15px var(--accent)}.detail p{font-size:13px;margin:0 0 8px}.detail>span:last-child{display:block;font-size:10px;line-height:1.6;color:#d1dae0}.controls{position:fixed;z-index:6;bottom:85px;right:5%;display:flex;gap:8px}.controls button{padding:11px 14px;font-size:11px;border:1px solid #fff5;border-radius:3px;background:#0a111bcc;backdrop-filter:blur(9px)}.controls button:hover{background:#ffffff22}.skip{position:fixed;top:5px;left:5px;z-index:20;transform:translateY(-160%);background:#111;padding:12px}.skip:focus{transform:none}footer{position:fixed;bottom:0;left:0;z-index:4;width:100%;padding:24px 5%;display:flex;gap:25px;align-items:center;font-size:10px;color:#d8dde4}footer p{margin:0}footer p:first-child{margin-right:auto}footer a{text-decoration:none;font-weight:700}.progress-label{letter-spacing:1px}.progress{height:1px;width:120px;background:#ffffff30}.progress i{height:2px;background:var(--accent);width:25%;display:block;transition:width .3s}.scroll-note{letter-spacing:.3px}.scroll-note span{margin-left:12px}.status{position:fixed;z-index:7;bottom:65px;left:5%;font-size:10px;max-width:320px;color:#d8dde4}.cursor{position:fixed;z-index:12;pointer-events:none;width:24px;height:24px;border:1px solid #fff9;border-radius:50%;transform:translate(-50%,-50%);left:-100px;top:-100px}.cursor i{width:4px;height:4px;background:#fff;border-radius:50%;position:absolute;left:9px;top:9px}.nojs{position:fixed;z-index:20;top:10%;left:5%;width:90%;background:#111;padding:30px}.is-exploring .intro{display:none}.is-exploring .copy{display:block}body[data-sector=luxe]{--accent:#e0c890}body[data-sector=tourism]{--accent:#a4dee5}body[data-sector=industry]{--accent:#85d7ff}body[data-sector=culture]{--accent:#ffa7be}@media(min-width:1800px){.copy{top:29%}}@media(max-width:850px){header{padding:23px 5%}.brand{font-size:22px}nav{display:none}.sector{font-size:9px;max-width:95px;text-align:right}.intro,.copy{width:65%;top:29%;max-width:440px}.intro h1,.copy h2{font-size:clamp(36px,7vw,64px)}.intro p,.copy>p{font-size:13px;max-width:290px}.detail{right:5%;top:67%;width:150px}.controls{bottom:85px;gap:5px;right:5%;left:5%;justify-content:flex-end}.controls button{padding:10px;font-size:10px}.progress-label{display:none}.progress{width:60px}.scroll-note{font-size:9px}.status{bottom:133px;max-width:200px}.cursor{display:none}}@media(max-width:500px){.shade{background:linear-gradient(90deg,#080d12a8,transparent),linear-gradient(0deg,#060a10cc,transparent 80%)}.intro,.copy{top:auto;bottom:24%;width:86%;left:7%}.intro h1,.copy h2{font-size:42px;max-width:350px}.copy>p{font-size:12px;max-width:290px}.copy-rule,.copy-meta,.detail{display:none}.copy h2{margin:15px 0}.intro>p{font-size:12px}.controls{bottom:72px;flex-wrap:wrap}.status{bottom:116px;left:7%;max-width:86%;font-size:9px}footer{gap:10px;padding:23px 6%;font-size:9px}.scroll-note{display:none}.progress{width:70px}.copy .project{margin:8px 0 0;font-size:11px;padding:11px 15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.copy,.progress i{transition:none}.cursor{display:none}}
main{pointer-events:none}.intro{pointer-events:auto}
.status{pointer-events:none}@media(max-width:500px){.status{bottom:158px}}