/* Shared directory and the slower, image-led detail pages. */
.desktop-nav{gap:clamp(20px,2.8vw,48px);margin-left:15px}.outline-button{display:inline-flex;align-items:center;gap:22px}.mobile-menu{overflow-y:auto}.mobile-menu details{border-bottom:1px solid #ffffff30;padding:12px 0}.mobile-menu summary{cursor:pointer;font-size:24px;list-style:none;display:flex;justify-content:space-between}.mobile-menu summary::after{content:'+';font-size:23px;font-weight:300}.mobile-menu details[open] summary::after{content:'−'}.mobile-menu details>div{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;padding:14px 0}.mobile-menu details a{font-size:14px;padding:7px 0;border:0}.mobile-menu details a span{font-size:13px}.text-link{font-size:var(--type-control);border-bottom:1px solid var(--blue);padding:8px 0;color:var(--blue);white-space:nowrap}.text-link span{margin-left:28px}.preview-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.preview-trio>a{overflow:hidden}.preview-image{height:460px;overflow:hidden;position:relative}.preview-trio .preview-image img{width:100%;height:100%;object-fit:cover;object-position:center 48%;transition:scale .8s var(--ease-out)}@media(hover:hover) and (pointer:fine){.preview-trio a:hover .preview-image img{scale:1.025}}.preview-trio a>span{display:flex;justify-content:space-between;padding:20px 0;font-size:var(--type-control)}.preview-trio i{font-style:normal;font-size:22px;color:var(--blue)}.promotion{background:#f1f5f8}.promotion-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:40px}.promotion-feature{position:relative;min-height:550px;overflow:hidden}.promotion-feature img{width:100%;height:100%;object-fit:cover}.promotion-feature::after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#091f39bb)}.promotion-feature>span{position:absolute;inset:auto 40px 35px;z-index:1;color:#fff;display:flex;flex-direction:column}.promotion-feature small,.promotion-grid>div small{font-size:var(--type-label);letter-spacing:var(--tracking-label)}.promotion-feature strong{font-size:var(--type-title);font-weight:600;margin-top:5px}.promotion-feature i{position:absolute;right:0;bottom:0;font-size:40px;font-style:normal}.promotion-grid>div{display:grid;grid-template-rows:1fr 1fr}.promotion-grid>div>a{display:flex;flex-direction:column;justify-content:center;padding:30px 35px}.promotion-grid>div>a:first-child{border-bottom:1px solid #183c5c25}.promotion-grid h3{font-size:var(--type-title);font-weight:600;line-height:var(--leading-title);margin:15px 0}.promotion-grid>div a>span{font-size:13px;color:var(--blue)}.quick-directory{margin-top:65px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #183c5c25}.quick-directory a{padding:22px 18px;display:flex;justify-content:space-between;font-size:var(--type-control)}.quick-directory a:hover{background:#e3edf4}.info-page .header{background:#fff;color:var(--ink);height:86px;border-color:#dae3eb}.sub-hero{margin-top:86px;height:360px;position:relative;overflow:hidden;color:white;background:var(--deep)}.sub-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 55%;opacity:.5;animation:sub-scene 1.6s var(--ease-out)}.sub-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#122f4bd9,#173d5940),radial-gradient(ellipse at 0 0,#497ba54d,transparent 65%)}.sub-hero>div{position:absolute;z-index:1;inset:0;display:flex;justify-content:center;flex-direction:column;padding:0 var(--gutter)}.sub-hero h1{font-size:var(--type-hero);font-weight:600;letter-spacing:var(--tracking-display);margin:10px 0}.sub-hero p{font-size:13px;letter-spacing:.1em}.sub-hero span{font:500 var(--type-label)/var(--leading-title) var(--body);letter-spacing:var(--tracking-label);opacity:.7}.breadcrumbs{display:flex;align-items:center;gap:20px;padding:22px var(--gutter);font-size:12px;color:#758390;border-bottom:1px solid var(--line)}.breadcrumbs strong{font-weight:500;color:var(--ink)}.detail-tabs{display:flex;gap:34px;padding:0 var(--gutter);overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:thin}.detail-tabs a{padding:20px 0;white-space:nowrap;font-size:var(--type-control)}.detail-tabs a[aria-current=page]{color:var(--blue);box-shadow:inset 0 -2px var(--blue);font-weight:600}.detail-content{max-width:1600px;margin:auto;padding:90px var(--gutter) 70px}[data-page]{display:none}[data-page].is-active{display:block}.detail-lead{margin-bottom:55px}.detail-lead h2{font-size:var(--type-section);font-weight:600;line-height:var(--leading-title);letter-spacing:var(--tracking-body);margin:18px 0 24px}.detail-lead>p:last-child{font-size:var(--type-body);line-height:var(--leading-body);color:#687783}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 30px}.asset-grid figure{margin:0;min-width:0}.asset-image{position:relative;display:block;width:100%;padding:0;overflow:hidden;background:#edf2f5}.asset-image img{width:100%;aspect-ratio:1.55;object-fit:cover;transition:transform .75s var(--ease-out)}.asset-image:hover img{transform:scale(1.035)}.asset-image>span{position:absolute;right:18px;bottom:16px;color:white;font-size:28px;text-shadow:0 2px 10px #000}.asset-grid figcaption{display:flex;justify-content:space-between;align-items:center;padding-top:16px;gap:14px;font-size:var(--type-control)}.asset-grid figcaption small{font-size:10px;letter-spacing:.04em;color:#82909c;white-space:nowrap}.portrait-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portrait-grid .asset-image img{aspect-ratio:3/4;object-position:center}.portrait-grid figure:first-child:has(img[src$="lounge.webp"]){grid-column:span 3}.portrait-grid figure:first-child:has(img[src$="lounge.webp"]) img{aspect-ratio:2.2}.wide-asset{display:block;width:100%;padding:0;overflow:hidden}.wide-asset img{width:100%}.pair-asset{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:26px}.pair-asset button{padding:0}.pair-asset img{width:100%;height:100%;object-fit:cover}.system-list{display:grid;grid-template-columns:1fr 1fr;gap:0 55px;margin-bottom:70px}.system-list article{display:flex;gap:25px;padding:28px 0;border-top:1px solid var(--line)}.system-list article>span{font:28px var(--number);color:#90aabd}.system-list h3{font-size:var(--type-title);font-weight:600;margin-bottom:8px}.system-list p{font-size:var(--type-body);color:#71808c}.gallery-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.gallery-filters button{padding:10px 22px;font-size:var(--type-control);border:1px solid #d8e3eb;border-radius:30px;transition:background .2s,color .2s}.gallery-filters button[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue)}.gallery-count{font-size:12px;color:#71808c;margin:20px 0}.gallery-collection .asset-image img{aspect-ratio:1.5}.film-poster{position:relative;display:block;overflow:hidden}.film-poster img{width:100%;filter:brightness(.7)}.film-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:100px;height:100px;border:1px solid #ffffffaa;border-radius:50%;color:white;font-size:32px;backdrop-filter:blur(3px)}.film-caption{position:absolute;left:35px;right:35px;bottom:26px;color:white;display:flex;justify-content:space-between}.film-caption i{font-style:normal}.asset-note{font-size:var(--type-note);color:#778794;margin-top:20px}.visit-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center}.visit-layout>img{width:100%;background:#edf3f7}.visit-layout h3{font-size:var(--type-title);font-weight:600;margin:16px 0}.visit-layout p{line-height:var(--leading-body)}.visit-layout .solid-button{margin-top:28px}.visit-note{padding-top:28px;margin-top:35px;border-top:1px solid var(--line);color:#6a7985}.visit-note h4{font-size:var(--type-control);color:var(--ink);margin:0 0 10px}.visit-note p{font-size:var(--type-body)}.guide-facts{display:grid;grid-template-columns:repeat(3,1fr);padding:40px 0 60px;margin-bottom:50px;border-bottom:1px solid var(--line)}.guide-facts small{display:block;color:#71808c;font-size:13px}.guide-facts strong{font:clamp(34px,4.5vw,64px) var(--number);color:var(--blue);display:block;margin-top:15px}.guide-facts strong span{font:14px var(--body);margin-left:10px}.guide-status{max-width:850px}.guide-status h3{font-size:var(--type-title);font-weight:600;margin-bottom:25px}.guide-status dl>div{display:grid;grid-template-columns:150px 1fr;padding:22px 0;border-top:1px solid var(--line);font-size:var(--type-control)}.guide-status dt{color:#7b8790}.guide-status dd{margin:0}.guide-links{display:flex;gap:40px;margin-top:40px}.guide-links a{padding:15px 0;border-bottom:1px solid var(--blue);font-size:14px;color:var(--blue)}.guide-links span{margin-left:24px}.detail-disclaimer{max-width:1450px;padding:25px var(--gutter);margin:auto;font-size:var(--type-note);color:#88949d}.detail-next{display:flex;justify-content:space-between;gap:20px;padding:35px var(--gutter);background:#edf3f7;font-size:15px}.detail-next span{margin-left:25px}.detail-content .section{padding:0}.detail-content .summary{padding:0;background:white;color:var(--ink)}.detail-content .summary dt,.detail-content .summary-content p{color:#697987}.detail-content .summary dd{color:var(--ink)}.detail-content .summary-content{padding:35px}.detail-content .premium{margin:0}.detail-content .premium-title{padding:40px}.detail-content .premium-story{padding:45px}.detail-content .premium-panel{grid-template-columns:1.25fr 1fr}.detail-content .complex-details{margin-bottom:0}.detail-content .units .section-heading{margin-bottom:40px}.lightbox-nav{display:flex;align-items:center;justify-content:center;gap:30px;color:white;padding:12px}.lightbox-nav button{font-size:26px;padding:5px 20px}.lightbox-nav span{font:13px var(--number)}@keyframes sub-scene{from{transform:scale(1.1)}to{transform:scale(1)}}
@media(max-width:1100px){.desktop-nav{gap:20px}.header-actions .outline-button{font-size:var(--type-control);gap:10px}.header{padding-inline:3%}.preview-trio .preview-image{height:360px}.promotion-feature{min-height:470px}.promotion-grid{gap:15px}.promotion-grid h3{font-size:var(--type-title);font-weight:600}.detail-content{padding-top:60px}.asset-grid figcaption{font-size:var(--type-control)}}
@media(max-width:800px){.mobile-menu{padding-top:100px;padding-bottom:35px}.mobile-menu details{padding:9px 0}.mobile-menu summary{font-size:23px}.mobile-menu>small{margin-top:25px}.community-preview .section-heading{align-items:start;gap:25px}.preview-trio{gap:14px;grid-template-columns:1fr 1fr}.preview-trio>a:last-child{grid-column:span 2}.preview-trio .preview-image{height:280px}.preview-trio>a:last-child .preview-image{height:300px}.preview-trio>a:last-child img{object-position:center 50%}.preview-trio a>span{font-size:var(--type-control);padding:12px 0}.promotion-grid{grid-template-columns:1fr;gap:0}.promotion-feature{min-height:400px}.promotion-feature>span{inset:auto 25px 25px}.promotion-grid>div{grid-template-columns:1fr 1fr;grid-template-rows:auto}.promotion-grid>div>a{padding:25px 10px}.promotion-grid>div>a:first-child{border-bottom:0;border-right:1px solid #183c5c20}.promotion-grid>div>a:last-child{padding-left:25px}.promotion-grid h3{font-size:var(--type-title);font-weight:600}.promotion-grid>div a>span{font-size:11px}.quick-directory{grid-template-columns:1fr 1fr;margin-top:30px}.quick-directory a{padding:15px 4px;font-size:var(--type-control)}.sub-hero{margin-top:72px;height:260px}.info-page .header{height:72px}.sub-hero h1{font-size:var(--type-hero);font-weight:600}.sub-hero span{font-size:var(--type-label);letter-spacing:var(--tracking-label)}.breadcrumbs{gap:12px;padding-block:16px;font-size:11px}.detail-tabs{gap:24px}.detail-tabs a{font-size:var(--type-control);padding:16px 0}.detail-content{padding-top:48px;padding-bottom:40px}.detail-lead{margin-bottom:35px}.detail-lead>p:last-child{font-size:var(--type-body)}.asset-grid,.portrait-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.asset-grid .asset-image img{aspect-ratio:1/1.15}.portrait-grid .asset-image img{aspect-ratio:3/4}.portrait-grid figure:first-child:has(img[src$="lounge.webp"]){grid-column:span 2}.asset-grid figcaption{font-size:var(--type-control);align-items:start;flex-direction:column;gap:4px;padding-top:10px}.asset-grid figcaption small{font-size:9px}.asset-image>span{right:10px;bottom:8px;font-size:20px}.gallery-filters{gap:7px}.gallery-filters button{font-size:var(--type-control);padding:8px 15px}.gallery-collection .asset-image img{aspect-ratio:1}.system-list{grid-template-columns:1fr;gap:0;margin-bottom:40px}.system-list article{padding:22px 0;gap:20px}.system-list h3{font-size:var(--type-title);font-weight:600}.visit-layout{grid-template-columns:1fr;gap:30px}.guide-facts{padding-top:10px;padding-bottom:35px;margin-bottom:30px}.guide-facts strong{font-size:32px}.guide-facts strong span{display:block;font-size:12px;margin:3px 0}.guide-status dl>div{grid-template-columns:90px 1fr;font-size:var(--type-control);gap:15px}.guide-links{flex-direction:column;gap:10px}.detail-next{font-size:12px}.detail-next span{margin-left:5px}.film-play{width:65px;height:65px;font-size:25px}.film-caption{left:18px;right:18px;bottom:16px;font-size:12px}.detail-content .summary{display:block}.detail-content .summary-visual{min-height:300px;height:300px}.detail-content .summary-content{padding:30px 0}.detail-content .premium-panel{display:flex;flex-direction:column}.detail-content .premium-title{padding:35px 25px}.detail-content .premium-story{padding:30px 25px}.detail-content .premium-panel>img{height:330px}.detail-content .location-content{grid-template-columns:1fr}.detail-content .complex-map{padding:0}.detail-content .complex-details{gap:15px}.pair-asset{gap:14px}}
@media(prefers-reduced-motion:reduce){.sub-hero>img{animation:none}.asset-image img,.preview-trio img{transition:none}.asset-image:hover img,.preview-trio a:hover img{transform:none}}

.info-page [hidden]{display:none!important}.info-page .summary-content h2{color:var(--ink)}.info-page .summary-content .eyebrow{color:var(--blue)}

.header-actions .outline-button{white-space:nowrap}@media(max-width:800px){.header-actions{gap:14px}.header-actions .outline-button{padding:8px 13px;font-size:var(--type-control);gap:12px}.header .brand-en{font-size:28px}}

/* Inquiry sits directly over the full-width night scene. */
.info-page main{container-type:inline-size}
.guide-registration{position:relative;isolation:isolate;width:100cqw;max-width:none;margin:60px calc(50% - 50cqw) 90px;padding:0;background:#101c29;color:#fff;overflow:hidden}
.guide-registration-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:42% center;z-index:-2}
.guide-registration:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08152266 0%,#0a1b2b33 36%,#102c43d9 68%,#0c1b2aed 100%),linear-gradient(180deg,#07111b66,transparent 50%,#07111bc4)}
.guide-registration-inner{width:100%;max-width:1600px;min-height:780px;margin:auto;padding:105px var(--gutter) 115px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(50px,8vw,150px)}
.guide-registration-copy .eyebrow{color:#e0edf5;letter-spacing:.2em;margin-bottom:28px}
.guide-registration-copy h3{font-size:var(--type-section);font-weight:600;line-height:var(--leading-title);letter-spacing:var(--tracking-body);color:white;text-shadow:0 3px 24px #0005}
.guide-registration-copy>p:not(.eyebrow){margin-top:28px;line-height:var(--leading-body);font-size:var(--type-body);color:#e9eff4}
.guide-registration-brand{display:block;margin-top:85px;font:500 clamp(23px,2.2vw,36px) var(--display);letter-spacing:.05em;color:#fff}
.guide-registration-panel{padding:32px 0;max-width:500px;width:100%;justify-self:end}
.guide-registration-panel h4{font-size:var(--type-title);letter-spacing:var(--tracking-body);font-weight:600;margin:0}
.guide-registration .inquiry-form{margin-top:30px}
.guide-registration .inquiry-form input[type=tel]{background:#0d203c40;border:1px solid #c6d8e29c;color:#fff;height:64px;backdrop-filter:blur(8px)}
.guide-registration .inquiry-form input::placeholder{color:#d4dee8}
.guide-registration .inquiry-consent,.guide-registration .inquiry-privacy{color:#e2ebf2}
.guide-registration .inquiry-consent input{accent-color:#7caccc}
.guide-registration .inquiry-submit{background:#fff;color:#173c59;min-height:62px;margin-top:24px}
.guide-registration .inquiry-preview{color:#d0dce6;font-size:var(--type-note);line-height:var(--leading-compact)}
.guide-registration .inquiry-status{color:#fff}
.guide-registration .inquiry-form input:focus-visible{outline-color:#c8e6ff}
.guide-registration-caption{position:absolute;bottom:27px;left:var(--gutter);font-size:10px;color:#d1dae2}
@media(max-width:800px){.guide-registration{margin-top:35px;margin-bottom:50px}.guide-registration-inner{min-height:0;grid-template-columns:1fr;gap:52px;padding:66px 26px 85px}.guide-registration-photo{object-position:46% center}.guide-registration:before{background:linear-gradient(180deg,#09192877 0%,#102c4370 32%,#0c2037e8 66%,#091a2aef 100%)}.guide-registration-copy h3{font-size:var(--type-section);font-weight:600}.guide-registration-copy>p:not(.eyebrow){font-size:var(--type-body);margin-top:20px}.guide-registration-brand{margin-top:35px;font-size:24px}.guide-registration-panel{padding:0;max-width:none}.guide-registration-panel h4{font-size:var(--type-title);font-weight:600}.guide-registration-caption{left:26px;bottom:24px;font-size:9px}}

/* Full-width scenes, followed by quiet, spacious information. */
.info-page .sub-hero{height:72svh;min-height:520px;max-height:850px}
.info-page .sub-hero>img{opacity:1;animation:detail-arrive 1.8s cubic-bezier(.2,.7,.2,1);object-position:center}
.info-page .sub-hero:after{background:linear-gradient(90deg,#07131fba 0%,#10253c50 45%,transparent 80%),linear-gradient(0deg,#06111ecc,transparent 75%)}
.info-page .sub-hero>div{justify-content:flex-end;padding-bottom:64px}
.info-page .sub-hero h1{font:600 var(--type-hero)/var(--leading-title) var(--display);letter-spacing:var(--tracking-display);margin:18px 0 25px;max-width:1000px;text-wrap:balance}
.info-page .sub-hero p{font-size:17px;letter-spacing:.04em}
.info-page .sub-hero span{font:500 var(--type-label)/var(--leading-title) var(--body);letter-spacing:var(--tracking-label);opacity:.85}
@keyframes detail-arrive{from{transform:scale(1.07);filter:brightness(.6)}to{transform:scale(1);filter:brightness(1)}}
.overview-intro{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:65px}
.overview-intro h2{font-size:var(--type-section);font-weight:600;line-height:var(--leading-title);letter-spacing:var(--tracking-body);margin-top:20px}
.overview-intro>p{font-size:var(--type-body);line-height:var(--leading-body);color:#647481;max-width:400px}
.overview-gallery{position:relative;width:100cqw;margin-inline:calc(50% - 50cqw);background:#172838}
.overview-photo{position:relative;display:block;width:100%;padding:0;overflow:hidden}
.overview-photo img{width:100%;aspect-ratio:2.05;object-fit:cover;display:block}
.overview-photo>span{position:absolute;right:var(--gutter);bottom:35px;padding:12px 20px;border:1px solid #ffffff70;color:#fff;background:#081a3280;font-size:13px;backdrop-filter:blur(8px)}
.overview-photo-tabs{display:flex;justify-content:center;gap:24px;padding:24px}
.overview-photo-tabs button{width:140px;padding:0;color:#bdcbd5;opacity:.6;transition:opacity .2s}
.overview-photo-tabs img{width:100%;height:65px;object-fit:cover;border:1px solid transparent}
.overview-photo-tabs span{display:block;font-size:var(--type-note);margin-top:10px}
.overview-photo-tabs button[aria-pressed=true]{opacity:1;color:#fff}
.overview-photo-tabs button[aria-pressed=true] img{border-color:#fff}
.project-figures{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:85px 0 65px}
.project-figures>div{border-bottom:1px solid #cad6df;padding-bottom:25px}
.project-figures>div>span{font-size:13px;color:#677986}
.project-figures strong{display:block;font:600 var(--type-display)/var(--leading-title) var(--display);white-space:nowrap;color:var(--blue);margin-top:12px;letter-spacing:var(--tracking-display)}
.project-figures small{font:14px var(--body);margin-left:8px;letter-spacing:0}
.project-specs{display:grid;grid-template-columns:1fr 1fr;column-gap:55px}
.project-specs>div{display:grid;grid-template-columns:90px 1fr;gap:25px;padding:24px 0;border-bottom:1px solid #e0e7eb;font-size:var(--type-control);line-height:var(--leading-compact)}
.project-specs dt{color:#778794}.project-specs dd{margin:0}
.detail-crosslinks{display:flex;gap:45px;margin-top:50px}
.detail-crosslinks a{flex:1;display:flex;justify-content:space-between;gap:18px;padding:25px 0;border-bottom:1px solid #a3b3bf;font-size:17px}
.space-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin:100px 0 50px}
.space-heading h3{font-size:var(--type-section);font-weight:600;letter-spacing:var(--tracking-body);line-height:var(--leading-title);margin-top:15px}
.space-heading>p{font-size:var(--type-body);line-height:var(--leading-body);color:#71818c}
.room-gallery{display:grid;grid-template-columns:1fr 1fr;gap:65px 40px;align-items:start}
.room-figure{margin:0;min-width:0}.room-feature{grid-column:1/-1}
.room-photo{display:block;position:relative;width:100%;padding:0;overflow:hidden;background:#e9eef1}
.room-photo img{width:100%;height:auto;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.room-photo:hover img{transform:scale(1.025)}
.room-photo>span{position:absolute;bottom:22px;right:22px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #fff9;border-radius:50%;color:white;background:#122b4266;font-size:24px}
.room-figure figcaption{display:flex;align-items:baseline;gap:20px;padding-top:18px;font-size:var(--type-control);font-weight:500}
.room-figure figcaption small{font:500 var(--type-note)/var(--leading-title) var(--display);color:#859aaa}
.room-compact{width:100%;max-width:530px;justify-self:center}
.unit-lifestyle{position:relative;isolation:isolate;width:100cqw;margin:110px calc(50% - 50cqw) 50px;min-height:650px;overflow:hidden;color:white;background:#172737}
.unit-lifestyle>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.unit-lifestyle:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#06131bc2,#10223728 75%),linear-gradient(0deg,#102335aa,transparent)}
.unit-lifestyle>div{padding:150px var(--gutter) 95px}.unit-lifestyle h3{font-size:var(--type-section);line-height:var(--leading-title);font-weight:600;letter-spacing:var(--tracking-body);margin:25px 0 45px}.unit-lifestyle>div>p:last-child{font-size:12px;color:#d8e2e9}
.interior-story{margin-bottom:130px}.interior-story-heading{display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:35px;margin-bottom:40px}
.interior-story-heading h3{font:600 var(--type-display)/var(--leading-title) var(--display);color:var(--blue);letter-spacing:var(--tracking-display)}.interior-story-heading>p{font-size:var(--type-title);line-height:var(--leading-title);font-weight:600;letter-spacing:var(--tracking-body)}.interior-story-heading .text-link{align-self:end}
.floor-tabs{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid #b8c6d0;margin:45px 0 50px}
.floor-tabs button{font-size:var(--type-control);padding:20px 10px;color:#7e8d99;white-space:nowrap}.floor-tabs button[aria-selected=true]{color:var(--blue);box-shadow:inset 0 -2px var(--blue);font-weight:600}
.floor-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:30px}.floor-heading h3{font-size:var(--type-title);font-weight:600;margin-top:12px;letter-spacing:var(--tracking-body)}.floor-heading>p{font-size:var(--type-note);color:#788893;max-width:330px;line-height:var(--leading-compact)}
.floor-drawing{display:block;position:relative;width:100%;padding:20px;background:#1e211c;border:0;overflow:hidden}
.floor-drawing img{width:100%;display:block;object-fit:contain;max-height:850px}.floor-panel[data-level=standard] .floor-drawing img{width:auto;max-width:100%;height:640px;margin:auto}.floor-panel[data-level=standard] .floor-drawing{background:#f2f5f7;padding:45px}
.floor-drawing>span{position:absolute;right:25px;bottom:25px;padding:12px 20px;color:white;background:#132b43d9;border:1px solid #ffffff60;font-size:13px}
.scene-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.7,.2,1)}.scene-reveal.scene-visible{opacity:1;transform:none}
@media(max-width:800px){
 .info-page .sub-hero{height:68svh;min-height:440px;max-height:640px}.info-page .sub-hero>div{padding-bottom:48px}.info-page .sub-hero h1{font-size:var(--type-hero);max-width:100%;margin-bottom:22px;font-weight:600}.info-page .sub-hero p{font-size:14px}.info-page .sub-hero span{font-size:var(--type-label);letter-spacing:var(--tracking-label)}.info-page .sub-hero:after{background:linear-gradient(0deg,#071623e6,transparent 100%)}
 .overview-intro{display:block;margin-bottom:38px}.overview-intro>p{margin-top:25px;font-size:var(--type-body)}.overview-photo img{aspect-ratio:1.2;object-position:center}.overview-photo>span{bottom:18px;right:22px;font-size:11px;padding:9px 14px}.overview-photo-tabs{gap:14px;padding:18px 22px}.overview-photo-tabs button{width:calc((100% - 28px)/3)}.overview-photo-tabs img{height:52px}.overview-photo-tabs span{font-size:var(--type-note)}
 .project-figures{grid-template-columns:1fr 1fr;margin:45px 0 35px;gap:28px 20px}.project-figures strong{font-size:var(--type-display);font-weight:600}.project-figures small{font-size:12px}.project-specs{grid-template-columns:1fr}.project-specs>div{font-size:var(--type-control);grid-template-columns:70px 1fr;gap:18px;padding:20px 0}.detail-crosslinks{gap:20px}.detail-crosslinks a{font-size:13px;line-height:1.6}
 .space-heading{display:block;margin:65px 0 30px}.space-heading>p{margin-top:22px;font-size:var(--type-body)}.room-gallery{grid-template-columns:1fr;gap:35px}.room-feature{grid-column:auto}.room-figure figcaption{font-size:var(--type-control);padding-top:12px;gap:14px}.room-photo>span{width:36px;height:36px;right:14px;bottom:14px;font-size:20px}.room-photo img{aspect-ratio:auto}
 .unit-lifestyle{margin-top:65px;min-height:560px}.unit-lifestyle>img{object-position:58% center}.unit-lifestyle>div{padding:80px 26px}.unit-lifestyle h3{font-size:var(--type-section);margin-top:25px;font-weight:600}.unit-lifestyle:after{background:linear-gradient(0deg,#081624dd,transparent),linear-gradient(90deg,#0e203790,transparent)}
 .interior-story{margin-bottom:80px}.interior-story-heading{grid-template-columns:auto 1fr;gap:18px;margin-bottom:28px}.interior-story-heading h3{font-size:var(--type-display);font-weight:600}.interior-story-heading>p{font-size:var(--type-title);font-weight:600}.interior-story-heading .text-link{grid-column:1/-1;justify-self:start;font-size:13px}
 .floor-tabs{display:flex;overflow-x:auto;gap:15px;margin:25px 0 35px}.floor-tabs button{font-size:var(--type-control);padding:16px 12px}.floor-heading{display:block}.floor-heading h3{font-size:var(--type-title);font-weight:600}.floor-heading>p{margin-top:15px;font-size:var(--type-note)}.floor-drawing{padding:0;margin-inline:-26px;width:calc(100% + 52px)}.floor-panel[data-level=standard] .floor-drawing{padding:30px}.floor-panel[data-level=standard] .floor-drawing img{height:auto;max-height:550px}.floor-drawing>span{right:15px;bottom:15px;font-size:11px;padding:9px 13px}
}
@media(prefers-reduced-motion:reduce){.info-page .sub-hero>img{animation:none}.scene-reveal{opacity:1;transform:none;transition:none}.room-photo img{transition:none}.room-photo:hover img{transform:none}}
.image-zoom-toggle{font:13px var(--body);color:var(--blue);border:1px solid #c4d2dc;padding:10px 16px;margin:0 0 16px}
.image-viewport{max-height:70svh;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y}
.image-viewport img{display:block;max-height:70svh}
.image-viewport.is-zoomed img{width:var(--image-native-width);max-width:none;max-height:none;object-fit:initial}
.info-page .lightbox-nav{color:var(--blue)}
@media(max-width:800px){.info-page[data-view=retail] .sub-hero h1{font-size:var(--type-hero);font-weight:600}.info-page[data-view=design] .sub-hero h1{font-size:var(--type-hero);font-weight:600}}
.overview-photo img{height:auto}
@media(max-width:800px){.overview-photo img{height:83.333cqw;aspect-ratio:1.2}}
/* Reveal the photographs from a darker exposure, without a white wash. */
.scene-reveal{opacity:1}
.scene-reveal img{filter:brightness(.65);transition:filter 1.1s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.scene-reveal.scene-visible img{filter:brightness(1)}
@media(prefers-reduced-motion:reduce){.scene-reveal img{filter:none;transition:none}}

/* Shared typographic roles; one size per content level. */
:is(.detail-lead h2,.overview-intro h2,.space-heading h3,.unit-lifestyle h3,.guide-registration-copy h3){font-weight:600;line-height:var(--leading-title);letter-spacing:var(--tracking-body)}
:is(.detail-lead>p:last-child,.overview-intro>p,.space-heading>p,.guide-registration-copy>p:not(.eyebrow),.visit-layout p){line-height:var(--leading-body);letter-spacing:var(--tracking-body)}
.info-page .sub-hero h1{line-height:var(--leading-title);letter-spacing:var(--tracking-display);font-weight:600}
.info-page .sub-hero span{letter-spacing:var(--tracking-label)}
.guide-registration-copy .eyebrow{letter-spacing:var(--tracking-label)}
:is(.detail-lead,.overview-intro,.space-heading) .eyebrow{margin-bottom:var(--heading-gap)}
:is(.promotion-grid h3,.system-list h3,.floor-heading h3){line-height:var(--leading-title)}
.interior-story-heading h3{line-height:var(--leading-title);font-weight:600}

.guide-registration-copy .eyebrow{margin-bottom:var(--heading-gap)}
.guide-registration-copy>p:not(.eyebrow){margin-top:var(--copy-gap)}
@media(max-width:800px){
 .info-page .sub-hero h1{font-size:min(var(--type-hero),14.6vw)}
 .info-page[data-view=design] .sub-hero h1{font-size:min(var(--type-hero),11vw)}
 .info-page[data-view=retail] .sub-hero h1{font-size:min(var(--type-hero),9.5vw)}
 .info-page[data-view=community] .sub-hero h1,.info-page[data-view=units] .sub-hero h1{font-size:min(var(--type-hero),13.1vw)}
}

@media(prefers-reduced-motion:reduce){.preview-trio .preview-image img{transition:none;scale:1}}
@media(max-width:480px){.preview-trio{grid-template-columns:1fr;gap:24px}.preview-trio>a:last-child{grid-column:auto}.preview-trio .preview-image,.preview-trio>a:last-child .preview-image{height:auto;aspect-ratio:4/3}.preview-trio .preview-image img{position:absolute;inset:0;width:100%;height:100%}}
/* Keep the three supply figures on the same baseline on narrow phones. */
@media(max-width:380px){.guide-facts strong{font-size:24px;white-space:nowrap}[data-page="guide"]>.detail-lead h2,.guide-registration-copy h3{font-size:clamp(26px,8.5vw,32px)}}
@media(max-width:380px){.guide-facts{grid-template-columns:.9fr 1.35fr .75fr;gap:12px}.guide-facts small{font-size:11px}}

@media(max-width:800px){
 .info-page .header{height:calc(72px + env(safe-area-inset-top,0px))}
 .info-page .mobile-menu{top:calc(72px + env(safe-area-inset-top,0px))}
}

.guide-registration-brand{max-width:24ch;font-size:clamp(22px,2.2vw,36px);line-height:1.25;letter-spacing:.015em;text-wrap:balance}
.guide-registration-copy h3{text-wrap:balance}

/* 2026-09-19 본문 칸 최대 1400px 은 --gutter 가 맡는다. 자체 max-width 가 있으면 여백이 두 번 빠지므로 푼다 */
.detail-content,.detail-disclaimer,.guide-registration-inner{max-width:none}
/* 커뮤니티 장면 글 상자: 여백이 커져도 글 폭 680px 유지 */
.community-copy{max-width:calc(680px + 2 * var(--gutter))}