:root{--ink:#050505;--paper:#f2f0eb;--bone:#d9d4c8;--line:rgba(255,255,255,.19);--accent:#d0ff45}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Manrope,Arial,sans-serif;font-size:16px;overflow-x:hidden}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.site-header{position:absolute;z-index:12;top:0;left:0;width:100%;height:110px;padding:25px 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{width:150px;height:60px;overflow:hidden;display:block}.brand img,.contact footer img{width:100%;height:100%;object-fit:cover}.site-header nav{display:flex;align-items:center;gap:32px;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.site-header nav a{opacity:.75;transition:.25s}.site-header nav a:hover{opacity:1}.site-header .nav-cta{opacity:1;border:1px solid rgba(255,255,255,.5);padding:15px 20px;border-radius:99px}.menu-toggle{display:none;color:#fff;background:none;border:0;font:inherit}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('./assets/empireville-residence.png') center/cover no-repeat;z-index:-4;transform:scale(1.02)}#webgl{position:absolute;inset:0;width:100%;height:100%;z-index:-3;opacity:.58;mix-blend-mode:screen}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,4,7,.94) 0%,rgba(2,4,7,.65) 36%,rgba(2,4,7,.05) 70%),linear-gradient(0deg,rgba(0,0,0,.78),transparent 55%)}.hero-copy{position:relative;padding:180px 4vw 8vh;max-width:900px}.eyebrow,.section-tag{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem}.eyebrow{color:var(--accent);margin:0 0 28px}.hero h1{font-size:clamp(4rem,8.8vw,9rem);line-height:.82;letter-spacing:-.055em;font-weight:400;margin:0}.hero h1 em,.statement h2 em,.manifesto h2 em,.contact h2 em{font-family:'Playfair Display',serif;font-weight:500}.hero-intro{max-width:520px;margin:38px 0 0 39%;font-size:1rem;line-height:1.7;color:rgba(255,255,255,.72)}.round-link{position:absolute;right:-240px;bottom:8vh;width:145px;height:145px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-size:.66rem;letter-spacing:.12em;transition:.35s}.round-link b{position:absolute;top:22px;right:29px;font-size:1rem}.round-link:hover{background:var(--accent);color:#050505;border-color:var(--accent);transform:rotate(-8deg)}.hero-index{position:absolute;bottom:3vh;right:4vw;display:flex;gap:30px;font-size:.61rem;letter-spacing:.16em;opacity:.55}.statement{background:var(--paper);color:var(--ink);padding:13vw 7vw 9vw}.section-tag{margin:0 0 6vw;opacity:.55}.statement h2{font-weight:300;font-size:clamp(2.6rem,6.3vw,7.2rem);line-height:1.04;letter-spacing:-.045em;max-width:1250px;margin:0}.statement h2 em{font-weight:500}.statement-foot{margin:9vw 0 0 48%;border-top:1px solid #aaa;padding-top:22px;display:grid;grid-template-columns:1fr 1.5fr;gap:30px}.statement-foot span{text-transform:uppercase;font-size:.67rem;letter-spacing:.14em}.statement-foot p{margin:0;line-height:1.75;color:#4b4b4b}.split{display:grid;grid-template-columns:1fr 1fr;min-height:900px}.panel{position:relative;min-height:850px;padding:45px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.development-panel{background:#0a0a0a}.stay-panel{background:#20201e}.panel-top{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.17em;font-size:.68rem;position:relative;z-index:2}.panel-copy{position:relative;z-index:2;max-width:500px}.panel h3{font-weight:300;font-size:clamp(2.7rem,4.5vw,5.2rem);line-height:.98;letter-spacing:-.045em;margin:0 0 25px}.panel p{max-width:420px;color:rgba(255,255,255,.65);line-height:1.7}.panel a{margin-top:30px;display:inline-flex;gap:30px;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:12px;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem}.panel a span{color:var(--accent)}.stay-photo{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.85)),url('./assets/empireville-residence.png') 68% center/cover;filter:grayscale(1);transform:scale(1.05);transition:1.2s}.stay-panel:hover .stay-photo{transform:scale(1)}.wire-building{position:absolute;inset:18% 10%;perspective:900px}.wire-building i{position:absolute;border:1px solid rgba(208,255,69,.42);width:48%;height:38%;transform:rotateX(58deg) rotateZ(-16deg) skewX(2deg);box-shadow:0 0 30px rgba(208,255,69,.05)}.wire-building i:nth-child(2){left:33%;top:17%}.wire-building i:nth-child(3){left:15%;top:38%;width:68%}.wire-building i:nth-child(4){left:42%;top:50%;width:39%;height:29%}.manifesto{padding:12vw 6vw;position:relative;min-height:850px}.orbit{width:min(36vw,500px);aspect-ratio:1;border:1px solid rgba(255,255,255,.18);border-radius:50%;position:absolute;left:-8vw;top:20%;display:grid;place-items:center}.orbit:before,.orbit:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;inset:12%;transform:rotate(60deg) scaleX(.45)}.orbit:after{transform:rotate(-60deg) scaleX(.45)}.orbit span{font:500 9rem Playfair Display;color:var(--accent)}.manifesto-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:start}.manifesto h2{font-size:clamp(3rem,6vw,7rem);font-weight:300;line-height:.95;letter-spacing:-.05em;margin:0}.manifesto ol{list-style:none;margin:0;padding:0}.manifesto li{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:28px 0;border-top:1px solid rgba(255,255,255,.2)}.manifesto li>span{color:var(--accent);font-size:.7rem}.manifesto li b{text-transform:uppercase;letter-spacing:.1em;font-size:.82rem}.manifesto li p{color:rgba(255,255,255,.55);line-height:1.6;margin:10px 0 0}.contact{background:var(--accent);color:var(--ink);padding:10vw 6vw 30px}.contact .section-tag{margin-bottom:5vw}.contact h2{font-size:clamp(3.5rem,8vw,9rem);line-height:.88;letter-spacing:-.055em;font-weight:300;margin:0 0 7vw}.contact-link{display:flex;justify-content:space-between;border-top:1px solid rgba(0,0,0,.45);padding:25px 0;font-size:clamp(1.1rem,2vw,2rem)}.contact footer{border-top:1px solid rgba(0,0,0,.3);margin-top:9vw;padding-top:30px;display:grid;grid-template-columns:150px 1fr auto;gap:30px;align-items:center;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em}.contact footer img{height:60px;filter:invert(1)}.contact footer p{text-align:center}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.in{opacity:1;transform:none}@media(max-width:800px){.site-header{height:84px;padding:14px 20px}.brand{width:118px;height:48px}.menu-toggle{display:flex;align-items:center;gap:12px;text-transform:uppercase;font-size:.7rem;letter-spacing:.14em}.menu-toggle i{width:8px;height:8px;border-radius:50%;background:var(--accent)}.site-header nav{display:none;position:absolute;top:84px;left:0;width:100%;padding:25px 20px;background:#050505;flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.hero{min-height:820px}.hero-copy{padding:160px 20px 100px}.hero h1{font-size:clamp(3.7rem,17vw,6rem);line-height:.86}.hero-intro{margin:35px 0 0;max-width:90%;font-size:.95rem}.round-link{position:relative;right:auto;bottom:auto;margin:45px 0 0;width:120px;height:120px}.hero-index{right:20px}.statement{padding:110px 20px 90px}.statement .section-tag{margin-bottom:50px}.statement h2{font-size:2.8rem}.statement-foot{margin:75px 0 0;grid-template-columns:1fr;gap:20px}.split{grid-template-columns:1fr}.panel{min-height:720px;padding:28px 20px}.manifesto{padding:100px 20px}.manifesto .section-tag{margin-bottom:60px}.manifesto-grid{grid-template-columns:1fr;gap:80px}.orbit{width:330px;left:-140px;top:22%}.orbit span{font-size:6rem}.contact{padding:100px 20px 24px}.contact h2{font-size:3.7rem;margin-bottom:80px}.contact footer{grid-template-columns:1fr;align-items:start}.contact footer p{text-align:left}.contact footer img{width:130px}.hero-image{background-position:62% center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.stay-photo{transition:none}}
/* Full logo treatment: transparent artwork must never be cropped. */
.brand{width:170px;height:68px;overflow:visible}
.brand img,.contact footer img{width:100%;height:100%;object-fit:contain;object-position:left center}
@media(max-width:800px){.brand{width:138px;height:56px}}