/* Tap and Take — Front Porch theme */
:root{--butter:#FBF4E4;--terra:#C8643B;--sage:#8BA888;--honey:#E8B04B;--espresso:#3E2C23;--porch:#5B7C99;--paper:#FFFDF7;--muted:#6b584d;--dash:#e3d4b6}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Nunito Sans",sans-serif;color:var(--espresso);line-height:1.65;font-size:17.5px;
 background:var(--butter) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 .24 0 0 0 0 .17 0 0 0 0 .13 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
.wrap{max-width:1140px;margin:0 auto;padding:0 28px}
h1,h2,h3{font-family:Fraunces,serif;font-variation-settings:"SOFT" 100;font-weight:600;line-height:1.08;letter-spacing:-.01em}
.hand{font-family:Caveat,cursive;font-weight:700;color:var(--terra)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:700 16.5px "Nunito Sans";padding:15px 26px;border-radius:999px;transition:.2s;cursor:pointer;border:0}
.btn-terra{background:var(--terra);color:#fff;box-shadow:0 6px 0 #a24e2c}
.btn-terra:hover{transform:translateY(2px);box-shadow:0 4px 0 #a24e2c}
.btn-soft{background:var(--paper);color:var(--espresso);border:2px solid var(--espresso)}
.link{font-weight:700;border-bottom:2px solid currentColor}
/* nav */
.site-nav .wrap{display:flex;align-items:center;justify-content:space-between;height:92px}
.mark{font-family:Fraunces,serif;font-variation-settings:"SOFT" 100;font-weight:700;font-size:28px;white-space:nowrap}
.mark em{font-family:Caveat;font-style:normal;color:var(--terra);font-size:30px;margin:0 3px}
.links{display:flex;gap:34px;font-weight:600;align-items:center}
.links a{padding-bottom:2px;border-bottom:2px solid transparent}
.links a:hover,.links a[aria-current]{border-color:var(--honey)}
.links a.cta{background:var(--espresso);color:var(--butter);padding:10px 20px;border-radius:999px;border:0}
.links a.cta[aria-current]{background:var(--terra)}
/* sections */
section.s{padding:96px 0}
.title{max-width:700px;margin-bottom:50px}
.title h2{font-size:48px}
.title p{font-size:19px;color:var(--muted);margin-top:14px}
.title .hand{font-size:28px;display:block;margin-bottom:6px}
.band{background:var(--paper);border-top:2px dashed var(--dash);border-bottom:2px dashed var(--dash)}
.dark{background:var(--espresso);color:var(--butter)}
.dark h2,.dark h3{color:#fff}
/* page hero (inner pages) */
.phero{padding:40px 0 80px;overflow:hidden}
.phero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.phero .hand.kick{font-size:28px;display:inline-block;transform:rotate(-2deg);margin-bottom:10px}
.phero h1{font-size:60px}
.phero h1 span{color:var(--terra);font-style:italic}
.phero p.lede{font-size:20px;margin:22px 0 30px;max-width:540px;color:#5c4a40}
.phero .ctas{display:flex;gap:16px;flex-wrap:wrap}
.crumbs{font-size:14px;color:var(--muted);margin-bottom:18px}
.crumbs a{border-bottom:1px solid var(--dash)}
/* home hero */
.hero{padding:30px 0 90px;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.hero .hand.small{font-size:28px;display:inline-block;transform:rotate(-2deg);margin-bottom:12px}
.hero h1{font-size:66px}
.hero h1 span{color:var(--terra);font-style:italic}
.hero p{font-size:20px;margin:26px 0 34px;max-width:500px;color:#5c4a40}
.hero .ctas{display:flex;gap:16px;flex-wrap:wrap}
.polaroid{position:relative;justify-self:center}
.polaroid .frame{background:#fff;padding:16px 16px 64px;box-shadow:0 20px 40px -12px rgba(62,44,35,.35);transform:rotate(2.5deg);width:360px}
.polaroid.tilt-l .frame{transform:rotate(-2.5deg)}
.polaroid img{width:100%;height:420px;object-fit:cover;object-position:50% 40%;display:block;filter:saturate(.92) sepia(.08)}
.polaroid.short img{height:320px}
.polaroid .cap{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-family:Caveat;font-size:27px;color:var(--espresso)}
.tape{position:absolute;width:120px;height:32px;background:rgba(232,176,75,.55);top:-14px;left:50%;margin-left:-60px;transform:rotate(-4deg)}
.doodle{position:absolute;pointer-events:none}
.d-sun{top:-36px;right:-50px;width:90px}
.d-moon{bottom:40px;left:-70px;width:70px}
.d-note{right:-60px;bottom:-24px;font-family:Caveat;font-size:24px;color:var(--porch);transform:rotate(-6deg);width:170px;line-height:1.1}
/* grids */
.four{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.four.three{grid-template-columns:repeat(3,1fr)}
.item{text-align:center;padding:10px}
.item svg{width:96px;height:96px;margin-bottom:16px}
.item h3{font-size:25px;margin-bottom:6px}
.item p{color:var(--muted);font-size:16.5px}
.foot-row{margin-top:46px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.foot-row .hand{font-size:28px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.steps.s4{grid-template-columns:repeat(4,1fr)}
.st{background:var(--paper);border-radius:28px;padding:28px 24px;box-shadow:0 2px 0 #eadcc0;position:relative}
.band .st{background:#fff}
.st .n{font-family:Caveat;font-size:44px;color:var(--sage);line-height:1;position:absolute;top:14px;right:22px}
.st svg{width:74px;height:74px;margin-bottom:12px}
.st h3{font-size:24px;margin-bottom:6px;padding-right:22px}
.st p{font-size:16px;color:var(--muted)}
.card{border-radius:28px;padding:32px;margin-bottom:22px}
.card h3{font-size:25px;margin-bottom:8px}
.card p{font-size:16.5px}
.card a{display:inline-block;margin-top:14px;font-weight:700;border-bottom:2px solid currentColor}
.c-help{background:var(--sage);color:#fff}
.c-sug{background:var(--honey);color:var(--espresso)}
.c-paper{background:var(--paper);box-shadow:0 2px 0 #eadcc0}
.two{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.use .wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:start}
/* included list */
.incl{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.inc{background:var(--paper);border-radius:28px;padding:32px;box-shadow:0 2px 0 #eadcc0}
.inc .tag{display:inline-block;font-family:Caveat;font-size:26px;color:var(--terra);transform:rotate(-3deg)}
.inc h3{font-size:26px;margin:6px 0 12px}
.inc ul{list-style:none}
.inc li{padding-left:28px;position:relative;margin-bottom:8px;color:var(--muted);font-size:16.5px}
.inc li:before{content:"";position:absolute;left:0;top:7px;width:16px;height:12px;border-left:3px solid var(--sage);border-bottom:3px solid var(--sage);transform:rotate(-45deg) scale(.8)}
/* places */
.places{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.places.p6{grid-template-columns:repeat(3,1fr)}
.pl{background:var(--paper);border-radius:22px;overflow:hidden;box-shadow:0 2px 0 #eadcc0}
.pl .im{height:150px;background:#efe3cb;display:grid;place-items:center;position:relative}
.p6 .pl .im{height:170px}
.pl .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pl .im svg{width:60px}
.pl .im em{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-style:normal;font-size:11px;color:#a8927e}
.pl h3{font-size:20px;padding:14px 16px 4px}
.pl p{font-size:15px;color:var(--muted);padding:0 16px 16px}
.also{margin-top:22px;color:var(--muted)}
/* folks */
.folks .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.folks h2{font-size:46px}
.folks p{color:#e7d9c4;margin-top:16px}
.ph-photo{aspect-ratio:1;border-radius:50% 50% 46% 54%/52% 48% 52% 48%;border:3px dashed #8c7564;display:grid;place-items:center;text-align:center;color:#c9b39f;font-family:Caveat;font-size:30px;padding:40px;background:rgba(255,255,255,.04)}
.letter{margin-top:24px;background:var(--paper);color:#9a8676;border-radius:18px;padding:22px 26px;font-family:Caveat;font-size:25px;line-height:1.3;transform:rotate(-1deg)}
.people{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.person{background:var(--paper);border-radius:28px;padding:26px;box-shadow:0 2px 0 #eadcc0;text-align:center}
.person .ph{aspect-ratio:1;border-radius:50%;border:3px dashed #d4c3a6;display:grid;place-items:center;font-family:Caveat;font-size:24px;color:#a8927e;margin:0 auto 18px;width:78%;background:#f6eedd}
.person h3{font-size:22px;color:#a8927e}
.person .role{font-family:Caveat;font-size:22px;color:#b89a86}
.person p{font-size:15.5px;color:#a8927e;margin-top:8px;font-style:italic}
/* notes */
.notes{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.nt{background:#fff8e6;padding:34px;border-radius:6px;box-shadow:0 10px 24px -14px rgba(62,44,35,.35);position:relative;min-height:190px}
.nt:nth-child(1){transform:rotate(-1.2deg)}.nt:nth-child(2){transform:rotate(1deg);background:#eef3ec}
.nt .pin{position:absolute;top:-10px;left:50%;width:20px;height:20px;border-radius:50%;background:var(--terra);box-shadow:0 2px 3px rgba(0,0,0,.2)}
.nt p{font-family:Caveat;font-size:32px;color:#a8927e;line-height:1.2}
.nt span{display:block;margin-top:16px;font-size:14px;font-weight:700;color:#a8927e}
/* faq */
.faq .wrap{max-width:840px}
details{background:var(--paper);border-radius:20px;padding:22px 28px;margin-bottom:14px;box-shadow:0 2px 0 #eadcc0}
.band details{background:#fff}
summary{list-style:none;cursor:pointer;font-family:Fraunces;font-variation-settings:"SOFT" 100;font-weight:600;font-size:21px;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary:after{content:"＋";color:var(--terra);font-size:20px;flex:none}
details[open] summary:after{content:"－"}
details p{margin-top:10px;color:var(--muted)}
details small{font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--sage);display:block;margin-bottom:4px}
/* forms */
.formwrap .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
form.porch{background:var(--paper);border-radius:32px;padding:40px;box-shadow:0 20px 40px -24px rgba(62,44,35,.4);position:relative}
form.porch:before{content:"";position:absolute;inset:12px;border:2px dashed var(--dash);border-radius:24px;pointer-events:none}
form.porch h3{font-size:30px;margin-bottom:4px}
form.porch .sub{color:var(--muted);margin-bottom:22px;font-size:16px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.field{position:relative;z-index:1}
.field.full{grid-column:1/-1}
label{display:block;font-weight:700;font-size:14.5px;margin-bottom:6px}
label i{color:var(--terra);font-style:normal}
input,textarea,select{width:100%;font:16px "Nunito Sans";color:var(--espresso);padding:13px 16px;border:2px solid #e2d3b8;border-radius:14px;background:#fff;margin-bottom:16px;outline:none}
input:focus,textarea:focus,select:focus{border-color:var(--terra)}
textarea{height:120px;resize:vertical}
.radios{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.radios label{font-weight:600;font-size:14.5px;background:#fff;border:2px solid #e2d3b8;border-radius:999px;padding:8px 14px;cursor:pointer;margin:0}
.radios input{display:none}
.radios input:checked+span{color:var(--terra)}
.radios label:has(input:checked){border-color:var(--terra);background:#fdf0e9}
.consent{font-size:13px;color:#8a776a;margin-top:14px;position:relative;z-index:1}
.side-note{margin-top:28px}
.side-note li{list-style:none;display:flex;gap:14px;margin-bottom:18px}
.side-note .ic{flex:none;width:44px;height:44px;border-radius:14px;background:var(--paper);display:grid;place-items:center;box-shadow:0 2px 0 #eadcc0}
.side-note .ic svg{width:22px}
.side-note b{display:block;font-family:Fraunces;font-size:19px}
.side-note span{color:var(--muted);font-size:16px}
/* hello */
.hcard{background:var(--terra);color:#fff;border-radius:40px;padding:64px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.hcard h2{font-size:52px;color:#fff}
.hcard p{color:#fbe3d6;margin-top:14px;font-size:18.5px}
.bigphone{font-family:Fraunces;font-weight:700;font-size:44px;color:#fff;display:block;margin:8px 0;white-space:nowrap}
.hcard .hand{color:#fff3c9;font-size:28px}
.hcard .meta{font-size:16px;color:#fbe3d6;line-height:1.7}
.hcard .meta a{border-bottom:1px solid rgba(255,255,255,.5)}
.mats{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.mat{border-radius:26px;padding:34px 36px;background:var(--paper);border:3px solid var(--espresso);position:relative;overflow:hidden}
.mat:after{content:"";position:absolute;inset:14px;border:2px dashed #d9c6a3;border-radius:16px;pointer-events:none}
.mat .hand{font-size:26px}
.mat h3{font-size:30px;margin:4px 0 8px}
.mat p{color:var(--muted);position:relative;z-index:1}
.mat a{position:relative;z-index:1;margin-top:16px}
/* contact page */
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cc{background:var(--paper);border-radius:28px;padding:32px;box-shadow:0 2px 0 #eadcc0}
.cc svg{width:54px;height:54px;margin-bottom:14px}
.cc h3{font-size:24px;margin-bottom:6px}
.cc .big{font-family:Fraunces;font-weight:600;font-size:22px;display:block;margin:4px 0;overflow-wrap:anywhere}
.cc p{color:var(--muted);font-size:16px}
.mapcard{border-radius:28px;overflow:hidden;box-shadow:0 2px 0 #eadcc0;background:#efe3cb}
/* legal */
.legal .wrap{max-width:780px}
.stub{background:var(--paper);border:2px dashed #d4c3a6;border-radius:24px;padding:36px;margin-top:30px}
.stub h2{font-size:26px;margin:26px 0 8px}
.stub h2:first-child{margin-top:0}
.stub p{color:#9a8676;font-style:italic}
.flag{display:inline-block;background:var(--honey);color:var(--espresso);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
/* footer */
.site-footer{padding:56px 0 36px;border-top:2px dashed var(--dash)}
.site-footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px}
.site-footer .cols>*{min-width:0}
.site-footer h4{font-family:Fraunces;font-size:18px;margin-bottom:10px}
.site-footer p,.site-footer li{color:var(--muted);font-size:15.5px;list-style:none;margin-bottom:6px;overflow-wrap:anywhere}
.site-footer li a:hover{color:var(--terra)}
.site-footer .fine{margin-top:40px;display:flex;justify-content:space-between;font-size:14px;color:#8a776a;gap:10px}
.site-footer .fine a{border-bottom:1px solid var(--dash)}
@media (max-width:900px){
 body{font-size:16.5px}
 .site-nav .wrap{height:auto;flex-wrap:wrap;padding-top:16px;padding-bottom:12px;row-gap:10px}
 .mark{font-size:24px}
 .links{order:3;width:100%;gap:6px;justify-content:space-between;font-size:13.5px;border-top:2px dashed var(--dash);padding-top:10px;white-space:nowrap}
 .links a.cta{padding:6px 12px}
 .site-footer .cols>div:last-child{grid-column:1/-1}
 .hero .wrap,.phero .wrap,.use .wrap,.folks .wrap,.notes,.hcard,.mats,.two,.formwrap .wrap,.incl,.cgrid,.people{grid-template-columns:1fr}
 .hero{padding:10px 0 70px}.phero{padding:16px 0 60px}
 .hero h1{font-size:44px}.phero h1{font-size:40px}.hero p,.phero p.lede{font-size:18px}
 .polaroid .frame{width:270px;padding:12px 12px 54px}.polaroid img{height:320px}.polaroid.short img{height:260px}
 .polaroid .cap{font-size:21px;bottom:14px}
 .d-sun{right:-24px;width:70px}.d-moon{left:-4px;width:40px;bottom:120px;z-index:2}.d-note{right:-10px;bottom:-40px;font-size:21px;width:140px}
 section.s{padding:64px 0}
 .title h2,.folks h2{font-size:36px}
 .four{grid-template-columns:1fr 1fr}
 .four.three{grid-template-columns:1fr}
 .steps,.steps.s4{grid-template-columns:1fr}
 .places,.places.p6{grid-template-columns:1fr 1fr}
 .hcard{padding:38px 28px;border-radius:28px}.hcard h2{font-size:36px}.bigphone{font-size:34px}
 form.porch{padding:28px 22px}.fgrid{grid-template-columns:1fr}
 .people .person .ph{width:60%}
 .site-footer .cols{grid-template-columns:1fr 1fr}
 .site-footer .fine{flex-direction:column;gap:6px}
}

/* ---- Our coolers & micro markets ---- */
.setups{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}
.su{grid-column:span 2;background:var(--paper);border-radius:28px;box-shadow:0 2px 0 #eadcc0;overflow:hidden;display:flex;flex-direction:column;position:relative}
.su.half{grid-column:span 3}
.su .ph{position:relative;height:300px;display:flex;align-items:flex-end;justify-content:center;padding:30px 20px 16px;
 background:radial-gradient(ellipse 60% 70% at 50% 42%,#fff6df 0%,#f7ead0 55%,#efe0c2 100%)}
.su .ph:after{content:"";position:absolute;left:18%;right:18%;bottom:14px;height:16px;border-radius:50%;background:rgba(62,44,35,.18);filter:blur(7px);z-index:0}
.su .ph img.unit{position:relative;z-index:1;height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(62,44,35,.18))}
.su .ph.photo{padding:0;background:#efe3cb}
.su .ph.photo:after{display:none}
.su .ph.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.92) sepia(.08)}
.su .ph .sticker{position:absolute;z-index:2;top:14px;left:16px;font-family:Caveat;font-size:24px;line-height:1;color:var(--espresso);background:var(--butter);padding:6px 12px 7px;border-radius:12px;transform:rotate(-4deg);box-shadow:0 2px 0 #e3d4b6}
.su .bd{padding:22px 26px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.su h3{font-size:24px;line-height:1.15}
.su h3 small{display:block;font-family:"Nunito Sans",sans-serif;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--terra);margin-top:6px}
.su p{color:var(--muted);font-size:16px;line-height:1.55}
.su .good{margin-top:auto;padding-top:14px;border-top:2px dashed var(--dash);font-size:14.5px}
.su .good b{font-family:Caveat;font-size:22px;font-weight:700;color:var(--porch);margin-right:4px}
.su .good span{display:inline-block;background:#eef3ec;color:#4d6b4b;border-radius:999px;padding:3px 11px;margin:4px 4px 0 0;font-weight:600}
.setups-note{margin-top:26px;text-align:center;color:var(--muted)}
.setups-note .hand{margin-right:6px}
.su .ph.framed{align-items:center;padding:22px 20px}
.su .ph.framed:after{display:none}
.su .ph.framed .pf{position:relative;z-index:1;height:100%;background:#fff;padding:8px 8px 10px;box-shadow:0 12px 24px -10px rgba(62,44,35,.4);transform:rotate(-2deg)}
.su .ph.framed .pf img{height:100%;width:auto;display:block;filter:saturate(.92) sepia(.08)}
/* index teaser strip */
.pickstrip{display:grid;grid-template-columns:1fr auto;grid-template-areas:'t b' 'c c';gap:18px 26px;align-items:center;background:var(--paper);border:3px solid var(--espresso);border-radius:26px;padding:22px 28px}
.pickstrip h2{font-size:30px;line-height:1.1}
.pickstrip .hand{font-size:24px;display:block}
.pickstrip>div:first-child{grid-area:t}.pickstrip>.btn{grid-area:b}
.pickstrip .chips{grid-area:c;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.pickstrip .chip{display:flex;align-items:center;gap:10px;background:var(--butter);border-radius:16px;padding:8px 14px 8px 8px;font-weight:700;font-size:15px;line-height:1.25;transition:transform .15s}
.pickstrip .chip:hover{transform:translateY(-2px) rotate(-1deg)}
.pickstrip .chip .th{width:44px;height:52px;border-radius:10px;background:radial-gradient(ellipse at 50% 40%,#fff6df,#efe0c2);display:grid;place-items:center;overflow:hidden;flex:none}
.pickstrip .chip .th img{max-width:92%;max-height:92%;object-fit:contain}
.pickstrip .chip .th img.cover{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
@media (max-width:900px){
 .setups{grid-template-columns:1fr 1fr;gap:18px}
 .su,.su.half{grid-column:span 1}
 .su.last{grid-column:1/-1}
 .su .ph{height:250px}
 .pickstrip{grid-template-columns:1fr;grid-template-areas:'t' 'c' 'b';text-align:center;padding:22px 18px}
 .pickstrip .chips{grid-template-columns:1fr 1fr}
 .pickstrip .chip{text-align:left;hyphens:none}
 .pickstrip .chip:last-child{grid-column:1/-1;justify-content:center}
 .pickstrip h2{font-size:26px}
 .pickstrip>.btn{justify-self:center}
}
@media (max-width:560px){
 .setups{grid-template-columns:1fr}
 .su.last{grid-column:auto}
 .su .ph{height:270px}
 .pickstrip .chip{font-size:13.5px;gap:8px;padding:6px 10px 6px 6px}
 .pickstrip .chip .th{width:38px;height:46px}
}
.su .ph.photo.art{background:#FBF4E4}
.su .ph.photo.art img{filter:none;object-position:50% 30%}
.pickstrip .chip .th img.cover[src$=".svg"]{object-position:22% 50%}
@media (max-width:560px){.su .ph.photo.art{height:auto;aspect-ratio:640/400}}

/* ---- shopper utility bar (every page) ---- */
.shopbar{background:var(--espresso);color:var(--butter);font-size:14.5px}
.shopbar .wrap{display:flex;justify-content:flex-end;align-items:center;gap:22px;height:40px}
.shopbar .q{font-family:Caveat;font-size:21px;color:var(--honey);margin-right:auto}
.shopbar a{font-weight:700;border-bottom:2px solid transparent;padding:4px 0}
.shopbar a:hover,.shopbar a[aria-current]{border-color:var(--honey)}
@media (max-width:900px){
 .shopbar .wrap{gap:14px;height:auto;min-height:44px;justify-content:center;flex-wrap:wrap;padding-top:4px;padding-bottom:4px}
 .shopbar .q{display:none}
 .shopbar a{padding:8px 4px;font-size:14px}
}

/* ---- big help cards on using-a-cooler ---- */
.bigcards{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.bigcard{position:relative;display:flex;flex-direction:column;border-radius:30px;padding:34px 34px 30px;min-height:300px;box-shadow:0 6px 0 rgba(62,44,35,.18);transition:transform .15s,box-shadow .15s;overflow:hidden}
.bigcard:hover{transform:translateY(-3px) rotate(-.4deg);box-shadow:0 9px 0 rgba(62,44,35,.18)}
.bigcard:after{content:"";position:absolute;inset:12px;border:2px dashed rgba(255,255,255,.55);border-radius:22px;pointer-events:none}
.bc-refund{background:var(--sage);color:#fff}
.bc-sug{background:var(--honey);color:var(--espresso)}
.bc-sug:after{border-color:rgba(62,44,35,.25)}
.bigcard .hand{font-size:26px;color:inherit;opacity:.9}
.bigcard .ic{position:absolute;right:28px;top:26px;width:76px;height:76px;border-radius:24px;background:var(--paper);display:grid;place-items:center;transform:rotate(6deg)}
.bigcard .ic svg{width:52px;height:52px}
.bigcard h3{font-size:36px;margin:8px 0 10px;padding-right:90px}
.bigcard p{font-size:17px;max-width:440px}
.bigcard .go{margin-top:auto;padding-top:22px;font-weight:800;font-size:18px}
.bigcard .go{align-self:flex-start;background:var(--paper);color:var(--espresso);border-radius:999px;padding:14px 22px;margin-top:22px}
.bigcard .url{font-size:13px;opacity:.8;margin-top:10px;letter-spacing:.02em}
.slimcard{display:flex;align-items:center;gap:16px;margin-top:24px;background:var(--paper);border-radius:22px;padding:16px 22px;box-shadow:0 2px 0 #eadcc0}
.slimcard .ic{flex:none;width:48px;height:48px;border-radius:14px;background:var(--butter);display:grid;place-items:center}
.slimcard .ic svg{width:28px}
.slimcard .go{margin-left:auto;font-weight:800;color:var(--terra);white-space:nowrap}
.mat-btns{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1;margin-top:16px}
.mat-btns .btn{margin-top:0}
@media (max-width:900px){
 .bigcards{grid-template-columns:1fr;gap:18px}
 .bigcard{min-height:0;padding:28px 24px 24px}
 .bigcard h3{font-size:30px}
 .bigcard .ic{width:62px;height:62px;right:20px;top:20px}.bigcard .ic svg{width:42px;height:42px}
 .bigcard .go{width:100%;text-align:center}
 .slimcard{flex-wrap:wrap;padding:16px 18px}
 .slimcard .go{margin-left:64px}
}

/* ---- dedicated customer form pages ---- */
.wrap.narrow{max-width:760px}
.qhero{padding:34px 0 18px;position:relative;overflow:hidden}
.qhero .wrap{position:relative}
.qhero .hand.kick{font-size:28px;display:inline-block;transform:rotate(-2deg)}
.qhero h1{font-size:56px;margin-top:4px}
.qhero .lede{font-size:19px;color:#5c4a40;margin-top:12px;max-width:560px}
.q-sun{position:absolute;right:10px;top:20px;width:92px;height:92px}
.qform{padding:10px 0 40px}
form.qf{padding:38px 40px 34px}
form.qf .qf-t{font-size:30px;margin-bottom:4px;position:relative;z-index:1}
form.qf .sub{position:relative;z-index:1}
i.req,label i{color:var(--terra);font-style:normal;font-weight:800}
label small{font-weight:600;color:#8a776a;font-size:13.5px}
form.qf label{font-size:16px;margin-bottom:4px}
form.qf .hint{font-size:14px;color:var(--muted);margin:-2px 0 8px;line-height:1.4}
form.qf input,form.qf textarea,form.qf select{font-size:17px;min-height:56px;padding:14px 16px;margin-bottom:6px;border-radius:16px}
form.qf textarea{height:132px;line-height:1.5}
form.qf .field{margin-bottom:14px}
form.qf input:focus,form.qf textarea:focus,form.qf select:focus{box-shadow:0 0 0 4px rgba(200,100,59,.18)}
form.qf .err{display:none;color:#b3471f;font-weight:700;font-size:14px;margin-top:2px}
form.qf input:user-invalid,form.qf textarea:user-invalid,form.qf select:user-invalid{border-color:#c4502a;background:#fff7f3}
form.qf .field:has(:user-invalid) .err{display:block}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.sel{position:relative}
.sel select{appearance:none;-webkit-appearance:none;padding-right:46px;cursor:pointer}
.sel:after{content:"";position:absolute;right:20px;top:24px;width:10px;height:10px;border-right:3px solid var(--espresso);border-bottom:3px solid var(--espresso);transform:rotate(45deg);pointer-events:none}
.pre{position:relative}
.pre span{position:absolute;left:16px;top:16px;font-weight:700;color:var(--muted);font-size:17px}
.pre input{padding-left:32px}
fieldset{border:0;margin:0 0 6px;padding:0;position:relative;z-index:1;min-width:0}
legend{font-family:Fraunces,serif;font-weight:600;font-size:21px;margin:10px 0 14px;display:flex;align-items:center;gap:10px}
legend span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--honey);font-family:Caveat;font-size:22px;font-weight:700}
.qbtn{width:100%;min-height:60px;font-size:18px;margin-top:8px;position:relative;z-index:1}
form.qf .thanks{font-size:17px!important;text-align:center;margin-top:16px;background:#eef3ec;border-radius:14px;padding:14px}
.qnote{display:flex;gap:16px;background:var(--paper);border-radius:22px;padding:20px 22px;margin-bottom:22px;box-shadow:0 2px 0 #eadcc0;border-left:6px solid var(--sage)}
.qnote .ic{flex:none;width:44px;height:44px}
.qnote .ic svg{width:44px;height:44px}
.qnote b{font-family:Fraunces;font-size:19px}
.qnote p{color:var(--muted);font-size:15.5px;line-height:1.55;margin-top:2px}
.qafter{padding-top:10px!important}
.ohs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:10px}
.oh{display:flex;gap:12px;align-items:center;background:var(--paper);border-radius:20px;padding:16px;box-shadow:0 2px 0 #eadcc0;min-height:76px;transition:transform .15s}
.oh:hover{transform:translateY(-2px)}
.oh .ic{flex:none;width:44px;height:44px;border-radius:14px;background:var(--butter);display:grid;place-items:center}
.oh .ic svg{width:28px;height:28px}
.oh b{display:block;font-size:16px;line-height:1.25}
.oh small{display:block;color:var(--muted);font-size:13.5px;line-height:1.35;margin-top:2px}
@media (max-width:900px){
 .qhero{padding:18px 0 8px}
 .qhero h1{font-size:40px}
 .qhero .lede{font-size:17px}
 .qhero .hand.kick{font-size:24px}
 .q-sun{width:60px;height:60px;right:6px;top:10px}
 .wrap.narrow{padding:0 14px}
 .qhero .wrap.narrow{padding:0 22px}
 form.qf{padding:28px 20px 26px;border-radius:26px}
 form.qf:before{inset:8px;border-radius:20px}
 form.qf .qf-t{font-size:26px}
 .pair{grid-template-columns:1fr}
 .ohs{grid-template-columns:1fr}
 .qafter .wrap.narrow{padding:0 22px}
}
form.qf .pre input{padding-left:34px}
form.qf .thanks{color:#3f5e3d!important}
.bigcard p{margin-bottom:22px}
.bigcard .go{margin-top:auto}
@media (max-width:900px){
 .slimcard{display:grid;grid-template-columns:48px 1fr;gap:6px 14px;align-items:start}
 .slimcard .go{grid-column:2;margin-left:0}
}

/* ---- About page ---- */
.story .polaroid .frame{transform:rotate(-2deg)}
.story h2{max-width:560px}
.mission{margin-top:28px;background:var(--paper);color:var(--espresso);border-radius:20px;padding:22px 26px 24px;transform:rotate(-1deg);box-shadow:0 10px 24px -14px rgba(0,0,0,.5)}
.mission .hand{font-size:26px;display:block;line-height:1}
.dark .mission p{color:var(--espresso);font-family:Fraunces,serif;font-variation-settings:"SOFT" 100;font-weight:500;font-size:21px;line-height:1.4;margin-top:8px}
.four.tech .item{background:var(--paper);border-radius:28px;padding:30px 22px 28px;box-shadow:0 2px 0 #eadcc0}
.four.tech .item svg{width:84px;height:84px}
.four.tech .item h3{font-size:22px}
.four.tech .item p{font-size:16px}
.vals{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.val{background:var(--paper);border-radius:26px;padding:28px 24px;box-shadow:0 2px 0 #eadcc0;border-top:6px solid var(--terra)}
.val:nth-child(2){border-top-color:var(--honey)}.val:nth-child(3){border-top-color:var(--sage)}.val:nth-child(4){border-top-color:var(--porch)}
.val .ic{width:56px;height:56px;border-radius:16px;background:var(--butter);display:grid;place-items:center;margin-bottom:14px}
.val .ic svg{width:38px;height:38px}
.val h3{font-size:22px;margin-bottom:8px}
.val p{font-size:16px;color:var(--muted);line-height:1.55}
.local .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.local h2{font-size:46px;margin-top:4px}
.local .wrap>div>p{color:var(--muted);margin-top:14px;font-size:18px}
.local .side-note{margin-top:24px}
.local .side-note b{font-size:18px}
.local .slimcard{margin-top:8px;background:var(--butter)}
.local .slimcard .ic{background:var(--paper)}
.local .slimcard span b{display:block;font-family:Fraunces;font-size:18px}
.local .slimcard>span:nth-child(2){font-size:15.5px;color:var(--muted)}
.ctacard{background:var(--terra);color:#fff;border-radius:40px;padding:64px;text-align:center;position:relative;overflow:hidden}
.ctacard:after{content:"";position:absolute;inset:14px;border:2px dashed rgba(255,255,255,.4);border-radius:30px;pointer-events:none}
.ctacard .hand{color:#fff3c9;font-size:30px;display:block}
.ctacard h2{font-size:50px;color:#fff;max-width:760px;margin:4px auto 0}
.ctacard p{color:#fbe3d6;font-size:19px;max-width:620px;margin:16px auto 30px}
.ctacard .ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}
.btn-cream{background:var(--paper);color:var(--espresso);box-shadow:0 6px 0 #a24e2c}
.btn-cream:hover{transform:translateY(2px);box-shadow:0 4px 0 #a24e2c}
.btn-ghost{background:transparent;color:#fff;border:2px solid #fff}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
/* homepage makers band */
.makerband{display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;background:var(--honey);border-radius:30px;padding:30px 36px;position:relative;box-shadow:0 6px 0 rgba(62,44,35,.18)}
.makerband:after{content:"";position:absolute;inset:12px;border:2px dashed rgba(62,44,35,.25);border-radius:22px;pointer-events:none}
.makerband .ic{width:84px;height:84px;border-radius:24px;background:var(--paper);display:grid;place-items:center;transform:rotate(-5deg)}
.makerband .ic svg{width:58px;height:58px}
.makerband .hand{font-size:24px;color:var(--espresso);opacity:.8;display:block;line-height:1}
.makerband h2{font-size:32px;margin-top:4px}
.makerband p{font-size:16.5px;margin-top:6px;color:#4b372c}
.makerband .btn{position:relative;z-index:1}
/* contact: 3 shortcuts */
.mats.m3{grid-template-columns:repeat(3,1fr)}
.mats.m3 .mat{padding:30px 28px}
.mats.m3 .mat h3{font-size:26px}
/* local makers */
.incl.i4{grid-template-columns:repeat(4,1fr);gap:20px}
.incl.i4 .inc{padding:28px 24px}
.incl.i4 .inc h3{font-size:22px}
.incl.i4 .inc li{font-size:15.5px}
.makers-apply .title{max-width:none}
form.qf fieldset.ckgroup{margin:0}
form.qf legend.ckl{display:block;font-family:"Nunito Sans",sans-serif;font-weight:700;font-size:16px;margin:0 0 4px;padding:0}
.cks{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 6px}
.ck{display:inline-flex!important;align-items:center;gap:10px;background:#fff;border:2px solid #e2d3b8;border-radius:999px;padding:10px 18px 10px 14px!important;cursor:pointer;font-weight:600!important;margin:0!important;min-height:48px}
.ck:has(input:checked){border-color:var(--terra);background:#fdf0e9}
.ck:has(input:focus-visible){box-shadow:0 0 0 4px rgba(200,100,59,.18)}
form.qf .ck input{width:20px;height:20px;min-height:0;margin:0;padding:0;accent-color:var(--terra);flex:none;border-radius:4px}
form.qf .ckgroup:has(:user-invalid) .err{display:block}
form.qf .ckgroup:has(:user-invalid) .ck{border-color:#c4502a}
@media (max-width:1100px){
 .four.tech,.vals,.incl.i4{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
 .links{flex-wrap:wrap;justify-content:center;gap:8px 16px;white-space:nowrap}
 .local .wrap{grid-template-columns:1fr;gap:36px}
 .local h2{font-size:36px}
 .ctacard{padding:44px 24px;border-radius:28px}
 .ctacard:after{border-radius:20px;inset:10px}
 .ctacard h2{font-size:34px}
 .ctacard p{font-size:17px}
 .ctacard .btn{width:100%}
 .story .polaroid{order:2}
 .makerband{grid-template-columns:1fr;text-align:center;padding:30px 22px;justify-items:center;gap:16px}
 .makerband h2{font-size:26px}
 .mats.m3{grid-template-columns:1fr}
 .four.tech .item{padding:24px 16px}
}
@media (max-width:560px){
 .four.tech,.vals,.incl.i4{grid-template-columns:1fr}
}
/* about/local-makers polish */
.nowrap{white-space:nowrap}
.incl.lift .inc{background:#fff}
.local .side-note .ic{background:var(--butter)}
.local .slimcard{display:grid;grid-template-columns:48px 1fr;gap:4px 16px;align-items:start;padding:20px 22px}
.local .slimcard .go{grid-column:2;margin-left:0}
@media (max-width:560px){
 .four.tech .item{display:grid;grid-template-columns:64px 1fr;gap:2px 16px;text-align:left;align-items:start}
 .four.tech .item svg{width:64px;height:64px;grid-row:span 2;margin:0}
 .four.tech .item h3{font-size:21px;margin:4px 0 2px}
}

/* ---- live form states ---- */
.hp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
form.porch button[type=submit]:disabled{opacity:.75;cursor:progress;transform:none}
.formerr{position:relative;z-index:1;margin-top:16px;background:#fdecea;color:#8f2f16;border-radius:14px;padding:14px;font-size:15px;font-weight:700;text-align:center;line-height:1.5}
.formerr a{color:inherit;text-decoration:underline;white-space:nowrap}
form.qf .formerr{font-size:16px}