:root{--page:#FFFFFF;--peach:#FFE3C7;--ink:#1C1613;--body:#4A413B;--mute:#6F655D;--brick:#B93E0B;--line:#EDE6E0;--long:72rem;--read:60ch}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:hidden}
body{background:var(--page);color:var(--body);font-family:"Zilla Slab",Georgia,serif;font-size:1.06rem;line-height:1.64}
h1,h2,h3,.crop-name,.crop-a,.duo-name,.count-num,.panel-h span,.hem-mail{font-family:"Outfit",system-ui,sans-serif;color:var(--ink)}
h1{font-weight:700;font-size:clamp(2.2rem,5.2vw,3.8rem);line-height:1.05;letter-spacing:-.03em;margin:0 0 1rem}
h2{font-weight:600;font-size:clamp(1.4rem,2.6vw,1.95rem);line-height:1.12;letter-spacing:-.02em;margin:0 0 .7rem}
h3{font-weight:600;font-size:clamp(1.3rem,2.3vw,1.7rem);line-height:1.1;letter-spacing:-.02em;margin:0}
p{margin:0 0 1rem}
a{color:var(--brick);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover,a:focus-visible{text-decoration-thickness:4px}
a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
img{border-radius:0;display:block;width:100%;height:auto}
.long-w{width:100%;max-width:var(--long);margin:0 auto;padding:0 1.5rem}
.crop-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.3rem 0;border-bottom:6px solid var(--brick)}
.crop-name{font-weight:700;font-size:1.15rem;letter-spacing:-.02em;text-decoration:none}
.crop-list[data-open="false"]{display:none}
.crop-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;width:100%}
.crop-a{font-weight:600;font-size:.98rem;text-decoration:none;color:var(--ink)}
.crop-a[aria-current="page"]{text-decoration:underline;text-underline-offset:.24em;text-decoration-thickness:4px;text-decoration-color:var(--brick)}
.crop-key{border:2px solid var(--ink);background:transparent;color:var(--ink);font-family:"Outfit",system-ui,sans-serif;font-weight:600;font-size:.9rem;padding:.3rem 1rem;cursor:pointer}
.mouth-set{padding:clamp(2.2rem,5vw,4rem) 0 clamp(1.6rem,3vw,2.4rem)}
.mouth-p{max-width:var(--read)}
.duo-rows{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:1.2rem}
.duo-cell{display:block;background:var(--peach);color:var(--body);padding:1.6rem;text-decoration:none}
.duo-name{display:block;font-weight:600;font-size:clamp(1.3rem,2.6vw,1.8rem);letter-spacing:-.02em;margin-bottom:.4rem}
.duo-say{margin:0;max-width:44ch}
.duo-count{display:block;margin-top:.7rem;font-family:"Outfit",system-ui,sans-serif;font-weight:600;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}
.duo-cell:hover .duo-name,.duo-cell:focus-visible .duo-name{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:4px;text-decoration-color:var(--brick)}
.sweep-pic{padding:clamp(2rem,4vw,3rem) 0}
.sweep-pic img{aspect-ratio:11/5;object-fit:cover}
.lead-stage{
  display:grid;
  gap:1.6rem;
  align-items:end;
  margin:clamp(1.4rem,3.5vw,2.6rem) 0 clamp(1.8rem,3.5vw,2.8rem);
  padding:clamp(1.4rem,3vw,2.2rem);
  background:
    linear-gradient(135deg, #FFE9D4 0%, var(--peach) 48%, #FFD7B0 100%);
}
.lead-stage-pic{
  width:min(16.5rem,58%);
  max-width:100%;
  height:auto;
  aspect-ratio:3/4;
  object-fit:cover;
  object-position:center 28%;
  justify-self:start;
}
.lead-stage-copy{min-width:0}
.lead-stage-mark{
  margin:0 0 .7rem;
  font-family:"Outfit",system-ui,sans-serif;
  font-weight:700;
  font-size:clamp(1.05rem,2vw,1.35rem);
  letter-spacing:-.02em;
  color:var(--ink);
}
.lead-stage-copy h1{margin-bottom:.85rem;max-width:14ch}
.lead-stage-copy .mouth-p{margin:0;max-width:38ch;color:var(--body)}
@media (min-width:700px){
.lead-stage{
  grid-template-columns:minmax(11rem,15.5rem) minmax(0,1fr);
  gap:clamp(1.6rem,3vw,2.8rem);
  align-items:center;
}
.lead-stage-pic{width:100%;justify-self:stretch}
}
.count-set{list-style:none;margin:1.4rem 0 0;padding:0}
.count-row{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:1rem;align-items:baseline;padding:.6rem 0;border-bottom:1px solid var(--line);text-decoration:none}
.count-num{font-family:"Outfit",system-ui,sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brick)}
.count-name{color:var(--ink);font-weight:500}
.count-town{color:var(--mute);font-size:.94rem}
.count-row:hover .count-name,.count-row:focus-visible .count-name{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:4px;text-decoration-color:var(--brick)}
.craft-part{padding:clamp(2rem,4vw,3rem) 0}
.craft-part p{max-width:var(--read)}
.panel-set{background:var(--peach);color:var(--body);padding:2rem;margin-bottom:1.5rem}
.panel-set a{color:var(--ink);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:2px;text-decoration-color:var(--brick)}
.panel-h{display:flex;align-items:baseline;gap:.9rem}
.panel-h span{font-weight:600;font-size:1rem;color:var(--ink)}
.panel-place{margin:.4rem 0 1.2rem;font-size:.96rem;color:var(--ink)}
.panel-p{max-width:var(--read)}
.panel-facts{list-style:none;margin:1.4rem 0 0;padding:0;max-width:34rem}
.panel-facts li{display:grid;grid-template-columns:1fr;gap:.1rem;padding:.6rem 0;border-top:2px solid var(--page);font-size:.94rem}
.panel-k{font-family:"Outfit",system-ui,sans-serif;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.panel-pic{margin:1.6rem 0 0}
.panel-pic img{aspect-ratio:7/5;object-fit:cover}
.warned-note{background:var(--peach);padding:1.6rem;margin-top:1.5rem;max-width:var(--read);font-size:.98rem}
.hemline{margin-top:3.2rem;border-top:6px solid var(--brick);padding:1.8rem 0 2.4rem}
.hem-mail{display:inline-block;color:var(--ink);font-weight:700;font-size:clamp(1.2rem,2.4vw,1.7rem);letter-spacing:-.02em;text-decoration:none;margin-bottom:1.2rem}
.hem-mail:hover{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:4px;text-decoration-color:var(--brick)}
.hem-row{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;font-size:.94rem}
.hem-a{color:var(--ink);text-decoration:none}
.hem-a:hover,.hem-a:focus-visible{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:4px;text-decoration-color:var(--brick)}
.hemline p{margin:0;font-size:.85rem;color:var(--mute)}
body > .crop-a{position:absolute;left:-9999px;top:0;background:var(--page);padding:.6rem 1rem}
body > .crop-a:focus{left:1rem;top:1rem}
.panel-set .panel-p:last-of-type{margin-bottom:0}
.panel-set .hem-row{margin:0;gap:.6rem 1.4rem}
.panel-set .hem-row a{font-family:"Outfit",system-ui,sans-serif;font-weight:600}
.warned-note p:last-child{margin-bottom:0}
.craft-part h3{margin:1.6rem 0 .5rem}
.mouth-set h1 + .mouth-p{margin-bottom:0}
@media (min-width:700px){
.crop-list[data-open="false"]{display:flex}
.crop-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1.5rem;width:auto}
.crop-key{display:none}
.duo-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.panel-facts li{grid-template-columns:9rem minmax(0,1fr);gap:1rem;align-items:baseline}
}
@media (min-width:1120px){
.panel-set{padding:2.4rem}
.mouth-set{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);column-gap:3.2rem;align-items:end}
}
@media (min-width:1380px){
.long-w{padding:0 2.4rem}
}
@media (prefers-reduced-motion: no-preference){
html{scroll-behavior:smooth}
a,.crop-a,.count-name,.hem-a{transition:text-decoration-thickness .15s ease}
.lead-stage-pic{animation:lead-pic .9s cubic-bezier(.22,1,.36,1) both}
.lead-stage-copy{animation:lead-copy 1s .12s cubic-bezier(.22,1,.36,1) both}
@keyframes lead-pic{
  from{opacity:0;transform:translateY(1rem)}
  to{opacity:1;transform:none}
}
@keyframes lead-copy{
  from{opacity:0;transform:translateY(.7rem)}
  to{opacity:1;transform:none}
}
}
html:not([data-js="on"]) .crop-list[data-open="false"]{display:flex}
html:not([data-js="on"]) .crop-key{display:none}