@font-face{font-family:Geist;src:url('/assets/geist-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('/assets/geist-mono-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--cobalt:#2563EB;--cobalt-hover:#1D4ED8;--ink:#111827;--canvas:#F9FAFB;--white:#FFFFFF;--surface:#F1F5F9;--border:#E2E8F0;--text-secondary:#475569;--text-muted:#64748B;--cobalt-tint:#DBEAFE;--sans:Geist,Arial,Helvetica,sans-serif;--mono:'Geist Mono',ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid var(--cobalt);outline-offset:6px;border-radius:4px}
::selection{background:var(--cobalt-tint);color:var(--ink)}
p,h1,h2{margin:0}
.wrap{width:calc(100% - 96px);max-width:1200px;margin-inline:auto}
.mono{font-family:var(--mono);font-size:.875rem;font-weight:400}
.site-header{background:var(--canvas)}
.header-inner{min-height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:16px 32px;flex-wrap:wrap;padding-block:16px}
.wordmark{font-size:1.25rem;font-weight:700;display:inline-flex;align-items:center;white-space:nowrap;gap:8px;line-height:1.4}
.brand-plus{color:var(--cobalt);font-size:1.5rem;font-weight:600}
nav{display:flex;align-items:center;gap:32px;font-size:.875rem;font-weight:600}
nav a{padding-block:12px}
nav a:hover,.text-link:hover{color:var(--cobalt-hover)}
nav .nav-contact{padding:10px 16px;border:1px solid var(--border);background:var(--white);border-radius:8px;display:flex;gap:16px;align-items:center}
nav .nav-contact:hover{border-color:var(--cobalt)}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:center;padding-top:48px;padding-bottom:64px;min-height:640px}
.hero-copy{padding-block:32px;position:relative;z-index:1}
.eyebrow{font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:8px;line-height:1.6}
.small-plus{color:var(--cobalt);font-size:1.5rem;font-weight:500;line-height:1}
h1{font-size:4rem;font-weight:700;line-height:1.08;margin-top:24px}
h1 span{color:var(--cobalt)}
.hero-description{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);max-width:42ch;margin-top:24px}
.hero-actions{display:flex;align-items:center;gap:32px;margin-top:32px;flex-wrap:wrap}
.button{min-height:52px;border-radius:8px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:.875rem;font-weight:600;transition:background .16s}
.button-primary{background:var(--cobalt);color:var(--white)}
.button-primary:hover{background:var(--cobalt-hover)}
.text-link{display:inline-flex;align-items:center;gap:12px;font-size:.875rem;font-weight:600;padding-block:12px}
.hero-art{width:100%;position:relative;min-width:0}
.hero-art img{display:block;width:100%;height:auto;aspect-ratio:1}
.art-caption{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:16px;color:var(--text-muted);font-size:.8125rem;gap:16px;margin-top:-24px;position:relative}
.art-caption .mono{color:var(--cobalt);font-size:1rem}
.belief-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-block:24px;gap:32px}
.belief-strip p{display:flex;gap:16px;align-items:center;font-weight:500;font-size:1rem}
.belief-strip .mono{color:var(--cobalt)}
.section{padding-block:96px}
.studio{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.section-intro .eyebrow,.contact-intro .eyebrow{color:var(--text-secondary);margin-bottom:24px}
h2{font-size:2.5rem;line-height:1.2;font-weight:700}
.studio-story p{font-size:1rem;color:var(--text-secondary);max-width:60ch}
.studio-story p+p{margin-top:24px}
.studio-story .lead{font-size:1.5rem;font-weight:500;color:var(--ink);line-height:1.45;max-width:32ch}
.studio-signoff{border-top:1px solid var(--border);padding-top:24px;margin-top:32px;display:flex;align-items:center;gap:16px;font-size:.875rem;font-weight:600}
.contact-section{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-block:80px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.contact-intro>p:last-child{color:var(--text-secondary);margin-top:24px;font-size:1rem;line-height:1.7}
.contact-links{display:grid;gap:16px}
.contact-link{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--white);border:1px solid var(--border);border-radius:12px;padding:24px 32px;transition:border-color .16s,background .16s}
.contact-link:hover{border-color:var(--cobalt);background:var(--canvas)}
.contact-link>span:first-child{min-width:0}
.contact-label,.contact-email,.contact-note{display:block}
.contact-label{font-size:.875rem;font-weight:600;margin-bottom:4px}
.contact-email{font-size:1.25rem;font-weight:600;color:var(--cobalt);overflow-wrap:anywhere;line-height:1.4}
.contact-note{font-size:.8125rem;color:var(--text-muted);margin-top:8px}
.contact-arrow{color:var(--cobalt);font-size:1.5rem;flex-shrink:0;transition:transform .16s}
.contact-link:hover .contact-arrow{transform:translate(2px,-2px)}
.site-footer{padding-block:48px;display:flex;justify-content:space-between;align-items:center;gap:32px}
.footer-brand p{font-size:.875rem;color:var(--text-secondary);margin-top:8px}
.footer-meta{display:flex;align-items:center;gap:32px;font-size:.8125rem;color:var(--text-muted)}
.footer-meta a{font-size:.875rem}
.footer-meta a:hover{color:var(--cobalt)}
.skip-link{position:absolute;z-index:10;top:-100px;left:16px;background:var(--ink);color:var(--white);padding:12px 24px;border-radius:8px}
.skip-link:focus{top:16px}
@media(min-width:1440px){.hero{min-height:688px;gap:64px}.hero-description{max-width:40ch}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:16px;min-height:560px}h1{font-size:3.5rem}.hero-description{font-size:1rem}.eyebrow{font-size:.8125rem}.studio,.contact-grid{gap:32px}h2{font-size:2rem}.contact-link{padding:24px}.contact-email{font-size:1.125rem}.belief-strip{gap:16px}.belief-strip p{font-size:.875rem;gap:8px}.footer-meta{gap:16px;flex-direction:column;align-items:flex-end}}
@media(max-width:760px){.wrap{width:calc(100% - 48px)}.header-inner{min-height:88px;gap:16px}.wordmark{font-size:1.125rem}nav{gap:16px}nav .nav-contact{display:none}.hero{grid-template-columns:1fr;padding-top:32px;padding-bottom:32px;gap:0}.hero-copy{padding-top:16px;padding-bottom:0}h1{font-size:3.5rem}.hero-description{font-size:1.125rem;max-width:45ch}.eyebrow{font-size:.875rem}.hero-art{max-width:440px;justify-self:center;margin-top:8px}.hero-art img{max-height:360px;object-fit:contain}.art-caption{margin-top:-8px;width:100%}.hero-actions{gap:24px}.belief-strip{grid-template-columns:1fr;gap:16px;padding-block:24px}.belief-strip p{font-size:1rem;gap:16px}.studio,.contact-grid{grid-template-columns:1fr;gap:32px}.section{padding-block:64px}h2{font-size:2rem}.section-intro .eyebrow,.contact-intro .eyebrow{margin-bottom:16px}.studio-story .lead{font-size:1.375rem}.contact-section{padding-block:64px}.contact-link{padding:24px}.contact-email{font-size:1.125rem}.site-footer{align-items:flex-start}.footer-meta{gap:8px}.footer-brand .wordmark{font-size:1rem}}
@media(max-width:420px){.wrap{width:calc(100% - 32px)}.wordmark{font-size:1rem;gap:4px}nav{gap:16px;font-size:.875rem}.header-inner{min-height:80px}h1{font-size:3rem}.hero-actions{gap:24px}.button{padding-inline:16px;gap:16px}.hero-description{font-size:1rem}.eyebrow{font-size:.8125rem}.hero-art img{max-height:320px}.contact-link{padding:20px 16px}.contact-email{font-size:1rem}.contact-note{font-size:.8125rem}.site-footer{flex-direction:column;gap:24px;padding-block:32px}.footer-meta{align-items:flex-start;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.document{max-width:800px;padding-block:64px 96px}.document h1{font-size:clamp(2.5rem,7vw,4rem)}.document-lead{font-size:1.25rem;color:var(--text-secondary);margin-top:24px}.document-date{color:var(--text-muted);margin-top:16px}.document section{margin-top:40px}.document h2{font-size:1.5rem;line-height:1.3;margin-bottom:16px}.document section p+p{margin-top:16px}.document section a{text-decoration:underline;text-underline-offset:3px;color:var(--cobalt-hover);overflow-wrap:anywhere}.footer-meta a{display:inline-block;margin-left:16px}
