:root{
  --ink:#211710;          /* lighter, warmer than before — per direction */
  --ink2:#2B1F16;         /* raised surface */
  --ink3:#382A1E;         /* card / hover surface */
  --gold:#C8912C; --goldLt:#E4B24A; --goldPale:#F0D9A8;
  --caramel:#A9662B;
  --cream:#F6EEDD; --creamDim:rgba(246,238,221,.62); --creamFaint:rgba(246,238,221,.34);
  --creamLt:#EFE6D3;      /* lighter cream, for the "Everyone's got a favourite" section */
  --maroon:#961E26; --maroonLt:#A4262D;   /* halfway between the original oxblood and the actual POPIT red logo */
  --line:rgba(228,178,74,.18);
  --lineSoft:rgba(246,238,221,.10);
  --display:'Bricolage Grotesque',system-ui,sans-serif;
  --body:'Instrument Sans',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--cream);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:var(--display);text-wrap:balance;font-weight:800;letter-spacing:-.03em;line-height:.94}
::selection{background:var(--gold);color:var(--ink)}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.shell{max-width:1400px;margin:0 auto;padding:0 24px}
@media(min-width:768px){.shell{padding:0 48px}}

/* ---------- TYPE SCALE: extreme contrast is the point ---------- */
.mega{font-size:clamp(3.4rem,11vw,10rem);line-height:.86;letter-spacing:-.045em;font-weight:800}
.big{font-size:clamp(2.4rem,6.5vw,5.5rem);line-height:.92;letter-spacing:-.035em;font-weight:800}
.mid{font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.05;letter-spacing:-.02em;font-weight:800}
.eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;font-weight:600;color:var(--goldLt)}
.eyebrowInk{font-size:11px;letter-spacing:.32em;text-transform:uppercase;font-weight:600;color:#5B4B3C}
.dots{display:inline-flex;gap:5px;align-items:center}
.dots span{width:5px;height:5px;border-radius:999px;background:var(--gold);display:block}
.dots span:nth-child(2){opacity:.6}.dots span:nth-child(3){opacity:.3}
.lede{font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.75;color:var(--creamDim)}
.num{font-family:var(--display);font-size:12px;letter-spacing:.2em;color:var(--gold);font-weight:700}

/* ---------- BUTTONS ---------- */
.btn{display:inline-flex;align-items:center;gap:12px;padding:17px 36px;border-radius:2px;
  font-family:var(--body);font-weight:600;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;
  border:1px solid transparent;cursor:pointer;transition:all .4s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden}
.btn-gold{background:var(--gold);color:var(--ink)}
.btn-gold:hover{background:var(--goldLt);transform:translateY(-2px)}
.btn-line{border-color:rgba(246,238,221,.35);color:var(--cream)}
.btn-line:hover{background:var(--cream);color:var(--ink);border-color:var(--cream)}

/* ---------- IMAGE TREATMENT: makes light-bg photos survive on dark ---------- */
.img{position:relative;overflow:hidden;background:var(--ink2)}
.img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.16,.8,.24,1)}
/* Darkening/warming filter removed sitewide per direction — images render at natural brightness. */
.img.tone img{filter:none}
.img.deep::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(20,15,12,0) 30%,rgba(20,15,12,.92) 100%)}
.hoverzoom:hover .img img{transform:scale(1.06)}

/* ---------- SECTION RHYTHM ---------- */
.sec{padding:clamp(48px,6vw,88px) 0}
.sec-sm{padding:clamp(48px,6vw,80px) 0}
.rule{height:1px;background:var(--lineSoft)}

/* ---------- REVEAL ---------- */
.rv{opacity:0;transform:translateY(34px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes mv{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.fadeUp{animation:fadeUp .8s cubic-bezier(.2,.7,.2,1) both}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

/* ---------- GRIDS ---------- */
.g2{display:grid;gap:clamp(28px,4vw,64px);grid-template-columns:1fr}
.g3{display:grid;gap:clamp(20px,2vw,28px);grid-template-columns:1fr}
.g4{display:grid;gap:1px;grid-template-columns:1fr;background:var(--lineSoft)}
@media(min-width:820px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){.g4{grid-template-columns:repeat(4,1fr)}}
.desknav{display:none}
@media(min-width:1040px){.desknav{display:flex}}
.page{display:none}.page.active{display:block}
.crumbs{display:flex;gap:8px;font-size:12px;color:var(--creamFaint);list-style:none;letter-spacing:.04em}

/* ---------- COMPATIBILITY LAYER for the 8 non-rebuilt pages ---------- */
/* Legacy aliases from the light system, remapped to dark-appropriate values. */
:root{
  --inkSoft:rgba(246,238,221,.62);
  --creamDeep:var(--ink3);
  --lineGold:var(--line);
  --onDark:var(--cream);
}
.card{background:var(--ink2);border:1px solid var(--lineSoft);border-radius:2px}
.cell{background:var(--ink2)}
.imgwrap{overflow:hidden;position:relative}
.imgwrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.fcard{transition:all .3s}
.fcard:hover .imgwrap img{transform:scale(1.05)}
.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:2px;
  font-family:var(--body);font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;
  cursor:pointer;transition:all .3s;border:1px solid transparent;background:var(--gold);color:var(--ink)}
.btn-primary:hover{background:var(--goldLt)}
.btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:2px;
  font-family:var(--body);font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;
  cursor:pointer;transition:all .3s;border:1px solid rgba(246,238,221,.35);color:var(--cream);background:transparent}
.btn-ghost:hover{background:var(--cream);color:var(--ink)}
.eyebrow-light{font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--goldLt)}
.eyebrow-muted{font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--creamFaint)}
.cards3,.cards2,.twocol{display:grid;gap:28px;grid-template-columns:1fr}
@media(min-width:768px){.cards2{grid-template-columns:1fr 1fr}.cards3{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.cards3{grid-template-columns:repeat(3,1fr)}.twocol{grid-template-columns:1fr 1fr}}
.d-xl{font-size:clamp(3rem,9vw,7.5rem);line-height:.9;letter-spacing:-.035em;font-weight:800;font-family:var(--display)}
.d-lg{font-size:clamp(2.5rem,6vw,5rem);line-height:.94;letter-spacing:-.03em;font-weight:800;font-family:var(--display)}
.d-md{font-size:clamp(2rem,4vw,3.25rem);line-height:1;letter-spacing:-.02em;font-weight:800;font-family:var(--display)}

/* ---- Save-for-later: WhatsApp send-to-self + email capture ---- */
.savelink{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--creamDim);
  border-bottom:1px solid var(--line);padding-bottom:2px;transition:color .25s,border-color .25s}
.savelink:hover{color:var(--goldLt);border-color:var(--goldLt)}
.saveemail{display:flex;border:1px solid var(--line);max-width:260px}
.saveemail input{flex:1;min-width:0;background:transparent;border:none;padding:8px 12px;font-size:13px;color:var(--cream);outline:none;font-family:var(--body)}
.saveemail input::placeholder{color:var(--creamFaint)}
.saveemail button{background:transparent;border:none;border-left:1px solid var(--line);padding:8px 14px;color:var(--goldLt);cursor:pointer;font-size:14px}
.saveemail button:hover{background:var(--goldLt);color:var(--ink)}

/* ============ GIFTING PAGE — EDITORIAL SYSTEM ============ */
/* Elegant image placeholders — designed, not grey boxes */
.imgph{position:relative;background:var(--ink2);border:1px solid var(--line);overflow:hidden;
  display:flex;flex-direction:column;justify-content:flex-end;padding:24px}
.imgph::before{content:'';position:absolute;inset:12px;border:1px solid rgba(200,145,44,.22);pointer-events:none}
.imgph::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 80% 70% at 50% 40%, rgba(200,145,44,.09), transparent 70%)}
.imgph-label{position:relative;z-index:2;font-size:10px;letter-spacing:.24em;text-transform:uppercase;
  font-weight:600;color:var(--goldLt)}
.imgph-dir{position:relative;z-index:2;margin-top:8px;font-size:12.5px;line-height:1.6;color:var(--creamFaint);max-width:42ch}
.imgph.on-cream{background:#EDE3D2;border-color:rgba(33,23,16,.14)}
.imgph.on-cream::before{border-color:rgba(200,145,44,.3)}
.imgph.on-cream .imgph-label{color:#8A6A2E}
.imgph.on-cream .imgph-dir{color:#7A6A5B}
/* Full-bleed usage (hero/section backgrounds): the small-card gold frame and
   radial glow read as a distortion when stretched across a whole viewport,
   so this variant removes them and keeps the border off too. */
.imgph.bleed::before,.imgph.bleed::after{content:none}
.imgph.bleed{border:none;z-index:0}

/* POPIT! dot/burst motif — derived from the diaeresis + exclamation dot */
.burst{display:inline-flex;align-items:center;gap:7px}
.burst i{width:4px;height:4px;border-radius:999px;background:var(--gold);display:block}
.burst i:nth-child(1),.burst i:nth-child(3){opacity:.45}
.burst i:nth-child(2){width:6px;height:6px}

/* POPIT! brand divider — recurring visual rhythm */
.pdiv{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.pdiv img{height:34px;width:auto}
.pdiv-line{font-family:var(--display);font-style:italic;font-size:14px;letter-spacing:.02em}

/* Editorial asymmetric grid helpers */
.edit-60-40{display:grid;gap:clamp(24px,4vw,56px);grid-template-columns:1fr;align-items:center}
.edit-40-60{display:grid;gap:clamp(24px,4vw,56px);grid-template-columns:1fr;align-items:center}
@media(min-width:900px){
  .edit-60-40{grid-template-columns:1.4fr 1fr}
  .edit-40-60{grid-template-columns:1fr 1.4fr}
}
/* Typographic link list — replaces boxed product cards */
.tlink{display:block;padding:20px 0;border-bottom:1px solid var(--lineSoft);transition:padding-left .35s}
.tlink:hover{padding-left:10px}
.tlink h3{font-family:var(--display);font-size:clamp(1.2rem,2vw,1.6rem);font-weight:800}
.tlink p{margin-top:4px;font-size:14.5px;color:var(--creamDim)}
.tlink .arw{float:right;color:var(--goldLt);font-size:14px}

/* ============ GIFTING PAGE v3 — occasion band, way-cards, Adedola-format FAQ ============ */
.occband{overflow:hidden;white-space:nowrap}
.occband-track{display:inline-flex;gap:24px;align-items:center;animation:mv 32s linear infinite}
.occtag{font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#5B4B3C;padding:14px 0}
.occtag b{color:var(--maroon);font-weight:400;margin-right:14px}

.waygrid{display:grid;gap:1px;background:var(--lineSoft);grid-template-columns:1fr}
.waycard{background:var(--ink2);padding:clamp(24px,3vw,32px);display:flex;flex-direction:column}
.waycard .imgph{margin-bottom:20px}
.waycard.cream{background:#fff}
.waycard.maroon{background:var(--maroon)}
.waycard.maroon .imgph{background:rgba(0,0,0,.18);border-color:rgba(246,238,221,.25)}
.waycard.maroon .imgph::before{border-color:rgba(246,238,221,.35)}
.waycard.maroon .imgph-label{color:var(--goldPale)}
.waycard.maroon .imgph-dir{color:rgba(246,238,221,.75)}
.waycard.maroon .eyebrow{color:var(--goldPale)}
.waycard.maroon h3{color:var(--cream)}
.waycard.maroon p{color:rgba(246,238,221,.85) !important}
.waycard-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:700px){.waygrid{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.waygrid{grid-template-columns:repeat(3,1fr)}}

/* FAQ, Adedola work-list format: row + category tag + expand icon */
.faqrow{display:block;border-bottom:1px solid rgba(33,23,16,.12);padding:22px 0;cursor:pointer}
.faqrow-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.faqrow-q{font-family:var(--display);font-size:clamp(1.05rem,1.7vw,1.3rem);font-weight:700;color:var(--ink)}
.faqrow-right{display:flex;align-items:center;gap:14px;flex-shrink:0}
.faqtag{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding:5px 11px;
  border:1px solid var(--gold);color:var(--maroon);white-space:nowrap}
.faqrow-pl{font-size:19px;color:var(--gold);transition:transform .35s}
.faqrow-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.7,.2,1)}
.faqrow-a-in{overflow:hidden}
.faqrow-a p{padding-top:14px;max-width:62ch;font-size:15px;line-height:1.75;color:#5B4B3C}

/* ============ CONSOLIDATED FROM PER-PAGE INLINE STYLE BLOCKS ============ */
/* from d-hero.html */
#heroSplit{grid-template-columns:1fr}
#heroDivider{display:none}
@media(min-width:900px){
  #heroSplit{grid-template-columns:1fr 1fr}
  #heroDivider{display:block!important}
}

/* from d-proof.html */
.g5proof{display:grid;grid-template-columns:1fr 1fr;width:100%}
.proofcell{padding:clamp(24px,3vw,32px) 16px;text-align:center;border-top:1px solid var(--lineSoft)}
.proofcell:nth-child(-n+2){border-top:none}
@media(min-width:640px){.g5proof{grid-template-columns:repeat(3,1fr)}.proofcell:nth-child(-n+3){border-top:none}}
@media(min-width:1040px){.g5proof{grid-template-columns:repeat(5,1fr)}.proofcell{border-top:none}
  .proofcell + .proofcell{border-left:1px solid var(--lineSoft)}}

/* from d-fav.html */
.favcard{display:block;background:#fff;border:1px solid rgba(33,23,16,.09);overflow:hidden;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
.favcard:hover{transform:translateY(-4px);box-shadow:0 20px 40px -12px rgba(33,23,16,.18)}
.favcard-body{padding:22px 24px 26px}

/* from d-flav.html */
@media(max-width:819px){#whyGrid .img{height:340px}}

/* from d-wtb.html */
.tagLt{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;padding:7px 14px;border:1px solid rgba(33,23,16,.18);color:#5B4B3C;transition:all .25s;cursor:pointer}
.tagLt:hover{background:var(--maroon);border-color:var(--maroon);color:var(--cream)}
@media(max-width:819px){#wtbGrid .img{height:280px}}

/* from d-popit.html */
.panelgrid{display:grid;grid-template-columns:1fr;gap:2px;background:var(--lineSoft)}
.panel{position:relative;display:block;min-height:200px;overflow:hidden;background:var(--ink2)}
.panel-img{position:absolute;inset:0}
.panel-img img{transition:transform 1.4s cubic-bezier(.16,.8,.24,1)}
.panel::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(33,23,16,.94) 10%,rgba(33,23,16,.5) 62%,rgba(33,23,16,.28) 100%);transition:background .6s;z-index:1}
.panel-body{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(20px,2.4vw,28px)}
.pq{font-family:var(--display);font-weight:800;font-size:clamp(1.05rem,1.6vw,1.35rem);letter-spacing:-.01em}
.panel-copy{margin-top:10px;font-size:13.5px;line-height:1.6;color:var(--creamDim);max-width:34ch;
  max-height:0;opacity:0;overflow:hidden;transition:max-height .6s cubic-bezier(.2,.7,.2,1),opacity .5s,margin-top .5s}
.panel-cta{margin-top:0;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--goldLt);font-weight:600;
  max-height:0;opacity:0;overflow:hidden;transition:max-height .6s cubic-bezier(.2,.7,.2,1),opacity .5s,margin-top .5s}
.panel:hover .panel-img img{transform:scale(1.08)}
.panel:hover::after{background:linear-gradient(to top,rgba(33,23,16,.96) 14%,rgba(33,23,16,.65) 70%,rgba(33,23,16,.32) 100%)}
.panel:hover .panel-copy{max-height:90px;opacity:1;margin-top:10px}
.panel:hover .panel-cta{max-height:32px;opacity:1;margin-top:16px}
@media(min-width:640px){.panelgrid{grid-template-columns:1fr 1fr}.panel{min-height:280px}}
@media(max-width:639px){.panel-copy,.panel-cta{max-height:none;opacity:1;overflow:visible}.panel-copy{margin-top:10px}.panel-cta{margin-top:16px}}

/* from d-gift.html */
@media(min-width:820px){#giftGrid > div:first-child{order:1}#giftGrid > .img{order:2!important}}
@media(max-width:819px){#giftGrid .img{height:320px}}

/* from d-testimonials.html */
.tarrow{width:48px;height:48px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--goldLt);font-size:16px;cursor:pointer;transition:all .3s}
.tarrow:hover{background:var(--goldLt);color:var(--ink)}
.tgrid{display:grid;grid-template-columns:1fr;border:1px solid var(--lineSoft)}
.tcard{position:relative}
.tcard + .tcard{border-top:1px solid var(--lineSoft)}
.tinner{position:relative;padding:clamp(28px,4vw,44px)}
.tquote{font-family:Georgia,serif;font-size:56px;line-height:1;color:var(--maroonLt);opacity:.85}
.tpill{position:absolute;top:clamp(28px,4vw,44px);right:clamp(28px,4vw,44px);background:var(--maroon);color:var(--cream);
  font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;border-radius:2px;font-weight:600}
.tbody{margin-top:18px;font-family:var(--display);font-style:italic;font-size:clamp(1.05rem,1.7vw,1.3rem);font-weight:500;
  line-height:1.5;max-width:38ch;color:var(--cream)}
.tfoot{margin-top:28px;padding-top:20px;border-top:1px solid var(--lineSoft);display:flex;align-items:center;gap:14px}
.tavatar{width:40px;height:40px;border-radius:999px;background:linear-gradient(135deg,var(--maroon),var(--maroonLt));flex-shrink:0}
.tname{font-size:14.5px;font-weight:700;color:var(--cream)}
.trole{margin-top:2px;font-size:12.5px;color:var(--creamFaint)}
@media(min-width:820px){
  .tgrid{grid-template-columns:1fr 1fr}
  .tcard + .tcard{border-top:none;border-left:1px solid var(--lineSoft)}
}

/* from pages-hubs.html */
.tag{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;padding:7px 14px;border:1px solid var(--lineSoft);color:var(--creamDim)}
.tag.gold{border-color:var(--line);color:var(--goldLt)}
.struck{position:relative;display:inline-block;color:var(--creamFaint)}
.struck::after{content:'';position:absolute;left:-2%;right:-2%;top:52%;height:.09em;background:var(--goldLt);
  transform:scaleX(1);transform-origin:left}

/* from pages-pdp.html */
@media(min-width:1024px){#spec-salted-caramel{grid-template-columns:1.3fr 1fr!important}}

/* from pages-pdp.html */
@media(min-width:1024px){#spec-cinnamon-spiced{grid-template-columns:1.3fr 1fr!important}}

/* from pages-pdp.html */
@media(min-width:1024px){#spec-ginger-fusion{grid-template-columns:1.3fr 1fr!important}}

/* from pages-pdp.html */
@media(min-width:1024px){#spec-sweet-salty{grid-template-columns:1.3fr 1fr!important}}

/* from pages-pdp.html */
@media(min-width:1024px){#spec-sea-salt{grid-template-columns:1.3fr 1fr!important}}

/* from pages-pdp.html */
@media(min-width:1024px){#spec-sweet-cinnamon{grid-template-columns:1.3fr 1fr!important}}

/* from page-gifting.html */
.occtag{color:rgba(246,238,221,.7)!important}.occtag b{color:var(--goldLt)!important}

/* from page-gifting.html */
.timeline{display:flex;flex-direction:column;gap:18px}
.tstep{flex:1}
.tnum{font-family:var(--display);font-size:11px;letter-spacing:.2em;color:var(--goldLt);font-weight:700}
.tstep h3{margin-top:6px;font-family:var(--display);font-size:16px;font-weight:800;color:var(--cream);line-height:1.3}
.tsep{display:none}
@media(min-width:900px){.timeline{flex-direction:row;align-items:flex-start;gap:18px}.tsep{display:inline-flex;margin-top:22px;flex-shrink:0}}
.giftform{background:var(--ink3);padding:clamp(22px,3vw,32px);border:1px solid var(--line)}
.giftform input:not([type=checkbox]),.giftform select,.giftform textarea{width:100%;border:1px solid var(--line);background:var(--ink2);color:var(--cream);
  padding:13px 15px;font-family:var(--body);font-size:15.5px;border-radius:2px}
.giftform input::placeholder,.giftform textarea::placeholder{color:var(--creamFaint)}
.giftform input:focus,.giftform select:focus,.giftform textarea:focus{outline:2px solid var(--goldLt);outline-offset:1px}

/* from page-events.html */
.mom{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--ink3)}
.mom .img{position:absolute;inset:0}
.mom-cap{position:absolute;left:0;right:0;bottom:0;padding:24px;z-index:2;background:linear-gradient(to top,rgba(33,23,16,.94),transparent)}
.mom-cap p{margin-top:8px;font-family:var(--display);font-size:17px;font-weight:800}

/* from page-findus.html */
@media(min-width:640px){#searchrow{flex-direction:row!important}#searchrow>*{flex:1}}
@media(min-width:1024px){#locgrid{grid-template-columns:1.4fr 1fr!important}#locgrid>div{height:620px!important;max-height:620px!important}
#filterbar{flex-direction:row!important;align-items:flex-end;justify-content:space-between}#searchrow{width:520px}}

/* from page-findus.html */
@media(min-width:768px){#arealist{grid-template-columns:1fr 1fr!important}}@media(min-width:1024px){#arealist{grid-template-columns:repeat(3,1fr)!important}}

/* from d-foot.html */
@media(min-width:640px){#fcols{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){#fcols{grid-template-columns:1.3fr .85fr .85fr 1fr .85fr;gap:32px}}

/* from d-nav.html */
.nl{position:relative;padding:6px 0;color:var(--cream);opacity:.82;transition:opacity .3s}
.nl::after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--goldLt);transition:width .4s cubic-bezier(.2,.7,.2,1)}
.nl:hover{opacity:1}.nl:hover::after{width:100%}
#hdr.solid{background:rgba(20,15,12,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--lineSoft)}
#hdr.solid .shell{height:82px}
/* Permanent baseline scrim for the transparent nav state — guarantees nav text
   stays legible regardless of what section colour happens to sit behind it,
   instead of depending on every page's hero being dark. */
#hdr:not(.solid){background:linear-gradient(to bottom,rgba(20,15,12,.6) 0%,rgba(20,15,12,.25) 65%,transparent 100%) !important}
#hdr.solid #navlogo{height:52px}
@media(min-width:1040px){#burger{display:none!important}}
/* Popcorn-kernel separator for occasion marquees — replaces the diamond glyph */
.popcorn{display:inline-block;width:13px;height:13px;vertical-align:-2px;flex-shrink:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='7' cy='8' r='5' fill='%23E4B24A'/%3E%3Ccircle cx='13' cy='7.5' r='4.3' fill='%23E4B24A'/%3E%3Ccircle cx='9.5' cy='13' r='4.8' fill='%23E4B24A'/%3E%3Ccircle cx='14.5' cy='12.5' r='3.2' fill='%23E4B24A'/%3E%3C/svg%3E");
  background-size:contain;background-repeat:no-repeat;background-position:center}