@font-face{font-family:Arapey;src:url('/fonts/arapey.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('/fonts/barlow-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('/fonts/barlow-500.woff2') format('woff2');font-weight:500;font-display:swap}
:root{--paper:#132621;--ink:#eff6dd;--muted:#b8ccb6;--accent:#c5ed6d;--on-accent:#142719;--art:#233e31;color-scheme:light}
*{box-sizing:border-box}
html{font-size:16px;scrollbar-color:var(--muted) var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Barlow,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
::selection{background:var(--accent);color:var(--on-accent)}
a{color:inherit;text-underline-offset:.3em;text-decoration-thickness:1px}
a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
.skip{position:fixed;top:1rem;left:1rem;background:var(--accent);color:var(--on-accent);padding:.75rem 1rem;z-index:5;transform:translateY(-200%)}
.skip:focus{transform:translateY(0)}
.launch-frame{width:min(100% - 7rem,1440px);margin:auto;min-height:100svh;display:flex;flex-direction:column}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2.4rem 0 2rem}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-weight:500;font-size:clamp(1.35rem,2.2vw,1.8rem);letter-spacing:-.02em}
.brand svg{width:30px;height:30px;flex:none;color:var(--accent)}
.studio{font-size:.9375rem;color:var(--muted);white-space:nowrap}
.studio a{font-weight:500;letter-spacing:.05em;text-decoration:none;color:var(--ink)}
.studio a:hover{text-decoration:underline}
.hero{flex:1;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:clamp(3rem,6vw,7rem);align-items:center;padding:2.5rem 0 4.5rem}
.hero-copy{position:relative;z-index:1}
h1{font-family:Arapey,serif;font-size:clamp(3.5rem,5.9vw,6rem);font-weight:400;line-height:1.01;letter-spacing:-.025em;margin:0;text-wrap:balance}
h1 span{display:block}
.teaser{font-size:clamp(1.15rem,1.7vw,1.35rem);line-height:1.55;color:var(--muted);max-width:39ch;margin:1.8rem 0 0;text-wrap:pretty}
.launch-contact{display:flex;align-items:center;gap:1.8rem;margin-top:2.5rem}
.contact-button{display:inline-flex;align-items:center;justify-content:space-between;gap:2.5rem;min-height:58px;padding:1rem 1.35rem;background:var(--accent);color:var(--on-accent);border:2px solid var(--accent);font-size:1.125rem;font-weight:500;text-decoration:none;transition:background-color .2s ease,color .2s ease}
.contact-button:hover{background:var(--paper);color:var(--accent)}
.contact-button:active{background:var(--art)}
.contact-button svg{width:22px;height:22px}
.launch-status h2{font-size:1.1rem;font-weight:500;line-height:1.25;margin:0 0 .35rem}
.launch-status p{font-size:.875rem;color:var(--muted);margin:0}
.hero-art{position:relative;width:100%;aspect-ratio:4/5;max-height:650px;background:var(--art);display:grid;place-items:center;overflow:hidden}
.artwork{width:112%;height:auto;color:var(--accent);overflow:visible;animation:draw-in 1.1s cubic-bezier(.16,1,.3,1) both}
.artwork .secondary{color:var(--ink)}
@keyframes draw-in{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
footer{display:flex;align-items:start;justify-content:space-between;gap:2rem;border-top:1px solid color-mix(in srgb,var(--ink) 22%,transparent);padding:1.2rem 0 1.6rem;color:var(--muted);font-size:.8125rem}
.footer-note{max-width:70ch;margin:0}
.footer-note strong{font-weight:400;color:var(--ink)}
.footer-email{white-space:nowrap;color:var(--ink)}
.footer-email:hover{color:var(--accent)}
.collection{max-width:1180px;padding-bottom:2rem}
.collection main{padding:3rem 0 5rem}
.collection h1{max-width:11ch}
.collection-intro{font-size:1.25rem;max-width:42ch;color:var(--muted);margin:1.8rem 0 3.5rem}
.venture-list{display:grid;grid-template-columns:1fr 1fr;gap:0 3rem}
.venture-list a{display:flex;gap:1.2rem;align-items:center;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--ink) 22%,transparent);padding:1.25rem 0}
.venture-list a:hover .venture-name{color:var(--accent)}
.venture-list svg{color:var(--venture-accent);width:36px;height:36px;flex:none}
.venture-name{font-size:1.25rem;font-weight:500}
.venture-domain{display:block;color:var(--muted);font-size:.875rem;font-weight:400}
.venture-list .arrow{margin-left:auto;font-size:.875rem;color:var(--muted)}
@media(min-width:1700px){.hero{gap:7rem}.hero-art{max-width:600px;justify-self:end}}
@media(max-width:1100px){.launch-frame{width:calc(100% - 4rem)}.hero{gap:2.5rem;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}h1{font-size:clamp(3rem,6.2vw,5.2rem)}.launch-contact{align-items:start;flex-direction:column;gap:1.3rem}.hero-art{aspect-ratio:3/4}.teaser{font-size:1.125rem}}
@media(max-width:700px){.launch-frame{width:calc(100% - 2.5rem)}.masthead{padding:1.4rem 0;gap:1rem}.brand{font-size:1.35rem;gap:.6rem}.brand svg{width:24px;height:24px}.studio{font-size:.8125rem}.hero{grid-template-columns:1fr;gap:2.5rem;padding:2rem 0 2.5rem}h1{font-size:clamp(2.75rem,10.8vw,4.5rem);line-height:1.04;overflow-wrap:normal}.teaser{margin-top:1.35rem;max-width:36ch;font-size:1.125rem}.launch-contact{margin-top:1.8rem;flex-direction:row;gap:1.2rem;align-items:center}.contact-button{min-height:54px;padding:.85rem 1rem;font-size:1rem;gap:1.5rem;flex:none}.launch-status h2{font-size:1rem}.launch-status p{max-width:15ch;font-size:.8125rem}.hero-art{aspect-ratio:6/5;max-height:390px}.artwork{width:100%;max-height:420px}footer{flex-direction:column;gap:.8rem;padding:1.1rem 0 1.4rem;line-height:1.6}.footer-note{max-width:45ch}.collection main{padding:2rem 0 3rem}.collection h1{font-size:3.25rem}.collection-intro{font-size:1.125rem}.venture-list{grid-template-columns:1fr}.venture-list .arrow{font-size:.8125rem}}
@media(max-width:370px){.launch-contact{flex-direction:column;align-items:start}.launch-status p{max-width:none}.studio{max-width:5ch;white-space:normal;text-align:right}.brand{font-size:1.25rem}h1{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}