/* Taylorsville Web Studio - "Apple Crate" */
@font-face{font-family:"Bitter";src:url(/fonts/bitter-var.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Bitter";src:url(/fonts/bitter-var-italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:"Cabin";src:url(/fonts/cabin-var.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}

:root{
 --paper:#F7EFDF;--cream:#FFFAF0;--kraft:#EEDDBC;--slat:#D9B47E;--slat-2:#CFA66C;--slat-d:#A77B45;--gap:#6E4A2A;
 --bark:#2B1C12;--bark-2:#5B4331;--red:#A3231B;--red-d:#7C1810;--gold:#E7AE3E;--gold-l:#F5D27F;--leaf:#3E5B27;--leaf-l:#9DB86B;
 --disp:"Bitter",Georgia,serif;--text:"Cabin","Segoe UI",system-ui,sans-serif;
 --r:6px;--shadow:0 1px 0 rgba(43,28,18,.08),0 10px 28px -14px rgba(43,28,18,.45);
 --ripe:hsl(100 48% 38%);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--paper);color:var(--bark);font:400 1.06rem/1.65 var(--text);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--red);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--red-d)}
:focus-visible{outline:3px solid var(--leaf);outline-offset:3px;border-radius:3px}
h1,h2,h3{font-family:var(--disp);line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}
h2{font-size:clamp(1.65rem,1.2rem + 1.8vw,2.45rem);font-weight:750}
h3{font-size:1.24rem;font-weight:700}
p{margin:0 0 1em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;background:var(--bark);color:var(--cream);padding:12px 16px;border-radius:0 0 6px 6px;z-index:100;font-weight:700}
.skip:focus{top:0;color:var(--cream)}
.shelf{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}
.narrow{max-width:820px}
@media(min-width:700px){.shelf{padding:0 28px}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.7em 1.3em;border-radius:4px;font:700 1rem/1.2 var(--text);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}
.btn .arw{width:1.1em;height:1.1em;transition:transform .2s}
.btn:hover .arw{transform:translateX(3px)}
.btn .ph{width:1.05em;height:1.05em}
.btn-red{background:var(--red);color:#fff;box-shadow:0 3px 0 var(--red-d)}
.btn-red:hover{background:var(--red-d);color:#fff}
.btn-gold{background:var(--gold);color:var(--bark);box-shadow:0 3px 0 #9C6F17}
.btn-gold:hover{background:var(--gold-l);color:var(--bark)}
.btn-line{border-color:var(--bark);color:var(--bark);background:transparent}
.btn-line:hover{background:var(--bark);color:var(--cream)}
.btn-ghost{border-color:var(--cream);color:var(--cream)}
.btn-ghost:hover{background:var(--cream);color:var(--red-d)}
.btn-full{width:100%}

/* header */
.hdr{position:sticky;top:0;z-index:50;background:var(--paper);transition:box-shadow .2s}
.hdr::after{content:"";display:block;height:6px;background:linear-gradient(var(--red) 0 2px,var(--gold) 2px 4px,var(--leaf) 4px 6px)}
.hdr.lift{box-shadow:0 8px 20px -14px rgba(43,28,18,.55)}
.hdr-in{max-width:1180px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;gap:12px;min-height:64px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--bark);margin-right:auto}
.logo-mk{width:44px;height:44px;flex:none}
.logo-mk .ap-body{transition:fill .4s}
.logo-t{font:800 1.22rem/1 var(--disp);letter-spacing:-.01em;display:flex;flex-direction:column}
.logo-t small{font:700 .66rem/1 var(--text);letter-spacing:.3em;text-transform:uppercase;color:var(--red);margin-top:5px}
.topnav{display:none}
.topnav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.topnav a{display:block;padding:10px 11px;color:var(--bark);text-decoration:none;font-weight:600;font-size:.97rem;border-radius:4px;position:relative}
.topnav a::after{content:"";position:absolute;left:11px;right:11px;bottom:4px;height:3px;border-radius:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .22s}
.topnav a:hover::after,.topnav a[aria-current]::after{transform:scaleX(1)}
.hangtag{display:none;position:relative;text-decoration:none;color:var(--bark);font:700 .95rem/1 var(--text);background:var(--kraft);padding:14px 18px 14px 30px;clip-path:polygon(14px 0,100% 0,100% 100%,14px 100%,0 50%);transform:rotate(-3deg);transform-origin:right center;transition:transform .25s}
.hangtag::before{content:"";position:absolute;left:12px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--slat-d)}
.hangtag span{border-bottom:2px dashed var(--slat-d);padding-bottom:2px}
.hangtag:hover{transform:rotate(0);color:var(--red-d)}
.menu-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:2px solid var(--bark);border-radius:4px;background:var(--cream);color:var(--bark);font:700 .95rem var(--text);cursor:pointer}
.mb-slats{display:grid;gap:3px;width:18px}
.mb-slats i{display:block;height:3px;border-radius:1px;background:var(--slat-d)}
.mb-slats i:nth-child(2){background:var(--red)}
@media(min-width:1040px){.topnav{display:block}.hangtag{display:inline-block}.menu-btn{display:none}}

/* crate drop menu */
.drop-veil{position:fixed;inset:0;background:rgba(43,28,18,.5);z-index:40;opacity:0;transition:opacity .25s}
.drop-veil.open{opacity:1}
.crate-drop{position:fixed;left:0;right:0;top:70px;z-index:45;max-height:calc(100vh - 70px);overflow-y:auto;background:var(--gap);padding:10px 12px 18px;transform:translateY(-16px);opacity:0;transition:transform .28s,opacity .2s;box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.crate-drop.open{transform:none;opacity:1}
.slats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:5px}
.slats a{display:flex;align-items:center;min-height:52px;padding:10px 14px 10px 24px;position:relative;text-decoration:none;color:var(--bark);font:700 1.02rem/1.2 var(--disp);background:linear-gradient(180deg,var(--slat) 0,var(--slat-2) 100%);border-radius:2px}
.slats a::before,.slats a::after{content:"";position:absolute;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#8a8a8a,#3a3a3a)}
.slats a::before{left:8px}.slats a::after{right:8px}
.slats a[aria-current]{background:var(--cream);color:var(--red-d)}
.slats li:last-child{grid-column:1/-1}
.slats li:last-child a{background:var(--gold);justify-content:center}
.drop-foot{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.drop-foot .btn{flex:1 1 220px}
.drop-x{flex:1 1 140px;min-height:48px;border:2px solid var(--cream);background:transparent;color:var(--cream);font:700 1rem var(--text);border-radius:4px;cursor:pointer}
.drop-open{overflow:hidden}
@media(min-width:1040px){.crate-drop,.drop-veil{display:none!important}}

/* floating apple call */
.apple-call{position:fixed;right:16px;bottom:18px;z-index:35;width:62px;height:62px;display:grid;place-items:center;color:#fff;background:var(--red);border-radius:50% 50% 46% 46%/56% 56% 44% 44%;box-shadow:0 3px 0 var(--red-d),0 10px 22px -8px rgba(43,28,18,.6);transition:transform .2s}
.apple-call::before{content:"";position:absolute;top:-9px;left:32px;width:17px;height:10px;background:var(--leaf);border-radius:0 100% 0 100%;transform:rotate(-18deg)}
.apple-call .ph{width:26px;height:26px}
.apple-call:hover{color:#fff;transform:translateY(-2px)}
@media(min-width:1040px){.apple-call{display:none}}

/* hero */
.hero{padding:28px 0 56px;background:radial-gradient(ellipse at 90% 0,rgba(231,174,62,.18),transparent 60%),var(--paper)}
.hero-in{display:grid;gap:28px}
.eyebrow{display:inline-block;font:700 .78rem/1 var(--text);letter-spacing:.2em;text-transform:uppercase;color:var(--leaf);border:1.5px solid var(--leaf);padding:8px 12px;border-radius:999px;margin-bottom:18px}
.hero h1{font-size:clamp(2.2rem,1.4rem + 3.6vw,3.9rem);font-weight:800;line-height:1.04;margin-bottom:18px}
.hero h1 span{display:block;font-style:italic;font-weight:600;color:var(--red);font-size:.62em;margin-top:.35em;line-height:1.15}
.hero-lead{font-size:1.13rem;max-width:36em;color:var(--bark-2)}
.hero-acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:22px}
.hero-tel{display:inline-flex;align-items:center;gap:8px;min-height:48px;font:700 1.12rem var(--disp);color:var(--bark);text-decoration:none;border-bottom:2px solid var(--gold)}
.hero-tel .ph{width:18px;height:18px;color:var(--red)}
.crate-end{margin:0}
.crate-photo{position:relative;padding:12px;border-radius:5px;background:repeating-linear-gradient(180deg,var(--slat) 0 44px,var(--gap) 44px 47px),var(--slat);box-shadow:var(--shadow)}
.crate-photo::before{content:"";position:absolute;inset:0;border-radius:5px;background:repeating-linear-gradient(90deg,rgba(110,74,42,.07) 0 2px,transparent 2px 9px);pointer-events:none}
.crate-photo img{position:relative;border-radius:2px;width:100%;aspect-ratio:6/5;object-fit:cover;box-shadow:0 0 0 3px rgba(43,28,18,.25)}
@media(min-width:700px){.crate-photo img{aspect-ratio:2/1}}
.variety{position:absolute;left:0;bottom:-26px;background:var(--cream);border:3px double var(--red);border-radius:10px;padding:10px 14px;width:min(270px,78%);box-shadow:var(--shadow);transform:rotate(-2deg)}
.v-brand{font:800 .98rem/1.1 var(--disp);color:var(--red);margin:0 0 6px;border-bottom:1px solid var(--slat);padding-bottom:6px}
.v-row{display:flex;flex-direction:column;margin:0 0 4px;font:600 .88rem/1.25 var(--text)}
.v-row span{font:700 .64rem/1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--bark-2)}
.grade{position:absolute;top:-12px;right:-6px;width:96px;height:96px;border-radius:50%;background:var(--gold);color:var(--red-d);display:flex;flex-direction:column;align-items:center;justify-content:center;font:900 2.2rem/1 var(--disp);border:3px dashed var(--red-d);box-shadow:0 0 0 4px var(--gold),var(--shadow);transform:rotate(12deg);margin:0}
.grade span{font:700 .6rem/1.2 var(--text);letter-spacing:.16em;text-transform:uppercase}
.credit{font-size:.78rem;color:var(--bark-2);margin-top:40px;text-align:right}
.credit a{color:var(--bark-2)}
@media(min-width:1000px){.hero{padding:48px 0 24px}.hero-in{grid-template-columns:1fr 1.08fr;align-items:center;gap:44px}.variety{left:-24px}}
@media(prefers-reduced-motion:no-preference){
 .js .grade{animation:press .7s cubic-bezier(.3,1.4,.5,1) .35s both}
 @keyframes press{from{transform:rotate(30deg) scale(1.6)}to{transform:rotate(12deg) scale(1)}}
}

/* sections */
.sec{padding:64px 0}
.sec-kraft{background:var(--kraft)}
.sec-slat{background:repeating-linear-gradient(180deg,#E6CFA4 0 58px,#DDC393 58px 60px)}
.sec-h{max-width:760px;margin-bottom:32px}
.kicker{font:700 .8rem/1 var(--text);letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:12px;display:flex;align-items:center;gap:10px}
.kicker::before{content:"";width:22px;height:14px;background:var(--leaf);border-radius:0 100% 0 100%;flex:none}
.lead{font-size:1.12rem;color:var(--bark-2)}
.more-q{margin-top:22px}
.more-q a{font-weight:700;display:inline-flex;gap:6px;align-items:center;min-height:44px}
.more-q .arw{width:1em;height:1em}
@media(min-width:900px){.sec{padding:88px 0}}

/* rise-in: transform only */
.js [data-rise]{transform:translateY(18px);transition:transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms)}
.js [data-rise].on{transform:none}
@media(prefers-reduced-motion:reduce){.js [data-rise]{transform:none;transition:none}}

/* bins */
.bins{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.bin{position:relative;background:var(--cream);border:2px solid var(--bark);border-radius:4px;padding:30px 22px 22px;margin-top:10px}
.bin::before{content:"";position:absolute;left:-2px;right:-2px;top:-12px;height:14px;background:var(--slat);border:2px solid var(--bark);border-radius:3px;transition:transform .3s}
.bin:hover::before{transform:translateY(-6px) rotate(-1.5deg)}
.bin-no{font:800 .82rem/1 var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:10px}
.bin h3 a{color:var(--bark);text-decoration:none}
.bin h3 a::after{content:"";position:absolute;inset:0}
.bin h3 a:hover{color:var(--red)}
.bin p{color:var(--bark-2)}
.bin .bin-tag{display:inline-block;margin:6px 0 0;background:var(--kraft);color:var(--bark);font:700 .86rem/1 var(--text);padding:8px 12px 8px 20px;clip-path:polygon(9px 0,100% 0,100% 100%,9px 100%,0 50%)}
@media(min-width:640px){.bins{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.bins{grid-template-columns:repeat(4,1fr)}}

/* split + stencil facts */
.split{display:grid;gap:36px}
.split p{max-width:40em}
.stencils{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--gap);padding:6px;border-radius:4px;align-self:start}
.stencils div{background:linear-gradient(180deg,var(--slat) 0,var(--slat-2) 100%);padding:20px 14px;display:flex;flex-direction:column-reverse;border-radius:2px}
.stencils dt{font:600 .86rem/1.3 var(--text);color:var(--bark)}
.stencils dd{margin:0 0 6px;font:900 clamp(1.9rem,1.3rem + 2vw,2.7rem)/1 var(--disp);color:var(--red-d);letter-spacing:.02em}
@media(min-width:960px){.split{grid-template-columns:1.2fr 1fr;align-items:center;gap:56px}}

/* orchard year */
.year{position:relative}
.branch{display:none}
.yr-list{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.yr{position:relative;background:var(--cream);border-radius:6px;padding:22px 20px 20px 74px;box-shadow:var(--shadow);border-top:4px solid var(--leaf-l)}
.yr-apple{position:absolute;left:18px;top:22px;width:40px;height:40px;border-radius:50% 50% 46% 46%/56% 56% 44% 44%;background:var(--c,#9DB86B);transform:scale(.55);transition:transform .7s cubic-bezier(.3,1.5,.5,1) calc(var(--d,0ms) + 150ms)}
.yr-apple::before{content:"";position:absolute;top:-7px;left:21px;width:13px;height:8px;background:var(--leaf);border-radius:0 100% 0 100%;transform:rotate(-18deg)}
.yr.on .yr-apple,html:not(.js) .yr-apple{transform:scale(1)}
.yr-blossom{--c:#F2C6C9;border-top-color:#E7A3A9}.yr-green{--c:#9DB86B}.yr-ripe{--c:#A3231B;border-top-color:var(--red)}.yr-gold{--c:#E7AE3E;border-top-color:var(--gold)}
.yr-s{font:800 .78rem/1 var(--text);letter-spacing:.2em;text-transform:uppercase;color:var(--leaf);margin-bottom:8px}
.yr h3{font-size:1.18rem}
.yr p{font-size:.98rem;color:var(--bark-2)}
.yr .yr-tip{margin:0;padding-top:10px;border-top:1px dashed var(--slat-d);color:var(--bark)}
.yr-tip b{color:var(--red-d)}
@media(prefers-reduced-motion:reduce){.yr-apple{transform:none;transition:none}}
@media(min-width:1000px){
 .branch{display:block;width:100%;height:40px;margin-bottom:-8px}
 .yr-list{grid-template-columns:repeat(4,1fr)}
 .yr{padding:62px 20px 20px}
 .yr-apple{left:20px;top:-6px}
}

/* rows (process) */
.rows{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:r}
.row{display:grid;grid-template-columns:78px 1fr;gap:16px;padding:22px 0;border-bottom:2px dashed var(--slat-d)}
.row:last-child{border-bottom:0}
.row-no{margin:0;font:800 .8rem/1.1 var(--disp);letter-spacing:.1em;text-transform:uppercase;color:var(--cream);background:var(--leaf);border-radius:4px;padding:10px 8px;text-align:center;align-self:start;position:relative}
.row-no::after{content:"";position:absolute;left:50%;bottom:-10px;margin-left:-5px;border:5px solid transparent;border-top-color:var(--leaf)}
.row h3{margin-bottom:.3em}
.row p{color:var(--bark);margin:0}
@media(min-width:900px){.sec-slat .rows{grid-template-columns:1fr 1fr;column-gap:48px}.sec-slat .row:nth-last-child(2){border-bottom:0}}
.rows-sm .row{grid-template-columns:44px 1fr;padding:16px 0}
.rows-sm .row-no{font-size:1rem}

/* shipping labels (portfolio) */
.ship{display:grid;gap:24px}
.label{background:var(--cream);border:3px solid var(--bark);border-radius:4px;display:flex;flex-direction:column;overflow:hidden}
.label-to{margin:0;padding:12px 16px;border-bottom:3px solid var(--bark);font:700 1.02rem/1.2 var(--disp);display:flex;align-items:baseline;gap:10px}
.label-to span{font:800 .7rem/1 var(--text);letter-spacing:.18em;text-transform:uppercase;background:var(--red);color:#fff;padding:5px 7px;border-radius:2px}
.label-img{border-bottom:3px solid var(--bark);background:var(--kraft)}
.label-b{padding:16px 16px 6px;flex:1}
.label-b p{color:var(--bark-2);font-size:.98rem}
.label-code{height:28px;margin:0 16px 14px;background:repeating-linear-gradient(90deg,var(--bark) 0 2px,transparent 2px 4px,var(--bark) 4px 7px,transparent 7px 9px,var(--bark) 9px 10px,transparent 10px 13px);opacity:.8}
@media(min-width:760px){.ship{grid-template-columns:repeat(3,1fr)}}

/* review tags on twine */
.twine{position:relative;padding-top:26px}
.twine::before{content:"";position:absolute;left:-16px;right:-16px;top:12px;height:3px;background:repeating-linear-gradient(90deg,#8C6A44 0 6px,#B89366 6px 9px);border-radius:2px}
.tags{display:grid;gap:34px}
.tag{position:relative;margin:0;background:var(--cream);padding:40px 24px 22px;border-radius:4px 4px 12px 12px;clip-path:polygon(20% 0,80% 0,100% 12%,100% 100%,0 100%,0 12%);transform:rotate(var(--r,0deg));transform-origin:50% 0;box-shadow:inset 0 0 0 2px var(--slat)}
.tag::before{content:"";position:absolute;left:50%;top:12px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--kraft);box-shadow:inset 0 0 0 2px var(--slat-d)}
.sec-kraft .tag::before{background:var(--kraft)}
.tag blockquote{margin:0 0 12px}
.tag blockquote p{font-size:1.04rem;line-height:1.6;margin:0}
.tag figcaption{font:italic 700 1.02rem/1.2 var(--disp);color:var(--red-d)}
.tag figcaption::before{content:"~ "}
@media(prefers-reduced-motion:no-preference){.tag:hover{animation:sway 1.4s ease-in-out}@keyframes sway{0%,100%{transform:rotate(var(--r))}30%{transform:rotate(calc(var(--r) + 3deg))}65%{transform:rotate(calc(var(--r) - 2deg))}}}
@media(min-width:900px){.tags{grid-template-columns:1fr 1.35fr 1.2fr;align-items:start}}
.prose .twine::before{left:0;right:0}

/* price crates */
.crates{display:grid;gap:34px;margin-top:10px}
.crate{position:relative;background:var(--cream);border:2px solid var(--bark);border-radius:4px;padding:0 22px 24px;display:flex;flex-direction:column}
.crate-lid{height:34px;margin:0 -22px 18px;background:repeating-linear-gradient(180deg,var(--slat) 0 15px,var(--gap) 15px 17px);border-bottom:2px solid var(--bark);display:grid;place-items:center}
.crate-lid span{display:block;width:62px;height:14px;border-radius:8px;background:var(--gap);box-shadow:inset 0 2px 3px rgba(0,0,0,.4)}
.crate-2 .crate-lid{height:46px}.crate-3 .crate-lid{height:58px}
.crate-rib{position:absolute;top:-14px;right:14px;margin:0;background:var(--leaf);color:#fff;font:700 .78rem/1 var(--text);letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;border-radius:3px}
.crate-size{font:800 .78rem/1 var(--text);letter-spacing:.2em;text-transform:uppercase;color:var(--leaf);margin-bottom:6px}
.crate h3{font-size:1.5rem;margin-bottom:.2em}
.crate-price{font:900 2.3rem/1 var(--disp);color:var(--red);margin:6px 0 6px}
.crate-care{font-weight:600;color:var(--bark-2);font-size:.95rem;padding-bottom:14px;border-bottom:2px dashed var(--slat-d)}
.crate-fit{color:var(--bark-2);font-size:.97rem;margin-top:auto}
.crate-note{margin:4px 0 0;background:var(--kraft);border-left:4px solid var(--gold);padding:10px 12px;font-size:.95rem;font-weight:600}
.crate-note a{white-space:nowrap;display:inline-block;padding:6px 0}
@media(min-width:900px){.crates{grid-template-columns:repeat(3,1fr);align-items:stretch}}
@media(min-width:700px){
 .prose .crates{grid-template-columns:1fr}
 .prose .crate{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);column-gap:30px;align-content:start}
 .prose .crate>*{grid-column:1}
 .prose .crate .crate-lid,.prose .crate .crate-fit,.prose .crate .crate-note{grid-column:1/-1}
 .prose .crate .apples{grid-column:2;grid-row:2/span 4;margin:0;align-self:center}
 .prose .crate .crate-care{border-bottom:0;padding-bottom:0}
 .prose .crate .crate-fit{margin-top:14px;padding-top:12px;border-top:2px dashed var(--slat-d)}
 .prose .ship{grid-template-columns:1fr}
 .prose .label{display:grid;grid-template-columns:minmax(0,300px) 1fr}
 .prose .label-to{grid-column:1/-1}
 .prose .label-img{border-bottom:0;border-right:3px solid var(--bark);grid-row:2/span 2;display:flex;align-items:center}
 .prose .label-code{grid-column:2}
}

/* apple bullets */
.apples{list-style:none;margin:0 0 1.2em;padding:0}
.apples li{position:relative;padding-left:28px;margin-bottom:.6em}
.apples li::before{content:"";position:absolute;left:2px;top:.42em;width:14px;height:14px;border-radius:50% 50% 46% 46%/56% 56% 44% 44%;background:var(--red)}
.apples li::after{content:"";position:absolute;left:9px;top:.12em;width:8px;height:5px;background:var(--leaf);border-radius:0 100% 0 100%}

/* FAQ */
.qa{display:grid;gap:10px}
.qa-i{background:var(--cream);border:2px solid var(--bark);border-radius:4px}
.qa-i summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:14px 16px;min-height:52px;font:700 1.08rem/1.3 var(--disp)}
.qa-i summary::-webkit-details-marker{display:none}
.qa-q{flex:1}
.qa-k{position:relative;width:28px;height:28px;flex:none;border-radius:50%;background:var(--kraft);transition:transform .25s,background .25s}
.qa-k::before,.qa-k::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:2.5px;background:var(--red-d);border-radius:2px}
.qa-k::after{transform:rotate(90deg)}
.qa-i[open] .qa-k{transform:rotate(135deg);background:var(--gold)}
.qa-a{padding:0 16px 6px;border-top:1px dashed var(--slat-d)}
.qa-a p{margin:12px 0}

/* CTA crate */
.cta-crate{background:repeating-linear-gradient(180deg,rgba(0,0,0,0) 0 64px,rgba(0,0,0,.14) 64px 67px),var(--red);color:var(--cream);padding:64px 0}
.cta-in>*{max-width:780px}
.stencil{font:900 .92rem/1 var(--disp);letter-spacing:.34em;text-transform:uppercase;color:var(--gold-l);border:2px solid var(--gold-l);display:inline-block;padding:8px 12px;margin-bottom:18px}
.cta-crate h2{color:#fff}
.cta-crate p{font-size:1.1rem}
.cta-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.cta-crate a:not(.btn){color:#fff}

/* inner page head: nailed plate on crate slats */
.plate-band{background:repeating-linear-gradient(180deg,var(--slat) 0 50px,var(--gap) 50px 53px),var(--slat);padding:30px 0 34px}
.plate{position:relative;max-width:900px;background:var(--cream);border:2px solid var(--bark);border-radius:4px;padding:26px 22px 22px;box-shadow:var(--shadow)}
.nail{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#9a9a9a,#333)}
.n1{left:8px;top:8px}.n2{right:8px;top:8px}.n3{left:8px;bottom:8px}.n4{right:8px;bottom:8px}
.crumbs{font-size:.9rem;margin-bottom:14px;color:var(--bark-2)}
.crumbs a{color:var(--bark-2);display:inline-block;padding:4px 0}
.plate h1{font-size:clamp(2rem,1.4rem + 2.6vw,3.2rem);font-weight:800;margin-bottom:.3em}
.plate-sub{font-size:1.1rem;color:var(--bark-2);margin:0;max-width:36em}
.plate-badge{display:none}
@media(min-width:900px){
 .plate{padding:34px 190px 30px 36px}
 .plate-badge{display:flex;position:absolute;right:28px;top:50%;margin:-62px 0 0;width:124px;height:124px;border-radius:50%;border:3px double var(--red);align-items:center;justify-content:center;text-align:center;transform:rotate(-9deg)}
 .plate-badge span{font:800 .8rem/1.25 var(--disp);letter-spacing:.08em;text-transform:uppercase;color:var(--red);padding:10px}
}

/* inner layout */
.field{padding:48px 0 30px}
.field-in{display:grid;gap:40px}
.prose{min-width:0;max-width:760px}
.prose>h2{margin-top:1.5em;font-size:clamp(1.45rem,1.2rem + 1vw,1.9rem)}
.prose>h2::before{content:"";display:block;width:44px;height:4px;background:var(--leaf);border-radius:2px;margin-bottom:12px}
.prose>h2:first-child{margin-top:0}
.lede{font-size:1.2rem;line-height:1.6;color:var(--bark)}
.wide{margin:18px 0 28px}
.stamp-box{margin:30px 0;padding:22px 20px 14px;border:2px dashed var(--bark);border-radius:4px;background:var(--kraft);position:relative}
.stamp-l{position:absolute;top:-13px;left:14px;margin:0;background:var(--bark);color:var(--gold-l);font:800 .74rem/1 var(--text);letter-spacing:.2em;text-transform:uppercase;padding:6px 10px}
.steps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:12px}
.steps li{counter-increment:s;position:relative;background:var(--cream);border-radius:4px;padding:14px 16px 4px 64px;border-left:4px solid var(--leaf)}
.steps li::before{content:counter(s);position:absolute;left:14px;top:14px;width:36px;height:36px;border-radius:50% 50% 46% 46%/56% 56% 44% 44%;background:var(--red);color:#fff;font:800 1rem/36px var(--disp);text-align:center}
.steps h3{font-size:1.08rem;margin-bottom:.25em}
.shot{margin:28px 0}
.shot img{border-radius:4px;box-shadow:0 0 0 8px var(--slat),var(--shadow)}
.shot figcaption,.shot-cr{font-size:.8rem;color:var(--bark-2);margin-top:14px}
.shot figcaption a{color:var(--bark-2)}
.pack{align-self:start}
.pack-card{background:var(--kraft);border:2px solid var(--bark);border-radius:4px;padding:20px 18px;position:relative}
.pack-card::before{content:"";position:absolute;left:50%;top:-9px;margin-left:-32px;width:64px;height:16px;border-radius:8px;background:var(--gap)}
.pack-h{font:800 .8rem/1 var(--text);letter-spacing:.22em;text-transform:uppercase;color:var(--red-d);margin-bottom:12px}
.pack-card dl{margin:0 0 16px}
.pack-card dl div{padding:9px 0;border-bottom:1px dashed var(--slat-d)}
.pack-card dt{font:700 .72rem/1.2 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--bark-2)}
.pack-card dd{margin:3px 0 0;font:700 1.02rem/1.3 var(--disp)}
.pack-tel{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin-top:8px;font-weight:700;color:var(--bark);text-decoration:none}
.pack-tel .ph{width:16px;height:16px;color:var(--red)}
@media(min-width:1000px){.field-in{grid-template-columns:minmax(0,1fr) 290px;gap:56px}.pack{position:sticky;top:96px}.field{padding:64px 0 40px}}
.acts{display:flex;flex-wrap:wrap;gap:12px}

/* order form */
.order-grid{display:grid;gap:40px}
@media(min-width:1000px){.order-grid{grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}}
.order{background:var(--cream);border:2px solid var(--bark);border-radius:4px;padding:24px 18px;background-image:repeating-linear-gradient(180deg,transparent 0 31px,rgba(167,123,69,.14) 31px 32px)}
@media(min-width:600px){.order{padding:30px 28px}}
.order-hp{position:absolute;left:-9999px}
.picks-set{border:0;padding:0;margin:0 0 18px}
.picks-set legend{font:800 1.12rem var(--disp);margin-bottom:10px;padding:0}
.picks-set{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.picks-set legend{grid-column:1/-1}
.pick{position:relative;display:block}
.pick input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.pick span{display:flex;align-items:center;min-height:52px;padding:10px 12px;border:2px solid var(--slat-d);border-radius:4px;background:var(--paper);font-weight:600;font-size:.95rem;line-height:1.25}
.pick input:checked+span{background:var(--red);border-color:var(--red-d);color:#fff}
.pick input:focus-visible+span{outline:3px solid var(--leaf);outline-offset:2px}
.order-2{display:grid;gap:0 16px}
@media(min-width:600px){.order-2{grid-template-columns:1fr 1fr}}
.fld{margin:0 0 16px}
.fld label{display:block;font-weight:700;font-size:.95rem;margin-bottom:6px}
.fld label b{color:var(--red)}
.fld input,.fld textarea{width:100%;font:inherit;font-size:1rem;padding:12px 12px;border:2px solid var(--bark-2);border-radius:4px;background:#fff;color:var(--bark);min-height:48px}
.fld input:focus,.fld textarea:focus{border-color:var(--leaf);outline:3px solid rgba(62,91,39,.3);outline-offset:0}
.order-fine{font-size:.88rem;color:var(--bark-2);margin:12px 0 0}
.mail{overflow-wrap:anywhere}

/* related pages */
.rel{padding:24px 0 56px}
.rel-in::before{content:"";display:block;border-top:3px double var(--slat-d);margin-bottom:24px}
.rel-h{font:800 .8rem/1 var(--text);letter-spacing:.2em;text-transform:uppercase;color:var(--leaf);margin:0 0 14px}
.rel-l{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.rel-l li{margin:0;padding:0}
.rel-l li::before{display:none}
.rel-l a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px 8px 24px;background:var(--kraft);color:var(--bark);font-weight:700;font-size:.95rem;text-decoration:none;clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%)}
.rel-l a:hover{background:var(--gold);color:var(--bark)}

/* footer */
.ft{background:var(--bark);color:#EFE3CC;padding:0 0 96px}
.ft a{color:#fff}
.ft-crate{padding-top:56px;padding-bottom:4px}
.ft-grid::before{content:"";grid-column:1/-1;border-top:3px solid #4A3424;margin-bottom:8px}
.ft-stencil{font:900 .78rem/1.3 var(--disp);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.ft-big{font:800 clamp(1.6rem,1.1rem + 2vw,2.4rem)/1.15 var(--disp);color:#fff;max-width:22em}
.ft-big span{display:block;color:var(--gold-l);font-style:italic;font-weight:600}
.ft-acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.ft-tel{display:inline-flex;align-items:center;gap:8px;min-height:48px;font:700 1.1rem var(--disp);text-decoration:none}
.ft-tel .ph{width:18px;height:18px;color:var(--gold)}
.ft-grid{display:grid;gap:28px;padding-top:40px;padding-bottom:20px}
.ft-grid ul{list-style:none;margin:0;padding:0}
.ft-grid li a,.ft-grid p a{display:inline-block;padding:6px 0;text-decoration:none}
.ft-grid a:hover{text-decoration:underline;color:var(--gold-l)}
.ft-h{font:800 .78rem/1 var(--text);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.ft-grid p{margin:0 0 4px}
.ft-about p{margin-top:14px;max-width:24em}
.logo-ft{color:#fff}
.logo-ft .logo-t small{color:var(--gold)}
.ft-mail{overflow-wrap:anywhere}
.ft-base{font-size:.88rem;color:#CDBB9D}
.ft-base::before{content:"";display:block;border-top:1px solid #4A3424;margin-bottom:16px}
@media(min-width:760px){.ft-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr}}
@media(min-width:1040px){.ft{padding-bottom:24px}}
.row .row-no{color:var(--cream)}
.ft .btn-gold,.cta-crate .btn-gold{color:var(--bark)}