:root{--ink: #0A0A0B;--ink-2: #111114;--paper: #F3F0E9;--paper-2: #D7D1C3;--muted: #7C786E;--line: rgba(237, 234, 227, .12);--line-2: rgba(237, 234, 227, .06);--amber: #FFB84D;--phosphor: #8EEBF0;--fs-mono: "JetBrains Mono", ui-monospace, monospace;--fs-serif: "Fraunces", "Instrument Serif", Georgia, serif;--fs-accent: "Instrument Serif", "Fraunces", Georgia, serif;--fs-sans: "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;--ease: cubic-bezier(.2, .6, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--pad: clamp(18px, 4vw, 56px);--maxw: 1440px;--bp-sm: 640px;--bp-md: 900px;--bp-lg: 1200px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--ink);color:var(--paper);font-family:var(--fs-sans);font-weight:400;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;text-rendering:optimizeLegibility}body{min-height:100vh;cursor:none}@media (pointer: coarse){body{cursor:auto}.reticle{display:none}}a{color:inherit;text-decoration:none}::selection{background:var(--amber);color:var(--ink)}#gl{position:fixed;inset:0;width:100%;height:100vh;height:100svh;z-index:0;display:block}.noise{position:fixed;inset:0;pointer-events:none;z-index:1;mix-blend-mode:overlay;opacity:.35;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:1;background-image:repeating-linear-gradient(to bottom,#fff0 0px 2px,#0000001f 3px,#0000 4px);opacity:.45}.reticle{position:fixed;top:0;left:0;pointer-events:none;z-index:100;transform:translate3d(-100px,-100px,0);will-change:transform}.reticle__dot{position:absolute;inset:0;width:4px;height:4px;background:var(--paper);border-radius:50%;transform:translate(-50%,-50%);transition:transform .25s var(--ease-out),background-color .25s}.reticle__ring{position:absolute;inset:0;width:36px;height:36px;border:1px solid rgba(237,234,227,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .45s var(--ease-out),height .45s var(--ease-out),border-color .25s}.reticle.is-hover .reticle__ring{width:64px;height:64px;border-color:var(--amber)}.reticle.is-hover .reticle__dot{background:var(--amber);transform:translate(-50%,-50%) scale(0)}.progress{position:fixed;top:0;left:0;height:1px;width:0%;background:var(--amber);z-index:99;transition:width .1s linear;box-shadow:0 0 8px #ffb84d99}.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:20px var(--pad);font-family:var(--fs-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--paper-2);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);background:linear-gradient(to bottom,#0a0a0b8c,#0a0a0b00);border-bottom:1px solid var(--line-2);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:100%}.nav:before{content:none}.wordmark{display:inline-flex;align-items:baseline;gap:10px}.wordmark__serif{font-family:var(--fs-serif);font-weight:400;font-style:italic;font-size:22px;letter-spacing:-.01em;text-transform:none;color:var(--paper);font-variation-settings:"opsz" 48,"SOFT" 80}.wordmark__mark{font-family:var(--fs-mono);font-size:10px;padding:3px 6px;border:1px solid var(--line);color:var(--paper-2);letter-spacing:.12em}.nav__links{display:flex;gap:28px;justify-self:center}.nav__links a{position:relative;padding:4px 0;display:inline-flex;align-items:baseline;gap:8px;transition:color .2s var(--ease)}.nav__links a .num{font-size:9px;color:var(--muted)}.nav__links a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--amber);transition:width .35s var(--ease-out)}.nav__links a:hover{color:var(--paper)}.nav__links a:hover:after{width:100%}.nav__meta{justify-self:end;display:inline-flex;align-items:center;gap:10px}.tick{width:6px;height:6px;background:var(--phosphor);border-radius:50%;box-shadow:0 0 8px #8eebf099;animation:blink 2.4s infinite var(--ease)}.tick--live{background:var(--amber);box-shadow:0 0 10px #ffb84db3}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}@media (max-width: 800px){.nav{grid-template-columns:1fr auto}.nav__links,.nav__meta{display:none}}.corner{position:fixed;z-index:40;display:flex;flex-direction:column;gap:4px;font-family:var(--fs-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:12px 16px;pointer-events:none;opacity:1;transform:translateY(0);transition:opacity .5s var(--ease),transform .5s var(--ease)}body.is-past-hero .corner--tl,body.is-past-hero .corner--tr{opacity:0;transform:translateY(-8px)}body.is-past-hero .corner--bl,body.is-past-hero .corner--br{opacity:0;transform:translateY(8px)}.corner--tl{top:72px;left:var(--pad)}.corner--tr{top:72px;right:var(--pad);text-align:right;align-items:flex-end}.corner--br{bottom:24px;right:var(--pad);flex-direction:row;gap:10px;align-items:center;text-align:right}@media (max-width: 800px){.corner{font-size:9px}.corner--tl,.corner--tr{top:auto;bottom:0;display:none}}main{position:relative;z-index:2}.section{position:relative;padding:clamp(80px,14vh,180px) var(--pad);border-top:1px solid var(--line);background:linear-gradient(to bottom,#0a0a0b00,#0a0a0bd1 18%,#0a0a0beb)}.section__head{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"num title" ". lede";gap:12px 28px;margin:0 auto clamp(48px,8vh,100px);max-width:var(--maxw);width:100%}.section__num{grid-area:num;font-family:var(--fs-mono);font-size:11px;letter-spacing:.14em;color:var(--amber);padding-top:14px;white-space:nowrap}.section__title{grid-area:title;font-family:var(--fs-serif);font-weight:300;font-size:clamp(36px,6vw,72px);line-height:1.02;letter-spacing:-.02em;font-variation-settings:"opsz" 144,"SOFT" 30}.section__title em{font-family:var(--fs-accent);font-style:italic;color:var(--paper);font-weight:400}.section__lede{grid-area:lede;max-width:54ch;color:var(--paper);font-weight:400;font-size:clamp(15px,1.15vw,18px);line-height:1.7}@media (max-width: 640px){.section__head{grid-template-columns:1fr;grid-template-areas:"num" "title" "lede";gap:10px}.section__num{padding-top:0}}.hero{position:relative;min-height:100vh;min-height:100svh;padding:clamp(140px,18vh,220px) var(--pad) clamp(80px,12vh,140px);display:grid;align-content:center;gap:28px;max-width:var(--maxw);width:100%;margin:0 auto}.hero__label{font-family:var(--fs-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--paper-2);display:inline-flex;align-items:center;gap:10px;opacity:0;transform:translateY(12px);animation:rise 1.2s var(--ease-out) .3s forwards}.hero__label .hash{color:var(--amber)}.hero__title{font-family:var(--fs-serif);font-weight:300;font-size:clamp(44px,9vw,132px);line-height:.96;letter-spacing:-.025em;color:var(--paper);font-variation-settings:"opsz" 144,"SOFT" 40;max-width:16ch}.hero__title em{font-family:var(--fs-accent);font-style:italic;font-weight:400;color:var(--amber);font-size:.96em;letter-spacing:-.01em}.hero__title .word{display:inline-block;overflow:hidden;vertical-align:baseline;white-space:nowrap}.hero__title .char{display:inline-block;transform:translateY(110%);opacity:0;will-change:transform,opacity}.hero__title.is-in .char{animation:char-rise .9s var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 22ms + .2s)}.hero__sub{max-width:58ch;color:var(--paper);font-weight:400;font-size:clamp(16px,1.25vw,19px);line-height:1.7;opacity:0;transform:translateY(12px);animation:rise 1.2s var(--ease-out) .9s forwards}.hero__cta{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:16px;opacity:0;transform:translateY(12px);animation:rise 1.2s var(--ease-out) 1.15s forwards}.btn{display:inline-flex;align-items:center;gap:12px;padding:16px 22px;border:1px solid var(--paper);color:var(--paper);font-family:var(--fs-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:transparent;position:relative;overflow:hidden;transition:color .35s var(--ease),border-color .35s var(--ease);cursor:none}.btn:before{content:"";position:absolute;inset:0;background:var(--paper);transform:translateY(100%);transition:transform .4s var(--ease-out);z-index:-1}.btn:hover{color:var(--ink);border-color:var(--paper)}.btn:hover:before{transform:translateY(0)}.btn svg{transition:transform .35s var(--ease-out)}.btn:hover svg{transform:translate(4px)}.link{font-family:var(--fs-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-2);padding:16px 4px;position:relative;cursor:none}.link:after{content:"";position:absolute;left:4px;right:4px;bottom:12px;height:1px;background:var(--line);transition:background-color .25s}.link:hover{color:var(--paper)}.link:hover:after{background:var(--paper)}.hero__ruler{margin-top:clamp(30px,6vh,60px);border-top:1px solid var(--line);padding-top:16px;max-width:860px}.instrument{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4vw,64px);align-items:end}.instrument__left,.instrument__right{display:grid;gap:10px}.instrument__label{font-family:var(--fs-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.osc{display:block;border:1px solid var(--line-2);padding:4px 6px;background:#edeae304}.ruler{display:flex;justify-content:space-between;font-family:var(--fs-mono);font-size:10px;letter-spacing:.08em;color:var(--muted)}.ruler span{position:relative;padding-top:10px}.ruler span:before{content:"";position:absolute;top:0;left:50%;width:1px;height:6px;background:var(--line);transform:translate(-50%)}@media (max-width: 900px){.instrument{grid-template-columns:1fr}.instrument__left{display:none}}@keyframes rise{to{opacity:1;transform:translateY(0)}}@keyframes char-rise{to{opacity:1;transform:translateY(0)}}.cards{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);max-width:var(--maxw);width:100%;margin:0 auto}@media (max-width: 780px){.cards{grid-template-columns:1fr}}.card{position:relative;padding:clamp(28px,4vw,56px);background:var(--ink);display:grid;grid-template-rows:auto auto 1fr auto;gap:20px;min-height:340px;transition:background-color .5s var(--ease)}.card:before{content:"";position:absolute;top:0;left:0;width:0;height:1px;background:var(--amber);transition:width .7s var(--ease-out)}.card:hover{background:var(--ink-2)}.card:hover:before{width:100%}.card__index{font-family:var(--fs-mono);font-size:10px;letter-spacing:.14em;color:var(--muted)}.card__title{font-family:var(--fs-serif);font-weight:300;font-size:clamp(24px,2.6vw,38px);line-height:1.1;letter-spacing:-.015em;color:var(--paper);font-variation-settings:"opsz" 60,"SOFT" 40}.card__body{color:var(--paper);font-weight:400;font-size:16px;line-height:1.75;max-width:44ch}.card__tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding-top:12px;border-top:1px solid var(--line-2)}.card__tags li{font-family:var(--fs-mono);font-size:10px;letter-spacing:.1em;padding:4px 8px;border:1px solid var(--line);color:var(--paper-2);text-transform:uppercase}.card{opacity:0;transform:translateY(32px);transition:opacity 1s var(--ease-out),transform 1s var(--ease-out),background-color .5s var(--ease)}.card.is-in{opacity:1;transform:translateY(0);transition-delay:calc(var(--i, 0) * 80ms)}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,48px);max-width:var(--maxw);width:100%;margin:0 auto}@media (max-width: 780px){.steps{grid-template-columns:1fr}}.step{padding:32px 0;border-top:1px solid var(--line);display:grid;gap:16px;align-content:start}.step__num{font-family:var(--fs-mono);font-size:11px;letter-spacing:.14em;color:var(--amber)}.step__title{font-family:var(--fs-serif);font-weight:300;font-style:italic;font-size:clamp(32px,3.5vw,52px);line-height:1;letter-spacing:-.02em;color:var(--paper);font-variation-settings:"opsz" 90,"SOFT" 60}.step p{color:var(--paper);font-weight:400;line-height:1.75;max-width:38ch;font-size:16px}.section--contact .section__title{max-width:22ch}.section--contact .section__title em{color:var(--amber)}.contact{display:grid;grid-template-columns:1fr 2fr 1fr;gap:clamp(32px,4vw,72px);align-items:start;padding-top:24px;border-top:1px solid var(--line);max-width:var(--maxw);width:100%;margin:0 auto}@media (max-width: 900px){.contact{grid-template-columns:1fr}}.contact__block{display:grid;gap:12px}.contact__label{font-family:var(--fs-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.contact address{font-style:normal;font-family:var(--fs-serif);font-size:22px;line-height:1.35;color:var(--paper);font-variation-settings:"opsz" 40,"SOFT" 40}.mono{font-family:var(--fs-mono);font-size:15px;color:var(--paper-2);letter-spacing:.02em}.email{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px 24px;border:1px solid var(--line);background:#edeae305;cursor:none;transition:border-color .3s var(--ease),background .3s var(--ease)}.email:hover{border-color:var(--amber);background:#ffb84d0a}.email canvas{display:block}.email__status{font-family:var(--fs-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);transition:color .2s}.email.is-copied .email__status{color:var(--amber)}.foot{position:relative;z-index:2;border-top:1px solid var(--line);background:var(--ink);padding:48px var(--pad)}.foot__inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;max-width:var(--maxw);margin:0 auto;font-size:12px;color:var(--muted)}.foot__col{display:grid;gap:6px}.foot__col--center{text-align:center;color:var(--paper-2);line-height:1.7}.foot__col--right{text-align:right}.foot__mark{font-family:var(--fs-serif);font-style:italic;font-size:20px;color:var(--paper);font-variation-settings:"opsz" 48,"SOFT" 80}@media (max-width: 700px){.foot__inner{grid-template-columns:1fr;text-align:left}.foot__col--center,.foot__col--right{text-align:left}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero__title .char{transform:none;opacity:1}}
