body{overflow-x:hidden}.stage{position:relative;min-height:100vh;width:100%;overflow:hidden}.poster{position:relative;width:100%;min-height:100vh;padding:26px 20px 42px;display:flex;flex-direction:column;gap:30px;transform-origin:top left}.poster>*{position:relative;z-index:2}.hero{display:flex;flex-direction:column;gap:30px}h1.name{font-weight:600;font-size:clamp(68px,18vw,96px);line-height:.86;letter-spacing:-.012em;color:var(--cream);text-shadow:0 1px 0 rgba(0,0,0,.18)}.bezier{margin:14px 0 0 6px;color:var(--cream-dim)}.bezier svg{display:block;width:clamp(150px,46vw,290px);height:auto;overflow:visible}.tagline{margin-top:18px;font-style:italic;font-weight:500;font-size:clamp(20px,5.4vw,33px);line-height:1.34;color:var(--cream-dim);max-width:18ch;letter-spacing:.004em}.term-wrap{position:relative;width:100%}.term{position:relative;width:100%;aspect-ratio:1215/662;overflow:hidden}.term-img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.screen{position:absolute;inset:16% 6% 6%;overflow-y:auto;overflow-x:hidden;padding:clamp(6px,.8vw,10px) clamp(8px,1vw,12px);font-family:var(--mono);font-size:clamp(11px,.9vw,13px);line-height:1.35;color:var(--cream);cursor:text;z-index:2;scrollbar-width:thin;scrollbar-color:rgba(90,83,64,.8) transparent}.screen::-webkit-scrollbar{width:4px}.screen::-webkit-scrollbar-thumb{background:#5a5340cc;border-radius:2px}.term-circuit{position:absolute;top:74px;right:-80px;width:200px;height:auto;pointer-events:none;z-index:4}.screen .ln{white-space:pre-wrap;word-break:break-word}.screen .p{color:var(--blue);white-space:nowrap}.screen .cmd{color:var(--cream)}.screen .arr{color:var(--green)}.screen .out{color:var(--cream-dim)}.screen .cmt{color:var(--ink-faint)}.screen .ok{color:var(--gold)}.screen .err{color:#b97a72}.screen .dir{color:var(--blue)}.inputline{display:flex;align-items:baseline;gap:0}.inputline .typed{white-space:pre-wrap;color:var(--cream)}.cursor{display:inline-block;width:8px;height:1em;background:var(--cream);transform:translateY(2px);margin-left:1px;animation:blink 1.05s steps(1) infinite}.term.idle .cursor{animation:blink 1.05s steps(1) infinite}@keyframes blink{50%{opacity:0}}#hiddenInput{position:absolute;opacity:0;width:1px;height:1px;left:-9999px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,34px);align-items:end;margin-top:clamp(10px,1.5vw,20px)}.card{position:relative;display:block;border-radius:6px;transition:transform .34s cubic-bezier(.22,.61,.36,1),filter .34s ease;transform-origin:center bottom;filter:drop-shadow(0 12px 18px rgba(0,0,0,.34));will-change:transform}.card img{width:100%;height:auto}.card:after{content:"";position:absolute;inset:0;border-radius:6px;background:radial-gradient(70% 60% at 50% 40%,rgba(232,214,170,.16),transparent 70%);opacity:0;transition:opacity .34s ease;pointer-events:none}.card:hover{transform:translateY(-12px) rotate(-.5deg) scale(1.018);filter:drop-shadow(0 26px 30px rgba(0,0,0,.5))}.card:nth-child(2n):hover{transform:translateY(-12px) rotate(.5deg) scale(1.018)}.card:hover:after{opacity:1}.card:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.keycap{display:block;width:120px;margin:8px auto 0;z-index:5;cursor:pointer;border:none;background:none;padding:0;filter:drop-shadow(0 10px 14px rgba(0,0,0,.4));transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.keycap img{width:100%;height:auto}.keycap:hover{transform:translateY(-4px) rotate(-3deg)}.keycap:active{transform:translateY(2px) rotate(1deg) scale(.97)}@media(min-width:761px){.poster{position:absolute;top:0;left:0;width:1672px;height:941px;min-height:0;padding:0;display:block;gap:0}.hero{position:absolute;inset:0;display:block}.hero-left{position:absolute;left:80px;top:206px;width:800px}h1.name{font-size:150px;white-space:nowrap}.bezier{margin-top:10px}.bezier svg{width:290px}.tagline{margin-top:22px;font-size:28px;max-width:none;white-space:nowrap}.term-wrap{position:absolute;left:780px;top:80px;width:704px}.term{aspect-ratio:1215/662}.screen{inset:16% 6% 6%;padding:8px 14px 8px 18px;font-size:15px;line-height:1.35}.cards{position:absolute;left:107px;top:516px;width:1268px;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:33px;align-items:end}.keycap{position:absolute;right:50px;bottom:40px;left:auto;width:172px;margin:0}}@media(max-width:760px){.poster .nav{font-size:16px;gap:7px 9px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 16px;align-items:end}.term-circuit{display:none}}@media(max-width:420px){.poster .nav .dot{display:none}.poster .nav{gap:11px}}@media(prefers-reduced-motion:reduce){.cursor{animation:none}.card,.keycap{transition:none}}