@font-face{font-family:Geist;src:url('/assets/fonts/Geist-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url('/assets/fonts/Geist-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url('/assets/fonts/Geist-SemiBold.woff2') format('woff2');font-weight:600 699;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url('/assets/fonts/Geist-Bold.woff2') format('woff2');font-weight:700 900;font-style:normal;font-display:swap}
:root{--bg:#f5f3ed;--surface:#fdfcf8;--surface-2:#ebe8df;--ink:#131713;--muted:#5f655f;--line:#ced1c9;--brand:#df4b2b;--brand-dark:#a92f19;--signal:#d7f05a;--success:#287a4d;--warning:#9a6300;--danger:#a93427;--smash:#5a1712;--ember:#c54b24;--radius-sm:5px;--radius-md:12px;--radius-lg:22px;--shadow-sm:0 8px 24px rgba(19,23,19,.07);--shadow-lg:0 30px 90px rgba(19,23,19,.14);--container:1320px;--reading:760px;--font:Geist,"Segoe UI",Arial,sans-serif;--mono:"SFMono-Regular",Consolas,monospace}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem;overflow-x:clip}body{margin:0;min-width:0;overflow-x:clip;background:var(--bg);color:var(--ink);font:400 1rem/1.65 var(--font);letter-spacing:-.012em;text-rendering:optimizeLegibility}body.nav-open,body.docs-open{overflow:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-underline-offset:.2em}a:hover{text-decoration-color:var(--brand)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:1000;padding:.75rem 1rem;background:var(--ink);color:#fff;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.container{width:min(calc(100% - 3rem),var(--container));margin-inline:auto}.reading,.narrow{width:min(calc(100% - 3rem),var(--reading));margin-inline:auto}.section{padding-block:clamp(6rem,10vw,10rem)}.section--tight{padding-block:clamp(4rem,7vw,7rem)}.section--dark{background:var(--ink);color:#fff}.section--sand{background:var(--surface-2)}.stack>*+*{margin-top:1.15rem}.stack-lg>*+*{margin-top:2rem}.flow>*+*{margin-top:1.5rem}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
h1,h2,h3,h4{margin:0;font-weight:650;line-height:.98;letter-spacing:-.055em;text-wrap:balance}h1{font-size:clamp(3rem,5.6vw,5.8rem)}h2{font-size:clamp(2.3rem,4.2vw,4.6rem)}h3{font-size:clamp(1.35rem,2vw,2rem);line-height:1.08}h4{font-size:1.08rem;line-height:1.25;letter-spacing:-.025em}p{margin:0}.lede{max-width:62ch;color:var(--muted);font-size:clamp(1.08rem,1.6vw,1.35rem);line-height:1.55}.kicker{margin:0 0 1rem;color:var(--brand-dark);font:700 .72rem/1.25 var(--mono);letter-spacing:.12em;text-transform:uppercase}.kicker::before{display:inline-block;width:.5rem;height:.5rem;margin-right:.75rem;background:var(--brand);content:"";transform:rotate(45deg)}.section-dark .kicker{color:var(--signal)}
.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(19,23,19,.12);background:rgba(245,243,237,.9);backdrop-filter:blur(18px)}.header-inner{display:flex;min-height:82px;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:inline-flex;align-items:center;line-height:0;text-decoration:none}.brand img{width:auto;height:38px;object-fit:contain}.site-nav ul{display:flex;align-items:center;gap:.2rem;margin:0;padding:0;list-style:none}.site-nav a{display:block;padding:.7rem .85rem;border-radius:var(--radius-sm);color:#343a34;font-size:.84rem;font-weight:650;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{background:var(--ink);color:#fff}.site-nav .nav-cta{margin-left:.5rem;background:var(--brand);color:#fff}.nav-toggle{display:none;min-width:48px;min-height:48px;border:1px solid var(--ink);border-radius:var(--radius-sm);background:transparent;color:var(--ink);cursor:pointer;font:700 .7rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.button-row{display:flex;flex-wrap:wrap;gap:.75rem}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:.65rem;padding:.8rem 1.2rem;border:1px solid var(--ink);border-radius:var(--radius-sm);background:var(--ink);color:#fff;cursor:pointer;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button::after{content:"↗";transition:transform .2s ease}.button:hover{background:var(--brand);box-shadow:5px 5px 0 var(--signal);transform:translate(-2px,-2px)}.button:hover::after{transform:translate(3px,-3px)}.button-secondary{background:transparent;color:var(--ink)}.button-secondary:hover{background:var(--ink);color:#fff}.button-light{border-color:#fff;background:#fff;color:var(--ink)}.button-light:hover{background:var(--signal);color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:.45rem;font-weight:700}.text-link::after{content:"→";transition:transform .2s ease}.text-link:hover::after{transform:translateX(4px)}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:var(--surface)}.hero::before{position:absolute;inset:0;background-image:linear-gradient(rgba(19,23,19,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(19,23,19,.035) 1px,transparent 1px);background-size:56px 56px;content:"";mask-image:linear-gradient(to right,#000,transparent 78%)}.hero-grid{position:relative;display:grid;min-height:min(800px,calc(100vh - 82px));grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:clamp(3rem,7vw,8rem);padding-block:clamp(5rem,10vw,9rem)}.hero-copy{max-width:58rem}.hero h1{max-width:11ch}.hero h1 em{color:var(--brand);font-style:normal}.hero-visual{position:relative;min-height:540px}.hero-visual__frame{position:absolute;inset:2rem 0 0 8%;overflow:hidden;border-radius:var(--radius-lg);background:var(--ink);box-shadow:var(--shadow-lg)}.hero-visual__frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.06);transition:transform .8s cubic-bezier(.22,1,.36,1)}.hero-visual:hover img{transform:scale(1.035)}.hero-visual__ember{position:absolute;right:-8%;bottom:-2rem;width:52%;aspect-ratio:4/5;overflow:hidden;border:8px solid var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.hero-visual__ember img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover}.inline-image{display:inline-block;width:1.4em;height:.62em;margin-inline:.12em;overflow:hidden;border-radius:999px;vertical-align:.08em}.inline-image img{width:100%;height:100%;object-fit:cover}
.chapter{padding-block:clamp(7rem,12vw,12rem)}.chapter-tight{padding-block:clamp(5rem,8vw,8rem)}.section-dark{background:var(--ink);color:#fff}.section-dark .lede,.section-dark .muted{color:#bdc3bd}.section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr);align-items:end;gap:clamp(2rem,8vw,8rem);margin-bottom:clamp(3rem,6vw,6rem)}
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;border-top:1px solid var(--line);border-left:1px solid var(--line)}.bento-card{position:relative;min-height:310px;padding:clamp(1.5rem,3vw,2.8rem);overflow:hidden;border:solid var(--line);border-width:0 1px 1px 0;background:rgba(253,252,248,.78)}.bento-card--wide{grid-column:span 7}.bento-card--narrow{grid-column:span 5}.bento-card--third{grid-column:span 4;min-height:250px}.bento-card__media{position:absolute;inset:0}.bento-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}.bento-card:hover .bento-card__media img{transform:scale(1.05)}.bento-card__wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,23,19,.9),rgba(19,23,19,.1))}.bento-card__content{position:relative;z-index:1;max-width:28rem}.bento-card--media{color:#fff}.bento-card .product-mark{display:block;margin-bottom:clamp(5rem,11vw,10rem);font-size:clamp(3rem,8vw,7rem);font-weight:700;letter-spacing:-.08em;line-height:.8}
.accordion-products{display:flex;min-height:620px;overflow:hidden;border:1px solid var(--line);background:var(--surface)}.product-slice{position:relative;display:flex;flex:1;min-width:0;align-items:flex-end;padding:2rem;overflow:hidden;border-right:1px solid rgba(255,255,255,.2);color:#fff;transition:flex .6s cubic-bezier(.22,1,.36,1)}.product-slice:last-child{border-right:0}.product-slice:hover,.product-slice:focus-within{flex:2.1}.product-slice img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.product-slice:hover img{transform:scale(1.05)}.product-slice::after{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.08) 72%);content:""}.product-slice__content{position:relative;z-index:1;max-width:32rem}.product-slice__detail{max-height:0;overflow:hidden;opacity:0;transition:max-height .5s ease,opacity .4s ease,margin .4s ease}.product-slice:hover .product-slice__detail,.product-slice:focus-within .product-slice__detail{max-height:16rem;margin-top:1rem;opacity:1}
.marquee{overflow:hidden;border-block:1px solid var(--line);background:var(--surface)}.marquee-track{display:flex;width:max-content;animation:marquee 30s linear infinite}.marquee-track span{padding:1.1rem 2.5rem;border-right:1px solid var(--line);color:var(--muted);font:650 .75rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}@keyframes marquee{to{transform:translateX(-50%)}}
.pinned-story{display:grid;grid-template-columns:minmax(260px,.42fr) minmax(0,.58fr);align-items:start;gap:clamp(3rem,8vw,9rem)}.pinned-story__intro{position:sticky;top:8rem}.story-list{display:grid;gap:1rem}.story-card{min-height:420px;padding:clamp(2rem,5vw,4rem);border:1px solid #434943;background:#1a1f1a}.story-card+.story-card{margin-top:4rem}.story-card p{max-width:44ch;margin-top:1.2rem;color:#bdc3bd}.story-card strong{display:block;margin-bottom:clamp(5rem,11vw,9rem);color:var(--signal);font:700 .72rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.product-hero{position:relative;min-height:720px;display:grid;align-items:end;overflow:hidden;color:#fff}.product-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.product-hero::after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,10,.92),rgba(10,12,10,.35) 58%,rgba(10,12,10,.12));content:""}.product-hero__content{position:relative;z-index:1;max-width:720px;padding-block:clamp(6rem,12vw,10rem)}.product-hero h1{max-width:10ch}.product-hero .lede{color:#d9ddd8}.product-hero--ember::after{background:linear-gradient(90deg,rgba(62,17,8,.9),rgba(62,17,8,.25))}
.compare-table{width:100%;border-collapse:collapse;background:var(--surface)}.compare-table th,.compare-table td{padding:1.2rem;border:1px solid var(--line);text-align:left;vertical-align:top}.compare-table th{background:var(--ink);color:#fff}.compare-table th:first-child{width:24%}.compare-table td:first-child{font-weight:700}
.page-hero{position:relative;padding-block:clamp(6rem,11vw,10rem);overflow:hidden;border-bottom:1px solid var(--line);background:var(--surface)}.page-hero::after{position:absolute;right:4%;bottom:-45%;width:clamp(220px,30vw,460px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;box-shadow:0 0 0 5vw rgba(19,23,19,.025),0 0 0 10vw rgba(19,23,19,.02);content:""}.page-hero .container{position:relative;z-index:1}.page-hero h1{max-width:12ch}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:2rem;color:var(--muted);font-size:.82rem}.breadcrumbs a{font-weight:650}.breadcrumbs span::before{margin-right:.45rem;content:"/"}
.docs-shell{display:grid;grid-template-columns:270px minmax(0,1fr) 220px;align-items:start;gap:clamp(2rem,5vw,5rem);padding-block:clamp(4rem,8vw,8rem)}.docs-sidebar,.docs-toc{position:sticky;top:7rem;max-height:calc(100vh - 9rem);overflow-y:auto}.docs-sidebar{padding-right:1.5rem;border-right:1px solid var(--line)}.docs-sidebar__title{display:block;margin-bottom:1rem;font:700 .72rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.docs-sidebar ul,.docs-toc ul{margin:0;padding:0;list-style:none}.docs-sidebar li+li{margin-top:.15rem}.docs-sidebar a{display:block;padding:.52rem .65rem;border-radius:var(--radius-sm);color:var(--muted);font-size:.9rem;text-decoration:none}.docs-sidebar a:hover,.docs-sidebar a[aria-current=page]{background:var(--ink);color:#fff}.docs-toc{padding-left:1.25rem;border-left:1px solid var(--line)}.docs-toc a{display:block;padding:.35rem 0;color:var(--muted);font-size:.82rem}.docs-main{min-width:0}.docs-main>section+section{margin-top:clamp(5rem,9vw,8rem);padding-top:2rem;border-top:1px solid var(--line)}.docs-main h1{max-width:13ch;font-size:clamp(2.9rem,5vw,5rem)}.docs-main h2{font-size:clamp(2rem,3.6vw,3.6rem)}.docs-main h3{margin-top:2.5rem}.docs-main p,.docs-main ul,.docs-main ol{max-width:72ch;margin-top:1rem}.docs-main li+li{margin-top:.55rem}.doc-badge{display:inline-flex;margin-bottom:1.2rem;padding:.42rem .65rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font:700 .68rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.doc-callout{margin-top:1.5rem;padding:1.15rem 1.3rem;border:1px solid var(--line);border-left:5px solid var(--brand);background:var(--surface)}.doc-callout--tip{border-left-color:var(--success)}.doc-callout--warning{border-left-color:var(--warning)}.steps{margin:1.5rem 0 0;padding:0;list-style:none;counter-reset:steps}.steps li{position:relative;min-height:3.5rem;padding:0 0 1.4rem 3.2rem;border-left:1px solid var(--line);counter-increment:steps}.steps li:last-child{border-left-color:transparent}.steps li::before{position:absolute;top:-.15rem;left:-1.1rem;display:grid;width:2.2rem;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--ink);color:#fff;content:counter(steps);font:700 .75rem/1 var(--mono)}.docs-search{position:relative;margin-bottom:1.5rem}.docs-search input{width:100%;min-height:52px;padding:.8rem 1rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink)}.search-results{position:absolute;z-index:10;top:calc(100% + .4rem);right:0;left:0;max-height:360px;margin:0;padding:.5rem;overflow-y:auto;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-lg);list-style:none}.search-results a{display:block;padding:.75rem;text-decoration:none}.search-results a:hover{background:var(--surface-2)}.search-results small{display:block;color:var(--muted)}.docs-toggle{display:none}.article-pager{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:5rem}.article-pager a{padding:1.2rem;border:1px solid var(--line);background:var(--surface);text-decoration:none}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.guide-card{min-height:230px;padding:1.6rem;border:solid var(--line);border-width:0 1px 1px 0;background:var(--surface);text-decoration:none}.guide-card:hover{background:var(--signal)}.guide-card small{display:block;margin-bottom:4rem;color:var(--muted);font:650 .68rem/1 var(--mono);text-transform:uppercase}
.form-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(280px,.3fr);align-items:start;gap:clamp(2rem,6vw,6rem)}.support-form{padding:clamp(1.4rem,4vw,3rem);border:1px solid var(--line);border-top:6px solid var(--ink);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-lg)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field{display:grid;gap:.45rem}.field-full{grid-column:1/-1}.field label{font-size:.84rem;font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:52px;padding:.75rem .85rem;border:1px solid #858b85;border-radius:var(--radius-sm);background:#fff;color:var(--ink)}.field textarea{min-height:190px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);outline:3px solid rgba(223,75,43,.18)}.form-note,.form-error,.form-success{padding:1rem;border-radius:var(--radius-sm)}.form-note{background:var(--surface-2)}.form-error{border:1px solid var(--danger);background:#fff0ed;color:#741b12}.form-success{border:1px solid var(--success);background:#edf9f1;color:#185534}.honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important}.support-path{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:5rem;border-top:1px solid var(--line);border-left:1px solid var(--line)}.support-path>*{padding:1.5rem;border:solid var(--line);border-width:0 1px 1px 0;background:var(--surface)}
details{border-bottom:1px solid var(--line)}summary{padding:1.2rem 0;cursor:pointer;font-weight:700}details p{padding:0 0 1.2rem}code{padding:.12rem .35rem;border-radius:3px;background:var(--surface-2);font-family:var(--mono);font-size:.9em}.legal h2{margin-top:3.5rem;font-size:clamp(1.8rem,3vw,2.8rem)}.legal h3{margin-top:2rem}.legal p,.legal ul{max-width:72ch;margin-top:1rem}
.cta-panel{display:grid;grid-template-columns:1fr auto;align-items:end;gap:2rem;padding:clamp(2rem,6vw,5rem);background:var(--brand);color:#fff}.cta-panel h2{max-width:13ch}.cta-panel p{max-width:50ch;color:#ffe0d7}.site-footer{background:var(--ink);color:#fff}.footer-grid{display:grid;grid-template-columns:minmax(300px,1.3fr) repeat(4,minmax(120px,.28fr));gap:2.5rem;padding-block:clamp(4rem,8vw,7rem)}.footer-grid .brand img{height:72px;filter:brightness(0) invert(1)}.footer-grid h2{max-width:10ch;margin-top:1.5rem;font-size:clamp(2rem,4vw,4rem)}.footer-nav h3{margin-bottom:1rem;font:700 .7rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.footer-nav ul{margin:0;padding:0;list-style:none}.footer-nav li+li{margin-top:.5rem}.footer-nav a{color:#c7ccc7;text-decoration:none}.footer-nav a:hover{color:var(--signal)}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;padding-block:1.25rem;border-top:1px solid #3d433d;color:#aeb4ae;font-size:.82rem}.error-code{color:var(--brand);font-size:clamp(7rem,24vw,17rem);font-weight:700;line-height:.75;letter-spacing:-.1em}
.motion-ready [data-reveal]{opacity:0;transform:translateY(28px)}.motion-ready [data-scale-media]{opacity:.35;transform:scale(.88)}
@media(max-width:1100px){.docs-shell{grid-template-columns:230px minmax(0,1fr)}.docs-toc{display:none}.footer-grid{grid-template-columns:1.3fr repeat(2,1fr)}.footer-grid>:nth-child(n+4){margin-top:1rem}}
@media(max-width:900px){.hero-grid{min-height:auto;grid-template-columns:1fr}.hero-copy{max-width:52rem}.hero-visual{min-height:480px}.section-head,.pinned-story,.form-layout{grid-template-columns:1fr}.pinned-story__intro{position:static}.bento-card--wide,.bento-card--narrow{grid-column:span 12}.bento-card--third{grid-column:span 6}.guide-grid{grid-template-columns:repeat(2,1fr)}.docs-shell{grid-template-columns:1fr}.docs-sidebar{position:fixed;inset:0 auto 0 0;z-index:130;width:min(88vw,360px);max-height:none;padding:6rem 1.25rem 2rem;border:0;background:var(--ink);color:#fff;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateX(-100%);transition:.3s ease}.docs-sidebar[data-open=true]{opacity:1;visibility:visible;transform:translateX(0)}.docs-sidebar a{color:#cdd2cd}.docs-toggle{display:inline-flex;margin-bottom:2rem}}
@media(max-width:760px){.container,.reading{width:min(calc(100% - 1.5rem),var(--container))}.header-inner{min-height:72px}.site-header .brand img{height:32px}.nav-toggle{display:inline-grid;place-items:center}.nav-toggle[aria-expanded=true]{position:relative;z-index:150;border-color:#fff;color:#fff}.site-nav{position:fixed;inset:0 0 0 auto;z-index:140;width:min(88vw,390px);height:100dvh;padding:6rem 1.25rem 2rem;overflow-y:auto;background:var(--ink);color:#fff;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateX(100%);transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .2s ease,visibility .32s}.site-nav[data-open=true]{opacity:1;visibility:visible;transform:translateX(0)}.site-nav::before{display:block;margin-bottom:1rem;color:var(--signal);content:"Stonrock navigation";font:700 .68rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.site-nav ul{display:grid}.site-nav a{padding:1rem .2rem;border-bottom:1px solid #3e443e;border-radius:0;color:#fff;font-size:1.25rem}.site-nav .nav-cta{margin:1rem 0 0;padding:1rem;border:0;background:var(--signal);color:var(--ink);text-align:center}body.nav-open::after,body.docs-open::after{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.48);content:"";backdrop-filter:blur(3px)}.accordion-products{display:grid;min-height:0}.product-slice{min-height:460px;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.product-slice__detail{max-height:20rem;margin-top:1rem;opacity:1}.support-path{grid-template-columns:1fr}.cta-panel{grid-template-columns:1fr;align-items:start}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid>:first-child{grid-column:1/-1}}
@media(max-width:560px){.hero-grid{padding-block:4.5rem 6rem}.hero h1{max-width:none;font-size:clamp(3.35rem,15.5vw,4.5rem)}.hero-visual{min-height:390px}.hero-visual__frame{inset:0 1rem 0 0}.hero-visual__ember{right:0;bottom:-1.5rem}.bento-card--third{grid-column:span 12}.bento-card{min-height:260px}.product-hero{min-height:650px}.guide-grid,.form-grid,.article-pager{grid-template-columns:1fr}.field-full{grid-column:auto}.compare-table,.compare-table tbody,.compare-table tr,.compare-table th,.compare-table td{display:block}.compare-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.compare-table tr{border-bottom:1px solid var(--line)}.compare-table td{border-bottom:0}.compare-table td::before{display:block;margin-bottom:.35rem;color:var(--muted);content:attr(data-label);font:700 .65rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.button-row .button{width:100%}.footer-grid{grid-template-columns:1fr}.footer-grid>:first-child{grid-column:auto}.footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.motion-ready [data-reveal],.motion-ready [data-scale-media]{opacity:1!important;transform:none!important}}
@media print{.site-header,.site-footer,.docs-sidebar,.docs-toc,.docs-toggle,.button-row{display:none!important}body{background:#fff;color:#000}.docs-shell{display:block}}
.eyebrow{margin:0 0 1rem;color:var(--brand-dark);font:700 .72rem/1.25 var(--mono);letter-spacing:.12em;text-transform:uppercase}.eyebrow::before{display:inline-block;width:.5rem;height:.5rem;margin-right:.75rem;background:var(--brand);content:"";transform:rotate(45deg)}.stack--large>*+*{margin-top:2rem}.section-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr);align-items:end;gap:clamp(2rem,8vw,8rem);margin-bottom:clamp(3rem,6vw,6rem)}.grid-2,.grid-3,.grid-4{display:grid;border-top:1px solid var(--line);border-left:1px solid var(--line)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{min-height:220px;padding:clamp(1.4rem,3vw,2.4rem);border:solid var(--line);border-width:0 1px 1px 0;background:var(--surface)}.card h3+p,.card h4+p{margin-top:1rem}.card--dark{background:#1a1f1a;color:#fff}.card__index{display:block;margin-bottom:4rem;color:var(--brand);font:700 .68rem/1 var(--mono);text-transform:uppercase}.tag-list,.check-list,.plain-list{margin:0;padding:0;list-style:none}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.42rem .65rem;border:1px solid currentColor;border-radius:var(--radius-sm);font-size:.75rem}.scope-card{padding:1.4rem;border:1px solid var(--line);background:var(--surface)}.scope-card+.scope-card{margin-top:1rem}.feature-table{width:100%;border-collapse:collapse}.feature-table th,.feature-table td{padding:1rem;border:1px solid var(--line);text-align:left;vertical-align:top}.feature-table th{background:var(--ink);color:#fff}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.metric{padding:1.5rem;border-right:1px solid var(--line)}.metric strong{display:block;font-size:3rem;line-height:1}.preset-grid{display:grid;grid-template-columns:repeat(2,1fr)}.preset{min-height:480px;padding:clamp(1.5rem,4vw,3rem)}.preset--smash{background:var(--smash);color:#fff}.preset--ember{background:#32261f;color:#fff}.preset__letter{display:block;margin-block:5rem;font-size:9rem;line-height:.6}.featured-theme{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line);background:var(--surface)}.theme-poster{display:flex;min-height:480px;flex-direction:column;justify-content:space-between;padding:2rem;background:var(--smash);color:#fff}.theme-details{padding:clamp(2rem,5vw,5rem)}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin:0;padding:0;list-style:none}.process p{color:#bdc3bd}.legal{padding-block:clamp(4rem,8vw,8rem)}
@media(max-width:900px){.section-heading,.featured-theme{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.grid-2,.grid-3,.grid-4,.preset-grid,.metrics,.process{grid-template-columns:1fr}.section-heading{grid-template-columns:1fr}}
.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:clamp(3rem,6vw,7rem)}.hero h1{max-width:14ch;font-size:clamp(3rem,5vw,5.3rem)}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero h1{max-width:13ch}}
@media(max-width:900px){.docs-toggle[aria-expanded=true]{position:fixed;top:1rem;left:min(calc(88vw - 7.5rem),240px);z-index:160;margin:0;border-color:#fff;background:var(--ink);color:#fff}}
@media(max-width:560px){.hero h1{max-width:none;font-size:clamp(3.2rem,14vw,4.35rem)}}
.studio-hero{isolation:isolate;min-height:calc(100dvh - 82px)}.studio-hero::after{position:absolute;z-index:0;top:-12%;right:-8%;width:min(58vw,860px);aspect-ratio:1;background:radial-gradient(circle,rgba(206,213,204,.68),rgba(245,243,237,0) 67%);content:"";pointer-events:none}.studio-hero__grid{position:relative;z-index:1;display:grid;min-height:calc(100dvh - 82px);grid-template-columns:minmax(0,1.08fr) minmax(500px,.92fr);align-items:center;gap:clamp(3rem,6vw,6.5rem);padding-block:clamp(3.5rem,6vw,5.8rem)}.studio-hero__copy{max-width:650px}.studio-hero h1{max-width:none;font-size:clamp(3.45rem,4.55vw,4.15rem);line-height:.96}.studio-hero h1 em{color:var(--brand);font-style:normal}.studio-hero .lede{max-width:52ch}.studio-hero__showcase{position:relative;min-width:0;padding:1rem 1.7rem 2.6rem 0}.storefront-browser,.mobile-theme-preview{margin:0}.storefront-browser{overflow:hidden;border:1px solid rgba(19,23,19,.18);border-radius:18px;background:#fff;box-shadow:0 28px 70px rgba(56,62,56,.16);transition:transform .45s cubic-bezier(.22,1,.36,1)}.storefront-browser__bar{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--line);background:#f7f8f5;color:#4f554f;font:600 .72rem/1.2 var(--mono);letter-spacing:.04em}.storefront-browser__bar strong{color:var(--ink);font-size:.78rem}.storefront-browser__viewport{height:clamp(350px,37vw,500px);overflow:hidden;background:#421713}.storefront-browser__viewport img{width:100%;height:auto;max-width:none;transition:transform .65s cubic-bezier(.22,1,.36,1)}.storefront-browser:hover{transform:translateY(-3px)}.storefront-browser:hover .storefront-browser__viewport img{transform:translateY(-1.2%)}.mobile-theme-preview{position:absolute;right:-.15rem;bottom:-.6rem;width:29%;padding:.48rem;border:1px solid rgba(19,23,19,.18);border-radius:16px;background:var(--surface);box-shadow:0 22px 55px rgba(56,62,56,.18);transition:transform .45s cubic-bezier(.22,1,.36,1)}.mobile-theme-preview:hover{transform:translateY(-4px)}.mobile-theme-preview__screen{max-height:310px;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#f7efe7}.mobile-theme-preview__screen img{width:100%;height:auto}.mobile-theme-preview figcaption{display:flex;align-items:end;justify-content:space-between;gap:.5rem;padding:.72rem .28rem .2rem}.mobile-theme-preview figcaption strong{font-size:.86rem}.mobile-theme-preview figcaption span{color:var(--muted);font:600 .57rem/1.2 var(--mono);letter-spacing:.03em;text-align:right}@media(prefers-reduced-motion:no-preference){.studio-hero__showcase{animation:studio-showcase-enter .75s cubic-bezier(.22,1,.36,1) both}@keyframes studio-showcase-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:1180px){.studio-hero__grid{grid-template-columns:minmax(0,1fr) minmax(430px,.92fr);gap:clamp(2.5rem,4vw,4rem)}.studio-hero h1{font-size:clamp(3.2rem,5vw,3.8rem)}.storefront-browser__viewport{height:clamp(340px,40vw,440px)}}@media(max-width:900px){.studio-hero{min-height:auto}.studio-hero__grid{min-height:auto;grid-template-columns:1fr;gap:3.5rem;padding-block:4.5rem 6rem}.studio-hero__copy{max-width:660px}.studio-hero h1{max-width:13ch;font-size:clamp(3.5rem,9vw,5rem)}.studio-hero__showcase{width:min(100%,760px);margin-inline:auto}.storefront-browser__viewport{height:min(62vw,500px)}}@media(max-width:560px){.studio-hero::after{top:34%;right:-45%;width:120vw}.studio-hero__grid{gap:2.8rem;padding-block:3.6rem 5rem}.studio-hero h1{max-width:none;font-size:clamp(3rem,13.4vw,3.65rem);line-height:.97}.studio-hero .lede{font-size:1.05rem}.studio-hero__showcase{display:grid;padding:0}.storefront-browser{border-radius:14px}.storefront-browser__bar{min-height:42px;padding:.65rem .75rem;font-size:.62rem}.storefront-browser__bar strong{font-size:.7rem}.storefront-browser__viewport{height:min(82vw,330px)}.mobile-theme-preview{position:relative;right:auto;bottom:auto;width:min(46%,180px);margin:1rem 0 0 auto;border-radius:14px;box-shadow:0 16px 42px rgba(56,62,56,.16)}.mobile-theme-preview__screen{max-height:270px}.mobile-theme-preview figcaption{display:grid;gap:.18rem}.mobile-theme-preview figcaption span{text-align:left}}