:root{
  --mortar:#EDEBE5; --paper:#F7F5F1; --sand:#E3E0D8;
  --brick:#B0472F; --brick-2:#8C3320;
  --kiln:#DE6C33; --kiln-glow:#EFA45C; --clay:#6B6E74;
  --dark:#1A1D22; --dark-2:#242830; --dark-3:#2E333C; --ink:#1B1E23;
  --line:rgba(27,30,35,.13); --line-d:rgba(237,235,229,.13);
  --stone:#93999F; --measure:62ch;
  --sh:0 26px 50px -30px rgba(20,22,28,.42); --sh-s:0 10px 24px -16px rgba(20,22,28,.32);
  --ff-d:'Bricolage Grotesque',system-ui,sans-serif;
  --ff-b:'Inter',system-ui,-apple-system,sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
  --pad:clamp(1.25rem,5vw,6rem); --maxw:1300px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
body{font-family:var(--ff-b);background:var(--mortar);color:var(--ink);line-height:1.62;overflow-x:hidden}
h1,h2,h3,h4{font-family:var(--ff-d);line-height:1.02;font-weight:600;letter-spacing:-.02em}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
::selection{background:var(--brick);color:#fff}
:focus-visible{outline:2.5px solid var(--brick);outline-offset:3px;border-radius:2px}
p{max-width:var(--measure)}
section[id]{scroll-margin-top:86px}

#grain{position:fixed;inset:0;pointer-events:none;z-index:3;opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
#prog{position:fixed;top:0;left:0;height:2px;width:0;background:var(--brick);z-index:1000}
#cur{position:fixed;top:0;left:0;width:34px;height:34px;border:1.5px solid var(--brick);border-radius:50%;margin:-17px 0 0 -17px;pointer-events:none;z-index:9999;transition:width .3s var(--ease),height .3s var(--ease),margin .3s var(--ease),background .3s,border-color .3s;will-change:transform}
#cur.grow{width:64px;height:64px;margin:-32px 0 0 -32px;background:rgba(176,71,47,.10);border-color:transparent}
@media (hover:none),(max-width:900px){#cur{display:none}}

#pre{position:fixed;inset:0;z-index:2000;background:var(--dark);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}
#pre .stamp{font-family:var(--ff-d);font-weight:700;font-size:clamp(2.4rem,8vw,4.6rem);color:var(--mortar);letter-spacing:-.03em;line-height:.9;text-align:center;transform:scale(1.08);opacity:0}
#pre .stamp b{display:block;font-weight:400;font-size:.34em;letter-spacing:.02em;color:var(--kiln);margin-top:.5rem}
#pre .bar{width:min(200px,44vw);height:2px;background:rgba(237,235,229,.16);overflow:hidden}
#pre .fill{height:100%;width:0;background:var(--kiln)}
body.loaded #pre{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s var(--ease),visibility .7s}
@keyframes preFail{to{opacity:0;visibility:hidden;pointer-events:none}}
#pre{animation:preFail .01s 3s forwards}

.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad)}
.section{padding-block:clamp(4.5rem,10vw,9rem)}
.section.sm{padding-block:clamp(3.5rem,7vw,5.5rem)}
.dark{background:var(--dark);color:var(--sand)}
.lead{font-size:clamp(1.05rem,1.4vw,1.22rem);color:var(--clay)}
.dark .lead{color:#B9BEC4}
.kick{font-size:.82rem;font-weight:600;color:var(--brick);letter-spacing:.02em}
.dark .kick{color:var(--kiln-glow)}
.u{background-image:linear-gradient(currentColor,currentColor);background-size:0 1.5px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s var(--ease)}
.u:hover{background-size:100% 1.5px}
.more-link{display:inline-flex;align-items:center;gap:.55rem;font-weight:600;font-size:.95rem;color:var(--brick);margin-top:1.7rem}
.more-link svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.more-link:hover svg{transform:translateX(4px)}
.dark .more-link{color:var(--kiln-glow)}

.btn{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--ff-b);font-weight:600;font-size:.95rem;padding:1.05rem 1.9rem;border-radius:3px;cursor:pointer;border:1.5px solid transparent;transition:transform .35s var(--ease),background .3s,color .3s,border-color .3s,box-shadow .3s;will-change:transform}
.btn-fill{background:var(--brick);color:#fff;box-shadow:0 12px 26px -14px rgba(176,71,47,.55)}
.btn-fill:hover{background:var(--brick-2);box-shadow:0 18px 34px -14px rgba(140,51,32,.6)}
.btn-line{border-color:currentColor;color:inherit}
.btn-line:hover{background:var(--ink);color:var(--mortar);border-color:var(--ink)}
.dark .btn-line:hover{background:var(--mortar);color:var(--dark);border-color:var(--mortar)}
.btn-white{background:#fff;color:var(--brick);box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
.btn-white:hover{background:var(--ink);color:#fff}

header{position:fixed;top:0;left:0;width:100%;z-index:900}
.nav{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1.4rem var(--pad);transition:padding .35s var(--ease),background .35s,box-shadow .35s,backdrop-filter .35s}
header.stick .nav{padding-block:.85rem;background:rgba(240,238,232,.9);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}
header.stick.on-dark .nav{background:rgba(26,29,34,.86);box-shadow:0 1px 0 var(--line-d)}
.brandmark{font-family:var(--ff-d);font-weight:700;font-size:1.35rem;letter-spacing:-.02em;color:var(--mortar);line-height:1;transition:color .35s}
.brandmark small{display:block;font-family:var(--ff-b);font-weight:500;font-size:.6rem;letter-spacing:.16em;color:var(--stone);margin-top:.4rem}
header.stick .brandmark{color:var(--ink)}
.nlinks{display:flex;align-items:center;gap:2.1rem}
.nlinks a.nl{font-size:.92rem;font-weight:500;color:var(--mortar);position:relative;transition:color .3s}
.nlinks a.nl::after{content:"";position:absolute;left:0;bottom:-5px;height:1.5px;width:0;background:var(--brick);transition:width .3s var(--ease)}
.nlinks a.nl:hover::after,.nlinks a.nl.active::after{width:100%}
.nlinks a.nl.active{color:var(--kiln-glow)}
header.stick .nlinks a.nl{color:var(--clay)}
header.stick .nlinks a.nl:hover,header.stick .nlinks a.nl.active{color:var(--brick)}
.navcta{background:var(--brick);color:#fff;padding:.68rem 1.3rem;border-radius:3px;font-size:.86rem;font-weight:600;transition:background .3s,transform .3s var(--ease)}
.navcta:hover{background:var(--brick-2);transform:translateY(-2px)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;z-index:960}
.burger span{width:26px;height:2px;background:var(--mortar);transition:.35s var(--ease)}
header.stick .burger span{background:var(--ink)}
header.stick.on-dark .brandmark{color:var(--mortar)}
header.stick.on-dark .nlinks a.nl{color:var(--mortar)}
header.stick.on-dark .nlinks a.nl:hover,header.stick.on-dark .nlinks a.nl.active{color:var(--kiln-glow)}
header.stick.on-dark .burger span{background:var(--mortar)}
body.menu .burger span{background:var(--mortar)}
body.menu .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.menu .burger span:nth-child(2){opacity:0}
body.menu .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:900px){.nlinks{display:none}.burger{display:flex}}
#mob{position:fixed;inset:0;z-index:940;background:var(--dark);display:flex;flex-direction:column;justify-content:center;gap:.2rem;padding-inline:var(--pad);clip-path:circle(0% at 100% 0);transition:clip-path .65s var(--ease);pointer-events:none}
body.menu #mob{clip-path:circle(150% at 100% 0);pointer-events:auto}
#mob a{font-family:var(--ff-d);font-weight:600;font-size:clamp(2rem,9vw,3.2rem);color:var(--mortar);padding:.35rem 0;opacity:0;transform:translateY(16px);transition:opacity .4s,transform .4s,color .25s}
body.menu #mob a{opacity:1;transform:none}
#mob a:nth-child(1){transition-delay:.12s}#mob a:nth-child(2){transition-delay:.18s}#mob a:nth-child(3){transition-delay:.24s}#mob a:nth-child(4){transition-delay:.3s}#mob a:nth-child(5){transition-delay:.36s}
#mob a:hover{color:var(--kiln)}
#mob .maddr{margin-top:1.8rem;font-family:var(--ff-b);font-size:.88rem;color:var(--stone);max-width:34ch}

.phead{background:var(--dark);color:var(--sand);padding:clamp(7.5rem,13vw,10.5rem) 0 clamp(3rem,6vw,4.5rem);position:relative;overflow:hidden}
.phead .glow{position:absolute;right:-8%;top:-40%;width:55%;height:150%;background:radial-gradient(circle,rgba(222,108,51,.26),transparent 62%);pointer-events:none}
.phead .wm{position:absolute;right:var(--pad);bottom:-8%;font-family:var(--ff-d);font-weight:300;font-size:clamp(7rem,20vw,16rem);color:rgba(237,235,229,.05);line-height:.75;pointer-events:none;z-index:0;letter-spacing:-.04em}
.phead .inner{position:relative;z-index:2;opacity:0;transform:translateY(22px);animation:riseIn .8s var(--ease) .12s forwards}
@keyframes riseIn{to{opacity:1;transform:none}}
.crumb{font-size:.82rem;color:var(--stone);margin-bottom:1.1rem;display:flex;gap:.5rem;align-items:center}
.crumb a{color:var(--stone)}.crumb a:hover{color:var(--kiln-glow)}
.crumb .sep{opacity:.5}
.phead h1{font-size:clamp(2.6rem,7vw,5rem);font-weight:700;letter-spacing:-.03em;max-width:16ch}
.phead .psub{margin-top:1.2rem;color:#B9BEC4;font-size:clamp(1.05rem,1.4vw,1.2rem);max-width:52ch}

.hero{min-height:100svh;background:var(--dark);color:var(--sand);position:relative;display:flex;align-items:center;overflow:hidden}
.hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4rem);align-items:center;width:100%;padding-block:clamp(7rem,12vw,9rem)}
@media(max-width:920px){.hero-in{grid-template-columns:1fr;gap:2.6rem}}
.hero-kick{display:inline-block;font-size:.86rem;font-weight:600;color:var(--kiln-glow);margin-bottom:1.5rem}
.hero h1{font-size:clamp(2.9rem,7.6vw,6.6rem);font-weight:700;letter-spacing:-.035em;line-height:.96;max-width:14ch}
.hero h1 .l{display:block;overflow:hidden}
.hero h1 .l span{display:block}
.hero-copy{margin-top:1.9rem;font-size:clamp(1rem,1.35vw,1.16rem);color:#B9BEC4;max-width:46ch}
.hero-act{margin-top:2.3rem;display:flex;gap:1rem;flex-wrap:wrap}
.hero-meta{margin-top:2.6rem;display:flex;gap:2.4rem;flex-wrap:wrap}
.hero-meta div .hm-n{font-family:var(--ff-d);font-weight:700;font-size:1.7rem;color:var(--mortar);line-height:1}
.hero-meta div .hm-l{font-size:.82rem;color:var(--stone);margin-top:.3rem}
.wallwrap{position:relative}
.wall-glow{position:absolute;inset:-12% -6% -18% -6%;background:radial-gradient(60% 55% at 60% 78%,rgba(222,108,51,.55),rgba(222,108,51,.12) 45%,transparent 70%);filter:blur(12px);opacity:0}
.wall{position:relative;aspect-ratio:1/1.04;border-radius:5px;overflow:hidden;background:#231008;box-shadow:0 50px 90px -50px rgba(0,0,0,.8),inset 0 0 60px rgba(0,0,0,.4)}
.wall .bk{position:absolute;border-radius:2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -3px 5px rgba(0,0,0,.3),0 0 0 .5px rgba(0,0,0,.25)}
.kiln{position:absolute;left:0;right:0;bottom:0;height:40%;background:radial-gradient(80% 130% at 50% 135%,rgba(222,108,51,.5),transparent 60%);pointer-events:none;z-index:2}
.ember{position:absolute;bottom:7%;width:3px;height:3px;border-radius:50%;background:var(--kiln-glow);box-shadow:0 0 8px var(--kiln);opacity:0;z-index:2;pointer-events:none}
.plate{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);z-index:3;background:linear-gradient(145deg,#8c3320,#5a1f12);border-radius:4px;padding:1.15rem 1.9rem;text-align:center;box-shadow:0 14px 30px -14px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -3px 8px rgba(0,0,0,.5)}
.plate .pn{font-family:var(--ff-d);font-weight:700;font-size:clamp(1.6rem,4vw,2.4rem);color:#ecc6ad;letter-spacing:.04em;text-shadow:0 1px 0 rgba(0,0,0,.5),0 -1px 0 rgba(255,255,255,.08)}
.plate .py{font-size:.66rem;font-weight:600;letter-spacing:.34em;color:#cf9e82;margin-top:.35rem}
.wall-tag{position:absolute;top:1rem;right:1rem;z-index:3;font-size:.62rem;color:rgba(255,255,255,.5)}
.scrollcue{position:absolute;left:var(--pad);bottom:clamp(1.6rem,4vw,2.6rem);display:flex;align-items:center;gap:.7rem;font-size:.72rem;color:var(--stone);z-index:4}
.scrollcue .ln{width:34px;height:1px;background:var(--stone);position:relative;overflow:hidden}
.scrollcue .ln::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--kiln);animation:cue 1.9s var(--ease) infinite}
@keyframes cue{0%{left:-100%}60%,100%{left:100%}}
@media(max-width:920px){.scrollcue{display:none}}

.band{background:var(--brick);color:#fff;padding:1.05rem 0;overflow:hidden;white-space:nowrap}
.band-t{display:inline-flex;gap:3rem;animation:marq 30s linear infinite;will-change:transform}
.band:hover .band-t{animation-play-state:paused}
.band .i{font-family:var(--ff-d);font-weight:500;font-size:1.08rem;display:inline-flex;gap:3rem;align-items:center}
.band .i::after{content:"";width:6px;height:6px;background:rgba(255,255,255,.75);border-radius:50%}
@keyframes marq{to{transform:translateX(-50%)}}

.proof{display:grid;grid-template-columns:repeat(4,1fr)}
.proof .p{padding:clamp(1.4rem,3vw,2.4rem) clamp(1rem,2.5vw,2.2rem);border-left:1px solid var(--line)}
.proof .p:first-child{border-left:0;padding-left:0}
.proof .p .n{font-family:var(--ff-d);font-weight:700;font-size:clamp(2.2rem,4.6vw,3.4rem);color:var(--brick);letter-spacing:-.02em;line-height:1}
.proof .p .l{margin-top:.6rem;font-size:.86rem;color:var(--clay);max-width:20ch}
@media(max-width:820px){.proof{grid-template-columns:1fr 1fr;gap:1px}.proof .p{border-left:0;padding-left:clamp(1rem,2.5vw,2.2rem)}.proof .p:nth-child(odd){padding-left:0}}

.sh{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:end;margin-bottom:clamp(2.4rem,5vw,4rem)}
.sh h2{font-size:clamp(2.1rem,5vw,3.9rem);font-weight:700;max-width:15ch;letter-spacing:-.025em}
.sh .shr{justify-self:end}
@media(max-width:820px){.sh{grid-template-columns:1fr}.sh .shr{justify-self:start}}

.her{display:grid;grid-template-columns:1fr .92fr;gap:clamp(2.5rem,6vw,6rem);align-items:center}
.her.rev{grid-template-columns:.92fr 1fr}
@media(max-width:900px){.her,.her.rev{grid-template-columns:1fr;gap:3rem}}
.her-copy h2{font-size:clamp(2rem,4.6vw,3.5rem);font-weight:700;max-width:16ch;letter-spacing:-.025em}
.her-copy p{margin-top:1.3rem;color:var(--clay);font-size:1.05rem}
.dark .her-copy p{color:#B9BEC4}
.her-copy .sig{margin-top:1.9rem;font-family:var(--ff-d);font-weight:600;font-size:1.35rem;color:var(--ink)}
.her-copy .sig small{display:block;font-family:var(--ff-b);font-weight:500;font-size:.78rem;color:var(--stone);margin-top:.4rem}
.slab{position:relative;aspect-ratio:4/4.6;border-radius:6px;overflow:hidden;background:linear-gradient(150deg,#b25a40,#8c3320 55%,#6b2416);box-shadow:var(--sh)}
.slab.wide{aspect-ratio:4/3}
.slab .tx{position:absolute;inset:0;opacity:.5;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 30px,transparent 30px 33px),repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 62px,transparent 62px 65px)}
.slab .frog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:74%;background:rgba(50,18,10,.28);border-radius:6px;padding:1.6rem 1.4rem;text-align:center;box-shadow:inset 0 3px 10px rgba(0,0,0,.45),inset 0 -1px 0 rgba(255,255,255,.12)}
.slab .frog .fn{font-family:var(--ff-d);font-weight:700;font-size:clamp(2rem,6vw,3.4rem);color:#eec8ae;letter-spacing:.03em;text-shadow:0 2px 2px rgba(0,0,0,.4)}
.slab .frog .fy{font-size:.72rem;font-weight:600;letter-spacing:.32em;color:#d0a084;margin-top:.5rem}
.slab .ph{position:absolute;bottom:1rem;left:1rem;font-size:.62rem;color:rgba(255,255,255,.55)}
.tl{margin-top:clamp(3rem,6vw,4.5rem);display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.tl .t{padding:1.8rem 1.4rem 0 0;border-top:2px solid var(--brick)}
.tl .t .ty{font-family:var(--ff-d);font-weight:700;font-size:1.4rem;color:var(--ink)}
.tl .t p{font-size:.9rem;color:var(--clay);margin-top:.5rem;max-width:26ch}
@media(max-width:820px){.tl{grid-template-columns:1fr 1fr;gap:1.6rem 1.2rem}}

.ptease{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
@media(max-width:820px){.ptease{grid-template-columns:1fr}}
.pt{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:1.7rem;transition:transform .4s var(--ease),box-shadow .4s,border-color .4s;display:block}
.pt:hover{transform:translateY(-5px);box-shadow:var(--sh);border-color:transparent}
.pt .pchip{height:74px;margin-bottom:1.2rem}
.pt h3{font-size:1.3rem;font-weight:700}
.pt p{font-size:.9rem;color:var(--clay);margin-top:.45rem}
.pt .lnk{margin-top:1.1rem;font-size:.86rem;font-weight:600;color:var(--brick);display:inline-flex;align-items:center;gap:.4rem}

.prod{border-top:1px solid var(--line)}
.prow{display:grid;grid-template-columns:120px 1.3fr 1.4fr auto;gap:clamp(1rem,3vw,2.4rem);align-items:center;padding:clamp(1.6rem,3vw,2.4rem) 0;border-bottom:1px solid var(--line);position:relative;transition:background .3s}
.prow::before{content:"";position:absolute;left:calc(var(--pad) * -1);top:0;bottom:0;width:3px;background:var(--brick);transform:scaleY(0);transform-origin:top;transition:transform .35s var(--ease)}
.prow:hover{background:var(--paper)}
.prow:hover::before{transform:scaleY(1)}
.pchip{height:78px;border-radius:4px;position:relative;overflow:hidden;box-shadow:var(--sh-s)}
.pchip::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 18px,transparent 18px 20px),repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 38px,transparent 38px 40px);mix-blend-mode:multiply}
.c1{background:linear-gradient(140deg,#b0472f,#c65a3c)}.c2{background:linear-gradient(140deg,#8c3320,#a84832)}.c3{background:linear-gradient(140deg,#b8622f,#d68a45)}
.pname h3{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}
.pname p{font-size:.9rem;color:var(--clay);margin-top:.4rem;max-width:34ch}
.pname .badge{display:inline-block;font-size:.68rem;font-weight:600;color:#fff;background:var(--ink);padding:.24rem .55rem;border-radius:3px;margin-bottom:.6rem}
.pspecs{display:grid;grid-template-columns:1fr 1fr;gap:.45rem .9rem}
.pspecs .s{display:flex;justify-content:space-between;font-size:.82rem;border-bottom:1px dotted var(--line);padding-bottom:.35rem}
.pspecs .s span{color:var(--stone)}.pspecs .s b{color:var(--ink);font-weight:600}
.prow .pask{font-size:.86rem;font-weight:600;color:var(--brick);white-space:nowrap}
@media(max-width:960px){.prow{grid-template-columns:90px 1fr;gap:1rem 1.4rem}.pspecs{grid-column:1/-1}.prow .pask{grid-column:1/-1}.prow::before{display:none}}

.calc{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}
@media(max-width:900px){.calc{grid-template-columns:1fr}}
.cform .fld{margin-bottom:1.2rem}
.cform label{display:block;font-size:.8rem;color:var(--clay);font-weight:500;margin-bottom:.5rem}
.cform input,.cform select{width:100%;padding:.9rem 1rem;border:1px solid var(--line);border-radius:4px;background:#fff;font-family:inherit;font-size:1rem;color:var(--ink);transition:border-color .25s,box-shadow .25s}
.cform input:focus,.cform select:focus{outline:none;border-color:var(--brick);box-shadow:0 0 0 3px rgba(176,71,47,.14)}
.r2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:520px){.r2{grid-template-columns:1fr}}
.seg{display:flex;border:1px solid var(--line);border-radius:4px;overflow:hidden;width:100%}
.seg label{flex:1;margin:0;text-align:center;padding:.85rem .5rem;font-size:.9rem;font-weight:500;color:var(--clay);cursor:pointer;background:#fff;transition:background .2s,color .2s}
.seg label + label{border-left:1px solid var(--line)}
.seg input{position:absolute;opacity:0;width:0;height:0}
.seg input:checked + span{color:#fff}
.seg label:has(input:checked){background:var(--brick);color:#fff}
.cout{background:var(--dark);color:var(--sand);border-radius:6px;padding:clamp(1.6rem,3vw,2.3rem);position:relative;overflow:hidden;box-shadow:var(--sh)}
.cout .glow{position:absolute;inset:auto -20% -40% -20%;height:70%;background:radial-gradient(circle at 50% 100%,rgba(222,108,51,.32),transparent 65%);pointer-events:none}
.cout .ch{font-family:var(--ff-d);font-weight:700;font-size:1.05rem;color:var(--kiln-glow);position:relative}
.cout .big{font-family:var(--ff-d);font-weight:700;font-size:clamp(3rem,8vw,4.6rem);line-height:1;color:var(--mortar);margin:.35rem 0 .1rem;position:relative}
.cout .bigl{font-size:.86rem;color:var(--stone);margin-bottom:1.2rem;position:relative}
.cout .rows{position:relative}
.cout .rw{display:flex;justify-content:space-between;padding:.7rem 0;border-top:1px solid var(--line-d);font-size:.92rem}
.cout .rw span{color:var(--stone)}.cout .rw b{color:var(--mortar);font-weight:600}
.cout .btn{width:100%;justify-content:center;margin-top:1.3rem;position:relative}
.cnote{font-size:.72rem;color:var(--stone);margin-top:1rem}

.proc{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-d);border:1px solid var(--line-d);border-radius:6px;overflow:hidden}
@media(max-width:820px){.proc{grid-template-columns:1fr}}
.ps{background:var(--dark);padding:clamp(1.8rem,3vw,2.6rem);position:relative;transition:background .5s}
.ps .heat{position:absolute;inset:0;background:radial-gradient(80% 90% at 50% 120%,rgba(222,108,51,.35),transparent 60%);opacity:var(--h,0);transition:opacity .6s}
.ps .pnum{font-family:var(--ff-d);font-weight:700;font-size:.92rem;color:var(--kiln-glow);position:relative}
.ps .pic{margin:1.4rem 0 1.2rem;position:relative}
.ps .pic svg{width:38px;height:38px;stroke:var(--kiln-glow);fill:none;stroke-width:1.4}
.ps h3{font-size:1.35rem;font-weight:700;color:var(--mortar);position:relative;letter-spacing:-.02em}
.ps p{font-size:.9rem;color:#B9BEC4;margin-top:.55rem;position:relative;max-width:30ch}

.qual{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2.5rem,6vw,6rem);align-items:center}
@media(max-width:900px){.qual{grid-template-columns:1fr;gap:2.6rem}}
.qstamp{aspect-ratio:1;max-width:360px;margin-inline:auto;border-radius:6px;background:linear-gradient(150deg,#b0472f,#8c3320);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;box-shadow:0 40px 80px -44px rgba(176,71,47,.5),inset 0 2px 0 rgba(255,255,255,.12),inset 0 -6px 14px rgba(0,0,0,.35);position:relative;transition:box-shadow .5s}
.qstamp:hover{box-shadow:0 46px 90px -40px rgba(222,108,51,.6),inset 0 2px 0 rgba(255,255,255,.14),inset 0 -6px 14px rgba(0,0,0,.35)}
.qstamp::before{content:"";position:absolute;inset:16px;border:1.5px solid rgba(255,255,255,.28);border-radius:4px}
.qstamp .qn{font-family:var(--ff-d);font-weight:700;font-size:clamp(2.6rem,6vw,3.8rem);letter-spacing:.02em;line-height:1}
.qstamp .qt{font-size:.72rem;font-weight:600;letter-spacing:.26em;margin-top:.55rem;opacity:.9}
.qhead h2{font-size:clamp(2rem,4.4vw,3.3rem);font-weight:700;max-width:18ch;letter-spacing:-.025em}
.qlist{margin-top:1.6rem}
.qi{display:flex;gap:1.1rem;padding:1.15rem 0;border-top:1px solid var(--line)}
.qi:last-child{border-bottom:1px solid var(--line)}
.qi .qc{flex:none;width:34px;height:34px;border-radius:4px;background:var(--brick);display:flex;align-items:center;justify-content:center}
.qi .qc svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:2}
.qi h4{font-family:var(--ff-d);font-weight:600;font-size:1.08rem}
.qi p{font-size:.9rem;color:var(--clay);margin-top:.2rem}

.cov{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}
.chip{font-size:.92rem;font-weight:500;color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:.55rem .95rem;border-radius:3px;transition:background .25s,color .25s,transform .25s,border-color .25s}
.chip:hover{background:var(--brick);color:#fff;border-color:var(--brick);transform:translateY(-2px)}
.chip.more{background:transparent;border-style:dashed;color:var(--clay)}

.why{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(2.5rem,5vw,5rem)}
@media(max-width:820px){.why{grid-template-columns:1fr}}
.wi{padding:1.8rem 0;border-top:1px solid var(--line)}
.wi h3{font-size:1.35rem;font-weight:700;letter-spacing:-.02em}
.wi p{font-size:.94rem;color:var(--clay);margin-top:.5rem}

.tsts{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(2rem,4vw,3.5rem);align-items:stretch}
@media(max-width:900px){.tsts{grid-template-columns:1fr}}
.tfeat{background:var(--dark-2);border-radius:6px;padding:clamp(2rem,4vw,3rem);display:flex;flex-direction:column;justify-content:center;box-shadow:var(--sh)}
.tfeat .mk{font-family:var(--ff-d);font-weight:700;font-size:3.4rem;color:var(--kiln);line-height:.5;height:1.4rem}
.tfeat blockquote{font-family:var(--ff-d);font-weight:500;font-size:clamp(1.4rem,2.6vw,2rem);color:var(--mortar);line-height:1.28;margin:1rem 0 1.6rem;letter-spacing:-.02em}
.tfeat .who b{font-family:var(--ff-b);font-weight:600;color:var(--mortar);font-size:.95rem;display:block}
.tfeat .who span{font-size:.82rem;color:var(--stone)}
.tsup{display:flex;flex-direction:column;gap:1px;background:var(--line-d);border-radius:6px;overflow:hidden}
.tq{background:var(--dark-2);padding:clamp(1.5rem,3vw,2rem);flex:1;transition:background .4s;display:flex;flex-direction:column;justify-content:center}
.tq:hover{background:var(--dark-3)}
.tq blockquote{font-family:var(--ff-d);font-weight:500;font-size:1.12rem;color:var(--sand);line-height:1.4;margin-bottom:.9rem;letter-spacing:-.01em}
.tq .who b{font-family:var(--ff-b);font-weight:600;font-size:.88rem;color:var(--mortar);display:block}
.tq .who span{font-size:.78rem;color:var(--stone)}

.faqwrap{max-width:880px}
.fq{border-top:1px solid var(--line)}
.fq:last-child{border-bottom:1px solid var(--line)}
.fq-q{width:100%;background:none;border:0;cursor:pointer;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.45rem 0;font-family:var(--ff-d);font-weight:600;font-size:clamp(1.1rem,2vw,1.35rem);color:var(--ink);letter-spacing:-.01em}
.fq-q .ic{flex:none;width:26px;height:26px;position:relative}
.fq-q .ic::before,.fq-q .ic::after{content:"";position:absolute;background:var(--brick);border-radius:2px;transition:transform .3s var(--ease)}
.fq-q .ic::before{left:0;top:12px;width:26px;height:2px}
.fq-q .ic::after{left:12px;top:0;width:2px;height:26px}
.fq.open .fq-q .ic::after{transform:scaleY(0)}
.fq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}
.fq-a p{padding:0 0 1.5rem;color:var(--clay);font-size:1rem;max-width:70ch}

.con{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,6vw,5rem)}
@media(max-width:900px){.con{grid-template-columns:1fr;gap:3rem}}
.ci{padding:1.5rem 0;border-top:1px solid var(--line);display:flex;gap:1.2rem;align-items:flex-start}
.ci:last-of-type{border-bottom:1px solid var(--line)}
.ci .cc{flex:none;width:42px;height:42px;border-radius:4px;background:var(--dark);display:flex;align-items:center;justify-content:center}
.ci .cc svg{width:19px;height:19px;stroke:var(--kiln-glow);fill:none;stroke-width:1.6}
.ci .ck{font-size:.78rem;color:var(--stone);font-weight:500}
.ci .cv{font-family:var(--ff-d);font-weight:600;font-size:1.14rem;color:var(--ink);margin-top:.25rem}
.ci a.cv:hover{color:var(--brick)}
.ci .cvs{font-size:.85rem;color:var(--clay);margin-top:.3rem}
.gmap{margin-top:1.6rem;border-radius:6px;overflow:hidden;border:1px solid var(--line);height:340px;background:linear-gradient(120deg,#e0ddd4,#d0ccc0);position:relative}
.gmap iframe{width:100%;height:100%;border:0;display:block}
.gmap .fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:1.5rem;color:var(--clay);font-size:.85rem;z-index:0}
.mapbtns{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}
.form{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:clamp(1.6rem,3vw,2.4rem);box-shadow:var(--sh-s)}
.form h3{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}
.form .fp{font-size:.9rem;color:var(--clay);margin:.4rem 0 1.5rem}
.fld{margin-bottom:1.05rem}
.fld label{display:block;font-size:.8rem;color:var(--clay);font-weight:500;margin-bottom:.45rem}
.fld input,.fld select,.fld textarea{width:100%;padding:.85rem 1rem;border:1px solid var(--line);border-radius:4px;background:#fff;font-family:inherit;font-size:.95rem;color:var(--ink);transition:border-color .25s,box-shadow .25s}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--brick);box-shadow:0 0 0 3px rgba(176,71,47,.14)}
.fld textarea{resize:vertical;min-height:92px}
.form .btn{width:100%;justify-content:center;margin-top:.3rem}
#ok{display:none;background:#34523f;color:#fff;padding:.95rem 1.1rem;border-radius:4px;font-size:.9rem;margin-top:1rem;gap:.6rem;align-items:center}
#ok.show{display:flex}

.cta{background:var(--brick);color:#fff;padding:clamp(3.5rem,7vw,5.5rem) 0}
.cta .in{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.cta h2{font-size:clamp(1.9rem,4vw,3rem);font-weight:700;max-width:20ch;letter-spacing:-.02em;color:#fff}
.cta p{color:rgba(255,255,255,.85);margin-top:.6rem}

footer{background:var(--dark);color:#B9BEC4;padding-top:clamp(4rem,8vw,6.5rem)}
.ft{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem;padding-bottom:3rem;border-bottom:1px solid var(--line-d)}
@media(max-width:820px){.ft{grid-template-columns:1fr;gap:2.4rem}}
.ft .fb .fl{font-family:var(--ff-d);font-weight:700;font-size:1.7rem;color:var(--mortar)}
.ft .fb .fl small{display:block;font-family:var(--ff-b);font-weight:500;font-size:.66rem;letter-spacing:.16em;color:var(--stone);margin-top:.35rem}
.ft .fb p{margin-top:1rem;font-size:.92rem;color:var(--stone);max-width:38ch}
.ft h5{font-family:var(--ff-b);font-size:.82rem;font-weight:600;color:var(--kiln-glow);margin-bottom:1rem}
.ft a,.ft .fp2{display:block;font-size:.92rem;color:#B9BEC4;margin-bottom:.65rem;transition:color .25s}
.ft a:hover{color:var(--mortar)}
.fbot{padding:1.7rem 0 2.4rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.8rem;font-size:.8rem;color:var(--stone)}

.anim [data-rise]{opacity:0;transform:translateY(26px)}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .anim [data-rise]{opacity:1!important;transform:none!important}
  .hero h1 .l span{transform:none!important}
  .wall{clip-path:none!important}
  #pre .stamp{opacity:1!important;transform:none!important}
  .phead .inner{opacity:1!important;transform:none!important}
}