:root{--paper:#f6f6f4;--ink:#191d20;--muted:#5c625f;--night:#030404;--accent:#a6410e;--gutter:clamp(24px,4.5vw,86px);--radius:20px;--title-size:clamp(34px,3.4vw,58px);--title-leading:.99;--title-tracking:-.06em;--body-size:18px;--space:8px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#b6bbb3 var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Satoshi,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:#e3c6b4;color:var(--ink)}[hidden]{display:none!important}.skip-link{position:fixed;z-index:100;top:8px;left:var(--gutter);padding:12px 20px;background:var(--paper);transform:translateY(-160%)}.skip-link:focus{transform:none}
.hero{padding:104px var(--gutter) 0}.hero-heading{display:block;padding-bottom:18px}h1{font:400 var(--title-size)/var(--title-leading) Arial,Helvetica,sans-serif;letter-spacing:var(--title-tracking);margin:0;min-width:0}h1>span{display:block}
.particle-window{position:relative;width:100%;height:auto;aspect-ratio:2.2/1;max-height:calc(100svh - 274px);min-height:440px;background:#000;border-radius:var(--radius);overflow:hidden;isolation:isolate;touch-action:pan-y pinch-zoom}.particle-window canvas,.particle-poster{position:absolute;inset:0;width:100%;height:100%;display:block}.particle-poster img{display:block;width:100%;height:100%;object-fit:cover}.particle-window canvas{opacity:0;touch-action:pan-y pinch-zoom}.particle-window[data-state="ready"],.particle-window[data-state="active"]{cursor:grab}.particle-window.is-dragging{cursor:grabbing}.particle-window[data-state="ready"] canvas,.particle-window[data-state="active"] canvas{opacity:1}.particle-window[data-state="ready"] .particle-poster,.particle-window[data-state="active"] .particle-poster{visibility:hidden}
.hero-baseline{position:relative;min-height:50px;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.hero-plus{font:300 20px/1 Arial,Helvetica,sans-serif}.scroll-cue{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;min-height:44px;margin:0;white-space:nowrap}.particle-trigger{position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;background:none;padding:0;color:var(--muted);font:inherit;cursor:pointer}.particle-trigger:focus-visible{width:auto;height:auto;clip:auto;padding:0 8px;background:var(--paper)}.touch-label{display:none}.sm-header a.sm-pill>span[aria-hidden],.sm-header .sm-toggle .sm-icon{display:none}.sm-header .sm-pill{gap:0;padding:0 26px;font-weight:600;letter-spacing:-.005em}.sm-header .sm-brand{padding:0 24px}.sm-header .sm-talk{background:var(--ink);color:var(--paper)}
.about{padding:132px var(--gutter) 140px;display:grid;grid-template-columns:1fr 1fr;gap:10vw}h2{font:400 clamp(40px,5.1vw,80px)/1.02 Arial,Helvetica,sans-serif;letter-spacing:-.055em;margin:0}.about p{font-size:clamp(23px,2.2vw,32px);line-height:1.25;letter-spacing:-.035em;margin:0 0 24px}.about .about-detail{font-size:18px;line-height:1.5;letter-spacing:-.02em;color:var(--muted);max-width:440px}.product-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border-bottom:1px solid #b9bdb6;min-height:48px;font-size:15px}footer{padding:32px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #dedfd9;font-size:14px}footer img{width:112px;height:auto;display:block}footer a{min-height:44px;display:inline-flex;align-items:center}.no-script-nav{padding:24px var(--gutter);display:flex;flex-wrap:wrap;gap:24px}
@media(hover:hover){.particle-trigger:hover,.scroll-cue:hover,.product-link:hover{color:var(--accent)}}
@media(min-width:1750px){.hero{padding-top:132px}.hero-heading{padding-bottom:36px}.particle-window{max-height:calc(100svh - 360px)}}
@media(max-width:1100px){:root{--title-size:clamp(34px,4.4vw,56px)}.particle-window{max-height:calc(100svh - 300px)}}
@media(max-width:700px){:root{--gutter:22px;--radius:14px;--title-size:clamp(34px,12.6vw,68px)}.hero{padding-top:111px;display:flex;flex-direction:column;min-height:100svh}.hero-heading{display:block;padding-bottom:25px}h1{line-height:1.02}.mobile-line{display:block}.particle-window{flex:1 1 auto;height:auto;aspect-ratio:auto;max-height:none;min-height:280px}.hero-baseline{min-height:52px;font-size:11px}.hero-plus{font-size:16px}.hero-plus--mid{display:none}.trigger-label{display:none}.touch-label{display:inline}.about{grid-template-columns:1fr;gap:32px;padding:88px var(--gutter)}h2{font-size:12vw}.about p{font-size:25px}.about .about-detail{font-size:17px}footer{font-size:12px;gap:16px}footer img{width:95px}}
@media(max-height:600px) and (min-width:701px){.hero{padding-top:90px}.hero-heading{padding-bottom:24px}:root{--title-size:clamp(32px,3.2vw,48px)}.particle-window{max-height:72svh;min-height:0}.about{padding-block:80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(hover:hover){.sm-header .sm-talk:hover{background:#2f353a}}