:root{--navy:#052d43;--deep:#032235;--cream:#f4f1ea;--gold:#d8b66a;--ink:#183443;--line:rgba(5,45,67,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"Noto Sans KR",sans-serif}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;height:88px;padding:0 5.4vw;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid rgba(255,255,255,.3)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-family:"DM Serif Display",serif;font-size:12px;line-height:.82;letter-spacing:.05em}.brand-mark{width:35px;height:35px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:25px;line-height:1}.main-nav{height:100%;display:flex;align-items:center;gap:2.3vw;font-size:14px;font-weight:600}.main-nav a{color:inherit;text-decoration:none;transition:color .2s}.main-nav a:hover{color:var(--gold)}.main-nav .nav-cta{height:100%;padding:0 20px;display:flex;align-items:center;background:#fff;color:var(--navy);font-weight:800}.nav-cta span{margin-left:10px;font-size:17px}.menu-toggle{display:none}.hero{min-height:810px;height:100vh;position:relative;color:#fff;background:url('assets/hero-apartments.png') center/cover no-repeat;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,28,47,.76) 0%,rgba(1,28,47,.35) 37%,rgba(1,28,47,.04) 70%),linear-gradient(0deg,rgba(2,23,34,.82) 0%,transparent 37%)}.hero-topline{position:absolute;top:126px;left:5.4vw;right:5.4vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;font-weight:600}.hero-copy{position:absolute;top:50%;left:12vw;transform:translateY(-44%)}.eyebrow,.section-kicker{margin:0 0 18px;font-size:11px;letter-spacing:.19em;font-weight:700}.hero h1,.section h2,.community h2{margin:0;font-size:clamp(46px,5.25vw,88px);font-weight:600;line-height:1.12;letter-spacing:-.08em}.hero h1 em,.section h2 em,.community h2 em{font-family:"DM Serif Display",serif;font-weight:400;letter-spacing:-.05em}.hero-description{margin:27px 0 35px;font-size:15px;line-height:1.9;color:rgba(255,255,255,.8)}.round-link{width:135px;height:135px;border-radius:50%;border:1px solid rgba(255,255,255,.7);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:10px;letter-spacing:.1em;transition:.3s}.round-link:hover{background:var(--gold);border-color:var(--gold);transform:rotate(-7deg)}.round-link span{font-size:20px}.hero-status{position:absolute;display:flex;gap:3.5vw;bottom:52px;left:5.4vw}.hero-status div{min-width:128px;border-left:1px solid rgba(255,255,255,.6);padding-left:16px;display:flex;flex-direction:column;gap:5px}.hero-status strong{font-family:"DM Serif Display",serif;font-size:32px;font-weight:400}.hero-status span{font-size:11px;letter-spacing:.07em}.scroll-note{position:absolute;right:5.4vw;bottom:57px;margin:0;font-size:9px;letter-spacing:.12em;writing-mode:vertical-rl;display:flex;align-items:center;gap:12px}.scroll-note span{height:55px;width:1px;background:#fff}.section{padding:150px 10vw}.overview{display:grid;grid-template-columns:1fr 1.35fr;gap:8vw;background:#f5f2ec}.section h2{font-size:clamp(37px,4vw,66px);color:var(--navy)}.overview .lead{margin:4px 0 42px;font-size:17px;line-height:1.9}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.property-card{padding:30px;background:#e7e5df;border-top:2px solid var(--navy);transition:transform .3s}.property-card:hover{transform:translateY(-8px)}.property-card.featured{background:var(--navy);color:#fff;border-color:var(--gold)}.property-label{margin:0;font-size:10px;letter-spacing:.09em}.property-card h3{font-size:38px;margin:32px 0;font-weight:600}.property-card dl{margin:0}.property-card dl div{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid rgba(5,45,67,.2);font-size:12px}.featured dl div{border-color:rgba(255,255,255,.27)}.property-card dt{opacity:.7}.property-card dd{margin:0;font-weight:700}.location{padding:0;min-height:780px;display:grid;grid-template-columns:1.1fr .9fr;background:var(--deep);color:#fff}.location-map{position:relative;overflow:hidden;background:radial-gradient(circle at 55% 55%,#a4c1c0 0 1%,transparent 1.4%),linear-gradient(141deg,#1f596d 0 24%,#d5d7c6 24.2% 38%,#799e88 38.2% 53%,#e4dbba 53.2% 68%,#3e7884 68.2%);opacity:.95}.location-map:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(25deg,transparent 0 75px,rgba(255,255,255,.29) 77px 80px,transparent 82px 130px),repeating-linear-gradient(110deg,transparent 0 95px,rgba(5,45,67,.16) 97px 99px,transparent 101px 155px);mix-blend-mode:soft-light}.map-line{position:absolute;z-index:1;width:150%;height:14px;background:#fff;opacity:.82;transform:rotate(-30deg);border:3px solid #c6a762}.line-one{top:38%;left:-29%}.line-two{top:67%;left:-5%;transform:rotate(18deg)}.line-three{top:22%;left:10%;transform:rotate(70deg);background:#9dcccb;border-color:#fff}.station{position:absolute;z-index:2;padding:7px 10px;background:var(--navy);border-radius:3px;color:white;font-size:12px}.s-one{top:31%;left:38%}.s-two{top:55%;left:58%}.s-three{bottom:18%;left:24%}.map-pin{position:absolute;z-index:3;top:44%;left:43%;width:96px;height:96px;border-radius:50%;background:var(--navy);border:6px solid var(--gold);display:grid;place-content:center;text-align:center;color:#fff;font-family:"DM Serif Display";line-height:1.05;font-size:13px;box-shadow:0 5px 15px #102f3a80}.location-copy{padding:145px 10vw 80px 7vw;display:flex;flex-direction:column;justify-content:center}.location-copy h2{color:#fff}.location-copy>p:not(.section-kicker){font-size:15px;line-height:2;margin:31px 0}.location-list{list-style:none;margin:20px 0 0;padding:0}.location-list li{display:grid;grid-template-columns:36px 100px 1fr;align-items:center;padding:20px 0;border-top:1px solid rgba(255,255,255,.25);font-size:12px}.location-list span{color:var(--gold)}.location-list strong{font-size:11px;letter-spacing:.1em}.floorplans{background:#e8e4dc}.centered-heading{text-align:center}.centered-heading h2{font-size:clamp(35px,3.7vw,58px)}.plan-tabs{margin:65px auto 37px;display:flex;justify-content:center;border-bottom:1px solid var(--line);max-width:660px}.plan-tabs button{border:0;background:none;padding:17px 30px;color:#718087;font:600 14px "Noto Sans KR";cursor:pointer}.plan-tabs button.active{color:var(--navy);border-bottom:3px solid var(--navy)}.plan-display{max-width:1040px;margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:6vw;align-items:center}.plan-info p{line-height:1.8;font-size:14px}.plan-info p:first-child{letter-spacing:.15em;font-size:11px}.plan-info h3{font-size:31px;color:var(--navy);letter-spacing:-.07em;margin:10px 0}.plan-info a{display:inline-block;color:var(--navy);margin-top:23px;font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--navy);padding-bottom:8px}.plan-info a span{margin-left:16px}.blueprint{aspect-ratio:1.32;background:#fcfbf7;border:11px solid #fff;padding:7%;display:grid;grid-template-columns:1.1fr 1.1fr .8fr;grid-template-rows:1.05fr .85fr .45fr;gap:5px;box-shadow:15px 16px 0 #d2cec5}.room{border:2px solid var(--navy);display:grid;place-items:center;color:var(--navy);font:12px "DM Serif Display";letter-spacing:.08em}.living{grid-area:1 / 1 / 2 / 3}.kitchen{grid-area:1 / 3 / 3 / 4}.one{grid-area:2 / 1 / 3 / 2}.two{grid-area:2 / 2 / 3 / 3}.three{grid-area:3 / 1 / 4 / 2}.bath{grid-area:3 / 2 / 4 / 3}.terrace{grid-area:3 / 3 / 4 / 4;background:#dee8e4}.community{min-height:650px;position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:#fff}.community-image{background:linear-gradient(0deg,rgba(1,20,31,.18),rgba(1,20,31,.18)),url('assets/hero-apartments.png') 63% center/cover}.community-copy{padding:130px 9vw;align-self:center}.community-copy h2{color:#fff;font-size:clamp(38px,4vw,63px)}.community-copy>p:not(.section-kicker){margin:30px 0;line-height:2;font-size:14px;color:#dae4e8}.amenity-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.amenity-list span{border:1px solid rgba(255,255,255,.4);padding:12px;font-size:10px;letter-spacing:.08em}.contact{display:grid;grid-template-columns:1fr 1fr;gap:12vw;background:var(--cream)}.contact-title>p:not(.section-kicker){font-size:14px;line-height:2;margin-top:32px;max-width:380px}.contact-form{padding-top:3px}.contact-form label{display:block;font-size:11px;font-weight:700;margin-bottom:23px}.contact-form input:not([type=checkbox]),.contact-form select{margin-top:8px;width:100%;padding:15px 3px;border:0;border-bottom:1px solid var(--ink);background:transparent;font:14px "Noto Sans KR";color:var(--ink);outline-color:var(--gold)}.agree{display:flex!important;align-items:center;gap:8px;font-weight:400!important;color:#4f6068}.agree input{width:16px;height:16px;accent-color:var(--navy)}.agree a{color:inherit}.contact-form button{margin-top:18px;width:100%;padding:19px;border:0;background:var(--navy);color:#fff;cursor:pointer;font:700 14px "Noto Sans KR";transition:.2s}.contact-form button:hover{background:var(--gold);color:var(--navy)}.contact-form button span{margin-left:16px;font-size:18px}.form-message{height:19px;font-size:12px;color:var(--navy);text-align:center}footer{display:grid;grid-template-columns:200px 1fr auto;align-items:center;gap:20px;padding:37px 5vw;background:#011d2d;color:#d3dde0;font-size:10px}footer p{line-height:1.7;margin:0}footer span:last-child{font-size:9px;letter-spacing:.08em;color:#91a3ac}@media(max-width:900px){.site-header{height:70px;padding:0 6vw}.main-nav{position:absolute;top:70px;left:0;width:100%;height:auto;padding:20px 6vw;display:none;flex-direction:column;align-items:stretch;gap:0;background:var(--deep)}.main-nav.open{display:flex}.main-nav a{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.15)}.main-nav .nav-cta{height:auto;background:none;color:#fff}.menu-toggle{display:block;border:0;background:none;color:#fff;font:600 11px "Noto Sans KR";letter-spacing:.1em}.hero{min-height:720px}.hero-copy{left:8vw}.hero-status{left:8vw;gap:13px}.hero-status div{min-width:auto;padding-left:9px}.hero-status strong{font-size:25px}.hero-topline{left:8vw;right:8vw;top:105px}.scroll-note{display:none}.section{padding:92px 7vw}.overview{grid-template-columns:1fr;gap:35px}.location{grid-template-columns:1fr}.location-map{min-height:420px}.location-copy{padding:85px 7vw}.community{grid-template-columns:1fr}.community-image{height:370px}.community-copy{padding:85px 7vw}.contact{grid-template-columns:1fr;gap:42px}.plan-display{grid-template-columns:1fr;gap:35px}.blueprint{max-width:620px;width:100%;margin:auto}footer{grid-template-columns:1fr;padding:30px 7vw;gap:18px}.property-card h3{margin:23px 0}}@media(max-width:520px){.hero h1{font-size:46px}.hero-description{font-size:13px}.hero-status{right:6vw;justify-content:space-between}.hero-status div{min-width:0}.hero-status span{font-size:9px}.property-grid{grid-template-columns:1fr}.location-list li{grid-template-columns:29px 85px 1fr;font-size:11px}.plan-tabs button{padding:15px 10px;font-size:12px}.blueprint{border-width:7px}.room{font-size:9px}.community-image{height:290px}}
