:root{--ink: #15150f;--ink-soft: #4a4a42;--ink-faint: #8a897f;--paper: #f4f3ef;--paper-2: #ecebe5;--line: rgba(20, 20, 15, .12);--accent: #1aa64b;--accent-bright: #25d366;--teal: #1c4a44;--slate: #2a3e4c;--font: Inter, system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}.stage{position:fixed;inset:0;overflow:hidden}.hero-poster{position:absolute;inset:0;z-index:0;background-color:#f3f2ee;background-image:url(/assets/office-hero-poster-v2.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.hero-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,243,239,.82) 0%,rgba(244,243,239,.38) 30%,transparent 58%),linear-gradient(180deg,transparent 64%,rgba(20,20,15,.06) 100%)}.canvas{position:absolute!important;inset:0;z-index:1}.topbar{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,4vw,56px);pointer-events:none}.topbar a,.topbar button{pointer-events:auto}.brand{font-weight:800;font-size:.98rem;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none}.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 0 4px #25d36629}.topnav{display:flex;align-items:center;gap:clamp(14px,2vw,26px);font:600 .84rem/1 var(--font)}.topnav a{color:var(--ink-soft);text-decoration:none;transition:color .15s ease}.topnav a:hover{color:var(--ink)}@media(max-width:860px){.topnav{display:none}}.nav-cta{display:inline-flex;align-items:center;gap:7px;font:700 .74rem/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:11px 18px;border-radius:999px;background:var(--accent);color:#fff;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 22px #1aa64b4d}.eyebrow-hero{position:fixed;z-index:25;top:clamp(84px,13vh,150px);left:clamp(20px,4vw,56px);max-width:min(560px,84vw);pointer-events:none;opacity:calc(1 - var(--hero-out, 0));transform:translateY(calc(var(--hero-out, 0) * -26px));transition:opacity .12s linear}.eyebrow-hero .btn-primary{pointer-events:auto}.eyebrow-hero .kicker{font:700 .7rem/1 var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-bottom:16px}.eyebrow-hero h1{font-size:clamp(2.2rem,5.4vw,4.3rem);font-weight:900;line-height:.96;letter-spacing:-.035em;color:var(--ink);margin-bottom:18px}.eyebrow-hero h1 em{font-style:normal;background:linear-gradient(115deg,var(--accent-bright) 0%,#128a57 42%,#1c4a44 78%,#2a3e4c 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.eyebrow-hero p{font-size:clamp(.98rem,1.4vw,1.12rem);line-height:1.55;color:var(--ink-soft);max-width:460px;margin-bottom:24px}.btn-primary{display:inline-flex;align-items:center;gap:8px;pointer-events:auto;font:700 .9rem/1 var(--font);padding:14px 26px;border-radius:999px;background:var(--ink);color:var(--paper);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #14140f38}.btn-ghost{display:inline-flex;align-items:center;gap:8px;font:700 .82rem/1 var(--font);padding:12px 22px;border-radius:999px;border:1.5px solid var(--line);color:var(--ink);text-decoration:none;background:transparent;transition:border-color .2s ease,transform .2s ease}.btn-ghost:hover{border-color:#14140f66;transform:translateY(-2px)}.scroll-hint{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:25;font:.6rem var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--ink-faint);pointer-events:none;opacity:calc(1 - var(--hero-out, 0))}.overlay{width:100vw}.room-copy{height:100vh;width:100vw;display:flex;align-items:center;padding:0 clamp(20px,5vw,80px)}.room-copy.left{justify-content:flex-start}.room-copy.right{justify-content:flex-end}.room-card{max-width:min(440px,86vw);background:#f4f3efb3;backdrop-filter:blur(10px) saturate(1.1);border:1px solid var(--line);border-radius:18px;padding:clamp(22px,3vw,34px);box-shadow:0 24px 60px -30px #14140f59}.room-card .eyebrow{font:700 .68rem/1 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:12px}.room-card h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:900;line-height:1.02;letter-spacing:-.03em;margin-bottom:14px}.room-card p{color:var(--ink-soft);line-height:1.55;margin-bottom:14px}.room-card .note{font:.78rem/1.4 var(--mono);color:var(--ink-faint);margin-bottom:18px}.room-card .pillars{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:4px 0 18px}.room-card .pillars li{list-style:none}.room-card .pillars b{display:block;font-size:.92rem;font-weight:800}.room-card .pillars span{font:.6rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.room-card .applist{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 18px}.room-card .applist li{list-style:none;font:600 .72rem/1 var(--mono);padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft)}.room-card .applist li a{color:inherit;text-decoration:none}.room-card .applist li:hover{border-color:#14140f66}.room-card .price{font-size:2.4rem;font-weight:900;letter-spacing:-.04em;color:var(--accent)}.closing{height:100vh;width:100vw;display:flex;flex-direction:column}.review-block{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:40px 24px 28px;gap:16px}.review-block h2{font-size:clamp(1.8rem,4vw,3rem);font-weight:900;letter-spacing:-.03em}.review-block p{color:var(--ink-soft);max-width:420px}.review-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.site-footer{background:#0b0f14;color:#cdd5dd;padding:34px clamp(20px,4vw,56px);display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;text-align:left}.site-footer.static{margin-top:56px;border-radius:16px}.site-footer .l{font:700 .9rem/1.5 var(--font);color:#fff;max-width:34ch;margin:0}.site-footer .l span{color:#8a98a5;font-weight:500}.site-footer nav{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font:600 .82rem/1 var(--font)}.site-footer nav a{color:#cdd5dd;text-decoration:none;transition:color .15s ease}.site-footer nav a:hover{color:#fff}.site-footer .foot-review{font:800 .7rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#0b0f14;background:var(--accent-bright);padding:10px 15px;border-radius:999px}.canvas-loader{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 0 60px clamp(20px,4vw,56px)}.canvas-loader span{font:.62rem var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint)}.static-page{max-width:940px;margin:0 auto;padding:0 clamp(20px,4vw,40px) 80px}.static-hero{min-height:70vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(60px,12vh,140px) clamp(24px,4vw,48px) 40px;background-image:linear-gradient(180deg,#f4f3efe6,#f4f3efbd),url(/assets/office-hero-v2.webp);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:20px;margin-top:14px}.static-hero .kicker{font:700 .7rem/1 var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-bottom:16px}.static-hero h1{font-size:clamp(2.2rem,6vw,4.6rem);font-weight:900;line-height:.98;letter-spacing:-.035em;margin-bottom:18px;max-width:720px}.static-hero h1 em{font-style:normal;background:linear-gradient(115deg,var(--accent-bright) 0%,#128a57 42%,#1c4a44 78%,#2a3e4c 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.static-hero p{font-size:clamp(1rem,1.5vw,1.2rem);color:var(--ink-soft);max-width:560px;margin-bottom:26px}.static-actions{display:flex;gap:12px;flex-wrap:wrap}.static-offer{border-top:1px solid var(--line);padding:clamp(36px,6vw,64px) 0;display:grid;grid-template-columns:200px 1fr;gap:clamp(16px,4vw,48px)}.static-offer .eyebrow{font:700 .7rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.static-offer h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900;letter-spacing:-.03em;margin-bottom:12px}.static-offer p{color:var(--ink-soft);line-height:1.6;margin-bottom:16px;max-width:560px}.static-offer .price{font-size:2rem;font-weight:900;color:var(--accent)}.static-offer ul{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.static-offer ul li{list-style:none;font:600 .74rem/1 var(--mono);padding:7px 11px;border:1px solid var(--line);border-radius:999px}@media(max-width:680px){.static-offer{grid-template-columns:1fr;gap:10px}}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}.r3f-a11y:focus{outline:3px solid var(--accent);outline-offset:3px}