
:root{--navy:#061c2d;--navy2:#0b2f49;--gold:#ddb15e;--gold2:#8d6424;--paper:#f7f5f0;--cream:#eee7dc;--ink:#0d1a20;--muted:#536167;--white:#fff;--line:#d7d0c5;--shell:1220px;--header:96px}
*{box-sizing:border-box}html{scroll-padding-top:calc(var(--header) + 24px)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}section:focus,main:focus{outline:none}.skip{position:fixed;left:16px;top:-100px;z-index:1000;background:white;color:var(--navy);padding:12px 20px;border-radius:8px}.skip:focus{top:12px}.shell{width:min(var(--shell),calc(100% - 96px));margin-inline:auto}.narrow{max-width:980px}.center{text-align:center}.section{padding:100px 0}.kicker,.eyebrow{font-size:11px;line-height:1.6;letter-spacing:.17em;text-transform:uppercase;font-weight:750}.kicker{color:var(--gold2);margin:0 0 24px}.eyebrow{color:var(--gold);margin:0 0 24px}.gold-text{color:var(--gold)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;text-wrap:pretty}h2{font-size:clamp(2.6rem,4.3vw,4.3rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 28px}h3{line-height:1.2}p{margin:0 0 18px}.section-lead{max-width:760px;margin:0 auto;color:var(--muted);font-size:1.08rem;line-height:1.75}.section-lead.light{color:#c1cbd1;margin:0 0 40px}.prose{font-size:1rem;line-height:1.85;color:var(--muted)}.title-copy{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}.title-copy h2{margin:0}.title-copy>*{min-width:0}.dark{background:var(--navy);color:white}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.015em;border:1px solid transparent;text-align:center;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button.gold{background:var(--gold);color:#132434}.button.gold:hover{background:#edc783}.button.glass{border-color:#74818b;color:white;background:transparent}.button.glass:hover{background:#15374d}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.text-link{display:inline-flex;gap:10px;align-items:center;min-height:44px;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.text-link:hover{color:var(--gold2)}
.site-header{position:sticky;top:0;z-index:50;min-height:var(--header);padding:12px max(24px,3vw);display:flex;gap:24px;align-items:center;justify-content:space-between;background:#061c2df5;color:white;border-bottom:1px solid #ffffff22;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand strong,.brand small{display:block}.brand strong{font-size:13px;letter-spacing:.14em}.brand small{font-size:7px;letter-spacing:.16em;color:var(--gold);margin-top:3px}.site-header nav{display:flex;align-items:center;gap:17px;font-size:11px}.site-header nav a{display:inline-flex;align-items:center;min-height:44px;color:#dce3e6;white-space:nowrap}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--gold)}.nav-cta{border:1px solid #ddb15e88;padding:8px 15px;border-radius:999px}.menu-button{display:none;border:1px solid #ffffff66;background:transparent;color:white;border-radius:999px;padding:8px 16px;min-height:44px}
.hero{background:var(--navy);color:white;padding:64px 0 36px}.hero-layout{display:grid;grid-template-columns:1.02fr 1fr;gap:5%;align-items:center}.hero-inner{min-width:0}.hero h1{font-size:clamp(3rem,4.5vw,4.7rem);line-height:1.03;letter-spacing:-.04em;margin:0 0 28px}.hero-lead{font-size:1.02rem;line-height:1.8;color:#c9d4da;margin:0;max-width:600px}.hero-figure{margin:0;min-width:0;align-self:center}.image-trigger{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;position:relative;border-radius:inherit}.image-trigger img{width:100%;height:auto;object-fit:contain;border-radius:inherit}.image-hint{display:inline-flex;gap:9px;align-items:center;font-size:11px;line-height:1.6;color:var(--gold);margin-top:12px;letter-spacing:.04em}.image-trigger:hover .image-hint{text-decoration:underline;text-underline-offset:4px}.hero-figure figcaption{font-size:11px;color:#acbbc5;margin-top:8px}.hero-points{margin-top:50px;padding-top:22px;border-top:1px solid #ffffff33;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#c9d4da}.hero-points a{display:flex;align-items:center;gap:10px;min-height:44px}.hero-points a:before{content:'↗';color:var(--gold);font-size:18px}.hero-points a:hover{color:var(--gold)}
.feature-grid,.service-cards{display:grid;gap:16px;margin-top:48px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid article,.service-cards article{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;min-width:0}.feature-grid article{padding:0}.feature-grid article>a{display:flex;flex-direction:column;height:100%;padding:28px;border-radius:16px;transition:background .2s,box-shadow .2s}.feature-grid article>a:hover{background:#fdfbf5;box-shadow:0 12px 30px #102a3510}.feature-grid span{font-size:11px;color:var(--gold2);letter-spacing:.14em}.feature-grid h3,.service-cards h3{font-size:1.6rem;margin:24px 0 14px}.feature-grid p,.service-cards p{color:var(--muted);line-height:1.7;margin:0}.card-link{display:block;color:var(--gold2);font-size:12px;font-weight:700;padding-top:24px;margin-top:auto}
.split-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%;padding:80px max(48px,calc((100vw - 1220px)/2))}.split-image{min-width:0;margin:0}.split-image img{width:100%;height:auto;object-fit:contain}.split-image figcaption{font-size:11px;line-height:1.6;color:#b6c4cd;margin-top:14px}.split-copy{min-width:0}.split-copy h2{font-size:clamp(2.5rem,3.4vw,3.7rem)}.split-copy>p:not(.eyebrow,.fine-print){font-size:1rem;line-height:1.8;color:#d0d9de}.check-list{padding:0;list-style:none;margin:24px 0}.check-list li{padding:13px 0 13px 26px;border-bottom:1px solid #ffffff22;position:relative;color:#ced9df;font-size:14px;line-height:1.7}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--gold)}.fine-print{font-size:12px;line-height:1.7;color:#b6c4cd;margin-top:24px}
.residence{background:var(--cream)}.media-copy{display:grid;grid-template-columns:.9fr 1.1fr;gap:6%;align-items:center}.media-copy>*{min-width:0}.copy-card>p{font-size:1.02rem;line-height:1.8;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px}.stat-grid div{background:#fff;border:1px solid #ddd5c8;padding:18px;border-radius:12px}.stat-grid strong,.stat-grid span{display:block}.stat-grid strong{font-family:Georgia,serif;font-size:clamp(1.4rem,2.1vw,1.9rem);font-weight:400}.stat-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-top:4px}.photo-card{margin:0;background:white;padding:16px;border-radius:18px;box-shadow:0 20px 45px #14202413}.photo-card img{border-radius:8px}.photo-card .image-hint,.plan-card .image-hint{color:var(--gold2)}.photo-card figcaption{font-size:11px;color:var(--muted);margin-top:9px;line-height:1.6}.floor-plan{background:#fbfaf7}.plan-card{margin:40px auto 0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.plan-card img{width:100%;height:auto;object-fit:contain;border-radius:6px}.plan-card .image-hint{padding:4px 4px 0}.level-key{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left;margin-top:24px}.level-key div{padding:22px;background:#eee7dc;border-radius:12px}.level-key span{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.level-key strong{font-family:Georgia,serif;font-weight:400;font-size:1.35rem}
.annual{background:linear-gradient(135deg,#0a2a43,#051724);color:white}.annual-head{display:grid;grid-template-columns:1.2fr .8fr;gap:6%;align-items:end}.annual-head>*{min-width:0}.annual-head p{font-size:1.03rem;line-height:1.8;color:#c1cbd1}.price-board{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px;margin-top:40px}.price-board>div{border:1px solid #ddb15e88;border-radius:18px;padding:26px;min-width:0}.total{background:#ddb15e0f}.total span,.total small,.price-part span{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:#c1cbd1}.total strong,.price-part strong{display:block;font-family:Georgia,serif;font-size:clamp(2.2rem,3.7vw,3.6rem);font-weight:400;color:var(--gold);line-height:1.2;white-space:nowrap}.total strong{margin:12px 0}.price-part span{margin:14px 0}.price-part p{color:#c1cbd1;line-height:1.7;font-size:14px;margin:0}.annual .service-cards{margin-top:20px}.annual .service-cards article{background:#ffffff08;border-color:#ffffff24}.annual .service-cards h3{color:var(--gold);margin-top:0;font-size:1.4rem}.annual .service-cards p{color:#c1cbd1;font-size:14px}.annual .text-link{color:var(--gold);margin-top:24px}.mobility{background:#f5f1e9}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:44px}.steps>div{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;min-width:0}.steps span{font-size:11px;color:var(--gold2)}.steps h3{font-size:1.4rem;margin:26px 0 12px}.steps p{color:var(--muted);line-height:1.7;margin:0;font-size:14px}.care{background:#e9efec}.care-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:44px}.care-grid div{background:#fff;border-radius:14px;padding:26px;min-width:0}.care-grid b{font-family:Georgia,serif;font-size:1.4rem;font-weight:400;line-height:1.2}.care-grid p{color:var(--muted);line-height:1.7;margin:14px 0 0;font-size:14px}
.specs{background:var(--navy);color:white}.specs h2{max-width:900px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.spec-col{border:1px solid #ddb15e66;border-radius:18px;overflow:hidden;min-width:0}.spec-col h3{margin:0;background:#ddb15e0d;padding:22px;color:var(--gold);font-size:1.7rem}.spec-col dl{margin:0}.spec-col dl>div{display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);gap:18px;padding:16px 22px;border-top:1px solid #ffffff22}.spec-col dt{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--gold);font-weight:700;overflow-wrap:anywhere}.spec-col dd{margin:0;color:#ced9df;line-height:1.6;font-size:14px}.explanation{background:white}.explanation .title-copy{margin-bottom:38px}.explain-line{display:grid;grid-template-columns:.35fr .65fr;gap:30px;padding:22px 0;border-top:1px solid var(--line)}.explain-line:last-child{border-bottom:1px solid var(--line)}.explain-line span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.explain-line b{font-family:Georgia,serif;font-size:1.4rem;font-weight:400;line-height:1.4}.faq{background:#f0ebe2}.faq details{background:white;border:1px solid #d9d1c4;border-radius:12px;margin:12px 0;padding:0 24px}.faq summary{cursor:pointer;font-family:Georgia,serif;font-size:1.2rem;line-height:1.5;padding:20px 28px 20px 0;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;top:19px;color:var(--gold2);font-family:system-ui;font-size:22px}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);line-height:1.8;padding:0 0 24px;margin:0;font-size:15px}
.presentation{display:grid;grid-template-columns:1fr 1fr;gap:6%;background:#061c2d;color:white;padding:90px max(48px,calc((100vw - 1220px)/2));align-items:center}.presentation-visual{min-width:0;text-align:center;font-family:Georgia,serif;border:1px solid #ddb15e55;padding:64px 20px;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at center,#173e5d,#061c2d 70%)}.presentation-visual span{display:block;font-size:clamp(.8rem,1.4vw,1.2rem);letter-spacing:.2em;color:var(--gold)}.presentation-visual strong{display:block;font-size:clamp(2rem,3.7vw,3.8rem);line-height:1.1;font-weight:400;margin:24px 0}.presentation-copy{min-width:0}.presentation-copy h2{font-size:clamp(3rem,4.5vw,4.8rem)}.presentation-copy>p:not(.eyebrow){color:#c1cbd1;font-size:1.03rem;line-height:1.8}footer{background:#03121d;color:white;padding:44px max(48px,calc((100vw - 1220px)/2));display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:11px;align-items:start}footer strong,footer small{display:block}footer small{color:var(--gold);letter-spacing:.12em;margin-top:4px}footer p{margin:0;color:#acbbc5;line-height:1.8;grid-column:1/-1;max-width:900px}footer nav{display:flex;justify-content:flex-end;gap:10px 24px;flex-wrap:wrap}footer a{display:inline-flex;align-items:center;min-height:44px;color:var(--gold);text-decoration:underline;text-underline-offset:4px}
.image-viewer{width:calc(100% - 32px);max-width:1400px;height:calc(100dvh - 32px);max-height:none;margin:auto;padding:0;border:1px solid #6c8190;border-radius:14px;background:#061c2d;color:white}.image-viewer::backdrop{background:#000d}.viewer-header{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #ffffff33;min-height:72px}.viewer-title{font-size:14px;margin:0;font-family:inherit;line-height:1.5}.viewer-actions{display:flex;gap:10px;flex-shrink:0}.viewer-actions button{border:1px solid #ffffff66;border-radius:999px;background:transparent;padding:9px 15px;min-height:44px;font-size:12px;color:white}.viewer-actions button:hover{background:#173e5d}.viewer-stage{height:calc(100% - 114px);overflow:auto;overscroll-behavior:contain;display:flex;align-items:center;justify-content:center;padding:16px}.viewer-stage img{height:100%;width:100%;object-fit:contain;max-width:100%}.viewer-stage.zoomed{display:block}.viewer-stage.zoomed img{width:auto;height:auto;max-width:none;max-height:none;margin:0 auto}.viewer-caption{margin:0;padding:10px 20px;font-size:11px;line-height:1.5;color:#c1cbd1}.viewer-open{overflow:hidden}
@media(max-width:1199px){.site-header nav{position:absolute;top:100%;left:0;right:0;background:#061c2d;padding:16px 32px 24px;display:none;grid-template-columns:1fr 1fr;gap:4px 22px;max-height:calc(100dvh - var(--header));overflow-y:auto;border-bottom:1px solid #ffffff33;font-size:14px}.site-header nav.open{display:grid}.site-header nav a{padding:10px 12px}.menu-button{display:block}.hero-layout{gap:4%}.hero h1{font-size:clamp(2.7rem,5vw,4rem)}.hero-points{grid-template-columns:repeat(2,minmax(0,1fr))}.total strong,.price-part strong{font-size:clamp(1.9rem,3.5vw,3rem)}.price-board>div{padding:22px}.presentation-visual strong{font-size:clamp(2rem,3.7vw,3.3rem)}}
@media(max-width:900px){.shell{width:calc(100% - 64px)}.section{padding:76px 0}.hero{padding-top:48px}.hero-layout{grid-template-columns:1fr;gap:36px}.hero h1{font-size:clamp(3.3rem,6.5vw,4.6rem);max-width:700px}.hero-lead{max-width:680px}.hero-figure{max-width:680px;width:100%;margin-inline:auto}.hero-points{margin-top:32px}.title-copy,.annual-head{grid-template-columns:1fr;gap:24px}.media-copy{grid-template-columns:1fr;gap:32px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.split-section{grid-template-columns:1fr;gap:36px;padding:64px 32px}.split-copy{grid-row:1}.split-image{max-width:680px;margin-inline:auto}.split-copy h2{font-size:clamp(2.6rem,5.5vw,4rem)}.three{grid-template-columns:1fr}.feature-grid h3{margin-top:16px}.feature-grid article>a{padding:26px}.card-link{padding-top:16px}.price-board{grid-template-columns:1fr 1fr}.price-board .total{grid-column:1/-1}.total strong{font-size:3.8rem}.price-part strong{font-size:2.7rem}.steps,.care-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-grid{grid-template-columns:1fr}.presentation{padding:70px 32px;gap:32px}.presentation-visual strong{font-size:2.1rem}.presentation-copy h2{font-size:3rem}footer{padding:36px 32px}.level-key strong{font-size:1.25rem}}
@media(max-width:600px){:root{--header:80px}.site-header{padding:12px 20px;gap:12px}.brand strong{font-size:11px}.brand small{font-size:6px}.brand{gap:9px}.menu-button{font-size:12px}.site-header nav{padding:12px 20px 20px;grid-template-columns:1fr 1fr;gap:5px;font-size:12px}.site-header nav a{white-space:normal}.nav-cta{border-radius:12px}.shell{width:calc(100% - 40px)}.hero{padding:38px 0 24px}.hero h1{font-size:clamp(2.6rem,10vw,3.7rem)}.hero-lead{font-size:15px}.eyebrow,.kicker{font-size:10px;letter-spacing:.13em}.hero-points{font-size:9px;letter-spacing:.06em;gap:8px 14px}.hero-points a{align-items:flex-start}.actions{gap:10px}.hero .actions{display:grid;grid-template-columns:1fr}.button{font-size:12px}.section{padding:60px 0}h2{font-size:clamp(2.3rem,8.3vw,3rem)}.prose{font-size:15px}.split-section{padding:56px 20px}.split-copy h2{font-size:2.5rem}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-grid strong{font-size:1.5rem}.stat-grid div{padding:16px}.photo-card{padding:12px}.plan-card{padding:8px;margin-top:30px}.level-key{grid-template-columns:1fr;gap:10px}.level-key div{padding:18px}.price-board{grid-template-columns:1fr}.total strong{font-size:clamp(2.6rem,12vw,3.8rem)}.price-part strong{font-size:2.8rem}.steps,.care-grid{grid-template-columns:1fr}.steps h3{margin-top:16px}.spec-col dl>div{grid-template-columns:1fr;gap:6px;padding:16px 20px}.spec-col dt{font-size:10px}.explain-line{grid-template-columns:1fr;gap:8px}.faq details{padding-inline:18px}.faq summary{font-size:1.13rem}.presentation{grid-template-columns:1fr;padding:60px 20px;gap:38px}.presentation-visual{padding:42px 16px}.presentation-visual strong{font-size:clamp(2rem,8vw,3rem)}.presentation .actions{display:grid;grid-template-columns:1fr}.presentation-copy h2{font-size:3rem}footer{padding:32px 20px;grid-template-columns:1fr;gap:18px}footer nav{justify-content:flex-start;gap:10px 22px}.image-viewer{width:calc(100% - 16px);height:calc(100dvh - 16px);border-radius:10px}.viewer-header{align-items:flex-start;flex-direction:column;gap:10px;padding:12px 14px;min-height:110px}.viewer-actions{width:100%}.viewer-actions button{flex:1}.viewer-stage{height:calc(100% - 160px);padding:8px}.viewer-caption{padding:8px 14px}.viewer-title{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
.brand-logo{display:block;width:180px;height:72px;overflow:hidden;flex-shrink:0}footer .brand-logo{width:200px;height:80px}@media(max-width:600px){.brand-logo{width:140px;height:56px}}

