:root{
  --bg:#080b0e;--bg2:#0d1216;--panel:#11171b;--line:rgba(235,242,244,.13);
  --text:#e9eff0;--muted:#97a4a8;--max:1320px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,"Pretendard","Noto Sans KR",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.topbar{position:fixed;top:0;left:0;right:0;height:76px;z-index:90;display:flex;align-items:center;padding:0 4vw;border-bottom:1px solid transparent;transition:.25s;background:linear-gradient(to bottom,rgba(5,8,10,.85),rgba(5,8,10,0))}
.topbar.scrolled{background:rgba(7,10,12,.9);backdrop-filter:blur(14px);border-color:var(--line)}
.brand{font-weight:900;letter-spacing:.14em;font-size:16px}.nav{display:flex;gap:34px;margin-left:auto}.nav a{font-size:11px;letter-spacing:.15em;color:#bcc7ca}.nav a:hover{color:white}
.menu-btn{display:none;margin-left:auto;background:none;border:0;color:white;font-size:24px}
.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:140px max(6vw,30px) 80px;overflow:hidden;background:radial-gradient(circle at 70% 30%,rgba(108,135,144,.14),transparent 28%),linear-gradient(115deg,#080b0e 15%,#0b1115 48%,#12181c 100%)}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(4,6,8,.9),transparent 34%),linear-gradient(90deg,rgba(0,0,0,.35),transparent 55%)}
.hero-content{position:relative;z-index:5;max-width:740px}
.eyebrow,.section-label{font-size:11px;letter-spacing:.24em;color:#91a1a5;font-weight:700;text-transform:uppercase}
.hero h1{font-size:clamp(76px,12vw,170px);line-height:.73;margin:20px 0 34px;letter-spacing:-.075em;font-weight:950}.hero h1 span{color:transparent;-webkit-text-stroke:1px #d5e0e2}
.tagline{font-size:clamp(25px,3vw,42px);font-weight:800;line-height:1.28;margin:0 0 16px}.tagline-en{font-size:12px;letter-spacing:.18em;color:#92a0a3}
.status-line{display:flex;align-items:center;gap:8px;margin-top:28px;color:#758489;font-size:10px;letter-spacing:.15em}.status-dot{width:7px;height:7px;border-radius:50%;background:#86a58e;box-shadow:0 0 14px #86a58e}
.hero-meta{z-index:6;position:absolute;left:6vw;right:6vw;bottom:26px;display:flex;gap:26px;padding-top:14px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.18em;color:#647277}
.building{position:absolute;right:4vw;bottom:-8vh;width:min(42vw,560px);height:82vh;opacity:.52;z-index:1}.tower{position:absolute;bottom:0;right:0;width:86%;height:88%;background:linear-gradient(90deg,#182025,#0a0e11 55%,#141a1e);border-left:1px solid rgba(201,219,223,.12);clip-path:polygon(5% 0,100% 4%,100% 100%,0 100%);box-shadow:-45px -5px 120px rgba(146,178,186,.08)}
.tower:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0 8.8%,rgba(255,255,255,.025) 9% 9.25%)}.windows{height:12%;margin:6% 7%;background:repeating-linear-gradient(90deg,rgba(181,210,216,.05) 0 9%,transparent 9% 14%)}.antenna{position:absolute;right:32%;top:0;width:1px;height:13%;background:#59686c}.antenna:before{content:"";position:absolute;width:44px;height:1px;background:#59686c;left:-22px;top:24%}
.snow{position:fixed;inset:-20%;pointer-events:none;z-index:70;opacity:.18;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.3px),radial-gradient(circle,#fff 0 .7px,transparent 1px);background-size:74px 74px,121px 121px;animation:snow 19s linear infinite}.snow-b{opacity:.07;transform:scale(1.6);animation-duration:31s;animation-direction:reverse}@keyframes snow{to{transform:translate3d(-100px,160px,0)}}
.section{max-width:var(--max);margin:auto;padding:130px 6vw}.about{padding-top:150px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-top:26px}
.section h2,.section-head h2,.final-note h2{font-size:clamp(48px,7vw,96px);line-height:.92;letter-spacing:-.055em;margin:26px 0 0}.section h2 span,.section-head h2 span{color:#89979b}
.body-copy{padding-top:70px;max-width:570px;color:#a9b4b7;font-size:16px;line-height:1.9}.body-copy .lead{font-size:23px;line-height:1.55;color:#e3e9ea;font-weight:700}.body-copy strong{color:#eef2f3}
.features{max-width:none;background:#0b0f12;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{max-width:var(--max);margin:auto}
.feature-grid{max-width:var(--max);margin:70px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-card{min-height:290px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.25s}.feature-card:hover{background:#11171b}.feature-card .num{font-size:10px;color:#69777b;letter-spacing:.14em}.feature-card h3{font-size:24px;margin:75px 0 18px}.feature-card p{color:#8f9b9f;line-height:1.7;max-width:330px}
.updates{max-width:var(--max)}.update-list{margin-top:70px;border-top:1px solid var(--line)}.update-card{display:grid;grid-template-columns:180px 1fr;gap:40px;padding:34px 0;border-bottom:1px solid var(--line)}.update-date{font-size:10px;letter-spacing:.17em;color:#718084;padding-top:5px}.update-card h3{font-size:25px;margin:0 0 12px}.update-card p{margin:0;color:#91a0a4;line-height:1.75;max-width:800px}
.gallery-grid{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:300px 300px;gap:12px;margin-top:65px}.shot{position:relative;overflow:hidden;border:1px solid var(--line);background:#0d1316 center/cover no-repeat}.shot-main{grid-row:span 2}.placeholder{position:absolute;inset:0;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(to top,rgba(0,0,0,.75),transparent 60%),repeating-linear-gradient(135deg,rgba(210,225,228,.025) 0 1px,transparent 1px 13px)}.placeholder:before{content:"";position:absolute;inset:12%;border:1px solid rgba(204,219,222,.08)}.placeholder span{font-size:9px;letter-spacing:.18em;color:#718085}.placeholder b{font-size:22px;margin-top:8px}
.direction{padding-top:80px}.dev-panel{border:1px solid var(--line);padding:58px;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.dev-copy{color:#9da9ac;line-height:1.75}.dev-copy dl{margin-top:45px}.dev-copy dl div{display:grid;grid-template-columns:120px 1fr;border-top:1px solid var(--line);padding:14px 0}.dev-copy dt{font-size:9px;letter-spacing:.16em;color:#657378}.dev-copy dd{margin:0;color:#d6dfe1;font-size:12px}
.final-note{min-height:62vh;display:grid;place-items:center;text-align:center;padding:120px 6vw;background:radial-gradient(circle at center,rgba(118,149,157,.12),transparent 32%),#070a0c}.final-note h2{font-size:clamp(54px,8vw,105px);margin-top:20px}.final-note p{max-width:620px;margin:28px auto 0;color:#87969a;line-height:1.8}
footer{border-top:1px solid var(--line);padding:36px 5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;background:#07090b}.footer-brand{font-weight:900;letter-spacing:.15em}.footer-copy{display:flex;gap:25px;color:#5f6c70;font-size:8px;letter-spacing:.12em}footer>a{justify-self:end;font-size:9px;letter-spacing:.14em;color:#7d8c90}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav{display:none}.menu-btn{display:block}.topbar.menu-open .nav{display:flex;position:absolute;top:76px;left:0;right:0;background:#0a0e11;padding:30px 5vw;flex-direction:column;border-bottom:1px solid var(--line)}.building{right:-24vw;width:92vw;opacity:.32}.hero-meta{overflow:hidden;gap:18px;white-space:nowrap}.about-grid,.dev-panel{grid-template-columns:1fr}.body-copy{padding-top:25px}.feature-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr;grid-template-rows:420px 260px 260px 260px}.shot-main{grid-row:auto}.footer-copy{display:none}}
@media(max-width:560px){.topbar{height:66px}.hero{min-height:860px;padding-top:120px}.hero h1{font-size:78px}.tagline{font-size:26px}.section{padding:90px 22px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:250px}.feature-card h3{margin-top:52px}.update-card{grid-template-columns:1fr;gap:10px}.gallery-grid{grid-template-rows:360px 220px 220px 220px}.dev-panel{padding:30px 22px}footer{grid-template-columns:1fr auto}}

.social-links{margin-top:34px;border-top:1px solid var(--line)}
.social-links a{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid var(--line);transition:.2s}
.social-links a:hover{padding-left:8px;background:rgba(255,255,255,.018)}
.social-links span{font-size:9px;letter-spacing:.18em;color:#667579}
.social-links strong{font-size:12px;letter-spacing:.04em;color:#dce4e6;font-weight:600}
.social-links b{font-size:14px;color:#7f8d91;font-weight:400}
.footer-links{justify-self:end;display:flex;align-items:center;gap:22px}
.footer-links a{font-size:9px;letter-spacing:.14em;color:#7d8c90}
.footer-links a:hover{color:#fff}
@media(max-width:900px){
  .footer-links{gap:14px}
}
@media(max-width:560px){
  .social-links a{grid-template-columns:70px 1fr auto}
  .footer-links a:not(:last-child){display:none}
}