@font-face{font-family:Fraunces;src:url(/fonts/fraunces-latin.woff2) format("woff2");font-weight:300 600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--ink: #F2EFE9;--ink-dim: rgba(242, 239, 233, .62);--ground: #0A0A0F;--accent: #64F2C8;--display: "Fraunces", Georgia, serif;--body: "Inter", system-ui, -apple-system, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ground);color:var(--ink);font-family:var(--body);font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent);color:var(--ground)}#gl{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.still #gl{display:none}.chrome{position:fixed;inset:0;z-index:10;pointer-events:none}.wordmark{position:absolute;top:2rem;left:2rem;pointer-events:auto;text-decoration:none;color:var(--ink);font-family:var(--body);font-weight:500;font-size:.95rem;letter-spacing:.14em;text-transform:uppercase}.wordmark span{color:var(--accent);margin-left:.35em}.index{position:absolute;right:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.1rem;pointer-events:auto}.index a{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;text-decoration:none}.index a i{width:6px;height:6px;border-radius:50%;background:var(--ink-dim);opacity:.5;transition:all .4s var(--ease)}.index a b{font-weight:400;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);opacity:0;transform:translate(6px);transition:all .4s var(--ease);order:-1}.index a:hover b{opacity:1;transform:none}.index a.active i{background:var(--accent);opacity:1;box-shadow:0 0 12px #64f2c899}main{position:relative;z-index:1}.chapter{min-height:170vh}.chapter--hero{min-height:120vh}.chapter--contact{min-height:130vh}.pin{position:sticky;top:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem}.copy{max-width:640px;text-align:center;background:radial-gradient(closest-side,rgba(10,10,15,.78) 40%,rgba(10,10,15,.45) 70%,transparent 100%);padding:4rem 3rem}.chapter--hero .copy{max-width:860px}.chapter--work .copy{max-width:900px}.kicker{font-size:.75rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:1.6rem}h1,h2{font-family:var(--display);font-weight:380;line-height:1.08;letter-spacing:-.015em;margin-bottom:1.4rem;text-wrap:balance}h1{font-size:clamp(2.6rem,7vw,5rem)}h2{font-size:clamp(2.1rem,5.4vw,3.8rem)}.lede{font-size:clamp(1rem,1.6vw,1.2rem);color:var(--ink-dim);max-width:34em;margin:0 auto;text-wrap:pretty}.copy>*{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.copy>*:nth-child(2){transition-delay:.08s}.copy>*:nth-child(3){transition-delay:.16s}.copy>*:nth-child(4){transition-delay:.24s}.copy>*:nth-child(5){transition-delay:.32s}.chapter.is-visible .copy>*{opacity:1;transform:none}.still .copy>*{opacity:1;transform:none;transition:none}.scroll-hint{position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);display:flex;align-items:center;gap:.6em;opacity:0;transition:opacity 1.2s var(--ease) 1.4s}.chapter.is-visible .scroll-hint{opacity:.8}body.scrolled .scroll-hint{opacity:0!important;transition-delay:0s}.scroll-hint span{color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:3rem;background:#f2efe91f;border:1px solid rgba(242,239,233,.12)}.card{background:#0a0a0fd1;padding:1.8rem 1.5rem;text-align:left}.card h3{font-family:var(--body);font-weight:500;font-size:.95rem;letter-spacing:.02em;margin-bottom:.6rem}.card h3:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:.6em;vertical-align:2px}.card p{font-size:.88rem;color:var(--ink-dim)}.contact{margin:2.6rem auto 0;max-width:460px;text-align:left;display:flex;flex-direction:column;gap:1.2rem}.contact label{display:flex;flex-direction:column;gap:.4rem}.contact label span{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}.contact input,.contact textarea{background:transparent;border:none;border-bottom:1px solid rgba(242,239,233,.25);color:var(--ink);font-family:var(--body);font-size:1rem;font-weight:300;padding:.5rem .1rem;resize:vertical;transition:border-color .3s var(--ease)}.contact input:focus,.contact textarea:focus{outline:none;border-bottom-color:var(--accent)}.contact .hp{display:none}.contact button{align-self:flex-start;margin-top:.6rem;background:transparent;color:var(--ink);border:1px solid rgba(242,239,233,.35);font-family:var(--body);font-size:.8rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;padding:.9rem 1.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:.8em;transition:border-color .3s var(--ease),color .3s var(--ease)}.contact button .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);transition:box-shadow .3s var(--ease)}.contact button:hover{border-color:var(--accent)}.contact button:hover .dot{box-shadow:0 0 10px #64f2c8cc}.form-note{font-size:.85rem;color:var(--accent);min-height:1.4em}.foot{position:relative;z-index:1;padding:2rem;text-align:center;font-size:.75rem;letter-spacing:.08em;color:var(--ink-dim)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.copy>*,.scroll-hint{transition:none;opacity:1;transform:none}}@media(max-width:820px){.wordmark{top:1.4rem;left:1.4rem;font-size:.85rem}.index{right:1rem;gap:.9rem}.index a b{display:none}.chapter{min-height:150vh}.cards{grid-template-columns:1fr}.card{padding:1.4rem 1.2rem}}
