:root{--ink:#101018;--paper:#f4f1e9;--acid:#d7ff3f;--violet:#7255ff;--display:"Black Han Sans",sans-serif;--body:"Noto Sans KR",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:82px;position:fixed;inset:0 0 auto;z-index:50;display:grid;grid-template-columns:240px 1fr 210px;align-items:center;border-bottom:1px solid rgba(255,255,255,.18);color:#fff;background:rgba(12,12,18,.88);backdrop-filter:blur(16px)}.brand{height:100%;padding:0 26px;display:flex;align-items:center;gap:12px;border-right:1px solid rgba(255,255,255,.18)}.brand-mark{display:grid;place-items:center;width:46px;height:46px;background:var(--acid);color:var(--ink);font-family:var(--display);font-size:21px;transform:skew(-7deg)}.brand-copy{display:grid;line-height:1}.brand-copy b{font-size:16px;letter-spacing:.08em}.brand-copy small{margin-top:5px;font-size:8px;letter-spacing:.24em;color:#babac2}.main-menu{display:flex;justify-content:center;gap:clamp(18px,3vw,52px);height:100%;align-items:center;font-size:13px;font-weight:700}.main-menu a{position:relative;display:grid;place-items:center;height:100%;color:#aaaab4}.main-menu a:hover,.main-menu a:focus-visible,.main-menu a.active{color:#fff}.main-menu a.active:after{content:"";position:absolute;bottom:0;width:34px;height:4px;background:var(--acid)}.header-cta{height:100%;display:flex;align-items:center;justify-content:center;gap:14px;background:var(--acid);color:var(--ink);font-weight:900;letter-spacing:.06em}.header-cta span{font-size:22px}.menu-toggle{display:none}.hero{position:relative;min-height:100svh;padding-top:82px;display:grid;grid-template-columns:minmax(0,7fr) minmax(360px,3fr);overflow:hidden;background:#17171f;color:#fff}.hero:before{content:"";position:absolute;left:0;top:82px;bottom:0;width:70%;background:linear-gradient(125deg,#191923 0%,#24223a 55%,#17171f 100%);clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}.hero-grid{position:absolute;inset:82px 30% 0 0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.55) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to right,#000,transparent)}.hero-copy{position:relative;z-index:2;align-self:center;padding:8vh 7vw 9vh}.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 24px;font-size:11px;letter-spacing:.22em;color:#b9b7c7}.eyebrow span{padding:7px 10px;background:var(--acid);color:var(--ink);font-weight:900;letter-spacing:.08em}.hero h1{margin:0;font-family:var(--display);font-size:clamp(76px,10vw,170px);line-height:.72;letter-spacing:-.055em}.hero h1 span{display:block}.hero h1 span:last-child{color:transparent;-webkit-text-stroke:2px #fff;margin-left:7vw}.hero-names{margin:30px 0 0;font-size:clamp(21px,2.4vw,40px);font-weight:900;letter-spacing:.06em}.hero-names i{color:var(--acid);font-style:normal}.hero-description{margin:18px 0 0;color:#c7c5d1;font-size:clamp(15px,1.25vw,19px);line-height:1.8}.hero-actions{display:flex;gap:12px;margin-top:30px}.button{min-height:54px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;border:1px solid rgba(255,255,255,.35);transition:.2s ease}.button:hover,.button:focus-visible{transform:translateY(-3px)}.button-primary{background:var(--acid);border-color:var(--acid);color:var(--ink)}.button-ghost{background:rgba(255,255,255,.04)}.hero-meta{display:flex;gap:44px;margin-top:36px;color:#7e7d88;font-size:9px;letter-spacing:.16em}.hero-meta span{display:grid;gap:5px}.hero-meta b{color:#d8d7df;font-size:11px;letter-spacing:.06em}.hero-visual{position:relative;z-index:3;align-self:stretch;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(155deg,var(--violet),#a483f5 55%,#483979);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}.hero-visual:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 38%,transparent 0 20%,rgba(20,16,40,.16) 21% 21.5%,transparent 22% 29%,rgba(20,16,40,.13) 30% 30.5%,transparent 31%)}.hero-visual img{position:relative;z-index:2;width:min(48vw,760px);height:calc(100svh - 92px);object-fit:contain;object-position:50% 100%;filter:drop-shadow(-22px 30px 34px rgba(12,8,32,.35));transform:translateX(-12%)}.visual-label{position:absolute;z-index:4;top:112px;right:26px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.28em}.visual-number{position:absolute;z-index:1;right:-22px;bottom:-45px;font-family:var(--display);font-size:220px;color:rgba(255,255,255,.12)}.scroll-cue{position:absolute;z-index:5;left:28px;bottom:24px;font-size:8px;letter-spacing:.2em;color:#81808b;writing-mode:vertical-rl}.scroll-cue span{margin-top:12px;color:var(--acid);font-size:18px}@media(max-width:980px){.site-header{grid-template-columns:1fr auto}.main-menu{display:none;position:absolute;top:82px;left:0;right:0;height:auto;padding:18px;background:#111118;flex-direction:column;align-items:stretch;gap:0}.main-menu.is-open{display:flex}.main-menu a{height:auto;padding:15px 18px}.main-menu a.active:after{left:0;bottom:10px;width:4px;height:24px}.header-cta{display:none}.menu-toggle{display:block;margin-right:20px;padding:10px 13px;border:1px solid #555;background:none;color:#fff}.hero{grid-template-columns:1fr;min-height:auto}.hero:before{width:100%;clip-path:none}.hero-copy{min-height:720px;padding-top:150px}.hero-visual{min-height:720px;clip-path:polygon(0 8%,100% 0,100% 100%,0 100%)}.hero-visual img{height:700px;width:min(94vw,720px);transform:none}.scroll-cue{display:none}}@media(max-width:600px){.site-header{height:68px}.brand{padding:0 16px;border:0}.brand-mark{width:40px;height:40px}.main-menu{top:68px}.hero{padding-top:68px}.hero-copy{min-height:640px;padding:130px 22px 80px}.hero h1{font-size:clamp(62px,24vw,108px)}.hero h1 span:last-child{margin-left:0}.hero-actions{align-items:stretch;flex-direction:column}.hero-meta{gap:20px;flex-wrap:wrap}.hero-visual{min-height:580px}.hero-visual img{height:570px;width:120vw}.visual-label{top:80px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
