@font-face{font-family:Grotesk;src:url('/fonts/space-grotesk.ttf') format('truetype');font-weight:300 700;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0}button,input,select,textarea{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}button,input,select,textarea,a,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid currentColor}button{color:inherit}::selection{background:#d4b97e;color:#19241d}.demo-strip{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:9px 4%;font:12px Grotesk,Arial,sans-serif;border-bottom:1px solid #8884}.demo-strip a{text-decoration:underline;text-underline-offset:3px}.demo-footer{padding:20px 4%;font:12px/1.7 Grotesk,Arial,sans-serif;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #8884}.demo-footer a{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;background:#fff;color:#111;padding:12px;z-index:1000}.skip:focus{top:12px}dialog{border:0;padding:0;max-width:min(900px,calc(100% - 32px));width:900px;max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #0004;color:inherit}dialog::backdrop{background:#101710a8;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px;border-bottom:1px solid #8884}.dialog-top h2{font-size:24px}.close-dialog{border:1px solid #8888;background:transparent;width:42px;height:42px;flex-shrink:0;font-size:26px}.dialog-body{padding:32px}.dialog-body h3{font-size:30px;margin-bottom:15px}.field{display:grid;gap:8px;margin-bottom:20px;font-size:14px}.field input,.field select,.field textarea{width:100%;min-height:48px;border:1px solid #9998;background:transparent;padding:12px;color:inherit;border-radius:0}.field textarea{resize:vertical}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hint{font-size:13px;line-height:1.6;opacity:.75}.error{color:#aa2f1a;margin:12px 0;font-size:14px;min-height:20px}.success{padding:20px 0}.success h3{margin:16px 0}.success p{line-height:1.7;margin-bottom:20px}.modal-actions{display:flex;justify-content:space-between;gap:15px;margin-top:24px}.reveal{animation:appear .6s both}@keyframes appear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.mobile-toggle{display:none}.hidden,[hidden]{display:none!important}body:has(dialog[open]){overflow:hidden}@media(max-width:700px){.demo-strip{font-size:11px;padding:8px 5%}.demo-strip span{max-width:65%}.demo-footer{flex-direction:column;gap:6px;padding:18px 5%}.fields{grid-template-columns:1fr;gap:0}.dialog-body{padding:24px}.dialog-top{padding:17px 22px}.dialog-top h2{font-size:22px}.mobile-toggle{display:block}.nav-links.mobile-open{display:flex!important;position:absolute;left:0;right:0;top:100%;z-index:20;flex-direction:column;align-items:stretch;padding:25px;background:var(--paper,#fff);color:var(--ink,#111);box-shadow:0 12px 20px #0001}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(prefers-reduced-motion:no-preference){.hero-copy,.hero-text{animation:appear .65s both}.hero-image,.hero-product,.hero-visual{animation:appear .85s both}}
