@font-face{font-family:TypewriterPro;src:url('/fonts/TypewriterPro-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--ink:#202120;--paper:#f1f1eb;--text:#f1f1ed;--muted:#aaaDa7;--accent:#cee783}*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:var(--ink);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--ink)}
.shell{max-width:1440px;min-height:100svh;padding:36px 64px 24px;margin:auto;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{color:var(--text);text-decoration:none;display:inline-flex;align-items:center;font-size:25px;font-weight:600;letter-spacing:-1px}.wordmark:focus-visible{outline:2px solid var(--accent);outline-offset:8px}.mark{width:35px;height:35px;margin-right:11px;background:#343734;border:1px solid #51554e;border-radius:7px;display:grid;place-items:center;font-size:19px;font-weight:600;line-height:1;letter-spacing:-1.5px}.period{color:var(--accent)}.status{display:flex;align-items:center;gap:9px;font-family:'Courier New',monospace;font-size:10px;letter-spacing:1.6px;color:#c2c7bf}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}
main{flex:1;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:72px;padding:82px 0 86px}.eyebrow{font-family:'Courier New',monospace;font-size:10px;letter-spacing:2.2px;color:var(--accent);margin:0 0 29px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(46px,5.1vw,76px);line-height:1.06;letter-spacing:-3px;margin:0 0 30px}h1 em{font-weight:400;color:var(--accent)}.description{font-size:15px;line-height:1.85;color:var(--muted);margin:0}.coming-soon{display:inline-flex;align-items:center;gap:10px;margin:35px 0 0;padding:12px 0;border-bottom:1px solid #4b5146;font-size:12px;letter-spacing:.4px;color:var(--text)}.coming-soon span{color:var(--accent);font-size:19px}
.script{position:relative;width:100%;max-width:420px;justify-self:end;transform:rotate(2deg)}.paper-edge{position:absolute;inset:0;background:#55594f;transform:rotate(-5deg);border:1px solid #777d6e}.paper{position:relative;background:var(--paper);color:#292e29;min-height:470px;padding:30px 33px 23px;box-shadow:0 24px 60px #0003;font-family:TypewriterPro,'Courier New',Courier,monospace}.paper-top,.paper-bottom{display:flex;align-items:center;justify-content:space-between;font-family:'Courier New',monospace;font-size:8px;letter-spacing:1.3px;color:#6b7065}.paper-top{border-bottom:1px solid #c7cbbd;padding-bottom:16px}.scene{padding:30px 0 25px;font-size:14px;line-height:1.65}.scene p{margin:0 0 20px}.scene .fade-in{margin-bottom:25px}.scene-heading{font-weight:400}.scene .character{text-align:center;margin:26px 0 0}.scene .dialogue{text-align:center;margin:0 0 20px}.cursor{display:block;width:7px;height:14px;background:#626e53}.paper-bottom{border-top:1px solid #c7cbbd;padding-top:16px}.paper-bottom span:last-child{font-size:20px;line-height:1;color:#6e805b}.tape{position:absolute;top:-14px;left:44%;width:75px;height:30px;transform:rotate(-7deg);background:#cbdc79de;clip-path:polygon(2% 0,98% 4%,100% 96%,0 100%)}
footer{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #3b4038;padding-top:22px;color:#989e94;font-size:10px;letter-spacing:.3px}footer span:nth-child(2){font-family:Georgia,serif;font-size:13px;font-style:italic}
@media(min-width:1600px){main{padding-top:110px;padding-bottom:120px}}
@media(max-width:1000px){.shell{padding:30px 38px 24px}main{gap:42px;padding:70px 0}.paper{min-height:440px;padding:25px}.scene{font-size:12px}.wide-break{display:none}h1{letter-spacing:-2px}}
@media(max-width:720px){.shell{padding:26px 25px 22px}.wordmark{font-size:23px}.status{font-size:8px;letter-spacing:1px;gap:6px}.mark{width:29px;height:31px;font-size:17px;margin-right:8px}main{grid-template-columns:1fr;gap:55px;padding:64px 0 52px}.introduction{max-width:490px}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:25px}h1{font-size:clamp(43px,8.4vw,60px);letter-spacing:-2px;margin-bottom:23px}.description{font-size:14px}.coming-soon{margin-top:22px}.script{max-width:370px;justify-self:center;width:92%}.paper{min-height:440px;padding:26px}.scene{font-size:12px}footer{flex-wrap:wrap;font-size:9px;gap:12px}footer span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}