:root{color-scheme:dark;--ink:#0f1115;--surface:#191d22;--surface2:#20262c;--gold:#d9b976;--gold-deep:#b8985b;--paper:#e8e5df;--muted:#b2b7bc;--line:rgba(232,229,223,.16);--blue:#83b4fa;--lobby:var(--lobby-noon);--night:var(--lobby);--building:var(--building-noon);--terrace:var(--terrace-noon)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:116px}body{margin:0;background:var(--ink);color:var(--paper);font:15px/1.65 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{max-width:100%;display:block}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(54px,5.5vw,88px);line-height:1.04;letter-spacing:-3px}h2{font-size:clamp(35px,3.6vw,54px);line-height:1.12;letter-spacing:-1.6px}h3{font-size:28px;line-height:1.15;letter-spacing:-0.6px}em{font-weight:400;color:var(--gold)}p{color:var(--muted)}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.wrap{width:min(1280px,calc(100% - 104px));margin:auto}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.25px;text-transform:uppercase;color:var(--gold)}.rule{width:42px;height:1px;background:var(--gold);display:inline-block}.section{padding:102px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:42px}.section-top .eyebrow{margin-bottom:14px}.section-top>p{max-width:350px;font-size:14px}.btn{min-height:48px;padding:13px 22px;border-radius:5px;display:inline-flex;justify-content:center;align-items:center;gap:22px;border:1px solid rgba(232,229,223,.4);background:transparent;color:var(--paper);font-size:12px;font-weight:600;line-height:1.5;transition:background .2s,transform .2s,border-color .2s}.btn:hover{background:rgba(232,229,223,.09);border-color:var(--gold);transform:translateY(-2px)}.btn.gold{background:linear-gradient(110deg,#e6c987,#cda965);border-color:#d9b976;color:#171a1e}.btn.gold:hover{background:#ebd099}.btn .icon{width:17px;height:17px}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:12px;min-height:44px;border-bottom:1px solid rgba(217,185,118,.5);color:var(--gold)}.text-link .icon{width:16px;height:16px}.quiet{background:none;border:0;padding:9px 0;min-height:44px;color:var(--muted);font-size:12px}.quiet:hover{color:var(--gold)}.button-row{display:flex;gap:14px;flex-wrap:wrap}.skip{position:fixed;left:20px;top:-100px;z-index:300;background:var(--paper);color:var(--ink);padding:12px}.skip:focus{top:10px}.design-bar{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#080b0e;border-bottom:1px solid #24282c;color:#b9bec5;font-size:9px;letter-spacing:1.2px;text-transform:uppercase}.design-bar a{padding:6px 12px;min-height:30px;display:inline-flex;align-items:center}.design-bar a[aria-current=page]{color:var(--gold)}.design-nav{display:flex;gap:8px}.masthead{position:sticky;top:0;z-index:40;margin-bottom:-88px;background:linear-gradient(#101419d9,#10141950);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px)}.nav-inner{height:88px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.brand img{width:39px;height:46px;object-fit:contain;filter:brightness(0) invert(1)}.wordmark{font-family:Georgia,serif;font-size:27px;line-height:1.15;letter-spacing:-0.75px}.brand small{display:block;font-size:6.5px;letter-spacing:1.4px;margin-top:4px}.nav-links{display:flex;gap:25px;align-items:center;margin-left:auto}.nav-links>a{font-size:11px;color:#e8e5df;min-height:44px;display:flex;align-items:center}.nav-links>a:hover{color:var(--gold)}.nav-actions{display:flex;align-items:center;gap:20px}.nav-actions>a:not(.btn){font-size:11px;min-height:44px;display:flex;align-items:center}.nav-actions .btn{padding:11px 17px;min-height:42px;font-size:10px;gap:17px}.mood-wrap{position:relative}.mood-control{border:1px solid #ffffff45;border-radius:5px;background:#12161b90;color:var(--paper);min-height:40px;width:118px;padding:0 11px;display:flex;align-items:center;gap:8px;font-size:11px}.mood-control .icon{width:15px;height:15px;color:var(--gold)}.mood-control .chevron{margin-left:auto;width:11px}.mood-menu{position:absolute;top:48px;right:0;width:210px;background:#1b2027f5;border:1px solid #ffffff24;border-radius:8px;padding:6px;box-shadow:0 20px 70px #0009;backdrop-filter:blur(24px);z-index:60}.mood-menu button{width:100%;border:0;border-radius:4px;background:none;padding:11px 10px;text-align:left;display:grid;grid-template-columns:25px 1fr 16px;align-items:center;gap:8px}.mood-menu button[aria-pressed=true]{background:#d9b9761c}.mood-menu button:hover{background:#ffffff12}.mood-menu strong{font-size:12px;font-weight:500}.mood-menu small{display:block;color:#aeb6bf;font-size:10px}.mood-menu .check{visibility:hidden;color:var(--gold)}.mood-menu button[aria-pressed=true] .check{visibility:visible}.mobile-toggle{display:none;background:none;border:1px solid #ffffff40;border-radius:5px;padding:10px;min-height:44px}.mobile-nav{background:#151a20;padding:18px 26px;border-top:1px solid var(--line)}.mobile-nav a{display:block;padding:12px 0;font-size:14px}.hero{position:relative;isolation:isolate;min-height:790px;min-height:max(780px,calc(100svh - 31px));display:flex;align-items:center;overflow:hidden}.hero-photo,.hero-night{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-3;transition:opacity .8s,filter 1s}.hero-photo{background-image:var(--lobby);filter:brightness(.8) saturate(.85)}.hero-night{background-image:var(--night);opacity:0}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,13,17,.83) 0%,rgba(9,13,17,.54) 36%,rgba(9,13,17,.04) 72%),linear-gradient(0deg,#101419 0%,transparent 27%,#0e111518 80%);z-index:-1}.hero:after{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(125deg,#aa874113,transparent 60%);transition:background .8s}[data-mood=morning] .hero-photo{filter:brightness(1.02) saturate(.65)}[data-mood=day] .hero-photo{filter:brightness(1.11) saturate(.65)}[data-mood=day] .hero:after{background:#7cb4f114}[data-mood=night] .hero-night{opacity:1}[data-mood=night] .hero-photo{opacity:0}[data-mood=morning] .hero:after{background:#e5b1a41a}.hero-body{position:relative;width:100%;padding:162px 0 185px}.hero-copy{width:650px;max-width:60%}.hero .eyebrow{display:flex;align-items:center;gap:16px;color:#e6d6b7;margin-bottom:25px;font-size:9px;letter-spacing:2.4px}.hero h1{max-width:650px}.hero h1 em{display:block;color:#e4cc9b}.hero-lead{font-size:15px;line-height:1.8;max-width:415px;margin:25px 0 30px;color:#d7d9da}.hero-small{font-size:10px;color:#c9ccce;margin-top:18px;letter-spacing:.2px}.hero-samples{position:absolute;right:0;top:202px;display:grid;gap:18px;width:244px}.sample-label{text-align:right;color:#e7e5e0bd;letter-spacing:1.8px;font-size:8px;text-transform:uppercase;padding-right:4px}.hot-card{display:grid;grid-template-columns:31px 1fr 15px;align-items:center;text-align:left;gap:12px;padding:18px;background:linear-gradient(120deg,#b49a7238,#18202985);border:1px solid #eee4cc59;border-radius:10px;box-shadow:0 16px 36px #0002,0 1px 0 #fff2 inset;backdrop-filter:blur(18px);transition:transform .25s,background .25s}.hot-card:hover{transform:translateX(-7px);background:#504637bf}.hot-card strong{font-size:12px;font-weight:500;display:block}.hot-card small{font-size:10px;color:#d1d1cb;display:block;line-height:1.55;margin-top:4px}.hot-card>.icon:first-child{width:29px;height:29px}.hot-card>.icon:last-child{width:15px}.hot-card:nth-child(3){transform:translateX(-28px)}.hot-card:nth-child(3):hover{transform:translateX(-35px)}.hero-footer{position:absolute;left:0;right:0;bottom:35px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #fff3;padding-top:26px}.benefits{display:flex;gap:35px}.benefit{display:flex;align-items:center;gap:11px;font-size:10px;line-height:1.6;max-width:155px}.benefit .icon{color:var(--gold);width:23px;height:23px}.scroll-link{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:2px;color:#c2c6c9}.scroll-link .icon{width:16px;height:16px}.image-note{position:absolute;right:25px;bottom:9px;font-size:8px;color:#b3b9bd;letter-spacing:.4px}.intro-strip{border-bottom:1px solid var(--line);background:#13171c}.intro-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:29px;padding-bottom:29px}.intro-strip h2{font-size:25px;letter-spacing:-0.5px;max-width:380px}.intro-strip p{font-size:12px;max-width:460px;align-self:center}.roles-section{background:radial-gradient(ellipse at 40% 10%,#23303d3b,transparent 65%)}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.role-card{position:relative;min-height:184px;text-align:left;padding:25px 23px;background:linear-gradient(145deg,#252b3180,#15191e);border:1px solid #d4dae326;border-radius:6px;transition:border-color .2s,transform .2s;overflow:hidden}.role-card:hover{transform:translateY(-4px);border-color:#d9b97680}.role-card[aria-pressed=true]{border-color:var(--gold-deep);background:linear-gradient(145deg,#5b4e3538,#191d23)}.role-card .icon{width:26px;height:26px;color:var(--gold);margin-bottom:22px}.role-card .role-no{position:absolute;right:20px;top:22px;font-size:9px;letter-spacing:1px;color:#8f989f}.role-card strong{display:block;font-family:Georgia,serif;font-size:23px;font-weight:400}.role-card p{font-size:11px;margin-top:8px;line-height:1.6}.role-detail{display:grid;grid-template-columns:1fr 1.45fr;gap:30px;padding:27px 0 0;min-height:105px}.role-detail h3{font-size:23px}.role-detail p{font-size:13px;line-height:1.8}.role-detail .eyebrow{font-size:8px;margin-bottom:8px}.building-section{position:relative;isolation:isolate;min-height:660px;background:#0b1621;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.building-photo{position:absolute;inset:0;background-image:var(--building);background-size:cover;background-position:center;z-index:-2}.building-section:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b1118f5,#0b1118c2 26%,#0b11180a 70%),linear-gradient(0deg,#0b1118b0,transparent 35%)}.building-inner{position:relative;min-height:660px;padding:58px 0 50px}.building-copy{max-width:325px}.building-copy h2{margin:17px 0}.building-copy>p:not(.eyebrow){font-size:13px;max-width:282px}.building-kicker{color:#d1c5b2;font-size:10px;margin-top:22px;display:flex;gap:9px;align-items:center}.zone-detail{margin-top:28px;padding:22px;background:#131c26d9;backdrop-filter:blur(18px);border:1px solid #d9b97660;border-radius:6px;max-width:315px;min-height:195px}.zone-detail .eyebrow{font-size:8px}.zone-detail h3{font-size:24px;margin:10px 0}.zone-detail p{font-size:11px;color:#c0c8cc}.zone-detail .zone-plan{margin-top:13px;color:var(--gold);font-size:9px}.zone{position:absolute;border:1px solid #e9dfc788;display:flex;align-items:center;gap:8px;min-height:41px;border-radius:5px;padding:10px 14px;background:#131b24d9;backdrop-filter:blur(12px);font-size:10px;box-shadow:0 6px 22px #0004}.zone:before{content:'';width:7px;height:7px;border-radius:50%;background:#d9b976;box-shadow:0 0 0 4px #d9b97620}.zone[aria-pressed=true]{border-color:#f2ce83;background:#4c4026ed;color:#ffedc3}.zone:hover{background:#293443f0}.zone[data-zone=lobby]{left:65%;top:76%}.zone[data-zone=amenities]{left:54%;top:51%}.zone[data-zone=residences]{left:72%;top:33%}.zone[data-zone=rooftop]{left:61%;top:14%}.building-caption{position:absolute;right:0;bottom:19px;color:#bac2c7;font-size:8px;letter-spacing:.4px}.challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.challenge{border-top:1px solid #c3b28e50;padding-top:26px}.challenge .icon{color:var(--gold);width:26px;height:26px;margin-bottom:21px}.challenge h3{font-size:28px;max-width:240px;margin-bottom:14px}.challenge p{font-size:13px;max-width:300px;min-height:71px}.challenge .text-link{background:none;padding:10px 0;margin-top:14px;border:0;border-bottom:1px solid #d9b97660}.ecosystem-section{background:#14191f;border-block:1px solid var(--line)}.ecosystem-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.ecosystem-copy h2{margin:18px 0 20px}.ecosystem-copy>p{font-size:13px;max-width:400px}.orbit{position:relative;height:430px;max-width:540px;width:100%;margin:auto}.orbit-ring{position:absolute;width:320px;height:320px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #d9b97630;border-radius:50%}.orbit-ring.second{width:204px;height:204px;border-color:#d9b97615}.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:132px;height:132px;border:1px solid #d9b97677;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;background:radial-gradient(#43433270,#191f28);box-shadow:0 0 60px #d9b97612}.orbit-core strong{font-family:Georgia,serif;font-size:20px;font-weight:400}.orbit-core small{font-size:8px;letter-spacing:2px;color:var(--gold);margin-top:6px}.orbit-core:after{content:'';position:absolute;inset:-8px;border:1px solid #d9b97616;border-radius:50%;animation:core-pulse 4s ease-in-out infinite}.orbit-node{position:absolute;transform:translate(-50%,-50%);width:133px;min-height:65px;border:1px solid #b1bdcb2b;border-radius:7px;background:#20262e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px;color:#d5d8dc;font-size:9px}.orbit-node .icon{width:20px;height:20px;color:var(--gold)}.orbit-node[aria-pressed=true]{border-color:var(--gold);background:#353127}.orbit-node:hover{background:#2d333d}.orbit-node:nth-of-type(1){left:50%;top:10%}.orbit-node:nth-of-type(2){left:83%;top:30%}.orbit-node:nth-of-type(3){left:83%;top:71%}.orbit-node:nth-of-type(4){left:50%;top:91%}.orbit-node:nth-of-type(5){left:17%;top:71%}.orbit-node:nth-of-type(6){left:17%;top:30%}.feature-readout{margin-top:28px;padding:24px 0;border-top:1px solid var(--line);min-height:165px}.feature-readout .eyebrow{font-size:8px}.feature-readout h3{font-size:26px;margin:10px 0}.feature-readout p{font-size:12px;max-width:370px}.sample-tag{display:inline-flex;align-items:center;gap:7px;border:1px solid #b7c7d24d;border-radius:4px;padding:6px 10px;font-size:8px;letter-spacing:1.3px;color:#c5ced6;text-transform:uppercase;white-space:nowrap}.sample-tag:before{content:'';width:4px;height:4px;border-radius:50%;background:#9ab8e2}.visibility-grid{display:grid;grid-template-columns:1.2fr 1fr .85fr;gap:18px}.metric-card{background:linear-gradient(150deg,#242c36,#171c23);border:1px solid #b6c7dc24;border-radius:7px;padding:27px;min-width:0}.metric-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#b8c3cc;gap:10px}.metric-head .icon{color:#aac8ee;width:17px;height:17px}.metric-num{font-size:48px;letter-spacing:-2px;font-family:Georgia,serif;margin-top:18px;line-height:1.25;color:var(--paper)}.metric-num small{font-size:20px;letter-spacing:0}.metric-caption{font-size:10px;margin-top:4px;color:#bdc5ce}.mini-bars{height:69px;display:flex;gap:6px;align-items:end;margin-top:30px;border-bottom:1px solid #b6c7dc20}.mini-bars span{flex:1;background:linear-gradient(#a1badd,#526d91);border-radius:2px 2px 0 0}.chart-labels{display:flex;justify-content:space-between;margin-top:10px;font-size:8px;color:#c1c9d0}.hour-map{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin-top:23px}.hour-map span{height:15px;border-radius:2px;background:#31415a}.hour-map span:nth-child(5n){background:#647fa4}.hour-map span:nth-child(11n){background:#ccaf71}.hour-map span:nth-child(7n){background:#a0b7d6}.sample-foot{font-size:10px;text-align:right;color:#adb6bf;margin-top:15px}.metric-status{display:flex;justify-content:space-between;gap:10px;font-size:10px;padding:10px 0;border-bottom:1px solid #ffffff15}.metric-status:last-child{border-bottom:0}.metric-status span:last-child{color:#b7c9a1}.metric-list{margin-top:20px}.pricing{background:radial-gradient(ellipse at top,#33302655,transparent 65%),#14181d;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pricing-head{align-items:end}.pricing-intro{display:flex;gap:22px;align-items:center;margin-top:21px;font-size:12px}.pricing-intro span{color:#c6c9cb}.pricing-intro .icon{width:17px;color:var(--gold);margin-right:7px}.billing-controls{display:flex;padding:5px;border:1px solid #b6c7dc29;border-radius:30px;background:#0f1317;gap:4px;flex-shrink:0}.billing-controls button{border:0;border-radius:24px;min-height:37px;padding:8px 18px;font-size:11px;background:transparent;color:#c4c9cd}.billing-controls button[aria-pressed=true]{background:#e0c288;color:#171a20}.billing-controls .save{font-size:8px;margin-left:7px;color:inherit}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}.price-card{position:relative;background:linear-gradient(155deg,#262b3260,#14191eb0);border:1px solid #c4c9d032;border-radius:6px;padding:27px 23px;display:flex;flex-direction:column}.price-card.featured{border:1px solid var(--gold-deep);box-shadow:0 0 50px #d9b97609}.price-featured-label{position:absolute;top:-12px;left:25px;right:25px;text-align:center;background:#d9b976;color:#15191e;font-size:8px;letter-spacing:1px;padding:5px;border-radius:3px}.price-name{font-size:11px;color:var(--gold);margin-bottom:11px;letter-spacing:.3px}.price-card h3{font-size:23px;min-height:53px}.price-value{font:34px/1.3 Georgia,serif;letter-spacing:-1px;margin:20px 0 2px;white-space:nowrap}.price-value.custom{font-size:31px}.price-value small{font:10px Arial,sans-serif;color:#bdc4cb;letter-spacing:0}.price-context{font-size:10px;color:#b6bdc2;min-height:42px}.price-card ul{padding:19px 0 0;margin:18px 0 24px;list-style:none;border-top:1px solid #ffffff20;flex:1}.price-card li{font-size:10px;line-height:1.65;padding:6px 0 6px 20px;position:relative;color:#cfd3d6}.price-card li:before{content:'✓';position:absolute;left:0;color:var(--gold)}.price-card .btn{font-size:10px;min-height:43px;padding:11px 12px;gap:10px}.price-note{font-size:10px;line-height:1.8;margin-top:22px;color:#b4bdc4;max-width:920px}.price-note strong{font-weight:500;color:#e0e3e5}.comparison{display:grid;grid-template-columns:.9fr 1.3fr;gap:85px;align-items:center}.comparison h2{margin:17px 0 18px}.comparison>div>p:not(.eyebrow){font-size:13px;max-width:330px}.compare-table{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:7px;overflow:hidden}.compare-col{padding:27px 24px;background:#1a1f25}.compare-col.after{background:linear-gradient(#3d3b293f,#1e241e66);border-left:1px solid var(--line)}.compare-col h3{font:10px Arial,sans-serif;letter-spacing:1.6px;color:#b6bcc2;margin-bottom:24px}.compare-col.after h3{color:var(--gold)}.compare-col p{font-size:12px;min-height:69px;padding:11px 0;border-bottom:1px solid #ffffff15}.compare-col p:last-child{border:0;min-height:auto}.compare-col.after p{color:#e0e4dc}.rooftop{position:relative;isolation:isolate;background:#121923;min-height:455px;display:flex;align-items:center;overflow:hidden}.rooftop:before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--terrace);background-position:center 57%;background-size:cover}.rooftop:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c131df2,#0c131d85 55%,#0c131d10),linear-gradient(0deg,#0c131d66,transparent)}.rooftop-content{padding:75px 0}.rooftop h2{font-size:clamp(38px,4vw,60px);max-width:670px;margin:20px 0}.rooftop p{font-size:13px;max-width:430px;color:#d0d4d7;margin-bottom:25px}.footer{padding:48px 0 24px;background:#0b0f13}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:45px}.footer .brand{margin-bottom:20px}.footer .wordmark{font-size:24px}.footer .brand img{width:32px;height:39px}.footer-copy{max-width:285px;font-size:11px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.footer-links h3{font:9px Arial,sans-serif;letter-spacing:1.5px;margin-bottom:15px;color:#bac1c7}.footer-links a{display:block;font-size:11px;min-height:34px;color:#959fa9}.footer-links a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:23px;margin-top:40px;font-size:9px;color:#939da7}.footer-bottom a{margin-left:24px}.footer-bottom p{font-size:9px}.login-screen{min-height:calc(100svh - 31px);position:relative;isolation:isolate;padding:60px 0;background:#10151b}.login-screen:before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--night);background-size:cover;background-position:center}.login-screen:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d131cd9,#0d131c55 53%,#0d131cd4)}.login-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:68px}.login-top>a:last-child{font-size:12px;display:flex;align-items:center;gap:12px;min-height:44px}.login-layout{display:grid;grid-template-columns:1fr 480px;gap:100px;align-items:center}.login-editorial h1{font-size:clamp(48px,4.5vw,70px);margin:25px 0}.login-editorial p:not(.eyebrow){max-width:365px;font-size:14px;color:#c3c9d0}.login-editorial .login-promise{margin-top:55px;padding-top:22px;border-top:1px solid #ffffff30;font-size:10px;color:#e3d5bb;max-width:360px;display:flex;align-items:center;gap:12px}.login-card{background:#181e26ed;border:1px solid #d5dce230;border-radius:12px;padding:39px;box-shadow:0 25px 80px #0004;backdrop-filter:blur(24px)}.login-tabs{display:flex;border-bottom:1px solid #ffffff26;margin-bottom:29px}.login-tabs button{border:0;border-bottom:2px solid transparent;background:none;font-size:11px;padding:0 12px 15px;min-height:44px;color:#aeb9c3;flex:1}.login-tabs button[aria-pressed=true]{color:var(--gold);border-bottom-color:var(--gold)}.login-card .eyebrow{font-size:8px}.login-card h2{font-size:36px;letter-spacing:-1px;margin:11px 0}.login-description{font-size:12px;margin-bottom:24px}.field{display:block;font-size:10px;color:#c1c9d1;margin:17px 0 0;letter-spacing:.1px}.field input{display:block;margin-top:8px;min-height:48px;background:#0c121a7d;border:1px solid #b4c1d240;color:#e0e6eb;border-radius:5px;padding:11px 13px;width:100%;font-size:14px}.field input::placeholder{color:#778595}.password-wrap{position:relative}.password-wrap input{padding-right:48px}.show-password{position:absolute;right:1px;bottom:1px;width:45px;min-height:46px;background:none;border:0;color:#aab6c2;display:flex;align-items:center;justify-content:center}.login-options{display:flex;justify-content:space-between;align-items:center;margin:10px 0 17px;gap:15px}.login-options small{font-size:9px;color:#9eabb7}.login-options .quiet{font-size:10px}.login-submit{width:100%}.login-preview-note{font-size:9px;line-height:1.65;margin-top:14px;padding:10px 12px;background:#91b5e10c;border-left:2px solid #91b5e159;color:#afc1d5}.login-signup{font-size:10px;text-align:center;margin-top:20px}.login-signup a{color:var(--gold);margin-left:4px}.resident-callout{margin-top:24px;border-top:1px solid #ffffff22;padding-top:17px;font-size:11px;display:flex;gap:15px;align-items:start;color:#aebac5}.resident-callout>.icon{color:var(--gold);width:22px;height:22px;margin-top:6px}.resident-callout strong{font-weight:500;color:#d5dce3}.resident-callout p{font-size:10px;line-height:1.7}.resident-callout .quiet{color:var(--gold);font-size:10px;min-height:30px}.login-footer{display:flex;justify-content:space-between;gap:20px;margin-top:55px;color:#aeb9c2;font-size:9px}.resident-panel{text-align:center;padding:10px 0}.resident-panel>.icon{width:50px;height:50px;color:var(--gold);margin:10px auto 20px}.resident-panel h2{font-size:32px}.resident-panel p{font-size:12px;margin:15px 0 25px}.resident-steps{list-style:none;padding:0;margin:24px 0;text-align:left}.resident-steps li{display:flex;gap:14px;font-size:11px;color:#cbd3db;padding:13px 0;border-bottom:1px solid #ffffff18}.resident-steps b{font-weight:400;color:var(--gold);width:18px}.resident-panel .btn{width:100%}.dialog{border:1px solid #b5c2d23d;background:#181e26;color:var(--paper);padding:0;width:min(560px,calc(100% - 36px));border-radius:12px;max-height:85svh;overflow-y:auto;box-shadow:0 35px 150px #000a}.dialog::backdrop{background:#080e17bc;backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 0}.dialog-head>.eyebrow{font-size:8px}.close-dialog{border:1px solid #ffffff30;background:none;border-radius:50%;width:38px;min-height:38px;display:flex;align-items:center;justify-content:center}.close-dialog .icon{width:17px;height:17px}.dialog-body{padding:21px 32px 32px}.dialog-body h2{font-size:35px;margin:0 0 16px;letter-spacing:-0.8px}.dialog-body p{font-size:13px;line-height:1.85}.dialog-body .button-row{margin-top:25px}.dialog-body ul{padding-left:19px;color:#bfc8d1;font-size:12px;line-height:1.9;margin:16px 0}.dialog-body .note{font-size:10px;margin-top:18px;color:#a5b3c0}.flow{margin:22px 0}.flow-step{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #ffffff20}.flow-step>span{border:1px solid #d9b97670;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--gold);flex-shrink:0}.flow-step strong{display:block;font-size:12px;font-weight:500}.flow-step small{display:block;font-size:10px;color:#abb8c5;margin-top:3px}.form-error{font-size:11px;color:#ffd0ba;margin:12px 0}.footer-legal{display:flex;align-items:center}.screen-note{font-size:8px;letter-spacing:.2px;color:#9aa7b4;text-align:right;margin-top:24px}.no-script{padding:30px;background:#272522;color:var(--paper);position:relative;z-index:45}.no-script a{text-decoration:underline}
@keyframes core-pulse{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
@media(min-width:1550px){.hero-body{padding-top:180px;padding-bottom:200px}.hero-samples{top:225px;right:20px}}
@media(max-width:1200px){.wrap{width:calc(100% - 72px)}.nav-inner{gap:18px}.nav-links{gap:17px}.nav-actions{gap:15px}.brand .wordmark{font-size:24px}.brand img{width:32px}.nav-actions .btn{padding:10px 12px}.hero-copy{max-width:63%}.hero-samples{width:225px}.hero h1{font-size:68px}.hot-card{padding:16px}.section{padding:82px 0}.ecosystem-layout{gap:35px}.price-card{padding:27px 17px}.price-value{font-size:30px}.price-card h3{font-size:22px}.price-grid{gap:11px}.login-layout{gap:55px;grid-template-columns:1fr 440px}.login-card{padding:32px}.visibility-grid{grid-template-columns:1.1fr 1fr .9fr}.metric-card{padding:22px}.metric-num{font-size:42px}.comparison{gap:50px}.footer-links{gap:35px}}
@media(max-width:1000px){.nav-links{display:none}.nav-actions{margin-left:auto}.nav-actions>a:not(.btn){display:none}.mobile-toggle{display:block}.hero h1{font-size:60px}.hero-copy{max-width:65%}.hero-samples{width:208px}.hot-card{grid-template-columns:23px 1fr 12px;gap:9px;padding:14px}.hot-card strong{font-size:11px}.hot-card>.icon:first-child{width:23px}.hero-body{padding-top:165px;padding-bottom:200px}.hero-small{max-width:300px}.hero-footer .benefits{gap:25px}.scroll-link{display:none}.role-grid{gap:12px}.role-card{padding:21px 17px}.role-card strong{font-size:21px}.role-card p{font-size:10px}.building-copy{max-width:290px}.building-copy h2{font-size:42px}.zone-detail{max-width:280px}.zone{font-size:9px;padding:9px 10px}.zone[data-zone=amenities]{left:52%}.zone[data-zone=residences]{left:76%}.ecosystem-layout{grid-template-columns:1fr 1fr;gap:10px}.orbit-node{width:111px;font-size:9px}.orbit-ring{width:275px;height:275px}.orbit-core{width:113px;height:113px}.orbit{height:400px}.visibility-grid{grid-template-columns:1fr 1fr}.metric-card:last-child{display:grid;grid-template-columns:1fr 1fr;grid-column:1/-1;gap:0 40px}.metric-card:last-child .metric-head{grid-column:1}.metric-card:last-child .metric-list{grid-column:2;grid-row:1/4;margin:0}.metric-card:last-child .metric-num{margin:12px 0 0}.price-grid{grid-template-columns:repeat(2,1fr);gap:28px 18px}.price-card{padding:28px}.price-card h3{min-height:0}.price-value{font-size:37px}.price-card ul{margin-top:12px}.price-context{min-height:28px}.comparison{gap:30px}.compare-col{padding:24px 18px}.login-layout{grid-template-columns:1fr 405px;gap:35px}.login-editorial h1{font-size:53px}.login-top{margin-bottom:46px}.login-editorial .login-promise{margin-top:35px}.login-card{padding:27px}.login-top .brand .wordmark{font-size:27px}.footer-links{gap:25px}.footer-copy{max-width:230px}}
@media(max-width:760px){html{scroll-padding-top:95px}.wrap{width:calc(100% - 44px)}.design-bar{padding:0 13px;font-size:8px;letter-spacing:.7px}.design-bar .preview-label{display:none}.design-nav{gap:1px}.design-nav a{padding-inline:7px}.masthead{margin-bottom:-73px}.nav-inner{height:73px;gap:10px}.nav-actions{gap:10px}.nav-actions>.btn{display:none}.brand .wordmark{font-size:24px}.brand img{width:31px;height:40px}.brand small{font-size:5px;letter-spacing:1.2px}.mood-control{width:100px;min-height:39px;font-size:10px;padding:0 8px}.mobile-toggle{padding:9px;min-height:40px}.mobile-toggle .icon{width:18px;height:18px}.hero{min-height:925px;display:block}.hero-body{padding:139px 0 80px}.hero-copy{max-width:100%;width:100%}.hero h1{font-size:61px;letter-spacing:-2.5px;max-width:570px}.hero .eyebrow{font-size:8px;letter-spacing:1.65px;margin-bottom:22px;gap:12px}.hero .eyebrow .rule{width:28px}.hero-lead{font-size:14px;max-width:375px;margin:24px 0}.hero:before{background:linear-gradient(90deg,#0b1017df,#0b101776 65%,#0b101736),linear-gradient(0deg,#101419 0%,transparent 43%)}.hero-photo,.hero-night{background-position:65% center}.hero-small{max-width:100%;font-size:9px}.hero-samples{position:relative;right:auto;top:auto;margin-top:39px;width:100%;display:flex;gap:12px}.sample-label{position:absolute;top:-19px;left:0;font-size:7px;text-align:left}.hot-card{flex:1;min-width:0;display:block;padding:15px 13px}.hot-card>.icon:first-child{width:20px;height:20px;margin-bottom:10px}.hot-card>.icon:last-child{display:none}.hot-card strong{font-size:10px;line-height:1.5}.hot-card small{font-size:9px;margin-top:5px}.hot-card:nth-child(3),.hot-card:nth-child(3):hover{transform:none}.hot-card:hover{transform:translateY(-3px)}.hero-footer{bottom:27px}.hero-bottom{padding-top:20px}.benefits{gap:14px;width:100%;justify-content:space-between}.benefit{font-size:9px;gap:8px;max-width:130px}.benefit .icon{width:20px;height:20px}.image-note{right:18px;bottom:6px;font-size:7px}.intro-strip .wrap{grid-template-columns:1fr;gap:15px;padding-block:32px}.intro-strip h2{max-width:370px;font-size:25px}.intro-strip p{font-size:12px;max-width:none}.section{padding:67px 0}.section-top{display:block;margin-bottom:31px}.section-top>p{max-width:none;margin-top:18px;font-size:12px}.section-top h2{font-size:39px}.section-top .eyebrow{font-size:8px}.role-grid{grid-template-columns:1fr 1fr;gap:12px}.role-card{min-height:173px;padding:21px}.role-card strong{font-size:23px}.role-card p{font-size:11px}.role-detail{grid-template-columns:1fr;gap:12px;min-height:170px}.role-detail h3{font-size:25px}.role-detail p{font-size:12px}.building-section{min-height:935px}.building-inner{min-height:935px;padding:45px 0 40px}.building-photo{background-size:auto 550px;background-repeat:no-repeat;background-position:58% 30px}.building-section:after{background:linear-gradient(0deg,#0b1118 29%,#0b11181a 50%,#0b111855),linear-gradient(90deg,#0b11184d,transparent)}.building-copy{max-width:none;padding-top:510px}.building-copy h2{font-size:39px;margin:12px 0}.building-copy h2 br{display:none}.building-copy>p:not(.eyebrow){max-width:none;font-size:12px}.building-copy>.eyebrow{font-size:8px}.building-kicker{position:absolute;top:455px;left:0;font-size:10px;margin:0;color:#dde2e5}.zone-detail{margin-top:22px;max-width:none;min-height:155px;padding:19px}.zone-detail h3{font-size:26px}.zone-detail p{font-size:12px}.zone[data-zone=lobby]{left:52%;top:390px}.zone[data-zone=amenities]{left:22%;top:280px}.zone[data-zone=residences]{left:61%;top:185px}.zone[data-zone=rooftop]{left:39%;top:78px}.zone{font-size:10px;padding:10px 12px;min-height:44px}.building-caption{font-size:7px;bottom:14px;right:auto;left:0}.challenge-grid{grid-template-columns:1fr;gap:31px}.challenge{display:grid;grid-template-columns:42px 1fr;gap:0 13px;padding-top:26px}.challenge>.icon{grid-row:1/4;margin:1px 0}.challenge h3{font-size:29px;max-width:none}.challenge p{min-height:0;max-width:none;font-size:12px}.challenge .text-link{justify-self:start;grid-column:2;margin-top:5px}.ecosystem-layout{display:flex;flex-direction:column-reverse;gap:16px}.ecosystem-copy{width:100%}.ecosystem-copy h2{font-size:39px;margin-top:15px}.ecosystem-copy>p{max-width:none;font-size:12px}.feature-readout{min-height:135px;margin-top:24px;padding:19px 0}.feature-readout p{max-width:none}.orbit{height:380px;max-width:450px}.orbit-node{width:122px}.orbit-ring{width:260px;height:260px}.orbit-core{width:118px;height:118px}.orbit-node:nth-of-type(2),.orbit-node:nth-of-type(3){left:82%}.orbit-node:nth-of-type(5),.orbit-node:nth-of-type(6){left:18%}.visibility-grid{gap:13px}.metric-card{padding:20px}.metric-num{font-size:39px}.metric-head{font-size:9px}.metric-caption{font-size:9px}.mini-bars{gap:4px}.sample-tag{margin-top:18px}.sample-foot{text-align:left;font-size:9px;line-height:1.8}.pricing-head{margin-bottom:38px}.billing-controls{display:inline-flex;margin-top:26px}.pricing-intro{gap:12px;font-size:10px;flex-wrap:wrap}.price-grid{gap:26px 14px}.price-card{padding:24px 18px}.price-card h3{font-size:22px}.price-value{font-size:32px}.price-value.custom{font-size:27px}.price-card li{font-size:10px}.price-name{font-size:10px}.price-featured-label{left:17px;right:17px;font-size:7px}.price-note{font-size:9px;line-height:1.85}.comparison{grid-template-columns:1fr;gap:30px}.comparison h2{font-size:39px}.comparison>div>p:not(.eyebrow){max-width:none;font-size:12px}.compare-col{padding:25px 19px}.compare-col p{font-size:12px;min-height:74px}.rooftop{min-height:480px}.rooftop:before{background-position:60% center}.rooftop:after{background:linear-gradient(90deg,#0c131ddb,#0c131d6e),linear-gradient(0deg,#0c131d88,transparent)}.rooftop-content{padding:60px 0}.rooftop h2{font-size:44px;max-width:460px}.rooftop .eyebrow{font-size:8px}.rooftop p{max-width:350px;font-size:12px}.footer-top{display:block}.footer-links{margin-top:33px;gap:20px}.footer-copy{max-width:340px}.footer-bottom{display:block;margin-top:30px;line-height:1.8}.footer-legal{margin-top:15px;gap:24px}.footer-bottom a{margin:0}.footer-links a{font-size:10px;min-height:38px}.footer-links h3{font-size:8px}.login-screen{padding:26px 0}.login-top{margin-bottom:40px}.login-top>a:last-child{font-size:10px;gap:7px}.login-top>a:last-child .icon{width:16px}.login-layout{grid-template-columns:1fr;gap:32px}.login-editorial h1{font-size:46px;margin:15px 0 15px}.login-editorial h1 br{display:none}.login-editorial p:not(.eyebrow){font-size:12px;max-width:400px}.login-editorial .eyebrow{font-size:8px}.login-editorial .login-promise{display:none}.login-card{width:100%;max-width:480px;margin:auto;padding:30px}.login-footer{margin-top:32px;font-size:8px;flex-wrap:wrap}.login-screen:after{background:linear-gradient(#0d131c8a,#0d131ce0)}.login-card h2{font-size:33px}.dialog-body{padding:20px 24px 27px}.dialog-body h2{font-size:30px}.dialog-head{padding:20px 24px 0}.dialog-body p{font-size:12px}.screen-note{text-align:left;font-size:7px}.field input{font-size:16px}}
@media(max-width:410px){.wrap{width:calc(100% - 34px)}.brand .wordmark{font-size:21px}.brand img{width:26px}.brand small{font-size:4.5px}.nav-actions{gap:7px}.mood-control{width:90px;font-size:9px}.mood-control .icon{width:13px}.hero h1{font-size:51px}.hero{min-height:940px}.hero .eyebrow{font-size:7px;letter-spacing:1.3px}.hero-lead{font-size:13px}.hero .button-row{gap:10px}.hero .btn{font-size:11px;padding:12px 16px;gap:12px}.hot-card{padding:13px 10px}.hero-samples{gap:9px}.hot-card strong{font-size:9px}.hot-card small{font-size:8px}.benefit{font-size:8px;gap:7px;max-width:100px}.benefit .icon{width:17px}.role-card{padding:21px 16px}.role-card strong{font-size:21px}.role-card p{font-size:10px}.role-detail{min-height:180px}.price-grid{grid-template-columns:1fr}.price-card{padding:26px}.price-card h3{font-size:26px}.price-card li{font-size:12px}.price-name{font-size:11px}.price-context{font-size:11px}.price-value{font-size:40px}.price-value.custom{font-size:37px}.price-card .btn{font-size:12px}.price-featured-label{font-size:8px}.visibility-grid{grid-template-columns:1fr}.metric-card:last-child{display:block;grid-column:auto}.metric-card:last-child .metric-list{margin-top:20px}.metric-num{font-size:45px}.metric-head,.metric-caption{font-size:11px}.metric-status{font-size:11px}.orbit-node{width:106px;min-height:63px}.orbit-node:nth-of-type(2),.orbit-node:nth-of-type(3){left:82%}.orbit-node:nth-of-type(5),.orbit-node:nth-of-type(6){left:18%}.orbit{height:350px}.orbit-ring{width:230px;height:230px}.orbit-core{width:101px;height:101px}.orbit-core strong{font-size:17px}.orbit-core small{font-size:7px}.zone{font-size:9px;padding:9px}.zone[data-zone=residences]{left:63%}.zone[data-zone=amenities]{left:10%}.rooftop h2{font-size:39px}.compare-col{padding:23px 15px}.compare-col p{font-size:11px;min-height:79px}.login-card{padding:24px}.login-top .brand .wordmark{font-size:23px}.login-top>a:last-child{font-size:9px}.design-nav a{font-size:7px}.section-top h2,.building-copy h2,.ecosystem-copy h2,.comparison h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.btn:hover,.role-card:hover,.hot-card:hover{transform:none}}
@media print{.design-bar,.masthead,.hero-samples,.orbit,.login-screen,.dialog{display:none!important}body{background:white;color:black}.section{padding:30px 0}.hero{min-height:500px}.hero-copy{max-width:100%}.wrap{width:94%}.hero-footer{display:none}.section p{color:#555}.price-grid{grid-template-columns:repeat(2,1fr)}.price-card{break-inside:avoid}.image-note{display:none}}

/* ARRIVAL REFINEMENT: one master lobby, four lighting treatments, natural proportions. */
.hero-photo,.hero-night{background-position:right center}.hero-photo{filter:brightness(.78) sepia(.24) saturate(.94)}.hero-night{background-image:var(--lobby);filter:brightness(.42) saturate(.6) contrast(1.13)}
[data-mood=morning] .hero-photo{filter:brightness(.94) sepia(.12) saturate(.8)}[data-mood=noon] .hero-photo{filter:brightness(1.04) saturate(.91)}
[data-mood=evening] .hero:after{background:linear-gradient(90deg,transparent 22%,#ffb66025 67%,#bf80330c)}[data-mood=morning] .hero:after{background:linear-gradient(120deg,#ffd1ae15,transparent 60%)}[data-mood=noon] .hero:after{background:transparent}[data-mood=night] .hero:after{background:linear-gradient(90deg,#10203410 35%,#153b6659 63%,#c28a2409 82%)}
.hero-samples{width:212px;right:24%;top:198px}.hot-card{padding:15px 13px;gap:9px}.hot-card strong{font-size:10px}.hot-card small{font-size:9px}.hot-card>.icon:first-child{width:23px;height:23px}.sample-label{font-size:7px;letter-spacing:1.1px;white-space:nowrap}.hero:before{background:linear-gradient(90deg,#090d11de 0%,#090d117c 34%,#090d1100 66%),linear-gradient(0deg,#101419 0%,transparent 27%,#0e111518 80%)}
.hero-copy{max-width:54%}.hero h1{font-size:clamp(55px,5.1vw,79px)}.hero-lead{max-width:400px}.hero-small{max-width:380px}.login-screen:before{background-image:var(--lobby);filter:brightness(.57) saturate(.7);background-position:right center}
.hero-copy>.eyebrow{animation:arrival-reveal .7s .08s both}.hero-copy h1{animation:arrival-reveal .8s .16s both}.hero-lead{animation:arrival-reveal .75s .26s both}.hero-copy .button-row,.hero-small{animation:arrival-reveal .7s .36s both}.hero-samples .hot-card{animation:arrival-reveal .75s .46s both}.hero-samples .hot-card:nth-of-type(2){animation-delay:.56s}.hero-samples .hot-card:nth-of-type(3){animation-delay:.66s}.login-card{animation:arrival-reveal .65s .1s both}.orbit-core:after{animation:none;transition:opacity .6s,transform .6s}.orbit:hover .orbit-core:after,.orbit:focus-within .orbit-core:after{opacity:1;transform:scale(1.04)}
@keyframes arrival-reveal{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}
@media(min-width:1550px){.hero-samples{right:25%;top:227px}}
@media(max-width:1200px) and (min-width:761px){.hero-samples{right:23%;width:179px;top:200px;gap:13px}.hot-card{grid-template-columns:21px 1fr;padding:13px 10px;gap:8px}.hot-card>.icon:last-child{display:none}.hot-card strong{font-size:9px}.hot-card small{font-size:8px}.sample-label{white-space:normal;font-size:6px}.hero-copy{max-width:55%}.hero h1{font-size:59px}.hero .button-row{max-width:405px}.hero .btn{font-size:10px;padding:12px 16px;gap:12px}.hero-lead{font-size:13px;max-width:340px}}
@media(max-width:1000px) and (min-width:761px){.hero-samples{top:496px;right:28%;width:190px;gap:9px}.hot-card{display:none}.hot-card:first-of-type{display:grid}.hero-copy{max-width:68%}.hero h1{font-size:58px}.hero-lead{max-width:365px}.hero:before{background:linear-gradient(90deg,#090d11eb,#090d1180 45%,#090d1100 78%),linear-gradient(0deg,#101419,transparent 42%)}}
@media(max-width:760px){.hero{min-height:1185px}.hero-body{padding-top:415px;padding-bottom:130px}.hero-photo,.hero-night{background-size:auto 410px;background-position:right 55px;background-repeat:no-repeat}.hero:before{background:linear-gradient(0deg,#101419 0%,#101419 54%,#101419d9 62%,#10141900 81%),linear-gradient(0deg,transparent 75%,#0e111520)}.hero-copy{max-width:100%}.hero h1{font-size:60px}.hero-lead{max-width:410px}.hero-small{max-width:none}.hero-samples{position:relative;top:auto;right:auto;width:100%;margin-top:39px;gap:12px}.hot-card{padding:15px 13px;display:block}.hot-card strong{font-size:10px}.hot-card small{font-size:9px}.hot-card>.icon:first-child{width:20px;height:20px}.sample-label{white-space:normal;font-size:7px}.hero:after{background:transparent!important}[data-mood=night] .hero-night{filter:brightness(.49) saturate(.65) contrast(1.1)}.login-screen:before{background-position:75% top}}
@media(max-width:410px){.hero{min-height:1180px}.hero h1{font-size:51px}.hero-body{padding-top:411px}.hero .button-row{gap:10px}.hero-samples{gap:9px}.hot-card{padding:13px 10px}.hot-card strong{font-size:9px}.hot-card small{font-size:8px}.hero-lead{max-width:350px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-copy>*{opacity:1;translate:none}}

/* SITE ATMOSPHERE: coordinated, smoothly interpolated lighting; scene geometry is invariant. */
:root{--scene-lobby:brightness(.79) sepia(.29) saturate(.91);--scene-outdoor:brightness(.73) sepia(.32) saturate(.88);--scene-login:brightness(.59) sepia(.2) saturate(.78);--scene-tint:rgba(236,159,63,.12);--page-surface:#14191f;--page-base:#0f1115;--accent-light:#d9b976}
[data-mood=morning]{--scene-lobby:brightness(.99) sepia(.12) saturate(.83);--scene-outdoor:brightness(.99) sepia(.14) saturate(.81);--scene-login:brightness(.73) sepia(.08) saturate(.82);--scene-tint:rgba(246,191,161,.07);--page-surface:#1c2024;--page-base:#15171b;--accent-light:#e3c997}
[data-mood=noon]{--scene-lobby:brightness(1.05) sepia(0) saturate(.94);--scene-outdoor:brightness(1.04) sepia(0) saturate(.95);--scene-login:brightness(.77) sepia(0) saturate(.85);--scene-tint:rgba(156,193,230,.02);--page-surface:#1a222c;--page-base:#121820;--accent-light:#e7cc92}
[data-mood=night]{--scene-lobby:brightness(.39) sepia(.07) saturate(.66);--scene-outdoor:brightness(.32) sepia(.04) saturate(.63);--scene-login:brightness(0.4) sepia(0.04) saturate(0.65);--scene-tint:rgba(29, 55, 89, 0.2);--page-surface:#0f1620;--page-base:#090e15;--accent-light:#d3b57d}
body{background-color:var(--page-base);transition:background-color 1.6s ease,color 1.6s ease}.hero .hero-photo{opacity:1;filter:var(--scene-lobby);transition:filter 1.6s ease}.hero .hero-night{display:none}.hero:after,[data-mood=evening] .hero:after,[data-mood=morning] .hero:after,[data-mood=noon] .hero:after,[data-mood=night] .hero:after{background:var(--scene-tint);transition:background-color 1.6s ease}
.building-photo{filter:var(--scene-outdoor);transition:filter 1.6s ease}.building-section:after{background-color:var(--scene-tint);transition:background-color 1.6s ease}.rooftop:before{filter:var(--scene-outdoor);transition:filter 1.6s ease}.rooftop:after{background-color:var(--scene-tint);transition:background-color 1.6s ease}.login-screen:before{filter:var(--scene-login);transition:filter 1.6s ease}
.ecosystem-section,.intro-strip,.pricing{background-color:var(--page-surface);transition:background-color 1.6s ease}.eyebrow,em,.text-link{color:var(--accent-light);transition:color 1.6s ease}.mood-control{transition:background-color .3s,border-color .3s}.mood-control:hover{border-color:var(--gold)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.login-top>a:nth-child(2){margin-left:auto;font-size:12px;display:flex;align-items:center;gap:12px;min-height:44px}.login-mood select{min-height:42px;padding:8px 26px 8px 12px;border:1px solid #ffffff40;background:#18202bea;border-radius:5px;color:var(--paper);font-size:11px}.login-top{gap:23px}.dialog[open]{animation:dialog-arrive .18s ease-out}
@keyframes dialog-arrive{from{opacity:.3;translate:0 5px}to{opacity:1;translate:0 0}}
@media(max-width:760px){.login-top{flex-wrap:wrap;gap:12px}.login-top>a:nth-child(2){font-size:10px;margin-left:auto;gap:7px}.login-mood{margin-left:auto}.login-mood select{font-size:11px;min-height:40px}.login-top{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.dialog[open]{animation:none}}
/* Actual, registered time-of-day photographs; only interface colors are interpolated. */
:root{--lobby-sunrise:url('/redesign/assets/lobby-sunrise-v8.webp');--lobby-noon:url('/redesign/assets/lobby-noon-v8.webp');--lobby-sunset:url('/redesign/assets/lobby-sunset-v8.webp');--lobby-evening:url('/redesign/assets/lobby-evening-v8.webp');--building-sunrise:url('/redesign/assets/building-sunrise-wide.webp');--building-noon:url('/redesign/assets/building-noon-wide.webp');--building-sunset:url('/redesign/assets/building-sunset-wide.webp');--building-evening:url('/redesign/assets/building-evening-wide.webp');--terrace-sunrise:url('/redesign/assets/terrace-sunrise-wide.webp');--terrace-noon:url('/redesign/assets/terrace-noon-wide.webp');--terrace-sunset:url('/redesign/assets/terrace-sunset-wide.webp');--terrace-evening:url('/redesign/assets/terrace-evening-wide.webp');--lobby-position:85%;--lobby-shift:0%;--scene-tint:transparent}
[data-mood=sunrise]{--lobby-active:var(--lobby-sunrise);--building-active:var(--building-sunrise);--terrace-active:var(--terrace-sunrise);--page-surface:#1d2228;--page-base:#13171e;--accent-light:#e6caa0}
[data-mood=noon]{--lobby-active:var(--lobby-noon);--building-active:var(--building-noon);--terrace-active:var(--terrace-noon);--page-surface:#19222d;--page-base:#111923;--accent-light:#e8cc91}
[data-mood=sunset]{--lobby-active:var(--lobby-sunset);--building-active:var(--building-sunset);--terrace-active:var(--terrace-sunset);--page-surface:#231f22;--page-base:#17151a;--accent-light:#e5bb89}
[data-mood=evening]{--lobby-active:var(--lobby-evening);--building-active:var(--building-evening);--terrace-active:var(--terrace-evening);--page-surface:#111923;--page-base:#0b111a;--accent-light:#ddc08a}
.hero:after,.building-section:after,.rooftop:after{background-color:transparent!important}.hero:after{background:none!important}.hero .hero-night{display:none}.hero .hero-photo,.building-photo{background-image:none!important;filter:none!important;opacity:1!important;transition:none!important}
.scene-stage{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-2}.hero .scene-stage{z-index:-3;--scene-active:var(--lobby-active)}.building-photo{--scene-active:var(--building-active)}.rooftop-scene{--scene-active:var(--terrace-active)}.login-scene{--scene-active:var(--lobby-active)}
.scene-layer{position:absolute;inset:0;background-image:var(--scene-active);background-size:cover;background-position:center;opacity:0;pointer-events:none}.scene-layer:first-child{opacity:1}.hero .scene-layer{left:-2%;right:-2%;background-position:var(--lobby-position) center;transform:translateX(var(--lobby-shift));transition:background-position 1.4s cubic-bezier(.22,.61,.36,1),transform 1.4s cubic-bezier(.22,.61,.36,1)}.rooftop-scene .scene-layer{background-position:center 57%}.login-scene .scene-layer{background-position:right center}
.rooftop:before,.login-screen:before{content:none!important}.login-screen{overflow:hidden}.login-screen:after{background:linear-gradient(90deg,#0d131cbd,#0d131c28 53%,#0d131ca3)}.brand img{height:39px;aspect-ratio:1;object-fit:contain}
.lobby-explorer{position:absolute;right:max(52px,calc((100vw - 1280px)/2));bottom:135px;z-index:2;padding:13px 14px 10px;background:#0e171ab3;border:1px solid #e3ca954a;border-radius:8px;backdrop-filter:blur(16px);box-shadow:0 9px 30px #0002;min-width:290px}.view-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:7px}.view-heading>span{font-size:8px;letter-spacing:1.4px;text-transform:uppercase;color:#e1d3bb}.skip-arrival{font-size:9px;border:0;background:none;padding:3px 0;color:#e6ca90;text-decoration:underline;text-underline-offset:4px}.view-buttons{display:flex;gap:4px}.view-buttons button{border:1px solid transparent;border-radius:4px;background:none;color:#cfd4d9;font-size:10px;min-height:37px;padding:7px 12px;display:flex;align-items:center;gap:7px;flex:1;justify-content:center;white-space:nowrap}.view-buttons button:hover{background:#ffffff0c}.view-buttons button[aria-pressed=true]{border-color:#d9b97675;background:#d9b97617;color:#f3dfb8}.view-more{font-size:9px;display:flex;gap:8px;align-items:center;padding:5px 0 0;min-height:28px;border:0;background:none;color:#cbd1d7}.view-more .icon{width:12px;height:12px}.hero-samples [data-lobby-view][aria-pressed=true]{border-color:#f0d190;background:#75614474}.mood-local{border-top:1px solid #ffffff1c!important;margin-top:5px!important;display:block!important;text-align:center!important;font-size:11px;color:#e8cb8e!important;min-height:40px}.design-bar button{border:0;background:none;color:#dfc48c;font-size:9px;letter-spacing:1px;padding:5px 9px;min-height:30px}.brand-study-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.brand-study-card{padding:25px 15px 17px;border:1px solid #ffffff2a;border-radius:7px;text-align:center;background:#171f28}.brand-study-card:first-child{border-color:#d9b97670}.brand-study-card svg{width:82px;height:82px;margin:5px auto 24px;display:block}.brand-study-card h3{font-size:21px;margin-bottom:9px}.brand-study-card p{font-size:11px;line-height:1.7}.brand-study-card small{font-size:9px;color:#d9b976}.dialog:has(.brand-study-grid){max-width:880px;width:min(880px,calc(100% - 36px))}
/* Each section arrives once. No endless sparkles, zooming or scroll-linked parallax. */
.motion-ready{opacity:0;translate:0 12px;transition:opacity .65s ease,translate .8s cubic-bezier(.22,.61,.36,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready.is-revealed{opacity:1;translate:0 0}.section-top{position:relative}.section-top:after{content:'';position:absolute;left:0;bottom:-14px;width:48px;height:1px;background:linear-gradient(90deg,#e7ca94,#e7ca9420);transform:scaleX(0);transform-origin:left;transition:transform 1s .2s cubic-bezier(.22,.61,.36,1)}.section-top.is-revealed:after{transform:scaleX(1)}
.challenge{position:relative;border-top-color:#c3b28e18}.challenge:before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,#d4b57b99,#d4b57b22);transform:scaleX(0);transform-origin:left;transition:transform 1s .12s}.challenge.is-revealed:before{transform:scaleX(1)}
.ecosystem-copy h2 em,.comparison h2 em{background-image:linear-gradient(90deg,#d9b97680,#d9b97608);background-size:0 1px;background-position:left bottom;background-repeat:no-repeat;transition:background-size 1.1s .25s,color 1.6s}.is-revealed h2 em{background-size:100% 1px}
.role-card:after,.price-card.featured:after{content:'';position:absolute;top:-1px;left:0;width:64px;height:1px;background:linear-gradient(90deg,transparent,#f7dfb6a8,transparent);opacity:0;pointer-events:none}.role-card.is-revealed:after,.price-card.featured.is-revealed:after{animation:border-polish 1.2s .3s both}.price-card.featured:after{top:0}.btn{position:relative;overflow:hidden;isolation:isolate}.btn:after{content:'';position:absolute;inset:-30% auto -30% -60%;width:35%;background:linear-gradient(110deg,transparent,#fff3,transparent);transform:skewX(-20deg);opacity:0;pointer-events:none}.btn:hover:after,.btn:focus-visible:after{animation:button-polish .85s ease-out}.nav-links>a{position:relative}.nav-links>a:after{content:'';position:absolute;bottom:6px;left:0;right:0;height:1px;background:#d9b976;transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.nav-links>a:hover:after,.nav-links>a:focus-visible:after{transform:scaleX(1)}
@keyframes border-polish{0%{left:0;opacity:0}20%{opacity:.7}100%{left:calc(100% - 64px);opacity:0}}@keyframes button-polish{0%{left:-60%;opacity:0}20%{opacity:.8}100%{left:125%;opacity:0}}
@media(min-width:761px) and (max-width:1200px){.lobby-explorer{right:36px;bottom:134px;min-width:260px}.view-buttons button{padding-inline:8px;font-size:9px}}
@media(max-width:760px){.hero .scene-layer{inset:0;background-size:auto 410px;background-position:var(--lobby-position) 55px;background-repeat:no-repeat;transform:none}.building-photo .scene-layer{background-size:auto 550px;background-repeat:no-repeat;background-position:58% 30px}.login-scene .scene-layer{background-position:75% top}.rooftop-scene .scene-layer{background-position:60% center}.lobby-explorer{top:334px;bottom:auto;left:22px;right:22px;min-width:0;padding:8px 10px;background:#111a21c9}.view-heading{margin-bottom:3px}.view-heading>span{font-size:7px}.view-buttons button{min-height:35px;padding:6px 8px;font-size:9px}.view-more{display:none}.skip-arrival{font-size:8px}.hero-body{padding-top:432px}.hero{min-height:1205px}.brand img{height:32px}.brand-study-grid{grid-template-columns:1fr}.brand-study-card{display:grid;grid-template-columns:65px 1fr;gap:0 18px;text-align:left;padding:20px}.brand-study-card svg{width:58px;height:58px;grid-row:1/4;margin:auto}.brand-study-card h3{font-size:22px}.design-bar button{font-size:7px;letter-spacing:.2px;padding-inline:5px}.login-screen:after{background:linear-gradient(#0d131c72,#0d131ce0)}}
@media(max-width:410px){.lobby-explorer{left:17px;right:17px}.hero{min-height:1220px}.hero-body{padding-top:426px}.brand img{height:28px}.view-buttons button{padding-inline:4px}}
@media(prefers-reduced-motion:reduce){.motion-ready{opacity:1!important;translate:none!important}.section-top:after,.challenge:before{transform:scaleX(1)!important}.is-revealed h2 em{background-size:100% 1px}.scene-layer{transition:none!important}.role-card:after,.price-card:after,.btn:after{display:none!important}}
@media print{.motion-ready{opacity:1!important;translate:none!important}.lobby-explorer{display:none!important}}

/* The Empire State spire is the resting camera anchor; all photographs retain aspect ratio. */
:root{--lobby-position:50%;--lobby-shift:0px;--camera-pan:0px}
.hero .scene-layer{left:-30px;right:-30px;background-position:center center;transform:translateX(calc(var(--lobby-shift) + var(--camera-pan)));transition:transform 1.35s cubic-bezier(.22,.61,.36,1)}
/* Larger visitor-facing copy; disclosures and captions retain their compact scale. */
.nav-links>a,.nav-actions>a:not(.btn){font-size:13px}.nav-actions .btn{font-size:12px}.btn{font-size:14px}.hero-lead{font-size:17px;max-width:440px}.hero-small{font-size:12px;max-width:420px}.hot-card strong{font-size:12px;line-height:1.45}.hot-card small{font-size:11px}.hero-samples{width:232px}.benefit{font-size:12px;max-width:185px}.benefits{gap:28px}.intro-strip p{font-size:15px}.section-top>p{font-size:15px}.role-card{min-height:203px}.role-card p{font-size:13px}.role-detail p{font-size:15px}.building-copy>p:not(.eyebrow){font-size:15px}.zone-detail p{font-size:13px}.zone{font-size:12px;min-height:44px}.building-kicker{font-size:12px}.challenge p{font-size:15px;min-height:94px}.text-link{font-size:14px}.ecosystem-copy>p{font-size:15px}.feature-readout p{font-size:14px}.feature-readout{min-height:185px}.price-name{font-size:13px}.price-card li{font-size:12px}.price-context{font-size:12px;min-height:48px}.price-card .btn{font-size:12px}.pricing-intro{font-size:14px}.billing-controls button{font-size:13px}.price-card ul{margin-bottom:25px}.comparison>div>p:not(.eyebrow){font-size:15px}.compare-col p{font-size:14px;min-height:95px}.rooftop p{font-size:15px;max-width:470px}.footer-copy{font-size:13px}.footer-links a{font-size:12px}.login-editorial p:not(.eyebrow){font-size:15px}.login-description{font-size:14px}.field{font-size:13px}.login-signup{font-size:13px}.resident-callout p{font-size:12px}.quiet{font-size:12px}.dialog-body>p,.dialog-body li{font-size:14px}.dialog-body .note,.login-preview-note,.price-note,.sample-foot,.screen-note{font-size:10px}.hero .eyebrow{font-size:10px;letter-spacing:2px}
@media(min-width:2000px){.wrap{width:min(1480px,calc(100% - 128px))}.hero{min-height:900px;height:calc(100svh - 31px);max-height:1450px}.hero-copy{max-width:47%}.hero h1{font-size:88px}.hero-lead{font-size:19px;max-width:460px}.hero-samples{right:18%;top:240px;width:248px}.hot-card strong{font-size:13px}.hot-card small{font-size:12px}.building-section,.building-inner{min-height:780px}.building-copy{max-width:355px}.zone-detail{max-width:340px}.rooftop{min-height:610px}.lobby-explorer{right:max(64px,calc((100vw - 1480px)/2))}}
@media(min-width:761px) and (max-width:1200px){.hero-samples{width:192px}.hot-card strong{font-size:11px}.hot-card small{font-size:10px}.hero-lead{font-size:15px;max-width:355px}.hero .btn{font-size:12px}.hero-small{font-size:11px;max-width:350px}.benefit{font-size:11px}.nav-inner{gap:16px}.nav-actions{gap:12px}.nav-links{gap:16px}.nav-links>a{font-size:12px}.nav-actions .btn{font-size:11px}.role-card p{font-size:12px}.zone{font-size:10px}.price-card li{font-size:12px}}
@media(max-width:1000px) and (min-width:761px){.hero-samples{top:560px;right:30%}.hero-body{padding-bottom:250px}.lobby-explorer{bottom:140px;right:36px}.hero-copy{max-width:68%}.hero h1{font-size:58px}}
@media(max-width:760px){.hero .scene-layer{left:-18px;right:-18px;background-size:auto 410px;background-position:center 55px;transform:translateX(calc(var(--lobby-shift) + var(--camera-pan)))}.hero-lead{font-size:16px;max-width:425px}.hero-small{font-size:12px}.hero .eyebrow{font-size:9px;letter-spacing:1.4px}.hero-samples{width:100%;gap:12px}.hot-card strong{font-size:11px}.hot-card small{font-size:10px}.hero-body{padding-bottom:155px}.hero{min-height:1280px}.benefit{font-size:10px;max-width:140px}.benefits{gap:15px}.section-top>p,.intro-strip p,.role-detail p,.building-copy>p:not(.eyebrow),.challenge p,.ecosystem-copy>p,.comparison>div>p:not(.eyebrow),.rooftop p{font-size:14px}.role-card p{font-size:12px}.role-card{min-height:190px}.zone-detail p,.feature-readout p{font-size:13px}.challenge p{min-height:0}.zone{font-size:11px}.price-card li{font-size:12px}.price-context{font-size:11px}.price-card .btn{font-size:12px}.compare-col p{font-size:13px;min-height:105px}.rooftop p{max-width:380px}.text-link{font-size:13px}.login-editorial p:not(.eyebrow){font-size:14px}.login-description{font-size:14px}.login-preview-note,.price-note,.sample-foot{font-size:10px}.footer-links a{font-size:12px}.view-buttons button{min-height:36px}.building-photo .scene-layer{background-position:62% 30px}}
@media(max-width:410px){.hero{min-height:1300px}.hero h1{font-size:51px}.hero .eyebrow{font-size:8px}.hero .btn{font-size:12px;padding-inline:15px}.hero-lead{font-size:15px}.hero-small{font-size:11px}.hero-samples{gap:8px}.hot-card{padding:13px 9px}.hot-card strong{font-size:10px}.hot-card small{font-size:10px;line-height:1.5}.benefit{font-size:9px;gap:7px;max-width:105px}.role-card strong{font-size:21px}.role-card p{font-size:12px}.role-card{padding:20px 15px}.price-card li{font-size:13px}.price-context{font-size:12px}.compare-col p{font-size:12px;min-height:110px}.nav-actions{gap:7px}.mood-control{width:94px}.view-buttons button{font-size:10px}.hero-body{padding-bottom:175px}}

/* Camera framing and phone art direction after the ultrawide master review. */
.hero .scene-layer{left:-60px;right:-60px;transform:translateX(calc(var(--anchor-shift,0px) + clamp(-30px,calc(var(--lobby-shift) + var(--camera-pan)),30px)))}
@media(max-width:760px){
 :root{--mobile-scene-height:calc((100vw + 36px)*.4166667)}
 .hero .scene-layer{left:-18px;right:-18px;background-size:100% auto;background-position:center 76px;transform:translateX(calc(var(--anchor-shift,0px) + clamp(-14px,calc(var(--lobby-shift) + var(--camera-pan)),14px)))}
 .hero:before{background:linear-gradient(to bottom,transparent 0,transparent calc(35px + var(--mobile-scene-height)),#101419 calc(87px + var(--mobile-scene-height)),#101419 100%)}
 .lobby-explorer{top:calc(91px + var(--mobile-scene-height))}
 .hero-body{padding-top:calc(174px + var(--mobile-scene-height))}
 .hero{min-height:1200px}.hero-samples{margin-top:40px}
}
@media(max-width:410px){.hero{min-height:1240px}}

/* Protect the wall wordmark while keeping the landmark centered. */
@media(min-width:1101px){.hero{min-height:760px;height:min(calc(100svh - 31px),calc(100vw * .58))}}
@media(min-width:761px) and (max-width:1100px){
 :root{--mobile-scene-height:calc((100vw + 36px)*.4166667)}
 .hero{display:block;min-height:1120px}
 .hero .scene-layer{left:-18px;right:-18px;background-size:100% auto;background-position:center 88px;background-repeat:no-repeat;transform:translateX(calc(var(--anchor-shift,0px) + clamp(-14px,calc(var(--lobby-shift) + var(--camera-pan)),14px)))}
 .hero:before{background:linear-gradient(to bottom,transparent 0,transparent calc(46px + var(--mobile-scene-height)),#101419 calc(101px + var(--mobile-scene-height)),#101419 100%)}
 .lobby-explorer{top:calc(102px + var(--mobile-scene-height));bottom:auto;right:36px;min-width:290px}
 .hero-body{padding-top:calc(210px + var(--mobile-scene-height));padding-bottom:195px}
 .hero-copy{max-width:66%}.hero h1{font-size:58px}
 .hero-samples{right:0;top:calc(250px + var(--mobile-scene-height));width:210px;gap:14px}
 .hero-samples .hot-card{display:grid;grid-template-columns:23px 1fr;padding:16px 13px}
 .hero-samples .hot-card:nth-child(3){transform:none}.hot-card strong{font-size:11px}.hot-card small{font-size:10px}
}

@media(max-width:760px){.building-photo .scene-layer{background-position:74% 30px}}

/* Photographic worlds retain a constant 2.4:1 aspect ratio at every camera scale. */
.scene-stage .scene-layer,.hero .scene-layer,.building-photo .scene-layer,.login-scene .scene-layer,.rooftop-scene .scene-layer{inset:auto;left:var(--plate-left,0px);top:var(--plate-top,0px);width:var(--plate-width,100%);height:var(--plate-height,100%);background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;transform:none;transition:none;overflow:hidden}
.hero .scene-layer{transform:translateX(var(--camera-pan,0px));transition:transform 1.2s cubic-bezier(.16,.7,.2,1)}
.ambient-sky,.ambient-leaves,.ambient-reflection,.ambient-windows{position:absolute;inset:0;pointer-events:none;mask-size:100% 100%;mask-repeat:no-repeat}
.ambient-sky>div,.ambient-leaves>div{position:absolute;inset:0;background-size:100% 100%;background-repeat:no-repeat;animation-play-state:paused;will-change:transform}
.ambient-sky>div{animation:sky-drift 56s ease-in-out infinite alternate;animation-play-state:paused}
.ambient-leaves>div{animation:leaf-breath 11s ease-in-out infinite alternate;animation-play-state:paused}
.ambient-reflection{background:radial-gradient(ellipse at 63% 87%,#ffe8b966,transparent 29%);mix-blend-mode:screen;animation:reflection-breath 19s ease-in-out infinite alternate;animation-play-state:paused;opacity:.035}
.ambient-windows{background:radial-gradient(ellipse 3% 4% at 66% 39%,#ffe3ab,transparent),radial-gradient(ellipse 2% 3% at 77% 57%,#ffe3ab,transparent);mix-blend-mode:screen;animation:window-breath 29s ease-in-out infinite alternate;animation-play-state:paused;opacity:.01}
[data-scene][data-awake=true] .ambient-sky>div,[data-scene][data-awake=true] .ambient-leaves>div,[data-scene][data-awake=true] .ambient-reflection,[data-scene][data-awake=true] .ambient-windows{animation-play-state:running}
@keyframes sky-drift{from{transform:translateX(-5px)}to{transform:translateX(17px)}}
@keyframes leaf-breath{from{transform:translateX(-0.6px) rotate(-0.018deg)}to{transform:translateX(.7px) rotate(.024deg)}}
@keyframes reflection-breath{from{opacity:.014;transform:translateX(-1%)}to{opacity:.06;transform:translateX(1%)}}
@keyframes window-breath{0%,22%{opacity:.005}65%,100%{opacity:.065}}
[data-phase=evening] .ambient-reflection{background:radial-gradient(ellipse at 69% 86%,#ffc46d85,transparent 29%)}
.hero-scene-controls{position:absolute;right:38px;bottom:111px;z-index:3;display:flex;align-items:center;gap:16px}
.scene-motion-button,.skip-arrival{border:0;border-bottom:1px solid #f1dfbc55;background:#111b2238;backdrop-filter:blur(5px);border-radius:0;padding:5px 3px;min-height:36px;font-size:10px;letter-spacing:.2px;color:#e4dfd4}
.scene-motion-button:hover,.skip-arrival:hover{border-color:var(--gold);color:var(--gold)}
.scene-motion-button:disabled{opacity:.6;cursor:default}

/* The building is the navigation surface; the index keeps every service discoverable. */
.building-explorer{position:relative;background:#0c141d;border-block:1px solid var(--line);scroll-margin-top:88px}
.explorer-viewport{position:relative;isolation:isolate;min-height:670px;height:clamp(670px,44vw,1000px);overflow:hidden;background:#111b25}
.explorer-stage{position:absolute;inset:0;overflow:hidden;perspective:1800px}
.explorer-camera{position:absolute;inset:0;transform-origin:65% 50%;will-change:transform;backface-visibility:hidden}
.explorer-camera .scene-stage{z-index:0}
.explorer-shade{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,#071019e6 0%,#071019b8 22%,#0710191a 56%,transparent 74%),linear-gradient(0deg,#08121bc4,transparent 22%,transparent 80%,#07101975);transition:opacity .65s}
.explorer-top{position:absolute;top:27px;left:3.8%;right:3.8%;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px}
.explorer-location{display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:1.7px;color:#e5ded0}
.explorer-location .icon{width:19px;height:19px;color:var(--gold)}
.explorer-location:before{content:'';width:5px;height:5px;background:var(--gold);border-radius:50%;box-shadow:0 0 13px #d9b97670}
.explorer-back{display:inline-flex;gap:10px;align-items:center;min-height:40px;padding:8px 13px;border:1px solid #e7d2aa66;border-radius:30px;color:#f5e8cc;background:#111b25b5;backdrop-filter:blur(15px);font-size:12px}
.explorer-back .icon{width:14px;height:14px;transform:rotate(180deg)}
.explorer-back:hover{background:#273139;border-color:var(--gold)}
.explorer-readout{position:absolute;z-index:5;left:max(52px,calc((100vw - 1480px)/2));top:50%;transform:translateY(-43%);width:min(370px,30%);color:var(--paper)}
.explorer-readout h2{font-size:clamp(43px,3.4vw,65px);line-height:1.06;letter-spacing:-1.9px;margin:18px 0 23px}
.explorer-readout p:not(.eyebrow):not(.service-plan){font-size:16px;line-height:1.7;color:#d4d9dc}
.explorer-readout .eyebrow{font-size:9px;line-height:1.7;letter-spacing:1.8px}
.explorer-invitation{display:flex;gap:13px;align-items:center;margin-top:33px;font-size:12px;color:var(--gold)}
.explorer-invitation:before{content:'';width:34px;height:1px;background:var(--gold);transform-origin:left;animation:rule-arrive 1.3s ease both}
.service-title{white-space:pre-line;font-size:clamp(35px,2.9vw,52px);line-height:1.1;letter-spacing:-1.4px;margin:14px 0 18px;outline:none}
.service-title:focus-visible{outline:2px solid var(--gold);outline-offset:8px}
.service-points{list-style:none;padding:0;margin:22px 0 16px;display:grid;gap:9px}
.service-points li{position:relative;padding-left:18px;font-size:13px;line-height:1.5;color:#e0e3e5}
.service-points li:before{content:'';position:absolute;left:0;top:8px;width:5px;height:5px;border:1px solid var(--gold);transform:rotate(45deg)}
.service-plan{font-size:11px;line-height:1.7;color:#ccbc9c;border-top:1px solid #e7d2aa30;padding-top:14px;margin-top:19px}
.service-cta{border:0;border-bottom:1px solid #d9b9766e;background:none;color:var(--gold);min-height:44px;font-size:13px;margin-top:11px;padding:4px 0}
.service-cta:after{content:' →';margin-left:16px}.service-cta:hover{color:#ffe0a3;border-color:#ffe0a3}
.service-badge{display:inline-block;margin-top:16px;padding:4px 9px;border:1px solid #d9b9767d;border-radius:20px;font-size:10px;color:#e9cf9d;background:#161e26ab}
.explorer-hotspots{position:absolute;inset:0;z-index:4;pointer-events:none}
.space-pin{position:absolute;pointer-events:auto;border:1px solid #e7d2aa78;border-radius:5px;background:#0e1722b0;backdrop-filter:blur(13px);min-height:42px;padding:10px 13px;display:flex;align-items:center;gap:12px;font-size:11px;box-shadow:0 7px 25px #0002;transition:background .3s,transform .45s,border-color .3s}
.space-pin span{display:inline-block;width:6px;height:6px;border:1px solid #f5dcaa;border-radius:50%;box-shadow:0 0 0 4px #d9b97618}
.space-pin:after{content:'';position:absolute;bottom:-26px;height:25px;width:1px;background:linear-gradient(#e6c787aa,#e6c78711);left:18px}
.space-pin:hover{background:#29313acc;border-color:#eed6a6;transform:translateY(-3px)}
.space-pin[data-service=rooftop]{left:62%;top:19%}.space-pin[data-service=residences]{left:78%;top:38%}.space-pin[data-service=lobby]{left:63%;top:68%}.space-pin[data-service=parking]{left:83%;top:79%}
.explorer-frame-note{position:absolute;z-index:5;right:3.8%;bottom:22px;max-width:310px;text-align:right;font-size:10px;line-height:1.6;letter-spacing:.35px;color:#e2dcd0a3}
.explorer-index{padding:28px max(52px,calc((100vw - 1480px)/2)) 32px;background:linear-gradient(100deg,#131d27,#0c141d)}
.explorer-index-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}
.explorer-index-heading p{font-size:12px;color:#b5bec5}.explorer-index-heading .eyebrow{font-size:9px;color:var(--gold)}
.service-index{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.service-index button{position:relative;overflow:hidden;display:flex;align-items:center;gap:11px;text-align:left;min-height:58px;border:1px solid #dce5ed20;border-radius:4px;background:#f3e7cf04;padding:12px 13px;color:#d0d6da;font-size:12px;transition:background .35s,border-color .35s,color .35s}
.service-index button .icon{width:18px;height:18px;color:#c0af8e}
.service-index button[aria-pressed=true]{background:#dcc18a13;border-color:#d9b9769c;color:#f3dfb6}
.service-index button:hover{background:#e8ddc312;border-color:#dbc59270}
.service-index button:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,#e6cc9522 50%,transparent 60%);transform:translateX(-140%);transition:transform .85s cubic-bezier(.2,.6,.3,1)}
.service-index button:hover:after{transform:translateX(140%)}
.service-index small{display:block;font-size:8px;color:#9d967f;line-height:1.5;margin-top:3px}
[data-travelling=true] .explorer-location:before{animation:journey-dot 1.8s ease-in-out infinite}
[data-travelling=true] .explorer-frame-note{opacity:0}
@keyframes journey-dot{50%{box-shadow:0 0 0 5px #d9b97612,0 0 14px #d9b9768c}}
@keyframes rule-arrive{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* One continuous lobby plate is the bridge into and out of sign-in. */
.journey-viewport{position:fixed;inset:31px 0 0;z-index:80;background:#101821;overflow:hidden;pointer-events:none}
.journey-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
.journey-plate{position:absolute;inset:0;background-size:100% 100%;background-repeat:no-repeat}
[data-journey=moving] .login-top,[data-journey=moving] .login-layout,[data-journey=moving] .login-footer,[data-journey=moving] .screen-note,[data-journey=moving] .hero-body,[data-journey=moving] .hero-footer,[data-journey=moving] .hero-scene-controls,[data-journey=moving] .masthead{opacity:0!important}
.login-top,.login-layout,.login-footer,.screen-note{transition:opacity .65s ease,translate .85s cubic-bezier(.2,.7,.2,1)}
[data-journey=moving] .login-layout{translate:0 14px}
[data-journey=arrived] .login-layout{animation:login-land .85s .04s both}
@keyframes login-land{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
.login-screen{padding-top:29px;background:#101821;min-height:calc(100svh - 31px);isolation:isolate}
.login-scene{position:fixed;top:31px;bottom:0;z-index:-2}
.login-screen:after{position:fixed;inset:31px 0 0;background:linear-gradient(90deg,#0b121bc9 0%,#0b121b73 32%,#0b121b0d 64%),linear-gradient(0deg,#0b121b99,transparent 45%);pointer-events:none}
.login-top{margin-bottom:38px;position:relative;z-index:1}.login-top>.brand{opacity:.86}
.login-layout{display:grid;grid-template-columns:minmax(370px,440px) 1fr;gap:clamp(60px,7vw,130px);align-items:center}
.login-card{grid-column:1;grid-row:1;width:100%;padding:29px;background:#111b25db;backdrop-filter:blur(22px);border:1px solid #f3e1bf38;border-radius:7px;box-shadow:0 25px 90px #0003;animation:none}
.login-editorial{grid-column:2;grid-row:1;align-self:end;margin:0 0 23px;max-width:420px;text-shadow:0 2px 20px #0008}
.login-editorial h1{font-size:clamp(39px,3.4vw,60px);line-height:1.09;letter-spacing:-1.8px;margin:15px 0 21px}
.login-editorial p:not(.eyebrow){font-size:15px;max-width:390px;color:#e0e1df}
.login-editorial .login-promise{margin-top:24px;font-size:12px;color:#c8cccf}
.login-editorial .eyebrow{font-size:9px;letter-spacing:1.6px}
.login-footer{margin-top:28px;position:relative;z-index:1}.login-footer .scene-motion-button{font-size:10px}
.login-card h2{font-size:31px}.login-description{font-size:14px}
.login-preview-note{font-size:10px}.screen-note{position:relative;z-index:1}
@media(min-width:2000px){.explorer-readout{width:420px;max-width:30%}.explorer-readout p:not(.eyebrow):not(.service-plan){font-size:18px}.service-points li{font-size:15px}.service-index button{font-size:14px;min-height:66px}.space-pin{font-size:13px}.login-layout{grid-template-columns:480px 1fr}.login-editorial{max-width:550px;margin-left:120px;margin-bottom:50px}.login-editorial h1{font-size:64px}}
@media(min-width:761px) and (max-width:1100px){.hero{min-height:0;height:auto}.hero-body{padding-top:calc(145px + (100vw + 36px)/2.4);padding-bottom:155px}.hero-scene-controls{top:calc(98px + (100vw + 36px)/2.4);right:36px;bottom:auto}.hero-copy{max-width:64%}.hero-samples{top:auto;bottom:162px;right:0;width:220px}.login-layout{grid-template-columns:395px 1fr;gap:40px}.login-editorial h1{font-size:42px}}
@media(max-width:1100px){.explorer-readout{left:36px;width:330px;max-width:38%}.explorer-readout h2{font-size:47px}.explorer-readout p:not(.eyebrow):not(.service-plan){font-size:14px}.service-title{font-size:38px}.service-points li{font-size:12px}.explorer-index{padding-inline:36px}.service-index{grid-template-columns:repeat(4,minmax(0,1fr))}.space-pin[data-service=residences]{left:76%}.space-pin[data-service=parking]{left:80%;top:83%}}
@media(max-width:760px){
 .hero{min-height:0;height:auto}.hero-body{padding-top:calc(139px + (100vw + 36px)/2.4);padding-bottom:145px}.hero-scene-controls{top:calc(86px + (100vw + 36px)/2.4);right:22px;bottom:auto;gap:12px}.scene-motion-button,.skip-arrival{font-size:9px;min-height:38px}.hero-samples{margin-top:40px}.hero-copy{max-width:100%}
 .building-explorer{scroll-margin-top:73px}.explorer-viewport{height:auto;min-height:0}.explorer-stage{position:relative;height:calc(100vw / 2.4);min-height:180px;overflow:hidden}.explorer-shade{background:linear-gradient(0deg,#101a25 0%,#101a2520 19%,transparent 50%,#07101966)}
 .explorer-top{top:11px;left:18px;right:18px;gap:6px}.explorer-location{font-size:7px;letter-spacing:1px;gap:7px}.explorer-top .scene-motion-button{font-size:8px;min-height:32px;background:#10182180;padding-inline:7px;border-radius:3px}
 .explorer-back{font-size:10px;min-height:36px;padding:7px 9px;gap:6px}.explorer-back .icon{width:12px}
 .explorer-hotspots{display:none}.explorer-readout{position:relative;top:auto;left:auto;transform:none;width:auto;max-width:none;padding:22px 22px 28px;min-height:385px;background:#101a25}
 .explorer-readout h2{font-size:43px;line-height:1.08;margin:12px 0 18px;max-width:440px}.explorer-readout h2 br{display:none}.explorer-readout p:not(.eyebrow):not(.service-plan){font-size:15px;max-width:580px}.explorer-invitation{margin-top:23px;font-size:12px}
 .service-title{font-size:38px;line-height:1.1;max-width:440px}.service-points{gap:9px;margin:20px 0 16px}.service-points li{font-size:13px}.service-plan{font-size:11px}.service-badge{margin-top:16px}.explorer-frame-note{position:static;background:#101a25;text-align:left;max-width:none;padding:0 22px 22px;font-size:9px;color:#96a0a8}
 .explorer-index{padding:21px 22px 26px}.explorer-index-heading{display:block;margin-bottom:18px}.explorer-index-heading p{font-size:11px;margin-top:7px}.service-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.service-index button{padding:12px 10px;min-height:60px;font-size:12px;gap:10px}.service-index small{font-size:8px}
 .login-screen{padding-top:22px}.login-scene{position:absolute;top:0;height:calc(110px + (100vw + 36px)*1.3/2.4);bottom:auto}.login-screen:after{position:absolute;inset:0;background:linear-gradient(0deg,#101821 0%,#101821 64%,transparent 82%,#10182155)}
 .login-top{gap:12px;margin-bottom:calc(38px + (100vw + 36px)*1.3/2.4)}.login-top .brand{order:0}.login-top>a:nth-child(2){font-size:10px;gap:5px;max-width:138px;line-height:1.4}.login-mood{order:2;margin-left:auto}.login-mood select{min-height:34px;padding-block:4px;background:#101821bb}
 .login-layout{display:flex;flex-direction:column;gap:23px}.login-editorial{width:100%;max-width:none;margin:0;align-self:auto}.login-editorial h1{font-size:40px;margin:11px 0 14px;max-width:560px}.login-editorial h1 br{display:none}.login-editorial p:not(.eyebrow){font-size:14px;max-width:500px}.login-editorial .login-promise{display:none}.login-card{padding:25px;max-width:500px;margin:0 auto}.login-card h2{font-size:30px}.login-footer{font-size:9px;gap:8px;align-items:center}.login-footer span:last-of-type{display:none}
 .journey-viewport{background:#101821}.hero-footer{bottom:25px}
}
@media(max-width:410px){.hero-body{padding-top:calc(135px + (100vw + 36px)/2.4);padding-bottom:151px}.explorer-readout{padding-inline:18px}.explorer-readout h2{font-size:40px}.service-title{font-size:35px}.explorer-index{padding-inline:18px}.service-index button{font-size:11px}.login-card{padding:22px}.login-editorial h1{font-size:37px}.login-top>a:nth-child(2){max-width:116px;font-size:9px}.hero-scene-controls{right:18px}}
@media(prefers-reduced-motion:reduce){.ambient-sky,.ambient-leaves,.ambient-reflection,.ambient-windows{display:none!important}.scene-layer{transform:none!important}.explorer-camera{will-change:auto}.journey-viewport{display:none}.login-top,.login-layout,.login-footer,.screen-note{transition:none!important}.service-index button:after{display:none}}
@media print{.explorer-top,.explorer-hotspots,.explorer-index,.hero-scene-controls,.ambient-sky,.ambient-leaves,.ambient-reflection,.ambient-windows{display:none!important}.explorer-readout{opacity:1!important}.building-explorer{break-inside:avoid}}

/* Keep the mobile journey in view when a service is selected below it. */
.building-explorer{scroll-margin-top:0}
@media(max-width:760px){.building-explorer{scroll-margin-top:0}.explorer-readout{min-height:0}.explorer-top{flex-wrap:wrap}.explorer-location{max-width:46%}.explorer-back{margin-left:auto}.explorer-top:has(.explorer-back:not([hidden])) .scene-motion-button{display:none}}

@media(max-width:760px){.explorer-top:has(.explorer-back:not([hidden])) .scene-motion-button{display:inline-block;margin-left:auto;min-height:32px}}

:root{--entrance-sunrise:url('/redesign/assets/entrance-sunrise-v4.webp');--entrance-noon:url('/redesign/assets/entrance-noon-v4.webp');--entrance-sunset:url('/redesign/assets/entrance-sunset-v4.webp');--entrance-evening:url('/redesign/assets/entrance-evening-v4.webp');--lounge-sunrise:url('/redesign/assets/lounge-sunrise-v3.webp');--lounge-noon:url('/redesign/assets/lounge-noon-v3.webp');--lounge-sunset:url('/redesign/assets/lounge-sunset-v3.webp');--lounge-evening:url('/redesign/assets/lounge-evening-v3.webp');--packages-sunrise:url('/redesign/assets/packages-sunrise-v8.webp');--packages-noon:url('/redesign/assets/packages-noon-v8.webp');--packages-sunset:url('/redesign/assets/packages-sunset-v8.webp');--packages-evening:url('/redesign/assets/packages-evening-v8.webp');--maintenance-sunrise:url('/redesign/assets/maintenance-sunrise-v8.webp');--maintenance-noon:url('/redesign/assets/maintenance-noon-v8.webp');--maintenance-sunset:url('/redesign/assets/maintenance-sunset-v8.webp');--maintenance-evening:url('/redesign/assets/maintenance-evening-v8.webp');--parking-sunrise:url('/redesign/assets/parking-sunrise-v3.webp');--parking-noon:url('/redesign/assets/parking-noon-v3.webp');--parking-sunset:url('/redesign/assets/parking-sunset-v3.webp');--parking-evening:url('/redesign/assets/parking-evening-v3.webp');--portfolio-sunrise:url('/redesign/assets/portfolio-sunrise-v3.webp');--portfolio-noon:url('/redesign/assets/portfolio-noon-v3.webp');--portfolio-sunset:url('/redesign/assets/portfolio-sunset-v3.webp');--portfolio-evening:url('/redesign/assets/portfolio-evening-v3.webp');}
/* Continuous panoramic camera. Every photographic plate keeps its native ratio. */
.explorer-camera{will-change:transform,opacity;transform-origin:67% 52%}
.explorer-camera .scene-layer{will-change:left,top,width,height}
.explorer-viewport{height:clamp(700px,43vw,1020px);min-height:700px}
.explorer-readout{top:46%;transform:translateY(-43%);width:min(375px,29%);transition:opacity .38s,translate .55s}
.explorer-readout.is-travelling{opacity:.28;translate:0 4px;pointer-events:none}
.explorer-readout p:not(.eyebrow):not(.service-plan){font-size:16px;line-height:1.65}
.service-points li{font-size:14px}.service-title{font-size:clamp(35px,2.7vw,50px)}
.explorer-shade{background:linear-gradient(90deg,#071019ef 0%,#071019c4 22%,#07101936 42%,transparent 61%),linear-gradient(0deg,#08121bbf,transparent 28%,transparent 82%,#07101988)}
.explorer-features{position:absolute;bottom:37px;left:43%;right:3.8%;z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:11px}
.scene-focus-label{font-size:9px;color:#f3e1b9;letter-spacing:1.9px;text-shadow:0 1px 5px #000}
.scene-focus-buttons{display:flex;gap:5px;padding:5px;border:1px solid #f0d8ac50;border-radius:8px;background:#101a24bb;backdrop-filter:blur(18px);box-shadow:0 6px 24px #0002}
.scene-focus-buttons button{position:relative;min-height:44px;padding:10px 15px;border:1px solid transparent;border-radius:4px;background:transparent;color:#e2e2df;font-size:12px;white-space:nowrap;transition:background .35s,color .35s,border-color .35s}
.scene-focus-buttons button:hover{background:#e8d2a015}.scene-focus-buttons button[aria-pressed=true]{background:#e2c38c23;border-color:#e9ca8659;color:#f4daab}
.scene-focus-buttons button:after{content:'';position:absolute;bottom:4px;left:16px;right:16px;height:1px;background:#e3c58d;transform:scaleX(0);transform-origin:left;transition:transform .65s}.scene-focus-buttons button[aria-pressed=true]:after{transform:scaleX(1)}
.explorer-frame-note{bottom:14px;font-size:9px}.building-explorer:has(.explorer-features:not([hidden])) .explorer-frame-note{display:none}
.explorer-index{padding-block:27px 31px}.explorer-index-heading{margin-bottom:23px}
.service-index{display:grid;grid-template-columns:1fr 1.18fr 1fr 1.13fr;gap:24px}
.place-group{min-width:0;border-top:1px solid #d4dcdf20;padding-top:16px;transition:border-color .5s}.place-group[data-selected=true]{border-color:#ddc18a9c}
.place-group h3{font:12px Arial,Helvetica,sans-serif;letter-spacing:.3px;color:#e3d1af;margin:0 0 12px}.place-group h3 span{font-size:9px;color:#7f8c97;margin-right:9px}
.place-services{display:grid;gap:7px}.service-index button{min-height:50px;padding:10px 12px;font-size:13px;border-color:#dce5ed16;background:#f3e7cf02;line-height:1.4}
.service-index button[data-pending=true]{border-color:#d9b97699;color:#f3dfb6}.service-index button small{font-size:9px;line-height:1.35}
.explorer-top .scene-motion-button{font-size:11px}.explorer-back{font-size:12px}.explorer-location{font-size:10px}

/* Living stills: restrained motion stays inside photographic sky, water and foliage masks. */
.ambient-sky>div{animation:sky-drift-v4 35s ease-in-out infinite alternate;animation-play-state:paused}
.ambient-leaves>div{animation:leaf-breath-v4 7s ease-in-out infinite alternate;animation-play-state:paused}
.ambient-reflection{animation:reflection-v4 11s ease-in-out infinite alternate;animation-play-state:paused;opacity:.06;background:radial-gradient(ellipse at 64% 87%,#ffe7b96b,transparent 35%)}
.ambient-windows{animation:window-v4 17s ease-in-out infinite alternate;animation-play-state:paused}
.ambient-water,.ambient-stars,.ambient-birds{position:absolute;inset:0;pointer-events:none;mask-size:100% 100%;mask-repeat:no-repeat;overflow:hidden}
.ambient-water>div{position:absolute;inset:0;background-size:100% 100%;animation:water-v4 4s ease-in-out infinite alternate;animation-play-state:paused}
.ambient-water:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(178deg,transparent 0px,transparent 5px,#dceff42a 6px,transparent 7px);mix-blend-mode:screen;opacity:.27;animation:water-light-v4 6s linear infinite;animation-play-state:paused}
.ambient-stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#f2f1db;box-shadow:0 0 3px #e8eee288;animation:star-v4 5s ease-in-out infinite;animation-play-state:paused;opacity:.13}
.ambient-birds>span{position:absolute;left:5%;top:7%;width:19px;height:10px;opacity:0;animation:bird-v4 31s linear infinite;animation-play-state:paused}
.ambient-birds>span:nth-child(2){left:7%;top:8%;width:14px;animation-delay:1.3s;animation-duration:37s}
.ambient-birds svg{width:100%;height:100%;fill:none;stroke:#283746;stroke-width:1.7;animation:wing-v4 1.15s ease-in-out infinite alternate;animation-play-state:paused}

.ambient-display{position:absolute;overflow:hidden;pointer-events:none;background:linear-gradient(160deg,#edeee008,transparent)}
.ambient-display i{position:absolute;inset:-30%;background:linear-gradient(125deg,transparent 28%,#f3f8ec42 46%,transparent 59%);opacity:0;animation:display-v4 19s ease-in-out infinite;animation-play-state:paused}
[data-scene][data-awake=true] .ambient-water>div,[data-scene][data-awake=true] .ambient-water:after,[data-scene][data-awake=true] .ambient-stars i,[data-scene][data-awake=true] .ambient-birds>span,[data-scene][data-awake=true] .ambient-birds svg,[data-scene][data-awake=true] .ambient-display i{animation-play-state:running}
[data-light=evening] .ambient-water:after{opacity:.12}[data-light=evening] .ambient-reflection{background:radial-gradient(ellipse at 64% 87%,#ffc7729c,transparent 35%)}
@keyframes sky-drift-v4{from{transform:translateX(-26px)}to{transform:translateX(52px)}}
@keyframes leaf-breath-v4{0%{transform:translateX(-1.8px) rotate(-0.065deg)}50%{transform:translateX(2.3px) rotate(.06deg)}100%{transform:translateX(-0.6px) rotate(-0.025deg)}}
@keyframes reflection-v4{from{opacity:.027;transform:translateX(-1.5%)}to{opacity:.11;transform:translateX(1.7%)}}
@keyframes window-v4{0%,20%{opacity:.01}75%,100%{opacity:.105}}
@keyframes water-v4{from{transform:translateY(-0.6px) scaleY(1.002)}to{transform:translateY(.8px) scaleY(1.003)}}
@keyframes water-light-v4{from{transform:translateY(-3px)}to{transform:translateY(4px)}}
@keyframes star-v4{0%,100%{opacity:0.1;transform:scale(.7)}48%{opacity:.66;transform:scale(1.2)}}
@keyframes bird-v4{0%,8%{opacity:0;transform:translate3d(0,0,0)}12%{opacity:.5}32%{opacity:.5}38%,100%{opacity:0;transform:translate3d(690px,-18px,0)}}
@keyframes wing-v4{from{transform:scaleY(.6)}to{transform:scaleY(1)}}
@keyframes display-v4{0%,70%{opacity:0;transform:translateX(-70%)}75%{opacity:.55}90%,100%{opacity:0;transform:translateX(70%)}}
@media(min-width:2000px){.explorer-readout{width:410px}.explorer-readout p:not(.eyebrow):not(.service-plan){font-size:18px}.service-points li{font-size:16px}.scene-focus-buttons button{font-size:14px;padding:13px 21px}.service-index button{font-size:14px}.explorer-features{bottom:49px}.place-group h3{font-size:14px}}
@media(max-width:1100px){.explorer-readout{left:30px;width:320px;max-width:35%;top:46%}.explorer-readout p:not(.eyebrow):not(.service-plan){font-size:15px}.service-points li{font-size:13px}.scene-focus-buttons button{padding:9px 10px;font-size:11px}.explorer-features{left:38%;right:3%;bottom:32px}.scene-focus-buttons{flex-wrap:wrap;justify-content:flex-end}.service-index{gap:14px}.place-group h3{font-size:11px}.service-index button{font-size:12px;gap:9px;padding:10px}.service-index button .icon{width:16px}}
@media(max-width:760px){
 .explorer-viewport{height:auto;min-height:0}.explorer-stage{height:clamp(225px,57vw,370px);min-height:225px}
 .explorer-shade{background:linear-gradient(0deg,#101a2599,transparent 34%,transparent 67%,#0710197a)}
 .explorer-readout{position:relative;top:auto;left:auto;transform:none;width:auto;max-width:none;padding:23px 22px 26px}.explorer-readout.is-travelling{opacity:.5;translate:0 2px}
 .explorer-readout p:not(.eyebrow):not(.service-plan){font-size:16px;line-height:1.65}.service-title{font-size:37px}.service-points li{font-size:14px}
 .explorer-features{position:relative;inset:auto;align-items:stretch;background:#111d28;padding:13px 18px 14px;gap:9px;border-bottom:1px solid #d9b97620}.scene-focus-label{font-size:8px;letter-spacing:1.3px}
 .scene-focus-buttons{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:5px;box-shadow:none}.scene-focus-buttons button{font-size:12px;padding:9px 6px;white-space:normal;min-height:44px}
 .explorer-top{left:15px;right:15px;gap:5px}.explorer-location{font-size:8px;max-width:43%;letter-spacing:1px}.explorer-top .scene-motion-button{font-size:9px;padding:5px 7px;min-height:32px}.explorer-back{font-size:10px;min-height:36px;padding:7px 9px}.explorer-top:has(.explorer-back:not([hidden])) .scene-motion-button{margin-left:auto}
 .explorer-index{padding:23px 22px 26px}.explorer-index-heading p{font-size:12px}.service-index{grid-template-columns:1fr 1fr;gap:23px 14px}.place-group h3{font-size:12px;line-height:1.45}.place-group h3 span{display:block;margin-bottom:3px;font-size:9px}.service-index button{font-size:12px;padding:10px 9px;min-height:53px}.service-index button .icon{width:17px}.service-index button small{font-size:8px}
 .explorer-frame-note{font-size:9px}.scene-focus-buttons button:after{left:10px;right:10px}
}
@media(max-width:370px){.explorer-top .explorer-location{max-width:40%;font-size:7px}.explorer-back{font-size:9px;gap:3px}.service-index{gap:20px 10px}.explorer-index{padding-inline:17px}.service-index button{font-size:11px;gap:6px}.service-title{font-size:35px}.explorer-readout{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.ambient-water,.ambient-stars,.ambient-birds,.ambient-display{display:none!important}.explorer-camera,.explorer-camera .scene-layer{will-change:auto}.explorer-readout{transition:none}.scene-focus-buttons button:after{transition:none}}
@media print{.explorer-features,.ambient-water,.ambient-stars,.ambient-birds,.ambient-display{display:none!important}}

/* Compositor camera: no per-frame image resizing or layout. */
.explorer-camera .explorer-scene .scene-layer{transform:var(--world-transform,none)!important;transform-origin:0 0;will-change:transform}
@media(prefers-reduced-motion:reduce){.explorer-camera .explorer-scene .scene-layer{will-change:auto}}

:root{--community-sunrise:url('/redesign/assets/community-sunrise-v8.webp');--community-noon:url('/redesign/assets/community-noon-v8.webp');--community-sunset:url('/redesign/assets/community-sunset-v8.webp');--community-evening:url('/redesign/assets/community-evening-v8.webp');--home-sunrise:url('/redesign/assets/home-sunrise-v4.webp');--home-noon:url('/redesign/assets/home-noon-v4.webp');--home-sunset:url('/redesign/assets/home-sunset-v4.webp');--home-evening:url('/redesign/assets/home-evening-v4.webp');--exchange-sunrise:url('/redesign/assets/exchange-sunrise-v4.webp');--exchange-noon:url('/redesign/assets/exchange-noon-v4.webp');--exchange-sunset:url('/redesign/assets/exchange-sunset-v4.webp');--exchange-evening:url('/redesign/assets/exchange-evening-v4.webp');--district-sunrise:url('/redesign/assets/district-sunrise-v4.webp');--district-noon:url('/redesign/assets/district-noon-v4.webp');--district-sunset:url('/redesign/assets/district-sunset-v4.webp');--district-evening:url('/redesign/assets/district-evening-v4.webp');--service-entry-sunrise:url('/redesign/assets/service-entry-sunrise-v4.webp');--service-entry-noon:url('/redesign/assets/service-entry-noon-v4.webp');--service-entry-sunset:url('/redesign/assets/service-entry-sunset-v4.webp');--service-entry-evening:url('/redesign/assets/service-entry-evening-v4.webp');--visitorhall-sunrise:url('/redesign/assets/visitorhall-sunrise-v8.webp');--visitorhall-noon:url('/redesign/assets/visitorhall-noon-v8.webp');--visitorhall-sunset:url('/redesign/assets/visitorhall-sunset-v8.webp');--visitorhall-evening:url('/redesign/assets/visitorhall-evening-v8.webp');--noticehall-sunrise:url('/redesign/assets/noticehall-sunrise-v8.webp');--noticehall-noon:url('/redesign/assets/noticehall-noon-v8.webp');--noticehall-sunset:url('/redesign/assets/noticehall-sunset-v8.webp');--noticehall-evening:url('/redesign/assets/noticehall-evening-v8.webp');--corner-sunrise:url('/redesign/assets/corner-sunrise-v4.webp');--corner-noon:url('/redesign/assets/corner-noon-v4.webp');--corner-sunset:url('/redesign/assets/corner-sunset-v4.webp');--corner-evening:url('/redesign/assets/corner-evening-v4.webp');}
/* Independent, localized foliage motion. The architecture remains still. */
.ambient-leaves>div{animation:canopy-sway-v5 var(--breeze-duration,5.8s) ease-in-out infinite;animation-delay:var(--breeze-delay,0s);animation-play-state:paused;transform-origin:50% 70%}
@keyframes canopy-sway-v5{0%,100%{transform:translate3d(-3.8px, 0.5px, 0) rotate(-0.075deg)}27%{transform:translate3d(2.2px, -0.7px, 0) rotate(0.045deg)}52%{transform:translate3d(5.6px,-1.5px,0) rotate(.105deg)}78%{transform:translate3d(-1.4px, 0.7px, 0) rotate(-0.035deg)}}
.ambient-water{--water-glint:218,239,249}
.ambient-water>div{animation:water-current-v5 4.8s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:center}
.ambient-water:before,.ambient-water:after{content:'';position:absolute;inset:-14px;pointer-events:none;mix-blend-mode:screen;animation-play-state:paused}
.ambient-water:after{background:repeating-linear-gradient(177deg,transparent 0 6px,rgba(var(--water-glint),.48) 7px,transparent 8px 15px);mask-image:linear-gradient(98deg,transparent 1%,#000b 17%,#000 30%,transparent 44%,#000a 65%,transparent 84%);opacity:.42;animation:water-shimmer-v5 5.2s linear infinite;animation-play-state:paused}
.ambient-water:before{background:repeating-linear-gradient(183deg,transparent 0 12px,rgba(var(--water-glint),.38) 13px,transparent 14px 23px);mask-image:linear-gradient(82deg,#000b,transparent 22%,#0009 42%,transparent 63%,#000b 89%);opacity:.32;animation:water-counter-v5 7.3s linear infinite;animation-play-state:paused}
[data-light=evening] .ambient-water{--water-glint:246,216,168}
[data-light=evening] .ambient-water:after{opacity:.34}
[data-light=sunset] .ambient-water{--water-glint:255,224,185}
[data-scene][data-awake=true] .ambient-water:before{animation-play-state:running}
@keyframes water-current-v5{from{transform:translate3d(-1.3px,-1.4px,0) scaleY(1.004)}to{transform:translate3d(1.8px,1.7px,0) scaleY(1.009)}}
@keyframes water-shimmer-v5{from{transform:translate3d(-8px,-7.5px,0)}to{transform:translate3d(8px,7.5px,0)}}
@keyframes water-counter-v5{from{transform:translate3d(6px,-11.5px,0)}to{transform:translate3d(-6px,11.5px,0)}}

/* Consistent reading surfaces in every photographic light, including bright daylight. */
.login-card{background:rgba(14,25,37,.96);border-color:#ebdcb747;color:#f4f5f2;box-shadow:0 22px 65px #0004}
.login-card .field,.login-description,.login-options,.login-preview-note,.login-signup,.resident-callout p{color:#dbe3e9}
.login-editorial{max-width:475px;padding:27px 30px 28px;background:rgba(12,22,33,.91);border:1px solid #eee1c638;border-radius:7px;box-shadow:0 18px 50px #0003;backdrop-filter:blur(16px);text-shadow:none;color:#f7f5ef}
.login-editorial h1{margin-top:13px;margin-bottom:19px;font-size:clamp(39px,3.25vw,58px)}
.login-editorial h1 em{color:#efd398}
.login-editorial .eyebrow{color:#edcf99}
.login-editorial p:not(.eyebrow){color:#e0e7ec;font-size:16px;line-height:1.7}
.login-editorial p.login-promise{font-size:13px;line-height:1.65;color:#d7e0e7;border-top-color:#ffffff29;padding-top:19px;margin-top:20px}
.login-top>.brand{opacity:1;background:rgba(12,22,33,.91);padding:10px 14px;border:1px solid #f5e8c923;border-radius:6px;color:#f7f5ef}
.login-top>a:nth-child(2){padding:10px 14px;border:1px solid #f5e8c934;border-radius:5px;background:rgba(12,22,33,.91);color:#f2f4f4;transition:background .25s,border-color .25s}
.login-top>a:nth-child(2):hover{background:#1f3041;border-color:#dfc8978c}
.login-mood select{background:#142334;color:#f2f4f4;border-color:#e7d9bc55}
.login-footer{padding:10px 14px;background:rgba(12,22,33,.94);border:1px solid #f5e8c923;border-radius:5px;color:#cedae4;gap:16px}
.login-footer .scene-motion-button{color:#e0e7ec}
.login-screen .screen-note{width:fit-content;max-width:calc(100% - 44px);margin-inline:auto;padding:7px 12px;background:rgba(12,22,33,.94);border-radius:4px;color:#ccd7e1}
@media(min-width:2000px){.login-editorial{max-width:560px;padding:32px 36px}.login-editorial h1{font-size:60px}.login-editorial p:not(.eyebrow){font-size:17px}.login-editorial p.login-promise{font-size:13px}}
@media(min-width:761px) and (max-width:1100px){.login-layout{gap:26px;grid-template-columns:minmax(330px,395px) minmax(0,1fr)}.login-editorial{padding:23px 23px}.login-editorial h1{font-size:37px}.login-editorial p:not(.eyebrow){font-size:15px}.login-editorial p.login-promise{font-size:12px}.login-footer{flex-wrap:wrap}}
@media(max-width:760px){.login-editorial{padding:0;background:#101821;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;max-width:500px}.login-editorial h1{font-size:40px}.login-editorial p:not(.eyebrow){font-size:15px}.login-top>.brand{padding:8px 10px}.login-top>a:nth-child(2){padding:8px 10px;max-width:148px}.login-mood select{background:#142334}.login-footer{padding:10px 12px;gap:8px 15px}.login-card{background:#0e1925}.login-screen .screen-note{max-width:calc(100% - 34px)}}
@media(max-width:410px){.login-top{gap:10px}.login-top>.brand{padding:7px 8px}.login-top .brand .wordmark{font-size:21px}.login-top>a:nth-child(2){max-width:122px;font-size:10px;padding:7px 9px}.login-editorial h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){.ambient-water,.ambient-leaves{display:none!important}}

/* Bounded photographic effects: each leaf/water patch paints only its own region. */
.scene-layer{isolation:isolate;backface-visibility:hidden}
.ambient-leaves,.ambient-water{contain:paint;isolation:isolate;overflow:hidden;inset:auto}
.ambient-leaves>div,.ambient-water>div{will-change:auto;background-repeat:no-repeat}
.scene-layer[data-ambient-ready=false]>[class^=ambient-]{visibility:hidden}
[data-scene][data-transitioning=true] [class^=ambient-],[data-scene][data-transitioning=true] [class^=ambient-] *{animation-play-state:paused!important}
[data-scene][data-transitioning=true] .ambient-water:before,[data-scene][data-transitioning=true] .ambient-water:after{animation-play-state:paused!important}
.ambient-water:before,.ambient-water:after{mix-blend-mode:normal;contain:paint}
.ambient-water:after{opacity:.31}.ambient-water:before{opacity:.23}
[data-light=evening] .ambient-water:after{opacity:.36}
.ambient-citylight{position:absolute;width:2px;height:1.4px;border-radius:40%;background:#ffe4b7;box-shadow:0 0 2px #ffd5934a;opacity:.12;pointer-events:none;animation:citylight-v6 var(--glow-period,11s) ease-in-out infinite;animation-delay:var(--glow-delay,0s);animation-play-state:paused}
@keyframes citylight-v6{0%,100%{opacity:.06}37%{opacity:.42}69%{opacity:.14}}
.ambient-waterfront{position:absolute;pointer-events:none;overflow:hidden;contain:paint;inset:auto}
.ambient-waterfront i{position:absolute;left:0;top:35%;width:2px;height:1px;background:#ffdea6;box-shadow:0 0 1px #ffdda577;border-radius:50%;opacity:0;animation:waterfront-v6 29s linear infinite;animation-play-state:paused}
.ambient-waterfront i:nth-child(2){background:#e8a29b;top:70%;animation-delay:-13s;animation-duration:37s;animation-direction:reverse}
@keyframes waterfront-v6{0%{left:1%;opacity:0}8%,88%{opacity:.42}100%{left:98%;opacity:0}}
[data-scene][data-awake=true] .ambient-citylight,[data-scene][data-awake=true] .ambient-waterfront i{animation-play-state:running}
.explorer-features{left:50%;right:auto;bottom:27px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 44px);align-items:center;gap:10px}
.scene-focus-label{font-size:11px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:12px;color:#ffe3ab}
.scene-focus-label:before,.scene-focus-label:after{content:'';width:29px;height:1px;background:linear-gradient(90deg,transparent,#e8c98e)}
.scene-focus-label:after{transform:rotate(180deg)}
.scene-focus-buttons{background:#0c1725eb;border-color:#efd4a570;box-shadow:0 8px 30px #0004;backdrop-filter:none;justify-content:center}
.scene-focus-buttons button{font-size:13px;padding:11px 16px}
.scene-focus-buttons button[aria-pressed=true]{background:#e2c38c30;border-color:#e9ca8680}
@media(min-width:2000px){.explorer-features{bottom:34px}.scene-focus-label{font-size:12px}.scene-focus-buttons button{font-size:15px;padding:13px 23px}}
@media(min-width:761px) and (max-width:1100px){.explorer-features{max-width:calc(100% - 36px);bottom:22px}.scene-focus-buttons button{padding:10px 12px;font-size:12px}}
@media(max-width:760px){.explorer-features{position:relative;left:auto;right:auto;bottom:auto;transform:none;width:auto;max-width:none;align-items:center;padding:15px 18px 16px}.scene-focus-label{font-size:10px}.scene-focus-buttons{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.scene-focus-buttons button{font-size:12px;padding:10px 6px}.scene-focus-buttons:has(button:last-child:nth-child(3)) button:first-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.ambient-citylight,.ambient-waterfront{display:none!important}}
@media print{.ambient-citylight,.ambient-waterfront{display:none!important}}

/* Resume photographic detail gently after the new light has settled. */
.ambient-leaves,.ambient-water{transition:opacity .6s ease}
.scene-layer[data-ambient-ready=false] .ambient-leaves,.scene-layer[data-ambient-ready=false] .ambient-water{opacity:0}
@media(prefers-reduced-motion:reduce){.ambient-leaves,.ambient-water{transition:none}}

/* Keep people visible beside the overview copy in the wider activity photographs. */
@media(min-width:1101px) and (max-width:1999px){.building-explorer[data-view=packages][data-feature=room] .explorer-readout,.building-explorer[data-view=visitors][data-feature=greeting] .explorer-readout{width:270px;max-width:24%}.building-explorer[data-view=packages][data-feature=room] .service-title,.building-explorer[data-view=visitors][data-feature=greeting] .service-title{font-size:37px}.building-explorer[data-view=packages][data-feature=room] .explorer-readout p:not(.eyebrow):not(.service-plan){font-size:15px}}

/* Provisional supplied identity; the original artwork is preserved. */
.brand-symbol{display:block;position:relative;flex:0 0 60px;width:60px;height:46px;overflow:hidden;mix-blend-mode:screen}
.brand .brand-symbol img{position:absolute;width:84px!important;height:84px!important;max-width:none;left:-11px;top:-8px;object-fit:contain}
.brand .wordmark{font-family:Arial,sans-serif;font-size:27px;letter-spacing:-1.2px;font-weight:600}
.brand .wordmark b{font-weight:700;color:#e6c689}
.brand small{font-size:8px;letter-spacing:1.4px;line-height:1.6;color:#e5c991}
.nav-inner{gap:22px}.nav-links{gap:21px}.nav-links a{font-size:13px}.nav-actions{gap:19px}
.hero-copy{width:650px;max-width:53%}.hero h1{font-size:clamp(43px,3.9vw,68px);line-height:1.09;letter-spacing:-1.8px;max-width:690px}.hero h1 em{margin-top:7px}
.hero-lead{max-width:500px;font-size:17px;line-height:1.75}.hero .eyebrow{font-size:11px;letter-spacing:2.4px}.hero-small{font-size:12px}
.intro-strip h2{font-size:29px;line-height:1.25;max-width:610px}.intro-strip p{font-size:17px;max-width:540px}.intro-strip .wrap{align-items:center;gap:65px}
.role-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.role-card{padding:24px 19px;min-height:235px}.role-card strong{font-size:23px;line-height:1.17}.role-card p{font-size:14px;line-height:1.65}.role-detail{min-height:157px}.role-detail h3{font-size:30px;line-height:1.2}.role-detail p{font-size:17px}
.challenge h3{font-size:32px}.challenge .eyebrow{font-size:10px;margin-bottom:16px}.challenge p{font-size:16px}
.principles-section{position:relative;background:linear-gradient(125deg,#17222c,#101820 55%,#19252e);border-block:1px solid #d7bf8b22}
.principles-heading{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:end;margin-bottom:30px}.principles-heading h2{font-size:clamp(34px,3.6vw,52px);line-height:1.12}.principles-heading>p{font-size:17px;line-height:1.85;max-width:580px}
.essence-line{display:flex;flex-wrap:wrap;gap:14px 32px;margin:0 0 36px;padding-bottom:28px;border-bottom:1px solid #e2c89130;color:#f0dbb3;font-family:Georgia,serif;font-size:20px}
.essence-line span+span:before{content:'·';margin-right:30px;color:#a68d65}
.pillar-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.pillar-tabs button{padding:12px 19px;min-height:46px;border:1px solid #b6c2cb30;border-radius:4px;background:#ffffff04;font-size:14px;color:#ced5db;transition:background .2s,border-color .2s}
.pillar-tabs button:hover{border-color:#e6c68980}.pillar-tabs button[aria-selected=true]{color:#f6e2b8;border-color:#e6c68985;background:#d6b87e18}
.principles-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(280px,.8fr);gap:50px;align-items:center}
.pillar-panel{position:relative;min-height:375px;padding:36px 0 24px}.pillar-index{display:flex;align-items:center;gap:14px;color:#e6c689;letter-spacing:2px;text-transform:uppercase;font-size:11px;margin-bottom:16px}.pillar-index b{font-size:26px;font-family:Georgia,serif;font-weight:400;letter-spacing:0}
.pillar-panel h3{font-size:clamp(29px,2.6vw,39px);line-height:1.18;max-width:590px;margin:0 0 15px}.pillar-definition{font-size:18px;line-height:1.7;color:#f0dfbe;max-width:600px}.pillar-copy{font-size:16px;line-height:1.85;max-width:600px;margin-top:16px}
.pillar-services{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.pillar-services button{min-height:44px;border:0;border-bottom:1px solid #d6b87970;padding:9px 0;margin-right:18px;background:transparent;color:#e7ce98;font-size:14px;text-align:left}.pillar-services button:hover{color:#fff0ce;border-color:#fff0ce}
.brand-art{margin:0;border:1px solid #d5b77538;background:#0b0b0c;border-radius:6px;overflow:hidden}.brand-art img{display:block;width:100%;height:auto}.brand-art figcaption{padding:13px 18px;color:#b9b3a8;font-size:11px;line-height:1.6;border-top:1px solid #c9ae7b22}.brand-art button{border:0;padding:0;margin:0 0 0 8px;background:none;color:#e4c78d;text-decoration:underline;text-underline-offset:3px}
.brand-purpose{margin-top:32px;border-top:1px solid #d6bf9630;padding-top:22px}.brand-purpose summary{cursor:pointer;color:#ecd6ad;min-height:44px;font-size:18px;font-family:Georgia,serif}.brand-purpose p{max-width:950px;font-size:16px;line-height:1.85;margin:8px 0 0}.brand-purpose[open] summary{margin-bottom:12px}
.brand-study-intro{font-size:16px;line-height:1.8}.brand-study-sheet{display:block;width:100%;height:auto;margin:22px 0;border-radius:6px}.brand-study-directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.brand-study-directions h3{font-size:21px;margin-bottom:8px}.brand-study-directions p{font-size:14px}.brand-study-current{display:grid;grid-template-columns:155px 1fr;align-items:center;gap:24px;margin-top:26px;border-top:1px solid #d9c19130;padding-top:24px}.brand-study-current img{width:155px;height:auto;border-radius:5px}
.dialog.brand-dialog{width:min(1180px,calc(100vw - 36px));max-width:1180px}.footer-copy{font-size:15px;max-width:360px}.footer-links a{font-size:13px}
.login-editorial h1{font-size:clamp(42px,4.2vw,66px);line-height:1.13}.login-editorial>p:not(.eyebrow){font-size:17px;line-height:1.8}
@media(min-width:2000px){.hero-copy{max-width:48%;width:860px}.hero h1{font-size:78px;max-width:880px}.hero-lead{max-width:630px;font-size:20px}.role-card p{font-size:16px}}
@media(max-width:1250px){.nav-links{gap:13px}.nav-links a{font-size:12px}.nav-actions{gap:14px}.role-card{padding:21px 15px}.role-card strong{font-size:21px}}
@media(max-width:1100px){.hero-copy{max-width:62%}.hero h1{font-size:49px}.hero-lead{font-size:17px}.role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.role-card{min-height:205px}.principles-grid{gap:28px;grid-template-columns:minmax(0,1.3fr) minmax(240px,.8fr)}.principles-heading{gap:30px}.brand-symbol{flex-basis:50px;width:50px}.brand .brand-symbol img{left:-16px}.nav-inner{gap:15px}}
@media(max-width:760px){.brand .wordmark{font-size:23px}.brand small{font-size:6.8px;letter-spacing:.9px}.brand-symbol{flex-basis:43px;width:43px;height:39px}.brand .brand-symbol img{width:73px!important;height:73px!important;left:-14px;top:-7px}.hero-copy{width:100%;max-width:none}.hero h1{font-size:clamp(35px,8.8vw,53px);letter-spacing:-1px;max-width:620px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.hero-lead{font-size:16px}.hero-small{font-size:11px}.intro-strip .wrap{gap:22px}.intro-strip h2{font-size:27px}.intro-strip p{font-size:16px}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-card{min-height:206px;padding:21px 17px}.role-card:last-child{grid-column:1/-1;min-height:145px}.role-card strong{font-size:22px}.role-card p{font-size:14px}.role-detail{min-height:0;gap:17px}.role-detail h3{font-size:28px}.role-detail p{font-size:16px}.principles-heading{grid-template-columns:1fr;gap:22px}.principles-heading h2{font-size:34px}.principles-heading>p{font-size:16px}.essence-line{display:grid;gap:9px;font-size:19px}.essence-line span+span:before{display:none}.principles-grid{grid-template-columns:1fr;gap:24px}.pillar-panel{min-height:0;padding-top:15px}.pillar-tabs{gap:7px}.pillar-tabs button{font-size:13px;padding:10px 14px}.pillar-panel h3{font-size:31px}.pillar-copy{font-size:16px}.brand-art{width:min(100%,370px);margin:0 auto}.brand-study-directions{grid-template-columns:1fr}.brand-study-current{grid-template-columns:1fr}.brand-study-current img{width:170px}.dialog.brand-dialog{width:calc(100vw - 24px)}.login-editorial h1{font-size:40px}.login-editorial>p:not(.eyebrow){font-size:16px}}
@media(prefers-reduced-motion:reduce){.pillar-tabs button{transition:none}}

/* Supplied photographic artwork retains its gold and charcoal colors. */
.brand .brand-symbol img{filter:none!important}

@media(max-width:420px){.nav-actions{gap:9px}.nav-inner{gap:10px}.mood-control{width:44px;min-width:44px;min-height:44px;padding:10px;justify-content:center}.mood-control #mood-label,.mood-control .chevron{display:none}.mobile-toggle{width:44px;height:44px}.brand .wordmark{font-size:22px}.brand-symbol{flex-basis:40px;width:40px}.brand small{font-size:6.5px;letter-spacing:.8px}}

:root{--office-sunrise:url("/redesign/assets/office-sunrise-v10.webp");--office-noon:url("/redesign/assets/office-noon-v10.webp");--office-sunset:url("/redesign/assets/office-sunset-v10.webp");--office-evening:url("/redesign/assets/office-evening-v10.webp");}
/* Architectural Orbit is framed as a complete vector emblem, with clear space. */
.brand-symbol{flex:0 0 62px;width:62px;height:53px;overflow:visible;mix-blend-mode:normal}
.brand .brand-symbol img{position:static!important;display:block;width:100%!important;height:100%!important;max-width:100%;object-fit:contain;left:auto!important;top:auto!important;filter:none!important}
.brand{gap:10px}.brand .wordmark{font-size:27px}.brand small{font-size:8px;letter-spacing:1.1px}
.mood-control{width:44px!important;min-width:44px;min-height:44px;padding:10px!important;justify-content:center;gap:0}
.mood-control #mood-label,.mood-control .chevron{display:none}.mood-control .icon{width:19px;height:19px}
.mood-wrap{position:relative}.mood-control:focus-visible{outline:2px solid #efd49a;outline-offset:4px}
/* Hover never restarts a sweep or replaces a gradient with a solid fill. */
.btn::after,.btn:hover::after,.btn:focus-visible::after{content:none!important;animation:none!important;display:none!important}
.btn,.btn:hover,.hot-card,.hot-card:hover{transform:none;transition:border-color .24s ease,box-shadow .24s ease,color .24s ease}
.btn.gold,.btn.gold:hover,.btn.gold:focus-visible{background:linear-gradient(110deg,#e6c987,#cda965);background-color:#d8b978}
.btn.gold:hover,.btn.gold:focus-visible{border-color:#f5dfa8;box-shadow:0 0 0 1px #f8e5b244,0 4px 18px #d6b67517}
.btn:not(.gold):hover{background:transparent;box-shadow:inset 0 0 0 1px #e3c58c20}
.design-bar{font-size:9px;letter-spacing:1.1px}.design-nav{display:flex;align-items:center;gap:6px}.design-nav a{font-size:9px;text-transform:none;letter-spacing:.2px}
.hero-samples{right:17%;top:218px;width:274px;gap:13px}.sample-label{font-size:9px;letter-spacing:1.8px;color:#f0d8a7;margin:0 0 2px}
.hero-samples .hot-card{display:grid;grid-template-columns:23px 1fr 13px;gap:12px;width:100%;padding:19px 16px;text-align:left;background:linear-gradient(135deg,#182028e8,#26303ae0);border:1px solid #e2c69165;border-radius:7px;backdrop-filter:none;box-shadow:0 7px 24px #0002;animation:none}
.hero-samples .hot-card:nth-of-type(2){transform:none}.hero-samples .hot-card:hover,.hero-samples .hot-card:focus-visible{background:linear-gradient(135deg,#222d37f0,#2c3640e8);border-color:#f0d7a5;box-shadow:0 0 0 1px #d6b87e20,0 10px 28px #0002}
.hot-card strong{font-size:15px;line-height:1.3;font-weight:600}.hot-card small{font-size:12px;line-height:1.55;color:#d0d5d9;margin-top:7px}.hot-card .icon{color:#edce92}
.hero-bottom{display:block;padding-top:23px}.hero-bottom .scroll-link{display:none}.hero-footer .benefits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:19px;width:100%}
.benefit{max-width:none;font-size:12px;align-items:flex-start;gap:11px;line-height:1.5}.benefit span strong{font-size:13px;font-weight:600;display:block;color:#f2eadb}.benefit span small{display:block;font-size:12px;color:#c4cdd4;margin-top:3px}.benefit .icon{width:22px;height:22px;flex:0 0 22px;margin-top:2px}
.intro-strip h2{font-size:32px;line-height:1.24}.brand-art figcaption{display:none}
.brand-art{max-width:380px;justify-self:end}.footer-bottom>p{font-size:11px}
.ecosystem-layout{grid-template-columns:1.12fr 1fr;gap:70px}.tool-network{position:relative;width:100%;padding:29px 25px 25px;border:1px solid #d8bd852e;border-radius:12px;background:linear-gradient(135deg,#1d2b3766,#0c152255)}
.network-core{display:flex;gap:14px;justify-content:center;align-items:center;margin:0 auto 25px;padding-bottom:26px;border-bottom:1px solid #d9bc8540;position:relative}.network-core:after{content:'';position:absolute;bottom:-14px;height:13px;width:1px;background:#dec48b80}.network-core img{width:65px;height:55px}.network-core strong{font-size:23px;font-weight:500}.network-core small{display:block;font-size:8px;letter-spacing:1.4px;color:#e2c68d;margin-top:6px}
.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tool-node{position:relative;display:flex;flex-direction:column;gap:11px;justify-content:center;align-items:center;padding:16px 9px;min-height:93px;border:1px solid #aebac52e;background:#23303b8a;border-radius:6px;color:#dbe0e3;text-align:center;font-size:12px;line-height:1.35;transition:background-color .2s,border-color .2s}
.tool-node .icon{width:23px;height:23px;color:#d6bd89}.tool-node:hover,.tool-node:focus-visible{border-color:#e5c68b90;background:#2b3944}.tool-node[aria-pressed=true]{border-color:#e7c991;background:#493e2f80;color:#ffe5b1}.tool-node[aria-pressed=true]:after{content:'';width:5px;height:5px;position:absolute;right:8px;top:8px;background:#e7c991;border-radius:50%}
.feature-readout{min-height:196px}.comparison{grid-template-columns:.8fr 1.4fr;gap:60px;align-items:start}.comparison>div>p:not(.eyebrow){font-size:16px;max-width:380px}
.comparison-shell{min-width:0}.comparison-scroll{max-height:480px;overflow:auto;overscroll-behavior:contain;border:1px solid #d9bd8540;border-radius:8px;scrollbar-width:thin;scrollbar-color:#bd9e68 #14202b;scroll-padding-top:65px}.comparison-scroll:focus-visible{outline:2px solid #e8ca90;outline-offset:5px}
.workflow-table{border-collapse:separate;border-spacing:0;width:100%;min-width:540px;text-align:left;font-size:14px;line-height:1.6}.workflow-table thead{position:sticky;top:0;z-index:2}.workflow-table th{padding:17px 21px;background:#1b2631;color:#cbd4dc;font-size:10px;text-transform:uppercase;letter-spacing:1.6px;vertical-align:top;border-bottom:1px solid #d8bc8545}.workflow-table th:last-child{background:#29302f;color:#e8cb91}.workflow-table td{padding:18px 21px;vertical-align:top;border-bottom:1px solid #c3cdd91a;color:#bdc8d0;background:#18232be6}.workflow-table td:last-child{background:#b497570c;color:#f1eadd;border-left:1px solid #d4bd8725}.workflow-table td strong{display:block;color:#eee6d5;margin-bottom:5px;font-size:14px;font-weight:600}.workflow-table tbody tr:last-child td{border-bottom:0}.comparison-hint{font-size:11px;color:#b9c4cf;display:flex;align-items:center;gap:8px;margin:13px 0 0}.comparison-hint .icon{width:15px;height:15px;color:#ddbf85}
.secure-entry{margin:24px 0 25px;padding:21px;border:1px solid #d6bc8555;background:#10203080;border-radius:7px}.secure-entry strong{display:block;font-size:16px;color:#ece2cf;margin-bottom:8px}.secure-entry>p{font-size:14px;line-height:1.65;margin:0 0 19px}.secure-entry .btn{width:100%;font-size:13px;padding-inline:14px;gap:12px}.secure-entry small{display:block;font-size:11px;text-align:center;color:#b7c1ca;margin-top:11px}
.analytics-panel{position:absolute;z-index:6;right:max(36px,calc((100vw - 1480px)/2));top:96px;bottom:118px;width:min(58%,850px);border:1px solid #d8c18d70;border-radius:12px;background:#111e2df5;box-shadow:0 30px 60px #0005;padding:24px;overflow:auto;scrollbar-width:thin;color:#e7edf0;transition:opacity .35s,translate .4s}
.building-explorer[data-travelling=true] .analytics-panel{opacity:.45;translate:8px 0}.analytics-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:17px;border-bottom:1px solid #cad4df22}.analytics-top strong{font-size:17px}.analytics-top small{display:block;font-size:10px;color:#b0bdcc;margin-top:5px}.sample-data{font-size:10px;letter-spacing:.5px;color:#edcf96;background:#e7c38715;border:1px solid #d6b87535;border-radius:20px;padding:5px 10px;white-space:nowrap}
.analytics-toolbar{display:flex;justify-content:space-between;align-items:center;margin:17px 0;gap:10px}.analytics-toolbar>span{font-size:11px;color:#bbc6d0}.analytics-range{display:flex;gap:5px}.analytics-range button{background:transparent;color:#c5d0da;border:1px solid #b1bfd239;border-radius:4px;min-height:35px;padding:5px 10px;font-size:11px}.analytics-range button[aria-pressed=true]{background:#d7bb7d25;border-color:#e4c48a;color:#f6dfb1}
.analytics-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.analytics-metric{background:#24334377;border:1px solid #a5b8cc28;border-radius:6px;padding:12px}.analytics-metric span{font-size:10px;line-height:1.35;color:#b4c4d0;display:block;min-height:27px}.analytics-metric b{font-size:26px;font-weight:500;color:#f2e4c7;display:block;margin-top:5px}
.analytics-chart{margin-top:18px;background:#0c172370;border:1px solid #abc0d222;border-radius:7px;padding:14px}.analytics-chart h4{font-family:Arial,sans-serif;font-size:12px;font-weight:500;margin:0;color:#dbe3e8}.analytics-chart svg{display:block;width:100%;height:135px;overflow:visible;margin-top:10px}.analytics-chart svg text{font-size:10px;fill:#94aabd}.chart-legend{display:flex;gap:20px;font-size:10px;color:#bdcdd6;margin-top:3px}.chart-legend span:before{content:'';display:inline-block;width:12px;height:2px;vertical-align:middle;margin-right:6px;background:#e4c588}.chart-legend span+span:before{background:#8daaaa}
.analytics-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;margin-top:16px}.analytics-bottom h4{font-family:Arial,sans-serif;font-size:11px;font-weight:500;margin:0 0 10px;color:#dce4e9}.analytics-link-row{font-size:10px;color:#b4c5d0;margin-top:7px;display:grid;grid-template-columns:1fr auto;gap:5px}.analytics-link-row i{grid-column:1/-1;background:#283947;height:3px;border-radius:3px;overflow:hidden}.analytics-link-row i:before{content:'';width:var(--bar);height:100%;display:block;background:#b7a176}
.hour-bars{display:flex;gap:5px;align-items:flex-end;height:65px;border-bottom:1px solid #5a6b7840;padding:0 2px}.hour-bars i{flex:1;height:var(--bar);background:#829e9e;border-radius:2px 2px 0 0}.hour-labels{display:flex;justify-content:space-between;color:#9bb0c1;font-size:9px;margin-top:5px}.analytics-footnote{font-size:10px;line-height:1.6;color:#9fafbd;margin:14px 0 0}
.adoption-breakdown{padding:24px 0 16px}.adoption-breakdown>strong{font-weight:400;font-size:32px;color:#e2c68f}.adoption-breakdown>span{margin-left:10px;color:#c6d1da;font-size:13px}.adoption-track{height:12px;background:#263d4f;border-radius:8px;overflow:hidden;margin:18px 0 12px}.adoption-track i{display:block;width:28%;height:100%;background:#e1bd7a}.queue-cards{display:grid;gap:13px;margin-top:22px}.queue-cards article{display:flex;align-items:center;gap:23px;border:1px solid #abbccc26;background:#24333f66;border-radius:7px;padding:22px}.queue-cards b{font-weight:500;color:#e8cd95;font-size:35px;min-width:48px}.queue-cards strong{display:block;font-size:13px;font-weight:500}.queue-cards small{display:block;margin-top:5px;font-size:11px;color:#aebfcd}
@media(min-width:2000px){.hero-samples{right:16%;top:240px;width:330px}.hot-card strong{font-size:18px}.hot-card small{font-size:14px}.hero-samples .hot-card{padding:23px 19px}.benefit span strong{font-size:15px}.benefit span small{font-size:14px}.analytics-panel{top:125px;bottom:150px;padding:32px}.analytics-chart svg{height:210px}.analytics-metric b{font-size:35px}.analytics-metric span{font-size:13px}.analytics-top strong{font-size:22px}.analytics-chart h4,.analytics-bottom h4{font-size:15px}.analytics-link-row{font-size:13px}.analytics-footnote{font-size:12px}}
@media(min-width:1101px) and (max-width:1399px){.hero-copy{max-width:54%}.hero h1{font-size:46px}.hero-samples{right:18%;width:245px;top:211px}.hero-samples .hot-card{padding:15px 13px}.hot-card strong{font-size:14px}.hero-lead{max-width:420px}.benefit span strong{font-size:12px}.benefit span small{font-size:11px}.nav-actions{gap:15px}.nav-links{gap:14px}.nav-links a{font-size:12px}.brand-symbol{width:54px;flex-basis:54px;height:47px}}
@media(max-width:1100px){.ecosystem-layout{gap:30px}.tool-network{padding:23px 16px}.tool-grid{gap:8px}.tool-node{font-size:11px;min-height:87px}.comparison{gap:30px}.analytics-panel{right:24px;width:55%;top:95px;bottom:120px;padding:18px}.analytics-metric{padding:9px}.analytics-metric b{font-size:22px}.analytics-bottom{gap:12px}.analytics-chart svg{height:115px}.hero-samples{top:auto;bottom:153px;right:0;width:252px}.hero-samples .hot-card{display:grid;padding:14px 13px}.hero-samples .hot-card>.icon:last-child{display:block}.hero-footer .benefits{gap:13px}.benefit .icon{width:18px;flex-basis:18px}.benefit{gap:7px}.benefit span strong{font-size:11px}.benefit span small{font-size:10px}}
@media(max-width:900px){.ecosystem-layout{grid-template-columns:1fr}.tool-network{max-width:640px;margin:auto}.ecosystem-copy{max-width:640px;margin:auto}.comparison{grid-template-columns:1fr;gap:27px}.comparison>div>p:not(.eyebrow){max-width:600px}.comparison-scroll{max-height:420px}.hero-footer .benefits{grid-template-columns:repeat(3,1fr);row-gap:16px}.hero-body{padding-bottom:205px}.hero-samples{bottom:213px}}
@media(max-width:760px){.brand-symbol{flex:0 0 46px;width:46px;height:41px}.brand .wordmark{font-size:23px}.brand small{font-size:6.8px;letter-spacing:.85px}.brand{gap:7px}.design-bar>span{font-size:7px;letter-spacing:.5px}.design-nav a{padding-inline:7px;font-size:8px}.design-nav a:first-child{display:none}.hero-samples{position:relative;top:auto;bottom:auto;right:auto;display:grid;grid-template-columns:1fr;gap:10px;width:100%;margin-top:31px}.hero-samples .sample-label{grid-column:1/-1;font-size:9px}.hero-samples .hot-card{padding:15px 16px;grid-template-columns:24px 1fr 15px}.hot-card strong{font-size:15px}.hot-card small{font-size:12px;margin-top:4px}.hot-card small br{display:none}.hero-body{padding-bottom:40px}.hero-footer{position:relative;bottom:auto;padding-bottom:30px}.hero-footer .benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 15px}.benefit{max-width:none;gap:9px}.benefit span strong{font-size:12px}.benefit span small{font-size:11px}.benefit .icon{width:21px;flex-basis:21px}.hero-scene-controls{bottom:auto;top:calc(81px + (100vw + 36px)/2.4)}.hero{min-height:0}.hero-bottom{padding-top:22px}.hero .image-note{display:none}.intro-strip h2{font-size:29px}.brand-art{justify-self:center}.analytics-panel{position:relative;inset:auto;width:auto;max-width:none;margin:0 18px 24px;min-height:430px;padding:17px;overflow:visible}.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.analytics-metric span{min-height:0;font-size:10px}.analytics-metric b{font-size:27px;margin-top:8px}.analytics-chart svg{height:145px}.analytics-top strong{font-size:16px}.analytics-toolbar{flex-wrap:wrap}.analytics-footnote{font-size:10px}.analytics-bottom{grid-template-columns:1fr 1fr;gap:14px}.building-explorer[data-view=analytics] .explorer-readout{min-height:0;padding-bottom:22px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-node{font-size:11px;min-height:92px}.tool-network{padding:22px 14px}.network-core strong{font-size:23px}.feature-readout{min-height:215px}.comparison-scroll{max-height:460px}.workflow-table{font-size:13px;min-width:495px}.workflow-table td{padding:17px}.workflow-table th{padding:16px}.secure-entry{padding:18px}}
@media(max-width:370px){.brand .wordmark{font-size:21px}.brand small{font-size:6px}.brand-symbol{flex-basis:39px;width:39px;height:36px}.nav-actions{gap:5px}.hero .btn{font-size:11px}.design-bar>span{max-width:190px;font-size:6px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-panel{padding:14px;margin-inline:12px}.analytics-bottom{grid-template-columns:1fr}.hero-scene-controls .scene-motion-button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.analytics-panel,.btn,.hot-card,.tool-node{transition:none!important}}



/* Stable, translucent reading surfaces calibrated for each photographic light. */
:root{
 --login-editorial-alpha:.76;
 --login-brand-alpha:.74;
 --login-footer-alpha:0.7;
}
:root[data-mood=sunrise]{--login-editorial-alpha:.76;--login-brand-alpha:.74;--login-footer-alpha:.72}
:root[data-mood=noon]{--login-editorial-alpha:0.8;--login-brand-alpha:.78;--login-footer-alpha:.76}
:root[data-mood=sunset]{--login-editorial-alpha:.74;--login-brand-alpha:.72;--login-footer-alpha:0.7}
:root[data-mood=evening]{--login-editorial-alpha:0.7;--login-brand-alpha:0.7;--login-footer-alpha:.68}

.login-screen{padding:29px 0 max(24px,env(safe-area-inset-bottom));min-height:calc(100svh - 31px)}
.login-screen>.wrap{display:flex;flex-direction:column;min-height:calc(100svh - 84px)}
.login-top{flex-shrink:0;margin-bottom:clamp(26px,3vh,42px)}
.login-layout{flex:1 0 auto;align-items:center;padding-block:12px 20px}
.login-editorial{align-self:center;margin:0;max-width:510px;background:rgba(12,22,33,var(--login-editorial-alpha));border-color:#eee1c638;box-shadow:0 16px 48px #0002;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background-color 1.65s ease}
.login-top>.brand{background:rgba(12,22,33,var(--login-brand-alpha));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background-color 1.65s ease}
.login-top>.brand small{color:#efd398}
.login-footer{flex-shrink:0;align-items:center;margin-top:clamp(24px,2.5vh,32px);background:rgba(12,22,33,var(--login-footer-alpha));color:#e0e7ec;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background-color 1.65s ease}
.login-footer .scene-motion-button{color:#e0e7ec}
.login-editorial .eyebrow{color:#efd398}
.login-top>a:nth-child(2){flex-shrink:0}

@media(min-width:1800px){
 .login-editorial{max-width:560px}
}
@media(max-width:760px){
 .login-screen{padding:22px 0 max(20px,env(safe-area-inset-bottom))}
 .login-screen>.wrap{min-height:calc(100svh - 73px)}
 .login-top{margin-bottom:calc(38px + (100vw + 36px)*1.3/2.4)}
 .login-layout{flex:1 0 auto;padding:0;gap:25px}
 .login-editorial{width:100%;max-width:500px;padding:22px 24px;border:1px solid #eee1c625;border-radius:7px}
 .login-editorial h1{font-size:clamp(34px,8.6vw,40px)}
 .login-editorial h1 br{display:initial}
 .login-footer{margin-top:28px}
}
@media(max-width:410px){
 .login-editorial{padding:20px}
 .login-top{align-items:flex-start;gap:12px}
 .login-top>.brand{padding:7px 8px}
 .login-top>a:nth-child(2){margin-left:auto;min-height:44px}
}
@media(prefers-reduced-motion:reduce){
 .login-editorial,.login-top>.brand,.login-footer{transition:none!important}
}


/* Five self-contained perspectives for the entrance, with deliberate manual navigation. */
.hero-samples.hero-showcase{display:block;right:15.5%;top:174px;width:292px;padding:19px 19px 13px;border:1px solid #e6c68a70;border-radius:9px;background:linear-gradient(135deg,#14212ceb,#1a242dec);box-shadow:0 16px 42px #0003;touch-action:pan-y;color:#f2eee5}
.showcase-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:13px;border-bottom:1px solid #e3c79033;margin-bottom:16px}.showcase-topline .sample-label{margin:0;font-size:8px;letter-spacing:1.65px;line-height:1.55}.showcase-topline>span{font-size:9px;white-space:nowrap;color:#b8c4ce;font-variant-numeric:tabular-nums}
.hero-direction{min-height:313px;cursor:grab;user-select:none}.hero-direction:active{cursor:grabbing}.direction-kicker{font-size:8px;letter-spacing:1.15px;color:#dfc48d;margin:0 0 9px}.hero-direction h3{font-size:26px;line-height:1.08;letter-spacing:-0.8px;margin:0 0 10px;font-weight:400}.direction-copy{font-size:13px!important;line-height:1.55!important;color:#c7d1d8!important;margin:0 0 16px!important}
.hero-workflow{list-style:none;margin:0;padding:0;display:grid;gap:0}.hero-workflow li{display:grid;grid-template-columns:22px 1fr 18px;gap:10px;position:relative;align-items:start;padding:9px 0}.hero-workflow li:not(:last-child):after{content:'';position:absolute;left:10px;top:32px;bottom:-7px;width:1px;background:#d7bd7650}.hero-workflow .icon{color:#e6c68c;width:20px;height:20px}.hero-workflow strong{font-size:12px;font-weight:600;display:block}.hero-workflow small{font-size:11px;line-height:1.6;color:#b9c6ce;display:block;margin-top:3px}.hero-workflow li>span{font-size:9px;color:#bca474;padding-top:3px}
.showcase-direction-name{font-size:10px;letter-spacing:.3px;color:#d5c196;margin:8px 0 2px;min-height:16px}.showcase-controls{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px}.showcase-controls>button{width:34px;height:36px;background:none;color:#e4d3b0;border:1px solid #d4bd8335;border-radius:5px;display:grid;place-items:center}.showcase-controls>button:hover{border-color:#e4c58d}.showcase-controls .icon{width:17px;height:17px}.showcase-controls #hero-previous .icon{transform:rotate(180deg)}.direction-dots{display:flex;justify-content:center;gap:0}.direction-dots button{width:27px;min-height:36px;border:0;background:transparent;padding:9px;display:grid;place-items:center}.direction-dots button:before{content:'';width:5px;height:5px;border-radius:50%;background:#687984}.direction-dots button[aria-pressed=true]:before{background:#ecd195;box-shadow:0 0 0 3px #e7c78b18}
.hero-showcase button:focus-visible{outline:2px solid #edce92;outline-offset:3px}.hero-daily{background:#0c1723b3;border:1px solid #aebfce2e;border-radius:6px;overflow:hidden}.mini-toolbar{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:10px 11px;border-bottom:1px solid #aebfce22;font-size:10px}.mini-toolbar>span{display:flex;align-items:center;gap:6px}.mini-toolbar .icon{width:14px;height:14px;color:#d8c391}.mini-toolbar small{font-size:8px;color:#bdc8cd}.hero-metrics{display:grid;grid-template-columns:1fr 1fr;padding:12px 11px;gap:10px}.hero-metrics b{display:block;font-size:26px;font-weight:400;line-height:1.15;color:#ead5ab}.hero-metrics span{display:block;font-size:10px;margin-top:3px;color:#b6c4cf}.mini-queue{display:flex;justify-content:space-between;align-items:center;padding:7px 11px;border-top:1px solid #9daec515;font-size:10px}.mini-queue i{font-style:normal;font-size:8px;color:#e6cb91;background:#d8be7021;padding:3px 5px;border-radius:3px}.mini-queue i.teal{color:#a5ceca;background:#649e941c}
.hero-switch{display:flex;gap:4px;border:1px solid #b0c1cb30;border-radius:5px;padding:3px;margin-bottom:12px}.hero-switch button{flex:1;min-height:35px;background:transparent;border:0;border-radius:3px;font-size:11px;color:#c0cbd1;padding:4px}.hero-switch button[aria-pressed=true]{background:#d7b97b29;color:#f2d9a7}.hero-compare-state{min-height:145px;padding:14px 8px 5px}.connected-hub{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px}.connected-hub>.icon{width:30px;height:30px;color:#ddc08b}.connected-chips{display:flex;justify-content:center;gap:6px;margin:16px -7px 0}.connected-chips span{padding:7px 6px;border:1px solid #d8c18545;border-radius:4px;font-size:9px}.hero-compare-state p,.hero-resident>p{font-size:11px!important;line-height:1.6!important;color:#bfccd3!important;text-align:center;margin:13px 0 0!important}.scattered-notes{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.scattered-notes span{padding:9px;background:#4a484245;border:1px solid #c3b59835;border-radius:3px;font-size:11px}.scattered-notes span:nth-child(2){transform:rotate(-3deg)}.scattered-notes span:last-child{transform:rotate(2deg)}
.hero-role-preview{padding:11px 5px 6px}.hero-role-preview>.icon{width:28px;height:28px;color:#e2c793;margin-bottom:12px}.hero-role-preview>strong{display:block;font-size:13px;margin-bottom:13px}.hero-role-preview>div{display:flex;gap:9px;align-items:center;padding:8px 0;border-top:1px solid #b0bec720;font-size:12px;color:#c4d0d6}.hero-role-preview>div .icon{width:15px;height:15px;color:#a4c8b7}.scan-start{display:flex;align-items:center;gap:12px;padding:5px 0 13px}.scan-start strong{display:block;font-size:12px}.scan-start small{display:block;font-size:10px;line-height:1.5;color:#bdc9d0;margin-top:5px}.sample-qr{width:45px;height:45px;flex:0 0 45px;position:relative;background:repeating-conic-gradient(#dcca9d 0% 25%,transparent 0% 50%) 0/8px 8px;border:5px solid #14212c;outline:1px solid #c5ae7a70;border-radius:3px}.sample-qr i{position:absolute;width:13px;height:13px;border:3px solid #ead4a6;background:#192733;box-shadow:0 0 0 2px #192733;left:0;top:0}.sample-qr i:nth-child(2){left:auto;right:0}.sample-qr i:nth-child(3){top:auto;bottom:0}.hub-preview{display:grid;gap:6px}.hub-preview>div{display:flex;align-items:center;gap:10px;border:1px solid #aebcc72e;background:#101b2780;padding:8px 10px;border-radius:4px;font-size:11px}.hub-preview .icon{width:16px;height:16px;color:#dcc18d}

/* One shared summary treatment for every service overview. */
:root{--overview-alpha:.86}:root[data-mood=noon]{--overview-alpha:0.9}:root[data-mood=evening]{--overview-alpha:.82}
@media(min-width:761px){
 .building-explorer .explorer-viewport{height:clamp(780px,calc(100vw / 3 + 310px),1480px);min-height:780px}
 .building-explorer:not([data-view=overview]) .explorer-readout{padding:24px 26px;border:1px solid #e4cfaa30;border-radius:8px;background:rgba(12,22,33,.82);width:min(390px,31%);max-width:none}
 .building-explorer:not([data-view=overview])[data-feature=room] .explorer-readout{top:86px;left:max(42px,calc((100vw - 1480px)/2));right:max(42px,calc((100vw - 1480px)/2));transform:none;width:auto;max-width:none;padding:24px 28px;background:rgba(12,22,33,var(--overview-alpha));transition:background-color 1.6s ease,opacity .38s,translate .55s}
 .building-explorer:not([data-view=overview])[data-feature=room] #explorer-detail{display:grid;grid-template-columns:1.05fr 1.35fr 1fr;gap:0 31px;align-items:start}
 .building-explorer[data-feature=room] #service-eyebrow{grid-column:1;grid-row:1;margin:0 0 9px}
 .building-explorer[data-feature=room] #service-title{grid-column:1;grid-row:2/4;margin:0;white-space:normal;font-size:clamp(28px,2.45vw,42px);line-height:1.14}
 .building-explorer[data-feature=room] #service-copy{grid-column:2;grid-row:1/3;margin:0;font-size:15px;line-height:1.65}
 .building-explorer[data-feature=room] #service-points{grid-column:3;grid-row:1/3;margin:0;gap:10px}
 .building-explorer[data-feature=room] #service-points li{font-size:13px}
 .building-explorer[data-feature=room] #service-plan{grid-column:2;grid-row:3;font-size:10px;margin:14px 0 0;align-self:end}
 .building-explorer[data-feature=room] #service-cta{grid-column:3;grid-row:3;justify-self:start;align-self:end;margin-top:12px;font-size:11px}
 .building-explorer[data-feature=room] .explorer-shade{background:linear-gradient(180deg,#0b172469,transparent 45%,transparent 75%,#101c2c9c)}
 .building-explorer[data-view=office]:not([data-feature=room]) #service-title{font-size:clamp(35px,2.7vw,50px)}
 .building-explorer[data-view=office][data-feature=operations] .explorer-readout{left:auto;right:max(42px,calc((100vw - 1480px)/2))}
 .building-explorer[data-view=office][data-feature=operations] .explorer-shade{background:linear-gradient(90deg,transparent 30%,#0c172380 80%)}
 .building-explorer[data-view=analytics] .explorer-viewport{height:clamp(1050px,60vw,1500px)}
 .building-explorer[data-view=analytics][data-feature=room] .analytics-panel{top:340px;left:max(42px,calc((100vw - 1480px)/2));right:max(42px,calc((100vw - 1480px)/2));bottom:123px;width:auto;max-width:none}
}
@media(min-width:761px) and (max-width:1050px){
 .building-explorer:not([data-view=overview])[data-feature=room] .explorer-readout{left:26px;right:26px;padding:22px}
 .building-explorer:not([data-view=overview])[data-feature=room] #explorer-detail{grid-template-columns:1fr 1.35fr;gap:0 25px}
 .building-explorer[data-feature=room] #service-points{grid-column:1/-1;grid-row:4;display:flex;gap:15px;margin-top:17px}
 .building-explorer[data-feature=room] #service-points li{flex:1;font-size:12px}
 .building-explorer[data-feature=room] #service-plan{grid-column:1;grid-row:5;font-size:9px}
 .building-explorer[data-feature=room] #service-cta{grid-column:2;grid-row:5}
 .building-explorer[data-view=analytics][data-feature=room] .analytics-panel{top:400px;left:26px;right:26px}
 .building-explorer:not([data-view=overview]):not([data-feature=room]) .explorer-readout{width:320px;padding:20px;max-width:40%}
}
@media(min-width:2000px){.building-explorer[data-feature=room] #service-copy{font-size:18px}.building-explorer[data-feature=room] #service-points li{font-size:16px}.building-explorer:not([data-view=overview])[data-feature=room] .explorer-readout{top:105px;padding:30px 34px}.building-explorer[data-view=analytics][data-feature=room] .analytics-panel{top:400px}}

/* In-place visual explanations connect principles to concrete product behavior. */
.principles-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:50px;align-items:center}.pillar-services{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.pillar-services button{display:flex;align-items:center;gap:9px;min-height:42px;padding:9px 12px;border:1px solid #d8c4943b;border-radius:5px;background:#131f2b5c;color:#d5dee4;text-align:left;font-size:12px;line-height:1.45}.pillar-services button:after{content:'›';font-size:18px;color:#ceba8e}.pillar-services button[aria-pressed=true]{border-color:#e5c88e;background:#ddbd7520;color:#f4dba5}.pillar-services button:focus-visible{outline:2px solid #e4c78b;outline-offset:3px}
.pillar-visual{min-width:0;min-height:530px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #d9bf8550;border-radius:10px;background:linear-gradient(140deg,#202d38,#0d1824);box-shadow:0 20px 60px #0002;position:relative}.example-chrome{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #aabdc528;padding:16px 23px;color:#eee5d2}.example-chrome>span{display:flex;gap:8px;align-items:center;font-size:13px}.example-chrome .icon{width:19px;height:19px;color:#ddc188}.example-chrome small{font-size:9px;color:#b3c2cb}.example-heading{padding:22px 25px 0}.example-heading>p{font-size:10px;color:#dfc58b;letter-spacing:1.3px;text-transform:uppercase;margin:0 0 9px}.example-heading h4{font-size:27px;font-weight:400;line-height:1.16;letter-spacing:-0.4px;margin:0;color:#f0ece4}.example-body{padding:23px 25px;flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.example-footnote{margin:0;padding:14px 25px;border-top:1px solid #aabdc526;color:#acbdc9;font-size:10px;line-height:1.6;min-height:61px}
.example-flow{list-style:none;margin:0;padding:0;display:grid;gap:0}.example-flow li{position:relative;display:grid;grid-template-columns:35px 1fr;gap:15px;padding:15px 0}.example-flow li:not(:last-child):after{content:'';position:absolute;left:17px;top:53px;bottom:-12px;width:1px;background:linear-gradient(#c7b07860,#8dafa240)}.flow-marker{height:35px;border:1px solid #d8bd8065;background:#e5bf7810;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#e9cf9a}.flow-marker .icon{width:17px;height:17px}.example-flow strong{font-size:14px;font-weight:500;color:#e4e7e7}.example-flow p{margin:5px 0 0;font-size:12px;color:#aec0cc;line-height:1.6}.example-flow.progress li:last-child .flow-marker{color:#acd2bf;border-color:#8aba9d80}
.example-role-grid{display:grid;gap:10px}.example-role-grid>div{display:grid;grid-template-columns:23px 1fr auto;gap:12px;align-items:center;border:1px solid #9eb4c22f;border-radius:6px;padding:16px 12px;background:#27374566}.example-role-grid .icon{width:20px;height:20px;color:#d7bf8b}.example-role-grid strong{font-size:13px;color:#e3e9e9;font-weight:500}.example-role-grid p{font-size:11px;color:#b3c4d0;margin:5px 0 0;line-height:1.6}.access-pill{font-size:8px;color:#aed0c3;border:1px solid #7ba79860;padding:4px 6px;border-radius:10px}.scope-line,.portfolio-line{border:1px dashed #a8b7c238;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;padding:12px;color:#cbd7de;font-size:11px}.scope-line .icon,.portfolio-line .icon{width:16px;height:16px;color:#dcc797}
.sample-table-wrap{overflow-x:auto;border:1px solid #aebec631;border-radius:6px}.sample-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;min-width:280px}.sample-table th{font-size:9px;font-weight:500;color:#b8cad5;letter-spacing:.35px;padding:14px 12px;background:#0e1c29}.sample-table td{padding:22px 12px;border-top:1px solid #a5b9c323;color:#e0e7e9}.table-status{font-size:9px;color:#cce0d4;background:#6fa99a1e;border:1px solid #89b8a63c;padding:5px 7px;border-radius:12px;white-space:nowrap}
.example-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.example-board article{background:#0e1b2780;border:1px solid #b8c2c731;border-radius:7px;padding:16px 12px;min-width:0}.example-board .icon{width:18px;height:18px;color:#b5c6cd}.example-board b{display:block;font-size:40px;line-height:1;margin:20px 0 13px;font-weight:400;color:#e6c991}.example-board p{font-size:11px;color:#c0ced5;line-height:1.5;min-height:49px;margin:0 0 14px}.sample-meter{height:3px;background:#3b4e5d}.sample-meter i{display:block;height:100%;background:#b8a170}.example-note{font-size:11px;line-height:1.6;color:#aebfca;text-align:center;margin-top:22px}
.example-hub{border:1px solid #b7c7d137;background:#0c1824;border-radius:7px;overflow:hidden}.example-hub-top{display:flex;align-items:center;gap:17px;padding:20px 18px;border-bottom:1px solid #d7bd7533}.example-hub-top strong{font-size:17px;font-weight:500;color:#e7d7b2}.example-hub-top p{font-size:10px;margin:6px 0 0;color:#aabdc8}.hub-service{display:grid;grid-template-columns:21px 1fr 13px;gap:10px;align-items:center;margin:0 17px;padding:15px 0;border-bottom:1px solid #b4c2ca24}.hub-service:last-child{border:0}.hub-service .icon{width:18px;height:18px;color:#c9b580}.hub-service>.icon:last-child{width:12px;height:12px}.hub-service strong{display:block;font-size:12px;color:#dce4e7;font-weight:500}.hub-service small{display:block;color:#a9bdca;font-size:10px;line-height:1.6;margin-top:4px}
.example-notice{background:#f1f1eb;color:#23313e;padding:22px 25px;border:5px solid #37434b;box-shadow:0 9px 22px #0004;border-radius:4px}.notice-mast{font-weight:600;font-size:15px;border-bottom:1px solid #a6aa9b;padding-bottom:14px;display:flex;justify-content:space-between;gap:12px;align-items:center}.notice-mast span{font-size:8px;color:#657477;font-weight:400;max-width:70px;line-height:1.6;text-align:right}.notice-kicker{font-size:8px;letter-spacing:1.1px;color:#7b653c;margin:21px 0 9px}.example-notice h5{font-family:Georgia,serif;font-size:25px;line-height:1.1;margin:0 0 19px;font-weight:400}.notice-body{display:grid;gap:14px}.notice-body strong{font-size:9px;letter-spacing:.5px;color:#4a5c62}.notice-body p{font-size:11px;line-height:1.5;margin:5px 0 0}.notice-rule{height:1px;background:#c5baa1;margin-top:20px}.notice-signoff{display:block;font-size:8px;margin-top:10px;color:#6d725e}
.example-buildings{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center}.building-model{height:100px;display:flex;justify-content:center;align-items:flex-end;gap:2px;margin-bottom:18px}.building-model i{width:18px;height:67px;border:1px solid #cbb578;border-top:3px solid #e1ca90;background:repeating-linear-gradient(0deg,#657c8066 0 3px,transparent 3px 8px),linear-gradient(90deg,#142430,#3c4c52)}.building-model i:nth-child(2){height:98px;width:27px}.building-model i:nth-child(3){height:78px}.building-1{transform:scale(.87);transform-origin:center bottom}.building-2{transform:scale(.95);transform-origin:center bottom}.example-buildings strong{font-size:12px;color:#e7d4ac;font-weight:500}.example-buildings p{font-size:10px;line-height:1.6;color:#a8bdcc;margin:8px 0 0}.calendar-month{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:14px;color:#dce5e8}.calendar-month span{font-size:9px;color:#9bb4c2}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.calendar-days b{font-size:8px;color:#8ba5b8;font-weight:400;padding-bottom:8px}.calendar-days>span{display:grid;place-items:center;min-height:27px;font-size:10px;border:1px solid #b0c3cc14;background:#18304035;color:#b5c9d4;border-radius:3px}.calendar-days .has-event{background:#dabd7433;border-color:#e3bf7680;color:#edd9ab}.calendar-events{display:grid;gap:7px;margin-top:16px}.calendar-events>div{display:flex;gap:10px;align-items:center;font-size:11px;color:#c4d1d9}.calendar-events b{font-size:9px;font-weight:400;background:#d6b6701e;color:#e1c594;width:26px;padding:5px;border-radius:4px;text-align:center}
.example-listings{display:grid;gap:12px}.example-listings article{border:1px solid #a6bacb29;border-radius:6px;background:#17293966;padding:15px;display:flex;align-items:center;gap:16px}.listing-symbol{height:65px;width:62px;flex:0 0 62px;background:linear-gradient(125deg,#39433d,#202e38);border:1px solid #b8c1a12a;border-radius:4px;display:grid;place-items:center}.listing-symbol .icon{width:27px;height:27px;color:#cbb884}.example-listings small{display:block;font-size:9px;color:#c3ab76;letter-spacing:.7px;margin-bottom:7px}.example-listings strong{display:block;font-size:12px;color:#d9e3e7;line-height:1.45;font-weight:500}.listing-review{display:block;font-size:8px;color:#8eb7ad;margin-top:9px}
.workflow-table th:last-child{position:relative;padding-right:60px}.comparison-motion{position:absolute;right:13px;top:50%;transform:translateY(-50%);width:31px;height:31px;display:grid;place-items:center;padding:5px;border:1px solid #d3bc8150;border-radius:5px;background:#10232b55;color:#ead09a}.comparison-motion svg{width:15px;height:15px}.comparison-motion:focus-visible{outline:2px solid #ecd197;outline-offset:3px}.comparison-scroll{scroll-behavior:auto!important;overflow-anchor:none}
@media(min-width:2000px){.hero-samples.hero-showcase{width:342px;right:16%;top:220px;padding:25px 25px 18px}.hero-direction{min-height:345px}.hero-direction h3{font-size:31px}.direction-copy{font-size:15px!important}.hero-workflow strong{font-size:14px}.hero-workflow small{font-size:12px}.direction-kicker{font-size:9px}.showcase-topline .sample-label{font-size:9px}.hero-workflow li{padding:12px 0}.hero-workflow li:not(:last-child):after{top:37px;bottom:-9px}}
@media(min-width:1101px) and (max-width:1399px){.hero-samples.hero-showcase{right:16%;width:280px;top:170px;padding:17px}.hero-direction h3{font-size:25px}.hero-direction{min-height:318px}}
@media(min-width:761px) and (max-width:1100px){.hero-samples.hero-showcase{top:auto;bottom:180px;right:0;width:266px;padding:17px}.hero-direction h3{font-size:24px}.hero-direction{min-height:320px}.principles-grid{gap:28px}.example-body,.example-heading{padding-inline:20px}.example-chrome,.example-footnote{padding-inline:20px}.example-role-grid>div{grid-template-columns:20px 1fr}.access-pill{display:none}.example-board{gap:6px}.example-board article{padding:13px 9px}.example-board b{font-size:32px}.example-heading h4{font-size:25px}}
@media(max-width:900px){.principles-grid{grid-template-columns:1fr;gap:27px}.pillar-visual{width:100%;max-width:660px;justify-self:center}.hero-samples.hero-showcase{bottom:205px}.hero-body{min-height:960px}}
@media(max-width:760px){.hero-samples.hero-showcase{position:relative;top:auto;right:auto;bottom:auto;width:100%;max-width:480px;margin:30px auto 0;padding:22px}.hero-body{min-height:0}.hero-direction{min-height:320px}.hero-direction h3{font-size:30px}.direction-copy{max-width:none;font-size:14px!important}.hero-workflow strong{font-size:14px}.hero-workflow small{font-size:12px}.hero-workflow li{padding:12px 0}.hero-workflow li:not(:last-child):after{top:36px;bottom:-8px}.mini-queue{font-size:12px;padding:9px 13px}.mini-queue i{font-size:9px}.mini-toolbar{font-size:12px}.hero-metrics b{font-size:29px}.hero-metrics span{font-size:11px}.hero-switch button{font-size:12px}.hero-role-preview>strong{font-size:15px}.hero-role-preview>div{font-size:13px}.hero-role-preview{padding-top:15px}.hero-compare-state{padding-top:16px}.hero-resident>p{font-size:12px!important}.scan-start strong{font-size:15px}.scan-start small{font-size:11px}.hub-preview>div{font-size:12px;padding:10px}.hero-showcase .showcase-direction-name{font-size:11px}.showcase-topline .sample-label{font-size:9px}.direction-kicker{font-size:9px}.building-explorer .explorer-viewport{height:auto;min-height:0}.building-explorer .explorer-readout{max-width:none;width:auto}.building-explorer[data-feature=room] .explorer-readout{background:rgba(12,22,33,var(--overview-alpha))}.building-explorer[data-view=analytics] .analytics-panel{margin-top:0}.pillar-visual{min-height:510px}.example-heading h4{font-size:26px}.example-heading,.example-body{padding-inline:21px}.example-chrome,.example-footnote{padding-inline:21px}.example-footnote{font-size:10px}.example-board b{font-size:34px}.example-role-grid>div{padding:14px 12px;grid-template-columns:21px 1fr}.example-role-grid .access-pill{display:none}.example-board article{padding:15px 10px}.example-board p{font-size:10px}.pillar-services button{font-size:12px}.comparison-scroll{max-height:460px}}
@media(max-width:370px){.hero-samples.hero-showcase{padding:18px}.hero-direction h3{font-size:28px}.hero-direction{min-height:337px}.hero-workflow strong{font-size:13px}.example-body,.example-heading,.example-footnote,.example-chrome{padding-inline:16px}.example-chrome small{font-size:8px}.example-board{gap:6px}.example-board article{padding:13px 8px}.example-heading h4{font-size:24px}.example-notice{padding:19px 17px}.example-listings article{padding:12px;gap:12px}.listing-symbol{width:46px;flex-basis:46px}.example-role-grid p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-direction,.pillar-visual,.building-explorer[data-feature=room] .explorer-readout{transition:none!important}}

/* Keep every lobby perspective in the same footprint, clear of the benefits strip. */
@media(min-width:1101px) and (max-width:1999px){.hero-samples.hero-showcase{top:112px}.hero-direction{min-height:362px}}
@media(min-width:761px){.hero-role-preview{padding:2px 2px 0}.hero-role-preview>.icon{width:20px;height:20px;margin-bottom:7px}.hero-role-preview>strong{font-size:12px;margin-bottom:9px}.hero-role-preview>div{padding:6px 0;font-size:11px}.hero-role-preview>div .icon{width:14px;height:14px}.hero-resident .scan-start{padding:0 0 8px}.hero-resident .sample-qr{width:40px;height:40px;flex-basis:40px}.hero-resident .hub-preview{gap:4px}.hero-resident .hub-preview>div{padding:6px 9px}.hero-resident>p{margin-top:9px!important;line-height:1.45!important}}

/* Keep a comfortable gap between the tablet introduction and its perspective card. */
@media(min-width:761px) and (max-width:900px){.hero-copy{max-width:calc(100% - 296px)}}
@media(min-width:2000px){.hero-direction{min-height:385px}}

/* Resident access is its own view; neither staff sign-in choice is selected here. */
.login-screen[data-access=resident] .login-tabs button[aria-pressed=false]{color:#bcc9d1;border-bottom-color:transparent}
.login-screen[data-access=resident] .login-editorial #login-resident-verification{font-size:15px;line-height:1.8;color:#d7e1e7;margin-top:18px}
.login-screen[data-access=resident] .login-promise{font-size:14px;gap:12px}
.resident-panel>p:not(.eyebrow):not(.login-preview-note){font-size:13px;line-height:1.75}
.resident-panel .login-preview-note{font-size:11px;line-height:1.8;text-align:left;padding:14px 17px;margin-top:20px}
.resident-help-line{display:block}.resident-help-line+.resident-help-line{margin-top:10px}.resident-help-line strong{color:#ecdcba;font-weight:500}
#share-with-management{gap:10px;width:100%;font-size:13px}
#share-with-management>.icon{width:18px;height:18px;flex-shrink:0}
.dialog.resident-share-dialog{width:min(620px,calc(100vw - 32px));max-width:620px;max-height:calc(100dvh - 32px);overscroll-behavior:contain}
.resident-share-dialog .dialog-body{padding:23px 32px 22px}
.resident-share-dialog .dialog-body h2{font-size:34px;line-height:1.15;margin:0 0 15px}
.resident-share-dialog .dialog-body>p{font-size:14px;line-height:1.65}
.resident-share-label{display:block;font-size:11px;font-weight:500;letter-spacing:.5px;color:#e3c890;margin:20px 0 9px}
.resident-share-message{display:block;width:100%;min-height:280px;max-height:52vh;resize:vertical;padding:16px 17px;border:1px solid #b3c1cc66;border-radius:6px;background:#0c1825;color:#e5eaf0;font:14px/1.75 Arial,sans-serif;box-sizing:border-box;caret-color:#ebcb86}
.resident-share-message:focus-visible{outline:2px solid #e4c58c;outline-offset:3px}

/* Support and policy links stay together and wrap without clipping on phones. */
.footer-bottom {
  align-items: center;
  flex-wrap: wrap;
}
.footer-contact,
.footer-contact .footer-support,
.footer-contact .footer-legal {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.footer-contact {
  column-gap: 24px;
  row-gap: 4px;
  color: #c3cbd2;
  font-size: 13px;
}
.footer-contact .footer-support {
  margin: 0;
  column-gap: 6px;
  font-size: inherit;
}
.footer-contact .footer-legal {
  margin: 0;
  gap: 10px;
}
.footer-contact a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin: 0;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.footer-contact a:hover {
  color: var(--gold);
}
.footer-contact a:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 4px;
  border-radius: 2px;
}
.resident-share-dialog .dialog-body .resident-share-help{color:#b8c8d3;font-size:11px;margin:11px 0 17px}
.resident-share-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.resident-share-actions .btn{min-height:44px;font-size:12px;gap:9px;padding:11px 16px}
.resident-share-actions .icon{width:17px;height:17px}
.resident-share-actions [aria-disabled=true],.resident-share-actions button:disabled{opacity:.45;cursor:default;pointer-events:none}
.resident-share-dialog .dialog-body .resident-share-status{min-height:38px;color:#dcd4bc;font-size:11px;line-height:1.7;margin:14px 0 0}
@media(max-width:760px){
 .login-screen[data-access=resident] .login-editorial #login-resident-verification{font-size:14px;line-height:1.75}
 .login-screen[data-access=resident] .login-editorial .login-promise{display:flex;font-size:12px;line-height:1.6}
 .resident-panel .login-preview-note{padding:13px 14px}
 .dialog.resident-share-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
 .resident-share-dialog .dialog-head{padding:18px 20px 0}.resident-share-dialog .dialog-body{padding:16px 20px 20px}
 .resident-share-dialog .dialog-body h2{font-size:29px}.resident-share-dialog .dialog-body>p{font-size:13px}
 .resident-share-message{font-size:16px;line-height:1.6;padding:13px;min-height:270px;max-height:none}
 .resident-share-actions .btn{flex:1 1 120px;justify-content:center}
 #share-with-management{font-size:12px;padding-inline:13px}
}

.showcase-topline .sample-label{position:static;text-align:left;padding-right:0}
/* Keep four practical benefits readable inside each local role preview. */
.hero-role-preview{padding:2px 0 0}
.hero-role-preview>.hero-role-heading{display:flex;align-items:center;gap:8px;padding:0;margin:0 0 8px;border:0;color:#ecdfc1}
.hero-role-preview>.hero-role-heading .icon{width:18px;height:18px;flex-shrink:0;margin:0;color:#e2c793}
.hero-role-heading strong{font-size:12px;line-height:1.5;font-weight:600}
.hero-role-benefits{list-style:none;margin:0;padding:0}
.hero-role-benefits li{display:flex;align-items:flex-start;gap:8px;padding:7px 0;border-top:1px solid #b0bec720;color:#c8d4db;font-size:11.5px;line-height:1.6}
.hero-role-benefits li>.icon{width:14px;height:14px;flex:0 0 14px;margin-top:2px;color:#a4c8b7}
.hero-role-benefits li>span{min-width:0}
/* A divider lives in the existing link gap; it does not move the links or their hit areas. */
.nav-links>a+a:before{content:'';position:absolute;width:1px;height:13px;left:-10.5px;top:50%;transform:translateY(-50%);background:linear-gradient(transparent,#e3d1ae4d 25%,#e3d1ae4d 75%,transparent);pointer-events:none}
@media(max-width:1399px){.nav-links>a+a:before{left:-7px}}
@media(max-width:1249px){.nav-links>a+a:before{left:-6.5px}}
@media(min-width:2000px){.hero-role-heading strong{font-size:14px}.hero-role-benefits li{font-size:13px;padding-block:8px}}
@media(max-width:760px){.hero-role-preview{padding:9px 0 0}.hero-role-heading strong{font-size:14px}.hero-role-benefits li{font-size:13px;padding-block:9px}.hero-role-preview>.hero-role-heading{margin-bottom:11px}.hero-role-preview>.hero-role-heading .icon{width:20px;height:20px}}

.qb-visitor-root{min-height:100vh} .qb-visitor-root button{font-family:inherit} .qb-visitor-root [hidden]{display:none!important}

/* Connected Building: choose a group, then a service. */
.explorer-hotspots {
  inset: auto;
  left: 3.8%;
  right: 3.8%;
  bottom: 58px;
  z-index: 7;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  pointer-events: auto;
}
.explorer-hotspots[hidden] {
  display: none !important;
}
.explorer-group {
  position: relative;
  min-width: 0;
}
.explorer-group-trigger {
  width: 100%;
  min-height: 66px;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  padding: 14px;
  border: 1px solid #ddc28a70;
  border-radius: 7px;
  background: #101b27ed;
  color: #edf1f4;
  box-shadow: 0 8px 28px #0003;
  backdrop-filter: blur(14px);
  font-size: 13px;
  line-height: 1.4;
  transition:
    background 0.2s,
    border-color 0.2s,
    transform 0.2s;
}
.explorer-group-trigger small {
  color: #dfc284;
  font-size: 10px;
}
.explorer-group-chevron {
  margin-left: auto;
  color: #dfc284;
  transition: transform 0.2s;
}
.explorer-group-trigger[aria-expanded='true'] .explorer-group-chevron {
  transform: rotate(180deg);
}
.explorer-group-trigger:not(:disabled):hover,
.explorer-group-trigger[aria-expanded='true'] {
  background: #263644;
  border-color: #dfc284;
}
.explorer-group-trigger:not(:disabled):hover {
  transform: translateY(-2px);
}
.explorer-group-trigger:disabled {
  cursor: wait;
  background: #0d1720;
  border-color: #ddc28a40;
}
.explorer-group-options {
  position: absolute;
  bottom: calc(100% + 9px);
  left: 0;
  width: 100%;
  padding: 6px;
  border: 1px solid #ddc28a80;
  border-radius: 8px;
  background: #111e2c;
  box-shadow: 0 14px 40px #0006;
  max-height: min(440px, 60dvh);
  overflow-y: auto;
  overscroll-behavior: contain;
}
.explorer-group-options button {
  display: flex;
  align-items: center;
  gap: 9px;
  text-align: left;
  width: 100%;
  min-height: 48px;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 5px;
  background: transparent;
  color: #edf1f4;
  font-size: 12px;
  line-height: 1.45;
  transition:
    background 0.2s,
    border-color 0.2s;
}
.explorer-group-options button:hover {
  background: #273744;
  border-color: #dfc28480;
}
.explorer-group-options .icon {
  color: #dfc284;
  flex-shrink: 0;
}
.explorer-hotspots :focus-visible {
  outline: 2px solid #f3d69a;
  outline-offset: 3px;
}
.footer-orbit-shine {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: visible;
  opacity: 0;
}
.footer-orbit-shine path {
  fill: none;
  stroke: #fff5d1;
  stroke-width: 6;
  stroke-linecap: round;
  stroke-dasharray: 0.09 0.91;
  stroke-dashoffset: 1;
  filter: drop-shadow(0 0 7px #ffe29b);
}
.is-orbit-shining .footer-orbit-shine {
  animation: footer-shine-visible 7s ease infinite;
}
.is-orbit-shining .orbit-back {
  animation: brand-orbit-back 7s ease-in infinite;
}
.is-orbit-shining .orbit-front {
  animation: brand-orbit-front 7s ease-out infinite;
}
#footer-orbit-trigger {
  display: block;
  height: 1px;
  width: 1px;
  pointer-events: none;
}
@keyframes brand-orbit-back {
  0% { stroke-dashoffset: 1; }
  15.715%, 100% { stroke-dashoffset: -1; }
}
@keyframes brand-orbit-front {
  0%, 12.143% { stroke-dashoffset: 1; }
  39.286%, 100% { stroke-dashoffset: -1; }
}
@keyframes footer-shine-visible {
  0%,
  42.857%,
  100% {
    opacity: 0;
  }
  5.143%,
  35.143% {
    opacity: 1;
  }
}

/* Tailwind's reset removes the native dialog auto margins. Keep every marketing
   dialog in the viewport center, including when the page underneath is scrolled. */
.qb-visitor-root dialog.dialog {
  position: fixed;
  inset: 0;
  margin: auto;
  max-height: calc(100dvh - 40px);
}
@media (max-width: 760px) {
  .explorer-hotspots {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    background: #101a25;
    padding: 16px 20px;
  }
  .explorer-group-trigger {
    font-size: 12px;
    padding: 11px;
    min-height: 60px;
  }
  .explorer-group-options {
    position: static;
    margin-top: 7px;
  }
  .explorer-group-options button {
    font-size: 12px;
  }
  .explorer-group-trigger:hover {
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .explorer-hotspots * {
    transition: none !important;
    transform: none !important;
  }
  .footer-orbit-shine,
  .footer-orbit-shine path {
    animation: none !important;
    opacity: 0;
  }
}
@media print {
  .explorer-hotspots,
  .footer-orbit-shine {
    display: none !important;
  }
}

/* Keep the overview readable in the daylight atmosphere as well as evening. */
@media(min-width:761px){
 .building-explorer[data-view=overview] .explorer-shade{background:linear-gradient(90deg,#071019ed 0%,#071019d9 23%,#07101966 46%,transparent 72%),linear-gradient(0deg,#08121bbf,transparent 30%);}
}

/* Current package catalog: three complete starting bundles. */
.price-grid[data-subscription-plans] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.price-grid[data-subscription-plans] .price-value {
  font-size: clamp(1.3rem, 2.4vw, 2.25rem);
}
@media (max-width: 900px) {
  .price-grid[data-subscription-plans] {
    grid-template-columns: 1fr;
  }
}

/* Fixed-composition time-of-day sets: only illumination and sky change. */
:root {
  --projectstudio-sunrise: url('/redesign/assets/projectstudio-sunrise-v1.webp');
  --projectstudio-noon: url('/redesign/assets/projectstudio-noon-v1.webp');
  --projectstudio-sunset: url('/redesign/assets/projectstudio-sunset-v1.webp');
  --projectstudio-evening: url('/redesign/assets/projectstudio-evening-v1.webp');
  --boardroom-sunrise: url('/redesign/assets/boardroom-sunrise-v1.webp');
  --boardroom-noon: url('/redesign/assets/boardroom-noon-v1.webp');
  --boardroom-sunset: url('/redesign/assets/boardroom-sunset-v1.webp');
  --boardroom-evening: url('/redesign/assets/boardroom-evening-v1.webp');
}

/* Package comparison lives here; the linked page starts with customization. */
#pricing .pricing-head { align-items: end; gap: 2rem; }
#pricing .pricing-lead { max-width: 45rem; margin-top: 1rem; }
#pricing .price-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
#pricing .price-card { padding: 1.75rem; border-radius: 1rem; background: #1c2832; }
#pricing .price-card.featured { background: #25313a; }
#pricing .price-name { font: 600 0.7rem/1.5 Arial, sans-serif; letter-spacing: 0.1em; text-transform: uppercase; color: var(--gold); }
#pricing .price-card h3 { min-height: 0; font-size: 2rem; margin-top: 0.6rem; }
#pricing .price-value { font: 600 1.85rem/1.35 Arial, sans-serif; font-variant-numeric: tabular-nums; letter-spacing: -0.04em; color: var(--paper); margin: 1.25rem 0 0.25rem; white-space: normal; }
#pricing .price-context { min-height: 0; font-size: 0.75rem; }
#pricing .price-description { font: 400 0.875rem/1.7 Arial, sans-serif; margin-top: 1.25rem; color: #d3d9de; }
#pricing .price-card ul { margin: 1.25rem 0 1.5rem; padding-top: 1rem; }
#pricing .price-card li { font-size: 0.8rem; line-height: 1.65; }
#pricing .price-card .btn { min-height: 46px; font-size: 0.875rem; }
#pricing .price-note { font-size: 0.8rem; margin-top: 1.25rem; }
.pricing-adoption { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2rem; margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid var(--line); }
.pricing-adoption h3 { font-size: 2rem; margin: 0.65rem 0 1rem; }
.pricing-adoption p:not(.eyebrow) { max-width: 46rem; font-size: 0.9rem; margin-top: 0.7rem; }
@media (max-width: 780px) {
  #pricing .pricing-head { display: block; }
  #pricing .billing-controls { margin-top: 1.5rem; }
  #pricing .price-grid { grid-template-columns: 1fr; }
  #pricing .price-card { padding: 1.5rem; }
  .pricing-adoption { grid-template-columns: 1fr; gap: 1.5rem; }
  .pricing-adoption .btn { justify-self: start; }
}