/* 모듈 27: 560vh Tunnel gate와 접근 가능한 CTA */
body.tunnel-active{background:#000}
#tunnel-view{position:relative;min-height:560vh;background:#000;color:#fff}
#scene{position:fixed;inset:0;width:100vw;height:100vh;z-index:1;display:block;background:#000;pointer-events:none}
#tunnel-view::after{content:"";position:fixed;inset:0;z-index:2;background:rgba(10,5,36,.28);pointer-events:none}
#scroll-host{height:560vh;pointer-events:none}
.tunnel-copy{position:fixed;inset:0;z-index:3;isolation:isolate;display:grid;place-content:center;justify-items:center;gap:18px;padding:24px;text-align:center;pointer-events:none}
.tunnel-copy::before{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:min(720px,92vw);height:min(300px,42vh);transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(10,5,36,.96) 0%,rgba(10,5,36,.78) 38%,rgba(10,5,36,0) 74%);pointer-events:none}
.tunnel-copy h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#tunnel-enter{min-height:54px;padding:0 26px;border:1px solid rgba(143,230,255,.7);border-radius:999px;color:#eafcff;background:rgba(10,5,36,.58);box-shadow:0 0 34px rgba(43,240,255,.22);font-weight:800;letter-spacing:.02em;backdrop-filter:blur(10px);pointer-events:auto}
#tunnel-enter:hover,#tunnel-enter:focus-visible{border-color:#2bf0ff;background:rgba(24,10,58,.84);outline:3px solid rgba(43,240,255,.24);outline-offset:4px}
.tunnel-hint{margin:0;color:#8fe6ff;font-size:12px;letter-spacing:.08em;text-shadow:0 1px 8px #0a0524,0 0 12px rgba(43,240,255,.22)}
@media(prefers-reduced-motion:reduce){#tunnel-enter{box-shadow:none;backdrop-filter:none}.tunnel-hint{display:none}}