/* 諾記油行 Notera — built by site/build.py; edit site/src/styles/ and DESIGN.md, not this file */
@font-face{font-family:"Chiron Hei HK";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ChironHeiHK-400.3eb5865227.woff2) format("woff2")}
@font-face{font-family:"Chiron Hei HK";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/ChironHeiHK-500.84c9696c92.woff2) format("woff2")}
@font-face{font-family:"Chiron Hei HK";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/ChironHeiHK-700.71714ce7e0.woff2) format("woff2")}
@font-face{font-family:"Chiron Hei HK";font-style:normal;font-weight:900;font-display:swap;src:url(/assets/fonts/ChironHeiHK-900.75482f930e.woff2) format("woff2")}
@font-face{font-family:"Chiron Sung HK";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/ChironSungHK-700.cc0058d83f.woff2) format("woff2")}

:root{
  --c-rust:#B0402A;
  --c-rust-text:#9A3521;
  --c-cream:#EDE0C8;
  --c-paper:#F2F1EC;
  --c-ink:#17181A;
  --c-slate:#335C67;
  --c-muted-ink:#5C574C;
  --c-oil-gold:#D9A441;
  --c-gold-light:#F5D28C;
  --c-gold-deep:#E9BE6A;
  --c-plum:#3B2B35;
  --c-plum-light:#7A4E62;
  --t-poster-family:"Chiron Sung HK","Noto Serif TC","Songti TC",serif;
  --t-poster-size:clamp(4.5rem, 10vw, 9rem);
  --t-poster-weight:700;
  --t-poster-lh:1;
  --t-poster-ls:0.02em;
  --t-display-vertical-family:"Chiron Sung HK","Noto Serif TC","Songti TC",serif;
  --t-display-vertical-size:clamp(3.4rem, min(11vh, 8.6vw), 8.8rem);
  --t-display-vertical-weight:700;
  --t-display-vertical-lh:1.05;
  --t-display-vertical-ls:0.02em;
  --t-display-family:"Chiron Sung HK","Noto Serif TC","Songti TC",serif;
  --t-display-size:clamp(2.6rem, 6vw, 6rem);
  --t-display-weight:700;
  --t-display-lh:1.08;
  --t-display-ls:0.02em;
  --t-headline-family:"Chiron Sung HK","Noto Serif TC","Songti TC",serif;
  --t-headline-size:clamp(2.1rem, 4.2vw, 4.2rem);
  --t-headline-weight:700;
  --t-headline-lh:1.22;
  --t-headline-ls:0.04em;
  --t-title-family:"Chiron Sung HK","Noto Serif TC","Songti TC",serif;
  --t-title-size:clamp(1.6rem, 2.6vw, 2.4rem);
  --t-title-weight:700;
  --t-title-lh:1.35;
  --t-title-ls:0.04em;
  --t-subhead-family:"Chiron Sung HK","Noto Serif TC","Songti TC",serif;
  --t-subhead-size:clamp(1.2rem, 1.6vw, 1.5rem);
  --t-subhead-weight:700;
  --t-subhead-lh:1.45;
  --t-subhead-ls:0.04em;
  --t-lede-family:"Chiron Hei HK","Noto Sans TC","PingFang TC",sans-serif;
  --t-lede-size:clamp(17px, 1.3vw, 18.72px);
  --t-lede-weight:400;
  --t-lede-lh:1.75;
  --t-body-family:"Chiron Hei HK","Noto Sans TC","PingFang TC",sans-serif;
  --t-body-size:clamp(15px, 1.15vw, 18px);
  --t-body-weight:400;
  --t-body-lh:1.8;
  --t-label-family:"Chiron Hei HK","Noto Sans TC","PingFang TC",sans-serif;
  --t-label-size:13px;
  --t-label-weight:900;
  --t-label-ls:0.24em;
  --t-button-family:"Chiron Hei HK","Noto Sans TC","PingFang TC",sans-serif;
  --t-button-size:clamp(15px, 1.1vw, 18px);
  --t-button-weight:900;
  --t-button-ls:0.12em;
  --r-hairline:2px;
  --r-photo:12px;
  --r-button:14px;
  --r-button-xl:18px;
  --s-gutter:clamp(16px, 4vw, 64px);
  --s-band-y:clamp(64px, 8vw, 128px);
  --s-stack:clamp(14px, 1.4vw, 22px);
  --s-column-gap:clamp(28px, 5vw, 88px);
  --s-container:1320px;
  --s-header:100px;
  --s-header-mobile:90px;
  --k-button-primary-bg:var(--c-paper);
  --k-button-primary-fg:var(--c-ink);
  --k-button-primary-radius:var(--r-button);
  --k-button-primary-pad:0 1.6em;
  --k-button-primary-height:56px;
  --k-button-primary-hover-bg:var(--c-gold-light);
  --k-button-primary-hover-fg:var(--c-ink);
  --k-button-primary-active-bg:var(--c-gold-deep);
  --k-button-primary-active-fg:var(--c-ink);
  --k-button-primary-xl-bg:var(--c-paper);
  --k-button-primary-xl-fg:var(--c-ink);
  --k-button-primary-xl-radius:var(--r-button-xl);
  --k-button-primary-xl-pad:0 1.5em;
  --k-button-primary-xl-height:84px;
  --k-button-secondary-bg:transparent;
  --k-button-secondary-fg:var(--c-rust-text);
  --k-button-secondary-radius:var(--r-button);
  --k-button-secondary-pad:0 1.2em 0 1.4em;
  --k-button-secondary-height:48px;
  --k-text-link-fg:var(--c-ink);
  --k-section-label-fg:var(--c-rust-text);
}


:root{
  --sung:var(--t-headline-family);
  --hei:var(--t-body-family);
  --gut:var(--s-gutter);
  --hdr:var(--s-header);
  --ease:cubic-bezier(.16,1,.3,1);
  --cubic:cubic-bezier(.33,1,.68,1);
  --grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .55 0'/></filter><rect width='240' height='240' filter='url(%23n)'/></svg>");
  color-scheme:light;
}
@media (max-width:1020px){:root{--hdr:var(--s-header-mobile)}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip;scroll-padding-top:calc(var(--hdr) + 16px);scrollbar-color:var(--c-rust) var(--c-paper);accent-color:var(--c-rust);caret-color:var(--c-rust)}
body{margin:0;background:var(--c-rust);color:var(--c-paper);font-family:var(--hei);font-size:var(--t-body-size);line-height:var(--t-body-lh)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,p{margin:0}
::selection{background:var(--c-ink);color:var(--c-cream)}

a,button,summary,label,input,select,textarea,[role="button"],[role="tab"]{-webkit-tap-highlight-color:transparent}
.skip{position:absolute;left:var(--gut);top:-100px;z-index:1000;padding:12px 18px;background:var(--c-ink);color:var(--c-paper);font-weight:700;text-decoration:none}
.skip:focus{top:8px}
.skip:focus-visible{outline:3px solid var(--c-paper);outline-offset:-6px}


.band{position:relative;z-index:100;isolation:isolate;padding:var(--s-band-y) var(--gut)}
.band::after,.grainy::after{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--grain);opacity:.15;mix-blend-mode:multiply;pointer-events:none}
.rust{background:var(--c-rust);--bandbg:var(--c-rust);color:var(--c-paper);--focus:var(--c-paper);--acc:var(--c-paper);--rule:rgba(242,241,236,.4)}
.slate{background:var(--c-slate);--bandbg:var(--c-slate);color:var(--c-paper);--focus:var(--c-paper);--acc:var(--c-paper);--rule:rgba(242,241,236,.4)}
.cream{background:var(--c-cream);--bandbg:var(--c-cream);color:var(--c-ink);--focus:var(--c-ink);--acc:var(--c-rust-text);--rule:rgba(23,24,26,.35)}
.paper{background:var(--c-paper);--bandbg:var(--c-paper);color:var(--c-ink);--focus:var(--c-ink);--acc:var(--c-rust-text);--rule:rgba(23,24,26,.35)}
.ink{background:var(--c-ink);--bandbg:var(--c-ink);color:var(--c-paper);--focus:var(--c-paper);--acc:var(--c-paper);--rule:rgba(242,241,236,.3)}
.inner{max-width:var(--s-container);margin-inline:auto}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-column-gap);align-items:center}
@media (max-width:880px){.grid2{grid-template-columns:1fr}}


.sung{font-family:var(--sung);font-weight:var(--t-headline-weight);letter-spacing:var(--t-headline-ls);text-wrap:balance}


h1,.d1{font-size:var(--t-display-size);line-height:var(--t-display-lh);letter-spacing:var(--t-display-ls)}
h2,.h2{font-size:var(--t-headline-size);line-height:var(--t-headline-lh)}
h3,.h3{font-size:var(--t-title-size);line-height:var(--t-title-lh)}
h4,.h4{font-size:var(--t-subhead-size);line-height:var(--t-subhead-lh)}
.rust .sung,.slate .sung,.ink .sung{color:var(--c-paper)}
.cream .sung,.paper .sung{color:var(--c-rust)}
.label{font-family:var(--hei);font-size:var(--t-label-size);font-weight:var(--t-label-weight);letter-spacing:var(--t-label-ls);color:var(--acc)}
.lede{font-size:var(--t-lede-size);line-height:var(--t-lede-lh);max-width:28em}
.lede + .lede{margin-top:-6px}
.stack{display:flex;flex-direction:column;gap:var(--s-stack);align-items:flex-start}
.ch{display:inline-block;opacity:var(--o,1)}

.ph-mark{font-size:11px;letter-spacing:.3em;color:var(--c-muted-ink)}
.rust .ph-mark,.slate .ph-mark,.ink .ph-mark{color:rgba(242,241,236,.72)}
.ph-mark.on-image{color:var(--c-paper);text-shadow:0 1px 3px rgba(23,24,26,.55)}
.ph-mark.on-field,.rust .ph-mark.on-field,.slate .ph-mark.on-field,.ink .ph-mark.on-field{color:var(--c-ink);text-shadow:none}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}




.btn{--face:var(--k-button-primary-bg);--sh:var(--c-ink);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;white-space:nowrap;min-height:var(--k-button-primary-height);padding:var(--k-button-primary-pad);border-radius:var(--k-button-primary-radius);border:2.5px solid var(--c-ink);background:var(--face);color:var(--k-button-primary-fg);box-shadow:6px 6px 0 var(--sh);font-family:var(--t-button-family);font-weight:var(--t-button-weight);font-size:var(--t-button-size);letter-spacing:var(--t-button-ls);text-decoration:none;cursor:pointer;transition:transform 160ms var(--cubic),box-shadow 160ms var(--cubic),background-color 200ms ease}
.ink .btn{--sh:var(--c-rust)}
.btn:hover{background:var(--k-button-primary-hover-bg);transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--sh)}
.btn:active{background:var(--k-button-primary-active-bg);transform:translate(6px,6px);box-shadow:0 0 0 var(--sh)}
.btn:focus-visible{outline:3px solid var(--focus,var(--c-ink));outline-offset:5px;background:var(--k-button-primary-hover-bg)}
.btn.xl{min-height:var(--k-button-primary-xl-height);padding:var(--k-button-primary-xl-pad);border-radius:var(--k-button-primary-xl-radius);font-size:clamp(20px,2vw,27px);letter-spacing:.14em;border-width:3px;box-shadow:8px 8px 0 var(--sh)}
.btn.xl:hover{box-shadow:10px 10px 0 var(--sh)}


.btn.sm{min-height:44px;font-size:14px;padding:0 1.1em;border-radius:12px;box-shadow:4px 4px 0 var(--sh)}
.btn.sm:hover{box-shadow:5px 5px 0 var(--sh)}

.btn.round{flex:none;width:60px;min-height:60px;height:60px;aspect-ratio:1;padding:0;border-radius:50%}
.btn.round svg{width:24px;height:24px}


.arr{overflow:visible;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}


.cta-s{position:relative;display:inline-flex;align-items:center;gap:.6em;min-height:var(--k-button-secondary-height);padding:var(--k-button-secondary-pad);border:2px solid currentColor;border-radius:var(--k-button-secondary-radius);color:var(--acc);font-family:var(--t-button-family);font-weight:var(--t-button-weight);font-size:clamp(15px,1.1vw,17px);letter-spacing:var(--t-button-ls);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color 200ms ease}
.cta-s svg{overflow:visible;flex:none}
.cta-s svg path{fill:none;stroke:currentColor;stroke-width:1.8;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.cta-s .arr{width:26px;height:16px;transition:transform 240ms var(--ease)}
.cta-s:hover{background:rgba(217,164,65,.22)}
.cta-s:active{background:rgba(217,164,65,.38)}
.cta-s:hover .arr{transform:translateX(6px)}
.cta-s:focus-visible{outline:3px solid var(--focus);outline-offset:5px}


.tl{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}
.tl:hover{text-decoration-color:currentColor}
.tl:active{text-decoration-color:currentColor;opacity:.58}
.tl:focus-visible{outline:3px solid var(--focus);outline-offset:4px}



@keyframes redraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.sk{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.sk *,.arr path,.mk path,.strip .x svg path,#s-arr path,#s-down path,#s-mark path,#s-x path{vector-effect:non-scaling-stroke}
.sk .ff{stroke:none}
.sk .solid{fill:currentColor;stroke:none}

.draw.is-pre .sk path:not(.ff):not(.dash),.draw.is-pre .sk ellipse:not(.ff),.draw.is-pre .sk rect:not(.ff):not(.solid),.draw.is-pre .sk circle:not(.ff):not(.solid){stroke-dasharray:1;stroke-dashoffset:1}
.draw.is-go .sk path:not(.ff):not(.dash),.draw.is-go .sk ellipse:not(.ff),.draw.is-go .sk rect:not(.ff):not(.solid),.draw.is-go .sk circle:not(.ff):not(.solid){stroke-dasharray:1;animation:redraw 900ms var(--ease) var(--d,0ms) both}
.draw .pop{opacity:0;transition:opacity 300ms ease var(--d,0ms)}
.draw.is-go .pop{opacity:1}
@media (prefers-reduced-motion:reduce){.draw .sk *{stroke-dasharray:none!important;animation:none!important}.draw .pop{opacity:1}}


.hand{display:inline-block;height:1.5em;background:currentColor;-webkit-mask:var(--m) no-repeat center/contain;mask:var(--m) no-repeat center/contain}


.site-header{position:fixed;left:0;right:0;top:0;z-index:900;background:var(--hbg,var(--c-paper));color:var(--hfg,var(--c-ink));padding-top:env(safe-area-inset-top,0px);--focus:var(--hfg,var(--c-ink));--hacc:var(--c-rust-text);border-bottom:1.5px solid currentColor;transition:background-color 260ms ease,color 260ms ease}
.notice{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:.5em;min-height:32px;padding-inline:var(--gut);background:var(--c-ink);color:var(--c-paper);font:700 13px var(--hei);letter-spacing:.16em;text-decoration:none}



@media (max-width:359px){.notice{letter-spacing:.06em}}
.notice:hover{text-decoration:underline;text-underline-offset:4px}
.notice:active{opacity:.6}
.notice:focus-visible{outline:3px solid var(--c-paper);outline-offset:-4px}

.site-header .in{position:relative;z-index:1;display:flex;align-items:center;gap:clamp(14px,2vw,32px);max-width:calc(var(--s-container) + var(--gut) * 2);margin-inline:auto;min-height:calc(var(--hdr) - 34px);padding-inline:var(--gut)}
.brand{display:flex;align-items:center;gap:.65rem;min-height:44px;text-decoration:none;flex:none}
.brand b{font-family:var(--sung);font-weight:700;font-size:1.3rem;letter-spacing:.18em}
.nav{display:flex;align-items:center;margin-left:auto;font-size:15px;font-weight:700;letter-spacing:.1em}
.nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;text-decoration:none;padding:0;background:linear-gradient(currentColor,currentColor) no-repeat 0 calc(100% - 4px)/0 2px;transition:background-size 240ms var(--ease)}

.nav a:hover{background-size:100% 2px}

.nav a[aria-current]{background-size:0 2px;color:var(--hacc);font-weight:900;position:relative;padding-left:12px}
.nav a[aria-current]::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:.8em;background:var(--hacc);border-radius:1px}
.brand[aria-current]{color:var(--hacc)}
.brand:active{opacity:.6}
.nav i{font-style:normal;opacity:.6;padding-inline:.55em}
.nav a:focus-visible,.brand:focus-visible{outline:3px solid var(--focus);outline-offset:4px}

.site-header .btn{transition:opacity 260ms ease,transform 160ms var(--cubic),box-shadow 160ms var(--cubic),background-color 200ms ease}
.site-header:not(.past-hero) .btn{opacity:0;pointer-events:none}

.site-header:not(.past-hero) .btn:focus-visible{opacity:1;pointer-events:auto}

@media (max-width:1020px){.site-header:not(.past-hero) .btn{position:absolute;right:var(--gut);top:50%;transform:translateY(-50%)}
  .site-header:not(.past-hero) .btn:focus-visible{position:static;transform:none}}  
.site-header .btn .short{display:none}
.menu{display:none;margin-left:auto;min-height:44px;min-width:44px;justify-content:center;padding:0 4px;border:0;background:none;font:900 15px var(--hei);letter-spacing:.14em;color:inherit;cursor:pointer;background:linear-gradient(currentColor,currentColor) no-repeat 0 calc(100% - 8px)/100% 2px;-webkit-tap-highlight-color:transparent}
.menu:active{opacity:.55}
.menu:focus-visible{outline:3px solid currentColor;outline-offset:3px}
@media (max-width:1020px){.nav{display:none}.menu{display:inline-flex;align-items:center}
  
  .notice{min-height:44px}.site-header .in{min-height:calc(var(--hdr) - 46px)}}
@media (max-width:520px){.brand b{font-size:1.08rem}
  
  .site-header .btn{display:none}}
@media (max-width:359px){.site-header .in{gap:10px}.brand b{letter-spacing:.08em}.site-header .btn.sm{padding:0 .8em}}


.drawer{position:fixed;inset:0;z-index:950;background:var(--c-paper);color:var(--c-ink);display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 12px) var(--gut) calc(env(safe-area-inset-bottom,0px) + 28px);visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path 480ms var(--ease),visibility 0s linear 480ms;--focus:var(--c-ink)}
.drawer.is-open{visibility:visible;clip-path:inset(0);transition:clip-path 480ms var(--ease)}

.drawer{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.drawer .top{display:flex;align-items:center;justify-content:space-between;min-height:48px;border-bottom:5px double var(--c-ink);padding-bottom:10px}
.drawer .menu{display:inline-flex;align-items:center;margin:0}

.drawer nav{display:flex;flex-direction:column;margin-block:auto;padding-left:20px}

.drawer nav a{font-family:var(--sung);font-weight:700;font-size:2.3rem;letter-spacing:.1em;text-decoration:none;padding-block:.34em;position:relative;-webkit-tap-highlight-color:transparent;transition:color 90ms linear}
.drawer nav a:active{color:var(--c-rust)}

.drawer.is-leaving,.drawer.is-leaving.is-open{transition:none;visibility:hidden;clip-path:inset(0 0 100% 0)}
.drawer nav a[aria-current="page"]{color:var(--c-rust)}
.drawer nav a[aria-current="page"]::before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:6px;height:.78em;background:var(--c-rust);border-radius:1px}
.drawer nav a:focus-visible{outline:3px solid var(--c-ink);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.drawer,.drawer.is-open{transition:none}}



.news{position:relative;z-index:100}
.news .l{position:relative;isolation:isolate;max-width:calc(var(--s-container) + var(--gut) * 2);margin-inline:auto;padding:clamp(96px,12vw,190px) var(--gut);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(34px,4.4vw,64px)}

.news .l h2{font-family:var(--t-poster-family);font-weight:var(--t-poster-weight);
  font-size:var(--t-poster-size);line-height:var(--t-poster-lh);letter-spacing:var(--t-poster-ls);
  color:var(--c-ink)}
@media (max-width:880px){.news .l .btn.xl{width:100%}}


.end{position:relative;z-index:100;padding:clamp(56px,7vw,110px) var(--gut) calc(clamp(28px,3vw,44px) + env(safe-area-inset-bottom,0px))}
.end .inner{display:flex;flex-direction:column;gap:clamp(26px,3vw,40px)}
.end .head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 40px}

.end .mark{font-family:var(--sung);font-weight:700;color:var(--c-paper);font-size:var(--t-display-size);line-height:1;letter-spacing:.08em;white-space:nowrap;clip-path:inset(var(--clip,0%) 0 0 0);margin:0}
.end .mark small{display:block;font-family:var(--hei);font-weight:900;font-size:clamp(13px,1vw,15px);letter-spacing:.6em;margin-top:clamp(12px,1.4vw,20px);color:var(--c-cream)}
.end .motto{margin:0 0 clamp(4px,1vw,14px);font-family:var(--sung);font-weight:700;font-size:clamp(1.15rem,1.9vw,1.7rem);letter-spacing:.24em;color:var(--c-cream);white-space:nowrap}
.end .links{display:flex;flex-wrap:wrap;align-items:center;gap:0 clamp(20px,3vw,48px);border-top:1.5px solid var(--rule);padding-top:clamp(12px,1.6vw,20px)}
.end .links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;width:max-content;font-weight:700;letter-spacing:.12em;text-decoration:none;background:linear-gradient(currentColor,currentColor) no-repeat 0 calc(100% - 8px)/0 2px;transition:background-size 240ms var(--ease)}
.end .links a:hover{background-size:100% 2px}
.end .links a:focus-visible{outline:3px solid var(--c-paper);outline-offset:3px}
@media (max-width:460px){.end .links{flex-wrap:nowrap;justify-content:space-between;gap:0 4px}.end .links a{font-size:13px;letter-spacing:.02em}}

@media (max-width:760px){.end .mark{letter-spacing:.04em}.end .motto{font-size:1.05rem;letter-spacing:.18em}}
.end .base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;border-top:1.5px solid var(--rule);padding-top:14px;font-size:14px}
.end .base nav{display:flex;flex-wrap:wrap;gap:0 1.4em}
.end .base nav a{display:inline-flex;align-items:center;min-height:44px}
.end .base span{display:inline-flex;align-items:center;opacity:.8;font-size:12px;letter-spacing:.2em}


.book .inner{display:grid;gap:clamp(56px,6vw,96px)}
.grp{display:grid;grid-template-columns:minmax(0,.34fr) minmax(0,1fr);gap:0 clamp(28px,5vw,88px);align-items:start}
.gh{position:sticky;top:calc(var(--hdr) + 28px);display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding-top:clamp(16px,1.8vw,26px)}
.gh h2{letter-spacing:.06em}
.gh svg{width:clamp(64px,7vw,104px);height:auto;color:var(--c-ink);--f3:#C9B894}
.rows{margin:0;padding:0;list-style:none;border-top:1.5px solid var(--c-ink)}
.rows li{border-bottom:1.5px solid var(--rule)}
.q{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px clamp(16px,2vw,32px);min-height:72px;padding:clamp(18px,2vw,30px) 0;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}
.q::before{content:"";position:absolute;inset:0 calc(-1 * clamp(10px,1.2vw,18px));z-index:-1;background:var(--c-cream);transform:scaleX(0);transform-origin:left;transition:transform 320ms var(--ease)}
.q:hover::before{transform:scaleX(1)}
.q:active{opacity:.62}
.q .short{font-family:var(--sung);font-weight:700;font-size:clamp(1.5rem,2.4vw,2.3rem);line-height:1.3;letter-spacing:.05em}
.q .full{grid-column:1;color:var(--c-muted-ink);line-height:1.75}
.q .arr{grid-column:2;grid-row:1 / span 2;width:40px;height:18px;color:var(--c-rust-text);transition:transform 240ms var(--ease)}
.q:hover .arr{transform:translateX(6px)}
.q:focus-visible{outline:3px solid var(--c-ink);outline-offset:4px}
.qa{padding:clamp(18px,2vw,30px) 0}
.qa h3{letter-spacing:.05em;color:var(--c-ink)}
.qa p{margin-top:10px;font-size:var(--t-lede-size);line-height:var(--t-lede-lh);max-width:28em}
@media (max-width:880px){.grp{grid-template-columns:1fr}.gh{position:static;flex-direction:row;align-items:center;gap:16px;padding:0 0 14px}.gh svg{width:58px}}

@media (hover:none){
  .q::before{transition:none}
  .q:active::before{transform:scaleX(1)}
  .q:active .arr{transform:none}
}
@media (prefers-reduced-motion:reduce){.q::before,.q .arr{transition:none}}


.stub{min-height:60vh;display:flex;align-items:flex-end;padding-top:calc(var(--hdr) + var(--s-band-y))}
.stub .inner{width:100%}
.stub .row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}


.strip .mk{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.strip{position:relative;z-index:1;display:flex;align-items:center;gap:10px clamp(12px,1.6vw,20px);padding:10px var(--gut);font-size:clamp(14px,1.05vw,16px);font-weight:700;line-height:1.6}
.strip .msg{flex:1;min-width:0}
.strip .go{flex:none;display:inline-flex;align-items:center;min-height:44px;font-weight:900;letter-spacing:.08em}
.strip .x{flex:none;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:10px;background:none;color:inherit;cursor:pointer}
.strip .x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.strip .x:hover{background:rgba(217,164,65,.3)}.strip .x:focus-visible{outline:3px solid currentColor;outline-offset:-3px}
.site-header .strip{border-bottom:1.5px solid rgba(242,241,236,.35)}

.site-header:has(.strip) .in{min-height:calc(var(--hdr) - 34px - 43px)}




.jar{position:fixed;inset:0;z-index:120;pointer-events:none}


.jar .rig{position:absolute;left:var(--jx,74%);top:auto;bottom:clamp(36px,6vh,88px);width:calc(var(--bh) * 408 / 1200);height:var(--bh);margin:0 0 0 calc(var(--bh) * -204 / 1200);transform-origin:50% 50%;will-change:transform,opacity;--bh:min(clamp(480px,66vh,660px),42vw)}
.jar img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.3));will-change:transform}




.jar{position:absolute;inset:0}





@media (max-width:880px){.jar .rig{left:auto;right:-12px;margin-left:0;top:18.2%;bottom:auto;margin-top:0;--bh:min(calc(clamp(165px,48vw,195px) / .34),63.8svh)}}

@media (max-width:374px){.jar .rig{right:0;--bh:calc(44vw * 1200 / 408)}}


.hero{position:relative;z-index:10;min-height:max(100svh,620px);display:flex;flex-direction:column;background:var(--c-rust);overflow:hidden;--focus:var(--c-paper)}
.hero::after{content:"";position:absolute;inset:0;background-image:var(--grain);opacity:.15;mix-blend-mode:multiply;pointer-events:none}
.hero .top{position:relative;z-index:4;flex:1;display:grid;grid-template-columns:auto minmax(0,380px) 1fr;gap:clamp(20px,3vw,56px);align-items:end;max-width:calc(var(--s-container) + var(--gut) * 2);width:100%;margin-inline:auto;padding:calc(var(--hdr) + 5vh) var(--gut) clamp(48px,8vh,96px)}
.hl{display:flex;gap:clamp(6px,1vw,18px);align-items:flex-start;margin:0}
.hl .col{writing-mode:vertical-rl;text-orientation:upright;font-family:var(--t-display-vertical-family);font-weight:var(--t-display-vertical-weight);color:var(--c-paper);letter-spacing:var(--t-display-vertical-ls);line-height:var(--t-display-vertical-lh);white-space:nowrap;font-size:var(--t-display-vertical-size)}
.hl .col:last-child{margin-top:clamp(40px,8vh,110px)}  
.hero .say{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(14px,2.2vh,24px)}
.hero .sub{font-size:var(--t-lede-size);line-height:1.6}

.hero .name{order:-1;display:flex;flex-wrap:wrap;align-items:baseline;border:0;padding:0}
.hero .name .cat{flex:0 0 100%;order:0;margin-bottom:6px;font-family:var(--sung);font-weight:700;font-size:clamp(31px,2.8vw,40px);line-height:1.18;letter-spacing:.04em}
.hero .name .a{flex:0 0 auto;order:1;font-weight:700;font-size:16px;line-height:1.45;letter-spacing:.08em;padding-bottom:5px;border-bottom:1.5px solid rgba(242,241,236,.55)}
.hero .name .b{display:none}
.hero .say .row{display:flex;align-items:center;gap:16px;margin-top:6px}
@media (max-width:880px){
  
  .hero .top{grid-template-columns:1fr;align-items:start;align-content:space-between;padding-top:calc(var(--hdr) + 2vh)}
  .hl .col{font-size:clamp(2.6rem,11.1vw,5.2rem)}
  .hl .col:last-child{margin-top:clamp(24px,4vh,110px)}
  .hero .name .cat{font-size:clamp(24px,2.8vw,40px)}
  .hero .say,.hero .say .row{width:100%}
  
  .hero .say .btn.xl{flex:1 1 auto}
  
  
  .hero .top{display:flex;flex-direction:column;gap:0}
  .hero .say{display:contents}
  .hl{order:1}
  .hero .name{order:2;margin-top:40px}
  .hero .sub{order:3;margin-top:25px;max-width:178px}
  .hero .say .row{order:4;margin-top:auto;width:100%}
  .hero .name .cat{margin-bottom:14px}
}


.ticker{position:relative;z-index:100;background:var(--c-ink);color:var(--c-paper);overflow:hidden;padding-block:.55rem}

.ticker .track{display:flex;width:max-content;will-change:transform;animation:tickerrun var(--tdur,22s) linear infinite}
@keyframes tickerrun{from{transform:translateX(0)}to{transform:translateX(var(--tshift,-33.3333%))}}

@media (prefers-reduced-motion:reduce){.ticker .track{animation:none}}
.ticker span{font-family:var(--sung);font-weight:700;font-size:clamp(.95rem,1.15vw,1.12rem);letter-spacing:.26em;white-space:nowrap;padding-right:.26em}
.ticker i{font-style:normal;color:var(--c-rust);padding-inline:.8em}



.proof{padding:0;height:145vh}
.proof .pin{position:sticky;top:0;min-height:100svh;display:flex;align-items:center;padding:calc(var(--hdr) + 16px) var(--gut) 24px}
.proof .grid2{align-items:center;width:100%}

.art-c1{position:relative;width:100%;max-width:calc((100svh - 140px) * 560 / 600);justify-self:end;aspect-ratio:560/600}
.art-c1 .slot{position:absolute;left:6%;top:3%;height:92%;aspect-ratio:408/1200}
.turn{position:absolute;inset:0;transform:scaleX(var(--sx,1));opacity:0;transition:opacity 160ms ease}
.slot.is-landed .turn{opacity:1}
.turn img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 26px 28px rgba(23,24,26,.24))}

.turn .back{opacity:0}
.slot.is-back .turn .front{opacity:0}
.slot.is-back .turn .back{opacity:1}

.turn .mk{position:absolute;right:0;bottom:-4%;font-size:9px;font-weight:700}
.art-c1 > svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}

.art-c1 > svg.m-trace{display:none}

@media (max-width:880px){
  
  .proof{height:auto}
  .proof .pin{position:static;min-height:0}
  
  .art-c1{justify-self:stretch;max-width:none;width:100vw;margin-inline:calc(var(--gut) * -1);
    aspect-ratio:375/816}
  .art-c1 .slot,.art-c1 > svg:not(.m-trace){display:none}
  .art-c1 > svg.m-trace{display:block;position:static;width:100%;height:auto}
  
  .proof .stack{gap:10px}}
@media (prefers-reduced-motion:reduce){.proof{height:auto}.proof .pin{position:relative}.turn{opacity:1}}


.inside.v7a{padding:0;height:300vh}
.inside.v7a .pin{position:sticky;top:0;min-height:100svh;display:flex;align-items:center;
  padding:calc(var(--hdr) + 16px) var(--gut) 24px}
.inside.v7a .grid2{align-items:center;width:100%}
.v7a .vlist{list-style:none;margin:clamp(18px,2.4vw,32px) 0 0;padding:0;display:grid;gap:clamp(4px,.7vw,12px)}

.v7a .vn{font-family:var(--sung);font-weight:700;font-size:var(--t-title-size);
  line-height:1.25;letter-spacing:.01em;color:rgba(242,241,236,.34);
  transition:color 320ms var(--ease)}
.v7a .vitem.on .vn{color:var(--c-paper)}
.v7a .vnote{margin:clamp(16px,2vw,26px) 0 0;max-width:30em}
.v7a .vpic{position:relative;margin:0;aspect-ratio:1;width:100%;
  border-radius:clamp(6px,.8vw,14px);overflow:hidden}
.v7a .vpic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transition:opacity 360ms var(--ease)}

.v7a .vpic img.on{opacity:1}
@media (max-width:880px){
  
  .inside.v7a .grid2{grid-template-columns:minmax(0,1fr)}
  .v7a .vpic{order:-1;aspect-ratio:4/3}
  .v7a .vlist{margin-top:clamp(14px,3vw,22px)}
}
@media (prefers-reduced-motion:reduce){
  
  .inside.v7a{height:auto}
  .inside.v7a .pin{position:relative;min-height:0}
  .v7a .vn{color:var(--c-paper)}
  .v7a .vpic{aspect-ratio:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .v7a .vpic img{position:static;opacity:1;aspect-ratio:1}
}




.sart.m-season{display:none}
@media (max-width:880px){
  #d1{display:none}
  
  .sart.m-season{display:block;width:100vw;margin-inline:calc(var(--gut) * -1);margin-top:36px}
  .sart.m-season svg{overflow:hidden}
}
.sart{display:block;width:100%;color:var(--c-paper);margin:0}
.sart svg{display:block;width:100%;height:auto;overflow:visible}

.sart .stage{opacity:0;transition:opacity 260ms cubic-bezier(.2,.7,.3,1)}
.sart .stage.on{opacity:1}
.sart figcaption{text-align:right;margin-top:10px}
@media (prefers-reduced-motion:reduce){.sart .stage{opacity:1}}



.inside .facts{display:grid;grid-template-columns:auto 1fr;margin:clamp(4px,1vw,12px) 0 0;font-size:clamp(15px,1.2vw,18px)}
.inside .facts div{display:contents}
.inside .facts small{display:block;font-size:13px;opacity:.75;line-height:1.5}
.inside .facts dt, .inside .facts dd{margin:0;padding:12px 0;border-block:1px solid rgba(242,241,236,.22)}
.inside .facts dt{font-weight:900;letter-spacing:.2em;padding-right:26px;color:var(--c-cream)}
.inside .label{color:var(--c-cream)}
.variety{display:inline-flex;align-items:center;gap:6px;margin-right:12px;white-space:nowrap}
.variety i{width:12px;height:12px;border-radius:50%;display:inline-block;box-shadow:0 0 0 1.5px var(--c-cream)}

.vart{margin:0;justify-self:center;text-align:center;color:var(--c-paper);--f2:rgba(242,241,236,.07)}
.vart svg{display:block;width:min(100%,340px);height:auto;overflow:visible;margin-inline:auto}
.vart figcaption{margin-top:12px;color:var(--c-cream);opacity:.8}
@media (max-width:880px){.inside .facts{font-size:14px}.inside .facts dt, .inside .facts dd{padding:8px 0}.inside .facts dt{padding-right:18px}.inside .facts small{font-size:11px}.vart svg{width:min(58%,190px);margin-top:4px}}





.kitchens-band .inner.kin{container-type:inline-size;display:grid;
  grid-template-columns:30.55% minmax(0,1fr);column-gap:4.18%;
  grid-template-rows:auto minmax(0,1fr);
  grid-template-areas:"text fig" "btn fig"}
.kitchens-band .inner.kin > .stack{grid-area:text}
.kitchens-band .inner.kin > .kin8a{grid-area:fig}

.kitchens-band .kinbtn{grid-area:btn;align-self:end;justify-self:start}
.kin8a{margin:0;display:grid;gap:6.1cqw;position:relative}
.kin8a img{display:block;height:auto;margin:0;width:95%;justify-self:end;
  border-radius:clamp(6px,.9cqw,14px);box-shadow:0 1.2cqw 3cqw rgba(23,24,26,.26)}

.kmap{position:relative;aspect-ratio:1826/834;overflow:visible}
.kmap i{position:absolute;inset:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;mask-size:100% 100%}
.kmap .ln{background:var(--c-ink);-webkit-mask-image:var(--m);mask-image:var(--m)}
.kmap .fl{background:var(--c-rust);-webkit-mask-image:var(--m);mask-image:var(--m)}

.kmap .drop{inset:78.8% auto auto 92.34%;width:2.4px;height:calc(21.2% + 6.1cqw);
  background:repeating-linear-gradient(var(--c-ink) 0 4px, transparent 4px 11px)}
@media (max-width:880px){
  
  .kitchens-band .inner.kin{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;
    grid-template-areas:"text" "fig" "btn";row-gap:clamp(22px,4vw,34px)}
  .kitchens-band .kinbtn{align-self:start}
  .kin8a{gap:0}
  .kmap{margin-inline:calc(var(--gut) * -1)}
  .kmap .drop{display:none}
  .kin8a img{width:100%;border-radius:0;box-shadow:none}
}
.kitchens{--mk:clamp(84px,11vw,148px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,56px);margin:0;align-items:center}
.kitchens .k{display:grid;gap:10px;justify-items:center}

.kitchens .mk{height:auto;display:block}
.kitchens .wok{width:var(--mk)}
.kitchens .pot{width:calc(var(--mk) / 1.15)}
.kitchens figcaption{font-size:13px;font-weight:700;letter-spacing:.1em;line-height:1.6;opacity:.92;text-align:center}
.quote{font-size:var(--t-lede-size);line-height:1.8;max-width:26em}
.quote em{font-style:normal;font-weight:900;background:linear-gradient(transparent 62%,rgba(217,164,65,.55) 62%)}



.uses{overflow:hidden}
.uses .top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);align-items:end}

.pourshot{position:relative;aspect-ratio:1;margin:-6vw 0 0;clip-path:inset(0 0 var(--cp,0%) 0)}
.pourshot img{width:100%;height:100%;object-fit:contain;transform:translateY(calc(var(--cp,0%) * -.4))}
.pourshot figcaption{position:absolute;right:8px;bottom:6px;color:var(--c-muted-ink)}
.uses .tabs{margin-top:clamp(40px,4vw,64px)}

.uses .tabs{display:flex;gap:clamp(8px,1.2vw,16px);padding:2px 3px 3px 2px;margin-inline:-2px -3px}
.uses .tabs button{position:relative;flex:1;display:grid;place-items:center;min-height:56px;border:2px solid var(--c-ink);border-radius:14px;background:none;cursor:pointer;padding:clamp(.35rem,.9vw,.8rem) 0;color:var(--c-ink);-webkit-tap-highlight-color:transparent;transition:transform 160ms var(--cubic),box-shadow 160ms var(--cubic),background-color 200ms ease,color 200ms ease}
.uses .tabs button:focus-visible{outline:3px solid var(--c-ink);outline-offset:3px;transform:translate(-2px,-2px);box-shadow:3px 3px 0 currentColor}
.uses .tabs b{font-family:var(--sung);font-weight:700;font-size:clamp(1.9rem,5.6vw,6.4rem);line-height:1.05;color:inherit}

@media (hover:hover){.uses .tabs button:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 currentColor}}
.uses .tabs button:active{background:rgba(176,64,42,.22)}
@media (prefers-reduced-motion:reduce){.uses .tabs button{transition:none}}

.uses .tabs button[aria-selected="true"]{background:var(--c-rust);color:var(--c-paper);transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--c-ink)}
.uses .dish{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;margin-top:clamp(24px,3vw,44px)}

.frames{position:relative;aspect-ratio:3/2;border-radius:var(--r-photo);overflow:hidden;background:var(--c-cream)}
.frames > *{position:absolute;inset:0;opacity:0;transition:opacity 300ms ease}
.frames > .is-on{opacity:1}
.frames img{width:100%;height:100%;object-fit:cover}
.frames .ph{display:grid;place-items:center;text-align:center;font-weight:900;letter-spacing:.1em}
.uses .dish h3{font-family:var(--t-title-family);font-weight:var(--t-title-weight);letter-spacing:var(--t-title-ls);color:var(--c-ink)}  
.uses .dish .close{padding-top:14px;border-top:1.5px solid var(--rule);font-weight:700;letter-spacing:.06em}
@media (max-width:880px){.uses .top,.uses .dish{grid-template-columns:1fr}.pourshot{margin-top:0;width:80%;justify-self:end}  .uses .tabs{gap:6px}}





.choose{position:relative;overflow:clip;container-type:inline-size}
.choose .inner{container-type:inline-size}







.choose .btl{grid-area:bottle;align-self:center;justify-self:end;pointer-events:none;max-width:100%}
.choose .btl img{display:block;height:clamp(480px,66vh,660px);width:auto;max-width:100%;filter:drop-shadow(0 22px 34px rgba(0,0,0,.3))}


.choose .inner,.choose .more{position:relative;z-index:1}



.choose .inner.cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);
  grid-template-areas:"head bottle" "list bottle" "more more";gap:0 clamp(32px,4vw,72px);
  align-items:center}
.choose .inner.cols > .stack{grid-area:head}
.choose .listcol{grid-area:list}
.choose .items{list-style:none;margin:clamp(22px,3vw,34px) 0 0;padding:0;display:grid;gap:clamp(16px,2vw,26px);width:100%}

.choose .more .items{width:100%}
.choose .it{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:0 14px;align-items:start}
.choose .ic{grid-row:1 / span 3;width:48px;height:48px;margin-top:1px;overflow:visible;color:var(--c-ink);--f1:#7A4E62;--f2:#D9A441;--f3:#C9B894}
.choose .it .k{font-family:var(--hei);font-weight:900;font-size:11.5px;letter-spacing:.24em;color:var(--c-rust-text);margin:0 0 3px}

.choose .it .v,.choose .it .n{word-break:keep-all;line-break:strict}
.choose .it .v{font-family:var(--sung);font-weight:700;font-size:clamp(1.42rem,4.4vw,1.75rem);line-height:1.24;letter-spacing:.02em;color:var(--c-ink);margin:0}
.choose .it .n{font-size:12.5px;line-height:1.7;color:var(--c-muted-ink);margin:4px 0 0}



.choose .more{grid-area:more;background:var(--c-rust);color:var(--c-paper);--acc:var(--c-paper);
  margin:clamp(20px,2.4vw,30px) 0 0;padding:clamp(22px,2.6vw,32px) 0 clamp(26px,3vw,36px);
  box-shadow:0 0 0 100vmax var(--c-rust);clip-path:inset(0 -100vmax)}
.choose .more .items{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,40px)}
.choose .more .hd{margin:0 0 clamp(12px,1.6vw,18px)}
.choose .more .hd .hand{background:var(--c-gold-light)}
.choose .more .items{margin-top:0}
.choose .more .ic{color:var(--c-cream);--f1:#D9A441;--f2:#F5D28C;--f3:#EDE0C8}
.choose .more .it .v{color:var(--c-paper)}
.choose .more .it .n{color:rgba(242,241,236,.8)}
.choose .after{margin-top:clamp(20px,2.6vw,32px)}

@media (max-width:880px){
  .choose .inner.cols{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "bottle" "list";
    gap:clamp(20px,5vw,32px) 0;max-width:none}
  .choose .btl img{height:auto;width:clamp(143px,40vw,165px)}
}




.fun .grid2{align-items:center}

.fun .big{font-family:var(--sung);font-weight:700;letter-spacing:var(--t-headline-ls);color:var(--c-paper);text-wrap:balance;transition:opacity 200ms ease,transform 360ms var(--ease)}
.fun .fact{font-size:clamp(18px,1.7vw,24px);line-height:1.75;max-width:22em;min-height:3.6em;font-weight:500;transition:opacity 200ms ease,transform 360ms var(--ease)}
.fun .fact.out,.fun .big.out{opacity:0;transform:translateY(8px)}
.sketch{position:relative;isolation:isolate;display:block;width:100%;max-width:480px;justify-self:center;aspect-ratio:440/400;color:var(--c-paper);border:0;background:none;padding:0;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;touch-action:pan-y}
.sketch:focus-visible{outline:3px solid var(--c-paper);outline-offset:8px}
.sketch svg{width:100%;height:100%;display:block;overflow:visible}

.fun .grid2:has(.sketch.nopic){grid-template-columns:1fr}
.sketch.nopic{aspect-ratio:auto;min-height:3.4em;max-width:none;justify-self:end}
.sketch.nopic > svg{display:none}
.sketch.nopic .nextnote{position:static;justify-content:flex-end}
.sketch .pic{opacity:0;transition:opacity 200ms ease}
.sketch .pic.on{opacity:1}
.nextnote{display:flex;position:absolute;right:0;bottom:-4%;align-items:center;gap:6px;font-size:clamp(1.3rem,1.9vw,1.8rem);color:var(--c-gold-light);transform:rotate(-4deg)}
.nextnote svg{width:44px;height:18px}
.nextnote path{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sketch:hover .nextnote svg{transform:translateX(5px);transition:transform 240ms var(--ease)}

@media (max-width:880px){.sketch{max-width:300px}.fun .fact{font-size:17px;min-height:5.4em}}
@media (prefers-reduced-motion:reduce){.fun .fact,.fun .big{transition:none}}


.news .qnotice{align-self:stretch;border-top:1.5px solid var(--c-ink);padding-top:clamp(26px,3vw,40px);
  scroll-margin-top:calc(var(--hdr) + 24px);margin:0;font-size:var(--t-body-size);
  line-height:var(--t-body-lh);color:var(--c-ink);max-width:34em}





.lead{padding-top:calc(var(--hdr) + clamp(48px,6vw,96px));padding-bottom:clamp(48px,6vw,88px)}
.lead .inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px clamp(28px,5vw,88px);align-items:end}
.lead h1{margin-top:clamp(10px,1.2vw,18px)}
.jump{display:flex;gap:clamp(18px,2.6vw,40px)}
.jump a{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:64px;min-height:44px;text-decoration:none;font-weight:900;letter-spacing:.2em;font-size:14px}
.jump svg.sk-i{width:clamp(54px,5.4vw,78px);height:auto;color:var(--c-paper);--f1:#3B2B35;--f2:#F5D28C;--f3:#C94F37}
.jump .arr{width:16px;height:22px;transition:transform 240ms var(--ease)}
.jump a:hover .arr{transform:translateY(5px)}
.jump a:focus-visible{outline:3px solid var(--c-paper);outline-offset:5px}
@media (max-width:880px){.lead .inner{grid-template-columns:1fr}.jump{justify-content:space-between;max-width:380px}}


.pd .lede{max-width:30em;text-wrap:pretty}
.pd .nw{white-space:nowrap}
.pd .lead{padding-top:calc(var(--hdr) + clamp(36px,4.4vw,72px));padding-bottom:0}
.pd .lead .inner{display:block}
.pd .lead .top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,96px);align-items:end}
.pd .lead .txt{display:grid;gap:clamp(14px,1.4vw,22px);align-content:end;justify-items:start;padding-bottom:clamp(28px,3.4vw,56px)}
.pd .lead h1{margin:0}
.pd .lead .btn.xl{margin-top:clamp(4px,1vw,14px)}


.pd .shelf{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:clamp(20px,3.4vw,56px)}
.pd .shelf figure{margin:0;display:grid;justify-items:center;gap:12px}

.pd .shelf{--shelf-h:min(52vh,500px);
           
           --h-250-over-500-capped:1.059}
.pd .shelf img{display:block;width:auto;height:var(--shelf-h)}
.pd .shelf .s250 img{height:calc(var(--shelf-h) * var(--h-250-over-500-capped))}
.pd .shelf figcaption{display:grid;justify-items:center;gap:2px;padding-bottom:clamp(20px,2.4vw,32px)}
.pd .shelf figcaption b{font:700 clamp(1.3rem,1.8vw,1.7rem)/1.1 var(--sung);letter-spacing:.04em}
.pd .shelf figcaption span{font-size:14px;font-weight:700;letter-spacing:.08em}
.pd .shelf .tag{font-size:11px;font-weight:900;letter-spacing:.2em}



.pd .facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 calc(var(--gut) * -1);padding:0 var(--gut);border-top:1.5px solid var(--rule)}
.pd .facts > *{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;column-gap:16px;row-gap:clamp(12px,1.2vw,16px);padding:clamp(20px,2.2vw,32px) clamp(14px,1.8vw,28px) clamp(24px,2.6vw,38px);color:inherit}
.pd .facts > * + *{border-left:1.5px solid var(--rule)}
.pd .facts .ic{grid-row:1 / span 2;width:clamp(48px,4.4vw,68px);height:auto;overflow:visible;color:var(--c-paper);--f1:#3B2B35;--f2:#F5D28C;--f3:#C94F37;margin-top:4px}
.pd .facts dt{padding:0;border:0;font:700 clamp(1.7rem,2.3vw,2.4rem)/1.05 var(--sung);letter-spacing:.02em;white-space:nowrap}
.pd .facts dd{margin:0;padding:0;border:0;font-size:clamp(14px,1vw,15px);font-weight:500;line-height:1.75;letter-spacing:.04em}
.pd .facts .cond{display:table;margin:0 0 8px;white-space:normal;padding:0 .5em;border:1.5px dashed currentColor;border-radius:4px;font:700 11.5px/1.8 var(--hei);letter-spacing:.1em}
.pd .facts .cl{display:inline-block}
.pd .facts .lk{position:relative;transition:background-color 200ms ease}
.pd .facts dd a{color:inherit;text-decoration:none}
.pd .facts dd a .cl{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px;text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)}
.pd .facts .lk:hover{background:rgba(242,241,236,.07)}
.pd .facts .lk:hover dd a .cl{text-decoration-color:currentColor}
.pd .facts dd a::after{content:"";position:absolute;inset:0}
.pd .facts dd a:focus-visible{outline:none}
.pd .facts .lk:focus-within{outline:3px solid var(--focus);outline-offset:-3px}


.pd .more .inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,120px);align-items:start}
.pd .more .col{display:grid;gap:clamp(14px,1.4vw,22px);align-content:start}
.pd .label-sheet{position:relative;background:var(--c-cream);color:var(--c-ink);border:3px solid var(--c-ink);border-radius:6px;box-shadow:8px 8px 0 var(--c-ink);padding:clamp(18px,2.4vw,34px);max-width:560px}
.pd .label-sheet .lt{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 4px;padding-bottom:10px;border-bottom:5px double var(--c-ink)}
.pd .label-sheet .lt b{font:700 clamp(1.5rem,2.4vw,2.1rem)/1.1 var(--sung);letter-spacing:.14em;color:var(--c-rust)}
.pd .label-sheet .lt span{font-size:13px;font-weight:900;letter-spacing:.3em}
.pd .label-sheet .data{display:flex;justify-content:space-between;gap:12px;margin:14px 0 0;padding:14px 12px;border:1.5px dashed rgba(23,24,26,.5);border-radius:4px;font-size:13.5px;font-weight:700;letter-spacing:.06em}
.pd .label-sheet .data span:last-child{white-space:nowrap;color:var(--c-muted-ink);font-weight:900;letter-spacing:.16em;font-size:12px}
.pd .label-sheet .ph{position:absolute;right:12px;bottom:-40px;font-size:12px;font-weight:900;letter-spacing:.2em}
.pd .label-sheet .foot{margin:14px 0 0;font-size:13.5px;line-height:1.75;font-weight:700;letter-spacing:.04em}
.pd .spec{margin:0}
.pd .spec div{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1.5px solid rgba(23,24,26,.35);font:700 clamp(1rem,1.35vw,1.2rem)/1.5 var(--sung)}
.pd .spec dt{font:900 13px/2.1 var(--hei);letter-spacing:.16em;color:var(--c-rust-text)}
.pd .spec dd{margin:0}
.pd .items{margin:0;padding:0;list-style:none}
.pd .items li{display:grid;gap:10px;padding:clamp(22px,2.4vw,36px) 0;border-bottom:1.5px solid var(--rule)}
.pd .items li:first-child{padding-top:0}
.pd .items .k{font-size:13px;font-weight:900;letter-spacing:.24em;color:var(--c-ink)}
.pd .items .v{font:700 clamp(1.6rem,2.6vw,2.5rem)/1.3 var(--sung);letter-spacing:.03em;color:var(--c-rust);text-wrap:pretty}
.pd .items .cond{display:inline-block;margin-left:.8em;padding:0 .5em;border:1.5px dashed currentColor;border-radius:4px;font:700 11.5px/1.8 var(--hei);letter-spacing:.1em;color:var(--c-muted-ink);vertical-align:middle}
.pd .items .cl{display:inline-block}
.pd .items .d{font-size:clamp(15px,1.15vw,17px);line-height:1.8;color:var(--c-ink)}

@media (max-width:880px){
  .pd .lead .top,.pd .more .inner{grid-template-columns:1fr}
  .pd .lead .txt{padding-bottom:0}
  .pd .shelf{--shelf-h:min(40vh,340px)}
  .pd .facts{grid-template-columns:1fr}
  .pd .facts > *,.pd .facts > :first-child{padding:16px 0 18px;border-left:0}
  .pd .facts > * + *{border-top:1.5px solid var(--rule)}
  .pd .facts .ic{width:48px}
  .pd .facts dt{font-size:1.6rem}
  .pd .lead .btn.xl{width:100%}
}






.tr .nw{white-space:nowrap}
.tr .lede{max-width:32em;text-wrap:pretty}
.tr .slot{outline:1.5px dashed currentColor;outline-offset:2px;border-radius:3px;padding:0 .25em;white-space:nowrap}
.tr .cond{display:inline-block;margin-left:.8em;padding:0 .5em;border:1.5px dashed currentColor;border-radius:4px;font:700 12px/1.8 var(--hei);letter-spacing:.12em;vertical-align:middle;color:var(--c-muted-ink);white-space:normal}
.tr .rust .cond{color:inherit}

.tr:not(.has-lot) .lot{display:none!important}
.tr.has-lot li.lot, .tr.has-lot .data div.lot, .tr.has-lot .read.lot{display:grid}
.tr.has-lot p.lot{display:block}
.tr.has-lot .bfacts span.lot{display:inline}
.tr.has-lot .nolot{display:none}

.tr .lead{padding-top:calc(var(--hdr) + clamp(44px,5.4vw,96px));padding-bottom:var(--s-band-y)}
.tr .lead .inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(28px,5vw,96px);align-items:end}
.tr .lead .txt{display:grid;gap:clamp(12px,1.3vw,20px)}
.tr .lead h1{margin:0}
.tr .find{display:grid;gap:12px}
.tr .find label{font-size:13px;font-weight:900;letter-spacing:.24em}
.tr .find .row{display:flex;gap:12px;flex-wrap:wrap}
.tr .find input{flex:1;min-width:180px;min-height:60px;padding:0 18px;border:2.5px solid var(--c-ink);border-radius:14px;background:var(--c-paper);color:var(--c-ink);font:500 17px var(--hei);letter-spacing:.08em}
.tr .find input::placeholder{color:#6C675C}
.tr .find input:focus-visible{outline:3px solid var(--c-paper);outline-offset:3px}
@media (min-width:521px){.tr .find .btn{min-height:60px}}
.tr .find .err{margin:0;font-size:15px;font-weight:700;line-height:1.75}
.tr .find .err[hidden]{display:none}
.tr .find .where{display:grid;gap:4px;font-size:14px;line-height:1.75}
.tr .find .where p{margin:0;font-weight:900;letter-spacing:.14em}
.tr .find .where ul{margin:0;padding:0;list-style:none;display:grid;gap:2px}

.tr.s-500 .find .where .s250,.tr.s-250 .find .where .s500{display:none}
.tr .lotbar{display:none;align-items:baseline;gap:12px;flex-wrap:wrap;font-weight:900;letter-spacing:.14em}
.tr .has-lot .lotbar{display:flex}
.tr .lotbar b{font:700 clamp(2rem,3.4vw,3.2rem) var(--sung);letter-spacing:.06em}
.tr .lotbar > span{font-size:13px}
.tr .lotbar button{border:0;background:none;color:inherit;font:700 14px var(--hei);text-decoration:underline;text-underline-offset:5px;cursor:pointer;min-height:44px}


.tr .label{margin:0}
.tr .bfacts{display:flex;flex-wrap:wrap;gap:18px 0;margin:0 0 clamp(40px,5vw,80px);padding:0 0 clamp(22px,2.4vw,32px);border-bottom:1.5px solid var(--rule)}
.tr .bfacts div{display:grid;gap:6px;padding-right:clamp(22px,3vw,48px);margin-right:clamp(22px,3vw,48px);border-right:1.5px solid var(--rule)}
.tr .bfacts div:last-child{border-right:0}
.tr.has-lot .bfacts div.lot{display:grid}
.tr .bfacts dt{font-size:14px;font-weight:700;letter-spacing:.14em;color:var(--c-muted-ink)}
.tr .bfacts dd{margin:0;font:700 clamp(1.3rem,1.9vw,1.8rem)/1.3 var(--sung)}
.tr .bfacts .slot, .tr .chap .meta .slot{white-space:normal}
.tr .bfacts{max-width:100%}.bfacts div{min-width:0}
.tr .bfacts a{color:inherit;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}

.tr .chs{display:grid;gap:clamp(48px,6vw,96px)}
.tr .chap{display:grid;grid-template-columns:clamp(96px,11vw,150px) minmax(0,1fr);gap:clamp(20px,3vw,56px);align-items:start;max-width:980px}
.tr.has-lot .chap.lot{display:grid}
.tr .chap .art{width:100%;height:auto;overflow:visible;--f1:#3B2B35;--f2:#D9A441;--f3:#C9B894}
.tr .chap .txt{display:grid;gap:clamp(10px,1vw,14px);align-content:start}
.tr .sh{margin:0}
.tr .chap .meta{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:clamp(15px,1.15vw,17px);line-height:1.75}
.tr.has-lot .chap .meta.lot{display:flex}
.tr .chap .meta b{font-weight:700;color:var(--c-muted-ink);margin-right:.5em}

   chapter's text column — the row pushed the whole page 3px sideways. Shrink the fruit, not the layout. */

.tr .report .inner{display:grid;gap:clamp(16px,1.8vw,26px)}
.tr .rhead{display:grid;gap:10px}
.tr.has-lot .rhead.lot{display:grid}
.tr .report .h2{margin:0}
.tr .report .why{display:grid;gap:2px;max-width:40em}


.tr .report .inner{container-type:inline-size}
.tr .rbtn{display:flex;flex-wrap:wrap;gap:12px}
.tr.has-lot .rbtn .cta-s.lot{display:inline-flex}
.tr .endcta{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin-top:clamp(32px,4vw,64px)}
@media (max-width:880px){
  .tr .lead .inner{grid-template-columns:1fr}
  .tr .chap{grid-template-columns:72px minmax(0,1fr)}
  .tr .bfacts div{border-right:0;margin-right:0;padding-right:24px}
  .tr .find .btn{width:100%}
}





.tr .report .rtable{list-style:none;margin:34px 0 0;padding:0;max-width:980px}
.tr .report .rintro{display:grid;gap:6px;max-width:40em;margin:0 0 18px;font-size:var(--t-body-size);line-height:1.75;color:var(--c-ink)}
.tr .report .rintro p{margin:0}


.tr .report .row.rcols{border-bottom:2px solid var(--c-ink);padding-bottom:9px;padding-top:0;
  font:900 12px/1.7 var(--hei);letter-spacing:.16em;color:var(--c-rust-text)}
.tr .report .row.rcols span{font:inherit;color:inherit}
.tr .report .rgroup{margin:26px 0 0;padding:0 0 8px;border-bottom:1px solid var(--c-ink);
  font:900 12px/1.7 var(--hei);letter-spacing:.16em;color:var(--c-rust-text)}
.tr .report .rband{margin:34px 0 0;max-width:880px}
.tr .report .rband>h3{margin:0;font:900 12px/1.7 var(--hei);letter-spacing:.16em;color:var(--c-rust-text);padding-bottom:8px;border-bottom:2px solid var(--c-ink)}
.tr .report .rband>ul{list-style:none;margin:0;padding:0}

.tr .report .row{border-bottom:1px solid var(--rule);padding:13px 0;display:grid;gap:3px 40px;
  grid-template-columns:1fr;font-size:var(--t-body-size);line-height:1.6;color:var(--c-ink);text-align:left;
  align-items:start}

.tr .report .row > *{text-align:left;align-self:start}
.tr .report .row .nm{font-weight:700}
.tr .report .row .gl,.tr .report .row .lim{color:var(--c-muted-ink)}
.tr .report .row .nv{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}

.tr .report .row .num,.tr .report .row .num.long,.tr .report .row .num.rbig,.tr .report .row .slot{
  font-family:var(--sung);font-weight:700;font-variant-numeric:tabular-nums;font-size:var(--t-body-size);
  line-height:1.6;color:var(--c-ink);letter-spacing:0}

.tr .report .row.heavy .num{color:var(--c-rust-text);font-size:var(--t-subhead-size)}
.tr .report .row .u{font-family:inherit;font-weight:400;font-size:var(--t-body-size);line-height:1.6}

.tr .report .row .ok{font-size:var(--t-body-size);font-weight:400;letter-spacing:0;color:var(--c-rust-text);white-space:nowrap}
.tr .report .row .j{font-size:var(--t-body-size);color:var(--c-rust-text)}
.tr .report .row .lw{display:block}
.tr .report .row .lim{text-wrap:pretty}

.tr .report .row.sub{padding:11px 0 11px 16px;border-left:2px solid var(--rule)}
.tr .report .row.sub .nm{font-weight:400}
.tr .report .row.head{border-bottom:0;padding-bottom:3px}

.tr .report .row.rlead-row{padding:16px 0}

.tr .report .rsep{height:0;margin:30px 0 0;border-top:1px solid var(--c-ink)}

.tr .report .rind{margin:9px 0 0;font-size:12px;line-height:1.7;letter-spacing:.01em;
  color:var(--c-muted-ink);max-width:46em}
.tr .report .rnote{font-size:13px;line-height:1.65;color:var(--c-muted-ink);border-left:2px solid var(--c-rust);padding-left:10px;margin:6px 0 0;max-width:46em}
@container (min-width:700px){
  
  
  
  
  .tr .report .row,.tr .report .row.rcols{grid-template-columns:188px 180px minmax(0,1fr) minmax(0,1.08fr);
    column-gap:40px;align-items:start}
  .tr .report .row.sub{grid-template-columns:172px 180px minmax(0,1fr) minmax(0,1.08fr)}
  .tr .report .row .gl{margin-top:0;max-width:34em}
}
@container (max-width:699px){
  .tr .report .row{grid-template-areas:"n" "v" "l" "g"}
  .tr .report .row .nm{grid-area:n}
  .tr .report .row .nv{grid-area:v}
  .tr .report .row .lw{grid-area:l}
  .tr .report .row .gl{grid-area:g;margin-top:4px}
  
  .tr .report .row.rcols{display:none}
  .tr .report .row .nv::before,.tr .report .row .lw::before,.tr .report .row .gl::before{
    content:attr(data-col);display:block;font:900 10.5px/1.7 var(--hei);letter-spacing:.16em;
    color:var(--c-rust-text);margin-bottom:1px}
  .tr .report .row .nv::before{flex-basis:100%}   
  .tr .report .row .nv:empty,.tr .report .row .lw:empty,.tr .report .row .gl:empty{display:none}
  .tr .report .row.pair .nv::before{display:none}
  
  .tr .report .row.pair{grid-template-columns:auto 1fr;grid-template-areas:"n v" "l l" "g g";column-gap:14px;align-items:baseline}
  .tr .report .row.pair .nv{justify-content:flex-start}
}



.tr .report .intro{display:grid;gap:4px;max-width:38em}

.tr .report tbody tr.rnote{display:block;padding:0 0 12px;border-bottom:1px solid var(--rule);margin-top:-6px}
.tr .report tbody tr.rnote td{font-size:12.5px;line-height:1.7;color:var(--c-muted-ink);padding-left:0}
.tr .report .rsrc{display:grid;gap:3px;margin-top:clamp(12px,1.4vw,20px);max-width:46em}
.tr .report .rsrc p{margin:0}
.tr .report .rsrc .bat{font-size:14px;line-height:1.75;color:var(--c-ink)}
.tr .report .rsrc .bat + .inst{margin-top:7px}

.tr .report .nacc{font-size:.72em;line-height:1;margin-left:.15em;color:var(--c-rust-text)}
.tr .report .rsrc .inst.nacc{margin-top:2px}
.tr .report .rsrc .inst{font-size:12px;line-height:1.7;letter-spacing:.01em;color:var(--c-muted-ink)}


@container (min-width:860px){
  .tr .report tbody{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(32px,4vw,56px)}
  .tr .report .what{font-size:1.42rem}
}


.tr .lede + .lede{margin-top:0}


.tr .cta-s .arr{width:40px}


.tr .bfacts a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}



.ct .nw{white-space:nowrap}
.ct .slot{outline:1.5px dashed currentColor;outline-offset:2px;border-radius:3px;padding:0 .2em;white-space:nowrap}
.ct .lead{min-height:calc(100svh - 60px);display:grid;align-content:center;padding-top:calc(var(--hdr) + clamp(40px,5vw,80px));padding-bottom:clamp(64px,8vw,120px)}
.ct .lead .inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px clamp(40px,7vw,128px);align-items:center;width:100%}
.ct .lead .sign{display:grid;gap:clamp(10px,1.2vw,18px)}
.ct .lead h1{margin:0}
.ct .routes{display:grid}
.ct .route{display:grid;gap:clamp(10px,1vw,14px);justify-items:start;padding:clamp(24px,2.6vw,36px) 0;border-top:1.5px solid var(--rule)}
.ct .route:last-child{border-bottom:1.5px solid var(--rule)}
.ct .route .label{font-size:14px}
.ct .route .body{margin:0;font-size:clamp(16px,1.35vw,20px);line-height:1.8;max-width:26em;text-wrap:pretty}
.ct .route .body .tl{color:inherit}
.ct .line-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
.ct .qr{display:flex;align-items:center;gap:16px;margin:0}
.ct .qr .code{display:grid;place-items:center;width:132px;aspect-ratio:1;border-radius:8px;background:var(--c-paper);outline:2px dashed var(--c-ink);outline-offset:-9px;font:900 11px var(--hei);letter-spacing:.2em}
.ct .qr figcaption{font-size:14px;line-height:1.75;max-width:11em;color:rgba(242,241,236,.9)}
.ct .cta-s{position:relative;display:inline-flex;align-items:center;gap:.6em;min-height:56px;padding:0 1.2em 0 1.4em;border:2.5px solid currentColor;border-radius:14px;background:none;color:var(--acc);font:900 clamp(15px,1.1vw,18px) var(--hei);letter-spacing:.12em;text-decoration:none;cursor:pointer;transition:background-color 200ms ease}
.ct .cta-s .arr{width:26px;height:16px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:transform 240ms var(--ease)}
.ct .cta-s:hover{background:rgba(245,210,140,.18)}.ct .cta-s:hover .arr{transform:translateX(6px)}
.ct .cta-s:focus-visible{outline:3px solid var(--focus);outline-offset:5px}
@media (max-width:880px){
  .ct .lead{min-height:0;align-content:start}
  .ct .lead .inner{grid-template-columns:1fr;gap:28px}
  .ct .qr{display:none}
  .ct .line-row{justify-self:stretch}
  .ct .route .btn, .ct .route .cta-s{width:100%;justify-content:center}
}


.ct .cta-s.is-off{opacity:.65;cursor:default}



.lgp .slot{outline:1.5px dashed currentColor;outline-offset:2px;border-radius:3px;padding:0 .2em}

.lgp .clause .slot{white-space:normal}
.lgp .upd .slot{white-space:nowrap}
.lgp .lead{padding-top:calc(var(--hdr) + clamp(36px,4.4vw,72px));padding-bottom:clamp(40px,5vw,72px)}
.lgp .lead .inner{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(12px,1.4vw,20px);justify-items:start}
.lgp .lead h1{margin:0}
.lgp .upd{margin:0;font-size:clamp(13px,1vw,15px);font-weight:700;letter-spacing:.1em;color:rgba(242,241,236,.88)}
.lgp .docs{display:flex;margin-top:clamp(6px,.8vw,12px);border:2.5px solid currentColor;border-radius:14px;overflow:hidden;max-width:100%}
.lgp .docs a{display:flex;align-items:center;min-height:48px;padding:0 18px;font:900 clamp(14px,1vw,16px) var(--hei);letter-spacing:.1em;text-decoration:none;color:inherit}
.lgp .docs a + a{border-left:2.5px solid currentColor}
.lgp .docs a[aria-current="page"]{background:var(--c-paper);color:var(--c-rust)}
.lgp .docs a:not([aria-current="page"]):hover{background:rgba(245,210,140,.22)}
.lgp .lg .inner{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,3vw,56px)}
@media (min-width:881px){.lgp .lg .inner{grid-template-columns:minmax(0,17em) minmax(0,1fr);column-gap:clamp(36px,5vw,96px);align-items:start}}
.lgp .toc{align-self:start}
@media (min-width:881px){.lgp .toc{position:sticky;top:calc(var(--hdr) + 20px)}.lgp .toc summary{display:none}.lgp .toc[open] .list, .lgp .toc .list{display:grid}}
.lgp .toc .ttl{font-size:12px;font-weight:900;letter-spacing:.24em;color:var(--acc);margin:0 0 6px}
.lgp .toc .list{display:grid;font-size:15px;line-height:1.75}
.lgp .toc a{display:grid;grid-template-columns:4.4em minmax(0,1fr);gap:.6em;padding:10px 0;border-top:1.5px solid var(--rule);text-decoration:none}
.lgp .toc a b{font-weight:900;color:var(--acc)}
.lgp .toc a:hover span{text-decoration:underline;text-underline-offset:4px}
.lgp .toc a[aria-current="true"]{font-weight:900}
.lgp .toc summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 16px;border:2.5px solid var(--c-ink);border-radius:14px;font:900 15px var(--hei);letter-spacing:.12em;cursor:pointer;list-style:none}
.lgp .toc summary::-webkit-details-marker{display:none}

.lgp .toc summary .mk{width:16px;height:10px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform 200ms var(--cubic)}
.lgp .toc[open] summary .mk{transform:rotate(180deg)}
.lgp .arts{display:grid;grid-template-columns:minmax(0,1fr);max-width:42em}
.lgp .clause{padding:clamp(22px,2.6vw,38px) 0;border-top:1.5px solid var(--rule);scroll-margin-top:calc(var(--hdr) + 20px)}
.lgp .clause:first-child{border-top:0;padding-top:0}
.lgp .cl-h{display:flex;gap:.7em;align-items:baseline;flex-wrap:wrap;font-family:var(--sung);font-weight:700;font-size:clamp(1.35rem,2.1vw,1.9rem);line-height:1.4;color:var(--c-rust);margin:0 0 10px}
.lgp .cl-h b{font-family:var(--hei);font-size:13px;font-weight:900;letter-spacing:.16em;color:var(--c-rust-text);white-space:nowrap}
.lgp .clause p{margin:0 0 10px;font-size:clamp(15.5px,1.15vw,17px);line-height:1.8;text-wrap:pretty}
.lgp .tbd{display:grid;gap:9px;padding:14px 0}
.lgp .tbd i{display:block;height:9px;border-radius:5px;background:currentColor;opacity:.13}
.lgp .tbd .note{font:900 11.5px var(--hei);letter-spacing:.2em;color:var(--c-muted-ink);opacity:1;background:none;height:auto}
.lgp .ask-h{margin:0;font-family:var(--sung);font-weight:700;font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.4;color:var(--c-rust)}
.lgp .ask{margin-top:clamp(28px,3vw,48px);padding-top:clamp(20px,2.2vw,32px);border-top:4px solid var(--c-ink);display:grid;gap:14px;justify-items:start}
@media print{.site-header,.lgp .toc,.lgp .ask,.site-footer nav,.lgp .docs{display:none!important}.lgp .band{padding:0!important;background:#fff!important;color:#000!important}.lgp .lead{padding-top:0}.lgp .clause{break-inside:avoid}}
@media (min-width:881px){.lgp .toc summary{display:none}}
@media (max-width:520px){.lgp .docs{width:100%}.lgp .docs a{flex:1;justify-content:center;padding:0 10px}}


.lgp .ask .cta-s{min-height:56px;border-width:2.5px}


.lgp .docs a:focus-visible,.lgp .toc a:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}




.og .lead{padding-top:calc(var(--hdr) + clamp(40px,5vw,80px));padding-bottom:clamp(28px,3vw,48px)}
.og .oldgrove{padding-top:clamp(30px,3.4vw,52px)}
.og .sec .inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,72px) clamp(32px,5vw,96px);align-items:center}
.og .sec.flip .inner > .pic{order:-1}
.og .sec .txt{display:grid;gap:clamp(14px,1.4vw,22px);align-content:start}
.og .sec .lede{max-width:30em;text-wrap:pretty}
.og .meta{font-size:13px;font-weight:700;letter-spacing:.12em}
@media (max-width:880px){.og .sec .inner{grid-template-columns:1fr}.og .sec.flip .inner > .pic{order:0}}

.og .pic{margin:0;position:relative;width:100%}

.og .sec .pic{justify-self:center;max-width:calc(440px * var(--w,1))}
.og .pair .pic{max-width:380px;justify-self:center}
.og .sec .pic[style*="4/5"]{--w:.78}
.og .pic .fr{position:relative;aspect-ratio:var(--ar,4/3);display:grid;place-items:center;overflow:hidden;border-radius:4px;background:color-mix(in srgb,currentColor 9%,transparent) repeating-linear-gradient(45deg,color-mix(in srgb,currentColor 7%,transparent) 0 14px,transparent 14px 28px);outline:1.5px dashed color-mix(in srgb,currentColor 45%,transparent);outline-offset:-10px}
.og .pic .fr svg{width:min(46%,220px);height:auto;overflow:visible;color:currentColor;--f1:#3B2B35;--f2:#D9A441;--f3:#C9B894}
.og .rust .pic .fr svg, .og .slate .pic .fr svg{--f2:#F5D28C;--f3:#C94F37}
.og .pic .fr.shot{background:none;outline:0;border-radius:4px}
.og .pic .fr.shot img{width:100%;height:100%;object-fit:cover;display:block}
.og .pic .ph-mark{position:absolute;right:16px;bottom:14px;font-size:12px;font-weight:900;letter-spacing:.24em}
.og .pic figcaption{margin-top:10px;font-size:13px;line-height:1.6}
.og .pic figcaption b{font-weight:900;letter-spacing:.12em;margin-right:.5em}

.og .vt{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(24px,3vw,48px);border-top:1.5px solid var(--c-ink);margin-top:clamp(8px,1vw,16px)}
.og .vt .v{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;padding:clamp(14px,1.4vw,20px) 0;border-bottom:1.5px solid var(--rule)}
.og .vt .v svg{grid-row:1 / span 3;width:48px;height:48px;margin-top:2px;overflow:visible}
.og .vt .nm{font-weight:900;letter-spacing:.08em}
.og .vt .fl{line-height:1.75}
.og .vt .why{font-size:14px;color:var(--c-muted-ink);line-height:1.6}
@media (max-width:560px){.og .vt{grid-template-columns:1fr}}
.og .varieties .inner{align-items:start}

.og .year .inner{display:block}
.og .year .head{display:grid;gap:12px;margin-bottom:clamp(20px,2.4vw,36px)}


@media (max-width:760px){
  .og .sec .txt > .label{margin-bottom:10px}
  .og .sec .txt > h2{margin-top:0;margin-bottom:14px}
  .og .sec .txt > .lede:first-of-type{margin-top:6px}
}
.og .steps{--cx:5.5px;--dot:11px;--now:17px;margin:0;padding:0;list-style:none;border-top:0}
.og .step{position:relative;display:grid;grid-template-columns:minmax(9em,.34fr) clamp(72px,8vw,112px) minmax(0,1fr);gap:8px clamp(18px,2.6vw,40px);align-items:center;padding:clamp(19px,2.2vw,30px) 0 clamp(19px,2.2vw,30px) 38px;border-bottom:0;
  background-image:linear-gradient(rgba(176,64,42,.45),rgba(176,64,42,.45)),linear-gradient(rgba(176,64,42,.45),rgba(176,64,42,.45));
  background-repeat:no-repeat;background-size:2px 50%,2px 50%;
  background-position:calc(var(--cx) - 1px) top,calc(var(--cx) - 1px) bottom}
.og .step:first-child{background-size:0 0,2px 50%}   
.og .step:last-child{background-size:2px 50%,0 0}
.og .step::after{content:"";position:absolute;left:calc(var(--cx) - var(--dot) / 2);top:50%;transform:translateY(-50%);width:var(--dot);height:var(--dot);border-radius:50%;background:var(--bandbg,var(--c-paper));border:2px solid rgba(176,64,42,.5);box-shadow:0 0 0 5px var(--bandbg,var(--c-paper))}
.og .step[aria-current="step"]::after{left:calc(var(--cx) - var(--now) / 2);width:var(--now);height:var(--now);background:var(--c-rust);border:0}
.og .step .when{display:grid;gap:2px}
.og .step .t{font-size:13px;font-weight:900;letter-spacing:.2em;color:var(--c-rust-text)}
.og .step .a{font-family:var(--sung);font-weight:700;font-size:clamp(1.6rem,2.6vw,2.4rem);letter-spacing:.06em;line-height:1.2;color:var(--c-rust)}
.og .step > svg{width:100%;height:auto;overflow:visible;--f1:#3B2B35;--f2:#D9A441;--f3:#C9B894}
.og .step .d{font-size:clamp(15px,1.2vw,18px);line-height:1.8;max-width:30em}
.og .mill{display:grid;gap:8px;margin-top:clamp(10px,1.4vw,20px);padding-top:clamp(14px,1.6vw,22px);border-top:1.5px dashed var(--rule)}
.og .mill-h{font-size:clamp(1.3rem,2vw,1.8rem)}
.og .rust .cond{color:inherit}
.og .hero-pic{display:grid;gap:10px;justify-self:center;width:100%;max-width:560px}.sec .hero-pic .pic{max-width:none}
.og .visit{font-family:var(--sung);font-weight:700;font-size:14px;letter-spacing:.2em;line-height:1.75;text-align:right}
.og .pair .inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,96px);align-items:start}
.og .pair .col{display:grid;gap:clamp(14px,1.4vw,22px);align-content:start}
.og .pair .col .lede{max-width:28em}
.og .pair .inner{column-gap:0}.pair .col:first-child{padding-right:clamp(40px,5vw,96px)}
.og .pair .col + .col{border-left:1.5px solid var(--rule);padding-left:clamp(40px,5vw,96px)}
.og .pair .pic{margin-top:clamp(6px,1vw,14px)}
@media (max-width:880px){.og .pair .inner{grid-template-columns:1fr}.og .pair .col:first-child{padding-right:0}.og .pair .col + .col{border-left:0;padding-left:0;border-top:1.5px solid var(--rule);padding-top:clamp(40px,8vw,64px)}}
.og .oldgrove .lede.is-gated{opacity:1}
.og .oldgrove .cond{margin-left:.6em;vertical-align:middle;white-space:nowrap}
.og .art-fig .fr{--ar:4/5;background:#E7DFCC repeating-linear-gradient(0deg,rgba(23,24,26,.05) 0 2px,transparent 2px 6px);outline:1.5px solid rgba(23,24,26,.35);outline-offset:-12px}
.og .art-fig .fr svg{width:min(90%,420px);color:#3A2F28;--f1:#7A4E62;--f2:#C9934F;--f3:#B7A27E}
.og .cond{margin-left:.8em;padding:0 .5em;border:1.5px dashed currentColor;border-radius:4px;font-size:12px;letter-spacing:.14em;color:var(--c-muted-ink)}

@media (max-width:760px){.og .steps{--cx:5px}.og .step{grid-template-columns:minmax(0,1fr) 76px;padding-left:30px}.og .step > svg{grid-row:1 / span 2;grid-column:2}.og .step .d{grid-column:1 / -1}}
.og .tbd{outline:1.5px dashed currentColor;outline-offset:3px;border-radius:3px}
.og .tbd-note{margin-left:.6em;font-family:var(--hei);font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--c-muted-ink);vertical-align:middle}
.og .slot{opacity:.55;letter-spacing:.1em}



.kn .head{padding-top:calc(var(--hdr) + clamp(40px,5vw,80px));padding-bottom:clamp(36px,4.4vw,64px)}
.kn .crumb{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;font-size:14px;font-weight:700;letter-spacing:.1em}
.kn .crumb a{display:inline-flex;align-items:center;min-height:44px}
.kn .crumb i{font-style:normal;opacity:.6;pointer-events:none}
.kn .crumb a{position:relative}
.kn .crumb a::after{content:"";position:absolute;inset:0 -14px}
.kn .head h1{margin-top:clamp(10px,1.4vw,20px);max-width:17em}
.kn .answer{padding-block:clamp(32px,4vw,64px)}
.kn .answer .ans{margin-top:10px;font-family:var(--sung);font-weight:700;font-size:clamp(1.3rem,2vw,1.9rem);line-height:1.75;letter-spacing:.03em;max-width:26em;color:var(--c-ink)}
.kn .read .inner{display:grid;gap:clamp(56px,6vw,96px)}
.kn .body{display:grid;gap:1em;max-width:34em}
.kn .body p{margin:0;font-size:clamp(16px,1.25vw,19px);line-height:1.8}
.kn .meta{margin-top:0;font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--c-muted-ink)}
.kn .rel h2{margin-bottom:clamp(12px,1.4vw,20px)}
.kn .rows{border-top:1.5px solid var(--c-ink)}
.kn .rows li{border-bottom:1.5px solid var(--rule)}
.kn .q{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px clamp(16px,2vw,32px);min-height:72px;padding:clamp(18px,2vw,30px) 0;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}
.kn .q::before{content:"";position:absolute;inset:0 calc(-1 * clamp(10px,1.2vw,18px));z-index:-1;background:var(--c-cream);transform:scaleX(0);transform-origin:left;transition:transform 320ms var(--ease)}
.kn .q:hover::before{transform:scaleX(1)}
.kn .q .short{font-family:var(--sung);font-weight:700;font-size:clamp(1.5rem,2.4vw,2.3rem);line-height:1.3;letter-spacing:.05em}
.kn .q .full{grid-column:1;color:var(--c-muted-ink);line-height:1.75}
.kn .q .arr{grid-column:2;grid-row:1 / span 2;width:40px;height:18px;color:var(--c-rust-text);transition:transform 240ms var(--ease)}
.kn .q:hover .arr{transform:translateX(6px)}
.kn .q:focus-visible{outline:3px solid var(--c-ink);outline-offset:4px}

.kn .tbd{outline:1.5px dashed currentColor;outline-offset:4px;border-radius:3px}
.kn .tbd-note{margin-left:.8em;font-family:var(--hei);font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--c-muted-ink);vertical-align:middle}

.kn .basis{margin-top:clamp(28px,3vw,44px);max-width:34em;border-top:1.5px solid var(--rule);padding-top:clamp(14px,1.6vw,22px)}
.kn .basis h2{margin:0 0 8px}
.kn .basis .src{margin:0 0 10px;font-size:clamp(15px,1.15vw,17px);line-height:1.8;color:var(--c-muted-ink)}

.kn .alsoask{margin-top:clamp(28px,3vw,44px);max-width:34em;border-top:1.5px solid var(--rule);padding-top:clamp(14px,1.6vw,22px)}
.kn .alsoask .intro,.kn .alsoask .alt{margin:0;font-size:clamp(15px,1.15vw,17px);line-height:1.8;color:var(--c-muted-ink)}
.kn .alsoask .intro{margin-bottom:4px}
.kn .basis .meta{margin:4px 0 0}


.kn .rfig{margin:clamp(26px,3vw,40px) 0;display:grid;justify-items:start;gap:clamp(12px,1.4vw,18px)}
.kn .rfig .fig{width:100%;height:auto;display:block;overflow:visible}
.kn .rfig .fig.narrow{display:none}
@media (max-width:640px){
  .kn .rfig .fig.wide{display:none}
  .kn .rfig .fig.narrow{display:block}
}

.kn .rfig .sheet{fill:var(--c-paper);stroke:var(--c-ink);stroke-width:2;stroke-linejoin:round}
.kn .rfig .cell{fill:none;stroke:var(--c-ink);stroke-width:1.4;opacity:.75}
.kn .rfig .rule{stroke:var(--c-ink);stroke-width:1.2;opacity:.5;fill:none}

.kn .rfig .blank{stroke:var(--c-muted-ink);stroke-width:1.4;opacity:.45;fill:none;
  stroke-dasharray:2 5;stroke-linecap:round}
.kn .rfig .lab{font-family:var(--hei);font-weight:700;font-size:13px;fill:var(--c-muted-ink);letter-spacing:.06em}
.kn .rfig .note{font-family:var(--sung);font-weight:700;font-size:18.72px;fill:var(--c-ink)}


.kn .rfig .hilite{fill:rgba(176,64,42,.14);stroke:var(--c-rust);stroke-width:2}
.kn .rfig .lead{fill:none;stroke:var(--c-rust);stroke-width:2}
.kn .rfig .dot,.kn .rfig .bdg{fill:var(--c-rust)}
.kn .rfig .bnum{font-family:var(--hei);font-weight:900;font-size:13px;fill:var(--c-paper)}

.kn .rfig .tag{fill:var(--c-rust-text)}




.ab .lede{max-width:30em}
.ab .h3{font-family:var(--sung);font-weight:700;letter-spacing:.04em}
.ab .cream .h3, .ab .paper .h3{color:var(--c-rust)}
.ab .cond{display:inline-block;margin-left:.8em;padding:0 .5em;border:1.5px dashed currentColor;border-radius:4px;font:700 12px/1.8 var(--hei);letter-spacing:.14em;vertical-align:middle;color:var(--c-muted-ink);white-space:nowrap}
.ab .rust .cond, .ab .slate .cond{color:inherit}

.ab .nw{white-space:nowrap}
@media (max-width:359px){.ab .nw{white-space:normal}}
.ab .lede, .ab .lines p{text-wrap:pretty}
.ab .story .head{display:grid;gap:14px;justify-items:start}
.ab .gate{margin:0;white-space:normal;line-height:1.75;max-width:100%}
.ab .rust .cut{text-decoration-color:var(--gold-lt);background:rgba(245,210,140,.2)}
.ab .tbd{outline:1.5px dashed currentColor;outline-offset:3px;border-radius:3px}
.ab .tbd-note{margin-left:.6em;font:900 12px var(--hei);letter-spacing:.16em;color:var(--c-muted-ink);vertical-align:middle}
.ab .cut{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--c-rust);background:rgba(176,64,42,.12)}
.ab .slate .cut{text-decoration-color:var(--gold-lt);background:rgba(245,210,140,.18)}

.ab .lead{--ground:#AA412B;background:var(--ground);display:grid;gap:clamp(24px,3.4vw,56px);padding:calc(var(--hdr) + clamp(20px,3vw,48px)) 0 0}
.ab .lead .inner{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(10px,1.2vw,18px);justify-items:center;align-items:start;text-align:center;padding-inline:var(--gut)}
.ab .lead .label{color:var(--c-cream)}

.ab .lead h1{display:grid;justify-items:center;gap:clamp(6px,.8vw,14px);color:var(--c-cream)}
.ab .lead h1 br{display:none}
.ab .lead h1 .nw:first-child{font-size:var(--t-subhead-size);line-height:var(--t-subhead-lh);letter-spacing:.3em;margin-right:-.3em;opacity:.85}

.ab .lead h1 .nw:last-child{white-space:normal;font-size:var(--t-display-vertical-size);line-height:var(--t-display-vertical-lh);letter-spacing:.06em;margin-right:-.06em}

.ab .story .said{display:grid;gap:clamp(6px,.8vw,12px);justify-items:center;text-align:center;
  margin:0 0 clamp(30px,3.6vw,56px)}
.ab .story .said .lede{max-width:26em}
.ab .story .said .lede:first-of-type{font-weight:900;letter-spacing:.12em}

.ab .lead .hold{margin:0}
.ab .lead .hold img{margin-inline:auto}

@media (max-width:760px){.ab .lead .hold img{width:100%;height:auto}}

.ab .story .head{margin-bottom:clamp(36px,4.4vw,72px)}

.ab .trip{--icon:clamp(96px,9vw,132px);display:grid;grid-template-columns:minmax(0,1fr) clamp(48px,5vw,80px) minmax(0,1fr) clamp(48px,5vw,80px) minmax(0,1fr);align-items:start}
.ab .stop{display:grid;gap:12px;align-content:start}
.ab .stop > svg{width:var(--icon);height:auto;overflow:visible;color:var(--c-ink);--f1:#3B2B35;--f2:#D9A441;--f3:#C9B894}
.ab .stop .h4{font-family:var(--sung);font-weight:700;color:var(--c-rust)}
.ab .stop .lede{max-width:22em}
.ab .trip > .to{align-self:start;justify-self:center;width:0;height:clamp(40px,4vw,64px);border-left:2px dashed var(--c-rust);margin-top:clamp(28px,3vw,44px)}
@media (min-width:881px){.ab .trip > .to{width:100%;height:0;border-left:0;border-top:2px dashed var(--c-rust);margin-top:calc(var(--icon) * 11 / 24)}}
.ab .why{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px clamp(32px,5vw,96px);align-items:end;margin-top:clamp(48px,5.6vw,88px);padding-top:clamp(28px,3vw,44px);border-top:1.5px solid var(--c-ink)}
.ab .why .txt{display:grid;gap:10px}

.ab .pick .inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,96px);align-items:end}
.ab .pick .txt{display:grid;gap:clamp(12px,1.2vw,18px)}

.ab .end-band .inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,96px);align-items:end}
.ab .lines{display:grid;gap:4px;margin-top:clamp(12px,1.4vw,20px)}
.ab .lines p{font-family:var(--sung);font-weight:700;font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.6;letter-spacing:.06em}
.ab .end-band .close{display:grid;gap:clamp(20px,2.4vw,36px);justify-items:start}
.ab .sig{display:flex;align-items:center;gap:12px;font-size:14px;margin:0}
.ab .sig svg{width:96px;height:66px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;filter:url(#rough)}
@media (max-width:880px){.ab .trip{grid-template-columns:1fr}.ab .trip{--icon:84px}.ab .trip > .to{justify-self:start;margin:2px 0 10px calc(var(--icon)/2 - 1px)}.ab .stop{grid-template-columns:auto minmax(0,1fr);column-gap:18px}.ab .stop > svg{grid-row:1 / span 3}.ab .why, .ab .pick .inner, .ab .end-band .inner{grid-template-columns:1fr;align-items:start}.ab .end-band .btn.xl{width:100%}
}


.ab .lead h1{margin:0}
.ab .lede + .lede{margin-top:0}  



.rc .nw{white-space:nowrap}

.rc .lede{line-height:1.8;max-width:30em;text-wrap:pretty}
.rc .lead{padding-top:calc(var(--hdr) + clamp(48px,6vw,104px));padding-bottom:clamp(56px,7vw,112px)}
.rc .lead .inner{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(14px,1.4vw,22px)}

.rc .vs{display:flex;flex-wrap:wrap;gap:clamp(10px,1.2vw,16px);margin-top:clamp(14px,2vw,28px);padding:0;list-style:none}
.rc .v{display:grid;place-items:center;width:clamp(56px,6.4vw,84px);aspect-ratio:1;border:2.5px solid currentColor;border-radius:14px;background:none;color:inherit;font:700 clamp(1.6rem,3vw,2.6rem)/1 var(--sung);text-decoration:none;cursor:pointer;transition:transform 160ms var(--cubic),box-shadow 160ms var(--cubic),background-color 200ms ease}

@media (hover:hover){.rc .v:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 currentColor}}
.rc .v:active{background:rgba(176,64,42,.22)}
.rc .v:focus-visible{outline:3px solid var(--focus);outline-offset:4px;transform:translate(-2px,-2px);box-shadow:3px 3px 0 currentColor}
@media (prefers-reduced-motion:reduce){.rc .v{transition:none}}

.rc .rust .v[aria-current="true"]{background:var(--c-paper);color:var(--c-rust);border-color:var(--c-ink);transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--c-ink)}
.rc .recipe .v{border-color:var(--c-ink);color:var(--c-ink)}

.rc .recipe .v[aria-selected="true"]{background:var(--c-rust);color:var(--c-paper);transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--c-ink)}


.rc .recipe .tabs{display:none;margin-bottom:clamp(28px,3.4vw,52px)}
.js .rc .recipe .tabs{display:flex}
.rc .panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(28px,5vw,96px);align-items:start;scroll-margin-top:calc(var(--hdr) + 24px)}
.rc .panel + .panel{margin-top:clamp(56px,7vw,112px)}
.js .rc .panel + .panel{margin-top:0}
.rc .panel[hidden]{display:none}
.rc .panel .txt{display:grid;gap:clamp(12px,1.2vw,18px);align-content:start}
.rc .ing b{margin-right:.6em}
.rc .ing ul{display:inline;margin:0;padding:0;list-style:none}
.rc .ing li{display:inline}
.rc .ing li+li::before{content:"、"}

.rc .dish{margin:0;font-family:var(--sung);font-weight:700;color:var(--c-rust-text)}
.rc .sib{margin-top:clamp(6px,.8vw,12px);padding-top:clamp(12px,1.2vw,18px);border-top:1.5px dashed var(--rule)}
.rc .sib .label{margin:0 0 6px}
.rc .sib ul{display:flex;flex-wrap:wrap;gap:4px 20px;margin:0;padding:0;list-style:none}
.rc .sib a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}

.rc .big-v{font-family:var(--t-poster-family);font-weight:var(--t-poster-weight);
  font-size:var(--t-poster-size);line-height:var(--t-poster-lh);letter-spacing:var(--t-poster-ls);
  color:var(--c-rust)}
.rc .ing{padding:14px 0;border-top:1.5px solid var(--c-ink);border-bottom:1.5px solid var(--rule);font-size:clamp(15px,1.2vw,18px);line-height:1.8}
.rc .bs{margin:0;padding:0;list-style:none;counter-reset:s}
.rc .bs li{display:grid;grid-template-columns:clamp(48px,5vw,72px) minmax(0,1fr);gap:14px;padding:clamp(14px,1.4vw,20px) 0;border-bottom:1.5px solid var(--rule);font-size:clamp(16px,1.3vw,20px);line-height:1.8}
.rc .bs li::before{counter-increment:s;content:"0" counter(s);font-family:var(--sung);font-weight:700;font-size:clamp(1.8rem,2.8vw,2.6rem);line-height:1.1;color:var(--c-rust)}
.rc .pic{margin:0;position:relative;width:100%;max-width:520px}
.rc .pic .fr{position:relative;aspect-ratio:var(--ar,4/5);display:grid;place-items:center;overflow:hidden;border-radius:4px;background:color-mix(in srgb,currentColor 9%,transparent) repeating-linear-gradient(45deg,color-mix(in srgb,currentColor 7%,transparent) 0 14px,transparent 14px 28px);outline:1.5px dashed color-mix(in srgb,currentColor 45%,transparent);outline-offset:-10px}
.rc .pic .fr svg{width:min(52%,240px);height:auto;overflow:visible;color:currentColor;--f1:#3B2B35;--f2:#D9A441;--f3:#C9B894}
.rc .pic .ph-mark{position:absolute;right:16px;bottom:14px;font-size:12px;font-weight:900;letter-spacing:.24em}
.rc .pic figcaption{margin-top:10px;font-size:13px;line-height:1.6}
.rc .pic figcaption b{font-weight:900;letter-spacing:.12em;margin-right:.5em}

.rc .more .inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,96px)}
.rc .more .grp{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-content:start}  
.rc .acc{border-top:1.5px solid var(--rule)}
.rc .acc details{border-bottom:1.5px solid var(--rule)}
.rc .acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;cursor:pointer;font:700 clamp(1.15rem,1.6vw,1.45rem)/1.4 var(--sung);letter-spacing:.04em}
.rc .acc summary::-webkit-details-marker{display:none}
.rc .acc summary::after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(currentColor,currentColor) center/100% 2.5px no-repeat,linear-gradient(currentColor,currentColor) center/2.5px 100% no-repeat;transition:transform 200ms var(--ease)}
.rc .acc details[open] summary::after{transform:rotate(45deg)}
.rc .acc summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.rc .acc p{margin:0;padding:0 0 18px;font-size:clamp(15px,1.2vw,18px);line-height:1.8;max-width:30em}
@media (max-width:880px){.rc .panel, .rc .more .inner{grid-template-columns:1fr}.rc .pic{max-width:520px}.rc .pic .fr:not(.shot){aspect-ratio:3/2}.rc .pic .fr svg{width:min(34%,160px)}.rc .da .inner{grid-template-columns:1fr}
}
@media (max-width:520px){.rc .recipe .tabs{justify-content:space-between;gap:6px}.rc .recipe .v{width:auto;flex:1;aspect-ratio:auto;min-height:56px}}

.rc .lead h1{margin:0}  
.rc .lede + .lede{margin-top:0}

.rc .pic .fr.shot{background:none;border:0;outline:0}
.rc .pic .fr.shot img{width:100%;height:100%;object-fit:cover;display:block}


.rp .head{padding-top:calc(var(--hdr) + clamp(36px,4.4vw,72px));padding-bottom:clamp(32px,4vw,56px)}
.rp .crumb{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;font-size:14px;font-weight:700;letter-spacing:.1em}
.rp .crumb a{display:inline-flex;align-items:center;min-height:44px}
.rp .crumb i{font-style:normal;opacity:.6;pointer-events:none}

.rp .crumb a{position:relative}
.rp .crumb a::after{content:"";position:absolute;inset:0 -14px}
.rp .intro{margin:clamp(8px,1vw,14px) 0 0;font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--c-muted-ink)}
.rp .head h1{margin-top:clamp(8px,1vw,14px);max-width:15em}
.rp .answer{padding-block:clamp(30px,3.6vw,56px)}
.rp .answer .label{margin:0}
.rp .answer .ans{margin-top:10px;font-family:var(--sung);font-weight:700;font-size:clamp(1.25rem,1.9vw,1.8rem);line-height:1.75;letter-spacing:.03em;max-width:26em;color:var(--c-ink)}
.rp .make .inner{display:grid;gap:clamp(28px,3.4vw,56px);align-items:start}
@media (min-width:881px){.rp .make .inner{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
.rp .make .pic{margin:0}
.rp .make .fr{position:relative;display:grid;place-items:center;aspect-ratio:var(--ar,4 / 3);background:var(--c-cream);border:1.5px dashed var(--rule);border-radius:4px}
.rp .make .fr svg{width:52%;height:auto;overflow:visible}
.rp .make .fr .ph-mark{position:absolute;right:10px;bottom:10px;font-size:11px;font-weight:900;letter-spacing:.16em}
.rp .cook h2{margin:clamp(22px,2.4vw,34px) 0 clamp(10px,1.2vw,16px)}
.rp .cook h2:first-of-type{margin-top:0}
.rp .meta{display:flex;flex-wrap:wrap;gap:6px 26px;margin:0 0 clamp(18px,2vw,28px);font-size:clamp(15px,1.1vw,17px)}
.rp .meta b{font-weight:700;color:var(--c-muted-ink);margin-right:.5em}
.rp .ing{display:grid;gap:8px;border-top:1.5px solid var(--c-ink)}
.rp .ing li{padding:10px 0;border-bottom:1.5px dashed var(--rule);font-size:clamp(16px,1.2vw,18px);line-height:1.75}
.rp .steps{display:grid;gap:clamp(14px,1.6vw,22px);counter-reset:st}
.rp .steps li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 clamp(14px,1.6vw,24px);font-size:clamp(16px,1.25vw,19px);line-height:1.8}
.rp .steps li::before{counter-increment:st;content:"0" counter(st);font-family:var(--hei);font-weight:900;font-size:.9em;letter-spacing:.1em;color:var(--c-rust-text)}
.rp .tip{margin-top:clamp(24px,2.6vw,38px);padding:clamp(16px,1.8vw,24px);background:var(--c-cream);border-radius:4px}
.rp .tip h2{margin:0 0 6px}
.rp .tip p{margin:0;font-size:clamp(15px,1.15vw,17px);line-height:1.8}
.rp .ask .inner{display:grid;gap:clamp(16px,2vw,26px)}
.rp .qa{display:grid;gap:clamp(16px,2vw,26px);max-width:34em}
.rp .qa dt{font-family:var(--sung);font-weight:700;font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.5}
.rp .qa dd{margin:6px 0 0;font-size:clamp(16px,1.2vw,18px);line-height:1.8}
.rp .src{margin:0;font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--c-muted-ink)}
.rp .src b{margin-right:.6em}
.rp .more .inner{display:grid;gap:clamp(34px,4vw,60px)}

.rp .cook h2,.rp .ask h2,.rp .more h2{color:var(--c-rust-text)}
.rp .ask h2,.rp .more h2{margin:0 0 clamp(10px,1.2vw,16px)}
.rp .rows{border-top:1.5px solid var(--c-ink)}
.rp .rows li{border-bottom:1.5px solid var(--rule)}
.rp .rows a{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px clamp(16px,2vw,32px);min-height:64px;padding:clamp(14px,1.6vw,24px) 0;text-decoration:none;color:inherit}
.rp .rows a .t{font-family:var(--sung);font-weight:700;font-size:clamp(1.25rem,2vw,1.9rem);line-height:1.35}
.rp .rows a .s{grid-column:1;color:var(--c-muted-ink);line-height:1.75}
.rp .rows a .arr{grid-column:2;grid-row:1 / span 2;width:40px;height:18px;color:var(--c-rust-text);transition:transform 240ms var(--ease)}
.rp .rows a:hover .arr{transform:translateX(6px)}
.rp .rows a:focus-visible{outline:3px solid var(--c-ink);outline-offset:4px}
.rp .trace{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(14px,1.6vw,24px)}
.rp .trace .lede{margin:0}
.rp .upd,.rp .back{margin:0}
.rp .upd{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--c-muted-ink)}
@media (prefers-reduced-motion:reduce){.rp .rows a .arr{transition:none}}

.rp .pic .fr.shot{background:none;border:0;outline:0}
.rp .pic .fr.shot img{width:100%;height:100%;object-fit:cover;display:block}



.er .st{min-height:min(100svh,940px);padding-top:calc(var(--hdr) + clamp(40px,5vw,88px));display:grid;align-content:center}
.er .st.light{min-height:0}
.er .st .inner{width:100%;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,4vw,64px) clamp(32px,5vw,88px);align-items:center}
.er .st.money .inner, .er .st.plain .inner{grid-template-columns:minmax(0,1fr)}
.er .st .txt{display:grid;gap:clamp(14px,1.4vw,22px);justify-items:start;max-width:36em}
.er .st h1{margin-top:2px}
.er .st .lede{max-width:30em}
.er .st .lede a{font-weight:700}
.er .fill{font-weight:900;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.er .demo{margin-left:.35em;font-size:11px;font-weight:900;letter-spacing:.16em;opacity:.75;vertical-align:middle}
.er .acts{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:6px}
.er .acts .tl{display:inline-flex;align-items:center;min-height:44px;font-weight:700;letter-spacing:.08em}
.er .help{margin-top:clamp(10px,1.6vw,22px);padding-top:clamp(12px,1.4vw,18px);border-top:1.5px dashed var(--rule);font-size:clamp(14px,1.05vw,16px);width:100%}
.er .help a{font-weight:700}
.er .big{width:min(100%,440px);justify-self:center;color:currentColor;--f1:#3B2B35;--f2:#D9A441;--f3:#C9B894}
.er .rust .big, .er .slate .big{--f2:#F5D28C;--f3:#C94F37}
.er .big svg{display:block;width:100%;height:auto;overflow:visible}
@media (max-width:880px){.er .st{min-height:0;padding-bottom:clamp(56px,14vw,88px)}.er .st .inner{grid-template-columns:1fr}.er .big{order:-1;justify-self:start;width:clamp(150px,44vw,240px)}}



.er .mk{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}


.er .facts{display:grid;grid-template-columns:auto minmax(0,1fr) auto;border-top:1.5px solid var(--c-ink);width:100%;max-width:40em;margin:0}
.er .facts > *{display:flex;align-items:center;min-height:64px;border-bottom:1px solid var(--rule);margin:0}
.er .facts dt{padding-right:clamp(16px,2.4vw,32px);font-size:13px;font-weight:900;letter-spacing:.2em}
.er .facts dd{font-size:clamp(17px,1.5vw,22px);font-weight:700;letter-spacing:.06em;font-variant-numeric:tabular-nums;flex-wrap:wrap}
.er .facts .cp{justify-content:flex-end;padding-left:12px}
.er .copy{min-height:44px;min-width:72px;padding:0 14px;border:2px solid currentColor;border-radius:12px;background:none;color:var(--c-rust-text);font:900 14px var(--hei);letter-spacing:.12em;cursor:pointer}
.er .copy:hover{background:rgba(217,164,65,.22)}.copy:focus-visible{outline:3px solid var(--c-ink);outline-offset:3px}
@media (max-width:520px){.er .facts{grid-template-columns:minmax(0,1fr) auto}.er .facts dt{grid-column:1 / -1;min-height:0;padding-top:12px;border-bottom:0}.er .facts dd{min-height:52px}}

.er .kit{display:grid;gap:clamp(40px,5vw,72px)}
.er .kit h2{margin-bottom:6px}
.er .kit .note{color:var(--c-muted-ink);max-width:40em;margin-bottom:16px}
.er .kit .demo-strip{border:1.5px solid var(--rule)}
.er .kit .demo-strip + .demo-strip{border-top:0}
.er .form{display:grid;gap:22px;max-width:30em}
.er .field{display:grid;gap:6px}
.er .field label{font-size:13px;font-weight:900;letter-spacing:.16em}
.er .field .in{min-height:52px;display:flex;align-items:center;padding:0 14px;border:2px solid var(--c-ink);border-radius:12px;background:var(--c-paper);font-size:16px;letter-spacing:.04em}
.er .field .in.check{border:0;padding:0;gap:10px}.field .in.check i{width:24px;height:24px;border:2px solid var(--c-ink);border-radius:6px}
.er .field .er{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;color:var(--c-rust-text)}
.er .field .mk{width:18px;height:18px}
.er .role{outline:1.5px dashed currentColor;outline-offset:3px;border-radius:3px;opacity:.8}
.er .list{border-top:1.5px solid var(--c-ink)}
.er .list li{border-bottom:1.5px solid var(--rule);padding:14px 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px}
.er .list b{font-family:var(--sung);font-weight:700;font-size:1.25rem;letter-spacing:.04em;min-width:7em}
.er .list span{color:var(--c-muted-ink);font-size:14px}


.er .acts .cta-s{min-height:52px}





.buy{display:grid;gap:clamp(12px,1.4vw,18px);margin-top:clamp(16px,1.8vw,26px);max-width:32em}
.buy .cap{margin:0;font-size:13px;font-weight:900;letter-spacing:.24em;color:var(--acc)}
.buy .rows{display:grid}
.vrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;padding:12px 0;border-top:1.5px solid var(--rule);transition:opacity 200ms ease}
.vrow:last-child{border-bottom:1.5px solid var(--rule)}
.vrow.zero{opacity:.62}
.vrow b{font-size:clamp(16px,1.2vw,19px);font-weight:900;letter-spacing:.08em}
.vrow small{display:block;font-size:13px;font-weight:500;opacity:.9;letter-spacing:.04em}
.qty{display:inline-flex;align-items:center;border:2.5px solid currentColor;border-radius:14px;overflow:hidden}
.qty button{min-width:48px;min-height:52px;border:0;background:none;color:inherit;font:900 19px var(--hei);cursor:pointer}
.qty button:hover{background:rgba(245,210,140,.18)}
.qty button:focus-visible{outline:3px solid var(--focus);outline-offset:-4px}
.qty output{min-width:48px;text-align:center;font:900 17px var(--hei);border-inline:2.5px solid currentColor;align-self:stretch;display:grid;place-items:center}
.cnt{display:inline-grid;place-items:center;min-width:32px;height:26px;padding:0 8px;margin-top:4px;border-radius:999px;background:var(--c-paper);color:var(--c-rust);font:900 13px var(--hei);letter-spacing:.06em}
.cnt[hidden]{display:none}

.scrim{position:fixed;inset:0;background:rgba(23,24,26,.5);opacity:0;pointer-events:none;transition:opacity 260ms var(--ease);z-index:900}
.cart{position:fixed;top:0;right:0;bottom:0;width:min(92vw,420px);background:var(--c-paper);color:var(--c-ink);display:grid;grid-template-rows:auto 1fr auto;transform:translateX(102%);transition:transform 320ms var(--ease);z-index:901;box-shadow:-18px 0 50px -28px rgba(23,24,26,.7)}
body.cart-open .scrim{opacity:1;pointer-events:auto}
body.cart-open .cart{transform:none}
@media (prefers-reduced-motion:reduce){.cart,.scrim{transition:none}}
.cart .hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px clamp(16px,2vw,22px);border-bottom:1.5px solid rgba(23,24,26,.3)}
.cart .hd p{margin:0;font-size:13px;font-weight:900;letter-spacing:.24em;color:var(--c-rust-text)}
.cart .x{min-width:44px;min-height:44px;border:0;background:none;font-size:20px;cursor:pointer;border-radius:10px}
.cart .x:hover{background:rgba(217,164,65,.22)}
.cart .bd{overflow:auto;padding:0 clamp(16px,2vw,22px)}
.cart .ft{padding:clamp(14px,1.6vw,20px) clamp(16px,2vw,22px);border-top:1.5px solid rgba(23,24,26,.3);display:grid;gap:12px}

:is(.cart,.cartpage) .line{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px clamp(12px,1.4vw,18px);padding:clamp(14px,1.6vw,20px) 0;border-top:1.5px solid rgba(23,24,26,.25)}
:is(.cart,.cartpage) .line:first-child{border-top:0}
:is(.cart,.cartpage) .line .th{width:58px;aspect-ratio:2/3;border-radius:5px;background:var(--c-cream);display:grid;place-items:center;overflow:hidden}
:is(.cart,.cartpage) .line .th img{width:86%;height:86%;margin:auto;object-fit:contain;object-position:center}
:is(.cart,.cartpage) .line .nm{margin:0;font-family:var(--sung);font-weight:700;font-size:clamp(16px,1.2vw,19px);line-height:1.45}
:is(.cart,.cartpage) .line .sz{margin:2px 0 0;font-size:13px;color:var(--c-muted-ink);letter-spacing:.06em}
:is(.cart,.cartpage) .line .rt{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:space-between;margin-top:10px}
:is(.cart,.cartpage) .line .qty{border-width:2px;border-radius:12px}
:is(.cart,.cartpage) .line .qty button{min-width:40px;min-height:44px;font-size:17px}
:is(.cart,.cartpage) .line .qty output{min-width:40px;font-size:15px;border-inline-width:2px}
:is(.cart,.cartpage) .line .rm{border:0;background:none;font:700 13px var(--hei);letter-spacing:.1em;color:var(--c-muted-ink);text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px;padding:0 4px}
:is(.cart,.cartpage) .line .rm:hover{color:var(--c-rust)}
.sum{display:grid;gap:7px;font-size:14.5px}
.sum div{display:flex;justify-content:space-between;gap:16px}
.sum .tot{padding-top:8px;border-top:1.5px solid rgba(23,24,26,.3);font-family:var(--sung);font-weight:700;font-size:clamp(19px,1.6vw,24px)}
.ship{margin:0;font-size:12.5px;line-height:1.75;color:var(--c-muted-ink)}
.ship .slot{white-space:normal}
.btn.full{width:100%}
.keep{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;font:900 14px var(--hei);letter-spacing:.1em;text-decoration:underline;text-underline-offset:5px;color:var(--c-muted-ink)}
.keep:hover{color:var(--c-rust)}

.cartpage{padding-top:calc(var(--hdr) + clamp(28px,3.4vw,56px))}
.cartpage h1{margin:0 0 clamp(18px,2vw,28px)}
.cartpage .inner{display:grid;gap:clamp(22px,2.6vw,48px)}
@media (min-width:881px){.cartpage .inner{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);column-gap:clamp(36px,5vw,88px);align-items:start}.cartpage h1{grid-column:1 / -1}}
.cartpage .side{display:grid;gap:14px;padding:clamp(18px,2vw,26px);background:var(--c-cream);border-radius:8px;position:sticky;top:calc(var(--hdr) + 16px)}

.done{padding-top:calc(var(--hdr) + clamp(36px,4.4vw,72px))}
.done .inner{display:grid;gap:clamp(24px,3vw,56px)}
@media (min-width:881px){.done .inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:clamp(36px,5vw,96px);align-items:start}}
.done h1{margin:10px 0 0}
.done .meta{display:grid;gap:6px;margin-top:clamp(14px,1.6vw,22px);font-size:14.5px}
.done .meta b{font-weight:900;letter-spacing:.14em;color:var(--acc);margin-right:.6em}
.done .steps{display:grid;margin-top:8px}
.done .steps div{display:grid;grid-template-columns:2.4em minmax(0,1fr);gap:.4em;padding:14px 0;border-top:1.5px solid var(--rule);font-size:15px;line-height:1.8}
.done .steps .st{display:block;font-family:var(--hei);font-size:13px;font-weight:900;letter-spacing:.16em;color:var(--acc);margin-bottom:2px}
.done .steps > div > b{font-family:var(--sung);font-weight:700;font-size:20px;color:var(--acc)}
.done .join{display:grid;gap:12px;justify-items:start;margin-top:clamp(18px,2vw,28px);padding-top:clamp(16px,1.8vw,24px);border-top:4px solid var(--c-ink)}
@media (max-width:640px){.qtyrow{flex-direction:column;align-items:stretch}.qtyrow .qty{justify-content:space-between;width:100%}.qtyrow .qty output{flex:1}.qtyrow .btn{width:100%;min-width:0}}
@media (max-width:520px){.sizes{grid-template-columns:1fr}}


@media (max-width:520px){
  .btn.xl{min-height:60px;font-size:17px;letter-spacing:.1em;padding:0 22px;box-shadow:5px 5px 0 var(--sh)}
  .btn.xl:hover{box-shadow:6px 6px 0 var(--sh)}
  
  .btn.btn{min-height:52px;font-size:15px;box-shadow:none}
  .btn.btn:hover{box-shadow:3px 3px 0 var(--sh)}
  .btn.btn.xl{min-height:60px;font-size:17px;box-shadow:5px 5px 0 var(--sh)}
  
  .btn.round.round{min-height:52px;width:52px;height:52px}
  .cta-s.cta-s.cta-s{min-height:48px}
}