@font-face{font-family:Zien;src:url('../fonts/zienheim/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#182127;--blue:#3658eb;--ice:#dbe4ff;--paper:#ecefe9;--grey:#7c8589;--line:#18212729;--pad:clamp(24px,6vw,120px);--ease:cubic-bezier(.19,1,.22,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.7 Zien,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{border:0;background:none;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.3;cursor:default}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{word-break:keep-all;text-wrap:balance}p{word-break:keep-all}em,i{font-style:normal}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid #8eaeff;outline-offset:5px}button:focus:not(:focus-visible),[tabindex="-1"]:focus{outline:none}::selection{background:#bbd0ff;color:#162232}.skip-link{position:fixed;left:20px;top:0;z-index:300;background:var(--blue);color:white;padding:10px;transform:translateY(-110%)}.skip-link:focus{transform:none}.section{padding:clamp(90px,10vw,180px) var(--pad);position:relative}.section-marker{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.13em;padding-bottom:25px;border-bottom:1px solid var(--line);gap:25px;margin-bottom:70px}.section-marker>span:last-child{font-size:12px;letter-spacing:0;opacity:.55}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.17em}.disclaimer{font-size:10px;line-height:1.8;opacity:.55;max-width:1000px}h2{font-size:clamp(38px,4.3vw,78px);font-weight:520;letter-spacing:-.06em;line-height:1.25}h2 em{font-weight:350}.line-link{display:flex;align-items:center;gap:35px;justify-content:space-between;font-size:13px;border-bottom:1px solid currentColor;padding:17px 0;min-width:235px}.line-link i{font-size:24px}.round-link{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px}.round-link i{width:53px;height:53px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:24px;transition:transform .5s var(--ease),background .3s,color .3s}.round-link:hover i{transform:rotate(45deg);background:var(--ink);color:white}.button{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 24px;font-size:14px;min-height:60px;transition:background .3s,color .3s}.button>span:last-child{font-size:24px;line-height:1}.button.solid{background:var(--blue);color:white}.button.solid:hover{background:#2442c5}
/* A quiet fixed wordmark and a full-screen index, not a cloned navigation bar. */
.header{height:96px;position:fixed;left:0;right:0;top:0;z-index:50;padding:0 3.7vw;display:flex;align-items:center;justify-content:space-between;gap:24px;transition:background .5s,color .5s,height .5s,box-shadow .5s}.header.scrolled{height:76px;background:#f1f3eedb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 #18212713}.brand{display:block;line-height:1}.brand>b{display:block;font-size:27px;letter-spacing:-.06em;font-weight:570}.brand>b>span{font-size:9px;vertical-align:top;margin-left:5px}.brand>small{display:block;font-size:9px;letter-spacing:.21em;margin-top:10px;font-weight:450}.header-chapter{font-size:9px;letter-spacing:.2em;margin-left:7vw}.header-actions{display:flex;align-items:center;gap:34px}.header-register{border:1px solid #18212742;display:flex;align-items:center;gap:25px;border-radius:40px;padding:10px 17px 10px 22px;font-size:11px;transition:background .35s,color .35s}.header-register:hover{background:var(--ink);color:white}.header-register i{font-size:19px;line-height:1}.menu-toggle{height:40px;width:100px;position:relative;padding:0;text-align:left}.menu-toggle>span{font-size:9px;letter-spacing:.12em}.menu-toggle>i{position:absolute;width:22px;height:1px;background:currentColor;right:0;top:15px;transition:transform .3s}.menu-toggle>i:last-child{top:23px;width:16px}.menu-toggle:hover>i:last-child{transform:translateX(-6px)}.chapter-rail{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:35;display:flex;flex-direction:column;gap:17px;mix-blend-mode:difference;color:white}.chapter-rail a{position:relative;display:block;padding:6px}.chapter-rail i{width:4px;height:4px;background:currentColor;display:block;border-radius:50%;transition:transform .4s}.chapter-rail span{position:absolute;right:22px;top:-3px;white-space:nowrap;font-size:9px;opacity:0;transition:opacity .3s}.chapter-rail a:hover span{opacity:1}.chapter-rail a.active i{transform:scale(2.1)}
/* CHAPTER 01 — an architectural aperture opens into a new field of view. */
.horizon{height:190svh;position:relative}.horizon-stage{height:100svh;min-height:640px;position:sticky;top:0;overflow:hidden;isolation:isolate;--wt:18%;--wr:8%;--wb:15%;--wl:25%;--radius:280px;--hx:0px;--hy:0px}.horizon-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,#23374008 1px,transparent 1px);background-size:25% 100%;z-index:-1}.hero-coordinate{position:absolute;left:6%;right:8%;top:14%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.19em;color:#586968;z-index:5}.horizon-window{position:absolute;inset:0;clip-path:inset(var(--wt) var(--wr) var(--wb) var(--wl) round var(--radius) var(--radius) 12px 12px);z-index:1;will-change:clip-path;background:#b7c5c8}.horizon-window>img{width:100%;height:100%;object-fit:cover;object-position:51% 59%;transform:translate3d(var(--hx),var(--hy),0) scale(var(--hero-scale,1.08));will-change:transform;filter:saturate(.9)}.horizon-window:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#102126b8,transparent 50%);opacity:var(--hero-shade,.15)}.window-light{position:absolute;inset:0;background:linear-gradient(105deg,transparent 46%,#e8f5ff55 50%,transparent 54%);transform:translateX(-120%);animation:window-glint 2.4s var(--ease) 1.1s both;pointer-events:none}.window-coordinate{position:absolute;right:12%;bottom:21%;font-size:9px;color:white;line-height:1.7;letter-spacing:.16em;z-index:3}.horizon-window>small{position:absolute;bottom:17%;right:12%;font-size:9px;color:#fff;z-index:3;opacity:.7}.horizon-word{position:absolute;inset:0;padding-left:5.1%;padding-top:17vh;line-height:1;font-size:clamp(130px,21vw,400px);font-weight:400;letter-spacing:-.075em;pointer-events:none;white-space:nowrap;will-change:transform,opacity}.word-back{z-index:0;color:#1a2828}.word-front{z-index:3;color:#f3f6ef;clip-path:inset(var(--wt) var(--wr) var(--wb) var(--wl) round var(--radius) var(--radius) 12px 12px)}.hero-copy{position:absolute;left:6%;top:58%;z-index:5;will-change:transform,opacity}.hero-copy>.eyebrow{font-size:11px;letter-spacing:.05em;color:var(--blue)}.hero-copy h1{font-size:clamp(23px,2vw,37px);line-height:1.42;font-weight:480;letter-spacing:-.045em;margin-top:15px}.hero-copy h1>span{display:block}.hero-signature{position:absolute;right:7%;bottom:8.5%;font-size:clamp(40px,7.8vw,145px);font-weight:330;letter-spacing:-.065em;z-index:5;line-height:1;color:#203032;will-change:transform,opacity}.hero-signature>span{font-size:.35em;vertical-align:top;display:inline-block;padding-top:10px;margin-right:10px;letter-spacing:-.01em}.hero-scroll{position:absolute;bottom:8%;left:6%;z-index:5;display:flex;align-items:center;gap:18px;font-size:8px;letter-spacing:.1em;line-height:1.8}.scroll-wheel{display:block;width:29px;height:45px;border:1px solid #53615b80;border-radius:20px;padding-top:7px;text-align:center}.scroll-wheel i{width:3px;height:9px;border-radius:3px;background:var(--ink);display:inline-block;animation:scroll-nudge 2.1s ease infinite}.orbit-cta{position:absolute;right:5%;top:48%;width:135px;height:135px;z-index:7;border-radius:50%;background:var(--blue);color:white;box-shadow:0 18px 45px #233c831f;transition:box-shadow .4s}.orbit-cta:hover{box-shadow:0 20px 60px #1f368a55}.orbit-cta svg{position:absolute;inset:0;width:100%;height:100%;animation:orbit-spin 20s linear infinite;pointer-events:none}.orbit-cta text{font-size:9px;letter-spacing:2.3px;fill:white}.orbit-cta>span{display:block;font-size:12px;line-height:1.5}.orbit-cta i{font-size:24px;display:block;line-height:1.2;margin-top:5px}.hero-after{position:absolute;inset:auto 6% 14%;z-index:5;color:white;opacity:0;pointer-events:none;transform:translateY(25px)}.hero-after>span{font-size:9px;letter-spacing:.22em}.hero-after p{font-size:clamp(30px,4.4vw,80px);font-weight:380;letter-spacing:-.05em;margin-top:12px;line-height:1.4}.hero-after b{font-size:14px;font-weight:400;display:block;margin-top:10px}.scene-meter{position:absolute;left:6%;right:6%;bottom:3%;display:flex;gap:14px;align-items:center;font-size:8px;letter-spacing:.1em;z-index:6;mix-blend-mode:difference;color:white}.scene-meter>i{height:1px;background:#ffffff44;flex:1;overflow:hidden}.scene-meter b{display:block;width:100%;height:1px;background:white;transform:scaleX(var(--hero-progress,0));transform-origin:left}
/* CHAPTER 02 — scroll-ink typography and rolling architectural facts. */
.manifesto{background:var(--paper);overflow:hidden}.manifesto-text{position:relative}.manifesto h2{font-size:clamp(48px,7.2vw,130px);font-weight:440;letter-spacing:-.075em;line-height:1.23;position:relative;z-index:1}.manifesto h2>span{display:block}.manifesto h2 em{color:var(--blue);font-weight:440}.ink-word{color:#18212720;transition:color .12s linear}.ink-word.lit{color:var(--ink)}em .ink-word.lit{color:var(--blue)}.manifesto-orbit{width:28vw;height:28vw;position:absolute;right:0;top:8%;display:grid;place-items:center;transform:rotate(-16deg)}.manifesto-orbit>i{position:absolute;inset:0;border:1px solid #203e7535;border-radius:50%;transform:rotateX(62deg);animation:sculpture 16s ease-in-out infinite alternate}.manifesto-orbit>i:nth-child(2){transform:rotateY(65deg);animation-direction:alternate-reverse}.manifesto-orbit>b{font-size:14vw;font-weight:200;color:#3658eb;line-height:1;transform:rotate(16deg);opacity:.22}.manifesto-orbit>span{position:absolute;right:0;bottom:0;transform:rotate(16deg);font-size:9px;letter-spacing:.2em;color:var(--blue)}.manifesto-bottom{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-top:55px;padding-left:24%}.manifesto-bottom p{font-size:14px;color:#78817f;line-height:2}.manifesto-bottom .line-link{max-width:280px}.metric-ribbon{display:grid;grid-template-columns:1.2fr .8fr 1fr 1fr;align-items:end;gap:30px;margin-top:100px;padding-top:30px;border-top:1px solid var(--line)}.metric-ribbon>div{position:relative}.metric-ribbon span{display:block;font-size:9px;letter-spacing:.16em;color:#717e7a}.metric-ribbon strong{font-weight:350;font-size:clamp(70px,7vw,125px);letter-spacing:-.07em;font-variant-numeric:tabular-nums;line-height:1.3}.metric-ribbon small{font-size:11px;display:inline-block;margin-left:15px;color:#687774}.metric-ribbon>p{font-size:11px;padding-bottom:18px;color:#74817e}
/* CHAPTER 03 — the city is a responsive constellation, not another image/text box. */
.city{background:var(--blue);color:white;overflow:hidden;isolation:isolate}.city-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:65px 65px;pointer-events:none;z-index:-1;mask-image:linear-gradient(transparent,#000,transparent)}.city .section-marker{border-color:#ffffff35}.city-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.city-heading h2 em{color:#c9d6ff}.city-heading-index{font-size:11px;letter-spacing:.15em;line-height:1.8;border-left:1px solid #ffffff55;padding-left:25px}.city-layout{display:grid;grid-template-columns:1.8fr 1fr;align-items:center;gap:6vw;margin-top:65px}.city-orbit{position:relative;aspect-ratio:800/650;width:100%;isolation:isolate}.orbit-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.orbit-lines>circle,.orbit-lines>ellipse{stroke:#cad7ff38;fill:none;stroke-width:.8}.orbit-lines>circle:nth-child(2){stroke-dasharray:2 10}.orbit-lines .city-route{fill:none;stroke:#dbe4ff60;stroke-width:1;stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset 1s var(--ease),opacity .6s;opacity:0}.orbit-lines .city-route.active{stroke-dashoffset:0;opacity:1;stroke-width:2;stroke:#fff}.orbit-lines .orbit-dot{fill:#fff;stroke:none;transform-origin:400px 325px;animation:orbit-spin 24s linear infinite}.orbit-cross{stroke:#fff;fill:none;stroke-width:1}.orbit-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 10%,#afc6ff4a,#152b9229);border:1px solid #dce6ff7d;box-shadow:inset 0 0 50px #ffffff17,0 0 70px #091c8933;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;transition:box-shadow .5s,background .5s}.orbit-center:hover{box-shadow:inset 0 0 60px #ffffff44,0 0 80px #d7e3ff33}.orbit-center:before,.orbit-center:after{content:'';position:absolute;inset:12px;border-radius:50%;border:1px solid #b0c6ff44;pointer-events:none}.orbit-center:after{inset:-15px;border-style:dotted;animation:orbit-spin 40s linear infinite}.orbit-center>span{font-size:8px;letter-spacing:.2em}.orbit-center>b{font-size:clamp(19px,2.8vw,48px);font-weight:430;letter-spacing:-.06em;margin:10px 0}.orbit-center>small{font-size:9px}.location-tabs button{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:88px;width:19%;aspect-ratio:1;border:1px solid #ffffff3d;border-radius:50%;background:#3150d6;color:#ccd7ff;transition:background .6s,color .6s,box-shadow .6s,transform .6s var(--ease);box-shadow:0 10px 50px #162db015}.location-tabs button:nth-child(1){left:12%;top:12%}.location-tabs button:nth-child(2){right:7%;top:18%}.location-tabs button:nth-child(3){right:12%;bottom:7%}.location-tabs button:nth-child(4){left:10%;bottom:15%}.location-tabs button>i{font-size:8px;opacity:.7;line-height:1}.location-tabs button>strong{font-size:22px;font-weight:450;line-height:1.4;margin:8px 0 3px}.location-tabs button>span{font-size:7px;letter-spacing:.13em}.location-tabs button[aria-selected=true]{background:#eef3ff;color:#243fd7;border-color:white;box-shadow:0 0 50px #d1dfff3b;transform:scale(1.06)}.location-tabs button:hover{transform:scale(1.09)}.orbit-legend{position:absolute;bottom:-15px;left:0;right:0;text-align:center;font-size:8px;color:#c4d1ff8c}.city-description{position:relative;padding-top:15px}.city-active-number{font-size:100px;line-height:1;font-weight:250;color:#cad9ff3d;letter-spacing:-.065em}.location-en{font-size:9px;letter-spacing:.17em;color:#c7d6ff;display:block;margin-top:25px}#location-panel h3{font-size:30px;line-height:1.4;letter-spacing:-.05em;font-weight:430;margin:17px 0}#location-panel p{font-size:13px;line-height:1.9;color:#c2d0ff}#location-panel{min-height:250px}.city-map-peek{display:flex;gap:20px;align-items:center;padding:18px 0;border-block:1px solid #ffffff33;margin-top:25px;width:100%;text-align:left}.city-map-peek img{width:108px;height:75px;object-fit:cover;border-radius:3px;opacity:.82;transition:opacity .3s,transform .5s}.city-map-peek:hover img{opacity:1;transform:rotate(-3deg)}.city-map-peek>span{display:flex;flex:1;justify-content:space-between;font-size:11px;align-items:center}.city-map-peek b{font-size:25px;font-weight:350}.city-description .disclaimer{font-size:9px;margin-top:17px}
/* CHAPTER 04 — a scroll-driven, perspective photographic journey. */
.life-journey{background:#131b20;color:#eef1e7;position:relative;height:auto}.life-viewport{padding:100px 0 45px;overflow:hidden}.life-heading{padding:0 var(--pad);display:grid;grid-template-columns:1fr 1.35fr auto;align-items:end;gap:35px}.life-heading>.eyebrow{color:#abc2fa;font-size:9px;align-self:start;margin-top:12px}.life-heading h2{font-size:clamp(35px,3.4vw,60px);font-weight:450}.life-heading h2 em{color:#b7c6d7}.life-navigation{display:flex;align-items:center;gap:10px}.life-navigation>span{font-size:10px;color:#a0acb6;margin-right:15px;white-space:nowrap}.life-navigation b{font-weight:500;color:white;font-size:20px}.life-navigation button{width:42px;height:42px;border:1px solid #a9bfd54d;border-radius:50%;font-size:21px;transition:background .3s}.life-navigation button:hover{background:#ffffff20}.life-track{display:flex;gap:6vw;overflow-x:auto;padding:55px var(--pad) 50px;scrollbar-width:none;perspective:1200px;scroll-padding-inline:var(--pad);scroll-snap-type:x mandatory}.life-track::-webkit-scrollbar{display:none}.life-card{flex:0 0 62vw;min-width:0;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;transform-style:preserve-3d;scroll-snap-align:start;will-change:transform,opacity;transform-origin:center center}.life-photo{aspect-ratio:1.2;background-image:url('../../images/zienheimparcelout/community.webp');background-repeat:no-repeat;background-size:260.87% 839%;position:relative;border-radius:5px;overflow:hidden;box-shadow:0 40px 80px #0005;isolation:isolate}.life-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101a20ae,transparent 45%);z-index:0}.life-photo.fitness{background-position:7.43% 42.58%}.life-photo.library{background-position:92.03% 78.64%}.life-photo.golf{background-size:267.26% 841.2%;background-position:92.54% 54.21%}.life-photo.lounge{background-position:7.43% 66.45%}.life-photo>span{position:absolute;bottom:8px;right:10px;font-size:8px;background:#1b273599;padding:2px 5px;z-index:2}.life-photo>b{position:absolute;top:12px;left:22px;font-size:75px;line-height:1.2;font-weight:250;letter-spacing:-.07em;color:#ffffffb0;z-index:2}.life-photo>i{position:absolute;left:25px;bottom:20px;font-size:clamp(26px,3vw,50px);font-weight:400;letter-spacing:-.06em;line-height:1;z-index:2}.life-card-copy{padding-right:15px}.life-card-copy>span{font-size:9px;letter-spacing:.16em;color:#a6bcec}.life-card-copy h3{font-size:clamp(28px,2.5vw,48px);line-height:1.4;font-weight:400;letter-spacing:-.05em;margin:24px 0}.life-card-copy p{font-size:11px;color:#a8b7c3}.life-bottom{padding:0 var(--pad);display:flex;align-items:center;gap:30px;font-size:8px;letter-spacing:.14em;color:#9fafc0}.life-bottom>i{height:1px;background:#fff3;flex:1;overflow:hidden}.life-bottom b{display:block;width:100%;height:1px;background:#abc5ff;transform:scaleX(var(--life-progress,.1));transform-origin:left}.life-bottom button{font-size:11px;color:white;letter-spacing:0}.motion-desktop .life-journey{height:calc(100svh + 230svh / 1.2)}.motion-desktop .life-viewport{position:sticky;top:0;height:100svh;min-height:650px;display:flex;flex-direction:column;justify-content:center;padding-top:105px}.motion-desktop .life-track{overflow:hidden;scroll-snap-type:none;padding-top:55px;padding-bottom:40px}.motion-desktop .life-photo{max-height:44vh}.motion-desktop .life-heading{margin-bottom:0}
/* CHAPTER 05 — floating drafting paper with an opt-in perspective interaction. */
.residence{background:#f7f8f4;overflow:hidden}.residence-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:65px}.residence-heading p{font-size:12px;color:#858d8c;line-height:1.9}.unit-studio{border-top:1px solid var(--line)}.unit-tabs{display:flex;align-items:stretch;justify-content:space-between;border-bottom:1px solid var(--line);gap:0}.unit-tabs button{flex:1;white-space:nowrap;padding:25px 8px;position:relative;font-size:24px;font-weight:450;letter-spacing:-.04em;color:#8b9490;transition:color .4s,background .4s}.unit-tabs small{font-size:13px;margin-left:3px}.unit-tabs button:after{content:'';position:absolute;bottom:-1px;left:10%;right:10%;height:2px;background:var(--blue);transform:scaleX(0);transition:transform .5s var(--ease)}.unit-tabs button[aria-selected=true]{color:var(--blue);background:#3658eb05}.unit-tabs button[aria-selected=true]:after{transform:scaleX(1)}.unit-tabs button:hover{color:var(--ink)}#unit-panel{display:grid;grid-template-columns:.75fr 2fr .8fr;gap:35px;align-items:center;padding:60px 0 50px;min-height:600px}.unit-label>span{font-size:8px;letter-spacing:.12em;color:#85928b}.unit-label h3{font-size:clamp(65px,7vw,120px);font-weight:350;line-height:1;letter-spacing:-.075em;margin:25px 0 18px}.unit-label h3>span{font-size:.5em;margin-left:5px}.unit-label>p{font-size:16px}.unit-label p>b{font-size:24px;font-weight:430;margin-right:3px}.unit-label>small{font-size:8px;letter-spacing:.13em;color:#81928b;margin-top:50px;display:block}.plan-stage{position:relative;perspective:1000px;isolation:isolate;min-width:0}.plan-rings{position:absolute;width:100%;aspect-ratio:1;left:0;top:50%;transform:translateY(-50%) rotateX(63deg);border:1px solid #244d9a1f;border-radius:50%;background-image:linear-gradient(#3658eb0a 1px,transparent 1px),linear-gradient(90deg,#3658eb0a 1px,transparent 1px);background-size:36px 36px;z-index:-1}.plan-rings:before{content:'';position:absolute;inset:25px;border:1px dashed #3658eb1a;border-radius:50%}.plan-paper{padding:30px 25px;background:#fff;box-shadow:0 25px 45px #283c3c10,0 2px 3px #2939350c;transform:rotateX(var(--plan-rx,0deg)) rotateY(var(--plan-ry,0deg)) rotateZ(var(--plan-rz,0deg));transition:transform 1s var(--ease),box-shadow 1s;transform-style:preserve-3d;position:relative}.plan-paper:after{content:'';position:absolute;inset:0;border:1px solid #3658eb13;pointer-events:none}.unit-drawing{min-height:280px;display:grid;place-items:center;padding:15px 0}.unit-drawing img{width:100%;max-width:453px;height:auto;max-height:390px;object-fit:contain}.plan-scale{font-size:7px;letter-spacing:.16em;color:#8b959b;display:block}.scale-bottom{text-align:right}.plan-stage.is-angled{--plan-rx:35deg;--plan-ry:-16deg;--plan-rz:8deg}.plan-stage.is-angled .plan-paper{box-shadow:-20px 55px 40px #20303630,0 3px 1px #d5d9d3}.plan-controls{margin-top:30px;text-align:center}.plan-controls button{font-size:11px;color:var(--blue);padding:9px 16px;border:1px solid #3658eb2e;border-radius:30px}.plan-controls i{margin-left:15px}.plan-controls>span{font-size:8px;color:#8f9697;display:block;margin-top:10px}.unit-detail-column{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.unit-watermark{font-size:120px;line-height:1;font-weight:250;letter-spacing:-.13em;color:#3658eb12;align-self:end;margin-bottom:22px}.unit-detail-column>p{font-size:16px;line-height:1.9;letter-spacing:-.035em;margin-bottom:35px}.unit-detail-column .round-link{font-size:11px;gap:10px}.unit-detail-column .round-link i{flex-shrink:0;width:45px;height:45px}.residence>.disclaimer{margin-top:15px}
/* An aperture for the official film; no autoplay sound or unsolicited embed. */
.film-scene{height:90svh;min-height:650px;max-height:1000px;background:#12191e;color:white;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center}.film-aperture{position:absolute;inset:9% 17%;overflow:hidden;clip-path:inset(var(--film-cut,12%) 0 round 50%);opacity:.6;will-change:clip-path;z-index:-1}.film-aperture img{width:100%;height:100%;object-fit:cover;filter:saturate(.55);transform:scale(1.08)}.film-aperture:after{content:'';position:absolute;inset:0;background:#14223350}.film-title{text-align:center;z-index:1;pointer-events:none}.film-title>span{font-size:9px;letter-spacing:.22em}.film-title h2{font-size:clamp(66px,11vw,180px);line-height:.9;font-weight:350;letter-spacing:-.075em;margin-top:30px}.film-title h2 em{color:transparent;-webkit-text-stroke:1px #fff;display:inline-block}.film-play{position:relative;width:100px;height:100px;border-radius:50%;border:1px solid #ffffff70;color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;background:#ffffff0c;backdrop-filter:blur(12px);margin-top:35px;transition:background .4s}.film-play:hover{background:var(--blue)}.film-play>span{font-size:21px}.film-play>b{font-size:8px;letter-spacing:.14em;font-weight:450}.film-scene>p{text-align:center;font-size:12px;margin-top:30px;color:#d1dadc}.film-scene small{font-size:9px;opacity:.6}
.visit{background:#e5e9e4;overflow:hidden}.visit>h2{text-align:center;margin-bottom:65px}.visit-scene{position:relative;display:flex;align-items:center;padding:25px 7% 70px 0;min-height:500px}.visit-map{width:72%;background:#fff;padding:40px 55px 40px 35px;transform:rotate(-3deg);box-shadow:0 20px 60px #24312412}.visit-map img{width:100%;height:auto}.visit-ticket{position:relative;width:35%;margin-left:-8%;background:#fffdf6;border-radius:3px;padding:32px 28px;box-shadow:0 10px 60px #273c3c12;transform:rotate(5deg);z-index:2;transition:transform .7s var(--ease)}.visit-ticket:hover{transform:rotate(0)}.visit-ticket>div:first-child{display:flex;justify-content:space-between;align-items:center;color:#718289;font-size:8px;letter-spacing:.15em}.visit-ticket>div:first-child i{font-size:27px;color:var(--blue)}.visit-ticket h3{font-size:28px;letter-spacing:-.05em;line-height:1.4;font-weight:470;margin:25px 0 15px}.visit-ticket p{font-size:11px;color:#7c898a;margin-bottom:28px}.visit-ticket .round-link{font-size:10px}.ticket-divider{border-top:1px dashed #738f9259;position:relative;margin:25px -28px}.ticket-divider:before,.ticket-divider:after{content:'';position:absolute;top:-9px;left:-9px;width:18px;height:18px;background:#e5e9e4;border-radius:50%}.ticket-divider:after{left:auto;right:-9px}.visit-ticket>small{font-size:9px;color:#82908b;line-height:1.8;display:block}.visit-type{position:absolute;right:-1%;bottom:-10px;font-size:clamp(50px,7vw,115px);font-weight:330;letter-spacing:-.065em;line-height:.9;color:#3658eb26;z-index:0}
/* The final invitation is one open blue field, not a generic split form card. */
.register-section{background:#2646ca;color:white;isolation:isolate;overflow:hidden}.register-lines{position:absolute;inset:-30% -10%;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0px,transparent 75px,#dce5ff0b 76px,transparent 77px);transform:rotate(-15deg);z-index:-1}.register-heading{text-align:center}.register-heading>.eyebrow{color:#b6c9ff;font-size:9px}.register-heading h2{font-size:clamp(40px,5.7vw,100px);font-weight:420;line-height:1.3;margin:25px 0}.register-heading h2 em{color:#bcd0ff}.register-heading>p{font-size:13px;color:#b4c7f3;line-height:1.9}.register-form-wrap{max-width:1000px;margin:65px auto 0;padding-top:30px;border-top:1px solid #ffffff40}.register-contact{margin:45px auto 0;max-width:1000px;display:flex;justify-content:center;align-items:center;gap:25px;color:#becdf4}.register-contact span{font-size:10px}.register-contact b{font-size:20px;letter-spacing:-.03em;font-weight:450;color:white}.register-contact i{font-size:25px}.form-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.form-heading h3{font-size:24px;font-weight:450;letter-spacing:-.04em}.form-heading>span{font-size:9px;opacity:.5}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px 35px}.form-fields label{display:block;min-width:0}.form-fields label>span{font-size:11px;display:block;opacity:.75}.form-fields input{width:100%;display:block;color:inherit;border:0;border-bottom:1px solid #79909866;border-radius:0;background:transparent;padding:14px 0;font-size:14px;min-height:48px}.form-fields input::placeholder{color:#909c9d;font-size:12px}.form-fields input[aria-invalid=true]{border-bottom-color:#e5a29a}.form-fields input:focus{outline-offset:5px}.form-fields .wide{grid-column:1/-1}.register-section .form-fields{grid-template-columns:1fr 1fr 1.3fr 1.6fr;gap:30px}.register-section .form-fields .wide{grid-column:auto}.register-section .form-fields input{border-color:#d1dcff55}.register-section .form-fields input::placeholder{color:#c2d3ff88;font-size:11px}.register-section .form-heading h3{font-size:16px}.register-section .form-heading>span{opacity:.65}.form-agree{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-top:25px;gap:15px}.form-agree label{display:flex;align-items:center;gap:9px}.form-agree input{width:16px;height:16px;margin:0;accent-color:var(--blue)}.form-agree button{font-size:10px;text-decoration:underline;text-underline-offset:4px}.form-error{font-size:11px;color:#b84b39;min-height:22px;margin-top:15px}.register-section .form-error{color:#ffe0ad}.submit-button{width:100%;margin-top:8px;border-radius:2px}.form-note{text-align:center;font-size:10px;color:#829291;margin-top:14px}.register-section .submit-button{max-width:360px;margin:20px auto 0;background:#eff4ff;color:#1c36a9;box-shadow:0 5px 25px #09257010;border-radius:60px;justify-content:space-between;padding-inline:30px}.register-section .submit-button:hover{background:#c7d8ff}.register-section .form-note{color:#bccdf3;font-size:9px}.footer{padding:65px var(--pad) 30px;background:#10191d;color:#d8dfdf;overflow:hidden}.footer-top{display:flex;align-items:start;justify-content:space-between;gap:30px;margin-bottom:40px}.footer-brand{font-size:clamp(38px,7vw,120px);font-weight:340;letter-spacing:-.075em;line-height:1}.footer-brand small{font-size:10px;letter-spacing:.2em;display:block;margin-top:18px;color:#a1b0b1}.footer-top>div{display:flex;gap:25px;font-size:10px;padding-top:10px}.footer-top button{font-size:inherit;padding:0}.footer>.shell>p{font-size:9px;line-height:2;color:#748588;max-width:1050px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff1c;padding-top:22px;margin-top:35px;font-size:8px;letter-spacing:.16em;color:#72878c}.mobile-dock{display:none}
/* Modals keep validated workflows; their spatial treatment belongs to this experience. */
dialog{padding:0;border:0;max-height:90dvh;max-width:calc(100% - 36px);background:#f4f5ef;color:var(--ink);box-shadow:0 50px 120px #111e3345}dialog::backdrop{background:#1121399e;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}dialog[open]{animation:dialog-enter .55s var(--ease)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 24px;border-bottom:1px solid var(--line);min-height:67px}.dialog-bar>span{font-size:9px;letter-spacing:.16em}.dialog-bar>h2{font-size:15px;font-weight:500;letter-spacing:-.02em}.close-button{width:40px;height:40px;display:grid;place-items:center;font-size:30px;font-weight:250;line-height:1;border-radius:50%;transition:background .3s,transform .5s}.close-button:hover{background:#748c9812;transform:rotate(90deg)}.notice-dialog{width:530px;border-radius:8px}.notice-body{padding:35px}.notice-body h2{font-size:26px;font-weight:500;letter-spacing:-.04em;margin-bottom:22px}.notice-body p{font-size:12px;color:#7e8d8d;line-height:1.9}.notice-body .button{width:100%;margin-top:25px;font-size:13px}.privacy-list{font-size:12px;margin:25px 0}.privacy-list>div{border-top:1px solid var(--line);padding:15px 0}.privacy-list dt{font-weight:600;margin-bottom:7px}.privacy-list dd{margin:0;color:#748486}.register-dialog{width:680px;border-radius:9px}.register-dialog-aside{background:var(--blue);color:white;padding:35px 40px;position:relative;overflow:hidden}.register-dialog-aside:before{content:'Z';font-size:190px;position:absolute;right:25px;top:-20px;line-height:1.2;font-weight:250;color:#ffffff12;transform:rotate(-20deg)}.register-dialog-aside>.eyebrow{font-size:8px;opacity:.7}.register-dialog-aside h2{font-size:32px;font-weight:430;line-height:1.4;margin-top:12px;position:relative;z-index:1}.register-dialog-aside h2 br{display:none}.register-dialog-aside>b,.register-dialog-aside>p{display:none}.register-dialog-main{padding:32px 40px;position:relative}.register-dialog-main>.close-button{position:fixed;top:18px;right:18px;color:white}.register-dialog[open]>.register-dialog-main>.close-button{position:absolute;top:-126px;right:18px}.register-dialog-main .form-heading h3{font-size:20px}.register-dialog-main .form-fields .wide{grid-column:auto}.register-dialog-main .form-fields .wide:last-child{grid-column:1/-1}.menu-dialog{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;padding:25px var(--pad);background:#e8ede6;isolation:isolate}.menu-dialog:before{content:'';position:absolute;inset:20% 7% 20% 56%;border-radius:50% 50% 4px 4px;background:url('../../images/zienheimparcelout/hero.webp') 54% 50%/auto 100%;opacity:.7;z-index:-1}.menu-dialog .dialog-bar{padding-inline:0}.menu-dialog nav{display:flex;flex-direction:column;max-width:50%;margin-top:5vh}.menu-dialog nav a{display:flex;align-items:center;gap:22px;padding:15px 0;font-size:clamp(28px,4vw,70px);letter-spacing:-.06em;font-weight:400;border-bottom:1px solid var(--line);transition:color .3s,transform .5s var(--ease)}.menu-dialog nav a:hover{color:var(--blue);transform:translateX(12px)}.menu-dialog nav span{font-size:10px;letter-spacing:0;opacity:.5}.menu-dialog nav i{margin-left:auto;font-size:30px}.menu-dialog>.button{max-width:50%;margin-top:30px;width:100%;border-radius:50px;font-size:13px;padding-inline:30px}.menu-dialog>p{font-size:9px;letter-spacing:.17em;margin-top:30px;color:#7f9190}.image-dialog{width:min(1150px,96vw);max-height:94dvh;border-radius:6px}.image-dialog .dialog-bar{position:sticky;top:0;background:#f4f5ef;z-index:2}.image-dialog .dialog-bar>div{display:flex;align-items:center;gap:20px}.image-dialog .dialog-bar a{font-size:11px}.image-body{background:#d6ddd9;padding:24px;overflow:auto;max-height:calc(94dvh - 70px)}.image-body img{width:100%;height:auto;max-width:1100px;margin:auto}.film-dialog{background:#10191d;color:white;width:1080px;border-radius:6px}.film-dialog .dialog-bar{border-color:#ffffff30}#film-player{aspect-ratio:16/9}#film-player iframe{width:100%;height:100%;border:0;display:block}.film-dialog>a{font-size:10px;padding:17px 24px;display:block;color:#aebed0}.feedback-dialog .notice-body{text-align:center;padding:40px}.feedback-mark{width:62px;height:62px;border:1px solid #537cd6;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:27px;margin:0 auto 25px}
/* Entry: five architectural shutters, then independent scene layers. */
.arrival{display:none}.js .arrival{display:block;position:fixed;inset:0;z-index:200;pointer-events:none}.arrival-shutter{position:absolute;inset:0;display:flex}.arrival-shutter i{height:100%;flex:1;background:#203cbc;transform-origin:top;animation:shutter-open 1.05s var(--ease) 1s both}.arrival-shutter i:nth-child(2){animation-delay:1.06s}.arrival-shutter i:nth-child(3){animation-delay:1.12s}.arrival-shutter i:nth-child(4){animation-delay:1.18s}.arrival-shutter i:nth-child(5){animation-delay:1.24s}.arrival-type{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#e5eeff;animation:arrival-fade .65s var(--ease) .8s both}.arrival-type>span{font-size:9px;letter-spacing:.25em}.arrival-type>strong{font-size:clamp(65px,14vw,240px);font-weight:330;letter-spacing:-.075em;line-height:1.4;animation:arrival-letters 1.1s var(--ease) both}.arrival-type>b{font-size:11px;letter-spacing:.2em;font-weight:400}.js .hero-copy h1>span{animation:line-enter 1.3s var(--ease) 1.35s both}.js .hero-copy h1>span:nth-child(2){animation-delay:1.5s}.js .hero-coordinate{animation:line-enter 1.3s var(--ease) 1.4s both}.js .orbit-cta{animation:cta-enter 1.5s var(--ease) 1.55s both}.js [data-reveal]{opacity:0;transform:translateY(35px);transition:opacity .9s var(--ease),transform 1.2s var(--ease)}.js [data-reveal].in-view{opacity:1;transform:translateY(0)}.js h2[data-reveal] .reveal-word{display:inline-block;opacity:0;transform:translateY(110%) rotate(4deg);transition:opacity .6s,transform 1.05s var(--ease);transition-delay:calc(var(--word-order)*55ms)}.js h2[data-reveal].in-view .reveal-word{opacity:1;transform:none}.word-clip{display:inline-block;overflow:hidden;vertical-align:top;padding-right:.06em;margin-right:-.06em}.metric-ribbon>div:nth-child(2){transition-delay:.12s}.metric-ribbon>div:nth-child(3){transition-delay:.24s}
@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes sculpture{to{transform:rotateX(35deg) rotateY(70deg) rotateZ(120deg)}}@keyframes scroll-nudge{0%,100%{transform:translateY(0);opacity:.4}60%{transform:translateY(13px);opacity:1}}@keyframes window-glint{to{transform:translateX(120%)}}@keyframes shutter-open{to{transform:scaleY(0)}}@keyframes arrival-fade{to{opacity:0;transform:translateY(-40px)}}@keyframes arrival-letters{from{opacity:0;letter-spacing:.03em;transform:translateY(30px)}to{opacity:1;letter-spacing:-.075em;transform:none}}@keyframes line-enter{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes cta-enter{from{opacity:0;scale:.7}to{opacity:1;scale:1}}@keyframes dialog-enter{from{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:none}}
@media(min-width:1800px){.life-card{flex-basis:60vw}.life-photo{background-size:260.87% 839%}.horizon-stage{--radius:360px}.hero-copy{top:61%}}
@media(max-width:1200px){.header-chapter{display:none}.header-actions{gap:25px}.hero-copy h1{font-size:24px}.hero-copy{left:5%;top:60%}.hero-coordinate{left:5%;right:7%}.orbit-cta{width:115px;height:115px;right:4%}.hero-signature{font-size:8.3vw}.city-layout{grid-template-columns:1.6fr 1fr;gap:4vw}.location-tabs button>strong{font-size:19px}.orbit-center>b{font-size:29px}.city-active-number{font-size:80px}#location-panel h3{font-size:25px}#location-panel p{font-size:12px}.life-heading{grid-template-columns:1fr 1.6fr auto;gap:20px}.life-card{flex-basis:72vw;gap:30px}.life-photo>i{font-size:36px}.life-card-copy h3{font-size:31px}.unit-detail-column>p{font-size:14px}#unit-panel{grid-template-columns:.65fr 2fr .8fr;gap:25px}.unit-label h3{font-size:75px}.unit-tabs button{font-size:22px}.unit-drawing{min-height:250px}.plan-paper{padding:24px 20px}.visit-ticket{padding:28px 23px;width:39%}.ticket-divider{margin-inline:-23px}.visit-ticket h3{font-size:25px}.register-section .form-fields{gap:20px}.register-section .form-fields input{font-size:12px}}
@media(max-width:960px){.header{padding-inline:5%;height:83px}.header.scrolled{height:72px}.brand>b{font-size:24px}.brand>small{font-size:8px}.chapter-rail{display:none}.horizon-stage{--wl:21%;--wr:8%;--wt:22%;--wb:22%;--radius:210px}.horizon-word{padding-top:23vh;font-size:20.5vw}.hero-copy{top:61%;left:5%}.hero-copy h1{font-size:22px}.hero-copy>.eyebrow{font-size:9px}.hero-signature{bottom:13%;font-size:8.5vw;right:6%}.hero-scroll{bottom:6%}.orbit-cta{top:48%;right:3%;width:104px;height:104px}.orbit-cta>span{font-size:10px}.orbit-cta i{font-size:19px}.window-coordinate{font-size:8px;bottom:29%}.horizon-window>small{bottom:24%;font-size:8px}.hero-coordinate{top:17%;font-size:7px}.hero-after p{font-size:48px}.manifesto h2{font-size:8vw}.manifesto-bottom{padding-left:0;gap:40px}.manifesto-bottom p{font-size:13px}.manifesto-orbit{top:0;right:-5%;width:34vw;height:34vw;opacity:.65}.metric-ribbon{grid-template-columns:1.1fr .8fr 1fr;gap:25px;margin-top:60px}.metric-ribbon>p{grid-column:1/-1;margin-top:0;border-top:1px solid var(--line);padding-top:20px;padding-bottom:0}.city-layout{grid-template-columns:1fr 1fr;gap:30px}.city-orbit{min-width:0}.location-tabs button{min-width:65px;width:23%}.location-tabs button>strong{font-size:16px;margin-block:4px}.location-tabs button>span{font-size:6px}.location-tabs button>i{font-size:6px}.orbit-center{width:37%}.orbit-center>b{font-size:20px}.orbit-center>span{font-size:6px}.orbit-center>small{font-size:6px}.orbit-center:after{inset:-8px}.orbit-center:before{inset:7px}.orbit-legend{font-size:7px;bottom:-33px}.city-active-number{font-size:68px}.location-en{font-size:8px;margin-top:15px}#location-panel{min-height:240px}#location-panel h3{font-size:23px}.city-map-peek{margin-top:16px}.city-map-peek img{width:85px;height:65px}.city-map-peek>span{font-size:10px}.life-viewport{padding-top:80px}.life-heading{grid-template-columns:1fr auto}.life-heading>.eyebrow{grid-column:1/-1;margin:0 0 5px}.life-heading h2{font-size:36px}.life-card{flex-basis:85vw;grid-template-columns:1.3fr 1fr;gap:24px}.life-card-copy h3{font-size:28px}.life-card-copy p{font-size:10px}.life-photo>i{font-size:29px}.life-track{padding-top:45px;gap:35px}.life-bottom{gap:20px;font-size:7px}.life-bottom button{font-size:10px}.residence-heading{align-items:start;gap:30px}.residence-heading p{font-size:11px}.unit-tabs button{font-size:20px;padding:23px 4px}.unit-tabs small{font-size:11px}#unit-panel{grid-template-columns:.7fr 2fr;gap:28px;padding-top:45px;min-height:500px}.unit-detail-column{grid-column:1/-1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px}.unit-watermark{display:none}.unit-detail-column>p{font-size:12px;line-height:1.6;margin:0}.unit-detail-column>p br{display:none}.unit-detail-column .round-link{font-size:12px;gap:25px}.unit-label h3{font-size:64px}.unit-label>span{font-size:7px}.plan-paper{padding:20px}.unit-drawing{min-height:220px}.visit-scene{padding-right:0}.visit-map{width:80%;padding:28px 60px 28px 25px}.visit-ticket{width:48%;margin-left:-25%}.visit-type{bottom:-30px}.register-section .form-fields{grid-template-columns:1fr 1fr;gap:30px}.register-section .form-fields input{font-size:14px}.register-form-wrap{margin-top:50px}.footer-top{align-items:start}.footer-top>div{flex-direction:column;gap:10px}.footer-brand{font-size:64px}.menu-dialog nav{max-width:55%}.menu-dialog:before{inset:25% 5% 22% 60%}.menu-dialog nav a{font-size:40px}.menu-dialog>.button{max-width:55%}}
@media(max-width:700px){:root{--pad:24px}html{scroll-padding-top:83px}body{font-size:14px}.section{padding-block:80px}.section-marker{font-size:8px;letter-spacing:.12em;margin-bottom:38px;padding-bottom:18px}.section-marker>span:last-child{display:none}h2{font-size:36px}.header{height:76px;padding-inline:23px;gap:15px}.header.scrolled{height:66px}.brand>b{font-size:21px}.brand>b>span{font-size:6px;margin-left:4px}.brand>small{font-size:7px;margin-top:8px;letter-spacing:.16em}.header-actions{gap:18px}.header-register{font-size:9px;padding:9px 12px;gap:15px}.header-register i{font-size:16px}.menu-toggle{width:25px;height:40px}.menu-toggle>span{display:none}.menu-toggle>i{width:23px;top:15px}.menu-toggle>i:last-child{width:16px;top:23px}.horizon{height:150svh}.horizon-stage{min-height:650px;--wt:23%;--wr:7%;--wb:27%;--wl:9%;--radius:170px}.hero-coordinate{top:15%;left:7%;right:7%;font-size:6px;letter-spacing:.13em}.hero-coordinate>span:last-child{display:none}.horizon-word{padding-top:19.5vh;padding-left:3%;font-size:23.4vw;letter-spacing:-.075em}.horizon-window>img{object-position:50% 50%;object-fit:cover}.horizon-window:after{background:linear-gradient(0deg,#102126ca,transparent 65%)}.hero-copy{top:auto;bottom:16%;left:7%;max-width:90%}.hero-copy>.eyebrow{font-size:8px;letter-spacing:.1em}.hero-copy h1{font-size:24px;line-height:1.3;letter-spacing:-.045em;margin-top:9px}.hero-copy h1>span{display:inline}.hero-copy h1>span+span:before{content:' ';display:block}.hero-signature{right:7%;bottom:32%;font-size:10.2vw;color:white;z-index:5}.hero-signature>span{font-size:.38em;padding-top:3px;margin-right:4px}.window-coordinate{display:none}.horizon-window>small{bottom:28.3%;font-size:7px;right:12%}.hero-scroll{bottom:7%;left:7%;font-size:6px;gap:13px;letter-spacing:.08em}.scroll-wheel{width:22px;height:35px;padding-top:4px}.scroll-wheel i{height:7px;width:2px}.orbit-cta{width:92px;height:92px;top:auto;bottom:8.7%;right:6%}.orbit-cta>span{font-size:9px}.orbit-cta i{font-size:18px;margin-top:4px}.orbit-cta text{font-size:10px;letter-spacing:2px}.scene-meter{bottom:2%;left:7%;right:7%;font-size:6px;gap:10px}.hero-after{inset:auto 7% 20%}.hero-after>span{font-size:7px;letter-spacing:.15em}.hero-after p{font-size:33px;max-width:280px;margin-top:14px}.hero-after b{font-size:12px;margin-top:15px}.manifesto h2{font-size:10vw;letter-spacing:-.065em;line-height:1.4}.manifesto-orbit{width:50vw;height:50vw;top:23%;right:-20%;opacity:.18}.manifesto-orbit>b{font-size:30vw}.manifesto-orbit>span{display:none}.manifesto-bottom{margin-top:30px;display:block}.manifesto-bottom p{font-size:12px;line-height:2}.manifesto-bottom .line-link{font-size:11px;max-width:none;width:100%;margin-top:22px}.metric-ribbon{margin-top:45px;gap:14px;grid-template-columns:1.1fr .7fr 1fr;padding-top:22px}.metric-ribbon strong{font-size:58px;line-height:1.4}.metric-ribbon span{font-size:6px;letter-spacing:.1em;min-height:20px}.metric-ribbon small{font-size:9px;margin-left:4px;display:block;margin-top:-7px}.metric-ribbon>p{font-size:10px;margin-top:15px}.city-heading{display:block}.city-heading h2{font-size:32px;line-height:1.35}.city-heading-index{display:none}.city-layout{display:block;margin-top:35px}.city-orbit{max-width:550px;margin:auto}.location-tabs button{min-width:66px;width:22%}.location-tabs button>strong{font-size:17px}.location-tabs button>i{font-size:6px}.location-tabs button>span{font-size:6px;letter-spacing:.08em}.location-tabs button:nth-child(1){left:10%;top:7%}.location-tabs button:nth-child(2){right:4%;top:16%}.location-tabs button:nth-child(3){right:12%;bottom:2%}.location-tabs button:nth-child(4){left:5%;bottom:12%}.orbit-center{width:37%}.orbit-center>b{font-size:22px;margin:8px 0}.orbit-center>span{font-size:6px;letter-spacing:.1em}.orbit-center>small{font-size:6px}.orbit-legend{bottom:-30px;font-size:6px;line-height:1.7}.city-description{margin-top:63px;border-top:1px solid #ffffff35;padding-top:27px;display:grid;grid-template-columns:60px 1fr;gap:0 15px}.city-active-number{font-size:58px;letter-spacing:-.07em;padding-top:4px}.location-en{font-size:7px;margin-top:0}#location-panel{min-height:192px}#location-panel h3{font-size:24px;line-height:1.4;margin:12px 0}#location-panel p{font-size:12px;line-height:1.9}.city-map-peek{grid-column:1/-1;padding:15px 0;margin-top:15px}.city-map-peek img{width:105px;height:68px}.city-map-peek>span{font-size:11px}.city-description .disclaimer{grid-column:1/-1;font-size:8px;margin-top:17px}.life-viewport{padding:70px 0 35px}.life-heading{display:block}.life-heading>.eyebrow{display:block;font-size:8px;margin-bottom:20px}.life-heading h2{font-size:34px;line-height:1.3}.life-navigation{justify-content:end;margin-top:25px;gap:8px}.life-navigation>span{margin-right:auto;font-size:9px}.life-navigation b{font-size:20px}.life-navigation button{width:37px;height:37px;font-size:19px}.life-track{padding-top:25px;padding-bottom:30px;gap:20px;perspective:none}.life-card{flex:0 0 calc(100vw - 65px);max-width:440px;display:block;transform:none!important;opacity:1!important}.life-photo{aspect-ratio:1.2;max-height:none}.life-photo>b{font-size:60px;left:18px;top:8px}.life-photo>i{font-size:35px;left:20px;bottom:23px}.life-card-copy{padding:23px 0 0}.life-card-copy>span{font-size:8px}.life-card-copy h3{font-size:27px;line-height:1.35;margin:12px 0}.life-card-copy h3 br{display:none}.life-card-copy p{font-size:11px}.life-bottom{gap:14px;font-size:6px}.life-bottom>span{max-width:90px;letter-spacing:.07em;line-height:1.7}.life-bottom button{font-size:9px;padding:0}.residence-heading{display:block;margin-bottom:28px}.residence-heading h2{font-size:34px}.residence-heading p{font-size:11px;margin-top:20px;line-height:1.8}.unit-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.unit-tabs button{font-size:21px;padding:17px 3px}.unit-tabs small{font-size:11px;margin-left:2px}.unit-tabs button[aria-selected=true]{background:#3658eb0a}.unit-tabs button:after{left:6px;right:6px}#unit-panel{display:block;padding:30px 0 10px;min-height:0}.unit-label{position:relative;display:grid;grid-template-columns:1fr auto;gap:0 10px;align-items:center}.unit-label>span{font-size:7px;grid-column:1/-1}.unit-label h3{font-size:60px;margin:16px 0}.unit-label h3>span{font-size:34px}.unit-label>p{font-size:12px}.unit-label>p b{font-size:19px}.unit-label>small{font-size:6px;margin-top:0;position:absolute;right:0;bottom:18px;letter-spacing:.08em}.plan-stage{margin-top:22px}.plan-paper{padding:22px 18px}.unit-drawing{min-height:220px;padding-block:16px}.unit-drawing img{width:100%;height:auto;max-height:300px}.plan-scale{font-size:6px;letter-spacing:.1em}.plan-controls{margin-top:24px}.plan-controls button{font-size:10px;padding:9px 14px}.plan-controls>span{font-size:7px}.unit-detail-column{margin-top:30px;padding-top:20px}.unit-detail-column>p{font-size:10px;max-width:45%}.unit-detail-column .round-link{font-size:10px;gap:10px}.unit-detail-column .round-link i{width:40px;height:40px;font-size:21px}.residence .disclaimer{font-size:8px;line-height:1.9;margin-top:22px}.film-scene{height:75svh;min-height:580px;max-height:800px}.film-aperture{inset:12% 6%}.film-title>span{font-size:7px;letter-spacing:.17em}.film-title h2{font-size:16vw;line-height:1;margin-top:28px;letter-spacing:-.07em}.film-play{width:85px;height:85px;margin-top:30px}.film-play>span{font-size:17px}.film-play>b{font-size:7px}.film-scene>p{font-size:10px;max-width:90%;line-height:1.8;margin-top:26px}.film-scene small{font-size:8px}.visit>h2{text-align:left;font-size:34px;margin-bottom:40px}.visit>h2 em{display:block;margin-top:6px}.visit-scene{padding:0 0 55px;display:block;min-height:0}.visit-map{width:100%;padding:18px;transform:rotate(-3deg);margin-left:-8px}.visit-ticket{width:83%;margin-left:auto;margin-top:-30px;padding:27px 22px;transform:rotate(3deg)}.visit-ticket h3{font-size:27px;margin:20px 0 12px}.visit-ticket p{font-size:11px;margin-bottom:23px}.visit-ticket>div:first-child{font-size:7px}.visit-ticket>div:first-child i{font-size:24px}.visit-ticket .round-link i{width:45px;height:45px}.visit-ticket .round-link{font-size:11px}.ticket-divider{margin-inline:-22px}.visit-ticket>small{font-size:8px}.visit-type{font-size:17vw;bottom:-25px;left:-8px;right:auto;opacity:.7}.register-heading{text-align:left}.register-heading>.eyebrow{font-size:8px}.register-heading h2{font-size:38px;line-height:1.3;margin:22px 0}.register-heading>p{font-size:12px;line-height:1.9}.register-form-wrap{margin-top:35px;padding-top:27px}.register-section .form-fields{grid-template-columns:1fr 1fr;gap:26px 22px}.register-section .form-fields .wide{grid-column:1/-1}.register-section .form-fields input{font-size:14px}.register-section .form-fields input::placeholder{font-size:11px}.form-fields label>span{font-size:11px}.form-heading{margin-bottom:27px}.register-section .form-heading h3{font-size:20px}.form-heading>span{font-size:8px}.form-agree{font-size:10px;margin-top:26px}.form-agree button{font-size:9px}.form-agree input{width:16px;height:16px}.register-section .submit-button{max-width:none;font-size:13px;min-height:60px;margin-top:17px}.register-section .form-note{font-size:8px}.register-contact{margin-top:30px;gap:20px}.register-contact b{font-size:21px}.register-contact>span{font-size:10px}.footer{padding:47px var(--pad) 95px}.footer-top{display:block;margin-bottom:26px}.footer-brand{font-size:17vw}.footer-brand small{font-size:8px;margin-top:15px}.footer-top>div{flex-direction:row;flex-wrap:wrap;gap:20px;font-size:9px;margin-top:25px}.footer>.shell>p{font-size:8px}.footer-bottom{font-size:6px;letter-spacing:.1em;gap:10px;padding-top:20px;margin-top:25px}.mobile-dock{display:flex;position:fixed;z-index:40;bottom:12px;left:17px;right:17px;padding:5px;background:#eaf0f5e8;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid #ffffff77;border-radius:60px;box-shadow:0 8px 35px #102a4d25;gap:5px;align-items:center;transition:transform .35s;bottom:max(12px,env(safe-area-inset-bottom))}.mobile-dock>a{width:38%;font-size:10px;text-align:center}.mobile-dock>button{flex:1;display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--blue);color:white;padding:12px 20px;border-radius:40px;font-size:11px}.mobile-dock>button>span{font-size:21px;line-height:1}body.modal-open .mobile-dock{transform:translateY(150%)}.notice-dialog{width:500px}.notice-body{padding:26px}.notice-body h2{font-size:23px;margin-bottom:18px}.notice-body p{font-size:11px}.notice-body .button{font-size:12px;min-height:53px;padding:15px 18px}.dialog-bar{padding:12px 16px;gap:10px;min-height:60px}.dialog-bar>h2{font-size:12px}.dialog-bar>span{font-size:8px}.close-button{width:34px;height:34px;font-size:26px}.privacy-list{font-size:11px}.register-dialog{width:500px;max-height:88dvh}.register-dialog-aside{padding:28px 24px}.register-dialog-aside h2{font-size:25px;max-width:240px;line-height:1.35;margin-top:12px}.register-dialog-aside h2 br{display:block}.register-dialog-aside:before{font-size:165px;top:0;right:0}.register-dialog-main{padding:28px 24px}.register-dialog-main .form-fields{grid-template-columns:1fr;gap:23px}.register-dialog-main .form-fields .wide{grid-column:auto}.register-dialog-main .form-heading{margin-bottom:22px}.register-dialog-main .form-heading h3{font-size:21px}.register-dialog[open]>.register-dialog-main>.close-button{top:-144px;right:13px}.register-dialog .form-fields input{font-size:14px;padding-block:12px}.register-dialog .form-fields input::placeholder{font-size:12px}.register-dialog .form-note{font-size:9px}.register-dialog .button{font-size:13px;min-height:55px;padding:17px 20px}.menu-dialog{padding:17px var(--pad)}.menu-dialog:before{inset:15% -30% 18% 55%;opacity:.18}.menu-dialog .dialog-bar{padding-block:8px 15px}.menu-dialog nav{max-width:100%;margin-top:30px}.menu-dialog nav a{font-size:34px;padding:15px 0;gap:16px}.menu-dialog nav span{font-size:9px}.menu-dialog nav i{font-size:23px}.menu-dialog>.button{max-width:100%;font-size:12px;min-height:55px;margin-top:28px;padding:17px 24px}.menu-dialog>p{font-size:7px;margin-top:25px}.image-dialog{width:calc(100% - 18px);max-width:calc(100% - 18px)}.image-dialog .dialog-bar>div{gap:5px}.image-dialog .dialog-bar a{font-size:9px}.image-dialog .dialog-bar>h2{max-width:61%;font-size:11px}.image-body{padding:8px}.film-dialog .dialog-bar>h2{font-size:12px}.film-dialog>a{font-size:9px;padding:15px 18px}.feedback-dialog .notice-body{padding:30px 25px}.arrival-type>span{font-size:7px;letter-spacing:.16em}.arrival-type>strong{font-size:18vw}.arrival-type>b{font-size:9px}.js [data-reveal]{transform:translateY(25px)}}
@media(max-width:360px){:root{--pad:20px}.header{padding-inline:20px}.header-actions{gap:13px}.brand>b{font-size:19px}.header-register{font-size:8px;padding:9px 10px;gap:8px}.brand>small{font-size:6px}.horizon-stage{min-height:620px}.hero-copy h1{font-size:23px}.hero-copy>.eyebrow{font-size:7px}.hero-coordinate{font-size:6px}.hero-signature{font-size:10vw}.orbit-cta{width:83px;height:83px}.orbit-cta>span{font-size:8px}.manifesto h2{font-size:10.2vw}.metric-ribbon strong{font-size:52px}.metric-ribbon small{font-size:8px}.city-heading h2{font-size:29px}.orbit-center>b{font-size:19px}.location-tabs button{min-width:58px}.location-tabs button>strong{font-size:15px}.city-description{grid-template-columns:48px 1fr;gap:12px}.city-active-number{font-size:48px}#location-panel h3{font-size:22px}.life-heading h2{font-size:31px}.life-photo>i{font-size:29px}.life-card-copy h3{font-size:24px}.unit-tabs button{font-size:19px}.unit-tabs small{font-size:10px}.unit-drawing{min-height:185px}.unit-detail-column .round-link{font-size:9px;gap:8px}.unit-detail-column .round-link i{width:35px;height:35px}.register-heading h2{font-size:33px}.form-agree{font-size:9px;gap:8px}.form-agree button{font-size:8px}.footer-bottom>span:last-child{display:none}.menu-dialog nav a{font-size:31px}.register-dialog-aside h2{font-size:23px}}
.header.theme-dark{color:#edf2ff;background:#13264dc9;box-shadow:0 1px 0 #ffffff13}.header.theme-dark .header-register{border-color:#d6e5ff55}.header.theme-dark .header-register:hover{background:#dce8ff;color:#19359a}
.js .hero-coordinate,.js .orbit-cta{animation-fill-mode:backwards}
/* The first gesture reveals in place. Subsequent gestures scroll without a spacer. */
@media(prefers-reduced-motion:no-preference){.horizon{height:auto}.horizon-stage{position:relative}.horizon:after{content:none}}
.menu-dialog{overflow-x:hidden}
@media(min-width:701px) and (max-width:960px){.horizon-stage{--wl:35%}}
@media(min-width:961px){.window-coordinate,.horizon-window>small{left:29%;right:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .arrival{display:none}.js [data-reveal],.js h2[data-reveal] .reveal-word{opacity:1;transform:none}.horizon{height:100svh;min-height:650px}.horizon-stage{position:relative}.ink-word{color:var(--ink)}em .ink-word{color:var(--blue)}.life-card{transform:none!important;opacity:1!important}.plan-stage.is-angled{--plan-rx:0deg;--plan-ry:0deg;--plan-rz:0deg}}