:root{--green:#123d35;--deep:#092b28;--mint:#dfece5;--gold:#f2bc57;--cream:#f6f1e7;--ink:#102825;--muted:#64736f;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"Noto Sans KR",sans-serif;word-break:keep-all}img{display:block;width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:88px;padding:0 clamp(24px,4vw,72px);display:flex;align-items:center;justify-content:space-between;background:rgba(8,38,35,.96);color:#fff;position:fixed;inset:0 0 auto;z-index:1000;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:14px}.brand>span:last-child{display:grid;line-height:1}.brand strong{font-size:12px;letter-spacing:.24em;color:var(--gold)}.brand b{font-family:"Playfair Display",serif;font-size:22px;letter-spacing:.08em;margin:5px 0}.brand small{font-size:9px;letter-spacing:.2em;opacity:.65}.roof-mark{width:44px;height:26px;border-top:5px solid var(--gold);transform:skewY(-26deg);position:relative}.roof-mark:after{content:"";position:absolute;width:44px;border-top:5px solid var(--gold);transform:skewY(47deg);left:37px;top:15px}.nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.nav a{opacity:.8}.nav a:hover{opacity:1}.nav-cta{padding:13px 22px;background:var(--gold);color:#1f261f!important;opacity:1!important}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle i{display:block;width:28px;border-top:2px solid #fff;margin:6px}
.hero{height:100svh;min-height:720px;position:relative;color:#fff;overflow:hidden}.hero-slides,.hero-slide,.hero-shade{position:absolute;inset:0}.hero-slide{margin:0;opacity:0;transition:opacity 1s ease}.hero-slide.active{opacity:1}.hero-slide img{height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(3,25,22,.8) 0%,rgba(3,25,22,.35) 55%,rgba(3,25,22,.1) 100%),linear-gradient(0deg,rgba(3,25,22,.35),transparent 50%)}.hero-content{position:relative;z-index:2;padding:190px clamp(28px,8vw,140px) 70px;max-width:960px}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.28em;color:var(--gold);margin:0 0 22px}.eyebrow.dark{color:#267b6e}.hero h1{font-size:clamp(58px,8vw,116px);line-height:.98;letter-spacing:-.06em;margin:0;font-weight:900}.hero h1 em{font-style:normal;color:var(--gold)}.hero-lead{font-size:clamp(18px,2vw,28px);margin:30px 0 42px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:20px 30px;font-weight:800;min-height:62px;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#20241e}.btn-glass{border:1px solid rgba(255,255,255,.6);background:rgba(0,0,0,.12);color:#fff}.btn-dark{background:var(--green);color:#fff}.hero-pager{position:absolute;z-index:4;left:clamp(28px,8vw,140px);bottom:44px;display:flex;gap:10px}.hero-pager button{width:34px;height:3px;padding:0;border:0;background:rgba(255,255,255,.4);cursor:pointer}.hero-pager button.active{background:var(--gold)}
.manifesto{padding:120px clamp(24px,8vw,140px);text-align:center;background:var(--cream)}.manifesto h2,.section-head h2,.company h2,.partner h2{font-size:clamp(42px,6vw,82px);line-height:1.08;letter-spacing:-.06em;margin:0}.manifesto>p:not(.eyebrow):not(.notice){max-width:820px;margin:30px auto;color:var(--muted);font-size:18px;line-height:1.9}.structure{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:22px;max-width:1100px;margin:70px auto 30px}.structure>div{padding:34px 20px;background:#fff;border-top:4px solid var(--green);display:grid;gap:9px}.structure span{font:700 13px "Playfair Display",serif;letter-spacing:.2em;color:#a57524}.structure strong{font-size:22px}.structure small{color:var(--muted)}.structure>b{font-size:30px;color:#b78e48}.notice{font-size:12px!important;line-height:1.6!important;opacity:.75}
.audience{display:grid;grid-template-columns:1fr 1fr}.audience-card{min-height:720px;padding:80px clamp(30px,6vw,100px);position:relative;color:#fff;display:flex;align-items:flex-end;overflow:hidden}.card-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:.5s}.resident .card-bg{background-image:linear-gradient(0deg,rgba(4,30,25,.85),rgba(4,30,25,.05)),url("assets/space-caravan.jpg")}.landowner .card-bg{background-image:linear-gradient(0deg,rgba(4,30,25,.9),rgba(4,30,25,.08)),url("assets/park-aerial-day.jpg")}.audience-card:hover .card-bg{transform:scale(1.03)}.audience-card>div:last-child{position:relative;z-index:2}.audience-card h2{font-size:clamp(38px,4.2vw,64px);line-height:1.08;letter-spacing:-.05em}.audience-card ul{padding:0;list-style:none;line-height:2;font-size:16px}.audience-card li:before{content:"—";color:var(--gold);margin-right:10px}.text-link{display:inline-block;margin-top:18px;padding-bottom:7px;border-bottom:1px solid var(--gold);font-weight:800}
.benefits{padding:120px clamp(24px,8vw,140px)}.section-head{max-width:900px}.section-head>p:last-child{font-size:18px;color:var(--muted);line-height:1.8}.centered{text-align:center;margin:auto}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d7dfdb;margin-top:70px;border:1px solid #d7dfdb}.benefit-grid article{background:#fff;padding:45px 32px;min-height:280px}.benefit-grid span{font-family:"Playfair Display";color:#b78e48}.benefit-grid h3{font-size:24px;margin:36px 0 15px}.benefit-grid p{color:var(--muted);line-height:1.8}
.lifestyle{display:grid;grid-template-columns:.72fr 1.28fr;background:var(--green);color:#fff;align-items:center}.lifestyle-copy{padding:80px clamp(30px,7vw,110px)}.lifestyle h2,.components-copy h2,.vision h2,.final-cta h2{font-size:clamp(42px,5.5vw,78px);line-height:1.08;letter-spacing:-.06em;margin:0 0 30px}.lifestyle p:last-child,.components-copy>p,.vision>div>p{font-size:17px;line-height:1.9;color:rgba(255,255,255,.72)}.lifestyle img{height:700px;object-fit:cover}
.models{padding:120px 0 0}.models .section-head{padding:0 24px 70px}.model-grid{display:grid;grid-template-columns:1fr 1fr}.model-grid article{position:relative;overflow:hidden}.model-grid img{height:560px;object-fit:cover}.model-grid article>div{position:absolute;inset:auto 0 0;padding:70px 45px 35px;color:#fff;background:linear-gradient(transparent,rgba(4,30,25,.86))}.model-grid span{color:var(--gold)}.model-grid h3{font:700 34px "Playfair Display",serif;margin:8px 0}.model-grid p{margin:0;opacity:.8}.model-feature{display:grid;grid-template-columns:1.15fr .85fr;background:#082e2a;color:#fff}.model-feature img{height:680px;object-fit:cover}.space-model-gallery{display:grid;gap:6px;padding:0!important}.space-model-gallery img{width:100%;height:auto;object-fit:contain}.model-feature>div{padding:90px clamp(30px,7vw,100px);align-self:center}.model-feature h2{font-size:clamp(40px,5vw,70px);line-height:1.05;margin:0}.model-feature p:not(.eyebrow){line-height:1.8;color:#bdcac7;margin:25px 0 35px}
.park-components{background:var(--green);color:#fff}.full-image img{height:min(72vw,820px);object-fit:cover}.components-copy{padding:100px clamp(24px,8vw,140px)}.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:45px}.tag-list span{padding:14px 20px;border:1px solid rgba(255,255,255,.25);border-radius:99px}
.development{padding:120px clamp(24px,8vw,140px);background:var(--cream)}.land-types{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:60px 0}.land-types article{background:#fff;padding:32px 26px;border-left:3px solid var(--gold)}.land-types strong{font-size:21px}.land-types p{color:var(--muted);line-height:1.7}.process{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:0 0 45px;counter-reset:item}.process li{padding:26px 20px;border-top:1px solid #bdc7c2;display:flex;gap:14px;align-items:center}.process b{font-family:"Playfair Display";color:#a57524}
.development-gallery{display:grid;gap:6px;background:#fff}.development-gallery img{width:100%;height:auto;object-fit:contain}
.vision{position:relative;min-height:800px;color:#fff;display:flex;align-items:center}.vision:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,25,22,.88),rgba(2,25,22,.15))}.vision>img{position:absolute;height:100%;object-fit:cover}.vision>div{position:relative;z-index:2;max-width:850px;padding:100px clamp(24px,8vw,140px)}.vision strong{display:block;margin-top:40px;letter-spacing:.22em;color:var(--gold)}
.partner{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.partner-copy{padding:110px clamp(28px,7vw,110px);background:#fff}.partner-copy>p:not(.eyebrow){color:var(--muted);line-height:1.9}.partner>img{height:100%;min-height:700px;object-fit:cover}.partner-list{display:flex;flex-wrap:wrap;gap:10px;margin:35px 0}.partner-list span{background:var(--mint);padding:12px 16px}
.company{display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}.company-photo img{height:100%;min-height:680px;object-fit:cover}.company-copy{padding:110px clamp(30px,7vw,110px)}.company-copy>p:not(.eyebrow){color:var(--muted);line-height:1.9}.company blockquote{font-size:24px;line-height:1.65;margin:40px 0;padding-left:25px;border-left:3px solid var(--gold)}
.faq{padding:120px clamp(24px,12vw,210px)}.faq-list{max-width:1050px;margin:60px auto 0}.faq details{border-top:1px solid #ccd5d2}.faq details:last-child{border-bottom:1px solid #ccd5d2}.faq summary{padding:28px 45px 28px 0;font-size:20px;font-weight:700;cursor:pointer;position:relative}.faq summary:after{content:"＋";position:absolute;right:8px}.faq details[open] summary:after{content:"－"}.faq details p{color:var(--muted);line-height:1.8;margin:0;padding:0 50px 28px 0}
.final-cta{padding:130px 24px;text-align:center;background:var(--deep);color:#fff}.final-cta>p:not(.eyebrow){color:#b9c8c5;font-size:18px;line-height:1.8}.final-cta>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:40px}
footer{background:#061f1d;color:#c3cfcd;padding:70px clamp(24px,8vw,140px) 35px;display:grid;grid-template-columns:1fr 1fr;gap:35px}.footer-brand{display:grid;align-content:start}.footer-brand strong{font:700 clamp(25px,3vw,42px) "Playfair Display";color:#fff}.footer-brand span{color:var(--gold);letter-spacing:.18em;margin-top:8px}.footer-info{line-height:1.8}.footer-info p{margin:2px}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:28px;font-size:11px;letter-spacing:.12em}.floating-kakao{position:fixed;right:24px;bottom:24px;z-index:900;background:#fee500;color:#241f16;padding:15px 22px;border-radius:99px;box-shadow:0 12px 35px rgba(0,0,0,.22);display:flex;align-items:center;gap:9px}.floating-kakao span{font-size:23px}.floating-kakao b{font-size:16px}
@media(max-width:960px){.nav{position:absolute;top:88px;left:0;right:0;background:var(--deep);display:none;flex-direction:column;align-items:stretch;padding:28px}.nav.open{display:flex}.nav a{padding:11px}.menu-toggle{display:block}.benefit-grid,.land-types{grid-template-columns:1fr 1fr}.lifestyle,.model-feature,.partner,.company{grid-template-columns:1fr}.lifestyle img,.model-feature img{height:560px}.partner>img{min-height:540px}.company-photo img{min-height:500px}.process{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.site-header{height:74px;padding:0 18px}.brand{gap:10px}.brand b{font-size:17px}.brand small{display:none}.roof-mark{width:30px}.roof-mark:after{width:30px;left:25px;top:11px}.nav{top:74px}.hero{min-height:670px;height:92svh}.hero-content{padding:155px 22px 80px}.hero h1{font-size:54px}.hero-lead{font-size:17px;line-height:1.7;margin:24px 0 30px}.hero-actions{display:grid}.btn{width:100%;padding:17px 20px}.hero-pager{left:22px;bottom:28px}.manifesto,.benefits,.development,.faq{padding:80px 22px}.manifesto h2,.section-head h2,.company h2,.partner h2{font-size:40px}.structure{grid-template-columns:1fr;margin-top:40px;gap:12px}.structure>b{line-height:.8}.audience{grid-template-columns:1fr}.audience-card{min-height:620px;padding:55px 24px}.audience-card h2{font-size:40px}.benefit-grid{grid-template-columns:1fr;margin-top:40px}.benefit-grid article{min-height:0}.lifestyle h2,.components-copy h2,.vision h2,.final-cta h2{font-size:40px}.lifestyle-copy,.components-copy,.model-feature>div,.partner-copy,.company-copy{padding:70px 22px}.lifestyle img,.model-feature img{height:420px}.models{padding-top:80px}.model-grid{grid-template-columns:1fr}.model-grid img{height:410px}.model-grid article>div{padding:55px 24px 24px}.full-image img{height:66vh}.land-types,.process{grid-template-columns:1fr}.land-types{margin:40px 0}.vision{min-height:700px}.vision>div{padding:80px 22px}.vision h2{font-size:43px}.vision:after{background:linear-gradient(90deg,rgba(2,25,22,.9),rgba(2,25,22,.35))}.partner>img{min-height:420px}.company-photo img{min-height:400px}.faq summary{font-size:17px}.final-cta{padding:90px 22px}.final-cta h2{font-size:42px}footer{grid-template-columns:1fr;padding:55px 22px 100px}.copyright{grid-column:auto}.floating-kakao{right:14px;bottom:14px;padding:14px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-slide{transition:none}.btn,.card-bg{transition:none}}
.lifestyle img.lifestyle-photo{width:100%;height:auto;display:block;object-fit:contain}
.brand{display:flex;align-items:center;height:100%;gap:0}
.brand img{width:112px;height:78px;object-fit:cover;object-position:center}
.footer-brand{display:grid;align-content:start;justify-items:start}
.footer-brand img{width:190px;aspect-ratio:1/1;object-fit:cover}
.footer-brand span{color:var(--gold);letter-spacing:.12em;margin-top:12px;font-size:12px}
@media(max-width:680px){.brand img{width:88px;height:64px}.footer-brand img{width:160px}}
@media(max-width:680px){
  .hero{height:108svh;min-height:820px}
  .hero-content{height:100%;padding-top:120px;padding-bottom:80px;display:flex;flex-direction:column}
  .hero-actions{margin-top:auto}
  .hero-actions .btn-gold{font-size:clamp(19px,5.9vw,23px);letter-spacing:-.055em;gap:10px;padding-left:12px;padding-right:12px;white-space:nowrap}
  .hero-pager{bottom:34px}
}
@media(max-width:680px){
  .structure{gap:6px;margin-top:28px}
  .structure>div{padding:20px 16px}
  .structure>b{font-size:25px;line-height:1;margin:0}
}
@media(max-width:680px){
  .benefit-grid article{padding:20px 16px}
  .benefit-grid h3{margin:12px 0 8px}
  .benefit-grid p{margin:0}
}
@media(max-width:680px){
  .model-grid img,
  .model-feature img{height:auto;object-fit:contain}
}