@font-face{font-family:DM;src:url('/assets/dm-sans.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Instrument;src:url('/assets/instrument-serif-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
:root{color-scheme:light;--paper:#f5f3ed;--ink:#243c34;--muted:#677068;--accent:#bc5731;--line:#d8dcd2}
*{box-sizing:border-box}
html{min-width:320px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:DM,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{color:inherit}button,a{touch-action:manipulation}svg{display:block}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}[hidden]{display:none!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 78% 48%,#e6d9c344 0,transparent 48%),radial-gradient(ellipse at 0 100%,#e3e7dc66 0,transparent 48%);z-index:-1}
.page-shell{max-width:1600px;min-height:100svh;margin:0 auto;padding:0 clamp(24px,5.4vw,86px);display:flex;flex-direction:column}
.skip-link{position:fixed;top:-80px;left:20px;padding:14px 20px;background:var(--ink);color:white;z-index:10}.skip-link:focus{top:20px}
.site-header{height:116px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:12px;font-size:25px;font-weight:650;letter-spacing:-1.1px}.brand svg{width:36px;height:36px}.brand-ai{font-size:10px;font-weight:600;letter-spacing:.09em;margin-left:5px;vertical-align:top;display:inline-block;padding-top:6px}
.header-note{font-size:12px;display:flex;align-items:center;gap:10px;color:#58645b;letter-spacing:.01em}.status-dot{width:6px;height:6px;border-radius:50%;background:#738976;box-shadow:0 0 0 5px #7389760a}
.hero{position:relative;flex:1;display:grid;grid-template-columns:1fr 1.13fr;gap:0;align-items:center;padding:42px 0 45px;min-height:540px}
.hero-copy{position:relative;z-index:1;padding-bottom:13px}.eyebrow{margin:0 0 28px;display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:.19em;font-weight:650}.eyebrow>span{height:1px;width:27px;background:var(--accent)}
h1{font-size:clamp(56px,6.15vw,93px);line-height:1.07;letter-spacing:-.057em;font-weight:450;margin:0;white-space:nowrap}h1 em{font-family:Instrument,Georgia,serif;font-weight:400;color:var(--accent);font-size:1.105em;letter-spacing:-.033em;line-height:1.07}
.intro{font-size:14px;line-height:1.9;color:var(--muted);margin:30px 0 32px;letter-spacing:.002em}.contact-button{display:inline-flex;align-items:center;justify-content:space-between;gap:43px;min-height:53px;padding:0 23px;background:var(--ink);border:1px solid var(--ink);border-radius:3px;color:var(--paper);font-size:12px;font-weight:550;transition:background .2s,transform .2s}.contact-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .2s}.contact-button:hover{background:#365549;transform:translateY(-2px)}.contact-button:hover svg{transform:translate(2px,-2px)}.email-link{display:table;margin-top:16px;font-size:11px;color:var(--muted);padding-bottom:2px;border-bottom:1px solid transparent}.email-link:hover{color:var(--accent);border-color:var(--accent)}
.vision{width:100%;min-width:0;margin:0;position:relative;align-self:center}.artwork{width:min(calc(100% + 24px),60svh,660px);margin-inline:auto;aspect-ratio:1;position:relative;isolation:isolate}.artwork:before{content:"";position:absolute;inset:13%;border-radius:50%;background:radial-gradient(ellipse,#fff9e68f,transparent 66%);z-index:-1}.art-fallback,canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.has-canvas .art-fallback{visibility:hidden}.art-corner{position:absolute;width:9px;height:9px;opacity:.46;border-color:#a3ad9d;border-style:solid}.top-left{top:13%;left:9%;border-width:1px 0 0 1px}.top-right{top:13%;right:9%;border-width:1px 1px 0 0}.bottom-left{bottom:13%;left:9%;border-width:0 0 1px 1px}.bottom-right{bottom:13%;right:9%;border-width:0 1px 1px 0}
figcaption{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:-23px;font-size:7px;letter-spacing:.14em;line-height:1.7;color:#707a6b;text-align:center}.caption-line{display:inline-block;width:20px;height:1px;background:#a8b19e;flex:none}
.site-footer{min-height:91px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;color:#677268;font-size:10px;letter-spacing:.015em}.site-footer p{margin:0}.footer-note{color:#778173}.motion-toggle{padding:12px 0 12px 8px;border:0;background:none;display:flex;align-items:center;gap:7px;font-size:10px;cursor:pointer;min-height:44px}.motion-toggle svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.15;fill:none}.motion-toggle:hover{color:var(--accent)}.play-icon{display:none}.motion-toggle[aria-pressed="true"] .pause-icon{display:none}.motion-toggle[aria-pressed="true"] .play-icon{display:block}
@media(min-width:1600px){.hero{min-height:600px}.site-header{height:128px}.site-footer{min-height:105px}}
@media(max-width:1050px){.hero{min-height:580px;grid-template-columns:1fr 1fr}.page-shell{padding:0 38px}h1{font-size:clamp(50px,6.5vw,68px)}.intro{font-size:13px}.desktop-break{display:none}.hero-copy{max-width:390px}.vision{width:calc(100% + 24px);margin-left:-14px}.artwork{width:100%;margin-left:0}figcaption{font-size:6px;letter-spacing:.09em;gap:6px;max-width:90%;margin:0 auto}.site-header{height:98px}.site-footer{min-height:80px}}
@media(max-width:720px){.page-shell{padding:0 24px}.site-header{height:87px;gap:10px}.brand{font-size:21px;gap:9px}.brand svg{width:30px;height:30px}.brand-ai{font-size:8px;margin-left:3px;padding-top:5px}.header-note{font-size:9px;gap:7px}.status-dot{width:5px;height:5px}.hero{grid-template-columns:1fr;padding:47px 0 29px;min-height:0;gap:0}.hero-copy{max-width:none;text-align:center;padding:0}.eyebrow{justify-content:center;font-size:8px;margin-bottom:20px;letter-spacing:.17em}.eyebrow>span{width:18px}h1{font-size:clamp(48px,10.1vw,70px);line-height:1.05;letter-spacing:-.055em}.intro{font-size:12px;max-width:300px;margin:23px auto 25px;line-height:1.85}.contact-button{font-size:11px;min-height:48px;padding:0 19px;gap:35px}.contact-button svg{width:16px;height:16px}.email-link{font-size:10px;margin:13px auto 0}.vision{width:min(100%,430px);margin:10px auto 0}.artwork{width:100%;max-height:none}figcaption{font-size:6px;letter-spacing:.1em;margin-top:-21px}.site-footer{min-height:80px;font-size:9px;gap:12px;flex-wrap:wrap}.footer-note{display:none}.motion-toggle{font-size:9px;padding-left:0}}
@media(max-width:360px){.page-shell{padding:0 19px}.header-note{font-size:8px}h1{font-size:45px}.brand{font-size:19px}.brand svg{width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}