:root{color-scheme:dark;--ink:#090909;--paper:#d8d8d2;--muted:#898984}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Courier New',monospace}body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:9;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='white' filter='url(%23n)' opacity='.5' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:6px}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #333}.brand{display:flex;align-items:center;gap:13px;font-size:12px;line-height:1.1;font-weight:bold;letter-spacing:2px}.brand-mark{border:1px solid #aaa;padding:12px 9px;font:italic 25px Georgia,serif;transform:rotate(-4deg)}.header-note{font-size:10px;letter-spacing:3px;color:var(--muted)}.tiny-link{font-size:16px;padding:12px}.room{position:relative;min-height:850px;padding:34px 5% 26px;overflow:hidden;background:linear-gradient(90deg,rgba(8,8,8,.75),rgba(8,8,8,.12)),url('assets/room.png') center/cover}.room-caption{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2px;color:#aaa;position:relative;z-index:2}.light{width:5px;height:5px;border-radius:50%;background:#ccc;box-shadow:0 0 9px #ddd}.clock{margin-left:auto;font-size:14px;letter-spacing:1px}.hero-copy{position:relative;z-index:2;margin-top:67px;width:58%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.6;color:#999}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(75px,9.7vw,158px);line-height:.84;letter-spacing:-8px;font-weight:normal;margin:26px 0 30px}h1 em{font-weight:normal;color:#9b9b94}.intro{font-size:17px;line-height:1.5;margin:0 0 32px;color:#b8b8b2}.actions{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:50px;padding:15px 21px;border:1px solid #666;font-size:12px;letter-spacing:1px;transition:transform .2s,background .2s,color .2s;background:#101010}.button.primary{background:var(--paper);color:#101010;border-color:var(--paper)}.button:hover{transform:translateY(-3px);background:#bbb;color:#090909}.button.primary:hover{background:white}.square{padding:15px}.portrait{position:absolute;right:-2%;top:120px;width:53%;height:610px;z-index:1}.portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:contrast(1.08);mask-image:linear-gradient(#000 85%,transparent)}.portrait-note{position:absolute;right:13%;bottom:28px;transform:rotate(-8deg);color:#aaa;font:italic 17px Georgia,serif}.contract{position:relative;z-index:3;margin-top:48px;padding:20px 0 0;border-top:1px solid #555;max-width:720px}.label{font-size:10px;letter-spacing:2px;color:#999}.contract-line{display:flex;gap:20px;align-items:center;margin-top:12px}code{font-size:13px;line-height:1.5;overflow-wrap:anywhere;user-select:all;flex:1;min-width:0}.contract button{background:transparent;color:#ddd;border:1px solid #777;padding:11px 14px;white-space:nowrap;font-size:11px;cursor:pointer}.contract button:hover:not(:disabled){background:#ddd;color:#111}.contract button:disabled{opacity:.4;cursor:default}#copy-status{font-size:10px;color:#888;min-height:15px;margin:10px 0 0}.marquee{overflow:hidden;border-top:1px solid #60605b;border-bottom:1px solid #60605b;background:#d4d4ce;color:#111;transform:rotate(-1deg);margin:0 -1%;width:102%;padding:18px 0}.marquee-track{display:flex;width:max-content;animation:flow var(--duration,30s) linear infinite;will-change:transform}.marquee-group{display:flex;align-items:center;flex-shrink:0;white-space:nowrap}.marquee-group span{font-size:18px;font-weight:bold;letter-spacing:2px;padding:0 28px}.marquee-group i{font-style:normal;font-size:21px;padding:0 12px}.reverse{background:#111;color:#bbb;transform:rotate(1deg)}.reverse .marquee-track{animation-direction:reverse}@keyframes flow{to{transform:translateX(calc(-1 * var(--loop-width)))}}.after-hours{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:130px 9% 110px;position:relative}.story-heading{position:relative}h2{font-family:Georgia,serif;font-weight:normal;font-size:clamp(48px,6vw,85px);letter-spacing:-3px;line-height:.95;margin:24px 0}h2 em{color:#999}.story-copy{font-size:14px;line-height:1.85;color:#999;padding-top:25px}.story-copy .lead{font:25px/1.45 Georgia,serif;color:#d6d6cf;margin:0 0 28px}.scribble{font:italic 17px Georgia,serif;transform:rotate(-3deg);margin-top:35px;color:#bbb}.coffee-stain{display:block;width:115px;height:115px;border:6px double #333;border-radius:47% 50% 48% 45%;transform:rotate(25deg);margin:40px 0 0 85px;box-shadow:4px 2px 0 #242424}.desk-note{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:12%;padding:20px 9% 130px}.note-paper{padding:36px 30px 28px;background:#c6c6bd;color:#171717;transform:rotate(-5deg);box-shadow:12px 12px 0 #1c1c1c;max-width:360px;position:relative}.note-paper:before{content:'';position:absolute;width:90px;height:24px;background:#99998b;opacity:.8;top:-12px;left:calc(50% - 45px);transform:rotate(3deg)}.note-paper .eyebrow{color:#555}.note-paper p{font:italic 38px/1.15 Georgia,serif;letter-spacing:-1px;margin:28px 0}.note-bottom{display:block;text-align:right;font-size:12px}.join>p:not(.eyebrow){color:#888;font-size:13px;margin-bottom:30px}footer{display:flex;justify-content:space-between;gap:25px;padding:42px 5%;font-size:10px;color:#888;letter-spacing:1px;line-height:1.6}footer a:hover{color:white}@media(min-width:1600px){.room{min-height:960px}.portrait{height:720px}.hero-copy{margin-top:90px}}@media(max-width:760px){header{height:78px;padding:0 6%}.header-note{display:none}.room{padding:25px 6% 28px;min-height:0;background-position:65% center}.hero-copy{width:100%;margin-top:45px}h1{font-size:clamp(74px,17vw,126px);letter-spacing:-5px}.intro{font-size:14px;width:45%;min-height:160px;margin-top:22px}.portrait{width:65%;height:350px;right:-8%;top:270px}.portrait-note{display:none}.actions{gap:8px}.button{padding:13px 15px;font-size:11px;min-height:46px}.contract{margin-top:32px}.contract-line{gap:10px}code{font-size:11px}.contract button{font-size:10px;padding:10px}.after-hours{grid-template-columns:1fr;gap:10px;padding:75px 8%}.story-copy{padding-top:10px}.coffee-stain{position:absolute;right:0;bottom:0;width:78px;height:78px;opacity:.5}.desk-note{grid-template-columns:1fr;gap:65px;padding:10px 8% 80px}.note-paper{width:80%;padding:28px;justify-self:center}.note-paper p{font-size:32px}.join h2{font-size:62px}.marquee-group span{font-size:14px;padding:0 20px}.marquee{padding:15px 0}footer{flex-wrap:wrap;padding:32px 6%}footer span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation-play-state:paused}.button{transition:none}}