@font-face{font-family:LocalFallback;src:local('Arial')}*{box-sizing:border-box} :root{--paper:#dfbd8a;--ink:#27251f;--blue:#1744e8;--muted:#61513c}html{color:var(--ink);background:#e7c99b}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(ellipse at 20% 10%,#f4dfb75c,transparent 55%),url('assets/paper-texture.svg');min-height:100svh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.masthead{margin:0 5%;height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4a382e55}.wordmark{font-weight:950;font-size:30px;letter-spacing:-2px;transform:rotate(-3deg)}.wordmark span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:5px}.header-note,.ticker,.eyebrow,footer,.contract label,figcaption{font-family:'Courier New',monospace;font-weight:bold}.header-note{font-size:12px;letter-spacing:2px}.ticker{font-size:14px;background:var(--blue);color:white;padding:10px 17px;transform:rotate(3deg);box-shadow:3px 3px 0 #27251f}.hero{max-width:1510px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:5%;padding:70px 6% 75px;min-height:calc(100svh - 179px)}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:2px;margin:0 0 22px}.dash{height:3px;width:25px;background:var(--blue)}h1{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(90px,11.3vw,174px);letter-spacing:-.035em;line-height:.96;margin:0 0 18px;font-weight:900;transform:rotate(-2deg);text-shadow:2px 2px 0 #f6dbb1,4px 5px 0 #ad895a}.period{color:var(--blue)}.tagline{font-size:clamp(23px,2.4vw,35px);letter-spacing:-1.3px;font-weight:700;margin:23px 0 18px}.tagline em{font-family:Georgia,serif;font-weight:400}.description{font-size:16px;line-height:1.7;color:#564632;margin-bottom:30px}.socials{display:flex;gap:14px;flex-wrap:wrap}.paper-button{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:17px 21px;background:linear-gradient(172deg,#e6c38d 45%,#c59a60 46%,#dbb47a 49%,#dfbc87);border:1px solid #725235;border-radius:3px 9px 3px 7px;box-shadow:3px 5px 0 #553e2b, inset 0 1px 0 #f5ddbc;font-size:17px;font-weight:bold;transition:transform .2s,box-shadow .2s;transform:rotate(-2deg)}.x-button{transform:rotate(2deg)}.paper-button:hover{transform:translateY(-5px) rotate(0);box-shadow:4px 9px 0 #553e2b}.paper-button:active{transform:translateY(3px);box-shadow:1px 2px 0 #553e2b}.capsule{font-size:30px;line-height:20px;color:#3b5c2a;transform:rotate(-40deg)}.x-icon{font-size:25px;line-height:20px}.external{font-size:21px;margin-left:5px}.contract{margin-top:38px;max-width:510px}.contract label{font-size:11px;letter-spacing:1.5px;display:block;margin-bottom:9px}.ca-row{display:flex;border:1px dashed #705a3c;background:#f8e5c045;padding:6px;gap:5px}.ca-row input{min-width:0;width:100%;background:transparent;border:0;padding:10px 6px;color:var(--ink);font-family:'Courier New',monospace;font-size:13px;text-overflow:ellipsis}.ca-row button{flex-shrink:0;border:0;background:var(--ink);color:#f7ddb2;padding:12px;font-size:11px;font-weight:bold;cursor:pointer;transition:background .2s}.ca-row button:hover{background:var(--blue)}#copy-status{font-family:'Courier New',monospace;font-size:11px;min-height:26px;line-height:1.5;color:#685439;margin:9px 0 0}.portrait-wrap{position:relative;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotate(3deg);transition:transform .25s ease;max-width:600px}.portrait{margin:0;padding:12px 12px 0;background:#f2ddb5;box-shadow:11px 16px 0 #6d4c3225,0 15px 38px #46352135;clip-path:polygon(0 1%,97% 0,100% 2%,99.5% 97%,98% 100%,1% 99.5%,0 96%)}.portrait img{display:block;width:100%;height:auto}.portrait figcaption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.6px;padding:18px 5px}.tape{position:absolute;z-index:2;top:-18px;left:32%;width:35%;height:43px;background:#bc955ebf;transform:rotate(-8deg);clip-path:polygon(2% 0,97% 4%,100% 17%,97% 32%,100% 60%,97% 82%,100% 100%,0 96%,3% 70%,0 44%,3% 20%);box-shadow:0 1px 5px #40331e22}.stamp{position:absolute;bottom:36px;right:-24px;width:113px;height:113px;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-15deg);border:3px solid var(--blue);outline:1px solid var(--blue);outline-offset:-9px;border-radius:50%;background:#dcc396eb;color:var(--blue);font-family:'Courier New',monospace;font-size:28px;font-weight:bold;box-shadow:2px 4px 5px #3c302520}.stamp strong{font-size:10px;margin-top:4px}main{flex:1}footer{margin:0 5%;border-top:1px solid #4a382e55;min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px;color:#615039}.footer-center{color:var(--blue)}.intro{animation:enter .7s both}.portrait-wrap{animation:reveal 1s both}@keyframes enter{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes reveal{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}@media(min-width:1550px){.hero{gap:85px}}@media(max-width:850px){.masthead{height:82px}.header-note{display:none}.hero{padding:55px 7%;gap:48px;grid-template-columns:1fr;max-width:650px}.intro{order:1}.portrait-wrap{order:0;width:82%;margin:0 auto}.portrait figcaption{font-size:8px;padding:12px 0}.stamp{width:90px;height:90px;font-size:23px;right:-21px;bottom:26px}.stamp strong{font-size:8px}h1{font-size:clamp(90px,21vw,145px)}.tagline{font-size:29px}.eyebrow{margin-bottom:16px}.contract{max-width:none}footer{flex-wrap:wrap;padding:24px 0;font-size:9px}.footer-center{display:none}.socials{gap:13px}.paper-button{padding:16px;font-size:15px}.description{font-size:16px}.contract label,#copy-status{font-size:12px}}@media(max-width:370px){.paper-button{padding:14px 11px;gap:7px}.hero{padding-left:6%;padding-right:6%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
