@layer base, layout, components, state;
@layer base {
@font-face{font-family:"Bricolage Grotesque";src:url(../fonts/BricolageGrotesque-Regular.woff2?v=9d138c154a) format("woff2"),url(../fonts/BricolageGrotesque-Regular.ttf?v=1923e54843) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url(../fonts/BricolageGrotesque-Bold.woff2?v=bf6321782d) format("woff2"),url(../fonts/BricolageGrotesque-Bold.ttf?v=b2aedef46f) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(../fonts/InstrumentSans-Regular.woff2?v=2ee9059426) format("woff2"),url(../fonts/InstrumentSans-Regular.ttf?v=b62434d9df) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(../fonts/InstrumentSans-Bold.woff2?v=85e78fab3e) format("woff2"),url(../fonts/InstrumentSans-Bold.ttf?v=79d2e12674) format("truetype");font-weight:700;font-display:swap}
:root{
--paper:#F4F1EA; --paper-2:#ECE6DA; --card:#FFFFFF;
--line:#D7D0C4; --line-2:#BCB2A2; --line-3:#877D6E; --err:#9E2B1D;
--ink:#191714; --ink-2:#4A443C; --muted:#6A6358;
--timber:#B69A73; --timber-l:#D5C29F; --accent-t:#7E6236;
--mark-1:#6E6A66; --logo-body:var(--ink); --logo-gold:#B08D57;
--display:"Bricolage Grotesque","Instrument Sans",system-ui,sans-serif;
--text:"Instrument Sans",system-ui,"Segoe UI",Arial,sans-serif;
--hdr:3.5rem;
--r-btn:10px;
--r-filter:999px;
--h1:clamp(2.2rem,8.6vw,3rem);
--h2:clamp(1.8rem,6.6vw,2.3rem);
--h3:clamp(1.15rem,4.4vw,1.4rem);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip;overscroll-behavior-x:none}
body{background:var(--paper);color:var(--ink);font-family:var(--text);font-size:1rem;line-height:1.55;overflow-x:clip;
min-height:100svh;display:flex;flex-direction:column}
.site-foot{margin-top:auto}
.wpml-ls-statics-footer{display:none !important}
img{display:block;max-width:100%;height:auto}
.kh-sprite{position:absolute}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.04;letter-spacing:-.022em;text-wrap:balance}
h1{font-size:var(--h1)}
h2{font-size:var(--h2)}
h3{font-size:var(--h3)}
:focus-visible{outline:2px solid var(--accent-t);outline-offset:3px}
::selection{background:var(--timber-l);color:var(--ink)}
}
@layer layout {
.wrap{width:min(100% - 2.5rem,88rem);margin-inline:auto}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--ink);color:var(--paper);padding:.7rem 1rem}
.skip:focus{left:0}
main > section{scroll-margin-top:calc(var(--hdr) + 4.2rem)}
.hero ~ *{position:relative;z-index:1}
@media (min-width:64rem){
:root{--hdr:4.4rem;--h1:clamp(2.9rem,4.6vw,4.4rem);--h2:clamp(2rem,3.4vw,3.1rem);--h3:1.5rem}
.wrap{width:min(100% - 4rem,88rem)}
}
}
@layer components {
.lbl{font-family:var(--text);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:700}
.lbl.acc{color:var(--accent-t)}
.num{font-variant-numeric:tabular-nums}
.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:.95rem 1.6rem;background:var(--timber-l);color:var(--ink);font-family:var(--text);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;line-height:1;border:1px solid var(--timber-l);border-radius:var(--r-btn);transition:background .18s ease,border-color .18s ease}
.btn:hover{background:var(--timber);border-color:var(--timber)}
.btn.ghost{background:transparent;border-color:var(--line-2)}
.btn.ghost:hover{background:var(--paper-2);border-color:var(--ink)}
.btn.sm{padding:.62rem 1rem;font-size:.64rem}
.bgbuild{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .6s ease}
.bgbuild[data-live]{opacity:var(--bgo,.5)}
.bgbuild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .9s ease}
.bgbuild img[data-on]{opacity:1}
@media (max-width:63.99rem){.bgbuild[data-live]{opacity:calc(var(--bgo,.5) * .8)}}
@media (prefers-reduced-motion:reduce){.bgbuild img{transition:none}}
.site-head{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--line);height:var(--hdr)}
.head-in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;height:100%;gap:1rem}
.brand{display:flex;align-items:center;gap:.6rem;justify-self:start}
.brand .mark{width:18.12px;height:24px;flex:none}
.mark .kb{fill:var(--logo-body)}
.mark .kg{fill:var(--logo-gold)}
.brand .t{display:block;font-family:var(--display);font-weight:700;font-size:1rem;letter-spacing:.1em;line-height:1;white-space:nowrap}
.brand .d{display:none;font-size:.54rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-top:.28rem}
.menu{display:none}
.lang,.quote{position:relative}
.lang > summary,.quote > summary{list-style:none;cursor:pointer}
.lang > summary::-webkit-details-marker,.quote > summary::-webkit-details-marker{display:none}
.lang > summary{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .8rem;border:1px solid var(--line);border-radius:var(--r-btn);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink)}
.lang > summary:hover,.lang[open] > summary{border-color:var(--ink)}
.lang svg{width:.95rem;height:.95rem;fill:none;stroke:currentColor;stroke-width:1.2}
.lang .drop{right:0}
.drop{position:absolute;top:calc(100% + .4rem);right:0;z-index:55;min-width:11rem;background:var(--paper);border:1px solid var(--ink);border-radius:14px;overflow:hidden;display:grid}
.drop a{display:grid;gap:.1rem;padding:.7rem .9rem;border-bottom:1px solid var(--line);font-size:.72rem}
.drop a:last-child{border-bottom:0}
.drop a:hover{background:var(--paper-2)}
.drop.wide{min-width:19rem}
.drop.wide b{font-size:.8rem;font-weight:700}
.drop.wide i{font-style:normal;font-size:.68rem;color:var(--muted);line-height:1.35}
.drop .chan{display:flex;border-bottom:1px solid var(--ink);background:var(--paper-2)}
.drop .chan a{flex:1 1 0;min-width:0;display:grid;justify-items:center;gap:.34rem;
border-bottom:0;border-left:1px solid var(--line);text-align:center;padding:.7rem .3rem;
font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.drop .chan a:first-child{border-left:0}
.drop .chan svg.f{fill:currentColor;stroke:none}
.drop .chan svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;
stroke-width:1.5;stroke-linejoin:miter}
.head-r{display:flex;align-items:center;gap:.4rem;justify-self:end}
.langs{display:flex;gap:.1rem;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.langs a{padding:.2rem .6rem}
.langs a:first-child{border-left:0;padding-left:0}
.langs a[aria-current]{color:var(--ink)}
.langs a:hover{color:var(--ink)}
.kits{display:contents}
.kpanel{display:none}
.kfoot{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.85rem 0 1rem;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.kfoot a{font-weight:700;color:var(--ink);border-bottom:1px solid var(--accent-t)}
.msub > details > summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--line);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;cursor:pointer}
.msub > details > summary::-webkit-details-marker{display:none}
.msub > details > summary::after{content:"";width:.5rem;height:.5rem;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translateY(-2px)}
.msub > details[open] > summary::after{transform:rotate(225deg) translateY(-2px)}
.mpanel .msub > details[open] > summary{border-bottom-color:transparent}
.mpanel .mcats{border-top:0;border-bottom:1px solid var(--line);padding:0 0 .55rem}
.mpanel .mcats a{display:grid;grid-template-columns:2.4rem minmax(0,1fr);column-gap:.75rem;row-gap:.1rem;align-items:center;padding:.3rem 0;border-bottom:0;font-family:var(--display);font-size:.95rem;line-height:1.25;letter-spacing:-.01em;text-transform:none;font-weight:700}
.mpanel .mcats .ic{grid-row:1 / span 2;width:2.4rem;height:2.4rem;max-width:none;object-fit:contain}
.mpanel .mcats a span{font-family:var(--text);font-size:.66rem;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;font-weight:400;color:var(--muted)}
.mpanel .mcats .mall .ic{grid-row:auto}
.mnav{justify-self:end}
.mnav > summary{list-style:none;display:grid;place-items:center;width:2.75rem;height:2.75rem;margin-right:-.6rem;cursor:pointer}
.mnav > summary::-webkit-details-marker{display:none}
.mnav .bars{display:block;width:22px;height:12px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);position:relative}
.mnav .bars::before{content:"";position:absolute;left:0;right:0;top:3px;height:2px;background:var(--ink)}
.mnav[open] .bars{border-color:transparent}
.mnav[open] .bars::before{transform:rotate(45deg)}
.mnav[open] .bars::after{content:"";position:absolute;left:0;right:0;top:3px;height:2px;background:var(--ink);transform:rotate(-45deg)}
.mpanel{position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);padding:.5rem 1.25rem 1.25rem;max-height:calc(100svh - var(--hdr));overflow:auto}
.mpanel ul{border-top:1px solid var(--line)}
.mpanel ul a{display:block;padding:.85rem 0;border-bottom:1px solid var(--line);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.mpanel .foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.1rem}
@media (max-width:47.99rem){
.drop .chan{flex-wrap:wrap}
.drop .chan a{flex:1 1 50%;max-width:50%}
.drop .chan a:nth-child(3){border-left:0}
.drop .chan a:nth-child(n+3){border-top:1px solid var(--line)}
.drop .chan a:nth-child(5){border-left:0}
.drop .chan a:nth-child(5):last-child{flex-basis:100%;max-width:100%}
.quote{position:static}
.drop.wide{right:1.25rem;width:min(19rem,calc(100% - 2.5rem));min-width:0;
max-height:calc(100svh - var(--hdr) - 1rem);overflow:auto;overscroll-behavior:contain}
.lang .drop{min-width:9rem}
}
@media (max-width:22.49rem){
.brand .t{display:none}
.drop .chan a{font-size:.56rem;letter-spacing:.06em;padding-inline:.2rem}
}
.q-long{display:none}
.q-short{display:inline}
@media (min-width:48rem){
.q-short{display:none}
.drop.wide:has(.chan > a:nth-child(5)){min-width:24.5rem}
.q-long{display:inline}
}
@media (min-width:64rem){
.brand{gap:.75rem}.brand .mark{width:22.66px;height:30px}
.brand .t{font-size:1.15rem;letter-spacing:.12em}
.brand .d{display:block}
.head-in{grid-template-columns:auto 1fr auto}
.menu{display:flex;justify-content:center;gap:1.6rem;font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.menu a{padding:.35rem 0;border-bottom:1px solid transparent}
.menu a:hover,.menu a[aria-current]{border-color:var(--ink)}
.head-r{display:flex;align-items:center;gap:1.1rem;justify-self:end}
.mnav{display:none}
.kits{position:static;display:flex;align-items:center}
.kpanel{display:block;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
visibility:hidden;opacity:0;transform:translateY(-.35rem);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}
.kits:hover .kpanel,.kits:focus-within .kpanel{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.kgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 2.5rem;padding:.35rem 0 0}
.kmi{display:grid;grid-template-columns:2.6rem minmax(0,1fr) auto;align-items:center;gap:0 .9rem;padding:.95rem 0;border-bottom:1px solid var(--line);text-transform:none;letter-spacing:0;font-weight:400}
.kmi:hover,.kmi:focus-visible{border-bottom-color:var(--ink)}
.kmi .ic{width:2.6rem;height:2.6rem;object-fit:contain}
.kmi .tx{display:grid;gap:.12rem;min-width:0}
.kmi .tx b{font-family:var(--display);font-weight:700;font-size:.95rem;letter-spacing:-.01em}
.kmi .tx i{font-style:normal;font-size:.76rem;color:var(--muted);line-height:1.35}
.kmi .nm{display:grid;justify-items:end;gap:.12rem;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.kmi .nm em{font-style:normal;color:var(--ink);font-weight:700}
}
@media (min-width:80rem){.menu{gap:2rem}}
.site-head[data-state="checkout"] .menu,
.site-head[data-state="checkout"] .mnav,
.site-head[data-state="checkout"] .head-r .btn{display:none}
.site-head[data-state="compact"]{--hdr:3rem}
[data-herofade] .hero-copy,[data-herofade] .hero-more,[data-herofade] .seq{opacity:var(--ho,1);transition:opacity .2s linear}
@media (prefers-reduced-motion:reduce){[data-herofade] .hero-copy,[data-herofade] .hero-more,[data-herofade] .seq{opacity:1}}
.hero{
--hero-ink:#191714;--hero-ink-2:#544D44;--hero-line:rgba(25,23,20,.20);--hero-line-2:rgba(25,23,20,.34);
position:relative;display:grid;row-gap:1.75rem;padding:1.75rem 0 2.5rem;isolation:isolate;color:var(--hero-ink)
}
.hero::before,.hero::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;pointer-events:none}
.hero::before{z-index:-2;background:var(--paper) url(../img/web/hero-backdrop.webp?v=f6e601779b) center 30%/cover no-repeat;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 1.2rem,#000 calc(100% - 4rem),rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 1.2rem,#000 calc(100% - 4rem),rgba(0,0,0,0) 100%)}
.hero::after{z-index:-1;background:linear-gradient(to bottom,rgba(244,241,234,.96) 0,rgba(244,241,234,.96) 46%,rgba(244,241,234,.62) 70%,rgba(244,241,234,.45) 100%);
-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 11rem),rgba(0,0,0,0) 100%);
mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 11rem),rgba(0,0,0,0) 100%)}
.hero .lbl{color:var(--accent-t)}
.hero .kh-slogan{margin:.85rem 0 0;font-family:var(--display);font-weight:700;font-size:var(--h1);line-height:1.04;letter-spacing:-.022em;text-wrap:balance}
.hero h1.lbl{line-height:inherit;text-wrap:wrap}
.hero .kh-say{margin-top:.75rem;max-width:30rem;font-size:.9rem;line-height:1.45;color:var(--hero-ink-2);text-wrap:pretty}
@media (min-width:48rem){.hero .kh-say{margin-top:.9rem;font-size:1rem;line-height:1.5}}
.rota{display:grid;margin-top:1.05rem;gap:.15rem}
.rota-line{display:grid}
.rota-line span{grid-area:1/1;opacity:0;transition:opacity .22s ease;font-size:1rem;line-height:1.45}
.rota-line span[data-on]{opacity:1;transition:opacity .28s ease .24s}
.rota .a span{font-family:var(--display);font-weight:700;font-size:1.05rem;letter-spacing:-.01em;color:var(--hero-ink)}
.rota .b span{color:var(--hero-ink-2);font-size:.95rem}
.hero .lead{color:var(--hero-ink-2);font-size:1rem;line-height:1.5;max-width:30rem}
.facts{margin:1.5rem 0 0;padding-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.2rem;max-width:30rem}
.facts b{display:block;font-weight:700;font-size:1rem;line-height:1.15;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.facts span{display:block;margin-top:.2rem;font-size:.6rem;letter-spacing:.17em;text-transform:uppercase;color:var(--hero-ink-2)}
.hero .cta{display:grid;gap:.6rem;margin-top:1.8rem}
.seq{display:grid;align-content:start}
.seq-col{width:100%;max-width:58rem;margin-inline:auto;display:grid}
.seq-stage{position:relative;aspect-ratio:1;container-type:size;touch-action:pan-y}
.seq-zoom{position:absolute;inset:-15%;transform-origin:50% 50%;--cycle:7300ms}
.seq-zoom[data-zoom]{animation:seq-zoom var(--cycle) linear forwards}
[data-paused] .seq-zoom[data-zoom]{animation-play-state:paused}
@keyframes seq-zoom{from{transform:scale(1)}to{transform:scale(1.04)}}
.seq-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility 0s linear .18s}
.seq-frame[data-on]{opacity:1;visibility:visible;transition:opacity .22s ease .14s,visibility 0s}
.seq[data-gap] .seq-frame{transition-duration:.15s,0s;transition-delay:0s,.15s}
.seq-n{position:absolute;left:4%;top:3.5%;z-index:2;font-family:var(--display);font-weight:700;font-size:9cqh;line-height:1;color:var(--hero-ink);font-variant-numeric:tabular-nums;pointer-events:none;transition:opacity .15s ease}
.seq[data-gap] .seq-n{opacity:0}
.seq-rail{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:.5rem}
.seq-step{display:grid;gap:.3rem;align-content:start;justify-items:center;padding:.6rem .2rem;min-height:2.75rem;color:var(--hero-ink);border-left:1px solid var(--hero-line);transition:color .2s ease}
.seq-step:first-child{border-left:0}
.seq-step .n{font-family:var(--display);font-weight:700;font-size:.95rem;line-height:1;font-variant-numeric:tabular-nums}
.seq-step .l{display:none;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;line-height:1.35}
.seq-step:hover,.seq-step[data-on]{color:var(--accent-t)}
.seq-ruler{position:relative;height:1px;background:var(--hero-line-2);--done:6;--dwell:900ms}
.seq-ruler[data-i="0"]{--done:0}.seq-ruler[data-i="1"]{--done:1}.seq-ruler[data-i="2"]{--done:2}.seq-ruler[data-i="3"]{--done:3}.seq-ruler[data-i="4"]{--done:4}.seq-ruler[data-i="5"]{--done:5}.seq-ruler[data-i="6"]{--done:6;--dwell:2800ms}
.seq-ruler::before{content:"";position:absolute;left:0;top:0;height:1px;width:calc(var(--done) * 100% / 7);background:var(--accent-t)}
.seq-ruler::after{content:"";position:absolute;top:0;height:1px;left:calc(var(--done) * 100% / 7);width:calc(100% / 7);background:var(--accent-t);transform:scaleX(0);transform-origin:left center}
.seq-ruler[data-run]::after{animation:seq-progress var(--dwell) linear forwards}
[data-paused] .seq-ruler[data-run]::after{animation-play-state:paused}
.seq-ruler[data-full]::before{width:100%}
.seq-ruler[data-full]::after{display:none}
@keyframes seq-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.seq-foot{display:grid;gap:.8rem;align-items:end;padding-top:.8rem;min-height:3.2rem}
.seq-plate{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--hero-ink-2);line-height:1.6}
.seq-plate b{display:block;font-weight:700;font-size:.88rem;letter-spacing:0;text-transform:none;line-height:1.3;margin-bottom:.25rem;color:var(--hero-ink);font-variant-numeric:tabular-nums}
.seq-plate em{display:block;font-style:normal;font-size:.66rem;letter-spacing:.04em;text-transform:none;color:var(--hero-ink-2);margin:.15rem 0 .3rem}
.seq-plate a{border-bottom:1px solid var(--hero-line-2)}
.seq-plate i{display:block;font-style:normal;margin-top:.15rem;opacity:.75}
.seq-plate a:hover{border-color:var(--ink)}
.seq-replay{justify-self:start;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}
.seq[data-ended] .seq-replay{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s}
@media (min-width:37.5rem){
.hero .cta{grid-auto-flow:column;justify-content:start;gap:.75rem}
.seq-foot{grid-template-columns:minmax(0,1fr) auto;gap:.8rem 1rem}
.seq-replay{justify-self:end}
.seq-step{grid-template-columns:auto;justify-items:start;padding:.7rem .4rem .8rem .6rem;min-height:3.5rem}
.seq-step .l{display:block}
.seq-step:first-child{padding-left:0}
}
@media (min-width:64rem){
.hero{grid-template-columns:minmax(17rem,20fr) minmax(0,42fr);grid-template-rows:auto auto;column-gap:clamp(1.5rem,3vw,3rem);align-content:center;row-gap:1.2rem;min-height:calc(100svh - var(--hdr));padding:clamp(1rem,2vh,1.75rem) 0 clamp(1rem,2.5vh,2rem)}
.hero-copy{grid-column:1;grid-row:1;align-self:end}
.hero-more{grid-column:1;grid-row:2}
.seq{grid-column:2;grid-row:1 / span 2;align-self:center;justify-items:center}
.seq-stage{width:min(100%,calc(100svh - var(--hdr) - 15rem))}
.hero::before{background-position:center 42%;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 1.6rem,#000 calc(100% - 7rem),rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 1.6rem,#000 calc(100% - 7rem),rgba(0,0,0,0) 100%)}
.hero::after{background:linear-gradient(96deg,rgba(244,241,234,.95) 0,rgba(244,241,234,.95) 32%,rgba(244,241,234,.82) 48%,rgba(244,241,234,0) 64%)}
.hero-copy,.hero-more{max-width:34rem}
.seq{align-content:center}
.seq-col{width:min(100%,clamp(20rem,62svh,40rem))}
.rota .a span{font-size:1.2rem}
}
@media (max-width:63.99rem){
.seq-stage{aspect-ratio:5/4}
.seq-zoom{inset:-15% -2%}
}
.band{padding:3.5rem 0}
.head{display:grid;gap:1rem;margin-bottom:1.9rem}
.head .lbl{margin-bottom:.75rem}
.head .p{color:var(--muted);font-size:.95rem;max-width:34rem}
.onpaper > span{background:rgba(244,241,234,.88);box-decoration-break:clone;-webkit-box-decoration-break:clone;
padding:.18em .45em;margin-left:-.45em;line-height:1.75}
.head .p.onpaper{color:var(--ink-2)}
.note.onpaper{color:var(--ink)}
.note{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);line-height:1.6;padding:.2rem 0 1.5rem}
.head .note{padding:0}
@media (min-width:60rem){
.band{padding:5rem 0}
.head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem 3rem}
.head .note{text-align:right;max-width:24rem}
}
.sizes{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.size{display:grid;grid-template-columns:8rem minmax(0,1fr);background:var(--paper);transition:background .18s ease}
.size:hover,.size:focus-visible{background:var(--paper-2)}
.size .pic{position:relative;overflow:hidden;background:var(--paper-2)}
.size .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.size .tx{padding:1.1rem 1.1rem 1.15rem;display:flex;flex-direction:column;gap:.5rem}
.size h3{padding-bottom:.5rem;position:relative}
.size h3::after{content:"";position:absolute;left:0;bottom:0;width:2.5rem;height:1px;background:var(--ink);transition:width .18s ease}
.size:hover h3::after,.size:focus-visible h3::after{width:100%}
.size .p{color:var(--muted);font-size:.88rem}
.size .row{margin-top:auto;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:.6rem;margin-top:.2rem;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums}
.size .row b{color:var(--ink);font-weight:700}
@media (min-width:48rem){
.sizes{grid-template-columns:repeat(3,minmax(0,1fr))}
.size{grid-template-columns:none;grid-template-rows:auto minmax(0,1fr)}
.size .pic{aspect-ratio:4/3}
.size .tx{padding:1.3rem 1.3rem 1.35rem}
}
.bands{display:grid;gap:.85rem;margin-bottom:2rem}
.bt{display:grid;align-content:start;gap:.55rem;background:var(--paper-2);border:1px solid var(--line);padding:.85rem .85rem 1rem;transition:background .18s ease,border-color .18s ease}
.bt:hover,.bt:focus-visible{background:var(--paper);border-color:var(--ink)}
.bt .pic{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;background:var(--paper)}
.bt .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .8s ease}
.bt .pic img[data-on]{opacity:1}
.bt .cap{display:block;font-size:.56rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:.5rem;margin-top:-.1rem;min-height:1.6em}
.bt .lbl{font-size:.58rem;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);margin-top:.35rem}
.bt .ttl{font-family:var(--display);font-weight:700;font-size:1.5rem;line-height:1.05;letter-spacing:-.01em}
.bt .ttl sup{font-size:.55em;vertical-align:super}
.bt .p{font-size:.82rem;line-height:1.45;color:var(--muted)}
.bt .p sup{font-size:.7em;vertical-align:super}
.bt .row{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;border-top:1px solid var(--line);padding-top:.6rem;margin-top:.35rem;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums}
.bt .row b{color:var(--ink);font-weight:700}
@media (min-width:60rem){
.bands{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-bottom:3rem}
.bt{padding:1rem 1rem 1.15rem;gap:.65rem}
.bt .ttl{font-size:1.75rem}
}
.plates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-bottom:2.5rem}
.card .plate{display:none}
.plate:hover,.plate:focus-visible{background:var(--paper);border-color:var(--ink)}
.plate .pic{aspect-ratio:3/2;overflow:hidden;background:var(--paper)}
.plate .pic img{display:block;width:100%;height:100%;object-fit:cover}
.plate h3{font-size:1.15rem;line-height:1.15}
.plate .d{font-size:.82rem;line-height:1.4;color:var(--muted);margin-top:-.35rem}
.plate .d sup{font-size:.7em;vertical-align:super}
.plate .k{font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:-.35rem}
.plate .row{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;border-top:1px solid var(--line);padding-top:.6rem;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums}
.plate .row b{color:var(--ink);font-weight:700}
@media (min-width:60rem){
.plates{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.plate{padding:1rem 1rem 1.15rem;gap:.85rem}
.plate h3{font-size:1.3rem}
}
.filters{position:sticky;top:var(--hdr);z-index:30;display:flex;flex-wrap:wrap;gap:.35rem;padding:.9rem 0;margin-bottom:.5rem}
.filters button{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line);border-radius:999px;padding:.4rem .8rem .4rem .5rem;font-size:.54rem;letter-spacing:.11em;text-transform:uppercase;font-weight:700;color:var(--ink-2);background:var(--paper);transition:border-color .18s ease,color .18s ease,background .18s ease}
.filters button.plain{padding-left:1rem}
.filters img{width:1.7rem;height:1.7rem;object-fit:contain;flex:none;margin:-.35rem 0}
.filters button:hover{color:var(--ink);border-color:var(--line-2)}
.filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.filters .gap{flex:none;width:0;margin:0 .5rem}
.group{padding:4rem 0 .5rem;scroll-margin-top:calc(var(--hdr) + 4.2rem)}
.group:first-of-type{border-top:0}
.group[hidden]{display:none}
.gh{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.2rem 1.4rem;margin-bottom:1.2rem}
.gh h2{font-size:clamp(1.4rem,5vw,2.1rem)}
.gh .rng{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}
.gh .cnt{justify-self:end;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.grid{--mh:4.2rem;display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem}
.card{container-type:inline-size;position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;background:var(--card);border:1px solid var(--line);overflow:hidden;transition:border-color .2s ease}
.card[hidden]{display:none}
.card:hover,.card:focus-within{border-color:var(--timber)}
.card .vis{grid-column:1;grid-row:1;position:relative;overflow:hidden;background:var(--card);aspect-ratio:3/2}
.card .vis img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.card .vis .kh-ph{inset:15% 0 auto;height:70%;object-fit:contain;opacity:.6}
.card .sku{position:absolute;left:.5rem;top:.5rem;z-index:3;pointer-events:none;background:rgba(255,255,255,.88);padding:.2rem .34rem;font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums}
.card .dims{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-wrap:nowrap;gap:.85rem;overflow:hidden;padding:.38rem .7rem;background:rgba(244,241,234,.95);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;line-height:1.3;color:var(--muted);font-variant-numeric:tabular-nums;pointer-events:none}
.card .dims span{display:inline-flex;align-items:baseline;gap:.28rem;white-space:nowrap}
.card .dims span.x{display:none}
@media (max-width:59.99rem){.card .dims:not(:has(> span:not(.x))){display:none}}
.card .dims span + span::before{content:"\00B7";color:var(--line-2)}
.card .dims i{display:none;font-style:normal}
.card .dims b{color:var(--ink);font-weight:700}
.card .meta{grid-column:1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;align-content:center;gap:.1rem .8rem;padding:.42rem .8rem .48rem;background:var(--card)}
.card .pr{grid-column:1;grid-row:2;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums;line-height:1.2}
.card .pr b{font-family:var(--display);font-weight:700;font-size:1.22rem;color:var(--ink);letter-spacing:-.02em}
.card .s{grid-column:1;grid-row:3;font-size:.56rem;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);line-height:1.2}
.card .area{grid-column:1;grid-row:1;white-space:nowrap;font-family:var(--display);font-weight:700;font-size:1.45rem;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.card .area small{font-size:.52em;font-weight:400}
.card .s{grid-column:1 / -1;grid-row:4;min-width:0;margin-top:.3rem;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);line-height:1.3;text-wrap:balance}
.card h3.s{font-family:inherit;font-weight:inherit}
.card .go{grid-column:2;grid-row:1 / span 3;align-self:center;white-space:nowrap;font-size:.6rem;line-height:1;letter-spacing:.14em;text-transform:uppercase;font-weight:700;background:var(--timber-l);color:var(--ink);padding:.85rem 1.15rem;border-radius:var(--r-btn);transition:background .18s ease}
.card .go:hover{background:var(--timber)}
.card .go::after{content:"";position:absolute;inset:0}
.more{display:flex;justify-content:center;padding:2rem 0 0}
.empty{padding:2.5rem 0;color:var(--muted);font-size:.95rem}
.empty[hidden]{display:none}
@media (min-width:37.5rem){
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.card .sku{left:.7rem;top:.7rem;padding:.25rem .45rem;font-size:.55rem;letter-spacing:.16em}
.card .dims{gap:.7rem;padding:.42rem .75rem;font-size:.5rem}
.card .area{font-size:1.6rem}
}
@media (min-width:60rem){
.grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:1.5rem}
.card .tech{position:absolute;inset:0;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:2}
.card:hover .tech,.card:focus-within .tech{opacity:1}
.card .tech .v,.card .tech .h{position:absolute;background:var(--ink)}
.card .tech .v{left:1.5rem;top:11%;bottom:20%;width:1px}
.card .tech .v::before,.card .tech .v::after{content:"";position:absolute;left:-.28rem;width:.56rem;height:1px;background:var(--ink)}
.card .tech .v::before{top:0}
.card .tech .v::after{bottom:0}
.card .tech .h{left:11%;right:49%;bottom:1.3rem;height:1px}
.card .tech .h::before,.card .tech .h::after{content:"";position:absolute;top:-.28rem;height:.56rem;width:1px;background:var(--ink)}
.card .tech .h::before{left:0}
.card .tech .h::after{right:0}
.card .tech i{position:absolute;font-style:normal;font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:rgba(244,241,234,.9);padding:.14rem .3rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.card .tech .v i{left:.35rem;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center}
.card .tech .h i{left:50%;bottom:.35rem;transform:translateX(-50%)}
.card .dims{left:auto;top:0;right:0;bottom:0;width:46%;display:grid;align-content:center;flex-wrap:nowrap;gap:.32rem;padding:.6rem .75rem;border-top:0;border-left:1px solid var(--line);background:rgba(244,241,234,.96);font-size:.46rem;letter-spacing:.1em;line-height:1.15;transform:translateX(100%);transition:transform .34s cubic-bezier(.4,0,.2,1)}
.card .dims span,.card .dims span.x{display:block;white-space:normal}
.card .dims span + span::before{content:none}
.card .dims i{display:block}
.card .dims b{display:block;font-family:var(--display);font-weight:700;font-size:.78rem;line-height:1.1;letter-spacing:-.01em;text-transform:none;margin-top:.1rem}
.card:hover .dims,.card:focus-within .dims{transform:none}
.card.big{grid-column:span 2;grid-row:span 2}
.card.big.nobig{grid-column:auto;grid-row:auto}
.card.big.nobig .spec{display:none}
.card.big.nobig .meta{grid-template-columns:minmax(0,1fr) auto}
.card.big.nobig .area{font-size:1.7rem}
.card.big.nobig .go{font-size:.6rem;padding:.85rem 1.15rem}
.card.big.nobig .pr{font-size:.7rem}
.card.big.nobig .pr b{font-size:1.02rem}
.card.big.nobig .s{font-size:.56rem}
.card.big .meta{grid-template-columns:minmax(0,1fr) auto;padding:0;gap:0;align-content:stretch;align-items:stretch}
.card.big .meta{grid-template-columns:minmax(0,1fr) auto auto}
.card.big .area{grid-column:1;grid-row:1;align-self:end;margin:.9rem 0 0 1.4rem;font-size:2.6rem}
.card.big .pr{grid-column:1;grid-row:2;margin:.2rem 0 0 1.5rem;font-size:.64rem}
.card.big .pr b{font-size:1.35rem}
.card.big .s{grid-column:1;grid-row:3;align-self:start;margin:.25rem 0 .9rem 1.4rem}
.card.big .plate{grid-column:2;grid-row:1 / span 3;align-self:center;justify-self:start;display:grid;grid-template-columns:repeat(2,auto);
gap:.75rem 2.2rem;margin-left:2.6rem;padding:1rem 1.6rem;background:var(--paper);
font-size:.55rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums}
.card.big .plate span{display:grid;gap:.15rem}
.card.big .plate b{font-family:var(--display);font-weight:700;font-size:.95rem;letter-spacing:-.01em;text-transform:none;color:var(--ink)}
.card.big .go{grid-column:3;grid-row:1 / span 3;align-self:stretch;justify-self:stretch;display:grid;place-items:center;
border-radius:0;padding:0 2.6rem;font-size:.64rem;letter-spacing:.15em}
.card.big .area{font-size:3.4rem}
.card.big .s{font-size:.76rem}
.card.big .s b{font-size:.66rem;margin-right:.6rem}
.card.big .go{font-size:.68rem;padding:1.15rem 2.1rem;letter-spacing:.15em}
.card.big .dims{gap:.85rem;padding:1.2rem 1.3rem;font-size:.56rem;align-content:center}
.card.big .dims b{font-size:1.05rem}
.card.wide{grid-column:span 2;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr}
.card.wide .vis{grid-row:1;grid-column:1;width:calc(50cqw - .75rem + 1.5 * var(--mh) - 1px);border-right:1px solid var(--line)}
.card.wide .meta{grid-row:1;grid-column:2;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto 1fr;align-content:start;background:var(--paper-2);border-top:0;padding:1.2rem 1.3rem 1.3rem}
.card.wide .area{grid-column:1;grid-row:1;font-size:2.4rem}
.card.wide .pr{grid-column:1;grid-row:2;margin-top:.15rem}
.card.wide .s{grid-column:1;grid-row:3;margin-top:.3rem}
.card.wide .go{grid-column:1;grid-row:4;justify-self:start;align-self:end;margin-top:1rem}
}
@media (min-width:80rem){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.step{background:var(--paper)}
.step .im{position:relative;aspect-ratio:1;overflow:hidden;background:var(--paper-2)}
.step .im img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.step .n{position:absolute;left:.8rem;top:.65rem;font-family:var(--display);font-weight:700;font-size:1rem;color:var(--ink);font-variant-numeric:tabular-nums}
.step .c{padding:.75rem .9rem .85rem;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.after{margin-top:1.4rem;display:grid;gap:1.2rem;color:var(--muted);font-size:.98rem}
@media (min-width:48rem){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.after{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem}}
.bridge{display:grid;place-items:center;padding:5rem 0;text-align:center}
.bridge .wrap{display:grid;gap:.9rem;max-width:52rem}
.bridge b{font-family:var(--display);font-weight:700;font-size:clamp(1.6rem,4.2vw,3rem);line-height:1.08;letter-spacing:-.02em}
.bridge i{font-style:normal;font-size:clamp(.9rem,1.6vw,1.05rem);color:var(--muted);line-height:1.5}
.bridge .kh-more{justify-self:center;max-width:38rem}
.bridge .bl{display:block;font-size:clamp(.95rem,1.6vw,1.1rem);line-height:1.55;color:var(--ink-2);text-wrap:pretty}
@media (min-width:64rem){.bridge{padding:9rem 0}}
[data-bridge][data-fade] .wrap{opacity:var(--o,1);transform:translateY(calc((1 - var(--o,1)) * .9rem));transition:opacity .25s linear,transform .25s linear}
@media (prefers-reduced-motion:reduce){[data-bridge][data-fade] .wrap{opacity:1;transform:none}}
.kh-more{position:relative}
.kh-more[open]{padding-bottom:3.15rem}
.kh-more[open] > summary{position:absolute;left:0;right:0;bottom:0}
.kh-more > summary{display:flex;align-items:center;gap:.6rem;min-height:2.75rem;list-style:none;cursor:pointer;
font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;line-height:1.2;color:var(--ink)}
.kh-more > summary::-webkit-details-marker{display:none}
.kh-more > summary span{padding-bottom:.18rem;border-bottom:1px solid var(--line-2);transition:border-color .18s ease}
.kh-more > summary:hover span{border-color:var(--ink)}
.kh-more > summary::after{content:"+";content:"+" / "";font-family:var(--display);font-size:1.05rem;font-weight:700;line-height:1;letter-spacing:0}
.kh-more[open] > summary::after{content:"\2212";content:"\2212" / ""}
.bridge .kh-more > summary{justify-content:center}
.head .kh-peek{--kh-peek:4.42rem}
@media (max-width:63.99rem){.bridge .kh-more{order:1}}
@media (max-width:63.99rem){
[data-kh-swipe][data-kh-r]{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 3rem),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 3rem),transparent)}
[data-kh-swipe][data-kh-l]{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 3rem),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 3rem),transparent)}
[data-kh-swipe][data-kh-l][data-kh-r]{-webkit-mask-image:linear-gradient(to right,transparent,#000 3rem,#000 calc(100% - 3rem),transparent);mask-image:linear-gradient(to right,transparent,#000 3rem,#000 calc(100% - 3rem),transparent)}
}
@media (max-width:63.99rem) and (prefers-reduced-motion:no-preference){
[data-kh-swipe][data-kh-nudge] > *{animation:kh-nudge 1.1s cubic-bezier(.3,0,.2,1) both}
}
@keyframes kh-nudge{0%,100%{transform:none}38%{transform:translateX(-3rem)}}
@supports selector(::details-content){
@media (max-width:63.99rem){
.kh-peek{padding-bottom:3.15rem}
.kh-peek > summary{position:absolute;left:0;right:0;bottom:0}
.kh-peek:not([open])::details-content{content-visibility:visible;max-height:var(--kh-peek,4.86rem);overflow:clip;
-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 1.7rem),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 1.7rem),transparent)}
}
@media (min-width:64rem){
.kh-more,.kh-more[open]{padding-bottom:0}
.kh-more::details-content{content-visibility:visible}
.kh-more > summary{display:none}
}
}
.who{display:grid;gap:1rem}
.wc{display:grid;align-content:start;grid-template-rows:auto 1fr;background:var(--paper-2);border:1px solid transparent;transition:background .2s ease,border-color .2s ease}
.wc:hover,.wc:focus-visible{background:var(--paper);border-color:var(--line)}
.wcv{display:block;overflow:hidden;aspect-ratio:16/10}
.wcv img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 56%;mix-blend-mode:multiply}
.wcv{position:relative}
.stamps{position:absolute;left:4%;top:5%;z-index:2;display:flex;flex-wrap:wrap;
width:10.2rem;gap:0;pointer-events:none}
.stamp{position:relative;display:grid;place-items:center;width:4.7rem;height:4.7rem;color:#6E5327}
.stamps > .stamp + .stamp{margin-top:-.5rem}
.stamp svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:currentColor;
stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.5}
.stamp b{position:relative;text-align:center;font-family:var(--display);font-weight:700;
font-size:.55rem;line-height:1.12;letter-spacing:.11em;text-transform:uppercase;
max-width:3.9rem;opacity:.92}
.stamps > .stamp:nth-child(1){transform:rotate(-7deg)}
.stamps > .stamp:nth-child(2){transform:rotate(5deg);margin-top:.6rem}
.stamps > .stamp:nth-child(3){transform:rotate(-3deg);margin-left:.8rem;margin-top:-.5rem}
.stamps > .stamp:nth-child(4){transform:rotate(8deg);margin-top:-.1rem}
@media (max-width:47.99rem){
.stamps{width:8.6rem}
.stamp{width:4rem;height:4rem}
.stamp b{font-size:.46rem;max-width:3rem;letter-spacing:.07em}
}
@media (min-width:80rem){
.stamps{width:11.4rem}
.stamp{width:5.3rem;height:5.3rem}
.stamp b{font-size:.57rem;max-width:4.1rem}
}
.wct{display:grid;align-content:stretch;grid-template-rows:auto auto 1fr auto;gap:.55rem;padding:1.05rem 1.2rem 1.25rem}
.wc .lbl{font-size:.58rem;letter-spacing:.17em;text-transform:uppercase;color:var(--accent-t)}
.wct > b{font-family:var(--display);font-weight:700;font-size:1.3rem;line-height:1.18;letter-spacing:-.014em;
min-height:2.36em}
.wc i{font-style:normal;font-size:.9rem;line-height:1.5;color:var(--muted)}
.wc .row{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;border-top:1px solid var(--line);padding-top:.6rem;margin-top:auto;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums}
.wc .row b{color:var(--ink);font-weight:700}
@media (min-width:48rem){.who{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}.wct{padding:1.2rem 1.5rem 1.5rem}.wct > b{font-size:1.45rem}}
.site-foot{background:var(--paper-2);padding:2.5rem 0 2rem;font-size:.85rem;color:var(--muted)}
.fg{display:grid;gap:1.8rem}
.fbrand .brand{margin-bottom:.7rem}
.fbrand p{max-width:24rem}
.fcol-t{font-family:var(--text);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);font-weight:700;margin-bottom:.7rem}
.fcol li{margin:.35rem 0}
.fcol a:hover{color:var(--ink)}
.fmarks{margin-top:2.2rem;border-top:1px solid var(--line);padding-top:1.2rem;display:grid;gap:1.1rem}
.pay{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.pay svg{display:block;width:3rem;height:1.5rem}
.pay li{display:flex;align-items:center;gap:.6rem}
.pay-t{font-size:.72rem;color:var(--muted)}
.social{display:flex;flex-wrap:wrap;gap:.2rem;margin-inline:-.5rem}
.social .so{display:grid;place-items:center;width:2.2rem;height:2.2rem;color:var(--muted)}
.social a.so:hover{color:var(--ink)}
.social svg{width:1.05rem;height:1.05rem;fill:currentColor;flex:none}
.legal{margin-top:1.3rem;font-size:.72rem;display:grid;gap:.7rem}
.legal.sub{margin-top:.5rem}
.legal .langs{color:var(--muted)}
@media (min-width:48rem){.fg{grid-template-columns:1.6fr repeat(3,1fr)}
.fmarks{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.6rem}.social{justify-content:flex-end}
}
@media (min-width:64rem){.fg{grid-template-columns:2fr repeat(3,1fr);gap:2.5rem}.legal{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem}
}
@media (max-width:47.99rem){
.seq,.seq-col,.hero-more{display:contents}
.hero{row-gap:0}
.hero-copy{order:1}
.hero-copy{display:contents}
.hero-copy > *{order:1}
.hero .kh-say{order:8;margin-top:1rem}
[data-herofade] .hero-copy > :not(.kh-say){opacity:var(--ho,1);transition:opacity .2s linear}
.seq-stage{order:2;width:min(100%,calc((100svh - var(--hdr) - 18rem) * 1.25));margin:1.75rem auto 0}
.seq-foot{order:3;min-height:0;padding-top:.75rem}
.rota{order:4;margin-top:.9rem}
.seq-rail{order:5}
.seq-ruler{order:6}
.cta{order:7;margin-top:1.15rem}
.facts{order:8;margin-top:1.3rem}
.lead{display:none}
.seq-replay{display:none}
.seq-plate b,.seq-plate i{display:none}
.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.4rem;max-width:none;
margin-top:1.3rem;padding-top:0;border-top:0}
.facts li{padding:.72rem 0;border-top:1px solid var(--hero-line)}
.facts b{font-size:.95rem}
.facts span{display:block;margin-top:.2rem;text-align:left}
.hero-copy{text-align:left}
.seq-plate{text-align:left}
}
}
@layer state {
@keyframes wipe-up{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@supports (animation-timeline: view()){
@media (prefers-reduced-motion: no-preference){
.step .im img{animation:wipe-up linear both;animation-timeline:view();animation-range:entry 12% cover 34%}
}
}
@media (prefers-reduced-motion: reduce){
html{scroll-behavior:auto}
.seq-frame,.seq-frame[data-on],.rota-line span,.card .vis .render,.card .dims{transition:none}
.seq-zoom[data-zoom]{animation:none}
.seq-ruler[data-run]::after{animation:none;transform:scaleX(1)}
}
}
.btn.btn-lg{padding:1.05rem 2rem;font-size:.74rem}
.cfg{position:relative;background:var(--ink);color:var(--paper);padding:2rem 1.4rem 2.2rem;display:grid;gap:1.7rem;margin:.6rem}
.cfg::before{content:"";position:absolute;inset:0 -.6rem;border-top:3px solid var(--timber);border-bottom:3px solid var(--timber);pointer-events:none}
.cfg::after{content:"";position:absolute;inset:-.6rem 0;border-left:3px solid var(--timber);border-right:3px solid var(--timber);pointer-events:none}
.cfg .lbl{color:var(--timber-l)}
.cfg h2{font-size:clamp(1.75rem,4.2vw,2.5rem);margin:.55rem 0 .8rem}
.cfg .p{color:#C6BFB3;font-size:.95rem;line-height:1.55;max-width:33rem;margin:0}
.cfg-go{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.2rem;margin:1.4rem 0 0}
.cfg-go span{font-size:.8rem;color:#8F877B;max-width:15rem;line-height:1.4}
.cfg-q{list-style:none;margin:0;padding:0;border-top:1px solid #37322B}
.cfg-q li{display:grid;grid-template-columns:2.9rem minmax(0,1fr);gap:.3rem 1.05rem;padding:.9rem 0 1rem;border-bottom:1px solid #37322B}
.cfg-q li > span{align-self:start;margin-top:.3rem;display:block;color:var(--timber);
font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700;letter-spacing:.07em;
line-height:1;white-space:nowrap}
.cfg-q li > span em{font-style:normal;font-weight:400;color:#8F877B}
.cfg-q li > b{font-family:var(--display);font-weight:700;font-size:1.02rem;line-height:1.25}
.cfg-q li > i{grid-column:2;font-style:normal;font-size:.86rem;line-height:1.5;color:#948C80}
.cfg-note{font-size:.85rem;line-height:1.6;color:#948C80;margin:0;max-width:46rem}
@media (min-width:60rem){
.cfg{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem 3.5rem;padding:3rem 3rem 3.2rem;align-items:start}
.cfg-say{grid-column:1;grid-row:1}
.cfg-q{grid-column:2;grid-row:1 / span 2}
.cfg-note{grid-column:1;grid-row:2;align-self:end;border-top:1px solid #37322B;padding-top:1.2rem}
}
.faq{border-top:1px solid var(--line)}
@media (min-width:60rem){
.faq{display:grid;grid-auto-flow:column;grid-template-rows:repeat(4,min-content);
column-gap:clamp(2rem,4vw,3.5rem);border-top:0}
.faq details{border-top:1px solid var(--line)}
.faq details:nth-child(4),.faq details:nth-child(8){border-bottom:1px solid var(--line)}
.faq details:not(:nth-child(4)):not(:nth-child(8)){border-bottom:0}
}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:block;padding:1rem 2.4rem 1rem 0;position:relative;font-family:var(--display);font-weight:700;font-size:1.05rem;line-height:1.3;letter-spacing:-.008em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:.4rem;top:1.5rem;width:.75rem;height:1px;background:var(--ink-2)}
.faq summary::before{content:"";position:absolute;right:.775rem;top:1.125rem;width:1px;height:.75rem;background:var(--ink-2);transition:opacity .18s ease}
.faq details[open] summary::before{opacity:0}
.faq summary:hover{color:var(--accent-t)}
.faq details > div{padding:0 2.4rem 1.2rem 0}
.faq details p{margin:0;font-size:.94rem;line-height:1.62;color:var(--ink-2);max-width:46rem}
@media (min-width:60rem){.faq summary{font-size:1.12rem;padding-right:3rem}.faq details > div{padding-left:0}}
.enq{display:grid;gap:2.2rem}
.enq h2{font-size:clamp(1.7rem,4vw,2.35rem);margin:.55rem 0 .8rem}
.enq .p{color:var(--muted);font-size:.95rem;line-height:1.55;max-width:32rem;margin:0}
.enq-dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.5rem 1.4rem;margin:1.5rem 0 0;padding-top:1.1rem;border-top:1px solid var(--line);font-size:.92rem}
.enq-dl dt{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700;padding-top:.2rem}
.enq-dl dd{margin:0;color:var(--ink-2)}
.enq-f{display:grid;gap:1rem;background:var(--paper-2);padding:1.35rem 1.25rem 1.5rem}
.enq-f .enq-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.enq-f [hidden]{display:none!important}
.enq-f .fs-ok{font-size:1.05rem;line-height:1.5}
.enq-f .fs-err{font-weight:600}
.f2{display:grid;gap:1rem}
.fl{display:grid;gap:.35rem}
.fl > span{font-size:.61rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}
.fl > span i{font-style:normal;font-weight:400;color:var(--accent-t);letter-spacing:.1em}
.fl input,.fl select,.fl textarea{font:inherit;font-size:.94rem;color:var(--ink);background:var(--card);border:1px solid var(--line-3);border-radius:0;padding:.65rem .75rem;width:100%;transition:border-color .16s ease}
.fl textarea{resize:vertical;line-height:1.5}
.fl input::placeholder,.fl textarea::placeholder{color:#A79E90}
.fl input:hover,.fl select:hover,.fl textarea:hover{border-color:var(--ink-2)}
.fl input:focus,.fl select:focus,.fl textarea:focus{border-color:var(--ink)}
.fl :is(input,select,textarea){scroll-margin-top:calc(var(--hdr) + 1.5rem)}
.fl :is(input,select,textarea)[aria-invalid="true"]{border-color:var(--err)}
.fl:has(> [aria-invalid="true"]) > span:first-child,
.fl:has(> [aria-invalid="true"]) > span:first-child i{color:var(--err)}
.fl > .fe{font-size:.8rem;line-height:1.4;letter-spacing:0;text-transform:none;font-weight:700;color:var(--err);text-wrap:pretty}
.fc{display:flex;gap:.65rem;align-items:flex-start;font-size:.85rem;line-height:1.45;color:var(--ink-2);cursor:pointer}
.fc input{margin:.22rem 0 0;width:1rem;height:1rem;flex:none;accent-color:var(--accent-t)}
.fs{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.2rem;margin:.4rem 0 0}
.fs span{font-size:.78rem;color:var(--muted)}
@media (min-width:37.5rem){.f2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (min-width:60rem){
.enq{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:3.5rem;align-items:start}
.enq-f{padding:1.8rem 2rem 2rem}
}
.tail{position:relative}
.whonote{margin:1.15rem 0 0;font-size:.78rem;color:var(--muted)}
.fn{margin:.1rem 0 0;font-size:.8rem;line-height:1.45;color:var(--muted)}
.fn a{color:var(--ink-2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.fn .kh-ts{display:block;max-width:100%}
.fn .kh-ts.kh-ts-on{margin-top:.75rem}
.cfgd{position:relative;display:grid;gap:1.6rem;align-items:center;text-align:center;
padding:0}
.cfgd-mid{grid-row:1}
.cfgd h2{font-size:clamp(2.8rem,8vw,5.6rem);line-height:.92;letter-spacing:-.038em;margin:.7rem 0 0}
.cfgd-sub{font-family:var(--display);font-weight:400;
font-size:clamp(1.05rem,2vw,1.4rem);line-height:1.35;color:var(--muted);margin:1.2rem 0 1.9rem}
.cfgd-sub i{display:inline-block;margin-top:.7rem;font-style:normal;
font-family:var(--text);font-size:.85rem;line-height:1.4;color:var(--muted)}
.cfgd-side{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.cfgp{display:grid;gap:.45rem;justify-items:center;padding:1rem .85rem 1.05rem;
background:#FBF9F4;border:1px solid var(--line);border-radius:14px;
text-decoration:none;color:inherit}
.cfgp img{display:block;width:100%;max-width:9.5rem;height:auto}
.cfgp b{font-family:var(--display);font-size:.95rem;line-height:1.15;letter-spacing:-.01em}
.cfgp i{font-style:normal;font-size:.72rem;line-height:1.35;color:var(--muted);max-width:11rem}
.cfgp:hover,.cfgp:focus-visible{border-color:var(--line-2);background:#fff}
.cfgd .btn{position:relative;overflow:hidden;isolation:isolate}
.cfgd .btn::after{content:"";position:absolute;top:0;bottom:0;left:0;width:34%;
background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.62),rgba(255,255,255,0));
transform:translateX(-140%) skewX(-18deg);pointer-events:none;
animation:cfgSweep 6.5s ease-in-out 1.8s infinite}
@keyframes cfgSweep{
0%{transform:translateX(-140%) skewX(-18deg)}
13%{transform:translateX(430%) skewX(-18deg)}
100%{transform:translateX(430%) skewX(-18deg)}
}
@media (prefers-reduced-motion:reduce){.cfgd .btn::after{animation:none;opacity:0}}
@media (min-width:60rem){
.cfgd{grid-template-columns:minmax(0,13rem) minmax(0,1fr) minmax(0,13rem);gap:2.6rem;
padding:6rem 0 5.4rem}
.cfgd-mid{grid-column:2}
.cfgd-side{grid-template-columns:1fr;grid-row:1}
.cfgd-side:first-child{grid-column:1}
.cfgd-side:last-child{grid-column:3}
}
@media (prefers-reduced-motion:reduce){.cfgp{transition:none}}
html[data-kh-intro] body{overflow:hidden}
.kh-intro{
--g0:#181310; --g1:rgba(70,48,32,.40); --g2:rgba(40,52,50,.22);
--tree-far:#1F1811; --tree-near:#100C08; --sp:.85;
position:fixed;inset:0;z-index:9000;overflow:hidden;display:none;place-items:center;
background:var(--g0);color:#F4F1EA;
transform:translateY(0);transition:transform .8s cubic-bezier(.66,0,.22,1)}
html[data-kh-intro] .kh-intro{display:grid}
.kh-intro.up{transform:translateY(-101%)}
.kh-wash{position:absolute;inset:0;pointer-events:none;
background:radial-gradient(120% 90% at 22% 18%,var(--g1) 0,rgba(0,0,0,0) 62%),
radial-gradient(110% 80% at 82% 74%,var(--g2) 0,rgba(0,0,0,0) 58%)}
.kh-trees{position:absolute;left:0;right:0;bottom:0;width:100%;height:min(46vh,340px);
display:block;pointer-events:none;opacity:0}
.kh-trees .f{fill:var(--tree-far)}
.kh-trees .n{fill:var(--tree-near)}
.kh-mist{position:absolute;left:-22%;right:-22%;bottom:0;height:min(52vh,380px);
pointer-events:none;opacity:0;
background:
radial-gradient(58% 44% at 24% 76%,rgba(222,214,198,.115) 0,rgba(222,214,198,0) 70%),
radial-gradient(50% 38% at 68% 86%,rgba(222,214,198,.085) 0,rgba(222,214,198,0) 72%),
radial-gradient(44% 34% at 88% 72%,rgba(222,214,198,.06) 0,rgba(222,214,198,0) 74%)}
.kh-sheet{position:relative;display:grid;justify-items:center;text-align:center;
width:min(100% - 2.5rem,44rem);padding-bottom:8vh}
.kh-intro{--k-body:#ECE4D4;--k-gold:#B08D57;--k-lit:#FFF4C7}
.kh-mark{--mw:clamp(112px,16vw,152px);display:block;width:var(--mw);height:calc(var(--mw) * 1.3242);overflow:visible}
.kh-mark .kb{fill:var(--k-body)}
.kh-mark .kg{fill:var(--k-gold)}
.kh-mark .kl{fill:var(--k-lit)}
.kh-mark .lt{opacity:0}
.va .pa{opacity:0;transform-box:fill-box}
.va .pa-b{--dx:-90px}
.va .pa-o{--dy:-80px}
.va .pa-h{--dy:-60px}
.va .pa-k{--r:-16deg;transform-origin:0% 60%}
.va .pa-w{--dx:28px}
.kh-beats{position:relative;margin-top:2.1rem;width:100%;min-height:5.4rem;display:grid}
.kh-beat{grid-area:1/1;align-self:start;justify-self:center;opacity:0;display:grid;gap:.5rem}
.kh-beat .t{font-family:var(--display);font-weight:700;letter-spacing:-.024em;color:#F4F1EA;
font-size:clamp(1.28rem,4.1vw,1.95rem);line-height:1.12}
.kh-beat .s{font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(244,241,234,.46)}
.kh-beat.nm .t{font-size:clamp(1.7rem,5.6vw,2.7rem);letter-spacing:-.034em}
.kh-skip{position:absolute;top:16px;right:16px;justify-self:end;align-self:start;
font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;
color:rgba(244,241,234,.40);background:none;border:0;border-bottom:1px solid rgba(244,241,234,.20);
padding:0 0 2px;cursor:pointer;opacity:0;transition:opacity .5s ease calc(1.6s * var(--sp))}
html[data-kh-intro] .kh-skip{opacity:1}
.kh-skip:hover{color:#F4F1EA;border-color:#F4F1EA}
@keyframes khMove{from{transform:translate(var(--dx,0px),var(--dy,0px)) rotate(var(--r,0deg))}}
@keyframes khShow{from{opacity:0}to{opacity:1}}
@keyframes khBeat{0%{opacity:0;transform:translateY(9px)}26%{opacity:1;transform:translateY(0)}
74%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-7px)}}
@keyframes khStay{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes khFade{from{opacity:0}to{opacity:1}}
@keyframes khDrift{0%{transform:translate3d(-2.4%,0,0)}
50%{transform:translate3d(2.4%,-1.6%,0)}
100%{transform:translate3d(-2.4%,0,0)}}
html[data-kh-intro] .kh-trees{animation:khFade calc(1.1s * var(--sp)) ease both}
html[data-kh-intro] .kh-mist{animation:khFade calc(2.2s * var(--sp)) ease both calc(1.2s * var(--sp)),
khDrift 34s ease-in-out infinite calc(1.2s * var(--sp))}
html[data-kh-intro] .kh-mark .l1{animation:khShow calc(0.01s * var(--sp)) steps(1,end) both calc(3.647s * var(--sp))}
html[data-kh-intro] .kh-mark .l2{animation:khShow calc(0.01s * var(--sp)) steps(1,end) both calc(3.812s * var(--sp))}
html[data-kh-intro] .kh-mark .l3{animation:khShow calc(0.01s * var(--sp)) steps(1,end) both calc(3.976s * var(--sp))}
html[data-kh-intro] .kh-mark .l4{animation:khShow calc(0.01s * var(--sp)) steps(1,end) both calc(4.141s * var(--sp))}
html[data-kh-intro] .va .pa-b{animation:khMove calc(0.46s * var(--sp)) cubic-bezier(.22,.86,.28,1) both calc(0.1s * var(--sp)),khShow calc(0.184s * var(--sp)) linear both calc(0.1s * var(--sp))}
html[data-kh-intro] .va .pa-o{animation:khMove calc(0.52s * var(--sp)) cubic-bezier(.22,.86,.28,1) both calc(0.26s * var(--sp)),khShow calc(0.208s * var(--sp)) linear both calc(0.26s * var(--sp))}
html[data-kh-intro] .va .pa-h{animation:khMove calc(0.46s * var(--sp)) cubic-bezier(.22,.86,.28,1) both calc(0.46s * var(--sp)),khShow calc(0.184s * var(--sp)) linear both calc(0.46s * var(--sp))}
html[data-kh-intro] .va .pa-k{animation:khMove calc(0.48s * var(--sp)) cubic-bezier(.22,.86,.28,1) both calc(0.62s * var(--sp)),khShow calc(0.192s * var(--sp)) linear both calc(0.62s * var(--sp))}
html[data-kh-intro] .va .pw1{animation:khMove calc(0.34s * var(--sp)) cubic-bezier(.22,.86,.28,1) both calc(0.86s * var(--sp)),khShow calc(0.136s * var(--sp)) linear both calc(0.86s * var(--sp))}
html[data-kh-intro] .va .pw2{animation:khMove calc(0.34s * var(--sp)) cubic-bezier(.22,.86,.28,1) both calc(0.92s * var(--sp)),khShow calc(0.136s * var(--sp)) linear both calc(0.92s * var(--sp))}
html[data-kh-intro] .va .pw3{animation:khMove calc(0.34s * var(--sp)) cubic-bezier(.22,.86,.28,1) both calc(0.98s * var(--sp)),khShow calc(0.136s * var(--sp)) linear both calc(0.98s * var(--sp))}
html[data-kh-intro] .va .pw4{animation:khMove calc(0.34s * var(--sp)) cubic-bezier(.22,.86,.28,1) both calc(1.04s * var(--sp)),khShow calc(0.136s * var(--sp)) linear both calc(1.04s * var(--sp))}
html[data-kh-intro] .kh-beat[data-b="1"]{animation:khBeat calc(1.35s * var(--sp)) ease both calc(1.30s * var(--sp))}
html[data-kh-intro] .kh-beat[data-b="2"]{animation:khBeat calc(1.30s * var(--sp)) ease both calc(2.40s * var(--sp))}
html[data-kh-intro] .kh-beat[data-b="3"]{animation:khStay calc(.62s * var(--sp)) cubic-bezier(.2,.7,.3,1) both calc(3.45s * var(--sp))}
@media (prefers-reduced-motion:reduce){.kh-intro{display:none !important}}
.bsk{position:relative;display:grid;place-items:center;width:1.5rem;height:2.75rem;color:var(--mark-1)}
.bsk::before{content:"";position:absolute;inset:0 -.5rem 0 -.75rem}
.bsk:hover,.bsk:focus-visible,.bsk[aria-current="page"],.site-head:has(.kh-mb[open]) .bsk{color:var(--ink)}
.bsk-i{display:block;width:1.5rem;height:1.5rem;fill:currentColor}
.bsk-m{display:none;fill:var(--accent-t)}
.bsk[data-on] .bsk-m{display:inline}
@media (forced-colors:active){.bsk-m{fill:Highlight}}
.head-r:has(.bsk){gap:.75rem}
@media (max-width:47.99rem){
.head-r > .lang{display:none}
.head-in:has(.bsk){column-gap:.5rem}
.head-r:has(.bsk) .quote > summary.btn.sm{padding-inline:.625rem}
}
@media (min-width:64rem){
.head-r{min-width:15.5rem;justify-content:flex-end}
.head-r:has(.bsk){gap:1.1rem}
.bsk{width:1.75rem}
.bsk::before{inset:0 -.5rem}
.bsk-i{width:1.75rem;height:1.75rem}
}
.kh-mb{position:fixed;inset:auto;top:calc(var(--hdr) + .4rem);right:1.25rem;width:min(24rem,calc(100% - 2.5rem));max-width:none;
max-height:calc(100svh - var(--hdr) - 1rem);margin:0;padding:0;overflow:auto;overscroll-behavior:contain;
border:1px solid var(--ink);border-radius:var(--r-btn);background:var(--paper);color:var(--ink);
opacity:1;transform:none;transition:opacity .16s ease,transform .16s ease}
.kh-mb:not([open]){display:none}
@starting-style{.kh-mb[open]{opacity:0;transform:translateY(-.35rem)}}
.kh-mb::backdrop{border-top:var(--hdr) solid transparent;background:color-mix(in srgb,var(--ink) 25%,transparent) padding-box}
.kh-mb-in{position:relative;padding:1rem 1rem 0}
.kh-mb-top{position:absolute;top:0;right:0;z-index:1}
.kh-mb-top > h2{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.kh-mb-x{display:grid;place-items:center;width:2.75rem;height:2.75rem;margin:0;padding:0;border:0;background:none;color:var(--ink);cursor:pointer}
.kh-mb-x svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2}
.kh-mb-x:focus-visible{outline-offset:-4px}
.kh-mb-body:empty{min-height:6rem}
.kh-mb[data-state="wait"] .kh-mb-body{opacity:.45}
.kh-mini{display:grid}
.kh-mini-list{display:grid;row-gap:1rem;margin:0;padding:0;border:0;list-style:none}
.kh-mini-it{display:grid;grid-template-columns:3.5rem minmax(0,1fr) auto;align-items:start;column-gap:.75rem;padding:0;border:0}
.kh-mini-shot{display:block;width:3.5rem;height:3.5rem;overflow:hidden;border:0;background:var(--card)}
.kh-mini-shot img{display:block;width:100%;height:100%;object-fit:cover}
.kh-mini-tx{display:grid;gap:.15rem;min-width:0}
.kh-mini-nm{font-family:var(--display);font-size:.95rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--ink);overflow-wrap:break-word}
a.kh-mini-nm{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
a.kh-mini-nm:hover{text-decoration-color:var(--ink)}
.kh-mini-op{font-size:.78rem;line-height:1.35;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kh-mini-rm{justify-self:start;display:inline-flex;align-items:center;min-height:1.5rem;font-size:.72rem;color:var(--ink-2);
text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.kh-mini-rm:hover{color:var(--ink)}
.kh-mini-pr{align-self:end;font-family:var(--display);font-size:.95rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;
white-space:nowrap;font-variant-numeric:tabular-nums}
.kh-mini-q{font-family:var(--text);font-weight:400;color:var(--ink-2)}
.kh-mini-sum{display:grid;row-gap:.3rem;margin:1rem 0 0;padding:.6rem .75rem;background:var(--paper-2);border-radius:var(--r-btn)}
.kh-mini-sum div{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1rem;align-items:baseline;padding:0;border:0;font-size:.85rem;line-height:1.35}
.kh-mini-sum dt{color:var(--ink-2)}
.kh-mini-sum dd{margin:0;text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}
.kh-mini-sum div:first-child dt{font-weight:700;color:var(--ink)}
.kh-mini-sum div:first-child dd{font-family:var(--display);font-size:1.4rem;font-weight:700;line-height:1.1;letter-spacing:-.02em;white-space:nowrap}
.kh-mini-empty{margin:0;padding-right:2rem;font-size:.95rem;line-height:1.45}
.kh-mini-go{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;
padding:.75rem 0 max(1rem,env(safe-area-inset-bottom,0px));background:var(--paper)}
.kh-mini[data-n="0"] .kh-mini-go{grid-template-columns:minmax(0,1fr)}
.kh-mini-go .btn{justify-content:center;text-align:center;padding-inline:.75rem}
@media (min-width:48rem){
.kh-mb-in{padding:1.25rem 1.25rem 0}
.kh-mini-go{padding-bottom:1.25rem}
}
@media (min-width:64rem){
.kh-mb{right:max(2rem,calc((100% - 88rem) / 2))}
}
@media (prefers-reduced-motion:reduce){.kh-mb{transition:none}}
.kh-sent{position:fixed;inset:0;width:min(28rem,calc(100% - 2.5rem));max-width:none;height:fit-content;max-height:calc(100svh - 2.5rem);
margin:auto;padding:0;overflow:auto;overscroll-behavior:contain;
border:1px solid var(--ink);border-radius:var(--r-btn);background:var(--paper);color:var(--ink);
opacity:1;transform:none;transition:opacity .16s ease,transform .16s ease}
.kh-sent:not([open]){display:none}
@starting-style{.kh-sent[open]{opacity:0;transform:translateY(.35rem)}}
.kh-sent::backdrop{background:color-mix(in srgb,var(--ink) 25%,transparent)}
html:has(.kh-sent[open]){overflow:hidden;scrollbar-gutter:stable}
.kh-sent-in{position:relative;padding:1.25rem 1.25rem 1.5rem}
.kh-sent-mk{display:block;width:30.21px;height:40px;margin-bottom:1rem}
.kh-sent-mk .kw0{fill:var(--logo-body);opacity:0}
@keyframes kh-lit{from{opacity:0}to{opacity:1}}
@keyframes kh-unlit{from{opacity:1}to{opacity:0}}
@media (prefers-reduced-motion:no-preference){
.kh-sent-mk .kw{animation:kh-lit .01s steps(1,end) both}
.kh-sent-mk .kw0{animation:kh-unlit .01s steps(1,end) both}
.kh-sent-mk .n1{animation-delay:.2s}.kh-sent-mk .n2{animation-delay:.34s}.kh-sent-mk .n3{animation-delay:.48s}.kh-sent-mk .n4{animation-delay:.62s}
}
.kh-sent-no{padding-top:1.5rem}
.kh-sent-no > .lbl{color:var(--err)}
.kh-sent-h{margin-top:.45rem;font-family:var(--display);font-weight:700;font-size:1.35rem;line-height:1.15;letter-spacing:-.015em;
color:var(--ink);text-wrap:balance}
.kh-sent-p{margin-top:.6rem;font-size:.95rem;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.kh-sent-p a,.kh-sent-go a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;
text-decoration-color:var(--accent-t);overflow-wrap:anywhere}
.kh-sent-p a:hover,.kh-sent-go a:hover{text-decoration-color:var(--ink)}
.kh-sent-go{margin-top:1.1rem}
.kh-sent-go a{display:inline-flex;align-items:center;min-height:2.75rem;font-size:.9rem}
@media (min-width:48rem){
.kh-sent-in{padding:1.75rem 1.75rem 2rem}
.kh-sent-h{font-size:1.5rem}
}
@media (prefers-reduced-motion:reduce){
.kh-sent{transition:none}
}
.legal .wd{justify-self:start;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
@layer components {
.bgbuild:has(~ .pg)[data-live]{opacity:calc(var(--bgo,.5) * .56)}
@media (max-width:63.99rem){.bgbuild:has(~ .pg)[data-live]{opacity:calc(var(--bgo,.5) * .45)}}
.pg{--pg-gap:clamp(3.5rem,5vw,5rem);--pg-toc:clamp(12rem,22%,18rem);--pg-measure:44rem;--pg-num:2.9rem;--muted:var(--ink-2);
--pg-plate:color-mix(in oklab, var(--paper) 94%, transparent)}
.pg-sheet{padding:2.5rem 0 3.5rem}
@media (max-width:63.99rem){
.pg-sheet:has(+ .band.tail){padding-bottom:0}
}
.pg-head h1{margin-top:.85rem;font-size:clamp(2.1rem,7.4vw,2.75rem);overflow-wrap:break-word;hyphens:auto}
.pg-lead{margin-top:1.1rem;max-width:34rem;font-size:1.08rem;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.pg-meta{margin-top:1.4rem;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums}
.pg-anchor{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .8rem;margin-top:1.5rem}
.pg-anchor b{font-family:var(--display);font-weight:700;font-size:1.5rem;line-height:1.1;letter-spacing:-.022em;
color:var(--ink);font-variant-numeric:tabular-nums}
.pg-anchor a{font-size:.95rem;line-height:1.4;color:var(--ink-2);text-decoration:underline;
text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
.pg-anchor a:hover{color:var(--ink);text-decoration-color:var(--ink)}
.pg-help{max-width:var(--pg-measure);font-size:.9rem;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.pg-help a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
.pg-help a:hover{text-decoration-color:var(--ink)}
.pg-head > .pg-help{margin-top:1.1rem}
.prose > .pg-help{margin-top:1.6rem}
.pg-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.25rem;row-gap:.9rem;
margin-top:1.6rem;padding:1rem 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.pg-facts div{display:grid;row-gap:.4rem;align-content:start}
.pg-facts dt{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ink-2)}
.pg-facts dd{margin:0;font-family:var(--display);font-weight:700;font-size:1rem;line-height:1.25;letter-spacing:-.012em;
color:var(--ink);font-variant-numeric:tabular-nums;text-wrap:pretty}
.pg-facts div:nth-child(n+3){border-top:1px solid var(--line);padding-top:.9rem}
.pg-body{margin-top:2.5rem}
.pg-toc{margin-bottom:2.5rem;padding-top:1.15rem;border-top:1px solid var(--ink)}
.pg-toc ol{margin-top:.8rem;border-top:1px solid var(--line);counter-reset:kh-toc}
.pg-toc li{counter-increment:kh-toc;display:grid;grid-template-columns:2rem minmax(0,1fr);border-bottom:1px solid var(--line)}
.pg-toc li::before{content:counter(kh-toc,decimal-leading-zero);padding-top:.92rem;font-size:.62rem;letter-spacing:.14em;line-height:1;color:var(--muted);font-variant-numeric:tabular-nums}
.pg-toc a{display:block;padding:.7rem 0;font-size:.85rem;line-height:1.35;color:var(--ink-2)}
.pg-toc a:hover{color:var(--ink)}
.pg-sheet[data-num="off"] .pg-toc li{grid-template-columns:minmax(0,1fr)}
.pg-sheet[data-num="off"] .pg-toc li::before{content:none}
.prose{font-size:1rem;line-height:1.6;overflow-wrap:break-word;counter-reset:kh-h2}
.prose > *{max-width:var(--kh-w,var(--pg-measure))}
.prose > :is(.alignwide,.alignfull,h2){--kh-w:none}
.prose > * + *,
.prose .wp-block-group > * + *,
.prose .wp-block-group__inner-container > * + *{margin-top:1.05rem}
.prose > :first-child{margin-top:0}
.prose p,.prose li{text-wrap:pretty}
.prose strong{font-weight:700}
.prose a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
.prose a:hover{text-decoration-color:var(--ink)}
.prose h2{counter-increment:kh-h2;position:relative;margin-top:2.9rem;padding-top:1.05rem;border-top:1px solid var(--ink);
font-size:1.5rem;line-height:1.1;scroll-margin-top:calc(var(--hdr) + 1.5rem)}
.prose h3[id]{scroll-margin-top:calc(var(--hdr) + 1.5rem)}
.prose h2::before{content:counter(kh-h2,decimal-leading-zero);display:block;margin-bottom:.55rem;
font-family:var(--text);font-size:.62rem;font-weight:700;letter-spacing:.14em;line-height:1;color:var(--muted);font-variant-numeric:tabular-nums}
.prose h2 + *{margin-top:1rem}
.prose h3{margin-top:1.9rem;font-size:1.2rem;line-height:1.22;letter-spacing:-.012em}
.prose h3 + *{margin-top:.65rem}
.pg-sheet[data-num="off"] .prose h2::before{content:none}
.prose ul,.prose ol{padding-left:1.4rem}
.prose ol{padding-left:2.4rem;list-style:decimal-leading-zero}
.prose li + li{margin-top:.5rem}
.prose ul > li{position:relative}
.prose ul > li::before{content:"";position:absolute;left:-1.4rem;top:.78em;width:.7rem;height:1px;background:var(--ink-2)}
.prose ol > li::marker{font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--ink-2);font-variant-numeric:tabular-nums}
.prose li > ul,.prose li > ol{margin-top:.5rem}
.prose .is-style-kh-steps{margin-top:1.9rem;counter-reset:kh-step;border-bottom:1px solid var(--line);padding-bottom:1rem}
.prose .is-style-kh-steps .is-style-kh-step{counter-increment:kh-step;position:relative;margin-top:1rem;padding-top:.95rem;border-top:1px solid var(--line)}
.prose .is-style-kh-steps .is-style-kh-step:first-child{margin-top:0}
.prose .is-style-kh-steps .is-style-kh-step::before{content:counter(kh-step,decimal-leading-zero);position:absolute;left:0;top:.9rem;
font-family:var(--display);font-weight:700;font-size:1.35rem;line-height:1;letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums}
.prose .is-style-kh-steps .is-style-kh-step::after{content:"";position:absolute;left:.78rem;top:2.9rem;bottom:0;width:1px;background:var(--line)}
.prose .is-style-kh-step > .wp-block-group__inner-container > :is(h3,p){padding-left:calc(var(--pg-num) + 1.05rem)}
.prose .is-style-kh-step > .wp-block-group__inner-container > :is(ul,ol,details,figure,.wp-block-group){margin-left:calc(var(--pg-num) + 1.05rem)}
.prose .is-style-kh-step > .wp-block-group__inner-container > :is(p,ul,ol){margin-top:.5rem}
.prose .is-style-kh-step h3{margin-top:0;font-size:1.12rem}
.prose .is-style-kh-step .kh-step-note{color:var(--ink-2);font-size:.82rem;line-height:1.4}
@media (min-width:80rem){
.prose .is-style-kh-step .kh-step-note{display:none}
}
.prose .is-style-kh-step > .wp-block-group__inner-container > details.kh-step-more{margin-top:0;margin-left:0}
.prose :where(.kh-step-more) > * + *{margin-top:1.05rem}
.prose .is-style-kh-step .kh-step-more > :is(h3,p){padding-left:calc(var(--pg-num) + 1.05rem)}
.prose .is-style-kh-step .kh-step-more > :is(ul,ol,details,figure,.wp-block-group){margin-left:calc(var(--pg-num) + 1.05rem)}
.prose .is-style-kh-step .kh-step-more > :is(p,ul,ol){margin-top:.5rem}
.prose .is-style-kh-step .kh-step-more > summary{padding-left:calc(var(--pg-num) + 1.05rem)}
@media (max-width:63.99rem){
.prose .is-style-kh-step > .wp-block-group__inner-container > details.kh-step-more{margin-top:.25rem}
}
@supports selector(::details-content){
@media (min-width:80rem){
.prose .is-style-kh-step > .wp-block-group__inner-container > details.kh-step-more{display:contents}
.prose .is-style-kh-step > .wp-block-group__inner-container > details.kh-step-more::details-content{display:contents}
}
}
.prose > details.kh-faq-q{margin-top:0}
.prose .kh-faq-q > summary{display:block;list-style:none}
.prose .kh-faq-q > summary::-webkit-details-marker{display:none}
.prose :where(.kh-faq-q) > :not(summary),.prose :where(.kh-faq-q) > summary > *{max-width:var(--kh-w,var(--pg-measure))}
.prose :where(.kh-faq-q) > * + *{margin-top:1.05rem}
.prose :where(.kh-faq-q) > summary + *{margin-top:.65rem}
@media (max-width:63.99rem){
.prose > details.kh-faq-q{margin-top:.5rem;padding:0 .85rem;border:1px solid var(--line);background:var(--pg-plate)}
.prose h2 + details.kh-faq-q{margin-top:1rem}
.prose .kh-faq-q > summary{display:grid;grid-template-columns:minmax(0,1fr) 1rem;column-gap:.75rem;align-items:start;padding:.85rem 0;cursor:pointer}
.prose .kh-faq-q > summary > h3{margin:0;font-size:1.05rem;line-height:1.3}
.prose .kh-faq-q > summary::after{content:"+";content:"+" / "";font-family:var(--display);font-size:1.15rem;font-weight:700;line-height:1.15;text-align:right;color:var(--ink)}
.prose .kh-faq-q[open] > summary::after{content:"\2212";content:"\2212" / ""}
.prose :where(.kh-faq-q) > summary + *{margin-top:0}
.prose .kh-faq-q > :last-child{margin-bottom:1rem}
}
@supports selector(::details-content){
@media (min-width:64rem){
.prose .kh-faq-q::details-content{content-visibility:visible}
.prose .kh-faq-q > summary{cursor:auto;pointer-events:none}
}
}
@media (min-width:64rem){
html[data-kh-folds-wide] .prose .is-style-kh-step .kh-step-more{padding-bottom:0}
html[data-kh-folds-wide] .prose .is-style-kh-step .kh-step-more > summary{display:none}
html[data-kh-folds-wide] .prose .kh-faq-q > summary{cursor:auto;pointer-events:none}
}
.prose .is-style-kh-qa{margin-top:1.6rem;border-bottom:1px solid var(--line);padding-bottom:1.35rem}
.prose .is-style-kh-qa h3{margin-top:1.35rem;padding-top:1.35rem;border-top:1px solid var(--line)}
.prose .is-style-kh-qa h3:first-child{margin-top:0}
.prose .is-style-kh-qa :is(p,ul,ol){margin-top:.6rem;color:var(--ink-2)}
.prose .is-style-kh-note{margin-block:1.8rem;padding:1.15rem 1.25rem;background:var(--paper-2);font-size:.95rem}
.prose .is-style-kh-note :is(p,ul,ol){margin-top:.6rem}
.prose .is-style-kh-note > :first-child,
.prose .is-style-kh-note .wp-block-group__inner-container > :first-child{margin-top:0}
.prose .is-style-kh-label{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;line-height:1.4;color:var(--ink-2)}
.prose .wp-block-table{margin-block:1.6rem;overflow-x:auto;overscroll-behavior-x:contain}
.prose table{width:100%;border-collapse:collapse;font-size:.92rem;line-height:1.45;font-variant-numeric:tabular-nums}
.prose table.has-fixed-layout{table-layout:fixed}
.prose table:has(tr > :nth-child(4)){min-width:34rem}
.prose th,.prose td{padding:.6rem .9rem .6rem 0;text-align:left;vertical-align:top}
.prose th:last-child,.prose td:last-child{padding-right:0}
.prose th{vertical-align:bottom;border-bottom:1px solid var(--ink);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ink-2)}
.prose td{border-bottom:1px solid var(--line)}
.prose .wp-block-table figcaption{position:sticky;left:0;margin-top:.7rem;font-size:.8rem;line-height:1.45;color:var(--muted)}
.prose .wp-block-image{margin-block:1.8rem;max-width:26rem}
.prose .wp-block-image img{width:100%}
.prose .wp-block-image figcaption{position:relative;margin-top:.9rem;padding-top:.95rem;text-align:center;
font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;line-height:1.5;color:var(--ink-2)}
.prose .wp-block-image figcaption::before{content:"";position:absolute;left:0;right:0;top:0;height:.56rem;border-left:1px solid var(--ink);border-right:1px solid var(--ink)}
.prose .wp-block-image figcaption::after{content:"";position:absolute;left:0;right:0;top:.28rem;height:1px;margin-top:-.5px;background:var(--ink)}
.prose blockquote{margin-block:2rem;max-width:30rem;font-family:var(--display);font-weight:400;font-size:1.12rem;line-height:1.35;letter-spacing:-.008em}
.prose blockquote cite{display:block;margin-top:.7rem;font-family:var(--text);font-style:normal;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.prose .has-text-align-center{text-align:center}
.prose .has-text-align-right{text-align:right}
.pg-cta{display:grid;gap:1.3rem;margin-bottom:3.5rem;padding:1.9rem 0 2rem;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.pg-cta h2{font-size:1.35rem;line-height:1.15}
.pg-cta p{margin-top:.5rem;max-width:34rem;font-size:.95rem;color:var(--ink-2)}
.pg-cta-go{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem}
.pg-link{padding:.35rem 0;border-bottom:1px solid var(--accent-t);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;line-height:1.2}
.pg-link:hover{border-color:var(--ink)}
.kh-ready-go{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.6rem}
#enquiry .kh-ready-go{justify-content:flex-start;margin-top:1.7rem}
@media (min-width:48rem){
.pg-cta{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2.5rem}
.pg-anchor b{font-size:1.75rem}
.pg-facts{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:1.1rem;row-gap:0}
.pg-facts dd{font-size:1.12rem}
.pg-facts div:nth-child(n+2){border-top:0;padding-top:0;border-left:1px solid var(--line);padding-left:1.1rem}
}
@media (min-width:80rem){
.pg-facts{column-gap:1.5rem}
.pg-facts div:nth-child(n+2){padding-left:1.5rem}
}
@media (min-width:60rem){
.pg-sheet{padding:3.5rem 0 5rem}
.pg-lead{font-size:1.18rem}
.pg-cta{margin-bottom:5rem}
.prose{font-size:1.0625rem}
.prose h2{margin-top:3.25rem;padding-top:1.15rem;font-size:1.75rem}
.prose h3{margin-top:2.1rem}
.prose blockquote{font-size:1.22rem}
}
@media (min-width:80rem){
.prose{container-type:inline-size}
.prose .is-style-kh-note{--kh-w:none;float:right;clear:right;width:min(26rem,calc(100cqw - var(--pg-measure) - 3.5rem));
margin:.35rem calc(var(--pg-measure) - 100cqw) 1.6rem 3.5rem;font-size:.85rem}
.prose > .is-style-kh-note{margin-right:0}
.prose h2,.prose > :is(.alignwide,.alignfull){clear:right}
}
@media (min-width:64rem){
.pg-head,.pg-body{display:grid;grid-template-columns:var(--pg-toc) minmax(0,1fr);column-gap:var(--pg-gap);align-items:start}
.pg-head h1{max-width:44rem}
.pg-head > *{grid-column:2}
.pg-head > .lbl{grid-column:1;grid-row:1;padding-top:1.55rem}
.pg-head h1{margin-top:0;font-size:3.5rem}
.pg-body{margin-top:3rem}
.pg-body > *{min-width:0}
.pg-body > .prose{grid-column:2}
.pg-toc{position:sticky;top:calc(var(--hdr) + 1.5rem);margin-bottom:0;max-height:calc(100svh - var(--hdr) - 3rem);overflow:auto}
.prose h2::before{position:absolute;left:calc(var(--pg-num) * -1);top:1.62rem;width:2.4rem;margin:0;text-align:right}
}
@media (min-width:48rem){
.prose{font-size:1.0625rem}
}
@media (min-width:80rem){
.pg-body > .pg-toc{max-width:18rem}
}
@media (min-width:48rem){
.pg:not(.jr,.kc,.pc,.gl,.fd,.kh-shop) :is(.pg-facts,.pg-head > .kh-cats){max-width:var(--pg-measure)}
.pg:not(.jr,.kc,.pc,.gl,.fd,.kh-shop) .pg-lead{max-width:var(--pg-measure)}
}
@media (min-width:80rem){
.pg:not(.jr,.kc,.pc,.gl,.fd,.kh-shop) .pg-facts{column-gap:1.1rem}
.pg:not(.jr,.kc,.pc,.gl,.fd,.kh-shop) .pg-facts div:nth-child(n+2){padding-left:1.1rem}
}
@media (max-width:47.99rem){
.pg-toc{padding:1.15rem .85rem .85rem;border:1px solid var(--line);border-top-color:var(--ink);background:var(--pg-plate)}
.prose .wp-block-table:not(.is-style-kh-layers){padding:.25rem .85rem .85rem;border:1px solid var(--line);background:var(--pg-plate)}
.pg-toc li:last-child{border-bottom:0}
.prose .wp-block-table tr:last-child :is(td,th){border-bottom:0}
}
@media (max-width:47.99rem){
.pg{--pg-v:clamp(.75rem,1.9svh,1.6rem)}
.pg-sheet{padding-top:var(--pg-v)}
.pg-head h1{margin-top:0;font-size:clamp(1.75rem,min(7.4vw,4.05svh),2.75rem)}
.pg-lead{margin-top:var(--pg-v);font-size:clamp(1rem,min(4.15vw,2.27svh),1.08rem);line-height:1.45}
.pg-anchor{margin-top:var(--pg-v)}
.pg-anchor b{font-size:1.35rem}
.pg-facts{margin-top:var(--pg-v);padding-block:calc(var(--pg-v) * .75);row-gap:calc(var(--pg-v) * .6);column-gap:1rem}
.pg-facts div{row-gap:.25rem}
.pg-facts div:nth-child(n+3){padding-top:calc(var(--pg-v) * .6)}
.pg-facts dd{font-size:clamp(.86rem,3.85vw,1rem);line-height:1.2}
.pg-head > .kh-cats{margin-top:var(--pg-v)}
.pg-head > .pg-help{margin-top:var(--pg-v)}
}
.kh-shop-go{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}
body[data-page="about"] .pg-toc > .lbl{color:var(--ink)}
body[data-page="about"] .pg-toc ol{margin-top:.3rem;border-top:0}
body[data-page="about"] .pg-facts{border-bottom:0}
}
@layer components {
.prose > .enq-f{--muted:#6A6358;line-height:1.55}
@media (max-width:59.99rem){
.pg:not(.jr) .kh-enq-facts{display:none !important}
}
@media (min-width:60rem){
#enquiry .kh-enq-copy{display:flex;flex-direction:column;align-self:stretch;padding-bottom:2rem}
#enquiry .kh-ready-go{margin-bottom:2.2rem}
.kh-enq-facts{display:grid;margin-top:auto}
.kh-enq-facts > div{display:contents}
}
.kh-tp{min-inline-size:0;margin:0;padding:0;border:0}
.kh-tp[hidden]{display:none}
.kh-tp > p{margin:0;align-self:start}
.kh-tp.kh-tp-in{transition:opacity .15s ease}
@starting-style{.kh-tp.kh-tp-in{opacity:0}}
.enq-f .kh-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){.kh-tp{transition:none}}
}
@layer components {
.kh-asm{display:grid;grid-template-columns:minmax(0,1fr);row-gap:2rem;align-items:start}
.kh-asm-copy{max-width:34rem}
.kh-asm-copy .lbl{margin-bottom:.75rem}
.kh-asm-p{margin-top:1rem;color:var(--muted);font-size:.95rem}
.kh-asm-foot{display:grid;justify-items:start;row-gap:1.6rem}
.kh-asm-note{max-width:34rem;font-size:.82rem;line-height:1.45;color:var(--ink-2)}
.kh-board{display:grid;grid-template-columns:minmax(0,1fr);column-gap:1.25rem;row-gap:1.25rem;counter-reset:kh-bd}
.kh-board figure{counter-increment:kh-bd;margin:0;display:grid;row-gap:.75rem;align-content:start;background:var(--card);padding-bottom:.9rem}
.kh-board img,.kh-board .kh-fr{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;background:var(--card)}
.kh-board .kh-fr{border:1px solid var(--line)}
.kh-board figcaption{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.6rem;align-items:baseline;
border-top:1px solid var(--line);margin-inline:.8rem;padding-top:.6rem;font-size:.82rem;line-height:1.4;color:var(--ink-2);text-wrap:pretty}
.kh-board figcaption::before{content:counter(kh-bd,decimal-leading-zero);font-family:var(--display);font-weight:700;
font-size:1.35rem;line-height:1;letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums}
.kh-stage{display:grid;row-gap:1rem;margin:1.75rem 0}
.kh-stage-view{position:relative;aspect-ratio:3 / 2;background:var(--card);overflow:hidden}
.kh-stage-view img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .32s ease}
.kh-stage-view img[data-on]{opacity:1}
.kh-stage-side{display:grid;row-gap:.5rem;align-content:start;padding-top:.55rem;border-top:1px solid var(--line)}
.kh-stage-side i{font-style:normal;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.kh-stage-side b{font-family:var(--display);font-weight:700;font-size:2.25rem;line-height:.88;letter-spacing:-.025em;
color:var(--ink);font-variant-numeric:tabular-nums}
.kh-stage-side span{font-size:.95rem;line-height:1.45;color:var(--ink);text-wrap:pretty}
.kh-pick{display:contents;font:inherit;color:inherit;background:none;border:0;padding:0;text-align:left;cursor:pointer}
.kh-board .kh-pick:hover figcaption{color:var(--ink);border-top-color:var(--line-2)}
.kh-board .kh-pick[aria-pressed="true"] figcaption{color:var(--ink);border-top-color:var(--ink)}
.kh-board .kh-pick[aria-pressed="true"] figcaption::before{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}
.kh-board .kh-pick:focus-visible figcaption{outline:2px solid var(--accent-t);outline-offset:3px}
@media (min-width:37.5rem){
.kh-board{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:60rem){
.kh-board{grid-template-columns:repeat(3,minmax(0,1fr))}
.kh-stage{grid-template-columns:calc((100% - 2.5rem) / 3 * 2 + 1.25rem) minmax(0,1fr);
column-gap:1.25rem;row-gap:0;align-items:start}
}
@media (prefers-reduced-motion:reduce){
.kh-stage-view img{transition:none}
}
@supports (animation-timeline:view()){
@media (min-width:60rem) and (prefers-reduced-motion:no-preference){
.kh-board figure{opacity:0;animation:kh-bd-in linear both;animation-timeline:view();animation-range:entry 12% entry 46%}
.kh-board figure:nth-child(3n+2){animation-range:entry 20% entry 54%}
.kh-board figure:nth-child(3n+3){animation-range:entry 28% entry 62%}
}
}
@keyframes kh-bd-in{to{opacity:1}}
}
@layer components {
.pg-bridge{display:grid;justify-items:center;gap:.9rem;
padding-block:clamp(3.5rem,11svh,5rem);text-align:center}
.pg-bridge b{font-family:var(--display);font-weight:700;font-size:clamp(1.6rem,4.2vw,3rem);line-height:1.08;
letter-spacing:-.02em;color:var(--ink);text-wrap:balance;overflow-wrap:break-word;hyphens:auto}
.pg-bridge span{max-width:34rem;font-size:clamp(.95rem,1.6vw,1.08rem);line-height:1.5;color:var(--ink-2);text-wrap:balance}
.pg-bridge + .pg-body{margin-top:0}
@media (min-width:64rem){
.pg-bridge{padding-block:clamp(5rem,12svh,9rem);margin-left:calc(var(--pg-toc) + var(--pg-gap))}
}
@keyframes pg-bridge-in{from{opacity:.82}to{opacity:1}}
@supports (animation-timeline:view()){
@media (prefers-reduced-motion:no-preference){
.pg-bridge{animation:pg-bridge-in linear both;animation-timeline:view();animation-range:entry 0% cover 45%}
}
}
}
@layer components {
.kh-cats{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:1.6rem}
.kh-cats a{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line);padding:.4rem .8rem .4rem .5rem;font-size:.54rem;letter-spacing:.11em;text-transform:uppercase;font-weight:700;color:var(--ink-2);background:var(--paper);transition:border-color .18s ease,color .18s ease,background .18s ease}
.kh-cats img{width:1.7rem;height:1.7rem;object-fit:contain;flex:none;margin:-.35rem 0}
.kh-cats a:hover{color:var(--ink);border-color:var(--line-2)}
}
@layer components {
.pg-chan{container-type:inline-size;padding-top:1.15rem;border-top:1px solid var(--ink);margin-bottom:calc(var(--pg-v,1.6rem) * 1.5)}
.pg-body:has(> .pg-chan){--pg-toc:clamp(12rem,22%,19.5rem)}
.pg-chan > .lbl{color:var(--ink)}
.pg-chan dl{margin:.3rem 0 0}
.pg-chan dl > div{display:grid;grid-template-columns:6.75rem minmax(0,1fr);align-items:baseline}
.pg-chan dt{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;line-height:1;color:var(--ink-2)}
.pg-chan dd{margin:0;min-width:0}
.pg-chan dd a{display:block;min-height:2.75rem;padding:.72rem 0;font-family:var(--display);font-weight:700;font-size:1.05rem;line-height:1.3;
letter-spacing:-.012em;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;
text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
.pg-chan dd a:hover{text-decoration-color:var(--ink)}
.pg-chan .kh-soc{display:flex;flex-wrap:wrap;align-items:center;min-height:2.805rem;margin-left:-1.15rem}
.pg-chan dl > div:has(.kh-soc){align-items:start}
.pg-chan dl > div:has(.kh-soc) > dt{padding-top:1.23rem}
.pg-chan .kh-soc > li > *{display:grid;place-items:center;width:2.75rem;height:2.75rem;color:var(--ink-2)}
.pg-chan .kh-soc > li > a:hover{color:var(--ink)}
.pg-chan .kh-soc svg{width:1.1rem;height:1.1rem;fill:currentColor}
@container (width < 16.1rem){
.pg-chan dl > div{grid-template-columns:minmax(0,1fr);padding-top:.75rem}
.pg-chan dd a{padding-top:.3rem}
.pg-chan dl > div:has(.kh-soc) > dt{padding-top:0}
.pg-chan dd .kh-soc{margin-top:-.3rem;min-height:0}
}
@media (max-width:47.99rem){
.pg-chan{padding:1.15rem .85rem .85rem;border:1px solid var(--line);border-top-color:var(--ink);background:var(--pg-plate)}
.pg-body:has(> .pg-chan){margin-top:calc(var(--pg-v) * 1.5)}
}
@media (min-width:48rem){
.pg-chan{padding:1.15rem 1rem 1.25rem;background:var(--pg-plate)}
}
@media (min-width:64rem){
.pg-chan{position:sticky;top:calc(var(--hdr) + 1.5rem);margin-bottom:0}
}
@media (min-width:80rem){
.pg-body > .pg-chan{grid-column:1;grid-row:1;max-width:19.5rem}
}
.prose > #enquiry{scroll-margin-top:calc(var(--hdr) + 1.5rem)}
.kh-team{margin-top:1.5rem}
.kh-team > .lbl{color:var(--ink)}
.kh-team-p{margin-top:.45rem;font-size:.86rem;line-height:1.45;color:var(--ink-2);text-wrap:pretty}
.kh-team-l{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none}
.kh-pp{position:relative;display:grid;grid-template-columns:6rem minmax(0,1fr);align-items:start;column-gap:.85rem;padding:.75rem;background:var(--card)}
.kh-pp.kh-pp-0{grid-template-columns:minmax(0,1fr)}
.kh-pp-ph{display:block;box-sizing:content-box;width:calc(6rem - 26px);height:calc(6rem - 26px);max-width:none;margin:9px;padding:3px;
border:1px solid var(--timber);border-radius:50%;object-fit:cover;object-position:50% 50%;background:var(--paper-2);background-clip:content-box}
.kh-pp:not(.kh-pp-0)::before,.kh-pp:not(.kh-pp-0)::after{content:"";position:absolute;box-sizing:border-box;border:1px solid var(--timber);
border-radius:50%;pointer-events:none}
.kh-pp:not(.kh-pp-0)::before{top:calc(.75rem + 3px);left:calc(.75rem + 3px);width:calc(6rem - 6px);height:calc(6rem - 6px)}
.kh-pp:not(.kh-pp-0)::after{top:.75rem;left:.75rem;width:6rem;height:6rem}
.kh-pp-b{display:grid;gap:.2rem;min-width:0}
.kh-pp-n{font-family:var(--display);font-weight:700;font-size:1.05rem;line-height:1.2;letter-spacing:-.012em;color:var(--ink);overflow-wrap:break-word}
.kh-pp-r{font-size:.86rem;line-height:1.35;color:var(--ink)}
.kh-pp-c{margin-top:.2rem;font-size:.6rem;line-height:1.3;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--accent-t)}
.kh-pp-s{font-size:.8rem;line-height:1.4;color:var(--ink-2);text-wrap:pretty}
@container (width < 18rem){
.kh-pp{grid-template-columns:minmax(0,1fr);row-gap:.65rem}
}
@media (min-width:64rem){
@container (width >= 14.5rem){
.kh-pp{grid-template-columns:6rem minmax(0,1fr);column-gap:.75rem;row-gap:0}
}
}
}
@layer components {
.prose .kh-co{container-type:inline-size;display:grid;gap:1.6rem;margin-top:1.3rem}
.prose .kh-co-b{padding-top:1rem;border-top:1px solid var(--ink)}
.prose .kh-co-t{margin:0;font-family:var(--text);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;
line-height:1.4;color:var(--ink-2)}
.prose .kh-co dl{margin-top:.8rem;border-top:1px solid var(--line)}
.prose .kh-co dl > div{display:grid;grid-template-columns:minmax(0,1fr);row-gap:.3rem;padding:.7rem 0;border-bottom:1px solid var(--line)}
.prose .kh-co dt{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;line-height:1.3;color:var(--ink-2)}
.prose .kh-co dd{margin:0;font-size:1rem;line-height:1.45;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:break-word;text-wrap:pretty}
@container (width >= 30rem){
.prose .kh-co dl > div{grid-template-columns:10.5rem minmax(0,1fr);column-gap:1.25rem;align-items:baseline}
}
@media (max-width:47.99rem){
.prose .kh-co-b{padding:1rem .85rem .2rem;border:1px solid var(--line);border-top-color:var(--ink);background:var(--pg-plate)}
.prose .kh-co dl > div:last-child{border-bottom:0}
}
.pg-body:has(> .pg-chan) .prose .kh-co-t{color:var(--ink)}
.pg-body:has(> .pg-chan) .prose .kh-co dl{margin-top:.5rem;border-top:0}
.pg-body:has(> .pg-chan) .prose .kh-co dl > div{border-bottom:0}
@media (min-width:48rem){
.pg-body:has(> .pg-chan) .prose .kh-co{gap:2rem}
.pg-body:has(> .pg-chan) .prose .kh-co-b{padding-top:0;border-top:0}
.pg-body:has(> .pg-chan) .prose .kh-co dl > div{padding-block:.4rem}
.pg-body:has(> .pg-chan) .prose .kh-co{padding:1.35rem 1.25rem 1.5rem;background:var(--pg-plate)}
}
@media (min-width:60rem){
.pg-body:has(> .pg-chan) .prose .kh-co{padding:1.8rem 2rem 2rem}
}
body[data-page="about"] .prose .kh-co-t{color:var(--ink)}
body[data-page="about"] .prose .kh-co dl{margin-top:.5rem;border-top:0}
body[data-page="about"] .prose .kh-co dl > div{border-bottom:0}
@media (min-width:48rem){
body[data-page="about"] .prose .kh-co{gap:2rem}
body[data-page="about"] .prose .kh-co-b{padding-top:0;border-top:0}
body[data-page="about"] .prose .kh-co dl > div{padding-block:.4rem}
}
}
@layer components {
.prose details:where(:not(.kh-more,.kh-faq-q)){border-top:1px solid var(--line)}
.prose details:where(:not(.kh-more,.kh-faq-q)):last-of-type{border-bottom:1px solid var(--line)}
.prose > details:where(:not(.kh-more,.kh-faq-q)) + details:where(:not(.kh-more,.kh-faq-q)),
.prose .kh-step-more > details:where(:not(.kh-more,.kh-faq-q)) + details:where(:not(.kh-more,.kh-faq-q)),
.prose .wp-block-group__inner-container > details:where(:not(.kh-more,.kh-faq-q)) + details:where(:not(.kh-more,.kh-faq-q)){margin-top:0;border-top:0}
.prose details:where(:not(.kh-more,.kh-faq-q)) > summary{display:grid;grid-template-columns:1rem minmax(0,1fr);align-items:start;column-gap:.7rem;
padding:.85rem 0;min-height:2.75rem;list-style:none;cursor:pointer;
font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;line-height:1.5;color:var(--ink-2)}
.prose details:where(:not(.kh-more,.kh-faq-q)) > summary::-webkit-details-marker{display:none}
.prose details:where(:not(.kh-more,.kh-faq-q)) > summary::before{content:"+";font-size:1rem;font-weight:400;line-height:1.05;color:var(--ink);font-variant-numeric:tabular-nums}
.prose details:where(:not(.kh-more,.kh-faq-q))[open] > summary::before{content:"\2212"}
.prose details:where(:not(.kh-more,.kh-faq-q)) > summary:hover{color:var(--ink)}
.prose details:where(:not(.kh-more,.kh-faq-q)) > :not(summary){margin:0 0 1.25rem;padding-left:1.7rem;font-size:.95rem;line-height:1.55;color:var(--ink-2);max-width:34rem}
.prose details:where(:not(.kh-more,.kh-faq-q)) > :not(summary) + :not(summary){margin-top:-.55rem}
@media (max-width:47.99rem){
.prose details:where(:not(.kh-more,.kh-faq-q)){margin-top:.5rem;padding:0 .85rem;border:1px solid var(--line);background:var(--pg-plate)}
.prose details:where(:not(.kh-more,.kh-faq-q)):last-of-type{border-bottom:1px solid var(--line)}
.prose > details:where(:not(.kh-more,.kh-faq-q)) + details:where(:not(.kh-more,.kh-faq-q)),
.prose .kh-step-more > details:where(:not(.kh-more,.kh-faq-q)) + details:where(:not(.kh-more,.kh-faq-q)),
.prose .wp-block-group__inner-container > details:where(:not(.kh-more,.kh-faq-q)) + details:where(:not(.kh-more,.kh-faq-q)){margin-top:.5rem;border-top:1px solid var(--line)}
.prose details:where(:not(.kh-more,.kh-faq-q)) > :not(summary){margin-bottom:1rem}
}
}
@layer components {
.prose .is-style-kh-docpair{margin-block:1.8rem}
.prose .is-style-kh-docpair .wp-block-group__inner-container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:7.6923%;align-items:end}
.prose .is-style-kh-docpair .wp-block-group__inner-container > *{margin-top:0}
.prose .is-style-kh-docpair .is-style-kh-label{padding-bottom:.55rem}
.prose .is-style-kh-docpair .kh-dp{grid-column:1/-1}
.prose .is-style-kh-docpair .kh-dp svg{display:block;width:100%;height:auto}
.prose .is-style-kh-docpair .wp-block-group__inner-container > p:last-child{grid-column:1/-1;margin-top:.9rem;font-size:.8rem;line-height:1.45;color:var(--muted)}
.kh-dp .dp-l,.kh-dp .dp-k{fill:none;stroke-width:1;vector-effect:non-scaling-stroke}
.kh-dp .dp-l{stroke:var(--line)}
.kh-dp .dp-k{stroke:var(--ink)}
.kh-dp .dp-g{fill:var(--line);stroke:none}
.kh-dp text{font-family:var(--display);font-weight:700;font-size:24px;fill:var(--ink);font-variant-numeric:tabular-nums}
}
@layer components {
.prose > .kh-ex{display:grid;row-gap:1rem;margin-block:1.6rem 2.2rem}
.kh-ex-f{margin:0}
.kh-ex-f img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;background:var(--paper-2)}
.kh-ex-f figcaption{margin-top:.7rem;font-size:.8rem;line-height:1.45;color:var(--muted);text-wrap:pretty}
.kh-ex-t > .lbl{margin:0;color:var(--ink)}
.kh-ex-n{margin-top:.45rem;font-family:var(--display);font-weight:700;font-size:1.2rem;line-height:1.2;letter-spacing:-.012em;text-wrap:balance}
.prose .kh-ex-n a{color:var(--ink)}
.kh-ex-d{margin-top:.8rem}
.kh-ex-d > div{display:grid;grid-template-columns:6.75rem minmax(0,1fr);align-items:baseline;padding-block:.35rem}
.kh-ex-d dt{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;line-height:1.3;color:var(--ink-2)}
.kh-ex-d dd{margin:0;font-size:.95rem;line-height:1.4;color:var(--ink);font-variant-numeric:tabular-nums}
.kh-ex-go{margin-top:1.2rem}
.prose a.kh-dl{display:inline-grid;row-gap:.35rem;justify-items:start;padding:.85rem 1.25rem .9rem;color:var(--ink);text-decoration:none;
background:var(--timber-l);border:1px solid var(--timber-l);border-radius:var(--r-btn);transition:background .18s ease,border-color .18s ease}
.prose a.kh-dl:hover{background:var(--timber);border-color:var(--timber)}
.kh-dl-a{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;line-height:1}
.kh-dl-m{font-size:.78rem;line-height:1.2;font-variant-numeric:tabular-nums}
@media (max-width:47.99rem){
.kh-ex-t{padding:1rem .85rem .85rem;border:1px solid var(--line);border-top-color:var(--ink);background:var(--pg-plate)}
}
@media (min-width:48rem){
.prose > .kh-ex{grid-template-columns:minmax(0,3fr) minmax(0,2fr);column-gap:2rem;align-items:start}
}
@media (min-width:80rem){
.prose > .kh-ex{--kh-w:none;clear:right}
}
@media (prefers-reduced-motion:reduce){
.prose a.kh-dl{transition:none}
}
}
@layer components {
.jr-crumbs{margin-bottom:var(--pg-v,1.4rem)}
.jr-crumbs p{padding-block:.2rem;font-size:.72rem;line-height:1.4;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jr-crumbs a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--line-2)}
.jr-crumbs a:hover{color:var(--ink);text-decoration-color:var(--ink)}
.jr-crumbs .breadcrumb_last{color:var(--ink)}
@media (min-width:64rem){ .jr-crumbs{margin-bottom:1.1rem} }
@media (min-width:64rem){ .jr[data-jr="article"] .pg-head h1{font-size:clamp(2.5rem,3.3vw,3.25rem)} }
.jr .pg-head h1{overflow-wrap:break-word;hyphens:auto}
.jr-meta .jr-upd{display:block;margin-top:.2rem;font-family:var(--text);font-weight:400;font-size:.8rem;line-height:1.35;letter-spacing:0;color:var(--ink-2)}
.jr-meta dd a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
.jr-meta dd a:hover{text-decoration-color:var(--ink)}
.jr-list{border-top:1px solid var(--ink)}
.jr-list > .lbl{padding:1rem 0 .2rem}
.jr-entry{padding:1.1rem 0 1.25rem;border-bottom:1px solid var(--line)}
.jr-kick{display:flex;flex-wrap:wrap;gap:.2rem .9rem;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.4;color:var(--ink-2);font-variant-numeric:tabular-nums}
.jr-kick a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:var(--accent-t)}
.jr-kick a:hover{color:var(--ink);text-decoration-color:var(--ink)}
.jr-entry h2{margin-top:.55rem;font-size:clamp(1.15rem,4.6vw,1.3rem);line-height:1.15;letter-spacing:-.016em;overflow-wrap:break-word;hyphens:auto}
.jr-entry h2 a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em;text-decoration-color:transparent;transition:text-decoration-color .18s ease}
.jr-entry h2 a:hover{text-decoration-color:var(--ink)}
.jr-dek{margin-top:.5rem;max-width:var(--pg-measure);font-size:.95rem;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.jr-lead{padding-top:1.15rem;border-top:1px solid var(--ink)}
.jr-lead .jr-entry{padding:0 0 1.6rem;border-bottom:0}
.jr-lead h2{margin-top:.75rem;font-size:clamp(1.4rem,6vw,1.75rem);line-height:1.06;letter-spacing:-.022em}
.jr-lead .jr-dek{margin-top:.85rem;font-size:1.05rem}
.jr-parts{margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--line)}
.jr-parts ol{margin-top:.7rem;border-top:1px solid var(--line);counter-reset:jr-p}
.jr-parts li{counter-increment:jr-p;display:grid;grid-template-columns:2rem minmax(0,1fr);border-bottom:1px solid var(--line)}
.jr-parts li::before{content:counter(jr-p,decimal-leading-zero);padding-top:.74rem;font-size:.62rem;letter-spacing:.14em;line-height:1;color:var(--ink-2);font-variant-numeric:tabular-nums}
.jr-parts a{display:block;padding:.55rem 0;font-size:.85rem;line-height:1.35;color:var(--ink-2)}
.jr-parts a:hover{color:var(--ink)}
.jr-plate{margin-top:2rem}
.jr-plate img{width:100%;max-height:80svh;object-fit:cover}
.jr-plate figcaption{margin-top:.8rem;max-width:var(--pg-measure);font-size:.8rem;line-height:1.45;color:var(--ink-2)}
.jr-more{margin-top:3.5rem}
.jr-more > h2.lbl{margin-bottom:.8rem;font-family:var(--text);font-size:.66rem;line-height:1.4;letter-spacing:.2em}
.jr .prose .wp-block-image{max-width:var(--kh-w,var(--pg-measure))}
.jr .prose > .alignfull{--kh-w:none}
.jr .prose .wp-block-image img{width:100%}
.jr .prose .wp-block-image figcaption{margin-top:.8rem;padding-top:0;max-width:var(--pg-measure);text-align:left;font-size:.8rem;letter-spacing:0;text-transform:none;line-height:1.45;color:var(--ink-2)}
.jr .prose .wp-block-image figcaption::before,.jr .prose .wp-block-image figcaption::after{content:none}
.jr .prose hr{margin-block:2.2rem;border:0;border-top:1px solid var(--line)}
@media (min-width:37.5rem){
.jr .prose .alignleft{float:left;max-width:50%;margin:.35rem 1.4rem .9rem 0}
.jr .prose .alignright{float:right;max-width:50%;margin:.35rem 0 .9rem 1.4rem}
.jr .prose h2{clear:both}
}
.jr-pages{margin-top:1.6rem}
.jr-pages .nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem 1rem;padding-top:.9rem;border-top:1px solid var(--ink)}
.jr-pages .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;font-family:var(--display);font-weight:700;font-size:1rem;color:var(--ink-2);font-variant-numeric:tabular-nums}
.jr-pages a.page-numbers{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:var(--accent-t)}
.jr-pages a.page-numbers:hover{color:var(--ink);text-decoration-color:var(--ink)}
.jr-pages .current{color:var(--ink);border-bottom:2px solid var(--ink)}
.jr-pages .prev,.jr-pages .next{padding-inline:.2rem;font-family:var(--text);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
.screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
@media (max-width:63.99rem){
.jr-plate,.jr-more{max-width:var(--pg-measure);margin-inline:auto}
}
@media (min-width:64rem){
.pg-body > .jr-lead,.pg-body > .jr-list,.pg-body > .jr-pages{grid-column:2}
.pg-body > .jr-lead{grid-row:1}
.pg-body > .jr-list{grid-row:2}
.pg-body > .jr-lead + .jr-tagline + .jr-list{margin-top:2.2rem}
.pg-body > .jr-pages{grid-row:3}
.jr-plate,.jr-more{display:grid;grid-template-columns:var(--pg-toc) minmax(0,1fr);column-gap:var(--pg-gap)}
.jr-plate > *,.jr-more > *{grid-column:2}
.jr-lead h2{font-size:clamp(1.9rem,2.6vw,2.5rem)}
.jr-entry h2{font-size:1.45rem}
.jr-dek{font-size:1rem}
.jr-lead .jr-dek{font-size:1.12rem}
.jr-plate{margin-top:3rem}
}
@media (min-width:80rem){
.jr-lead .jr-entry{display:grid;grid-template-columns:var(--pg-measure) minmax(0,1fr);column-gap:var(--pg-gap);align-items:start}
.jr-lead .jr-entry > *{grid-column:1}
.jr-lead .jr-parts{grid-column:2;grid-row:1 / span 5;margin-top:0;max-width:18rem}
.jr-list .jr-entry > *{max-width:var(--pg-measure)}
}
@media (max-width:47.99rem){
.jr-list,.jr-lead{padding:1.15rem .85rem .85rem;border:1px solid var(--line);border-top-color:var(--ink);background:var(--pg-plate)}
.jr-list{padding-top:0}
.jr-parts li:last-child,.jr-list .jr-entry:last-child{border-bottom:0}
}
.jr .jr-parts{padding-top:0;border-top:0}
.jr .jr-parts > .lbl{color:var(--ink)}
.jr .jr-parts ol{margin-top:.3rem;border-top:0}
.jr .jr-parts li:last-child{border-bottom:0}
.jr .pg-body:has(> .jr-list) .jr-lead .jr-parts{display:none}
@media (max-width:47.99rem){
.jr:not([data-jr="article"]) .pg-body{margin-top:1.6rem}
.jr .jr-lead .jr-entry{padding-bottom:0}
.jr .jr-lead .jr-parts{margin-top:1.2rem}
}
@media (min-width:48rem){
.jr .pg-lead{max-width:var(--pg-measure)}
.jr .jr-lead,.jr .jr-list{background:var(--pg-plate)}
.jr .jr-lead{padding:1.35rem 1.25rem 1.5rem}
.jr .jr-lead .jr-entry{padding-bottom:0}
.jr .jr-list{padding:0 1.25rem .25rem}
.jr .jr-list .jr-entry:last-child{border-bottom:0}
.jr .jr-pages .nav-links{padding:.9rem 1rem;background:var(--pg-plate)}
}
@media (min-width:48rem) and (max-width:63.99rem){
.jr .pg-body > :is(.jr-lead,.jr-list,.jr-pages){max-width:var(--pg-measure)}
}
@media (min-width:60rem){
.jr .jr-lead{padding:1.8rem 2rem 2rem}
.jr .jr-list{padding-inline:2rem}
}
@media (min-width:80rem){
.jr .jr-lead .jr-entry{grid-template-columns:minmax(0,1fr) auto;column-gap:3rem}
.jr .jr-lead .jr-entry > *{max-width:calc(var(--pg-measure) - 2rem)}
.jr .jr-lead .jr-parts{width:16rem;max-width:none}
}
.jr-about{margin-top:3.5rem;padding-bottom:3.5rem}
.jr-about h2{margin-top:.6rem;padding-top:1.05rem;border-top:1px solid var(--ink);font-size:1.5rem;line-height:1.1}
.jr-about-in > p{margin-top:1rem;max-width:var(--pg-measure);font-size:1.0625rem;line-height:1.6;color:var(--ink-2);text-wrap:pretty}
.jr-about ul{margin-top:1.3rem;max-width:var(--pg-measure);display:grid;row-gap:.7rem}
.jr-about li{font-size:1.0625rem;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.jr-about li strong{margin-right:.5rem;font-family:var(--display);font-weight:700;font-size:1rem;letter-spacing:-.012em;color:var(--ink)}
.jr-about a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
.jr-about a:hover{color:var(--ink);text-decoration-color:var(--ink)}
.jr .pg-lead a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
.jr .pg-lead a:hover{color:var(--ink);text-decoration-color:var(--ink)}
@media (min-width:60rem){
.jr-about{margin-top:5rem;padding-bottom:5rem}
.jr-about h2{font-size:1.75rem}
}
@media (min-width:64rem){
.jr-about{display:grid;grid-template-columns:var(--pg-toc) minmax(0,1fr);column-gap:var(--pg-gap);align-items:start}
.jr-about > .lbl{grid-column:1;padding-top:1.7rem}
.jr-about-in{grid-column:2}
.jr-about h2{margin-top:0}
}
.jr-tags{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .9rem;margin-top:.8rem;font-size:.85rem;line-height:1.4}
.jr-tags a{display:inline-block;padding-block:.2rem;color:var(--ink-2);text-decoration:underline;text-decoration-thickness:1px;
text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
.jr-tags a::before{content:"#";content:"#" / "";display:inline-block;margin-right:.05em;color:var(--ink-2)}
.jr-tags a:hover{color:var(--ink);text-decoration-color:var(--ink)}
.jr-tags > .lbl{margin-right:.2rem;color:var(--ink)}
.jr .jr-tagline .jr-tags{margin-top:.3rem}
.jr .jr-tags-end{margin-top:2.5rem;max-width:var(--pg-measure);font-size:1rem}
.jr h1.jr-tag-h::before{content:"#";content:"#" / ""}
@media (min-width:64rem){
.pg-body > .jr-tags-end{grid-column:2}
}
.jr-rubrics{margin-top:1.6rem}
.jr-rubrics ul{display:grid;grid-template-columns:minmax(0,1fr);gap:.4rem}
.jr-rubrics li{display:grid;container-type:inline-size}
.jr-rb{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:.8rem;align-content:start;
padding-right:.8rem;background:var(--card);border:1px solid var(--line-3);transition:border-color .18s ease}
.jr-rb:not(:has(img)){padding-left:.8rem}
.jr-rb img{grid-row:1 / span 3;width:clamp(6rem,36cqi,7.5rem);height:auto;aspect-ratio:4 / 3;object-fit:cover}
.jr-rb-n{padding-top:.6rem;font-family:var(--display);font-weight:700;font-size:.95rem;line-height:1.2;letter-spacing:-.012em;color:var(--ink);text-wrap:balance}
.jr-rb-c{margin-top:.2rem;font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.3;color:var(--ink-2);font-variant-numeric:tabular-nums}
.jr-rb-d{margin-top:.25rem;padding-bottom:.6rem;font-size:.8rem;line-height:1.35;color:var(--ink-2)}
.jr-rb:hover{border-color:var(--ink)}
.jr-rb:hover .jr-rb-n{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
span.jr-rb[aria-current]{border:2px solid var(--ink)}
.jr .jr-tagline{padding:1.15rem 1rem 1.25rem;border-top:1px solid var(--ink);background:var(--pg-plate)}
.jr .jr-tagline > .lbl{color:var(--ink)}
@media (max-width:47.99rem){
.jr-rubrics{margin-top:var(--pg-v)}
.jr-rubrics ul{gap:.35rem}
.jr-rb img{width:6rem}
.jr .jr-tagline{margin-top:2.2rem;border:1px solid var(--line);border-top-color:var(--ink)}
}
@media (min-width:48rem){
.jr-rubrics ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
}
@media (min-width:48rem) and (max-width:63.99rem){
.jr .pg-head > .jr-rubrics,.jr .pg-body > .jr-tagline{max-width:var(--pg-measure)}
.jr .pg-body > .jr-tagline{margin-top:2.2rem}
}
@media (min-width:64rem){
.pg-body > .jr-tagline{grid-column:1;grid-row:1 / span 3;position:sticky;top:calc(var(--hdr) + 1.5rem)}
}
@media (min-width:80rem){
.jr-rubrics ul{grid-template-columns:repeat(3,minmax(0,1fr))}
.pg-body > .jr-tagline{max-width:18rem}
}
@media (prefers-reduced-motion:reduce){
.jr-rb{transition:none}
}
.jr-tags{gap:0 1.1rem;margin-top:.4rem;font-size:1rem}
.jr-tags a{padding-block:.7rem}
.jr .jr-tagnote{margin-top:.5rem;font-size:.9rem;line-height:1.45;color:var(--ink-2);text-wrap:pretty}
.jr-about-in > .wp-block-group{margin-top:1.4rem;max-width:var(--pg-measure)}
.jr-about-in > .wp-block-group > * + *,.jr-about-in .wp-block-group__inner-container > * + *{margin-top:.6rem}
.jr-about-in h3{font-size:1.2rem;line-height:1.22;letter-spacing:-.012em}
.jr-about-in .wp-block-group p{font-size:1.0625rem;line-height:1.6;color:var(--ink-2);text-wrap:pretty}
@media (min-width:64rem){
.jr:not([data-jr="article"]) .pg-lead{max-width:none}
.jr-about{margin-top:3rem}
}
@media (min-width:80rem){
.jr:not([data-jr="article"]) .pg-lead{font-size:1.35rem;line-height:1.5}
.jr .jr-lead .jr-entry{grid-template-columns:minmax(0,1fr) calc((100% + 2.5rem) / 3 - 2rem);column-gap:3rem}
.jr .jr-lead .jr-entry > *{max-width:none}
.jr .jr-lead .jr-parts{width:auto}
.jr-about-in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:.75rem;row-gap:0}
.jr-about-in > h2{grid-column:1 / -1}
.jr-about-in > .wp-block-group{max-width:none;padding-right:2.25rem}
.jr .pg-body:has(> .jr-list) .jr-lead .jr-entry{grid-template-columns:minmax(0,1fr)}
}
.jr .jr-lead .jr-text{display:grid;grid-template-columns:6rem minmax(0,1fr);column-gap:1rem;align-items:start}
.jr .jr-lead .jr-text > *{grid-column:1 / -1}
.jr .jr-lead .jr-text > .jr-sq{grid-column:1;grid-row:2;margin:.75rem 0 0}
.jr .jr-lead .jr-text > h2{grid-column:2;grid-row:2}
.jr .jr-lead .jr-sq a{display:block}
.jr .jr-lead .jr-sq img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.jr .jr-lead .jr-text:not(:has(> .jr-sq)) > *{grid-column:1 / -1}
@media (min-width:48rem){
.jr .jr-lead .jr-text{grid-template-columns:10rem minmax(0,1fr);column-gap:1.5rem}
.jr .jr-lead .jr-text > h2{grid-column:1 / -1}
.jr .jr-lead .jr-text > .jr-sq{grid-row:3 / span 2;margin-top:.9rem}
.jr .jr-lead .jr-text > :is(.jr-dek,.jr-tags){grid-column:2}
.jr .jr-lead .jr-text > .jr-dek{grid-row:3}
.jr .jr-lead .jr-text > .jr-tags{grid-row:4}
}
@media (min-width:80rem){
.jr .jr-lead .jr-text{grid-template-columns:12.5rem minmax(0,1fr)}
.jr .jr-lead .jr-entry > .jr-text{grid-column:1}
}
.jr[data-jr="article"] .jr-read{--pg-measure:46rem;background:var(--pg-plate)}
.jr[data-jr="article"] .jr-read > .jr-plate{display:block;margin:0 0 1.8rem}
.jr[data-jr="article"] .jr-read > .jr-plate img{width:100%;height:auto;max-height:none;aspect-ratio:16 / 9;object-fit:cover}
.jr[data-jr="article"] .jr-read > .jr-plate figcaption,
.jr[data-jr="article"] .prose .wp-block-image figcaption{font-size:.85rem}
.jr[data-jr="article"] .prose :is(.alignleft,.alignright){float:none;max-width:none;margin:1.8rem 0}
.jr[data-jr="article"] .prose blockquote{max-width:none}
.jr[data-jr="article"] .prose .wp-block-embed iframe{width:100%;height:auto;aspect-ratio:16 / 9}
.jr[data-jr="article"] .prose .wp-block-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.jr[data-jr="article"] .jr-read > .jr-tags-end{max-width:none}
@media (max-width:47.99rem){
.jr[data-jr="article"] .jr-read{margin-inline:-1.25rem;padding:1.5rem 1.25rem 1.75rem}
}
@media (min-width:48rem){
.jr[data-jr="article"] .jr-read{padding:2rem 1.5rem 2.25rem;border-top:1px solid var(--ink)}
.jr[data-jr="article"] .pg-toc{padding:1.15rem 1rem 1.25rem;background:var(--pg-plate)}
.jr[data-jr="article"] .pg-toc > .lbl{color:var(--ink)}
.jr[data-jr="article"] .pg-toc ol{margin-top:.3rem;border-top:0}
.jr[data-jr="article"] .pg-toc li:last-child{border-bottom:0}
}
@media (min-width:64rem){
.jr[data-jr="article"] .pg-body > .jr-read{grid-column:2;max-width:52rem;padding:2.5rem 3rem 3rem}
.jr[data-jr="article"] .pg-head > :is(h1,.pg-lead,.jr-meta),.jr[data-jr="article"] .jr-more > *{max-width:52rem}
}
@media (min-width:80rem){
.jr[data-jr="article"] .prose{font-size:1.125rem;line-height:1.65}
.jr[data-jr="article"] .prose .is-style-kh-note{float:none;clear:none;width:auto;margin:1.8rem 0;font-size:.95rem}
}
}
@layer components {
.prose .wp-block-table.is-style-kh-layers{overflow:visible}
.prose .is-style-kh-layers table{table-layout:fixed;min-width:0;border-top:1px solid var(--ink)}
.prose .is-style-kh-layers th{border-bottom:1px solid var(--line);padding-top:.5rem;padding-bottom:.5rem}
.prose .is-style-kh-layers th:first-child,
.prose .is-style-kh-layers td:first-child{width:2.4rem}
.prose .is-style-kh-layers th:last-child,
.prose .is-style-kh-layers td:last-child{width:5.5rem;text-align:right}
.prose .is-style-kh-layers td{padding-top:.72rem;padding-bottom:.72rem;vertical-align:baseline}
.prose .is-style-kh-layers td:first-child{font-size:.62rem;letter-spacing:.1em;color:var(--muted);font-variant-numeric:tabular-nums}
.prose .is-style-kh-layers td strong{display:block;font-size:.95rem;line-height:1.35}
.prose .is-style-kh-layers td em{display:block;margin-top:.18rem;font-style:normal;font-size:.8rem;line-height:1.4;color:var(--muted)}
.prose .is-style-kh-layers td:last-child{font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;line-height:1.5;color:var(--ink-2)}
@media (min-width:48rem){
.prose .is-style-kh-layers th:last-child,
.prose .is-style-kh-layers td:last-child{width:9rem}
}
@media (max-width:47.99rem){
.prose .is-style-kh-layers :is(table,tbody,tr,td,th){border:0;background:none}
.prose .is-style-kh-layers :is(table,tbody){display:block}
.prose .is-style-kh-layers thead{display:none}
.prose .is-style-kh-layers tr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;
column-gap:.9rem;row-gap:.5rem;margin-top:.5rem;padding:.85rem;
border:1px solid var(--line);background:var(--pg-plate)}
.prose .is-style-kh-layers tr:first-child{margin-top:0}
.prose .is-style-kh-layers td{padding:0;width:auto}
.prose .is-style-kh-layers td:first-child{grid-column:1;grid-row:1;font-size:.62rem}
.prose .is-style-kh-layers td:last-child{grid-column:2;grid-row:1;text-align:right;font-size:.62rem;line-height:1.4}
.prose .is-style-kh-layers td:nth-child(2){grid-column:1 / -1;grid-row:2;
padding-top:.5rem;border-top:1px solid var(--line)}
}
}
@layer components {
.prose .wp-block-image.kh-part{max-width:none;margin-block:1.8rem}
.prose .kh-part img{display:block;width:100%;height:auto}
.prose .kh-part a.kh-full{display:block;text-decoration:none;cursor:zoom-in}
.prose .kh-part figcaption{margin-top:.9rem;padding-top:0;text-align:left;font-size:.8rem;letter-spacing:0;
text-transform:none;line-height:1.45;color:var(--muted)}
.prose .kh-part figcaption::before,.prose .kh-part figcaption::after{content:none}
.prose > .kh-part figcaption{max-width:var(--pg-measure)}
body[data-page="about"] .prose > .kh-part{max-width:30rem}
@media (min-width:48rem){
body[data-page="about"] .prose{display:flow-root}
body[data-page="about"] .prose > .kh-part{float:right;clear:right;width:min(17rem,50%);max-width:none;margin:.35rem 0 2.5rem 2.5rem}
body[data-page="about"] .prose > h2{clear:right}
}
}
@layer components {
.kh-real{margin-top:3.5rem;padding-bottom:3.5rem}
.kh-real > .lbl{margin:0;color:var(--ink)}
.kh-real h2{margin-top:.6rem;padding-top:1.05rem;border-top:1px solid var(--ink);font-size:1.5rem;line-height:1.1;text-wrap:balance}
.kh-real-in > p:not(.kh-real-go){margin-top:1rem;max-width:var(--pg-measure);font-size:1.0625rem;line-height:1.6;color:var(--ink-2);text-wrap:pretty}
.kh-real-g{display:grid;grid-auto-flow:column;grid-auto-columns:min(78%,20rem);gap:.5rem;margin-top:1.4rem;
overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}
.kh-real-g > img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;background:var(--paper-2);scroll-snap-align:start}
.kh-real-g:focus-visible{outline:2px solid var(--accent-t);outline-offset:2px}
.kh-real-go{margin-top:1.1rem}
@media (min-width:48rem){
.kh-real-in{max-width:var(--pg-measure)}
.kh-real-g{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(12,minmax(0,1fr));overflow:visible;scroll-snap-type:none}
.kh-real-g > img{grid-column:span 6}
.kh-real-g:is([data-n="3"],[data-n="5"],[data-n="7"]) > img:first-child{grid-column:1 / -1}
}
@media (min-width:60rem){
.kh-real{margin-top:5rem;padding-bottom:5rem}
.kh-real h2{font-size:1.75rem}
}
@media (min-width:64rem){
.kh-real{display:grid;grid-template-columns:var(--pg-toc) minmax(0,1fr);column-gap:var(--pg-gap);align-items:start}
.kh-real > .lbl{padding-top:1.65rem}
.kh-real-in{max-width:none}
.kh-real-g > img{grid-column:span 4}
.kh-real-g:is([data-n="3"],[data-n="5"],[data-n="7"]) > img:first-child{grid-column:span 4}
.kh-real-g[data-n="4"] > img,.kh-real-g[data-n="5"] > img:nth-child(n+4){grid-column:span 6}
.kh-real-g[data-n="7"] > img:nth-child(n+4){grid-column:span 3}
}
@media (min-width:80rem){
.kh-real > .lbl{max-width:18rem}
}
}
@layer components {
.prose .is-style-kh-roadmap{--kh-w:none;--kh-rm-mid:none;display:none;clear:right;margin-top:1.6rem;
--kh-lane:7.5rem;--kh-void:2.25rem;--kh-ins:1.1rem;--kh-gapx:.3rem;--kh-cgap:1.25rem}
.prose .is-style-kh-roadmap ol{position:relative;display:grid;column-gap:var(--kh-cgap);margin:0;padding:0;list-style:none;counter-reset:kh-rm;
grid-template-rows:minmax(var(--kh-lane),auto) var(--kh-void) 0 var(--kh-void) minmax(var(--kh-lane),auto)}
.prose .is-style-kh-roadmap ol::before,
.prose .is-style-kh-roadmap ol::after{content:"";grid-column:1/-1;grid-row:3;height:1px;background:var(--ink);align-self:center}
.prose .is-style-kh-roadmap ol::after{content:none}
.prose .is-style-kh-roadmap li{counter-increment:kh-rm;position:relative;margin:0;padding:0;align-self:end}
.prose .is-style-kh-roadmap li.kh-we{align-self:start}
.prose .is-style-kh-roadmap li + li{margin-top:0}
.prose .is-style-kh-roadmap li > a{display:grid;align-content:start;gap:.5rem;padding:.95rem .85rem 1.05rem;border:1px solid var(--line);
color:var(--ink);text-decoration:none;font-size:.86rem;line-height:1.2;font-weight:700;letter-spacing:-.005em;hyphens:auto;
transition:border-color .18s ease,background .18s ease}
.prose .is-style-kh-roadmap li > a:hover,
.prose .is-style-kh-roadmap li > a:focus-visible{border-color:var(--ink);background:var(--paper-2)}
.prose .is-style-kh-roadmap li > a::before{content:counter(kh-rm,decimal-leading-zero);font-family:var(--display);font-weight:700;
font-size:2.25rem;line-height:.88;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.prose .is-style-kh-roadmap li > a em{font-style:normal;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--ink-2)}
.prose .is-style-kh-roadmap li::after{content:"";position:absolute;left:var(--kh-ins);width:1px;background:var(--ink);
top:calc(100% + var(--kh-gapx));height:calc(var(--kh-void) - var(--kh-gapx))}
.prose .is-style-kh-roadmap li.kh-we::after{top:auto;bottom:calc(100% + var(--kh-gapx))}
.prose .is-style-kh-roadmap .is-style-kh-label{margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--line)}
.prose .is-style-kh-roadmap .kh-rm-note{font-size:.68rem;line-height:1.35;font-weight:400;letter-spacing:0;color:var(--ink-2)}
@media (min-width:64rem) and (max-width:79.99rem){
.prose .is-style-kh-roadmap{display:var(--kh-rm-mid)}
.prose .is-style-kh-roadmap ol{grid-template-columns:repeat(4,minmax(0,1fr));
grid-template-rows:minmax(var(--kh-lane),auto) var(--kh-void) 0 var(--kh-void) minmax(var(--kh-lane),auto) 3.5rem
minmax(var(--kh-lane),auto) var(--kh-void) 0 var(--kh-void) minmax(var(--kh-lane),auto)}
.prose .is-style-kh-roadmap ol::after{content:"";grid-row:9}
.prose .is-style-kh-roadmap li:nth-child(-n+4){grid-row:1}
.prose .is-style-kh-roadmap li:nth-child(-n+4).kh-we{grid-row:5}
.prose .is-style-kh-roadmap li:nth-child(n+5){grid-row:7}
.prose .is-style-kh-roadmap li:nth-child(n+5).kh-we{grid-row:11}
.prose .is-style-kh-roadmap li:nth-child(1),.prose .is-style-kh-roadmap li:nth-child(5){grid-column:1}
.prose .is-style-kh-roadmap li:nth-child(2),.prose .is-style-kh-roadmap li:nth-child(6){grid-column:2}
.prose .is-style-kh-roadmap li:nth-child(3),.prose .is-style-kh-roadmap li:nth-child(7){grid-column:3}
.prose .is-style-kh-roadmap li:nth-child(4){grid-column:4}
}
@media (min-width:80rem){
.prose .is-style-kh-roadmap{display:block}
.prose .is-style-kh-roadmap ol{grid-template-columns:repeat(7,minmax(0,1fr))}
.prose .is-style-kh-roadmap li{grid-row:1}
.prose .is-style-kh-roadmap li.kh-we{grid-row:5}
.prose .is-style-kh-roadmap li:nth-child(1){grid-column:1}
.prose .is-style-kh-roadmap li:nth-child(2){grid-column:2}
.prose .is-style-kh-roadmap li:nth-child(3){grid-column:3}
.prose .is-style-kh-roadmap li:nth-child(4){grid-column:4}
.prose .is-style-kh-roadmap li:nth-child(5){grid-column:5}
.prose .is-style-kh-roadmap li:nth-child(6){grid-column:6}
.prose .is-style-kh-roadmap li:nth-child(7){grid-column:7}
}
@supports (animation-timeline:view()){
@media (min-width:64rem) and (prefers-reduced-motion:no-preference){
.prose .is-style-kh-roadmap ol::before,
.prose .is-style-kh-roadmap ol::after{transform:scaleX(0);transform-origin:left center;
animation:kh-rm-draw linear both;animation-timeline:view();animation-range:entry 25% cover 38%}
.prose .is-style-kh-roadmap li::after{transform:scaleY(0);transform-origin:top;
animation:kh-rm-drop linear both;animation-timeline:view();animation-range:entry 34% cover 46%}
.prose .is-style-kh-roadmap li.kh-we::after{transform-origin:bottom}
}
}
@keyframes kh-rm-draw{to{transform:scaleX(1)}}
@keyframes kh-rm-drop{to{transform:scaleY(1)}}
}
@layer components {
.prose > .kh-shots{--kh-w:none;clear:right;display:grid;gap:.5rem;margin-top:1.6rem}
.kh-shots > :is(img,video){display:block;width:100%;height:auto;object-fit:cover;background:var(--paper-2)}
.kh-shots--v{grid-template-columns:repeat(2,minmax(0,1fr))}
.kh-shots--v > :is(img,video){aspect-ratio:9/16}
.kh-shots--h{grid-template-columns:minmax(0,1fr)}
.kh-shots--h > img{aspect-ratio:2/1}
.kh-shots figcaption{grid-column:1 / -1;max-width:var(--pg-measure);margin-top:.1rem;font-size:.8rem;line-height:1.45;
color:var(--muted);text-wrap:pretty}
.kh-vid-t{display:inline-flex;align-items:center;min-height:2.75rem;margin-left:.6rem;padding:0;font-size:.62rem;letter-spacing:.14em;
text-transform:uppercase;font-weight:700;line-height:1.2;color:var(--ink-2);
text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.35em;text-decoration-color:var(--accent-t)}
.kh-vid-t[hidden]{display:none}
.kh-vid-t:hover{color:var(--ink);text-decoration-color:var(--ink)}
@media (min-width:48rem){
.kh-shots--v{grid-template-columns:repeat(4,minmax(0,1fr))}
.kh-shots--h{grid-template-columns:repeat(2,minmax(0,1fr))}
}
}
@layer components {
.bgbuild:has(~ .pg .pg-story img){display:none}
.pg-story{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .6s ease}
.pg-story[data-live]{opacity:calc(var(--pg-k,1) * .28)}
.pg-story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .9s ease}
.pg-story img[data-on]{opacity:1}
@media (max-width:63.99rem){
.pg-story[data-live]{opacity:calc(var(--pg-k,1) * .225)}
.pg-story img{object-position:var(--pg-x,50%) 50%}
}
@media (prefers-reduced-motion:reduce){
.pg-story img{transition:none}
}
}
@layer components {
.kc-sheet{padding:2.5rem 0 3.5rem}
.kc-head h1{margin-top:.75rem;font-size:clamp(2.1rem,7.4vw,3.5rem);line-height:1.02;overflow-wrap:break-word;hyphens:auto;text-wrap:balance}
.kc-line{margin-top:.9rem;font-size:1.05rem;line-height:1.45;color:var(--ink-2);font-variant-numeric:tabular-nums}
.kc-tiles{display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem;margin-top:2rem}
.kc-tile{display:grid;align-content:start;gap:.55rem;padding:.85rem .85rem 1rem;background:var(--paper-2);outline:1px solid transparent;
outline-offset:-1px;transition:background .18s ease,outline-color .18s ease}
.kc-tile:hover,.kc-tile:focus-visible{background:var(--card);outline-color:var(--ink)}
.kc-tile-pic{position:relative;display:block;aspect-ratio:3 / 2;overflow:hidden;background:var(--paper)}
.kc-tile-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.kc-tile-pic .kc-ph{inset:20% 0;height:60%;opacity:.6}
.kc-tile-ttl{margin-top:.35rem;font-family:var(--display);font-weight:700;font-size:1.5rem;line-height:1.05;letter-spacing:-.01em;color:var(--ink)}
.kc-tile-p{font-size:.85rem;line-height:1.45;color:var(--ink-2);font-variant-numeric:tabular-nums}
.kc-tile-row{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;margin-top:.2rem;font-size:.6rem;letter-spacing:.15em;
text-transform:uppercase;color:var(--ink-2);font-variant-numeric:tabular-nums}
.kc-tile-row b{color:var(--ink);font-weight:700}
.kc-nav{margin-top:3rem}
.kc-nav ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.kc-nav li{display:grid}
.kc-cat{display:grid;grid-template-columns:2.4rem minmax(0,1fr);grid-template-rows:auto auto;column-gap:.65rem;row-gap:.1rem;
align-content:center;padding:.7rem .75rem;background:var(--paper-2);transition:background .18s ease}
.kc-cat img{grid-row:1 / span 2;align-self:center;width:2.4rem;height:2.4rem;object-fit:contain}
.kc-cat-n{font-weight:700;font-size:.85rem;line-height:1.2;color:var(--ink);overflow-wrap:break-word}
.kc-cat-c{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;line-height:1.3;color:var(--ink-2);font-variant-numeric:tabular-nums}
.kc-cat:hover{background:var(--card)}
.kc-cat[aria-current]{position:relative;background:var(--card);outline:1px solid var(--ink);outline-offset:-1px}
.kc-list{margin-top:2.5rem}
.kc-filter{position:sticky;top:var(--hdr);z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto;
grid-template-areas:"cat reset" "area area" "price price";gap:.4rem .35rem;padding:.6rem 0}
.kc-filter:has(> .kc-reset[hidden]){grid-template-areas:"cat cat" "area area" "price price"}
.kc[data-kc="category"] .kc-filter{grid-template-areas:"area reset" "price price"}
.kc[data-kc="category"] .kc-filter:has(> .kc-reset[hidden]){grid-template-areas:"area area" "price price"}
.kc-filter[hidden]{display:none}
.kc-filter::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);
background:var(--paper);border-bottom:1px solid var(--line);opacity:0;transition:opacity .18s ease}
.kc-filter[data-stuck]::before{opacity:1}
.kc-fs{min-width:0;margin:0;padding:0;border:0}
.kc-fs-cat{grid-area:cat}
.kc-fs-area{grid-area:area}
.kc-fs-price{grid-area:price}
.kc-fs legend{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;
font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;line-height:1.55;color:var(--ink-2)}
.kc-opts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(max-content,1fr);gap:.35rem;overflow-x:auto;overscroll-behavior-x:contain;
scrollbar-width:thin;padding:.25rem;margin:-.25rem}
.kc-opt{position:relative;display:flex}
.kc-opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.kc-opt span,.kc-rs{flex:1;display:block;padding:.7rem;border:1px solid var(--line-2);background:var(--paper);font:inherit;font-size:.62rem;
letter-spacing:.12em;text-transform:uppercase;font-weight:700;line-height:1.2;text-align:center;white-space:nowrap;color:var(--ink-2);
font-variant-numeric:tabular-nums;transition:border-color .18s ease,color .18s ease,background .18s ease}
.kc-opt:hover span{border-color:var(--ink);color:var(--ink)}
.kc-opt input:checked + span{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.kc-opt input:focus-visible + span{outline:2px solid var(--accent-t);outline-offset:2px}
.kc-reset{grid-area:reset;display:flex;margin:0}
.kc-reset[hidden]{display:none}
.kc-rs{border-color:var(--ink);color:var(--ink);cursor:pointer}
.kc-rs:hover{background:var(--ink);color:var(--paper)}
.kc-rs:focus-visible{outline:2px solid var(--accent-t);outline-offset:2px}
.kc-note{margin-top:1rem;max-width:44rem;font-size:.85rem;line-height:1.45;color:var(--ink-2);text-wrap:pretty}
.kc-empty,.kc-none{padding:2.5rem 0;font-size:.95rem;color:var(--ink-2)}
.kc-empty[hidden]{display:none}
.kc-group{padding-top:2.5rem}
.kc-group[hidden]{display:none}
.kc-group{scroll-margin-top:calc(var(--hdr) + var(--kc-fh, 0px) + 1rem)}
.kc-gh{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.25rem 1.4rem;margin-bottom:1.1rem}
.kc-gh h2{grid-column:1;font-size:clamp(1.4rem,5vw,2.1rem);line-height:1.1;overflow-wrap:break-word}
.kc-gh h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em}
.kc-rng{grid-column:1;font-size:.85rem;line-height:1.35;color:var(--ink-2);font-variant-numeric:tabular-nums}
.kc-cnt{grid-column:2;grid-row:1 / span 2;align-self:end;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:var(--ink-2);font-variant-numeric:tabular-nums}
.kc-grid,.kc-more .prose{display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem}
.kc-card{position:relative;display:grid;grid-template-rows:auto 1fr;min-width:0;background:var(--card);outline:1px solid transparent;outline-offset:-1px;
transition:outline-color .2s ease}
.kc-card[hidden]{display:none}
.kc-card:hover,.kc-card:focus-within{outline-color:var(--timber)}
.kc-vis{position:relative;aspect-ratio:3 / 2;overflow:hidden;background:var(--paper-2)}
.kc-vis img{display:block;width:100%;height:100%;object-fit:cover}
.kc-vis:has(> .kc-ph){aspect-ratio:3 / 1}
.kc-vis .kc-ph{position:absolute;inset:15% 0;height:70%;object-fit:contain;opacity:.6}
.kc-cap{position:absolute;left:0;bottom:0;max-width:100%;padding:.28rem .5rem;background:color-mix(in oklab,var(--card) 90%,transparent);
font-size:.6rem;letter-spacing:.04em;line-height:1.3;color:var(--ink-2)}
.kc-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;align-content:start;gap:.2rem .9rem;padding:.75rem .85rem .85rem}
.kc-area{grid-column:1;grid-row:1;font-family:var(--display);font-weight:700;font-size:1.75rem;line-height:1;letter-spacing:-.02em;white-space:nowrap;
color:var(--ink);font-variant-numeric:tabular-nums}
.kc-area small{font-size:.5em;font-weight:400;letter-spacing:0}
.kc-pr{grid-column:2;grid-row:1;justify-self:end;text-align:right;font-size:.6rem;letter-spacing:.06em;line-height:1.2;white-space:nowrap;color:var(--ink-2);
font-variant-numeric:tabular-nums}
.kc-pr b{font-size:1.34em;font-weight:700;letter-spacing:0;color:var(--ink)}
.kc-pr del{font-size:1.1em;font-weight:700;letter-spacing:0}
.kc-name{grid-column:1 / -1;grid-row:2;margin-top:.4rem;font-family:var(--text);font-size:.82rem;font-weight:400;line-height:1.35;letter-spacing:0;
color:var(--ink-2);overflow-wrap:break-word;text-wrap:pretty}
.kc-name a::after{content:"";position:absolute;inset:0}
.kc-card:hover .kc-name a{color:var(--ink)}
.kc-name a:focus-visible{outline:0}
.kc-card:has(.kc-name a:focus-visible){outline:2px solid var(--accent-t);outline-offset:2px}
.kc-more{margin-top:4rem}
.kc-more > .lbl{margin-bottom:.8rem}
.kc-more .prose{row-gap:2.5rem;padding-top:1.6rem;border-top:1px solid var(--line)}
.kc-more .prose > .kc-col{--kh-w:none;min-width:0;margin-top:0}
.kc-more .prose > .kc-col-all{grid-column:1 / -1}
.kc-more .prose .kc-blk + .kc-blk{margin-top:2.5rem}
.kc-more .prose :is(.kc-col,.kc-blk) > :first-child{margin-top:0}
.kc-more .prose :is(.kc-blk,.kc-col-all) > * + *{margin-top:1.05rem}
.kc-more .prose :is(.kc-blk,.kc-col-all) > :where(.kh-more) > * + *{margin-top:1.05rem}
.kc-more .prose h2{padding-top:0;border-top:0}
.kc-more .prose :is(.kc-blk,.kc-col-all) > h2:not(:first-child){margin-top:2.25rem}
.kc-more .prose :is(.kc-blk,.kc-col-all) > :where(.kh-more) > h2:not(:first-child){margin-top:2.25rem}
.kc-more .prose :is(.kc-blk,.kc-col-all) > h2 + *{margin-top:1rem}
.kc-more .prose :is(.kc-blk,.kc-col-all) > :where(.kh-more) > h2 + *{margin-top:1rem}
.kc-more .prose :is(.kc-blk,.kc-col-all) > :where(.kh-more) > summary + *{margin-top:0}
.kc-more .prose h2::before{position:static;display:block;width:auto;margin:0 0 .55rem;text-align:left}
.kc-more .prose h2[data-kh-n]::before{content:attr(data-kh-n)}
.kc-more .prose .is-style-kh-qa{margin-top:1.2rem;border-bottom:0;padding-bottom:0}
.kc-more .prose .is-style-kh-qa h3{margin-top:1.5rem;padding-top:0;border-top:0}
.kc-more .prose .is-style-kh-qa h3:first-child{margin-top:0}
.kc-intro{display:grid;gap:.8rem;font-size:1.08rem;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.kc-intro a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
.kc-intro a:hover{color:var(--ink);text-decoration-color:var(--ink)}
@media (min-width:37.5rem){
.kc-grid,.kc-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
}
@media (min-width:48rem){
.kc-nav ul{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:60rem){
.kc-sheet{padding:3.5rem 0 5rem}
.kc-grid,.kc-tiles,.kc-more .prose{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.kc-tile{padding:1rem 1rem 1.15rem;gap:.65rem}
.kc-tile-ttl{font-size:1.75rem}
.kc-group{padding-top:3.5rem}
.kc-filter{grid-template-areas:"cat cat" "area area" "price reset"}
.kc[data-kc="category"] .kc-filter{grid-template-areas:"area area" "price reset"}
.kc-filter:has(> .kc-reset[hidden]){grid-template-areas:"cat cat" "area area" "price price"}
.kc[data-kc="category"] .kc-filter:has(> .kc-reset[hidden]){grid-template-areas:"area area" "price price"}
.kc-fs legend{position:static;float:left;width:5.5rem;height:auto;margin:0 .75rem 0 0;padding:.67rem 0 0;overflow:visible;clip-path:none;white-space:normal}
}
@media (min-width:80rem){
.kc-nav ul{grid-template-columns:repeat(6,minmax(0,1fr))}
.kc-cat{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;row-gap:.3rem;align-content:start;padding:.9rem .9rem 1rem}
.kc-cat img{grid-row:auto;width:3.2rem;height:3.2rem;margin-bottom:.35rem}
.kc-area{font-size:2rem}
}
@media (max-width:47.99rem){
.kc-opts{scrollbar-width:none}
.kc-opts::-webkit-scrollbar{display:none}
}
@media (min-width:80rem){
.kc-filter{grid-template-columns:minmax(calc((100% - 3rem) / 3), max-content) minmax(0,1fr) auto;grid-template-areas:"cat cat cat" "area price reset";
align-items:end}
.kc-filter:has(> .kc-reset[hidden]){grid-template-columns:minmax(calc((100% - 3rem) / 3), max-content) minmax(0,1fr);grid-template-areas:"cat cat" "area price"}
.kc[data-kc="category"] .kc-filter{grid-template-areas:"area price reset"}
.kc[data-kc="category"] .kc-filter:has(> .kc-reset[hidden]){grid-template-areas:"area price"}
.kc-fs-price{margin-left:1.15rem}
.kc-fs legend{float:none;display:block;width:auto;margin:0 0 .35rem;padding:0}
}
@media (max-width:63.99rem) and (prefers-reduced-motion:no-preference){
.kc-fs-area .kc-opts[data-kh-nudge] > .kc-opt{animation-delay:.14s}
.kc-fs-price .kc-opts[data-kh-nudge] > .kc-opt{animation-delay:.28s}
}
@media (prefers-reduced-motion:reduce){
.kc-card,.kc-cat,.kc-opt span,.kc-rs,.kc-tile,.kc-filter::before{transition:none}
}
}
@layer components {
.pc-sheet{padding:1.5rem 0 3.5rem}
.pc-notes{margin-bottom:1.25rem}
.pc-notes ul{padding:.8rem 1rem;border:1px solid var(--ink);background:var(--card);font-size:.9rem;line-height:1.45}
.pc-top{display:grid;gap:1.5rem;margin-top:1rem}
.pc-gal{min-width:0}
.pc-frames{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;
overscroll-behavior-x:contain;scrollbar-width:none;border:1px solid var(--line);background:var(--paper-2)}
.pc-frames::-webkit-scrollbar{display:none}
.pc-fr{margin:0;aspect-ratio:3 / 2;overflow:hidden;scroll-snap-align:start}
.pc-fr img{display:block;width:100%;height:100%;object-fit:cover}
.pc-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:.5rem;margin-top:.5rem}
.pc-thumbs[hidden]{display:none}
.pc-th{display:block;aspect-ratio:3 / 2;padding:0;overflow:hidden;border:1px solid var(--line);background:var(--paper-2);cursor:pointer;
transition:border-color .18s ease}
.pc-th img{display:block;width:100%;height:100%;object-fit:cover}
.pc-th:hover{border-color:var(--ink-2)}
.pc-th[aria-current="true"]{border-color:var(--ink);outline:1px solid var(--ink);outline-offset:-2px}
.pc-th:focus-visible{outline:2px solid var(--accent-t);outline-offset:2px}
.pc-dw{margin-top:1.25rem;padding-top:.75rem;border-top:1px solid var(--line)}
.pc-dw-l{margin-bottom:.5rem;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-2)}
.pc-dfr{aspect-ratio:auto;display:grid;align-content:start;justify-items:center;border:1px solid var(--line);background:var(--card)}
.pc-dfr img{width:auto;max-width:100%;height:auto;padding:.75rem}
.pc-dfr figcaption{justify-self:stretch}
.pc-dfr figcaption{padding:.45rem .75rem;border-top:1px solid var(--line);font-size:.75rem;line-height:1.35;color:var(--ink-2)}
.pc-dw .pc-th img{object-fit:contain;background:var(--card)}
.pc-fr .pc-ph{object-fit:contain;padding:18% 0;opacity:.6;background:var(--card)}
.pc-head{min-width:0}
.pc-head h1{margin-top:.6rem;font-size:clamp(1.9rem,6.4vw,2.6rem);line-height:1.06;overflow-wrap:break-word;text-wrap:balance}
.pc-sku{margin-top:.6rem;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ink-2);font-variant-numeric:tabular-nums}
.pc-lead{display:grid;gap:.6rem;margin-top:1rem;max-width:36rem;font-size:1rem;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.pc-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;margin-top:1.25rem;border-top:1px solid var(--ink)}
.pc-key div{min-width:0;padding:.6rem 0 .65rem;border-bottom:1px solid var(--line)}
.pc-key dt{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;line-height:1.3;color:var(--ink-2)}
.pc-key dd{margin:.2rem 0 0;font-size:.92rem;line-height:1.35;color:var(--ink);overflow-wrap:break-word}
.pc-price{margin-top:1.5rem;padding-top:.9rem;border-top:1px solid var(--ink)}
.pc-pl{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-2)}
.pc-amt{margin-top:.25rem;font-family:var(--display);font-weight:700;font-size:clamp(2.2rem,8vw,2.75rem);line-height:1;letter-spacing:-.02em;
white-space:nowrap;color:var(--ink);font-variant-numeric:tabular-nums}
.pc-pn{margin-top:.55rem;font-size:.85rem;line-height:1.45;color:var(--ink-2)}
.pc-go{margin-top:1.25rem}
.pc-go .btn{width:100%}
.pc-head,.pc-sec{background:var(--pg-plate);padding:1.1rem 1.25rem 1.5rem}
.pc-sec{margin-top:2.5rem;border-top:1px solid var(--ink)}
.pc-sec > h2{font-size:clamp(1.5rem,5vw,2.1rem);line-height:1.1;overflow-wrap:break-word}
.pc-cols{display:grid;gap:1.75rem;margin-top:1.4rem}
.pc-col{min-width:0}
.pc-col h3{padding-bottom:.55rem;border-bottom:1px solid var(--ink);font-family:var(--text);font-size:.66rem;letter-spacing:.16em;
text-transform:uppercase;font-weight:700;line-height:1.3;color:var(--ink-2)}
.pc-list li{padding:.6rem 0;border-bottom:1px solid var(--line);font-size:.94rem;line-height:1.45;color:var(--ink);text-wrap:pretty}
.pc-cfg{scroll-margin-top:calc(var(--hdr) + 1rem)}
.pc-intro{margin-top:.8rem;max-width:40rem;font-size:.94rem;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.pc-form.enq-f{display:grid;gap:0;margin-top:1.5rem;padding:0;background:none}
.pc-groups{min-width:0}
.pc-grp{min-width:0;margin:0 0 1.6rem;padding:0;border:0}
.pc-gl{display:block;width:100%;padding:0 0 .5rem;border-bottom:1px solid var(--ink);font-family:var(--text);font-size:1rem;font-weight:700;
line-height:1.3;color:var(--ink)}
.pc-gh{margin-top:.5rem;max-width:38rem;font-size:.85rem;line-height:1.45;color:var(--ink-2);text-wrap:pretty}
.pc-its{margin-top:.35rem}
.pc-it{position:relative;display:grid;grid-template-columns:1.1rem minmax(0,1fr) auto;align-items:center;column-gap:.75rem;min-height:2.9rem;
padding:.55rem .6rem;border-bottom:1px solid var(--line);cursor:pointer;transition:background .18s ease}
.pc-it input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.pc-box{display:grid;place-items:center;width:1.1rem;height:1.1rem;border:1px solid var(--ink-2);background:var(--card)}
.pc-box::after{content:"";width:.55rem;height:.55rem;background:var(--ink);transform:scale(0);transition:transform .15s ease}
.pc-it input:checked + .pc-box{border-color:var(--ink)}
.pc-it input:checked + .pc-box::after{transform:scale(1)}
.pc-it input:focus-visible + .pc-box{outline:2px solid var(--accent-t);outline-offset:2px}
.pc-it:hover,.pc-it:has(input:checked){background:var(--card)}
.pc-il{font-size:.94rem;line-height:1.35;color:var(--ink);overflow-wrap:break-word}
.pc-ip{font-size:.9rem;font-weight:700;white-space:nowrap;color:var(--ink);font-variant-numeric:tabular-nums}
.pc-custom{max-width:40rem;padding-top:.2rem;font-size:.9rem;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.pc-custom a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
.pc-custom a:hover{text-decoration-color:var(--ink)}
.pc-sum{position:sticky;bottom:0;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25rem 1rem;
margin:1.25rem -2.5rem 0;padding:.7rem 1.25rem calc(.7rem + env(safe-area-inset-bottom,0px));background:var(--card);border-top:1px solid var(--ink)}
.pc-sum > .lbl,.pc-lines,.pc-sn{display:none}
.pc-ln[hidden]{display:none}
.pc-tot{grid-column:1;display:flex;flex-wrap:wrap;align-items:baseline;gap:.1rem .5rem;min-width:0}
.pc-tot span{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-2)}
.pc-tot b{font-family:var(--display);font-size:1.5rem;line-height:1.05;letter-spacing:-.01em;white-space:nowrap;color:var(--ink);font-variant-numeric:tabular-nums}
.pc-sb{grid-column:2;grid-row:1}
.pc-sb .btn{padding:.8rem .9rem;font-size:.62rem;letter-spacing:.1em;line-height:1.15;max-width:9.5rem}
.pc-sum > .pc-err{grid-column:1 / -1;margin-top:.25rem;font-size:.85rem;line-height:1.45;color:var(--err);text-wrap:pretty;overflow-wrap:break-word}
.pc-sum > .pc-err:focus{outline:0}
.pc-buy .btn[aria-busy="true"]{opacity:.6;cursor:progress;transition:opacity 0s linear .15s}
.pc-send{display:grid;gap:1rem;margin-top:1.75rem;padding:1.35rem 1.25rem 1.5rem;background:var(--paper-2)}
.pc-send h3{font-size:1.25rem;line-height:1.2}
.pc-sp{font-size:.9rem;line-height:1.45;color:var(--ink-2)}
.pc-form > [role="status"],.pc-form > [role="alert"]{margin-top:1.5rem;padding:1.2rem 1.25rem;background:var(--paper-2)}
.pc-about .prose{margin-top:1.2rem}
.pc-tab{width:100%;margin-top:1.2rem;border-collapse:collapse;font-variant-numeric:tabular-nums}
.pc-tab th,.pc-tab td{padding:.6rem 0;border-bottom:1px solid var(--line);vertical-align:top;text-align:left;line-height:1.4}
.pc-tab tr:first-child th,.pc-tab tr:first-child td{border-top:1px solid var(--ink)}
.pc-tab th{width:40%;padding-right:1rem;font-size:.8rem;font-weight:700;color:var(--ink-2)}
.pc-tab td{font-size:.92rem;color:var(--ink);overflow-wrap:anywhere}
.pc-tn{margin-top:.9rem;max-width:40rem;font-size:.85rem;line-height:1.45;color:var(--ink-2);text-wrap:pretty}
.pc-steps{display:grid;margin-top:1.2rem;counter-reset:pcs}
.pc-steps li{display:grid;grid-template-columns:2rem minmax(0,1fr);column-gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line);counter-increment:pcs}
.pc-steps li::before{content:counter(pcs,decimal-leading-zero);grid-row:1 / span 2;font-family:var(--display);font-size:1rem;font-weight:700;
line-height:1.4;color:var(--ink-2);font-variant-numeric:tabular-nums}
.pc-steps a{font-size:1rem;font-weight:700;line-height:1.4;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;
text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
.pc-steps a:hover{text-decoration-color:var(--ink)}
.pc-steps p{margin-top:.3rem;font-size:.9rem;line-height:1.45;color:var(--ink-2);text-wrap:pretty}
.pc-faq .prose{margin-top:1.2rem}
.pc-faq .prose > .wp-block-group{margin-top:0}
.pc-sim .kc-grid{margin-top:1.4rem}
@media (min-width:37.5rem){
.pc-go .btn{width:auto}
.pc-sb .btn{max-width:none}
}
@media (min-width:48rem){
.pc-cols{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem}
.pc-send{padding:1.8rem 2rem 2rem}
}
@media (min-width:60rem){
.pc-steps{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1.5rem}
}
@media (min-width:64rem){
.pc-sheet{padding:2rem 0 5rem}
.pc-top{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:3rem;align-items:start}
.pc-sec{margin-top:3.5rem;padding:1.4rem 2rem 2rem}
.pc-head{padding:1.4rem 1.75rem 1.75rem}
.pc-form.enq-f{grid-template-columns:minmax(0,1fr) minmax(18rem,22rem);column-gap:3rem;align-items:start}
.pc-groups,.pc-send,.pc-form > [role="status"],.pc-form > [role="alert"]{grid-column:1}
.pc-sum{grid-column:2;grid-row:1 / span 4;top:calc(var(--hdr) + 1.25rem);bottom:auto;display:block;margin:0;padding:1.1rem 1.1rem 1.2rem;
border:1px solid var(--ink)}
.pc-sum > .lbl,.pc-lines,.pc-sn{display:block}
.pc-lines{margin-top:.8rem;border-top:1px solid var(--line)}
.pc-ln{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.45rem 0;border-bottom:1px solid var(--line);font-size:.85rem;line-height:1.35}
.pc-ln b{white-space:nowrap;font-variant-numeric:tabular-nums}
.pc-empty{color:var(--ink-2)}
.pc-tot{justify-content:space-between;margin-top:.9rem}
.pc-tot b{font-size:2rem}
.pc-sb{margin-top:1rem}
.pc-sb .btn{width:100%;padding:.95rem 1rem;font-size:.66rem;letter-spacing:.12em}
.pc-sum > .pc-err{margin-top:.6rem}
.pc-sn{margin-top:.6rem;font-size:.75rem;line-height:1.4;color:var(--ink-2)}
.pc-send{margin-top:.5rem}
.pc-tab{max-width:48rem}
.pc-tab th{width:32%}
}
@media (min-width:80rem){
.pc-head h1{font-size:2.9rem}
}
.pc-dlg{width:100%;max-width:100%;max-height:85dvh;overflow:auto;margin:auto 0 0;padding:0;border:0;
border-top:1px solid var(--ink);background:var(--paper);color:var(--ink)}
.pc-dlg:not([open]){display:none}
.pc-dlg::backdrop{background:rgba(25,23,20,.55)}
.pc-dlg-in{display:grid;gap:.9rem;padding:1.25rem 1.25rem calc(1.4rem + env(safe-area-inset-bottom,0px))}
.pc-dlg-in > .lbl{margin:0}
.pc-dlg h2{font-size:clamp(1.3rem,4vw,1.7rem);line-height:1.15;overflow-wrap:break-word}
.pc-dlg .pc-lines,.pc-dlg .pc-sn{display:block}
.pc-dlg .pc-lines{border-top:1px solid var(--line)}
.pc-dlg .pc-ln{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.45rem 0;border-bottom:1px solid var(--line);font-size:.85rem;line-height:1.35}
.pc-dlg .pc-ln b{white-space:nowrap;font-variant-numeric:tabular-nums}
.pc-dlg .pc-sn{font-size:.85rem;line-height:1.45;color:var(--ink-2)}
.pc-dlg .pc-dq{font-size:.92rem;font-weight:700;line-height:1.45;color:var(--ink);text-wrap:pretty;font-variant-numeric:tabular-nums}
.pc-dlg-go{display:grid;gap:.6rem}
.pc-dlg-go .btn{justify-content:center;text-align:center}
@media (min-width:37.5rem){
.pc-dlg{width:min(34rem,calc(100vw - 2.5rem));max-height:calc(100dvh - 2.5rem);margin:auto;border-top-width:3px}
.pc-dlg-in{padding-bottom:1.4rem}
.pc-dlg-go{grid-template-columns:repeat(2,minmax(0,1fr))}
.pc-dlg-go .btn:first-child{grid-column:1 / -1}
}
@media (prefers-reduced-motion:reduce){
.pc-th,.pc-it,.pc-box::after{transition:none}
}
}
@layer components {
.pc2{--pc2-gap:2rem;--pc2-col:1.5rem;--pc2-pt:1.25rem;--pc2-px:1rem;--pc2-pb:1.5rem;--pc2-ease:cubic-bezier(.2,.7,.3,1);--pc2-bar-h:4rem}
.pc2 .pc2-sheet{padding:1rem 0 calc(5.5rem + env(safe-area-inset-bottom,0px))}
.pc2 :is(.pc2-top,.pc2-draw,.pc2-form){display:grid;row-gap:var(--pc2-gap);min-width:0}
.pc2 :is(.pc2-top,.pc2-kit,.pc2-draw,.pc2-terms,.pc2-form,.pc2-faq,.pc2-ex,.pc2-sim){margin-top:var(--pc2-gap)}
.pc2 .pc2-top{margin-top:.75rem}
.pc2 :is(.pc2-head,.pc2-offer,.pc2-sec){min-width:0;padding:var(--pc2-pt) var(--pc2-px) var(--pc2-pb);background:var(--pg-plate)}
.pc2 .pc2-sec > h2{font-size:1.6rem;line-height:1.1;overflow-wrap:break-word}
.pc2 .pc2-sec > h2 + *{margin-top:1rem}
.pc2 .pc2-intro{max-width:40rem;font-size:.95rem;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.pc2 :is(.pc2-intro,.pc2-custom,.pc2-dl,.pc2-qa,.pc2-tn) a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
@media (hover:hover){.pc2 :is(.pc2-intro,.pc2-custom,.pc2-dl,.pc2-qa,.pc2-tn) a:hover{text-decoration-color:var(--ink)}}
.pc2 :is(.pc2-conds,.pc2-list){list-style:none}
.pc2 :is(.pc2-conds,.pc2-list) > li{position:relative;padding-left:1rem;text-wrap:pretty}
.pc2 :is(.pc2-conds,.pc2-list) > li::before{content:"";position:absolute;left:0;top:.55em;width:.3125rem;height:.3125rem;background:var(--ink-2)}
.pc2 .pc2-notes{margin-top:.75rem}
.pc2 :is(.woocommerce-message,.woocommerce-info,.woocommerce-error){margin-top:.75rem;padding:.8rem 1rem;list-style:none;background:var(--paper-2);font-size:.9rem;line-height:1.45;color:var(--ink)}
.pc2 .woocommerce-error{color:var(--err)}
.pc2 .pc2-head h1{font-size:clamp(1.85rem,7.6vw,2.4rem);line-height:1.06;overflow-wrap:break-word;text-wrap:balance}
.pc2 .pc2-sku{margin-top:.5rem;font-size:.75rem;line-height:1.3;color:var(--ink-2);font-variant-numeric:tabular-nums}
.pc2 .pc2-lead{margin-top:.6rem;max-width:34rem;font-size:1rem;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.pc2 .pc2-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .6rem;margin-top:1.25rem}
.pc2 .pc2-offer > .pc2-price:first-child{margin-top:0}
.pc2 .pc2-price span{font-size:.95rem;line-height:1.3;color:var(--ink-2)}
.pc2 .pc2-price b{font-family:var(--display);font-size:2.5rem;font-weight:700;line-height:1;letter-spacing:-.02em;white-space:nowrap;color:var(--ink);font-variant-numeric:tabular-nums}
.pc2 .pc2-price del{font-family:var(--display);font-size:1.25rem;font-weight:700;line-height:1;color:var(--ink-2);text-decoration-thickness:2px;white-space:nowrap;font-variant-numeric:tabular-nums}
.pc2 .pc2-launch{margin-top:.75rem;padding:.75rem .9rem .85rem;background:var(--paper-2)}
.pc2 .pc2-launch-h{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;line-height:1.3;color:var(--accent-t)}
.pc2 .pc2-launch-p{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .6rem;margin-top:.4rem}
.pc2 .pc2-launch-p span{font-size:.9rem;line-height:1.3;color:var(--ink-2)}
.pc2 .pc2-launch-p del{font-family:var(--display);font-size:1rem;font-weight:700;line-height:1;color:var(--ink-2);text-decoration-thickness:2px;white-space:nowrap;font-variant-numeric:tabular-nums}
.pc2 .pc2-launch-p b{font-family:var(--display);font-size:1.5rem;font-weight:700;line-height:1;letter-spacing:-.01em;white-space:nowrap;color:var(--ink);font-variant-numeric:tabular-nums}
.pc2 .pc2-conds{display:grid;row-gap:.35rem;margin-top:.75rem}
.pc2 .pc2-conds > li{font-size:.9rem;line-height:1.4;color:var(--ink-2)}
.pc2 .pc2-go{margin-top:1rem}
.pc2 .pc2-go .btn{width:100%}
.pc2 .pc2-go{display:flex;flex-wrap:wrap;gap:.625rem .75rem}
.pc2 .pc2-go .btn.pc2-write{background:transparent;border-color:var(--line-2)}
@media (hover:hover){.pc2 .pc2-go .btn.pc2-write:hover{background:var(--paper-2);border-color:var(--ink)}}
.pc2 .pc2-custom{scroll-margin-top:calc(var(--hdr) + 1rem)}
.pc2[data-pc2-flat] .pc2-faq,.pc2[data-pc2-flat] .pc2-ex,.pc2[data-pc2-flat] .pc2-sim{content-visibility:visible}
.pc2:has(#pc2-ask-l:target) :is(.pc2-faq,.pc2-ex,.pc2-sim){content-visibility:visible}
.pc2 .btn.ghost{border-color:transparent;background:var(--paper-2)}
@media (hover:hover){.pc2 .btn.ghost:hover{border-color:transparent;background:var(--card)}}
.pc2 .pc2-box{display:grid;place-items:center;width:1.125rem;height:1.125rem;border:.125rem solid var(--ink-2);background:var(--card)}
.pc2 .pc2-box::after{content:"";width:.5625rem;height:.5625rem;background:var(--ink);transform:scale(0);transition:transform .15s var(--pc2-ease)}
.pc2 :is(.pc2-opt-in:checked ~ .pc2-box,.pc2-qp-b[aria-pressed="true"] .pc2-box){border-color:var(--ink)}
.pc2 :is(.pc2-opt-in:checked ~ .pc2-box,.pc2-qp-b[aria-pressed="true"] .pc2-box)::after{transform:scale(1)}
.pc2 .pc2-qp{container:pc2qp / inline-size;margin-top:1.25rem}
.pc2 .pc2-qp[hidden]{display:none}
.pc2 .pc2-qp-h{font-size:.85rem;font-weight:700;line-height:1.3;color:var(--ink)}
.pc2 .pc2-qp-l{display:grid;gap:.125rem;margin-top:.5rem;padding:.375rem;background:var(--paper-2)}
.pc2 .pc2-qp-b{display:grid;grid-template-columns:1.125rem minmax(0,1fr) auto;align-items:center;column-gap:.75rem;width:100%;min-height:2.75rem;padding:.5rem .625rem;
border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.pc2 .pc2-qp-b:focus-visible{outline:2px solid var(--accent-t);outline-offset:-2px}
.pc2 .pc2-qp-n{font-size:.92rem;font-weight:700;line-height:1.3;color:var(--ink);overflow-wrap:break-word}
.pc2 .pc2-qp-t{font-family:var(--display);font-size:1.05rem;font-weight:700;line-height:1.1;letter-spacing:-.01em;white-space:nowrap;color:var(--ink);font-variant-numeric:tabular-nums}
.pc2 .pc2-qp-b[aria-pressed="true"]{background:var(--card)}
@media (hover:hover){.pc2 .pc2-qp-b:not([aria-pressed="true"]):hover{background:var(--paper)}}
.pc2 .pc2-qp-note{margin-top:.5rem;max-width:40rem;font-size:.8rem;line-height:1.45;color:var(--ink-2);text-wrap:pretty}
@container pc2qp (min-width:37.5rem){.pc2 .pc2-qp-l{grid-template-columns:repeat(2,minmax(0,1fr))}.pc2 .pc2-qp-b{padding:.625rem .75rem}}
.pc2 .pc2-gal{min-width:0}
.pc2 .pc2-frames{display:grid;grid-auto-flow:column;grid-auto-columns:100%;column-gap:.5rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.pc2 .pc2-frames::-webkit-scrollbar{display:none}
.pc2 .pc2-fr{min-width:0;margin:0;scroll-snap-align:start}
.pc2 .pc2-fr img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;background:var(--paper-2)}
.pc2 .pc2-fr figcaption{display:flex;align-items:baseline;gap:.6rem;padding:.5rem .75rem .6rem;background:var(--pg-plate);font-size:.78rem;line-height:1.35;color:var(--ink-2)}
.pc2 .pc2-fn{flex:none;font-size:.72rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.pc2 .pc2-ph img{object-fit:contain;padding:18% 0;opacity:.6;background:var(--card)}
.pc2 .pc2-th{display:grid;grid-auto-flow:column;grid-auto-columns:24%;gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;overflow-x:auto;
overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin}
.pc2 .pc2-th:empty{display:none}
.pc2 .pc2-th li{min-width:0;margin:0;scroll-snap-align:start}
.pc2 .pc2-tb{position:relative;display:block;outline-offset:2px}
.pc2 .pc2-tb img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;background:var(--paper-2);opacity:.78;transition:opacity .15s ease}
.pc2 .pc2-tb[aria-current="true"] img{opacity:1}
.pc2 .pc2-tb[aria-current="true"]::after{content:"";position:absolute;inset:0;border:2px solid var(--ink);pointer-events:none}
.pc2 .pc2-tb:focus-visible{outline:2px solid var(--accent-t)}
@media (hover:hover){.pc2 .pc2-tb:hover img{opacity:1}}
@media (prefers-reduced-motion:reduce){.pc2 .pc2-tb img{transition:none}}
.pc2 .pc2-gnav{display:flex;justify-content:flex-end;gap:1.25rem;margin-top:.25rem}
.pc2 .pc2-gnav[hidden]{display:none}
.pc2 .pc2-gb{min-height:2.75rem;padding:.5rem 0;border:0;background:none;color:var(--ink);font:inherit;font-size:.85rem;cursor:pointer;
text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
.pc2 .pc2-gb:focus-visible{outline:2px solid var(--accent-t);outline-offset:2px}
@media (hover:hover){.pc2 .pc2-gb:hover{text-decoration-color:var(--ink)}}
.pc2 .pc2-kit-c{display:grid;gap:.5rem}
.pc2 .pc2-kit .pc2-intro + .pc2-kit-c{margin-top:1rem}
.pc2 :is(.pc2-in,.pc2-out){padding:1rem 1rem 1.125rem}
.pc2 .pc2-in{background:var(--card)}
.pc2 .pc2-out{background:var(--paper-2)}
.pc2 :is(.pc2-in,.pc2-out) > h3{font-size:1.05rem;line-height:1.25;letter-spacing:-.01em}
.pc2 .pc2-list{display:grid;row-gap:.5rem;margin-top:.625rem}
.pc2 .pc2-list > li{font-size:.95rem;line-height:1.45;color:var(--ink)}
.pc2 .pc2-plan{margin:0}
.pc2 .pc2-plan-a{display:block;padding:.5rem;background:var(--card);cursor:zoom-in}
.pc2 .pc2-plan-a img{display:block;width:100%;height:auto}
.pc2 .pc2-plan-cap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:1rem;margin-top:.625rem;font-size:.8rem;line-height:1.4;color:var(--ink-2)}
.pc2 .pc2-plan-z{display:inline-flex;align-items:center;min-height:2.75rem;font-size:.85rem;white-space:nowrap;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
.pc2 .pc2-tab{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.pc2 .pc2-tab tr:nth-child(odd){background:var(--paper-2)}
.pc2 .pc2-tab :is(th,td){padding:.6rem .75rem;text-align:left;vertical-align:baseline;line-height:1.4}
.pc2 .pc2-tab th{width:42%;font-size:.8rem;font-weight:700;color:var(--ink-2)}
.pc2 .pc2-tab td{font-size:.92rem;color:var(--ink);overflow-wrap:anywhere}
.pc2 .pc2-tn{margin-top:.875rem;max-width:40rem;font-size:.85rem;line-height:1.45;color:var(--ink-2);text-wrap:pretty}
.pc2 .pc2-dl dt{font-family:var(--display);font-size:1rem;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--ink)}
.pc2 .pc2-dl dd{margin:.25rem 0 0;max-width:40rem;font-size:.92rem;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.pc2 .pc2-dl dd + dt{margin-top:1rem}
.pc2 :is(.pc2-dl dd,.pc2-tn) > a{display:flex;align-items:center;width:fit-content;min-height:2.75rem}
.pc2 .pc2-opts{scroll-margin-top:calc(var(--hdr) + 1rem)}
.pc2 .pc2-opts > *{max-width:48rem}
.pc2 .pc2-grp{min-width:0;margin:1.75rem 0 0;padding:0;border:0}
.pc2 .pc2-gl{padding:0;font-family:var(--display);font-size:1.15rem;font-weight:700;line-height:1.2;letter-spacing:-.012em;color:var(--ink)}
.pc2 .pc2-gh{margin-top:.3rem;max-width:38rem;font-size:.88rem;line-height:1.45;color:var(--ink-2);text-wrap:pretty}
.pc2 .pc2-its{container:pc2its / inline-size;display:grid;row-gap:.125rem;margin-top:.625rem;padding:.375rem;background:var(--paper-2)}
.pc2 .pc2-opt{position:relative;isolation:isolate;display:grid;grid-template-columns:1.125rem 3.5rem minmax(0,1fr);
grid-template-areas:"box img name" "box img comp" "box img what";column-gap:.75rem;align-items:start;
min-height:3rem;padding:.625rem .5rem;cursor:pointer}
.pc2 .pc2-opt[hidden]{display:none}
.pc2 .pc2-opt:not(:has(> .pc2-opt-img)){grid-template-columns:1.125rem minmax(0,1fr);grid-template-areas:"box name" "box comp" "box what"}
.pc2 .pc2-opt-in{position:absolute;inset:0;z-index:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.pc2 .pc2-opt > .pc2-box{grid-area:box;margin-top:.0625rem}
.pc2 .pc2-opt-img{grid-area:img;width:3.5rem;height:3.5rem;object-fit:cover;background:var(--card)}
.pc2 .pc2-opt-h{grid-area:name;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.75rem;row-gap:.1rem;min-width:0}
.pc2 .pc2-opt-n{font-size:.95rem;font-weight:700;line-height:1.3;color:var(--ink);overflow-wrap:break-word;cursor:pointer}
.pc2 .pc2-opt-p{margin-left:auto;font-size:.95rem;font-weight:700;line-height:1.3;white-space:nowrap;color:var(--ink);font-variant-numeric:tabular-nums}
.pc2 .pc2-opt-c{grid-area:comp;margin-top:.15rem;font-size:.8rem;line-height:1.4;color:var(--ink-2);text-wrap:pretty}
.pc2 .pc2-opt:has(> .pc2-opt-in:checked){background:var(--card)}
.pc2 .pc2-opt:has(> .pc2-opt-in:focus-visible){outline:2px solid var(--accent-t);outline-offset:-2px}
@media (hover:hover){.pc2 .pc2-opt:not(:has(> .pc2-opt-in:checked)):hover{background:var(--paper)}}
.pc2 .pc2-what{grid-area:what;position:relative;z-index:1;justify-self:stretch;min-width:0}
.pc2 .pc2-what > summary{display:inline-flex;align-items:center;min-height:2.75rem;padding:0;list-style:none;cursor:pointer;font-size:.8rem;line-height:1.3;color:var(--ink);
text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
.pc2 .pc2-what > summary::-webkit-details-marker{display:none}
.pc2 .pc2-what > summary::after{content:"+";display:inline-block;width:.75em;margin-left:.3rem;text-align:center}
.pc2 .pc2-what[open] > summary::after{content:"\2212"}
.pc2 .pc2-what > summary:focus-visible{outline:2px solid var(--accent-t);outline-offset:2px}
@media (hover:hover){.pc2 .pc2-what > summary:hover{text-decoration-color:var(--ink)}}
.pc2 .pc2-what > p{margin:.2rem 0 .1rem;max-width:34rem;font-size:.85rem;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
@container pc2its (min-width:37.5rem){
.pc2 .pc2-opt{grid-template-columns:1.125rem 5rem minmax(0,1fr);column-gap:1rem;padding:.75rem .875rem}
.pc2 .pc2-opt-img{width:5rem;height:5rem}
.pc2 :is(.pc2-opt-n,.pc2-opt-p){font-size:1rem}
.pc2 .pc2-opt-c{font-size:.85rem}
.pc2 .pc2-opt > .pc2-box{margin-top:.125rem}
}
.pc2 .pc2-custom{margin-top:1.75rem;max-width:40rem;font-size:.9rem;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.pc2 .pc2-ask{margin-top:1rem;max-width:48rem;scroll-margin-top:calc(var(--hdr) + 1rem)}
.pc2 .pc2-ask[hidden]{display:none}
.pc2 .pc2-order{min-width:0}
.pc2 .pc2-rc{padding:1rem 1rem 1.125rem;background:var(--card)}
.pc2 :is(.pc2-rl,.pc2-rs,.pc2-now){display:grid;row-gap:.5rem;margin:0}
.pc2 :is(.pc2-rl,.pc2-rs,.pc2-now) > div{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1rem;align-items:baseline}
.pc2 .pc2-rc dt{font-size:.9rem;line-height:1.35;color:var(--ink-2)}
.pc2 .pc2-rc dd{margin:0;text-align:right;font-size:.9rem;line-height:1.35;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.pc2 .pc2-chosen{display:grid;row-gap:.25rem;margin-top:.5rem;list-style:none;font-size:.8rem;line-height:1.35;color:var(--ink-2)}
.pc2 .pc2-chosen > li{display:flex;justify-content:space-between;gap:1rem}
.pc2 .pc2-chosen b{font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums}
.pc2 .pc2-chosen [hidden]{display:none}
.pc2 .pc2-clr{margin:0}
.pc2 .pc2-clr[hidden]{display:none}
.pc2 .pc2-clr-b{display:inline-flex;align-items:center;min-height:2.75rem;padding:0;border:0;background:none;color:var(--ink);font:inherit;font-size:.8rem;line-height:1.3;cursor:pointer;
text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
.pc2 .pc2-clr-b:focus-visible{outline:2px solid var(--accent-t);outline-offset:2px}
@media (hover:hover){.pc2 .pc2-clr-b:hover{text-decoration-color:var(--ink)}}
.pc2 .pc2-rs{row-gap:.4rem;margin-top:.875rem;padding:.75rem;background:var(--paper-2)}
.pc2 .pc2-clr:not([hidden]) + .pc2-rs{margin-top:.375rem}
.pc2 .pc2-order > h2:focus-visible{outline:2px solid var(--accent-t);outline-offset:.25rem}
.pc2 .pc2-rs > div:first-child dt,.pc2 .pc2-now dt{font-weight:700;color:var(--ink)}
.pc2 .pc2-rs > div:first-child dd{font-family:var(--display);font-size:1.6rem;font-weight:700;line-height:1.05;letter-spacing:-.02em;white-space:nowrap}
.pc2 .pc2-rs > div:first-child{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;column-gap:1rem;row-gap:.15rem}
.pc2 .pc2-rs > div:first-child dd{margin-left:auto}
.pc2 .pc2-rs > div:not(:first-child) dd{color:var(--ink-2)}
.pc2 .pc2-now{margin-top:.875rem}
.pc2 .pc2-now dd{font-family:var(--display);font-size:1.25rem;font-weight:700;line-height:1.1;letter-spacing:-.01em}
.pc2 .pc2-buy{margin-top:.875rem}
.pc2 .pc2-buy .btn{width:100%;padding:1.1rem 1.25rem;font-size:.72rem}
.pc2 .pc2-err{margin-top:.5rem;font-size:.85rem;line-height:1.45;color:var(--err);text-wrap:pretty;overflow-wrap:break-word;animation:pc2-tick .22s var(--pc2-ease)}
.pc2 .pc2-err:focus{outline:0}
.pc2 .btn[aria-busy="true"]{opacity:.6;cursor:progress;transition:opacity 0s linear .15s}
.pc2 .pc2-closed{margin-top:.875rem;padding:.875rem 1rem .5rem;background:var(--paper-2)}
.pc2 .pc2-closed p{font-size:.95rem;font-weight:700;line-height:1.4;color:var(--ink)}
.pc2 .pc2-closed a{display:inline-flex;align-items:center;min-height:2.75rem;font-size:.95rem;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
.pc2 .pc2-order[data-sale="closed"] :is(.pc2-now,.pc2-buy){display:none}
.pc2 .pc2-next-h{margin-top:1.5rem;font-size:1.05rem;line-height:1.25;letter-spacing:-.01em}
.pc2 .pc2-next{display:grid;row-gap:.75rem;margin-top:.75rem;list-style:none;counter-reset:pc2n}
.pc2 .pc2-next > li{position:relative;padding-left:1.75rem;counter-increment:pc2n;font-size:.88rem;line-height:1.45;color:var(--ink-2);text-wrap:pretty}
.pc2 .pc2-next > li::before{content:counter(pc2n,decimal-leading-zero);position:absolute;left:0;top:0;font-family:var(--display);font-size:.88rem;font-weight:700;line-height:1.45;color:var(--ink);font-variant-numeric:tabular-nums}
.pc2 .pc2-faq{content-visibility:auto;contain-intrinsic-size:auto 36rem}
.pc2 .pc2-qa{display:grid;row-gap:1.5rem}
.pc2 .pc2-qa h3{font-size:1.1rem;line-height:1.25;letter-spacing:-.01em}
.pc2 .pc2-qa p{margin-top:.45rem;max-width:36rem;font-size:.95rem;line-height:1.55;color:var(--ink-2);text-wrap:pretty}
.pc2 .pc2-qa p + p{margin-top:.5rem}
.pc2 .pc2-ex{content-visibility:auto;contain-intrinsic-size:auto 34rem}
.pc2 .pc2-exs{display:grid;gap:1.25rem;margin-top:1rem}
.pc2 .pc2-exf{min-width:0;margin:0}
.pc2 .pc2-exf img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;background:var(--paper-2)}
.pc2 .pc2-exf figcaption{margin-top:.625rem;max-width:40rem;font-size:.8rem;line-height:1.4;color:var(--ink-2);text-wrap:pretty}
.pc2 .pc2-sim{content-visibility:auto;contain-intrinsic-size:auto 30rem}
.pc2 .pc2-sim > h2{font-size:1.35rem}
.pc2 .pc2-sim .kc-grid{margin-top:1rem}
@media (max-width:37.49rem){
.pc2 .pc2-sim .kc-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;gap:.625rem;margin:.75rem -.25rem 0;padding:.25rem;
overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.pc2 .pc2-sim .kc-grid::-webkit-scrollbar{display:none}
.pc2 .pc2-sim .kc-card{scroll-snap-align:start}
}
.pc2 :is(.kc-card:hover,.kc-card:focus-within){outline-color:transparent}
.pc2 .kc-card:has(.kc-name a:focus-visible){outline:2px solid var(--accent-t);outline-offset:-2px}
.pc2 .pc2-bar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:1rem;
min-height:4rem;padding:.625rem 1.25rem calc(.625rem + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--paper);
transition:transform .24s var(--pc2-ease),opacity .24s var(--pc2-ease)}
.pc2 .pc2-bar[hidden]{display:none}
.pc2 .pc2-bar[data-off]{transform:translateY(100%);opacity:0;pointer-events:none;transition-duration:.18s}
.pc2 .pc2-bar-t{display:grid;row-gap:.1rem;min-width:0}
.pc2 .pc2-bar-t span{font-size:.75rem;line-height:1.2;color:var(--paper-2)}
.pc2 .pc2-bar-t b{font-family:var(--display);font-size:1.35rem;font-weight:700;line-height:1.05;letter-spacing:-.01em;white-space:nowrap;color:var(--paper);font-variant-numeric:tabular-nums}
.pc2 .pc2-bar .btn{min-height:2.75rem;padding:.8rem 1rem;font-size:.66rem;letter-spacing:.12em}
.pc2 .pc2-bar :focus-visible{outline-color:var(--timber-l)}
.pc2 .pc2-bar > .pc2-err{grid-column:1;grid-row:1;margin:0;font-size:.8rem;line-height:1.35;color:var(--paper);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.pc2 .pc2-bar:has(> .pc2-err) > .pc2-bar-t{display:none}
.pc2 .pc2-pop{position:fixed;left:0;right:0;bottom:0;z-index:44;transform:none;opacity:1;visibility:visible;
transition:transform .24s var(--pc2-ease),opacity .24s var(--pc2-ease),visibility 0s linear 0s}
.pc2 .pc2-pop-s{max-height:calc(100svh - var(--hdr) - 1rem);overflow-y:auto;overscroll-behavior:contain;
padding:.375rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px));background:var(--paper);color:var(--ink);
border-top:3px solid var(--ink);transform:none;transition:transform .28s var(--pc2-ease)}
@starting-style{.pc2 .pc2-pop-s{transform:translateY(100%)}}
.pc2 .pc2-pop[data-out] > .pc2-pop-s{transform:translateY(100%);transition-duration:.2s}
.pc2 .pc2-pop-top{display:grid;grid-template-columns:minmax(0,1fr) 2.75rem;column-gap:.5rem;align-items:center;min-height:2.75rem;margin-right:-.875rem}
.pc2 .pc2-pop-h{font-family:var(--display);font-size:1.05rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--ink);text-wrap:balance;overflow-wrap:break-word}
.pc2 .pc2-pop-x{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;background:none;color:var(--ink);cursor:pointer}
.pc2 .pc2-pop-x svg{display:block;width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2}
@media (hover:hover){.pc2 .pc2-pop-x:hover{background:var(--paper-2)}}
.pc2 .pc2-pop-x:focus-visible{outline:2px solid var(--accent-t);outline-offset:-4px}
.pc2 .pc2-pop-t{font-size:.92rem;line-height:1.45;color:var(--ink);text-wrap:pretty}
.pc2 .pc2-pop-o .pc2-pop-t{margin-top:.25rem}
.pc2 .pc2-pop-c{font-weight:700}
.pc2 .pc2-pop-b{min-height:2.75rem;padding:.8rem 1rem;font-size:.66rem;letter-spacing:.12em}
.pc2 .pc2-pop-code{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:.5rem;align-items:stretch;margin-top:.875rem}
.pc2 .pc2-pop-cv{display:flex;align-items:center;min-width:0;min-height:3rem;padding:.5rem .875rem;background:var(--card);
font-family:var(--display);font-size:1.6rem;font-weight:700;line-height:1;letter-spacing:.08em;color:var(--ink);
font-variant-numeric:tabular-nums lining-nums;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}
.pc2 .pc2-pop-cp{display:inline-grid;place-items:center}
.pc2 .pc2-pop-cp > span{grid-area:1 / 1}
.pc2 :is(.pc2-pop-cp .pc2-pop-l2,.pc2-pop-cp[data-done] .pc2-pop-l1){visibility:hidden}
.pc2 .pc2-pop-cp[data-done] .pc2-pop-l2{visibility:visible;animation:pc2-tick .22s var(--pc2-ease)}
.pc2 .pc2-pop-f{margin-top:.5rem;font-size:.85rem;line-height:1.45;color:var(--err);text-wrap:pretty}
.pc2 .pc2-pop-f:empty{margin-top:0}
.pc2 .pc2-pop-n{margin-top:.75rem;font-size:.8rem;line-height:1.45;color:var(--ink-2);text-wrap:pretty}
@media (max-width:63.99rem){
html:has(.pc2 .pc2-bar:not([hidden])){scroll-padding-bottom:5rem}
.pc2:has(> .pc2-bar:not([hidden]):not([data-off])) > .pc2-pop{transform:translateY(calc(-1 * var(--pc2-bar-h)))}
.pc2:has(> .pc2-bar[data-off]:not([hidden])) > .pc2-pop{opacity:0;visibility:hidden;transition-duration:.18s,.18s,0s;transition-delay:0s,0s,.18s}
.pc2 .pc2-pop-s{max-height:calc(100svh - var(--hdr) - var(--pc2-bar-h) - 1rem)}
html:has(.pc2 > .pc2-pop:not([data-out])){scroll-padding-bottom:calc(var(--pc2-pop-h,0px) + 5rem)}
}
@media (min-width:37.5rem) and (max-width:63.99rem){
.pc2 .pc2-pop-s{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"top top" "t code" "n f";column-gap:var(--pc2-col);align-items:start}
.pc2 .pc2-pop-top{grid-area:top}
.pc2 .pc2-pop-t{grid-area:t}
.pc2 .pc2-pop-code{grid-area:code;margin-top:.25rem}
.pc2 .pc2-pop-f{grid-area:f;contain:inline-size}
.pc2 .pc2-pop-n{grid-area:n}
}
.pc2 .pc2-zoom{position:fixed;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;overflow:hidden;
background:var(--card);color:var(--ink);opacity:1;transform:none;transition:opacity .2s var(--pc2-ease),transform .2s var(--pc2-ease)}
.pc2 .pc2-zoom:not([open]){display:none}
@starting-style{.pc2 .pc2-zoom[open]{opacity:0;transform:translateY(.5rem)}}
.pc2 .pc2-zoom::backdrop{background:color-mix(in srgb,var(--ink) 55%,transparent)}
html:has(.pc2 .pc2-zoom[open]){overflow:hidden}
.pc2 .pc2-zoom-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:1rem;padding-left:1.25rem;background:var(--paper)}
.pc2 .pc2-zoom-t{font-size:.85rem;font-weight:700;line-height:1.3;color:var(--ink);overflow-wrap:break-word}
.pc2 .pc2-zoom-in{height:auto;min-height:0;padding:1rem;overflow:auto;overscroll-behavior:contain}
.pc2 .pc2-zoom-in img{display:block;width:max(100%,60rem);max-width:none;height:auto}
.pc2 .pc-dlg{border-top-width:0}
.pc2 .pc-dlg .pc-lines{border-top:0;padding:.375rem .75rem;background:var(--paper-2)}
.pc2 .pc-dlg .pc-ln{border-bottom:0}
@keyframes pc2-tick{from{opacity:.35}to{opacity:1}}
.pc2 [data-pc2-total].is-tick{animation:pc2-tick .22s var(--pc2-ease)}
@media (min-width:37.5rem){
.pc2 .pc2-go .btn{width:auto}
.pc2 .pc2-zoom{width:min(80rem,calc(100vw - 2.5rem));height:calc(100dvh - 2.5rem);margin:auto;border-top:3px solid var(--ink)}
.pc2 .pc-dlg{border-top-width:3px}
}
@media (min-width:48rem){
.pc2{--pc2-gap:2.5rem;--pc2-pt:1.75rem;--pc2-px:1.75rem;--pc2-pb:2rem}
.pc2 .pc2-kit-c{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.pc2 .pc2-tab th{width:13rem}
.pc2 .pc2-dl{display:grid;grid-template-columns:13rem minmax(0,1fr);column-gap:2rem;row-gap:1.125rem;align-items:baseline}
.pc2 .pc2-dl dd,.pc2 .pc2-dl dd + dt{margin-top:0}
.pc2 .pc2-exs{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.pc2 .pc2-exs:has(> .pc2-exf:only-child){grid-template-columns:minmax(0,40rem)}
}
@media (min-width:60rem){
.pc2 .pc2-qa{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3rem;row-gap:2rem}
}
@media (max-width:63.99rem){
.pc2{--pc2-gap:1.25rem;--pc2-pt:1.125rem;--pc2-pb:1.25rem}
.pc2 .pc2-sheet{padding-top:.5rem}
.pc2 .pc2-top{margin-top:.5rem;row-gap:.75rem}
.pc2 .pc2-sec > h2 + *{margin-top:.75rem}
.pc2 .pc2-frames:has(> .pc2-fr + .pc2-fr){grid-auto-columns:88%}
.pc2 .pc2-fr figcaption{padding:.4rem .75rem .45rem}
.pc2 .pc2-th{margin-top:.375rem}
.pc2 .pc2-gnav{margin:0 0 -.5rem;gap:1.25rem}
.pc2 .pc2-gb{font-size:.8rem}
.pc2 .pc2-price{display:grid;row-gap:.35rem;justify-items:start}
.pc2 .pc2-price:has(> del){grid-template-columns:auto minmax(0,1fr);column-gap:.6rem;align-items:baseline}
.pc2 .pc2-price:has(> del) > span:first-child{grid-column:1 / -1}
.pc2 .pc2-launch-p{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.6rem;row-gap:.25rem;align-items:baseline;justify-items:start}
.pc2 .pc2-launch-p > span:first-child{grid-column:1 / -1}
.pc2 .pc2-price span{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;line-height:1.2;color:var(--ink-2)}
.pc2 .pc2-price b{font-size:2.75rem}
.pc2 .pc2-conds{row-gap:.3rem;margin-top:.875rem}
.pc2 .pc2-conds > li{font-size:.84rem;line-height:1.4}
.pc2 .pc2-conds > li:first-child{font-size:.92rem;font-weight:700;color:var(--ink)}
.pc2 .pc2-conds > li:first-child::before{background:var(--ink)}
.pc2 .pc2-zoom-top{--r-btn:0;min-height:2.75rem;column-gap:.75rem;padding-left:1rem}
.pc2 .pc2-zoom-t{font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.2;color:var(--ink-2);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
.pc2 .pc2-zoom-top .btn{min-height:2.75rem;padding:0 1rem;border:0;background:none;font-size:.62rem;letter-spacing:.14em;
text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em;text-decoration-color:var(--accent-t)}
.pc2 .pc2-zoom-in{padding:.75rem}
.pc2 .pc2-zoom-in img{width:100%;max-width:100%}
.pc2 .pc2-dl:has(.pc2-dt-b){display:block}
.pc2 .pc2-dl dt:has(> .pc2-dt-b){margin-top:0}
.pc2 .pc2-dl dd + dt:has(> .pc2-dt-b){margin-top:.25rem}
.pc2 .pc2-dt-b{display:flex;align-items:center;justify-content:space-between;column-gap:1rem;width:100%;min-height:2.75rem;padding:.25rem 0;
border:0;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.pc2 .pc2-dt-b::after{content:"+";content:"+" / "";flex:none;font-family:var(--display);font-size:1.05rem;font-weight:700;line-height:1}
.pc2 .pc2-dt-b[aria-expanded="true"]::after{content:"\2212";content:"\2212" / ""}
.pc2 .pc2-dt-b:focus-visible{outline:2px solid var(--accent-t);outline-offset:2px}
.pc2 .pc2-dl dd[data-pc2-shut]{display:none}
.pc2 .pc2-dl dd:has(+ dt > .pc2-dt-b),.pc2 .pc2-dl dd:last-child{margin-bottom:.5rem}
.pc2 .pc2-bar > [hidden]{display:none}
}
@media (min-width:48rem) and (max-width:63.99rem){
.pc2{--pc2-gap:1.75rem;--pc2-pt:1.5rem;--pc2-pb:1.5rem}
}
@media (min-width:64rem){
.pc2{--pc2-gap:3rem;--pc2-pt:2rem;--pc2-px:2rem;--pc2-pb:2.25rem}
.pc2 .pc2-sheet{padding:1.5rem 0 5rem}
.pc2 :is(.pc2-top,.pc2-draw){grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--pc2-col);align-items:start}
.pc2 .pc2-top{row-gap:0;grid-template-rows:auto 1fr}
.pc2 .pc2-gal{grid-column:1;grid-row:1 / span 2;position:sticky;top:calc(var(--hdr) + 1.25rem)}
.pc2 .pc2-th{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}
.pc2 .pc2-head{grid-column:2;grid-row:1;padding-bottom:0}
.pc2 .pc2-offer{grid-column:2;grid-row:2;padding-top:1.25rem}
.pc2 .pc2-head h1{font-size:2.5rem}
.pc2 .pc2-price b{font-size:2.75rem}
.pc2 .pc2-sec > h2{font-size:2rem;line-height:1.08}
.pc2 .pc2-sec > h2 + *{margin-top:1.25rem}
.pc2 .pc2-sim > h2{font-size:1.5rem}
.pc2 :is(.pc2-in,.pc2-out){padding:1.25rem 1.5rem 1.5rem}
.pc2 .pc2-plan-a{padding:1.25rem}
.pc2 .pc2-tab :is(th,td){padding:.65rem 1rem}
.pc2 .pc2-grp{margin-top:2rem}
.pc2 .pc2-gl{font-size:1.25rem}
.pc2 .pc2-form{grid-template-columns:minmax(0,1fr) 22rem;column-gap:var(--pc2-col);align-items:start}
.pc2 .pc2-order{position:sticky;top:calc(var(--hdr) + 1.25rem);max-height:calc(100svh - var(--hdr) - 2.5rem);overflow-y:auto;overscroll-behavior:contain}
.pc2 .pc2-rc{padding:1.125rem 1.25rem 1.25rem}
.pc2 .pc2-rs > div:first-child dd{font-size:1.75rem}
.pc2 .pc2-zoom-in img{width:100%;max-width:100%}
.pc2 .pc2-bar{display:none}
.pc2 .pc2-order > .pc2-pop{position:static;width:auto;padding-top:1rem;overflow:clip;transition:none}
.pc2 .pc2-order > .pc2-pop > .pc2-pop-s{max-height:none;overflow:visible;overscroll-behavior:auto;padding:.375rem 1.25rem 1.25rem;background:var(--paper-2);border-right:0;transform:none;transition:transform .28s var(--pc2-ease)}
@starting-style{.pc2 .pc2-order > .pc2-pop > .pc2-pop-s{transform:translateY(calc(-100% - 1rem))}}
.pc2 .pc2-order > .pc2-pop[data-out] > .pc2-pop-s{transform:translateY(calc(-100% - 1rem));transition-duration:.2s}
.pc2 .pc2-order > .pc2-pop .btn.ghost{background:var(--paper)}
.pc2 .pc2-order > .pc2-pop .pc2-pop-code{display:flex;flex-wrap:wrap;gap:.5rem;align-items:stretch}
.pc2 .pc2-order > .pc2-pop .pc2-pop-cv{flex:1 0 auto;white-space:nowrap;overflow-wrap:normal}
.pc2 .pc2-order > .pc2-pop .pc2-pop-cp{flex:none}
.pc2 .pc2-order:has(> .pc2-pop){overscroll-behavior:auto;padding-right:max(0px, var(--pc2-px) - var(--pc2-sb, 0px))}
}
@media (min-width:64rem) and (hover:hover){
.pc2 .pc2-order > .pc2-pop .btn.ghost:hover{background:var(--card)}
.pc2 .pc2-order > .pc2-pop .pc2-pop-x:hover{background:var(--paper)}
}
@media (min-width:80rem){
.pc2 .pc2-head h1{font-size:3rem}
.pc2 .pc2-form{grid-template-columns:minmax(0,1fr) 26rem}
}
@media (prefers-reduced-motion:reduce){
.pc2 .pc2-box::after,.pc2 .pc2-bar,.pc2 .pc2-zoom,.pc2 .pc2-pop,.pc2 .pc2-pop-s{transition:none}
.pc2 .pc2-order > .pc2-pop > .pc2-pop-s{transition:none}
.pc2 :is([data-pc2-total].is-tick,.pc2-pop-cp[data-done] .pc2-pop-l2,.pc2-err){animation:none}
}
}
@layer components {
.kh-shop .pg-head{display:block;background:var(--pg-plate);padding:1.1rem 1.25rem 1.5rem}
.kh-shop .pg-head h1{max-width:none;font-size:clamp(1.9rem,6.4vw,2.6rem);line-height:1.06}
.kh-shop-body{margin-top:1.5rem;padding:1.1rem 1.25rem 1.5rem;background:var(--pg-plate);border-top:1px solid var(--ink)}
.kh-shop-body .woocommerce{display:grid;gap:1.5rem}
.kh-shop .woocommerce-message,.kh-shop .woocommerce-info,.kh-shop .woocommerce-error{list-style:none;margin:0 0 1rem;padding:.8rem 1rem;
border:1px solid var(--line);background:var(--paper);font-size:.9rem;line-height:1.45}
.kh-shop .woocommerce-error{border-color:var(--ink)}
.kh-shop .woocommerce-message .button,.kh-shop .woocommerce-info .button{margin-left:.75rem}
.kh-shop .woocommerce-thankyou-order-received{margin:0;font-size:1.08rem;line-height:1.5;color:var(--ink)}
.kh-shop .woocommerce-thankyou-order-failed{padding:.8rem 1rem;border:1px solid var(--ink);background:var(--paper);font-size:.9rem;line-height:1.45}
.kh-shop .woocommerce-thankyou-order-failed-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
.kh-shop .checkout-inline-error-message{margin:.35rem 0 0;font-size:.85rem;font-weight:700;color:var(--ink)}
.kh-shop .button,.kh-shop button[type="submit"],.kh-shop #place_order{display:inline-flex;align-items:center;justify-content:center;text-align:center;
padding:.95rem 1.6rem;border:1px solid var(--timber-l);border-radius:var(--r-btn);background:var(--timber-l);color:var(--ink);font-family:var(--text);font-size:.7rem;
letter-spacing:.14em;text-transform:uppercase;font-weight:700;line-height:1;cursor:pointer;transition:background .18s ease,border-color .18s ease}
.kh-shop .button:hover,.kh-shop button[type="submit"]:hover,.kh-shop #place_order:hover{background:var(--timber);border-color:var(--timber)}
.kh-shop button[name="update_cart"]{background:transparent;border-color:var(--line-2)}
.kh-shop button[name="update_cart"]:hover{background:var(--paper-2);border-color:var(--ink)}
.kh-shop #place_order,.kh-shop .checkout-button{width:100%;padding:1.05rem 2rem;font-size:.74rem}
.kh-shop .button:disabled,.kh-shop .button.disabled{opacity:.5;cursor:default}
.kh-shop .shop_table{width:100%;border-collapse:collapse;font-size:.9rem;line-height:1.4}
.kh-shop .shop_table th,.kh-shop .shop_table td{padding:.7rem .5rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.kh-shop .shop_table thead th{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);border-bottom-color:var(--ink)}
.kh-shop .shop_table .amount{white-space:nowrap;font-variant-numeric:tabular-nums}
.kh-shop .shop_table tfoot th,.kh-shop .cart_totals th{font-weight:700}
.kh-shop .order-total td,.kh-shop .order-total th{font-size:1.05rem;border-bottom-color:var(--ink)}
.kh-shop .product-thumbnail img{width:4.5rem;height:auto}
.kh-shop .product-remove a{display:inline-grid;place-items:center;min-width:2.25rem;min-height:2.25rem;padding:0;border:1px solid var(--line);color:var(--ink-2);
font-size:1.1rem;line-height:1;text-decoration:none}
.kh-shop .product-remove a:hover{border-color:var(--ink);color:var(--ink)}
.kh-shop .product-name a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.kh-shop dl.variation{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.15rem .5rem;margin-top:.45rem;font-size:.82rem;color:var(--ink-2)}
.kh-shop dl.variation dt{font-weight:700}
.kh-shop dl.variation dd,.kh-shop dl.variation dd p{margin:0}
.kh-shop .wc-item-meta{list-style:none;margin:.45rem 0 0;padding:0;font-size:.82rem;color:var(--ink-2)}
.kh-shop .wc-item-meta li{display:flex;gap:.4rem}
.kh-shop .wc-item-meta p{margin:0}
.kh-shop .qty{width:4rem;padding:.45rem;border:1px solid var(--line);border-radius:0;background:var(--card);font:inherit}
.kh-shop td.actions{text-align:right}
.kh-shop .cart-collaterals{display:grid}
.kh-shop .cart_totals h2,.kh-shop #order_review_heading,.kh-shop .woocommerce-billing-fields h3,.kh-shop .woocommerce-shipping-fields h3,
.kh-shop .woocommerce-additional-fields h3,.kh-shop .woocommerce-order-details__title,.kh-shop .wc-bacs-bank-details-heading{
margin:0 0 .8rem;font-family:var(--display);font-size:clamp(1.3rem,4vw,1.7rem);line-height:1.15}
.kh-shop .wc-proceed-to-checkout{display:grid;gap:.75rem;margin-top:1rem}
.kh-shop .kh-cart-note,.kh-shop .kh-co-note,.kh-shop .kh-pay-note{margin:0 0 .75rem;max-width:40rem;font-size:.9rem;line-height:1.5;color:var(--ink-2)}
.kh-shop .form-row{display:grid;gap:.35rem;margin:0 0 1rem}
.kh-shop .form-row label{font-size:.61rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.kh-shop .form-row .required{color:var(--ink);text-decoration:none;border:0}
.kh-shop .input-text,.kh-shop select,.kh-shop textarea{width:100%;padding:.75rem .8rem;border:1px solid var(--line);border-radius:0;-webkit-appearance:none;appearance:none;
background:var(--card);color:var(--ink);font:inherit;font-size:1rem}
.kh-shop select{padding-right:2.2rem;background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23191714' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right .8rem center/.7rem auto}
.kh-shop .input-text:hover,.kh-shop select:hover,.kh-shop textarea:hover{border-color:var(--line-2)}
.kh-shop .input-text:focus,.kh-shop select:focus,.kh-shop textarea:focus{outline:2px solid var(--accent-t);outline-offset:0;border-color:var(--ink)}
.kh-shop .woocommerce-invalid .input-text,.kh-shop .woocommerce-invalid select{border-color:var(--ink)}
.kh-shop .woocommerce-invalid > label{color:var(--ink)}
.kh-shop .kh-ck-err{margin:0;font-size:.85rem;font-weight:700;line-height:1.35;color:var(--ink)}
.kh-shop .kh-unloading .woocommerce-input-wrapper{display:grid;gap:.4rem}
.kh-shop .kh-unloading label.radio{display:inline;margin-left:.4rem;font-size:.95rem;letter-spacing:0;text-transform:none;font-weight:400;color:var(--ink)}
.kh-shop .kh-mail-hint{margin:.35rem 0 0;font-size:.85rem;color:var(--ink-2)}
.kh-shop .kh-mail-hint button{padding:0;border:0;background:none;color:var(--ink);font:inherit;text-decoration:underline;cursor:pointer}
.kh-shop .col2-set{display:grid;gap:1.5rem}
.kh-shop #order_review{display:grid;gap:1rem}
.kh-shop #payment .payment_methods{list-style:none;margin:0 0 1rem;padding:0;border-top:1px solid var(--line)}
.kh-shop #payment .payment_methods > li{padding:.8rem 0;border-bottom:1px solid var(--line)}
.kh-shop #payment .payment_methods label{font-weight:700;margin-left:.4rem}
.kh-shop #payment .payment_box{margin-top:.5rem;font-size:.88rem;line-height:1.5;color:var(--ink-2)}
.kh-shop .woocommerce-terms-and-conditions-wrapper{display:grid;gap:.6rem;margin:0 0 1rem;font-size:.88rem;line-height:1.5}
.kh-shop .woocommerce-privacy-policy-text p{margin:0;color:var(--ink-2)}
.kh-shop .woocommerce-form__label-for-checkbox{display:flex;gap:.5rem;align-items:flex-start;text-transform:none;letter-spacing:0;font-size:.9rem;font-weight:400;color:var(--ink)}
.kh-shop .kh-ty{display:grid;gap:.6rem;max-width:44rem;font-size:1rem;line-height:1.55}
.kh-shop .kh-ty ol{margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--ink);counter-reset:ty}
.kh-shop .kh-ty ol li{display:grid;grid-template-columns:2rem minmax(0,1fr);column-gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--line);counter-increment:ty}
.kh-shop .kh-ty ol li::before{content:counter(ty,decimal-leading-zero);font-family:var(--display);font-weight:700;color:var(--ink-2);font-variant-numeric:tabular-nums}
.kh-shop .woocommerce-order-overview{list-style:none;margin:1rem 0;padding:0;display:grid;gap:.1rem;border-top:1px solid var(--ink)}
.kh-shop .woocommerce-order-overview li{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--line);font-size:.9rem}
.kh-shop .woocommerce-order-overview strong{font-variant-numeric:tabular-nums}
.kh-shop .wc-bacs-bank-details{list-style:none;margin:0 0 1rem;padding:0;border-top:1px solid var(--line)}
.kh-shop .wc-bacs-bank-details li{padding:.5rem 0;border-bottom:1px solid var(--line);font-size:.9rem}
.kh-shop .woocommerce-order-withdrawal-content{display:grid;gap:1rem;max-width:44rem}
.kh-shop .woocommerce-order-withdrawal-content__steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.72rem;
letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.kh-shop .woocommerce-order-withdrawal-content__step--current{color:var(--ink);font-weight:700;border-bottom:1px solid var(--ink)}
.kh-shop .woocommerce-order-withdrawal-content__note{font-size:.88rem;line-height:1.5;color:var(--ink-2)}
.kh-shop .woocommerce-order-withdrawal-content__actions{display:flex;flex-wrap:wrap;gap:.75rem}
.kh-shop .woocommerce-order-withdrawal-content__field-error{font-size:.85rem;color:var(--ink)}
.kh-shop .woocommerce-billing-fields__field-wrapper,.kh-shop .woocommerce-shipping-fields__field-wrapper{
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;align-items:start}
.kh-shop .woocommerce-billing-fields__field-wrapper .form-row,.kh-shop .woocommerce-shipping-fields__field-wrapper .form-row{grid-column:1 / -1}
.kh-shop .woocommerce-billing-fields__field-wrapper .form-row-first,.kh-shop .woocommerce-shipping-fields__field-wrapper .form-row-first{grid-column:1}
.kh-shop .woocommerce-billing-fields__field-wrapper .form-row-last,.kh-shop .woocommerce-shipping-fields__field-wrapper .form-row-last{grid-column:2}
@media (min-width:37.5rem){
.kh-shop #place_order{width:auto}
}
@media (min-width:48rem){
.kh-shop .col2-set{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:64rem){
.kh-shop .pg-head{padding:1.4rem 1.75rem 1.75rem}
.kh-shop .pg-head h1{font-size:2.6rem}
.kh-shop-body{padding:1.4rem 2rem 2rem}
.kh-shop form.checkout{display:grid;grid-template-columns:minmax(0,1fr) minmax(22rem,28rem);column-gap:3rem;align-items:start}
.kh-shop form.checkout > .woocommerce-NoticeGroup{grid-column:1 / -1;grid-row:1}
.kh-shop #customer_details{grid-column:1;grid-row:2 / span 2;grid-template-columns:minmax(0,1fr);max-width:44rem}
.kh-shop #order_review_heading{grid-column:2;grid-row:2}
.kh-shop #order_review{grid-column:2;grid-row:3}
.kh-shop .cart-collaterals{justify-items:end}
.kh-shop .cart_totals{width:min(100%,28rem)}
}
@media (min-width:80rem){
.kh-shop .pg-head h1{font-size:2.9rem}
}
@media (max-width:47.99rem){
.kh-shop table.cart thead{display:none}
.kh-shop table.cart tr{display:grid;grid-template-columns:minmax(0,1fr) auto;border-bottom:1px solid var(--line)}
.kh-shop table.cart td{display:block;border:0;padding:.4rem 0}
.kh-shop table.cart td.product-thumbnail{display:none}
.kh-shop table.cart td.product-name{grid-column:1;grid-row:1}
.kh-shop table.cart td.product-remove{grid-column:2;grid-row:1;text-align:right}
.kh-shop table.cart td[data-title]::before{content:attr(data-title) ": ";font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.kh-shop table.cart td.actions{grid-column:1 / -1;text-align:left}
}
}
@layer components {
.kh-shop .woocommerce-input-wrapper{display:block}
.kh-shop .wc-bacs-bank-details strong{display:block;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.kh-shop .kh-spec{display:grid;grid-template-columns:minmax(0,1fr) auto;margin:.5rem 0 0;border-top:1px solid var(--line);font-size:.82rem;line-height:1.35;font-weight:400}
.kh-shop .kh-spec > div{display:contents}
.kh-shop .kh-spec :is(dt,dd){margin:0;padding:.35rem 0;border-bottom:1px solid var(--line)}
.kh-shop .kh-spec dt{font-weight:400;color:var(--ink-2);overflow-wrap:break-word}
.kh-shop .kh-spec dd{padding-left:1rem;text-align:right;white-space:nowrap;color:var(--ink);font-variant-numeric:tabular-nums}
.kh-shop :is(.kh-ck-sumbody .shop_table,.cart_totals .shop_table,.kh-cart-tab,.kh-doc-lines,.kh-doc-totals) :is(th,td):first-child{padding-left:0}
.kh-shop :is(.kh-ck-sumbody .shop_table,.cart_totals .shop_table,.kh-cart-tab,.kh-doc-lines,.kh-doc-totals) :is(th,td):last-child{padding-right:0;text-align:right}
.kh-shop :is(.kh-ck-sumbody,.cart_totals) .woocommerce-shipping-totals td{font-size:.85rem;line-height:1.4;color:var(--ink-2)}
.kh-shop .kh-ck [hidden]{display:none}
.kh-shop .kh-ck[data-kh-step="1"] [data-kh-g]:not([data-kh-g="1"]),
.kh-shop .kh-ck[data-kh-step="2"] [data-kh-g]:not([data-kh-g="2"]),
.kh-shop .kh-ck[data-kh-step="3"] [data-kh-g]:not([data-kh-g="3"]),
.kh-shop .kh-ck[data-kh-step="4"] [data-kh-g]:not([data-kh-g="4"]){display:none}
.kh-shop .kh-ck-main{min-width:0}
.kh-shop .kh-ck-aside{margin:0 0 1.75rem}
.kh-shop .kh-ck-sumhead{display:grid;grid-template-columns:minmax(0,1fr) auto 1rem;align-items:baseline;column-gap:.75rem;padding:.85rem 0;
border-top:1px solid var(--ink);border-bottom:1px solid var(--line);list-style:none;cursor:pointer}
.kh-shop .kh-ck-sumhead::-webkit-details-marker{display:none}
.kh-shop .kh-ck-sumhead::after{content:"+";content:"+" / "";font-family:var(--display);font-size:1.25rem;font-weight:700;line-height:1;text-align:right;color:var(--ink)}
.kh-shop .kh-ck-sum[open] > .kh-ck-sumhead::after{content:"\2212";content:"\2212" / ""}
.kh-shop .kh-ck-sumtitle{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ink-2)}
.kh-shop .kh-ck-sumline{font-family:var(--display);font-size:1.25rem;font-weight:700;line-height:1;letter-spacing:-.01em;white-space:nowrap;font-variant-numeric:tabular-nums}
.kh-shop .kh-ck-sumbody .shop_table{font-size:.88rem}
.kh-shop .kh-ck-sumbody td.product-name{font-weight:700;overflow-wrap:break-word}
.kh-shop .kh-ck-sumbody strong.product-quantity{font-weight:400;color:var(--ink-2)}
.kh-shop :is(.kh-ck-sumbody,.kh-doc-lines) .kh-cart-sku{display:block}
.kh-shop .kh-ck-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none}
.kh-shop .kh-ck-nav li{min-width:0}
.kh-shop .kh-ck-step{display:grid;align-content:start;gap:.25rem;width:100%;height:100%;min-height:2.9rem;padding:.55rem .3rem .6rem;border-top:1px solid var(--line);
text-align:left;color:var(--ink-2);cursor:default}
.kh-shop .kh-ck-step .kh-ck-n{font-family:var(--display);font-size:.8rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.kh-shop .kh-ck-step .kh-ck-t{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;line-height:1.25;overflow-wrap:break-word}
.kh-shop .kh-ck-nav li.is-done .kh-ck-step{border-top-color:var(--ink-2);color:var(--ink);cursor:pointer}
.kh-shop .kh-ck-nav li.is-done .kh-ck-t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:var(--accent-t)}
.kh-shop .kh-ck-nav li.is-done .kh-ck-step:hover{background:var(--paper-2)}
.kh-shop .kh-ck-nav li.is-on .kh-ck-step{border-top-color:var(--ink);background:var(--card);color:var(--ink)}
.kh-shop .kh-ck-g{min-width:0;margin-top:2.25rem}
.kh-shop .kh-ck-nav[hidden] ~ .kh-ck-cust .kh-ck-g[data-kh-g="1"]{margin-top:0}
.kh-shop .kh-ck[data-kh-step] .kh-ck-g{margin-top:1.75rem}
.kh-shop .kh-ck-h{display:grid;grid-template-columns:2rem minmax(0,1fr);column-gap:.75rem;align-items:baseline;margin:0 0 1.1rem;padding:0 0 .6rem;
border-bottom:1px solid var(--ink);font-size:clamp(1.3rem,4vw,1.7rem);line-height:1.15;overflow-wrap:break-word}
.kh-shop .kh-ck-h:focus{outline:0}
.kh-shop .kh-ck-h .kh-ck-n{font-size:1rem;color:var(--ink-2);font-variant-numeric:tabular-nums}
.kh-shop .kh-ck #ship-to-different-address{margin:.25rem 0 1rem;font-family:var(--text);font-size:.95rem;font-weight:400;letter-spacing:0;line-height:1.4}
.kh-shop .kh-ck .shipping_address{padding-top:1rem;border-top:1px solid var(--line)}
.kh-shop .kh-ck :is(input[type="checkbox"],input[type="radio"]){-webkit-appearance:none;appearance:none;display:inline-grid;place-content:center;flex:none;
width:1.1rem;height:1.1rem;margin:.15rem 0 0;border:1px solid var(--ink-2);border-radius:0;background:var(--card);cursor:pointer}
.kh-shop .kh-ck :is(input[type="checkbox"],input[type="radio"])::before{content:"";width:.55rem;height:.55rem;background:var(--ink);transform:scale(0)}
.kh-shop .kh-ck :is(input[type="checkbox"],input[type="radio"]):checked{border-color:var(--ink)}
.kh-shop .kh-ck :is(input[type="checkbox"],input[type="radio"]):checked::before{transform:scale(1)}
.kh-shop .kh-ck :is(input[type="checkbox"],input[type="radio"]):focus-visible{outline:2px solid var(--accent-t);outline-offset:2px}
.kh-shop .kh-ck .kh-unloading .woocommerce-input-wrapper{grid-template-columns:1.1rem minmax(0,1fr);column-gap:.6rem;row-gap:.6rem;align-items:start}
.kh-shop .kh-ck .kh-unloading label.radio{margin:0;line-height:1.4}
.kh-shop .kh-ck textarea{min-height:5.5rem;field-sizing:content;resize:vertical}
.kh-shop .kh-ck-ship{margin:0 0 1.5rem}
.kh-shop .kh-ck-rates{width:100%;border-collapse:collapse}
.kh-shop .kh-ck-rates :is(th,td){padding:.6rem 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.4}
.kh-shop .kh-ck-rates th{width:40%;padding-right:1rem;font-size:.8rem;font-weight:700;color:var(--ink-2)}
.kh-shop .kh-ck-rates td{font-size:.92rem;color:var(--ink)}
.kh-shop .kh-ck-rates ul{margin:0;padding:0;list-style:none}
.kh-shop .kh-ck-move{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;margin-top:1.75rem;padding-top:1.1rem;border-top:1px solid var(--line)}
.kh-shop .kh-ck-move:has(.kh-ck-back[hidden]) .kh-ck-next{grid-column:1 / -1}
.kh-shop .kh-ck-back{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 1.1rem;border:1px solid var(--line-2);border-radius:var(--r-btn);
background:transparent;color:var(--ink);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;line-height:1;
transition:background .18s ease,border-color .18s ease}
.kh-shop .kh-ck-back:hover{background:var(--paper-2);border-color:var(--ink)}
.kh-shop .kh-ck-next{width:100%}
.kh-shop .kh-cart{display:grid;gap:1.5rem}
.kh-shop .kh-cart-tab :is(.product-price,.product-subtotal){text-align:right;white-space:nowrap}
.kh-shop .kh-cart-tab td.product-subtotal{font-weight:700}
.kh-shop .kh-cart-tab .product-quantity{width:5.5rem}
.kh-shop .kh-cart-tab .product-remove{width:3rem}
.kh-shop .kh-cart-tab td.actions{padding-top:1rem;border-bottom:0}
.kh-shop .kh-cart-line{display:grid;grid-template-columns:4.5rem minmax(0,1fr);column-gap:1rem;align-items:start}
.kh-shop .kh-cart-shot{display:block;aspect-ratio:3 / 2;overflow:hidden;border:1px solid var(--line);background:var(--paper-2)}
.kh-shop .kh-cart-shot img{width:100%;height:100%;object-fit:cover}
.kh-shop .kh-cart-txt{min-width:0}
.kh-shop .kh-cart-name{font-family:var(--display);font-size:1.1rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;overflow-wrap:break-word}
.kh-shop .kh-cart-sku{margin:.35rem 0 0;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;line-height:1.35;color:var(--ink-2);font-variant-numeric:tabular-nums}
.kh-shop .kh-cart .cart_totals{padding-top:1rem;border-top:1px solid var(--ink)}
.kh-shop .kh-cart-back{margin:0;font-size:.9rem}
.kh-shop :is(.kh-cart-back,.kh-doc-ch) a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
.kh-shop :is(.kh-cart-back,.kh-doc-ch) a:hover{text-decoration-color:var(--ink)}
.kh-shop .kh-cart-empty{display:grid;gap:1rem;max-width:44rem}
.kh-shop .kh-cart-empty .cart-empty{margin:0}
.kh-shop .kh-cart-go{display:grid;gap:.75rem;margin:0}
.kh-shop .kh-doc{display:grid;min-width:0}
.kh-shop .kh-doc-b{margin-top:2.25rem}
.kh-shop .kh-doc-t{margin:0 0 .8rem;font-size:clamp(1.3rem,4vw,1.7rem);line-height:1.15}
.kh-shop .kh-doc-state{margin:0;font-size:1.08rem;line-height:1.5;color:var(--ink)}
.kh-shop .kh-doc-head .woocommerce-order-overview{margin:1rem 0 0}
.kh-shop .kh-doc-lines td.product-name,.kh-shop .kh-doc-lines td.product-total{font-weight:700}
.kh-shop .kh-doc-totals{width:100%;margin-top:.5rem;border-collapse:collapse;font-size:.9rem;font-variant-numeric:tabular-nums}
.kh-shop .kh-doc-totals :is(th,td){padding:.6rem 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.kh-shop .kh-doc-totals td{text-align:right}
.kh-shop .kh-doc-totals .kh-doc-sum-order_total :is(th,td){font-size:1.05rem;border-bottom-color:var(--ink)}
.kh-shop .kh-doc-act{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0 0}
.kh-shop .kh-doc-parties .kh-co{display:grid;gap:1.6rem}
.kh-shop .kh-doc-parties .kh-co-b{padding-top:1rem;border-top:1px solid var(--ink)}
.kh-shop .kh-doc-parties .kh-co-t{margin:0;font-family:var(--text);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;line-height:1.4;color:var(--ink-2)}
.kh-shop .kh-doc-parties .kh-co dl{margin-top:.8rem;border-top:1px solid var(--line)}
.kh-shop .kh-doc-parties .kh-co dl > div{display:grid;grid-template-columns:minmax(0,1fr);row-gap:.3rem;padding:.7rem 0;border-bottom:1px solid var(--line)}
.kh-shop .kh-doc-parties .kh-co dt{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;line-height:1.3;color:var(--ink-2)}
.kh-shop .kh-doc-parties .kh-co dd{margin:0;font-size:1rem;line-height:1.45;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.kh-shop .kh-doc-ch{display:grid;grid-template-columns:minmax(6rem,auto) minmax(0,1fr);margin:0;border-top:1px solid var(--ink)}
.kh-shop .kh-doc-ch > div{display:contents}
.kh-shop .kh-doc-ch :is(dt,dd){margin:0;padding:.65rem 0;border-bottom:1px solid var(--line);line-height:1.4}
.kh-shop .kh-doc-ch dt{padding:.85rem 1.25rem .65rem 0;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ink-2)}
.kh-shop .kh-doc-ch dd{font-size:1rem;overflow-wrap:anywhere}
@media (max-width:47.99rem){
.kh-shop table.kh-cart-tab td.product-name{padding-top:.9rem}
.kh-shop table.kh-cart-tab td.product-name::before{content:none}
.kh-shop table.kh-cart-tab :is(td.product-price,td.product-quantity,td.product-subtotal){grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.kh-shop table.kh-cart-tab td.product-subtotal{padding-bottom:.9rem}
.kh-shop table.kh-cart-tab td.actions button{width:100%}
.kh-shop .kh-cart-txt{display:contents}
.kh-shop .kh-cart-shot{grid-row:1 / span 2}
.kh-shop .kh-cart-line > .kh-cart-txt > .kh-spec{grid-column:1 / -1;margin-top:.8rem}
}
@media (min-width:37.5rem){
.kh-shop .kh-ck-move{display:flex;justify-content:space-between;align-items:center}
.kh-shop .kh-ck-next{width:auto;min-width:12rem;margin-left:auto}
.kh-shop .kh-cart-go{display:flex;flex-wrap:wrap}
}
@media (min-width:48rem){
.kh-shop .kh-ck-step{grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:.55rem;padding:.7rem .75rem .75rem}
.kh-shop .kh-ck-step .kh-ck-t{font-size:.66rem;letter-spacing:.14em}
.kh-shop .kh-doc-parties .kh-co dl > div{grid-template-columns:10.5rem minmax(0,1fr);column-gap:1.25rem;align-items:baseline}
}
@media print,(min-width:48rem){
.kh-shop .kh-doc-head .woocommerce-order-overview{display:flex;flex-wrap:wrap;gap:.9rem 2.25rem;padding:.8rem 0 .9rem;border-bottom:1px solid var(--line)}
.kh-shop .kh-doc-head .woocommerce-order-overview li{display:grid;align-content:start;gap:.35rem;flex:1 1 auto;padding:0;border:0;
font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ink-2)}
.kh-shop .kh-doc-head .woocommerce-order-overview strong{font-family:var(--display);font-size:1.05rem;letter-spacing:-.01em;text-transform:none;color:var(--ink)}
.kh-shop .kh-doc-totals{width:min(100%,26rem);margin-left:auto}
}
@media (min-width:64rem){
.kh-shop form.kh-ck{grid-template-columns:minmax(0,1fr) clamp(22rem,30vw,28rem)}
.kh-shop form.kh-ck > .kh-ck-main{grid-column:1;grid-row:2;max-width:44rem}
.kh-shop form.kh-ck > .kh-ck-aside{grid-column:2;grid-row:2;position:sticky;top:calc(var(--hdr) + 1.25rem);max-height:calc(100dvh - var(--hdr) - 2.5rem);
overflow-y:auto;overscroll-behavior:contain;margin:0;padding:1.1rem 1.1rem 1.2rem;border:1px solid var(--ink);background:var(--card)}
.kh-shop .kh-ck-sumhead{grid-template-columns:minmax(0,1fr);padding:0 0 .7rem;border-top:0;pointer-events:none;cursor:default}
.kh-shop .kh-ck-sumline,.kh-shop .kh-ck-sumhead::after{display:none}
@supports selector(::details-content){ .kh-shop .kh-ck-sum::details-content{content-visibility:visible} }
.kh-shop .kh-cart .cart_totals{padding:1.1rem 1.1rem 1.2rem;border:1px solid var(--ink);background:var(--card)}
.kh-shop .kh-doc-b{margin-top:3rem}
}
@media (min-width:80rem){
.kh-shop .kh-cart{grid-template-columns:minmax(0,1fr) clamp(22rem,30vw,28rem);column-gap:3rem;align-items:start}
.kh-shop .kh-cart > *{grid-column:1}
.kh-shop .kh-cart > .cart-collaterals{grid-column:2;grid-row:1 / span 2;position:sticky;top:calc(var(--hdr) + 1.25rem)}
.kh-shop .kh-cart .cart_totals{width:100%}
}
@media (prefers-reduced-motion:reduce){
.kh-shop .kh-ck-back{transition:none}
}
.kh-shop .kh-doc-addr{margin-top:.8rem;padding-top:.7rem;border-top:1px solid var(--line);font-style:normal;font-size:1rem;line-height:1.5;color:var(--ink)}
@media print{
@page{size:A4;margin:14mm}
html:has(.kh-shop){font-size:10.5pt}
body:has(.kh-shop){display:block;min-height:0;background:var(--card)}
body:has(.kh-shop) :is(.site-head,.site-foot,.bgbuild,.pg-story,.skip,.mpanel){display:none}
main.kh-shop{--pg-plate:var(--card);--paper:var(--card);--paper-2:var(--card);--ink-2:var(--ink);--muted:var(--ink);--line:var(--ink);--line-2:var(--ink);
color:var(--ink);background:var(--card)}
.kh-shop :is(.jr-crumbs,.button,.btn,#place_order,.kh-ck-nav,.kh-ck-move,.woocommerce-thankyou-order-failed-actions,.kh-mail-hint,.kh-doc-act){display:none}
.kh-shop .wrap{width:auto;margin:0}
.kh-shop .pc-sheet{padding:0}
.kh-shop .pg-head,.kh-shop .kh-shop-body{margin:0;padding:0 0 5mm;background:none;border:0}
.kh-shop .pg-head h1{font-size:18pt}
.kh-shop .kh-doc-b{margin-top:7mm}
.kh-shop :is(tr,li,.kh-co-b,.kh-doc-head,.kh-doc-totals){break-inside:avoid}
.kh-shop thead{display:table-header-group}
.kh-shop :is(.kh-doc-t,.kh-co-t){break-after:avoid}
.kh-shop a{text-decoration:none;color:var(--ink)}
}
}
@layer components {
.kh-shop-body{border-top:0}
.kh-shop .woocommerce-notices-wrapper:empty{display:none}
.kh-shop :is(.woocommerce-message,.woocommerce-info){border:0;border-radius:var(--r-btn);background:var(--card)}
.kh-shop :is(.woocommerce-error,.woocommerce-thankyou-order-failed){border-radius:var(--r-btn);background:var(--card)}
.kh-shop :is(.kh-doc-lines,.kh-ck-sumbody .shop_table){display:block;width:100%;margin:0;font-size:.9rem}
.kh-shop :is(.kh-doc-lines,.kh-ck-sumbody .shop_table) thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.kh-shop :is(.kh-doc-lines,.kh-ck-sumbody .shop_table) thead th{border:0}
.kh-shop :is(.kh-doc-lines,.kh-ck-sumbody .shop_table) tbody{display:grid;row-gap:1.4rem}
.kh-shop :is(.kh-doc-lines,.kh-ck-sumbody .shop_table) tbody tr{display:grid;grid-template-columns:minmax(0,1fr)}
.kh-shop :is(.kh-doc-lines,.kh-ck-sumbody .shop_table) tbody td{display:block;padding:0;border:0}
.kh-shop :is(.kh-doc-lines,.kh-ck-sumbody .shop_table) td.product-name{font-family:var(--display);font-size:1.1rem;font-weight:700;
line-height:1.2;letter-spacing:-.01em;color:var(--ink);overflow-wrap:break-word}
.kh-shop .kh-doc-lines td.product-name > a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
.kh-shop .kh-doc-lines td.product-name > a:hover{text-decoration-color:var(--ink)}
.kh-shop :is(.kh-doc-lines,.kh-ck-sumbody .shop_table) strong.product-quantity{font-family:var(--text);font-size:.9rem;font-weight:400;
letter-spacing:0;color:var(--ink-2);white-space:nowrap}
.kh-shop :is(.kh-doc-lines,.kh-ck-sumbody .shop_table) td.product-total{margin-top:.55rem;padding-right:.5rem;text-align:right;white-space:nowrap;
font-family:var(--display);font-size:1.15rem;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.kh-shop .kh-cart-sku{font-family:var(--text)}
.kh-shop .kh-spec{margin:.7rem 0 0;border-top:0;font-family:var(--text);font-size:.85rem;line-height:1.35;font-weight:400;letter-spacing:0}
.kh-shop .kh-spec :is(dt,dd){padding:.4rem .5rem;border-bottom:0}
.kh-shop .kh-spec dd{padding-left:1rem}
.kh-shop .kh-spec > div:nth-child(odd) > :is(dt,dd){background:var(--paper)}
.kh-shop .kh-doc-totals,.kh-shop .cart_totals .shop_table{display:block;width:100%;margin:1.25rem 0 0;padding:.55rem .5rem;
background:var(--paper-2);border-radius:var(--r-btn);font-size:.9rem;font-variant-numeric:tabular-nums}
.kh-shop .kh-ck-sumbody .shop_table tfoot{display:grid;margin-top:1.25rem;padding:.55rem .5rem;background:var(--paper-2);border-radius:var(--r-btn)}
.kh-shop :is(.kh-doc-totals,.cart_totals .shop_table) tbody{display:grid}
.kh-shop :is(.kh-doc-totals,.cart_totals .shop_table,.kh-ck-sumbody .shop_table tfoot) tr{display:grid;grid-template-columns:auto minmax(0,1fr);
column-gap:1rem;align-items:baseline}
.kh-shop :is(.kh-doc-totals,.cart_totals .shop_table,.kh-ck-sumbody .shop_table tfoot) :is(th,td){display:block;padding:.3rem 0;border:0;
font-size:.9rem;line-height:1.4}
.kh-shop :is(.kh-doc-totals,.cart_totals .shop_table,.kh-ck-sumbody .shop_table tfoot) th{font-weight:400;color:var(--ink-2);white-space:nowrap;text-align:left}
.kh-shop :is(.kh-doc-totals,.cart_totals .shop_table,.kh-ck-sumbody .shop_table tfoot) td{text-align:right;color:var(--ink)}
.kh-shop :is(.kh-doc-totals .kh-doc-sum-order_total,.cart_totals .order-total,.kh-ck-sumbody .order-total) th{padding-top:.6rem;font-weight:700;color:var(--ink)}
.kh-shop :is(.kh-doc-totals .kh-doc-sum-order_total,.cart_totals .order-total,.kh-ck-sumbody .order-total) td{padding-top:.6rem;font-family:var(--display);
font-size:1.4rem;font-weight:700;line-height:1.1;letter-spacing:-.02em;white-space:nowrap}
.kh-shop .kh-doc{row-gap:0}
.kh-shop .kh-doc-head{position:relative;padding:1.1rem 1rem 1.25rem;background:var(--card);border-radius:var(--r-btn)}
.kh-shop .kh-doc-head :is(.woocommerce-thankyou-order-received,.kh-doc-state){margin:0 0 .9rem;padding-right:4.25rem;font-family:var(--display);
font-size:1.2rem;font-weight:700;line-height:1.2;letter-spacing:-.01em}
.kh-shop .kh-doc-head .woocommerce-order-overview{display:grid;grid-template-columns:minmax(0,1fr);row-gap:.45rem;margin:0;padding:0;border:0}
.kh-shop .kh-doc-head .woocommerce-order-overview li{display:grid;grid-template-columns:6.75rem minmax(0,1fr);column-gap:.75rem;
align-items:baseline;padding:0;border:0;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;line-height:1.3;color:var(--ink-2)}
.kh-shop .kh-doc-head .woocommerce-order-overview strong{font-family:var(--text);font-size:.95rem;font-weight:700;letter-spacing:0;
text-transform:none;line-height:1.35;color:var(--ink);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.kh-shop .kh-doc-head .woocommerce-order-overview :is(li.order,li.total){grid-template-columns:minmax(0,1fr);row-gap:.3rem}
.kh-shop .kh-doc-head .woocommerce-order-overview li.order{min-height:3.4rem;margin-bottom:.55rem;padding-right:4.25rem}
.kh-shop .kh-doc-head .woocommerce-order-overview li.order strong{font-family:var(--display);font-size:2.5rem;line-height:.95;letter-spacing:-.03em}
.kh-shop .kh-doc-head .woocommerce-order-overview li.total{margin-top:.6rem}
.kh-shop .kh-doc-head .woocommerce-order-overview li.total strong{font-family:var(--display);font-size:2rem;line-height:1;letter-spacing:-.02em;white-space:nowrap}
.kh-shop .kh-doc-go{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.5rem;margin:1.1rem 0 0}
.kh-shop .kh-doc-go [hidden]{display:none}
.kh-shop .kh-doc-t{margin:0 0 .5rem;font-size:1.45rem;line-height:1.1;letter-spacing:-.02em}
.kh-shop .kh-ty{gap:0;max-width:none;padding:1.1rem 1rem 1.25rem;background:var(--paper-2);border-radius:var(--r-btn);font-size:.95rem;line-height:1.45}
.kh-shop .kh-ty .kh-doc-t{margin-bottom:.35rem}
.kh-shop .kh-ty .kh-doc-state{margin:0 0 1rem;font-size:.95rem;font-weight:700;line-height:1.4;color:var(--ink)}
.kh-shop .kh-ty ol{gap:.85rem;border-top:0}
.kh-shop .kh-ty ol li{grid-template-columns:2rem minmax(0,1fr);column-gap:.75rem;align-items:start;max-width:40rem;padding:0;border-bottom:0;
color:var(--ink);text-wrap:pretty}
.kh-shop .kh-ty ol li::before{font-size:1.6rem;line-height:.95;letter-spacing:-.02em;color:var(--accent-t)}
.kh-shop .kh-ty > p:not(.kh-doc-state){max-width:40rem;margin:.55rem 0 0;font-size:.9rem;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.kh-shop .kh-ty > ol + p:not(.kh-doc-state){margin-top:1.1rem;color:var(--ink)}
.kh-shop .woocommerce-order-details{padding:1.1rem 1rem 1rem;background:var(--card);border-radius:var(--r-btn)}
.kh-shop .woocommerce-order-details .kh-doc-t{margin-bottom:1rem}
.kh-shop .kh-doc-act{margin:1rem 0 0}
.kh-shop .kh-doc > .woocommerce-bacs-bank-details{margin-top:.75rem;padding:1.1rem 1rem 1rem;background:var(--card);border-radius:var(--r-btn)}
.kh-shop .wc-bacs-bank-details-heading{margin:0 0 .75rem;font-size:1.45rem}
.kh-shop .wc-bacs-bank-details{display:grid;gap:.2rem;margin:0;border-top:0}
.kh-shop .wc-bacs-bank-details li{padding:.35rem 0;border-bottom:0}
.kh-shop .kh-doc-parties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem 1rem;padding-inline:1rem}
.kh-shop .kh-doc-parties .kh-co{display:contents}
.kh-shop .kh-doc-parties .kh-co-b{min-width:0;padding:0;border:0}
.kh-shop .kh-doc-parties .kh-co-b:has(> dl){grid-column:1 / -1}
.kh-shop .kh-doc-parties .kh-co-t{margin:0 0 .5rem}
.kh-shop .kh-doc-parties .kh-co dl{display:grid;grid-template-columns:6.75rem minmax(0,1fr);gap:.3rem .75rem;align-items:baseline;margin:0;border:0}
.kh-shop .kh-doc-parties .kh-co dl > div{display:contents}
.kh-shop .kh-doc-parties .kh-co dl > div{border:0}
.kh-shop .kh-doc-parties .kh-co dd{font-size:.9rem;line-height:1.4}
.kh-shop .kh-doc-addr{margin:0;padding:0;border:0;font-size:.9rem;line-height:1.45}
.kh-shop .kh-doc-help{padding-inline:1rem}
.kh-shop .kh-doc-help .kh-doc-t{margin:0 0 .5rem;font-family:var(--text);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;
font-weight:700;line-height:1.4;color:var(--ink-2)}
.kh-shop .kh-doc-ch{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem;margin:0;border:0}
.kh-shop .kh-doc-ch > div{display:flex;align-items:baseline;gap:.6rem}
.kh-shop .kh-doc-ch :is(dt,dd){padding:0;border:0}
.kh-shop .kh-doc-ch dd{font-size:1rem}
.kh-shop .kh-doc > .kh-doc-b{margin-top:.75rem}
.kh-shop .kh-doc > .kh-doc-parties{margin-top:2rem}
.kh-shop .kh-doc > .kh-doc-help{margin-top:1.5rem}
.kh-shop table.kh-cart-tab{display:block}
.kh-shop table.kh-cart-tab tbody{display:grid;row-gap:.75rem}
.kh-shop table.kh-cart-tab tr.cart_item{background:var(--card);border-radius:var(--r-btn)}
.kh-shop .kh-cart-shot{border:0}
.kh-shop .product-remove a{border-color:var(--line-2);border-radius:var(--r-btn)}
.kh-shop .kh-cart .cart_totals{padding:1rem;border:0;background:var(--card);border-radius:var(--r-btn)}
.kh-shop .kh-cart .cart_totals .shop_table{margin-top:0}
.kh-shop .kh-ck-nav{gap:.25rem}
.kh-shop .kh-ck-step{border-top:0;border-radius:var(--r-btn)}
.kh-shop .kh-ck-nav li.is-on .kh-ck-step .kh-ck-n{color:var(--accent-t)}
.kh-shop .kh-ck-h{grid-template-columns:2.5rem minmax(0,1fr);margin:0 0 1rem;padding:0;border-bottom:0}
.kh-shop .kh-ck-h .kh-ck-n{font-size:inherit;color:var(--accent-t)}
.kh-shop .kh-ck .shipping_address{padding-top:0;border-top:0}
.kh-shop .kh-ck-rates{display:block;padding:.75rem 1rem;background:var(--card);border-radius:var(--r-btn)}
.kh-shop .kh-ck-rates tbody{display:block}
.kh-shop .kh-ck-rates tr{display:grid;grid-template-columns:minmax(0,7rem) minmax(0,1fr);column-gap:1rem}
.kh-shop .kh-ck-rates :is(th,td){display:block;width:auto;padding:0;border:0}
.kh-shop #payment .payment_methods{display:grid;gap:.5rem;border-top:0}
.kh-shop #payment .payment_methods > li{padding:.85rem 1rem;border-bottom:0;background:var(--card);border-radius:var(--r-btn)}
.kh-shop .kh-ck-move{margin-top:1.75rem;padding-top:0;border-top:0}
.kh-shop .kh-ck-sum{background:var(--card);border-radius:var(--r-btn)}
.kh-shop .kh-ck-sumhead{padding:.85rem 1rem;border:0}
.kh-shop .kh-ck-sumbody{padding:0 1rem 1rem}
@media (max-width:47.99rem){
.kh-shop table.kh-cart-tab tr.cart_item{padding:0 1rem;border-bottom:0}
.kh-shop table.kh-cart-tab :is(tr,thead th){border-bottom:0}
.kh-shop .kh-doc-go .btn{padding-inline:.75rem}
.kh-shop .kh-ck-step{padding-inline:.2rem}
}
@media (min-width:48rem){
.kh-shop .kh-doc-totals{width:min(100%,26rem);margin-left:auto}
.kh-shop table.kh-cart-tab thead{display:block}
.kh-shop table.kh-cart-tab tr{display:grid;grid-template-columns:minmax(0,1fr) 6.5rem 4.5rem 7rem 2.5rem;column-gap:.75rem;align-items:start}
.kh-shop table.kh-cart-tab thead tr{padding:0 1.25rem .5rem}
.kh-shop table.kh-cart-tab tr.cart_item{padding:1rem 1.25rem}
.kh-shop table.kh-cart-tab tr:has(> td.actions){grid-template-columns:minmax(0,1fr)}
.kh-shop table.kh-cart-tab :is(th,td){display:block;padding:0;border:0}
.kh-shop table.kh-cart-tab :is(.product-quantity,.product-remove){width:auto}
.kh-shop table.kh-cart-tab td.product-subtotal{font-family:var(--display);font-size:1.1rem;letter-spacing:-.01em}
}
@media (min-width:64rem){
.kh-shop .kh-doc{grid-template-columns:minmax(0,1fr) clamp(22rem,30vw,28rem);column-gap:3rem;align-items:start}
.kh-shop .kh-doc > *{grid-column:1}
.kh-shop .kh-doc > .kh-doc-head{grid-column:2;grid-row:1 / span 8;position:sticky;top:calc(var(--hdr) + 1.25rem);padding:1.5rem 1.5rem 1.6rem}
.kh-shop :is(.kh-ty,.woocommerce-order-details,.kh-doc > .woocommerce-bacs-bank-details){padding:1.5rem 1.75rem 1.75rem}
.kh-shop .kh-doc > .kh-doc-b{margin-top:1rem}
.kh-shop .kh-doc > .kh-doc-parties{margin-top:2.5rem}
.kh-shop .kh-doc > .kh-doc-help{margin-top:1.75rem}
.kh-shop .kh-doc > .kh-doc-head + *{margin-top:0}
.kh-shop :is(.kh-doc-parties,.kh-doc-help){padding-inline:1.75rem}
.kh-shop .kh-doc-t{font-size:1.75rem}
.kh-shop .kh-doc-head .woocommerce-order-overview li{grid-template-columns:7.5rem minmax(0,1fr)}
.kh-shop .kh-doc-head .woocommerce-order-overview li.order strong{font-size:2.75rem}
.kh-shop .kh-doc-head .woocommerce-order-overview li.total strong{font-size:2.25rem}
.kh-shop .kh-cart .cart_totals{padding:1.25rem 1.5rem 1.4rem}
.kh-shop form.kh-ck > .kh-ck-aside{padding:1.25rem 1.25rem 1.4rem;border:0;border-radius:var(--r-btn)}
.kh-shop .kh-ck-sumhead{padding:0 0 .75rem}
.kh-shop .kh-ck-sumbody{padding:0}
}
@media (min-width:80rem){
.kh-shop .kh-doc-parties{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr));column-gap:2rem}
.kh-shop .kh-doc-parties .kh-co-b:has(> dl){grid-column:auto}
}
@media print{
.kh-shop .kh-doc-go{display:none}
.kh-shop :is(.kh-doc-head,.kh-ty,.woocommerce-order-details,.kh-doc > .woocommerce-bacs-bank-details){padding:0}
.kh-shop .kh-doc > .kh-doc-b{margin-top:6mm}
.kh-shop :is(.kh-doc-parties,.kh-doc-help){padding-inline:0}
}
}
@layer components {
.kh-shop td.actions .coupon{display:flex;flex-wrap:wrap;align-items:stretch;gap:.5rem;margin:0 0 .75rem;text-align:left}
.kh-shop td.actions .coupon .input-text{flex:1 1 12rem;width:auto;max-width:20rem;letter-spacing:.04em}
.kh-shop :is(td.actions .coupon,form.checkout_coupon) .button{background:transparent;border-color:var(--line-2)}
.kh-shop :is(td.actions .coupon,form.checkout_coupon) .button:hover{background:var(--paper-2);border-color:var(--ink)}
.kh-shop .woocommerce-form-coupon-toggle .woocommerce-info{margin:0}
.kh-shop .woocommerce-form-coupon-toggle .showcoupon{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--ink);
text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
.kh-shop form.checkout_coupon{display:flex;flex-wrap:wrap;align-items:stretch;gap:.5rem;margin:.5rem 0 0;padding:.8rem 1rem;background:var(--paper)}
.kh-shop form.checkout_coupon .form-row{margin:0}
.kh-shop form.checkout_coupon .form-row-first{flex:1 1 12rem;max-width:20rem}
.kh-shop form.checkout_coupon .clear{display:none}
.kh-shop .cart-discount .woocommerce-remove-coupon{display:inline-flex;align-items:center;min-height:2.75rem;margin-left:.5rem;font-size:.85rem;color:var(--ink-2);
text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
@media (hover:hover){.kh-shop .cart-discount .woocommerce-remove-coupon:hover{color:var(--ink)}}
}
@layer components {
.kh-shop form.checkout_coupon[hidden]{display:none}
.kh-shop .kh-cpn{display:flex;flex-wrap:wrap;align-items:stretch;gap:.5rem}
.kh-shop .kh-cpn .form-row{margin:0}
.kh-shop .kh-cpn .form-row-first{flex:1 1 12rem;max-width:20rem}
}
@layer components {
.kh-shop :is(.kh-cart,.kh-cart-empty){--kh-ease:cubic-bezier(.2,.7,.3,1);--kh-cart-out:160ms;--kh-cart-slide:240ms;--kh-cart-in:220ms;--kh-cart-wait:700ms}
@keyframes kh-tick{from{opacity:.35}to{opacity:1}}
.kh-shop :is(table.kh-cart-tab tr.cart_item[aria-busy="true"] td.product-subtotal,.cart_totals[aria-busy="true"] .shop_table td,.checkout-button[aria-busy="true"],.kh-cart-gone[aria-busy="true"] .kh-cart-undo){opacity:.6;cursor:progress;transition:opacity 0s linear .15s}
.kh-shop :is(table.kh-cart-tab td.product-subtotal,.cart_totals .shop_table td).is-tick{animation:kh-tick .22s var(--kh-ease)}
.kh-shop table.kh-cart-tab tr.cart_item[data-kh-out]{opacity:0;pointer-events:none;transition:opacity .16s var(--kh-ease)}
.kh-shop table.kh-cart-tab tr.cart_item[data-kh-in]{transition:opacity .22s var(--kh-ease)}
@starting-style{.kh-shop table.kh-cart-tab tr.cart_item[data-kh-in]{opacity:0}}
.kh-shop .kh-cart [data-kh-slide]{transform:translateY(var(--kh-dy,0px))}
.kh-shop .kh-cart [data-kh-slide="go"]{transform:none;transition:transform .24s var(--kh-ease)}
.kh-shop .kh-cart-gone{padding:.25rem 1rem;background:var(--paper-2);border-radius:var(--r-btn);transition:opacity .22s var(--kh-ease)}
@starting-style{.kh-shop .kh-cart-gone{opacity:0}}
.kh-shop table.kh-cart-tab tr.kh-cart-gone{display:block;border:0}
.kh-shop .kh-cart-gone-c{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:1rem;align-items:center}
.kh-shop table.kh-cart-tab tr.kh-cart-gone > td.kh-cart-gone-c{display:grid;padding:0;border:0}
.kh-shop .kh-cart-gone-t{margin:0;font-size:.9rem;line-height:1.4;color:var(--ink-2);text-align:left;text-wrap:pretty;overflow-wrap:break-word}
.kh-shop .kh-cart-undo{display:inline-flex;align-items:center;justify-content:flex-end;min-width:2.75rem;min-height:2.75rem;font-size:.9rem;line-height:1.4;color:var(--ink);white-space:nowrap;
text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
.kh-shop .kh-cart-undo:focus-visible{outline:2px solid var(--accent-t);outline-offset:2px}
@media (hover:hover){.kh-shop .kh-cart-undo:hover{text-decoration-color:var(--ink)}}
.kh-shop table.kh-cart-tab tr.cart_item > td.kh-cart-st{grid-column:1 / -1;display:block;padding:0 0 .9rem;border:0;font-size:.85rem;font-weight:400;line-height:1.45;color:var(--ink-2);text-align:right;text-wrap:balance;overflow-wrap:break-word}
.kh-shop table.kh-cart-tab tr.cart_item:has(> td.kh-cart-st) > td.product-subtotal{padding-bottom:.25rem}
.kh-shop .kh-cart-st > p{margin:0;animation:kh-tick .22s var(--kh-ease)}
.kh-shop .kh-cart-err{margin:0;font-size:.85rem;line-height:1.45;color:var(--err);text-wrap:pretty;animation:kh-tick .22s var(--kh-ease)}
.kh-shop .kh-cart-gone-c > .kh-cart-err{grid-column:1 / -1;margin-bottom:.5rem;text-align:left}
@media (min-width:48rem){
.kh-shop table.kh-cart-tab tr.cart_item{grid-template-rows:auto 1fr}
.kh-shop table.kh-cart-tab tr.cart_item > td.product-name{grid-row:1 / span 2}
.kh-shop table.kh-cart-tab tr.cart_item > td.kh-cart-st{grid-column:2 / 5;grid-row:2;align-self:start;padding:.5rem 0 0}
.kh-shop table.kh-cart-tab tr.cart_item:has(> td.kh-cart-st) > td.product-subtotal{padding-bottom:0}
.kh-shop .kh-cart-gone{padding:.375rem 1.25rem}
}
@media (scripting:enabled){
.kh-shop form.woocommerce-cart-form:not([data-kh-static]) button[name="update_cart"]{display:none}
.kh-shop form.woocommerce-cart-form:not([data-kh-static]) tr:has(> td.actions):not(:has(:is(.coupon,a,select,textarea,button:not([name="update_cart"]),input:not([type="hidden"])))){display:none}
}
@media (prefers-reduced-motion:reduce){
.kh-shop table.kh-cart-tab tr.cart_item:is([data-kh-out],[data-kh-in]),.kh-shop .kh-cart-gone,.kh-shop .kh-cart [data-kh-slide="go"]{transition:none}
.kh-shop :is(table.kh-cart-tab td.product-subtotal,.cart_totals .shop_table td).is-tick,.kh-shop .kh-cart-st > p,.kh-shop .kh-cart-err{animation:none}
}
}
@layer components {
.kh-shop #payment :is(input[type="checkbox"],input[type="radio"]){-webkit-appearance:none;appearance:none;display:inline-grid;place-content:center;flex:none;
width:1.1rem;height:1.1rem;margin:.15rem 0 0;border:1px solid var(--ink-2);border-radius:0;background:var(--card);cursor:pointer}
.kh-shop #payment :is(input[type="checkbox"],input[type="radio"])::before{content:"";width:.55rem;height:.55rem;background:var(--ink);transform:scale(0)}
.kh-shop #payment :is(input[type="checkbox"],input[type="radio"]):checked{border-color:var(--ink)}
.kh-shop #payment :is(input[type="checkbox"],input[type="radio"]):checked::before{transform:scale(1)}
.kh-shop #payment :is(input[type="checkbox"],input[type="radio"]):focus-visible{outline:2px solid var(--accent-t);outline-offset:2px}
.kh-shop .kh-ck-rates #shipping_method:has(> li > input[type="radio"]),
.kh-shop #payment .payment_methods{display:grid;row-gap:.125rem;padding:.375rem;list-style:none;border:0;background:var(--paper-2);border-radius:var(--r-btn)}
.kh-shop .kh-ck-rates #shipping_method:has(> li > input[type="radio"]) > li,
.kh-shop #payment .payment_methods > li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:0;align-items:start;
margin:0;padding:.75rem;border:0;border-radius:0;background:transparent}
.kh-shop .kh-ck-rates #shipping_method:has(> li > input[type="radio"]) > li:has(> input:checked),
.kh-shop #payment .payment_methods > li:has(> input:checked){background:var(--card)}
.kh-shop .kh-ck-rates #shipping_method:has(> li > input[type="radio"]) > li > input,
.kh-shop #payment .payment_methods > li > input{grid-column:1;grid-row:1;margin:.15rem .75rem 0 0}
.kh-shop .kh-ck-rates #shipping_method:has(> li > input[type="radio"]) > li > label,
.kh-shop #payment .payment_methods > li > label{grid-column:2;grid-row:1;display:block;margin:0;font-size:.95rem;font-weight:700;line-height:1.35;
letter-spacing:0;text-transform:none;color:var(--ink);cursor:pointer;overflow-wrap:break-word}
.kh-shop .kh-ck-rates #shipping_method:has(> li > input[type="radio"]) > li:has(> input:focus-visible),
.kh-shop #payment .payment_methods > li:has(> input:focus-visible){outline:2px solid var(--accent-t);outline-offset:-2px}
.kh-shop .kh-ck-rates:has(input.shipping_method[type="radio"]){padding:0;background:none;border-radius:0}
.kh-shop .kh-ck-rates:has(input.shipping_method[type="radio"]) tr{display:block}
.kh-shop .kh-ck-rates:has(input.shipping_method[type="radio"]) th{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.kh-shop .kh-ck-rates #shipping_method:has(> li > input[type="radio"]) > li > label::after{content:"";position:absolute;inset:0}
.kh-shop .kh-ck-rates .kh-ship-d{grid-column:2;max-width:40rem;margin:.2rem 0 0;font-size:.85rem;font-weight:400;line-height:1.45;color:var(--ink-2);text-wrap:pretty}
.kh-shop #payment .payment_methods{margin:0 0 1.25rem}
.kh-shop #payment .payment_methods > li > label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem .75rem}
.kh-shop #payment .payment_methods > li:not(:has(> input:checked)) > label::after{content:"";position:absolute;inset:0}
.kh-shop #payment .kh-pay-marks{display:inline-flex;flex:none;gap:.25rem}
.kh-shop #payment .kh-pay-marks svg{display:block;width:2.5rem;height:1.25rem}
.kh-shop #payment .payment_box{grid-column:2;margin:.5rem 0 0;font-size:.88rem;line-height:1.5;color:var(--ink-2)}
.kh-shop #payment .payment_box > p{max-width:40rem;text-wrap:pretty}
.kh-shop #payment .payment_box > * + *{margin-top:.75rem}
.kh-shop #payment .payment_box .testmode-info{font-size:.8rem;line-height:1.45}
.kh-shop #payment .payment_box fieldset{min-width:0;margin:0;padding:0;border:0}
.kh-shop .kh-pay-limit{max-width:40rem;margin:0 0 .75rem;font-size:.9rem;font-weight:400;line-height:1.5;color:var(--ink);text-wrap:pretty}
.kh-shop .kh-pay-limit[hidden]{display:none}
.kh-shop :is(.kh-ck-sumbody .order-total,.cart_totals .order-total,.kh-doc-totals .kh-doc-sum-order_total):has(:is(.kh-total-note,.includes_tax)) > th{grid-column:1;grid-row:1}
.kh-shop :is(.kh-ck-sumbody .order-total,.cart_totals .order-total,.kh-doc-totals .kh-doc-sum-order_total):has(:is(.kh-total-note,.includes_tax)) > td{grid-column:1 / -1;grid-row:1}
.kh-shop :is(.kh-ck-sumbody .order-total,.cart_totals .order-total,.kh-doc-totals .kh-doc-sum-order_total) td :is(.kh-total-note,.includes_tax){display:block;margin-top:.3rem;
font-family:var(--text);font-size:.85rem;font-weight:400;line-height:1.4;letter-spacing:0;color:var(--ink-2);white-space:normal;text-wrap:balance}
@media (min-width:48rem){
.kh-shop .kh-ck-rates #shipping_method:has(> li > input[type="radio"]) > li,
.kh-shop #payment .payment_methods > li{padding:.875rem 1rem}
}
@supports selector(li:has(> input)){
.kh-shop .kh-ck-rates #shipping_method:has(> li > input[type="radio"]) > li > input:focus-visible,
.kh-shop #payment .payment_methods > li > input:focus-visible{outline:0}
}
@media (hover:hover){
.kh-shop .kh-ck-rates #shipping_method:has(> li > input[type="radio"]) > li:not(:has(> input:checked)):hover,
.kh-shop #payment .payment_methods > li:not(:has(> input:checked)):hover{background:var(--paper)}
}
}
@layer components {
.kh-shop :is(.kh-doc-t,.wc-bacs-bank-details-heading){font-size:1.45rem;line-height:1.1;letter-spacing:-.02em}
.kh-shop .kh-doc-totals tr.kh-doc-sum.kh-doc-sum-payment_method :is(th,td){padding-top:.3rem;font-family:var(--text);font-size:.9rem;font-weight:400;
line-height:1.4;letter-spacing:0}
.kh-shop .kh-doc-totals tr.kh-doc-sum.kh-doc-sum-payment_method th{color:var(--ink-2)}
.kh-shop .kh-doc-totals tr.kh-doc-sum.kh-doc-sum-payment_method td{color:var(--ink);white-space:normal;overflow-wrap:break-word;text-wrap:balance}
.kh-shop .kh-doc-go .btn{min-height:2.75rem}
.kh-shop .kh-doc-go .btn.ghost{border-color:transparent;background:var(--paper-2)}
.kh-shop .kh-doc > p:not([class]){max-width:40rem;margin:.75rem 0 0;padding-inline:1rem;font-size:.95rem;line-height:1.5;color:var(--ink);text-wrap:pretty}
.kh-shop .wc-bacs-bank-details-account-name{margin:0 0 .75rem;font-family:var(--text);font-size:1rem;font-weight:700;line-height:1.35;letter-spacing:0;color:var(--ink)}
.kh-shop .wc-bacs-bank-details{display:grid;row-gap:.75rem;margin:0;padding:0;list-style:none;border:0}
.kh-shop .wc-bacs-bank-details li{display:grid;grid-template-columns:minmax(0,1fr);row-gap:.2rem;padding:0;border:0;font-size:.6rem;letter-spacing:.16em;
text-transform:uppercase;font-weight:700;line-height:1.3;color:var(--ink-2)}
.kh-shop .wc-bacs-bank-details strong{display:block;font-family:var(--text);font-size:1rem;font-weight:700;letter-spacing:0;text-transform:none;
line-height:1.35;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;user-select:all}
.kh-shop .kh-doc-parties{grid-template-columns:minmax(0,1fr)}
.kh-shop .kh-doc-addr{overflow-wrap:anywhere}
@media (min-width:48rem){
.kh-shop .wc-bacs-bank-details li{grid-template-columns:7.5rem minmax(0,1fr);column-gap:.75rem;align-items:baseline}
.kh-shop .kh-doc-parties{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:64rem){
.kh-shop .kh-doc > p:not([class]){padding-inline:1.75rem}
.kh-shop .kh-doc > .kh-doc-head + p:not([class]){margin-top:0}
}
@media (min-width:80rem){
.kh-shop .kh-doc-parties{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr))}
}
@media (scripting:enabled){
.kh-shop .kh-doc-go [data-kh-print][hidden]{display:inline-flex}
}
@media (hover:hover){
.kh-shop .kh-doc-go .btn.ghost:hover{border-color:transparent;background:var(--paper)}
}
}
@layer components {
.kh-shop .kh-doc-head{container-type:inline-size}
.kh-shop .kh-doc-head .kh-doc-brand{position:absolute;top:1.1rem;right:1rem;margin:0;line-height:0;pointer-events:none}
.kh-shop .kh-doc-head .kh-doc-mk{display:block;width:22.66px;height:30px}
.kh-shop .kh-doc-head :is(.woocommerce-thankyou-order-received,.kh-doc-state){padding-right:2.25rem;font-size:clamp(1rem,calc((100cqi - 2.25rem) / 20),1.2rem)}
.kh-shop .kh-doc-head .woocommerce-order-overview li.order{min-height:0;padding-right:0}
.kh-shop .kh-doc-head .woocommerce-order-overview li.total .kh-total-note{display:block;margin-top:.35rem;font-family:var(--text);font-size:.8rem;
font-weight:400;letter-spacing:0;line-height:1.4;white-space:normal;color:var(--ink-2)}
@media (min-width:48rem){
.kh-shop .kh-doc .kh-doc-lines tbody tr{grid-template-columns:minmax(0,1fr) auto;column-gap:2rem;align-items:baseline}
.kh-shop .kh-doc .kh-doc-lines td.product-name{grid-column:1;grid-row:1}
.kh-shop .kh-doc .kh-doc-lines td.product-total{grid-column:2;grid-row:1;margin-top:0}
}
.kh-shop .wc-bacs-bank-details li.kh-reference{grid-template-columns:minmax(0,1fr);row-gap:.25rem;margin-top:.35rem}
.kh-shop .wc-bacs-bank-details li.kh-reference strong{font-family:var(--display);font-size:1.6rem;line-height:1.1;letter-spacing:-.01em;user-select:all}
@media (min-width:64rem){
.kh-shop .kh-doc-head .kh-doc-brand{top:1.5rem;right:1.5rem}
.kh-shop-sheet:has(.kh-doc) > .pg-head{padding-inline:2rem}
}
}
@layer components {
.kh-shop .kh-cbar{display:none}
@media (max-width:47.99rem){
.kh-shop table.kh-cart-tab td.product-quantity{width:auto}
.kh-shop table.kh-cart-tab td.product-quantity .quantity{flex:none}
.kh-shop table.kh-cart-tab td.product-quantity .qty{width:4rem;height:2.75rem;padding:0 .5rem;text-align:center;font-variant-numeric:tabular-nums;
-moz-appearance:textfield;appearance:textfield}
.kh-shop table.kh-cart-tab td.product-quantity .qty::-webkit-inner-spin-button,
.kh-shop table.kh-cart-tab td.product-quantity .qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.kh-shop .kh-ck-nav{grid-template-columns:repeat(3,minmax(min-content,1fr)) minmax(min-content,1.35fr)}
.kh-shop .kh-ck-step{padding:.55rem .25rem .6rem;background:var(--paper-2)}
.kh-shop .kh-ck-step .kh-ck-t{font-size:.6rem;letter-spacing:.04em}
}
@media (max-width:63.99rem){
body:has(.kh-cart .kh-cbar){padding-bottom:var(--kh-cbar-h,calc(4.75rem + env(safe-area-inset-bottom,0px)))}
html:has(.kh-cart .kh-cbar){scroll-padding-bottom:calc(var(--kh-cbar-h,calc(4.75rem + env(safe-area-inset-bottom,0px))) + 1rem)}
.kh-shop .kh-cart .kh-cbar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:auto minmax(0,1fr);
align-items:center;column-gap:1rem;min-height:4rem;margin:0;padding:.625rem 1.25rem calc(.625rem + env(safe-area-inset-bottom,0px));
background:var(--ink);color:var(--paper)}
.kh-shop .kh-cart .kh-cbar-t{display:grid;row-gap:.1rem;margin:0;min-width:0}
.kh-shop .kh-cart .kh-cbar-t span{font-size:.75rem;line-height:1.2;color:var(--paper-2)}
.kh-shop .kh-cart .kh-cbar-t b{font-family:var(--display);font-size:1.35rem;font-weight:700;line-height:1.05;letter-spacing:-.01em;white-space:nowrap;
color:var(--paper);font-variant-numeric:tabular-nums}
.kh-shop .kh-cart .kh-cbar .kh-cbar-go{width:100%;min-height:2.75rem;padding:.8rem 1rem;font-size:.66rem;letter-spacing:.12em;line-height:1.2}
.kh-shop .kh-cart .kh-cbar :focus-visible{outline-color:var(--timber-l)}
.kh-shop .kh-cart .cart_totals[aria-busy="true"] .kh-cbar-t b{opacity:.6;transition:opacity 0s linear .15s}
.kh-shop .kh-cart > .cart-collaterals[data-kh-slide]{transform:none;transition:none}
}
}
@layer components {
.kh-shop .place-order > .kh-co-note{order:-1}
.kh-shop .form-row .woocommerce-form__label-for-checkbox{font-size:1rem;line-height:1.45;letter-spacing:0;text-transform:none;font-weight:400;color:var(--ink);cursor:pointer}
.kh-shop #payment #terms{width:1.5rem;height:1.5rem;margin:0;border-color:var(--ink)}
.kh-shop #payment #terms::before{width:.8rem;height:.8rem}
.kh-shop .place-order .woocommerce-invalid > label,.kh-shop .place-order .woocommerce-invalid > label a,.kh-shop .place-order .woocommerce-invalid .required{color:var(--err)}
.kh-shop #payment .woocommerce-invalid #terms{border-width:2px;border-color:var(--err)}
.kh-shop .place-order .checkout-inline-error-message{margin:0 0 0 2rem;font-size:.9rem;line-height:1.4;font-weight:700;color:var(--err)}
}
@layer components {
.fd-sheet{--fd-top:1.25rem;padding-top:var(--fd-top)}
.fd-stage{display:flex;flex-direction:column;align-items:center;min-height:calc(100svh - var(--hdr) - var(--fd-top));padding:1.25rem 1.25rem 0;
background:var(--pg-plate);text-align:center}
.fd-head h1{font-family:var(--text);font-size:.66rem;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--accent-t)}
.fd-nojs{margin-block:auto;padding-bottom:2rem;max-width:34rem;color:var(--ink-2)}
.fd-nojs p + p{margin-top:1.2rem}
.fd-nojs[hidden],.fd-app[hidden]{display:none}
.fd-app{flex:1;display:flex;flex-direction:column;width:100%;min-width:0}
.fd-intro{margin-top:var(--fd-top);padding:1.5rem 1.25rem 1.75rem;background:var(--pg-plate);font-size:1.08rem;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.fd-intro > *{max-width:38rem;margin-inline:auto}
.fd-intro > * + *{margin-top:.8rem}
.fd-step,.fd-res{flex:1;display:flex;flex-direction:column;min-width:0}
.fd-count{margin-top:.9rem;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);font-variant-numeric:tabular-nums}
.fd-bar{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.25rem;width:min(100%,14rem);margin:.6rem auto 0}
.fd-bar span{display:block;height:2px;background:var(--line)}
.fd-bar span.is-done{background:var(--timber)}
.fd-quiet .fd-count,.fd-quiet .fd-bar{visibility:hidden}
.fd-mid{width:100%;margin-block:auto;padding:clamp(1rem,3svh,1.75rem) 0 clamp(1.25rem,3.5svh,2rem)}
.fd-q{max-width:20ch;margin-inline:auto;font-size:clamp(1.75rem,1rem + 2.4vw,2.9rem);line-height:1.04;scroll-margin-top:calc(var(--hdr) + 5.5rem)}
.fd-hint{max-width:36rem;margin:.75rem auto 0;color:var(--ink-2);text-wrap:pretty}
.fd-ans{--fd-c:1;--fd-g:.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--fd-g);max-width:34rem;margin:clamp(1rem,2.5svh,1.5rem) auto 0;
padding:0;list-style:none;text-align:left}
.fd-ans li{display:grid;flex:0 0 calc((100% - (var(--fd-c) - 1) * var(--fd-g)) / var(--fd-c) - .5px);min-width:0}
.fd-ans .fd-a{grid-template-columns:1.1rem minmax(0,1fr);align-content:center;width:100%;min-height:3.5rem;padding:.9rem 1rem;background:var(--paper-2);
border:1px solid transparent;border-radius:0;color:var(--ink);font:inherit;text-align:left;transition:background .18s ease,border-color .18s ease}
.fd-ans .fd-a:hover{background:var(--card);border-color:var(--line-2)}
.fd-ans .fd-a[aria-pressed="true"]{background:var(--card);border-color:var(--ink)}
.fd-ans .fd-a:focus-visible{outline:2px solid var(--accent-t);outline-offset:2px}
.fd-a[aria-pressed="true"] .pc-box{border-color:var(--ink)}
.fd-a[aria-pressed="true"] .pc-box::after{transform:scale(1)}
.fd-at{display:grid;gap:.2rem;min-width:0}
.fd-al{font-weight:700;line-height:1.3;overflow-wrap:break-word}
.fd-ah{font-size:.85rem;line-height:1.4;color:var(--ink-2);text-wrap:pretty}
.fd-pics .fd-a{grid-template-columns:1.1rem 4rem minmax(0,1fr)}
.fd-pics .pc-box{grid-area:1 / 1}
.fd-ic,.fd-dw{grid-area:1 / 2;display:block}
.fd-pics .fd-at{grid-area:1 / 3}
.fd-ic{width:4rem;height:4rem;object-fit:contain}
.fd-dw{width:4rem;height:2.5rem;overflow:visible}
.fd-dw *{fill:none;stroke:var(--ink);stroke-width:1.25;vector-effect:non-scaling-stroke}
.fd-dw .fd-t{fill:var(--timber-l);stroke:none}
.fd-dw .fd-w{stroke:var(--timber-l);stroke-width:4;vector-effect:none}
.fd-dw .fd-d{stroke:var(--line-3);stroke-dasharray:3 2}
.fd-nav{display:flex;align-items:center;justify-content:center;gap:.6rem .75rem}
.fd-step .fd-nav{position:sticky;bottom:0;z-index:20;justify-content:flex-start;min-height:calc(4.2rem + env(safe-area-inset-bottom,0px));margin:0 -2.5rem;
padding:.7rem 1.25rem calc(.7rem + env(safe-area-inset-bottom,0px));background:var(--card);border-top:1px solid var(--ink)}
.fd-step .fd-nav:empty{visibility:hidden}
.fd-step .fd-go{flex:1}
.fd-res{text-align:left}
.fd-rh{max-width:22ch;margin:1.1rem auto 0;font-size:clamp(1.5rem,1rem + 2.2vw,2.4rem);line-height:1.06;text-align:center;
scroll-margin-top:calc(var(--hdr) + 4rem)}
.fd-relax{max-width:44rem;margin:1rem auto 0;padding:.7rem .9rem;background:var(--paper-2);color:var(--ink);text-align:center;text-wrap:pretty}
.fd-lead{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;width:100%;max-width:72rem;margin:1.5rem auto 0}
.fd-lead.fd-nopic{grid-template-columns:minmax(0,1fr)}
.fd-pic{aspect-ratio:16 / 9;overflow:hidden;margin:0;background:var(--paper-2)}
.fd-pic img{display:block;width:100%;height:100%;object-fit:cover}
.fd-ph img{padding:8%;object-fit:contain;opacity:.6}
.fd-body{display:grid;align-content:start;gap:.6rem;min-width:0}
.fd-tag{font-family:var(--text);font-size:.62rem;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--accent-t)}
.fd-name{font-size:clamp(1.5rem,1.1rem + 1.6vw,2.1rem);line-height:1.08;overflow-wrap:break-word}
.fd-name a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em}
.fd-meta{font-size:.72rem;letter-spacing:.06em;color:var(--ink-2);font-variant-numeric:tabular-nums}
.fd-why{font-size:.94rem;line-height:1.45;color:var(--ink-2);text-wrap:pretty}
.fd-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.fd-row span{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ink-2)}
.fd-row b{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.fd-form{display:grid;gap:.6rem;margin-top:.4rem}
.fd-opts{display:grid;gap:.85rem}
.fd-o{display:grid;gap:.3rem;min-width:0;margin:0;padding:0;border:0}
.fd-o > span,.fd-o legend{padding:0;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ink-2)}
.fd-o select{width:100%;min-width:0;padding:.7rem;border:1px solid var(--line-2);border-radius:0;background:var(--card);color:var(--ink);font:inherit;font-size:1rem}
.fd-o select:focus-visible{outline:2px solid var(--accent-t);outline-offset:1px}
.fd-its{display:grid;gap:.125rem;margin-top:.3rem;padding:.375rem;background:var(--paper-2)}
.fd-its .fd-ck{border-bottom:0}
.fd-ol{font-size:.94rem;line-height:1.35;overflow-wrap:break-word}
.fd-ck i{font-style:normal;font-size:.9rem;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.fd-total{align-items:center;margin-top:.4rem;padding:.85rem .9rem;background:var(--paper-2)}
.fd-total b{font-family:var(--display);font-size:1.75rem;line-height:1}
.fd-note{font-size:.8rem;line-height:1.45;color:var(--ink-2);text-wrap:pretty}
.fd-acts{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.2rem}
.fd-acts .btn{flex:1 1 10rem}
.fd-over:empty{display:none}
.fd-noopt,.fd-off{font-size:.88rem;line-height:1.45;color:var(--ink-2)}
.fd-exit{margin-top:.6rem;padding:.9rem;background:var(--paper-2)}
.fd-exit[hidden]{display:none}
.fd-exit p{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ink-2)}
.fd-exit ul{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin-top:.45rem;padding:0;list-style:none}
.fd-exit a{font-size:.9rem;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
.fd-exit a:hover{text-decoration-color:var(--ink)}
.fd-exit .fd-3p{margin-top:.45rem;font-size:.76rem;font-weight:400;letter-spacing:0;text-transform:none;text-wrap:pretty}
.fd-exit .fd-copied{margin-top:.4rem;font-size:.8rem;font-weight:400;letter-spacing:0;text-transform:none}
.fd-3p:empty,.fd-copied:empty{display:none}
.fd-res .fd-rnav{margin-top:1rem}
.fd-res .fd-rnav .btn{flex:1 1 0;max-width:14rem;border-color:var(--ink)}
.fd-picks{display:grid;grid-auto-flow:column;grid-auto-columns:min(82%,18rem);gap:.5rem;width:100%;max-width:72rem;margin:1.25rem auto 0;padding:0;
list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
.fd-picks::-webkit-scrollbar{display:none}
.fd-picks.fd-n1{grid-auto-columns:minmax(0,1fr)}
.fd-picks > li{display:grid;min-width:0;scroll-snap-align:start}
.fd-pk{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:.6rem;width:100%;min-width:0;padding:.6rem .6rem .85rem;background:var(--paper-2);
border:1px solid transparent;border-radius:0;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease}
.fd-pk:hover{background:var(--card);border-color:var(--line-2)}
.fd-pk[aria-pressed="true"]{background:var(--card);border-color:var(--ink)}
.fd-pk:focus-visible{outline:2px solid var(--accent-t);outline-offset:-4px}
.fd-pf{display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--paper-2)}
.fd-pf img{display:block;width:100%;height:100%;object-fit:cover}
.fd-pf.fd-ph img{padding:8%;object-fit:contain;opacity:.6}
.fd-pt{display:grid;align-content:start;gap:.25rem;min-width:0}
.fd-pn,.fd-pb{font-size:.62rem;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ink-2)}
.fd-pb{color:var(--accent-t)}
.fd-pm{font-family:var(--display);font-size:1.02rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;overflow-wrap:break-word}
.fd-pp{display:flex;flex-wrap:wrap;align-items:baseline;gap:.1rem .4rem;margin-top:.1rem}
.fd-pp > span:first-child{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ink-2)}
.fd-pp b{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.fd-res del{font-weight:700;white-space:nowrap;color:var(--ink-2);font-variant-numeric:tabular-nums}
.fd-row .fd-pr{display:inline-flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:0 .4rem;font-size:inherit;letter-spacing:0;
text-transform:none;font-weight:400;color:var(--ink)}
.fd-sel{width:100%;padding-bottom:2rem}
.fd-entry{margin-top:1.2rem;max-width:38rem}
.fd-entry a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
.fd-entry a:hover{text-decoration-color:var(--ink)}
@media (min-width:37.5rem){
.fd-ans{--fd-g:.75rem;max-width:44rem}
.fd-c2,.fd-c3{--fd-c:2}
.fd-pics .fd-a{grid-template-columns:1.1rem minmax(0,1fr);align-content:start;row-gap:.8rem;padding:1rem 1rem 1.1rem}
.fd-pics .fd-ic,.fd-pics .fd-dw{grid-area:1 / 1 / 2 / -1}
.fd-pics .pc-box{grid-area:2 / 1;align-self:start;margin-top:.12rem}
.fd-pics .fd-at{grid-area:2 / 2}
.fd-ic{width:clamp(4.25rem,10svh,6rem);height:clamp(4.25rem,10svh,6rem)}
.fd-dw{width:auto;max-width:100%;height:clamp(3.5rem,8svh,5rem);aspect-ratio:64 / 40}
.fd-picks,.fd-picks.fd-n1{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:.75rem;overflow:visible}
}
@media (min-width:60rem){
.fd-sheet{--fd-top:2rem}
.fd-stage{min-height:calc(100svh - var(--hdr) - 2 * var(--fd-top));padding:1.75rem 2rem 0}
.fd-c3{--fd-c:3;max-width:60rem}
.fd-step .fd-nav{position:static;justify-content:center;min-height:4.7rem;margin:0;padding:0 0 2rem;border:0;background:none}
.fd-step .fd-go{flex:0 0 12rem}
.fd-lead{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:2.5rem}
.fd-lead > .fd-pic{position:sticky;top:calc(var(--hdr) + 1.25rem)}
.fd-intro{padding:2rem 2rem 2.25rem;font-size:1.18rem}
}
@media (prefers-reduced-motion:reduce){
.fd-ans .fd-a,.fd-pk{transition:none}
}
}
@layer components {
.kh-seal{position:absolute;z-index:2;top:var(--seal-o,.375rem);right:var(--seal-o,.375rem);display:block;width:var(--seal-d,5rem);aspect-ratio:1;
pointer-events:none;line-height:0;letter-spacing:0;text-transform:none}
.kh-seal-g{display:block;width:100%;height:100%}
.kh-seal .ks-bg{fill:var(--paper)}
.kh-seal .ks-rim{fill:none;stroke:var(--ink);stroke-width:2.2}
.kh-seal .ks-ln{fill:none;stroke:var(--accent-t);stroke-width:.9}
.kh-seal .ks-tk{fill:none;stroke:var(--accent-t);stroke-width:1}
.kh-seal .ks-dv{fill:none;stroke:var(--accent-t);stroke-width:1.1}
.kh-seal text{font-family:var(--display);font-weight:700;fill:var(--ink);text-anchor:middle;text-rendering:geometricPrecision}
.card .vis,.kc-vis{--seal-d:clamp(76px,23cqi,112px);--seal-o:.375rem}
.kc-vis{container-type:inline-size}
.card .kh-seal{transition:transform .34s cubic-bezier(.4,0,.2,1)}
.pc2 .pc2-fr:has(> .kh-seal){position:relative;container-type:inline-size;--seal-d:clamp(80px,14cqi,136px);--seal-o:clamp(.5rem,2cqi,1.125rem)}
.card .vis:has(.kh-ph) .kh-seal,.kc-vis:has(> .kc-ph) .kh-seal{display:none}
@media (min-width:60rem){
.card:hover .kh-seal,.card:focus-within .kh-seal{transform:translateX(-46cqi)}
}
@media (prefers-reduced-motion:reduce){
.card .kh-seal{transition:none}
}
}
@layer components {
.gl-head h1{margin-top:0}
.gl-intro,.gl-outro{max-width:38rem;font-size:1.08rem;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.gl-intro{margin-top:.8rem}
.gl-intro > * + *,.gl-outro > * + *{margin-top:.8rem}
.gl-intro a,.gl-outro a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--accent-t)}
.gl-intro a:hover,.gl-outro a:hover{color:var(--ink);text-decoration-color:var(--ink)}
.gl-outro{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line);max-width:none}
.gl-outro > *{max-width:38rem}
.gl-nav{margin-top:1.75rem}
.gl-fl{margin-bottom:.6rem;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;line-height:1.2;color:var(--ink-2)}
.gl-nav li:first-child{grid-column:1 / -1}
.gl-nav .kc-cat:not(:has(img)){grid-template-columns:minmax(0,1fr)}
.gl-nav .kc-cat:focus-visible{outline:2px solid var(--accent-t);outline-offset:2px}
.gl-nav .kc-cat-n{text-wrap:balance}
.gl-sets{display:flex;flex-wrap:nowrap;align-items:baseline;gap:0 1.4rem;margin-top:1rem}
.gl-sets .gl-fl{flex:none;margin-bottom:0}
.gl-sets ul{display:flex;flex-wrap:wrap;gap:0 1.1rem;flex:1 1 0;min-width:0}
.gl-set-a{display:inline-block;padding:.5rem 0;font-size:.9rem;line-height:1.3;color:var(--ink-2);text-decoration:underline;
text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.4em}
.gl-set-a:hover{color:var(--ink);text-decoration-color:var(--line)}
.gl-set-a[aria-current]{color:var(--ink);text-decoration-color:var(--ink)}
.gl-set-a:focus-visible{outline:2px solid var(--accent-t);outline-offset:2px}
.gl-live{margin-top:1.1rem;font-size:.9rem;line-height:1.45;color:var(--ink-2);font-variant-numeric:tabular-nums}
.gl-live:empty{margin-top:0}
.gl-sheet [hidden]{display:none}
html[data-gl-js] .gl-sheet .gl-sets[hidden]{display:flex}
.gl-list{margin-top:0}
.gl-group{padding-top:2.5rem;scroll-margin-top:calc(var(--hdr) + 1rem)}
.gl-list > .gl-group:first-child{padding-top:1.5rem}
.gl-gh{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.25rem 1.4rem;margin-bottom:1.1rem}
.gl-gh h2{font-size:clamp(1.4rem,5vw,2.1rem);line-height:1.1;overflow-wrap:break-word}
.gl-gh h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em}
.gl-cnt{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:var(--ink-2);font-variant-numeric:tabular-nums}
.gl-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem}
.gl-item{position:relative;display:grid;grid-template-rows:auto 1fr;min-width:0;background:var(--card);outline:1px solid transparent;
outline-offset:-1px;transition:outline-color .2s ease}
.gl-item:hover,.gl-item:focus-within{outline-color:var(--timber)}
.gl-pic{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--paper-2)}
.gl-pic img{display:block;width:100%;height:100%;object-fit:cover}
.gl-cap{padding:.7rem .85rem .85rem;font-size:.82rem;line-height:1.35;color:var(--ink-2);overflow-wrap:break-word;text-wrap:pretty}
.gl-cap a{color:var(--ink)}
.gl-cap a::after{content:"";position:absolute;inset:0}
.gl-cap a:focus-visible{outline:0}
.gl-item:has(.gl-cap a:focus-visible){outline:2px solid var(--accent-t);outline-offset:2px}
.gl-note{color:var(--ink-2)}
.gl-item[data-kind="photo"] .gl-pic img{object-fit:contain}
.gl-sell{display:flex;flex-direction:column;gap:.3rem}
.gl-name{font-size:.95rem;font-weight:700;line-height:1.25;color:var(--ink)}
.gl-desc{color:var(--ink-2)}
.gl-sell > :nth-last-child(2){margin-bottom:.45rem}
.gl-act{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:.6rem .9rem;margin-top:auto;padding-top:.7rem;
border-top:1px solid var(--line)}
.gl-act:not(:has(*)){display:none}
.gl-pr{flex:none;text-align:left}
.gl-cap .gl-go{flex:0 1 auto;min-width:0;display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:2.6rem;padding:.75rem 1.15rem;
background:var(--timber-l);color:var(--ink);font-size:.6rem;font-weight:700;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;
text-align:center;overflow-wrap:break-word;border-radius:var(--r-btn);transition:background .18s ease}
.gl-item:hover .gl-go,.gl-cap .gl-go:hover{background:var(--timber)}
.gl-item:has(.gl-z-a:hover) .gl-go{background:var(--timber-l)}
.gl-z-a{position:relative;z-index:1;display:block;height:100%;cursor:zoom-in}
.gl-z-a:focus-visible{outline:2px solid var(--accent-t);outline-offset:-2px}
.gl-z{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;
padding:.5rem 1.25rem calc(1rem + env(safe-area-inset-bottom,0px));border:0;border-top:3px solid var(--ink);
background:var(--paper);color:var(--ink);overflow:hidden;overscroll-behavior:contain}
.gl-z[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;row-gap:.75rem}
.gl-z::backdrop{background:color-mix(in oklab,var(--ink) 55%,transparent)}
html:has(.gl-z[open]){overflow:hidden}
.gl-z-bar{display:flex;align-items:center;gap:0 1.4rem;min-width:0}
.gl-z-pos{margin-right:auto;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;line-height:1.2;color:var(--ink-2);
font-variant-numeric:tabular-nums;white-space:nowrap}
.gl-z-b{flex:none;min-height:2.75rem;margin:0 -.5rem;padding:.85rem .5rem;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;line-height:1.2;color:var(--ink);
text-decoration:underline;text-decoration-color:var(--accent-t);text-decoration-thickness:1px;text-underline-offset:.45em}
.gl-z-b:hover{text-decoration-color:var(--ink)}
.gl-z-b:focus-visible{outline:2px solid var(--accent-t);outline-offset:2px}
.gl-z-b[hidden]{display:none}
.gl-z-pic{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}
.gl-z-pic img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;background:var(--paper-2)}
.gl-z-cap{min-width:0;padding-top:.75rem;border-top:1px solid var(--line)}
.gl-z-cap .gl-cap{padding:0}
.gl-z-cap > .gl-cap{max-height:45dvh;overflow:auto;margin:-4px;padding:4px}
.gl-z-cap .gl-cap a::after{content:none}
.gl-z-cap .gl-cap a:focus-visible{outline:2px solid var(--accent-t);outline-offset:2px}
.gl-z-cap .gl-name{font-size:1.02rem}
.gl-z--page[open]{grid-template-rows:minmax(0,1fr) auto auto}
.gl-z--page .gl-z-bar{order:3;justify-content:flex-end}
.gl-z-x{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;margin:0 -.75rem 0 0;padding:0;border:0;background:none;color:var(--ink);cursor:pointer}
.gl-z-x svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2}
.gl-z-x:focus-visible{outline:2px solid var(--accent-t);outline-offset:-4px}
.gl-z-cap > figcaption{max-height:30dvh;overflow:auto;font-size:.9rem;line-height:1.45;color:var(--ink-2);text-wrap:pretty}
.gl-z--page .gl-z-cap:empty{display:none}
@media (min-width:48rem){
.gl-z--page[open]{grid-template-rows:auto minmax(0,1fr) auto}
.gl-z--page .gl-z-bar{order:0}
}
@media (max-width:47.99rem){
.gl-nav li:last-child:nth-child(even){grid-column:1 / -1}
.gl-nav .kc-cat{padding:.7rem .6rem;column-gap:.5rem}
}
@media (min-width:37.5rem){
.gl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
}
@media (min-width:48rem){
.gl-nav ul:has(> li:nth-child(3):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.gl-nav ul:has(> li:nth-child(4):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.gl-nav ul:has(> li:nth-child(5):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
.gl-nav ul:has(> li:nth-child(6):last-child){grid-template-columns:repeat(5,minmax(0,1fr))}
.gl-nav ul:has(> li:nth-child(7):last-child){grid-template-columns:repeat(6,minmax(0,1fr))}
.gl-nav ul:has(> li:nth-child(8):last-child){grid-template-columns:repeat(7,minmax(0,1fr))}
.gl-nav .kc-cat{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;row-gap:.3rem;justify-items:center;align-content:stretch;
padding:.75rem .75rem .8rem;text-align:center}
.gl-nav .kc-cat img{grid-row:auto;width:4rem;height:4rem;margin-bottom:.1rem}
.gl-nav li:first-child .kc-cat{grid-template-columns:auto auto;grid-template-rows:auto;justify-content:center;align-items:baseline;column-gap:.8rem;
padding:.7rem .75rem}
.gl-nav li + li .kc-cat:not(:has(img)){grid-template-rows:1fr auto}
}
@media (min-width:60rem){
.gl-sheet{padding-top:1rem}
.gl-nav{margin-top:1rem}
.gl-sets{margin-top:.75rem}
.gl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.gl-group{padding-top:3.5rem}
.gl-intro,.gl-outro{font-size:1.18rem}
.gl-intro{max-width:56rem}
.gl-z{padding:.5rem 2rem 1.25rem}
.gl-z-cap .gl-sell{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:2rem;row-gap:.3rem;align-items:end}
.gl-z-cap .gl-sell > :not(.gl-act){grid-column:1}
.gl-z-cap .gl-act{grid-column:2;grid-row:1 / span 2;margin:0;padding-top:0;border-top:0}
}
@media (min-width:80rem){
.gl-nav .kc-cat img{width:5rem;height:5rem}
.gl-outro:has(> :nth-child(2)){columns:2;column-gap:max(4rem,calc(100% - 76rem));column-rule:1px solid var(--line);orphans:2;widows:2}
.gl-outro:has(> :nth-child(2)) > *{max-width:none}
}
@media (prefers-reduced-motion:reduce){
.gl-item,.gl-cap .gl-go{transition:none}
}
}
.hsoc{display:none;margin:0;padding:0;list-style:none}
.hsoc .so{display:grid;place-items:center;width:2.25rem;height:2.75rem;color:var(--muted)}
.hsoc a.so:hover,.hsoc a.so:focus-visible{color:var(--ink)}
.hsoc svg{display:block;width:1.05rem;height:1.05rem;fill:currentColor}
.mpanel .hsoc{display:flex;align-items:center;margin-right:-.6rem}
.mpanel .foot{flex-wrap:wrap}
@media (min-width:80rem){
.head-r .hsoc{display:flex;align-items:center;padding-left:.55rem;border-left:1px solid var(--line)}
}
.site-head[data-state="checkout"] .hsoc{display:none}
.pc2 .pc2-dlv[hidden]{display:none}
.pc2 .pc2-dlv{margin-top:1.5rem;display:grid;row-gap:.45rem}
.pc2 .pc2-dlv-h{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;line-height:1.2;color:var(--ink-2)}
.pc2 .pc2-dlv-f{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.75rem}
.pc2 .pc2-dlv-f label{font-size:.9rem;line-height:1.3;color:var(--ink-2)}
.pc2 .pc2-dlv-f select{width:100%;min-width:0;min-height:2.75rem;padding:.55rem 2.2rem .55rem .7rem;border:.125rem solid var(--ink-2);border-radius:0;-webkit-appearance:none;appearance:none;
color:var(--ink);font:inherit;font-size:1rem;background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23191714' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right .8rem center/.7rem auto}
.pc2 .pc2-dlv-f select:hover{border-color:var(--ink)}
.pc2 .pc2-dlv-f select:focus-visible{outline:2px solid var(--accent-t);outline-offset:0;border-color:var(--ink)}
.pc2 .pc2-dlv-r{font-size:.9rem;line-height:1.35;color:var(--ink-2)}
.pc2 .pc2-dlv.is-set .pc2-dlv-r{font-family:var(--display);font-size:1.125rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums}
.pc2 .pc2-dlv.is-set .pc2-dlv-r::first-letter{text-transform:uppercase}
.pc2 .pc2-dlv-n{font-size:.8rem;line-height:1.45;color:var(--ink-2);text-wrap:pretty}

.seq-zoom{position:absolute;inset:-15%;pointer-events:none;animation:none;transform:none;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%);mask-composite:intersect}
@media (max-width:63.99rem){.seq-zoom{inset:-15% -2%}}
.seq-poster,.seq-canvas{position:absolute;inset:0;width:100%;height:100%;max-width:none;display:block;transition:opacity .6s ease}
.seq-poster{object-fit:contain}
.seq-canvas{opacity:0}
.seq-zoom[data-seq-live] .seq-canvas{opacity:1}
.seq-zoom[data-seq-live] .seq-poster{opacity:0}
.seq-day,.seq-lbl{position:absolute;left:4.3%;top:calc(3.5% + 10.4cqh);z-index:2;font-family:var(--text);font-weight:700;font-size:2.3cqh;letter-spacing:.14em;text-transform:uppercase;line-height:1;pointer-events:none}
.seq-day{color:var(--accent-t)}
.seq-lbl{display:none;color:var(--hero-ink)}
@media (max-width:37.49rem){.seq-lbl{display:block;font-size:max(2.3cqh,.66rem)}.seq-day{top:calc(3.5% + 10.4cqh + max(2.3cqh,.66rem) * 1.6);font-size:max(2.3cqh,.66rem)}}
.seq-step{cursor:pointer}
.seq-ruler::after{animation:none;transform:scaleX(var(--seq-p,0))}
@media (prefers-reduced-motion:reduce){.seq-poster,.seq-canvas{transition:none}}