:root{--green:#074b45;--ink:#162e2c;--muted:#63716e;--line:#d8dfdc;--paper:#f5f7f5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #ad802e;outline-offset:6px}header{height:96px;position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;color:var(--green);border-bottom:1px solid #074b4530;transition:background .3s}header.scrolled{background:#ffffffed;backdrop-filter:blur(14px)}.site-name{font-size:16px;letter-spacing:-.03em}.site-name b{margin-left:5px}.brand{position:absolute;left:50%;transform:translateX(-50%);font-family:Georgia,serif;font-size:27px;letter-spacing:.13em;font-weight:bold}nav{display:flex;gap:28px;align-items:center;font-size:14px}.nav-cta{border:1px solid #074b4550;padding:12px 20px}.menu-button{display:none}.skip-link{position:fixed;top:-100px;z-index:30;background:white;padding:15px}.skip-link:focus{top:0}.hero-track{height:290svh;background:#65b7eb}.hero-stage{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden}#hero-canvas{width:100%;height:100%;display:block}.hero-start{position:absolute;left:6vw;top:29%;color:white;text-shadow:0 2px 30px #002f48}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:600}.hero-start p{font-size:clamp(34px,4.1vw,62px);font-weight:300;letter-spacing:-.055em;line-height:1.24;margin:24px 0}.hero-copy{position:absolute;top:20%;left:8%;opacity:0;transform:translateY(28px);color:#073f43}.hero-copy h1{font-size:clamp(38px,4.8vw,74px);font-weight:300;letter-spacing:-.06em;line-height:1.15;margin:24px 0}.hero-copy h1 strong{font-weight:600}.hero-copy p{font-size:22px;letter-spacing:.06em}.line-link{font-size:14px;border-bottom:1px solid;padding-bottom:8px;display:inline-block;margin-top:18px}.hero-bottom{position:absolute;bottom:48px;left:4vw;right:4vw;display:flex;align-items:center;justify-content:space-between;color:white;text-shadow:0 1px 8px #00202c;font-size:12px;letter-spacing:.15em}.hero-bottom i{display:inline-block;width:55px;height:1px;background:white;vertical-align:middle;margin-left:14px}.hero-bottom>a{position:absolute;left:50%;transform:translateX(-50%);font-size:14px;letter-spacing:0;border-bottom:1px solid white;padding-bottom:6px}.hero-count{font-size:20px}.hero-count em{font-size:13px;opacity:.6;margin:0 9px}.cg-label{position:absolute;bottom:12px;right:4vw;color:white;text-shadow:0 1px 4px #000;font-size:12px}.progress{position:absolute;bottom:0;width:100%;height:3px;background:#ffffff33}.progress i{height:100%;display:block;background:var(--green);width:0}.section{padding:100px 7vw}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:68px}.tiny{font-size:12px;color:var(--muted);letter-spacing:.1em}.intro-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw}h2{font-size:clamp(34px,3.7vw,58px);font-weight:400;line-height:1.35;letter-spacing:-.055em;margin:0}h2 em{font-style:normal;color:var(--green)}.lead{font-size:24px;line-height:1.65;margin:0 0 24px}p{line-height:1.85} .intro-grid p:not(.lead){color:var(--muted);font-size:16px}.facts{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:32px;margin-top:38px;gap:20px}.facts>div{display:flex;flex-direction:column;gap:12px}.facts strong{font-family:Georgia,serif;font-size:42px;font-weight:400;color:var(--green);white-space:nowrap}.facts strong span{font-family:Arial,sans-serif;font-size:16px;margin-left:4px}.facts>div>span{font-size:14px;color:var(--muted)}footer{padding:52px 7vw;background:#f0f3f1;font-size:12px;color:var(--muted)}footer strong{font-size:20px;color:var(--green)}footer p{max-width:900px}footer>span{letter-spacing:.15em;display:block;margin-top:28px}@media(max-width:1050px){nav{gap:14px}.brand{font-size:22px}.site-name{font-size:14px}.facts strong{font-size:34px}}@media(max-width:760px){header{height:76px;padding:0 22px}.site-name{display:none}.brand{left:22px;transform:none;font-size:23px}.menu-button{display:block;background:none;border:0;color:var(--green);font-size:14px;margin-left:auto}nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:25px;flex-direction:column;align-items:stretch;gap:24px}nav.open{display:flex}.hero-stage{min-height:520px}.hero-start{left:7%;top:27%}.hero-start p{font-size:40px}.hero-start .eyebrow{font-size:10px}.hero-copy{top:17%;left:7%;right:7%}.hero-copy h1{font-size:42px}.hero-copy .eyebrow{font-size:10px}.hero-copy p{font-size:18px}.hero-copy .line-link{display:none}.hero-bottom{bottom:52px;left:7%;right:7%}.hero-bottom>span:first-child{font-size:10px;letter-spacing:.1em}.hero-bottom i{display:none}.hero-bottom>a{display:none}.hero-count{font-size:16px}.cg-label{left:7%;font-size:10px}.section{padding:70px 7vw}.section-top{margin-bottom:36px}.tiny{display:none}.intro-grid{grid-template-columns:1fr;gap:32px}.intro-grid h2 br:nth-child(2){display:none}.lead{font-size:21px}.facts{gap:12px;margin-top:26px}.facts strong{font-size:31px}.facts>div>span{font-size:12px}.eyebrow{font-size:11px}.intro h2{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-track{height:100svh}.hero-start{display:none}.hero-copy{opacity:1;transform:none}}
.brand img{display:block;width:120px;height:auto}.architecture{height:720px;position:relative;overflow:hidden;background:#144c60}.architecture>img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}.architecture-caption{position:absolute;inset:0;padding:70px 7vw;color:white;background:linear-gradient(90deg,#03282bb0,transparent 65%)}.architecture-caption p{font-size:46px;line-height:1.4;letter-spacing:-.04em}.architecture-caption small{position:absolute;bottom:26px;font-size:12px}.location-heading,.residence-heading{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:50px}.location-heading>p,.residence-heading>p{color:var(--muted);font-size:16px;margin:0}.location-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:6vw}.map-preview{position:relative;overflow:hidden;border:0;padding:0;background:#132b29;width:100%;min-height:470px;align-self:stretch}.map-preview>img{position:absolute;height:111%;width:auto;max-width:none;right:-2%;top:-8%;opacity:.9}.map-preview>span{position:absolute;bottom:20px;left:20px;background:white;padding:14px 20px;font-size:14px;color:var(--green)}.location-list article{display:flex;gap:24px;border-top:1px solid var(--line);padding:25px 0}.location-list article>span{font-family:Georgia,serif;font-size:24px;color:#98aaa4}.location-list h3{font-size:20px;font-weight:500;margin:0 0 15px;letter-spacing:-.03em}.location-list p{font-size:15px;color:var(--muted);margin:0;line-height:2}.badge{display:inline-block;font-size:11px;line-height:1.6;font-weight:400;border:1px solid #b8c8c0;padding:0 5px;vertical-align:middle;margin-left:4px;color:var(--green)}.note{font-size:12px!important;line-height:1.8!important;color:var(--muted);margin-top:24px!important}.brand-town{background:var(--green);color:white;text-align:center;padding-top:85px;padding-bottom:80px}.brand-town .eyebrow{color:#a0c0b5}.brand-town h2{font-size:37px;margin:27px 0}.town-stat{display:flex;flex-direction:column;gap:10px}.town-stat strong{font-family:Georgia,serif;font-size:clamp(80px,10vw,145px);line-height:1.1;font-weight:400;letter-spacing:-.03em}.town-stat>span{font-size:17px;letter-spacing:.12em}.brand-town>p{color:#b9cec5;font-size:14px}.town-divider{height:1px;background:#ffffff30;max-width:800px;margin:40px auto}.town-numbers{display:flex;max-width:800px;margin:auto;justify-content:space-around;align-items:center;gap:10px}.town-numbers>div{display:flex;flex-direction:column;gap:10px}.town-numbers strong{font-family:Georgia,serif;font-size:36px;font-weight:400}.town-numbers strong>span{font-family:Arial,sans-serif;font-size:13px;margin-left:7px}.town-numbers>div>span{font-size:13px;color:#b9cec5}.plus{color:#a0c0b5;font-weight:300;font-size:26px}.type-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line)}.type-tabs button{flex:1;border:0;background:transparent;padding:21px 12px;font-size:19px;color:var(--muted);border-bottom:3px solid transparent}.type-tabs button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green);font-weight:600}.type-panel{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:var(--paper);padding:55px 60px;margin-top:25px;align-items:center}.type-number>span{font-size:12px;letter-spacing:.2em;color:var(--muted)}.type-number>strong{display:block;font-family:Georgia,serif;font-size:112px;font-weight:400;color:var(--green);line-height:1.3}.type-number>p{font-size:14px;color:var(--muted);margin:0}.type-panel dl{margin:0}.type-panel dl>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:19px 0}.type-panel dt{font-size:14px;color:var(--muted)}.type-panel dd{font-size:24px;margin:0}.type-panel dd small{font-size:14px}.guide{display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;background:#eaf0ed}.guide h2{font-size:42px;margin:26px 0}.guide>div>p{font-size:16px;color:var(--muted)}details{border-top:1px solid #c8d4cd;padding:22px 0}details:last-child{border-bottom:1px solid #c8d4cd}summary{font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary::after{content:'+';font-weight:300;font-size:22px}details[open] summary::after{content:'−'}details p{font-size:14px;color:var(--muted);margin:18px 0 0}.project-data{font-size:14px}.project-data>div{display:flex;padding:12px 0;gap:25px}.project-data dt{min-width:80px;color:var(--muted)}.project-data dd{margin:0;line-height:1.6}dialog{border:0;padding:24px;max-width:min(1200px,95vw);max-height:90svh;color:var(--ink)}dialog::backdrop{background:#082b2bd9;backdrop-filter:blur(6px)}dialog img{display:block;width:100%;height:auto}dialog p{font-size:12px}.dialog-top{display:flex;justify-content:space-between;margin-bottom:20px}.dialog-top button{border:0;background:var(--paper);padding:8px 14px;color:var(--green)}body:has(dialog[open]){overflow:hidden}@media(max-width:760px){.brand img{width:105px}.architecture{height:560px}.architecture-caption{padding:45px 7vw}.architecture-caption p{font-size:34px}.architecture-caption .eyebrow{font-size:9px}.architecture-caption small{right:7%;font-size:10px}.location-heading,.residence-heading{display:block}.location-heading>p,.residence-heading>p{margin-top:24px}.location-grid{grid-template-columns:1fr;gap:28px}.map-preview{min-height:410px}.location-list article{gap:18px;padding:22px 0}.location-list h3{font-size:19px}.brand-town h2{font-size:30px}.town-stat strong{font-size:96px}.town-stat>span{font-size:14px}.town-numbers strong{font-size:27px}.town-numbers strong>span{font-size:11px;margin-left:3px}.town-numbers>div>span{font-size:10px}.town-numbers{gap:6px}.plus{font-size:19px}.type-tabs{gap:0}.type-tabs button{font-size:15px;padding:18px 8px}.type-panel{grid-template-columns:1fr;padding:28px;gap:22px}.type-number>strong{font-size:85px}.type-number>p{font-size:12px}.type-panel dl>div{padding:16px 0}.guide{grid-template-columns:1fr;gap:25px}.guide h2{font-size:35px}.guide p br{display:none}dialog{padding:16px}dialog img{min-width:650px}dialog{overflow:auto}.dialog-top{position:sticky;left:0}}

header{background:#ffffffd9;backdrop-filter:blur(10px)}

/* Video hero: scroll through the film, with an optional real-time preview. */
.hero-track{background:#185798}
.hero-poster,#hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.hero-poster{display:block}
.hero-stage.still #hero-video{display:none}
.hero-start{top:19%;left:6vw;pointer-events:none}
.hero-start p{font-size:clamp(28px,3vw,46px);margin-top:14px}
.hero-copy{top:16%;left:50%;width:90%;text-align:center;translate:-50% 0;color:white;text-shadow:0 2px 22px #073b6860}
.hero-copy h1{font-size:clamp(38px,4.3vw,66px);line-height:1.18;margin:18px 0 12px}
.hero-copy p{font-size:18px;margin:0}
.hero-copy .line-link{margin-top:17px}
.hero-actions{display:flex;align-items:center;gap:24px}
.video-toggle{border:1px solid #ffffff80;background:#092d4770;backdrop-filter:blur(8px);color:white;border-radius:30px;padding:10px 16px;font-size:12px;letter-spacing:0}
.video-toggle:hover{background:#092d47c0}
.video-toggle[hidden]{display:none}
.still .video-toggle{display:none}
@media(max-width:760px){
  .hero-poster{filter:brightness(.68);object-position:56% 50%}
  #hero-video{top:24%;height:62%;object-fit:contain;background:#0a315180}
  .hero-copy{top:14%;left:50%;right:auto;width:90%;color:white}
  .hero-copy h1{font-size:36px;margin:14px 0 10px}
  .hero-copy p{font-size:16px}
  .hero-start{top:15%;left:7%}
  .hero-start p{font-size:30px;margin:12px 0}
  .hero-start .eyebrow{font-size:9px}
  .hero-actions{gap:12px}
  .hero-count{display:none}
  .video-toggle{font-size:11px;padding:9px 13px}
  .cg-label{right:7%;font-size:9px;line-height:1.5}
  .still .hero-poster{filter:brightness(.8)}
}
@media(prefers-reduced-motion:reduce){.hero-copy{transition:none}.hero-track{height:100svh}}