.glass-hero{min-height:calc(100svh - 88px);max-height:none;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:0 4.7vw}
.glass-hero .hero-topline{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;margin-top:23px}
.glass-hero .hero-topline p{margin:0;color:#a3a9a3;font-size:9px;font-weight:500;letter-spacing:.13em}
.glass-hero .hero-topline .preview-label{font-size:8px;color:#70796d;display:flex;align-items:center;gap:8px}
.glass-hero .preview-label i{display:block;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px #d9f8ad66}
.glass-hero .glass-stage{position:relative;width:calc(100% + 9.4vw);margin-left:-4.7vw;height:clamp(340px,48vh,660px);flex:1 0 340px;min-height:340px;isolation:isolate;cursor:grab}
.glass-hero .glass-stage:active{cursor:grabbing}
.glass-hero #glass-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .6s;touch-action:pan-y}
.glass-hero .glass-stage.ready #glass-canvas{opacity:1}
.glass-hero .fallback-word{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);font-size:15.1vw;line-height:1;font-weight:900;letter-spacing:-.075em;white-space:nowrap;color:#eff1e8}
.glass-hero .fallback-word span{color:var(--accent)}
.glass-hero .fallback-star{position:absolute;left:50%;top:4%;width:36%;height:90%;filter:drop-shadow(0 0 25px #e5feff10);transform:rotate(12deg)}
.glass-hero .ready .fallback-word,.glass-hero .ready .fallback-star{opacity:0}
.glass-hero .stage-note{position:absolute;bottom:11%;left:4.7vw;font-size:8px;letter-spacing:.14em;color:#7b8679;pointer-events:none;display:flex;align-items:center;gap:12px}
.glass-hero .tiny-cross{font-size:17px;color:var(--accent);font-weight:300}
.glass-hero .glass-switcher{position:absolute;right:4.7vw;top:46%;display:flex;align-items:center;gap:2px;padding:4px;border:1px solid #ffffff1d;border-radius:30px;background:#101310ad;z-index:2;backdrop-filter:blur(12px)}
.glass-hero .glass-switcher button{border:0;background:transparent;color:#8f978c;border-radius:24px;padding:8px 12px;font-size:10px;cursor:pointer;display:flex;align-items:center;gap:7px;transition:background .2s,color .2s}
.glass-hero .glass-switcher button span{font-size:16px;line-height:1}
.glass-hero .glass-switcher button.active{background:#e8f1dd;color:#1b2514}
.glass-hero .glass-switcher #motion-toggle{margin-left:4px;border-left:1px solid #ffffff20;border-radius:0 20px 20px 0;padding:8px 11px}
.glass-hero .hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;padding:5px 0 35px;position:relative;z-index:1;gap:30px}
.glass-hero .section-kicker{font-size:8px;letter-spacing:.13em;font-weight:500;color:#85927e;margin:0 0 19px}
.glass-hero .hero-heading h1{font-size:clamp(33px,3.5vw,59px);line-height:1.24;letter-spacing:-.065em;margin:0;font-weight:600}
.glass-hero .illuminate{color:var(--accent)}
.glass-hero .hero-copy{min-width:245px;margin-right:2px}
.glass-hero .hero-copy p{font-size:12px;line-height:1.8;letter-spacing:-.025em;color:#a4aaa0;margin:0 0 20px}
.glass-hero .hero-button{display:flex;justify-content:space-between;align-items:center;gap:35px;background:var(--accent);padding:14px 18px;font-size:11px;color:#17240a;border-radius:2px;font-weight:600;transition:background .2s,transform .2s}
.glass-hero .hero-button:hover{background:#edffcf;transform:translateY(-2px)}
.glass-hero .hero-button span{font-size:19px;line-height:1}
.glass-hero .hero-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0 21px;color:#81897b;font-size:8px;letter-spacing:.1em;gap:15px}
.glass-hero .hero-foot .gesture{letter-spacing:.01em;font-family:Pretendard,sans-serif;color:#687063}
.glass-hero .hero-foot a{display:flex;align-items:center;gap:18px}
.glass-hero .hero-foot a span{color:var(--accent);font-size:16px}
.glass-hero .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-height:1000px) and (min-width:900px){.glass-hero .hero-bottom{padding-bottom:55px}
.glass-hero .glass-stage{min-height:500px}
}
@media(max-width:900px){.glass-hero{min-height:calc(100svh - 78px)}
.glass-hero .glass-stage{height:46vh;min-height:330px;flex-basis:330px}
.glass-hero .hero-heading h1{font-size:40px}
.glass-hero .glass-switcher{top:43%}
.glass-hero .hero-bottom{padding-bottom:35px}
.glass-hero .hero-copy{min-width:220px}
.glass-hero .hero-foot .gesture{display:none}
}
@media(max-width:600px){.glass-hero{padding:0 6vw;min-height:calc(100svh - 73px)}
.glass-hero .hero-topline{margin-top:20px}
.glass-hero .hero-topline p{font-size:7px;letter-spacing:.08em}
.glass-hero .hero-topline .preview-label{font-size:6px;letter-spacing:.05em}
.glass-hero .preview-label i{width:4px;height:4px}
.glass-hero .glass-stage{height:40vh;min-height:250px;flex-basis:250px;width:calc(100% + 12vw);margin-left:-6vw}
.glass-hero .fallback-word{font-size:14.5vw}
.glass-hero .fallback-star{width:52%;left:40%}
.glass-hero .stage-note{bottom:11%;left:6vw;font-size:6px;gap:8px}
.glass-hero .glass-switcher{top:auto;bottom:calc(277px + 5vw);right:6vw}
.glass-hero .glass-switcher button{font-size:9px;padding:7px 10px}
.glass-hero .hero-bottom{display:block;padding:15px 0 26px}
.glass-hero .section-kicker{font-size:6px;letter-spacing:.09em;margin-bottom:13px}
.glass-hero .hero-heading h1{font-size:36px;line-height:1.2}
.glass-hero .hero-copy{display:flex;justify-content:space-between;align-items:flex-end;margin-top:21px;gap:15px}
.glass-hero .hero-copy p{font-size:10px;line-height:1.7;margin:0}
.glass-hero .hero-button{font-size:9px;gap:17px;padding:11px;white-space:nowrap}
.glass-hero .hero-button span{font-size:16px}
.glass-hero .hero-foot{padding:15px 0 18px;font-size:6px;letter-spacing:.05em}
.glass-hero .hero-foot a{gap:8px}
.glass-hero .hero-foot a span{font-size:13px}
}

.glass-hero{--bg:#080909;--ink:#f0f2ed;--muted:#8e9490;--accent:#d9f8ad;--line:#292d29;background:var(--bg);color:var(--ink);font-family:Inter,Pretendard,sans-serif;box-sizing:border-box;min-height:100svh;padding-top:var(--nav-height,80px)}
.glass-hero *, .glass-hero *::before, .glass-hero *::after{box-sizing:border-box}.glass-hero button{font:inherit}.glass-hero a:focus-visible,.glass-hero button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.glass-hero .glass-switcher #motion-toggle{border:0;margin:0;border-radius:20px;padding:8px 12px;font-size:12px}.glass-hero .glass-switcher{top:49%}
@media(max-width:600px){.glass-hero{min-height:100svh}.glass-hero .glass-switcher{top:auto;bottom:calc(277px + 5vw)}}