/* Seasonal skins. A CSS layer over theme.css. Set data-skin="oct|nov|dec" on <html>.
   Same nav, grid and type in every month. Each skin redresses the first two screens
   (announcement, hero, trust strip), the section accents, the cards and the bands,
   and adds one quiet decorative layer. Nothing structural. */

/* visibility helpers */
[data-skin="oct"] .only-oct,[data-skin="nov"] .only-nov,[data-skin="dec"] .only-dec{display:revert !important}
[data-skin="oct"] .base-only,[data-skin="nov"] .base-only,[data-skin="dec"] .base-only{display:none !important}
[data-skin="oct"] .hero-grid.only-oct,[data-skin="nov"] .hero-grid.only-nov,[data-skin="dec"] .hero-grid.only-dec{display:grid !important}
[data-skin="oct"] li.only-oct,[data-skin="nov"] li.only-nov,[data-skin="dec"] li.only-dec{display:list-item !important}
/* the old CSS sky and snow spans are retired; seasons.js draws the layer */
[data-skin="oct"] .sky.only-oct,[data-skin="dec"] .snow.only-dec{display:none !important}
.countdown,.sky,.snow,.shelf{display:none}

/* decorative slot svgs: leaf for Oct/Nov, sprig for Dec, nothing on base */
.deco{display:none}
[data-skin] .deco{display:none !important}
.deco svg{display:none;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
[data-skin="oct"] .deco .leaf,[data-skin="nov"] .deco .leaf{display:block}
[data-skin="dec"] .deco .sprig{display:block}
[data-skin] .deco.l1{left:-8px;top:30px;width:84px;height:84px;transform:rotate(-24deg)}
[data-skin] .deco.l2{right:6%;bottom:8%;width:60px;height:60px;transform:rotate(38deg)}
[data-skin] .deco.l3{left:52%;top:8px;width:46px;height:46px;transform:rotate(120deg)}

/* ======================================================================
   OCTOBER. Deep plum, cream type, burnt orange. Spooky but premium.
   ====================================================================== */
[data-skin="oct"]{
  --plum:#2A1A2E;--plum-2:#3A2740;--orange:#C1611F;--orange-2:#E9A26B;
  --accent:var(--orange);--accent-soft:#F3DCCB;
  --btn:var(--plum);--btn-hover:var(--orange);
}
[data-skin="oct"] .announce{background:#1E1222;border-bottom:1px solid rgba(233,162,107,.25)}
[data-skin="oct"] .announce b,[data-skin="oct"] .announce .dot{color:var(--orange-2);background:var(--orange-2)}
[data-skin="oct"] .announce b{background:none}
[data-skin="oct"] .nav{background:rgba(251,247,240,.96);border-bottom-color:rgba(42,26,46,.14)}
[data-skin="oct"] .nav-links .season{color:var(--orange)}
[data-skin="oct"] .lbl,[data-skin="oct"] .fl .no,[data-skin="oct"] .step .no,[data-skin="oct"] .points li b,[data-skin="oct"] .foot h4,[data-skin="oct"] .fact b,[data-skin="oct"] .menu li a::before{color:var(--orange)}
[data-skin="oct"] .badge--season{background:var(--orange)}
[data-skin="oct"] .btn--line{border-color:var(--plum)}
[data-skin="oct"] .link{border-color:var(--orange)}
[data-skin="oct"] .sec-head h2::after,[data-skin="oct"] .row-head h2::after,[data-skin="oct"] .split h2::after,[data-skin="oct"] .anatomy h2::after{background:var(--orange);opacity:.6}

/* hero band */
/* moonlit night: plum to near black, a soft cream moon disc top right at 12% */
[data-skin="oct"] .hero{background-color:#1A1020;color:var(--cream);padding:56px 0 40px;background-image:radial-gradient(circle at 88% 12%,rgba(251,247,240,.12) 0,rgba(251,247,240,.12) 74px,rgba(251,247,240,.05) 78px,rgba(251,247,240,0) 96px),radial-gradient(60% 70% at 88% 10%,rgba(120,90,130,.22) 0%,rgba(42,26,46,0) 70%),linear-gradient(180deg,#2A1A2E 0%,#1E1224 48%,#130B17 100%)}
@media(max-width:900px){[data-skin="oct"] .hero{background-image:radial-gradient(circle at 86% 6%,rgba(251,247,240,.12) 0,rgba(251,247,240,.12) 50px,rgba(251,247,240,.05) 53px,rgba(251,247,240,0) 66px),radial-gradient(70% 50% at 86% 4%,rgba(120,90,130,.22) 0%,rgba(42,26,46,0) 70%),linear-gradient(180deg,#2A1A2E 0%,#1E1224 48%,#130B17 100%)}}
[data-skin="oct"] .hero .lbl{color:var(--orange-2)}
[data-skin="oct"] .hero h1{color:var(--cream)}
[data-skin="oct"] .hero h1 em{color:var(--orange-2)}
[data-skin="oct"] .hero p{color:#D9CBB5}
[data-skin="oct"] .hero-cta .from{color:rgba(251,247,240,.62)}
[data-skin="oct"] .hero .btn{background:var(--orange);color:var(--cream)}
[data-skin="oct"] .hero .btn:hover{background:var(--orange-2);color:var(--plum)}
[data-skin="oct"] .hero .deco{color:var(--orange-2);opacity:.28}
[data-skin="oct"] .trust{background:#F3ECF1;border-color:rgba(42,26,46,.14);color:var(--plum)}
[data-skin="oct"] .trust li+li::before{background:var(--orange)}
/* sky: moon and a few embers */
[data-skin="oct"] .sky{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
[data-skin="oct"] .moon{display:none}
[data-skin="oct"] .ember{display:none}
[data-skin="oct"] .ember.e1{left:12%;animation-delay:0s}
[data-skin="oct"] .ember.e2{left:30%;animation-delay:6s;animation-duration:22s}
[data-skin="oct"] .ember.e3{left:47%;animation-delay:11s;width:2px;height:2px}
[data-skin="oct"] .ember.e4{left:63%;animation-delay:3s;animation-duration:20s}
[data-skin="oct"] .ember.e5{left:78%;animation-delay:14s;width:2px;height:2px}
[data-skin="oct"] .ember.e6{left:90%;animation-delay:8s;animation-duration:24s}
@keyframes ember{0%{transform:translate(0,0);opacity:0}8%{opacity:.9}50%{transform:translate(18px,-50vh);opacity:.5}100%{transform:translate(-10px,-100vh);opacity:0}}
/* hero art: two framed studio photos */
[data-skin="oct"] .hero-art.tiles{display:block;min-height:520px;position:relative;z-index:1}
[data-skin="oct"] .tile{position:absolute;margin:0;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -24px rgba(0,0,0,.7);border:1px solid rgba(251,247,240,.14);background:#1D1720}
[data-skin="oct"] .tile img{width:100%;height:100%;object-fit:cover;display:block}
[data-skin="oct"] .tile figcaption{position:absolute;left:14px;bottom:14px;font-family:var(--ff-h);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--cream);background:rgba(30,18,34,.6);padding:7px 10px;border-radius:5px;backdrop-filter:blur(6px)}
[data-skin="oct"] .tile.t1{left:4%;top:0;width:60%;aspect-ratio:3/4;z-index:1}
[data-skin="oct"] .tile.t2{right:0;bottom:-4%;width:46%;aspect-ratio:3/4;z-index:2;border-color:rgba(233,162,107,.35)}
@media(max-width:900px){
  [data-skin="oct"] .hero{padding:28px 0 24px}
  [data-skin="oct"] .hero-art.tiles{min-height:0;height:auto;aspect-ratio:1/1;margin:0 0 14px}
  [data-skin="oct"] .tile.t1{width:64%;left:0}
  [data-skin="oct"] .tile.t2{width:48%;right:0;bottom:0}
  [data-skin="oct"] .moon{width:180px;height:180px;right:-30px;top:-50px}
}
/* cards and bands */
[data-skin="oct"] .card,[data-skin="oct"] .cat,[data-skin="oct"] .fl .im,[data-skin="oct"] .honest,[data-skin="oct"] .fact,[data-skin="oct"] .coll-note,[data-skin="oct"] .cart-box{border-color:rgba(42,26,46,.2)}
[data-skin="oct"] .card:hover,[data-skin="oct"] .cat:hover,[data-skin="oct"] .fl:hover .im{border-color:var(--orange)}
[data-skin="oct"] .band{background:var(--plum);background-image:radial-gradient(70% 90% at 90% 10%,rgba(90,58,100,.5) 0%,rgba(42,26,46,0) 60%)}
[data-skin="oct"] .band .btn{background:var(--orange);color:var(--cream)}
[data-skin="oct"] .band .btn:hover{background:var(--orange-2);color:var(--plum)}
[data-skin="oct"] .band .lbl{color:var(--orange-2)}
[data-skin="oct"] .band-tree{opacity:.08}
[data-skin="oct"] .editorial::after{background:linear-gradient(90deg,rgba(42,26,46,.85) 0%,rgba(42,26,46,.55) 38%,rgba(42,26,46,0) 68%),linear-gradient(180deg,rgba(42,26,46,0) 60%,rgba(42,26,46,.5) 100%)}
[data-skin="oct"] .editorial .lbl{color:var(--orange-2)}
[data-skin="oct"] .editorial blockquote,[data-skin="nov"] .editorial blockquote,[data-skin="dec"] .editorial blockquote{color:var(--cream)}
[data-skin="oct"] .signup,[data-skin="oct"] footer{background:#F6F0F3;border-color:rgba(42,26,46,.14)}
[data-skin="oct"] .skinbar{background:rgba(30,18,34,.94)}
[data-skin="oct"] .skinbar button[aria-pressed="true"]{background:var(--orange);color:var(--cream)}
/* Halloween band */
.hallo{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;border-radius:20px;overflow:hidden;background:var(--plum);color:var(--cream);align-items:stretch}
.hallo-art{position:relative;min-height:380px;background:#1D1720}
.hallo-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hallo-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(42,26,46,0) 60%,var(--plum) 100%)}
.hallo-copy{padding:52px 56px 52px 32px;display:flex;flex-direction:column;justify-content:center}
.hallo-copy .lbl{color:var(--orange-2)}
.hallo-copy h2{color:var(--cream);margin-top:10px}
.hallo-copy p{color:#D9CBB5;margin-top:14px;font-size:18px;max-width:46ch}
.hallo-copy .btns{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}
.hallo-copy .btn{background:var(--orange);color:var(--cream)}
.hallo-copy .btn:hover{background:var(--orange-2);color:var(--plum)}
.hallo-copy .btn--line{background:transparent;color:var(--cream);border-color:rgba(251,247,240,.4)}
.hallo-copy .btn--line:hover{background:rgba(251,247,240,.1);color:var(--cream)}
@media(max-width:900px){.hallo{grid-template-columns:1fr}.hallo-art{min-height:240px;aspect-ratio:16/10}.hallo-art::after{background:linear-gradient(180deg,rgba(42,26,46,0) 55%,var(--plum) 100%)}.hallo-copy{padding:8px 24px 32px}}
/* mobile menu dressed for the month */
[data-skin="oct"] .menu{background:var(--plum);color:var(--cream)}
[data-skin="oct"] .menu li a{color:var(--cream);border-color:rgba(251,247,240,.14)}
[data-skin="oct"] .menu li.small a{color:#D9CBB5}
[data-skin="oct"] .menu li a.season,[data-skin="oct"] .menu li a[aria-current]{color:var(--orange-2)}
[data-skin="oct"] .menu-head{border-color:rgba(251,247,240,.14)}
[data-skin="oct"] .menu-head .icon-btn{color:var(--cream)}
[data-skin="oct"] .menu-head .lg-dark{display:none}[data-skin="oct"] .menu-head .lg-light{display:block}
[data-skin="oct"] .menu-foot .btn{background:var(--orange);color:var(--cream)}
[data-skin="oct"] .menu-foot p{color:rgba(251,247,240,.6)}

/* ======================================================================
   NOVEMBER. Rust and harvest gold. Linen table, dark wood band.
   ====================================================================== */
[data-skin="nov"]{
  --rust:#9C4A2B;--harvest:#D9A446;--linen-2:#F3EADB;--wood:#3E2818;
  --accent:var(--rust);--accent-soft:#F0DCCF;
  --btn:var(--ink);--btn-hover:var(--rust);
  --band:var(--linen-2);
}
[data-skin="nov"] .announce{background:var(--rust)}
[data-skin="nov"] .announce b{color:#F5D9A6}
[data-skin="nov"] .announce .dot{background:#F5D9A6}
[data-skin="nov"] .rust-rule{height:3px;background:linear-gradient(90deg,var(--harvest),#F5D9A6 50%,var(--harvest))}
[data-skin="nov"] .lbl,[data-skin="nov"] .fl .no,[data-skin="nov"] .step .no,[data-skin="nov"] .points li b,[data-skin="nov"] .foot h4,[data-skin="nov"] .fact b,[data-skin="nov"] .menu li a::before{color:var(--rust)}
[data-skin="nov"] .hero h1 em{color:var(--rust)}
[data-skin="nov"] .badge--season{background:var(--rust)}
[data-skin="nov"] .link{border-color:var(--rust)}
[data-skin="nov"] .sec-head h2::after,[data-skin="nov"] .row-head h2::after,[data-skin="nov"] .split h2::after,[data-skin="nov"] .anatomy h2::after{background:var(--harvest);opacity:.8}
/* hero: linen cloth with a wood table edge */
[data-skin="nov"] .hero{background-color:var(--linen-2);background-image:repeating-linear-gradient(0deg,rgba(156,74,43,.025) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,rgba(156,74,43,.02) 0 1px,transparent 1px 5px),linear-gradient(180deg,#F8F1E4 0%,var(--linen-2) 100%);border-top:1px solid rgba(217,164,70,.5);padding-bottom:0}
[data-skin="nov"] .hero .halo{display:none}
[data-skin="nov"] .hero .deco{color:var(--harvest);opacity:.55}
[data-skin="nov"] .hero-grid.only-nov{align-items:end}
[data-skin="nov"] .hero-grid.only-nov .hero-copy{align-self:center;padding-bottom:40px}
[data-skin="nov"] .hero-art.duo{margin-bottom:0;min-height:520px;align-items:flex-end}[data-skin="nov"] .hero-art.duo .main{width:76%;margin-left:-4%}[data-skin="nov"] .hero-art.duo .cut{width:30%}
[data-skin="nov"] .hero-art .shelf{display:none;position:absolute;left:-12%;right:-12%;bottom:0;height:34px;background:linear-gradient(180deg,#6B4630 0%,#4A2F1E 30%,var(--wood) 100%);border-radius:3px 3px 0 0;box-shadow:0 -1px 0 rgba(217,164,70,.5),inset 0 2px 0 rgba(255,255,255,.08);z-index:0}
[data-skin="nov"] .hero-art .shelf::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0 2px,transparent 2px 9px);opacity:.6}
[data-skin="nov"] .hero-art .main,[data-skin="nov"] .hero-art .cut{z-index:1}
[data-skin="nov"] .hero-art .cut{bottom:8px}
[data-skin="nov"] .hero-art .halo{z-index:0}
[data-skin="nov"] .trust{background:var(--wood);background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.1) 0 2px,transparent 2px 11px),linear-gradient(180deg,#5A3A26,var(--wood) 40%);border-color:var(--wood);padding:20px 0;box-shadow:inset 0 1px 0 rgba(217,164,70,.55),inset 0 3px 0 rgba(255,255,255,.06)}
[data-skin="nov"] .trust ul{color:#E8D3A6}
[data-skin="nov"] .trust li+li::before{background:var(--harvest)}
@media(max-width:900px){[data-skin="nov"] .hero-grid.only-nov{align-items:stretch}[data-skin="nov"] .hero-art.duo{margin-bottom:0;min-height:0}[data-skin="nov"] .hero{padding-bottom:0}[data-skin="nov"] .hero-grid.only-nov .hero-copy{padding-bottom:28px}}
/* cards and bands */
[data-skin="nov"] .card,[data-skin="nov"] .cat,[data-skin="nov"] .fl .im{border-color:#E8DCC6}
[data-skin="nov"] .card:hover,[data-skin="nov"] .cat:hover,[data-skin="nov"] .fl:hover .im{border-color:var(--harvest)}
[data-skin="nov"] .band{background:var(--rust);background-image:radial-gradient(70% 90% at 90% 10%,rgba(217,164,70,.28) 0%,rgba(156,74,43,0) 60%)}
[data-skin="nov"] .band p{color:#F3DED0}
[data-skin="nov"] .band .lbl{color:#F5D9A6}
[data-skin="nov"] .band .btn{background:var(--harvest);color:var(--ink)}
[data-skin="nov"] .band .btn--line{border-color:rgba(251,247,240,.5);background:transparent;color:var(--cream)}
[data-skin="nov"] .band-tree{opacity:.14}
[data-skin="nov"] .editorial .lbl{color:var(--harvest)}
[data-skin="nov"] .skinbar{background:rgba(122,58,34,.94)}
[data-skin="nov"] .skinbar button[aria-pressed="true"]{background:var(--harvest);color:var(--ink)}
/* corporate band moves up, right under best sellers */
[data-skin="nov"] main .sec-gift{order:-1}
[data-skin="nov"] main .sec-hero,[data-skin="nov"] main .sec-trust,[data-skin="nov"] main .sec-best{order:-2}
[data-skin="nov"] .deco.l3{display:none}
/* gratitude band */
.thanks{max-width:820px;margin:0 auto;text-align:center;padding:52px 32px;border-top:1px solid var(--harvest);border-bottom:1px solid var(--harvest);position:relative}
.thanks::before,.thanks::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;background:var(--harvest)}
.thanks::before{top:-4px}.thanks::after{bottom:-4px}
.thanks h2{font-family:var(--ff-b);font-weight:400;font-style:italic;font-size:clamp(28px,3.4vw,42px);line-height:1.2;margin-top:14px;letter-spacing:0}
.thanks p{margin:18px auto 22px;font-size:18px;color:var(--body)}
@media(max-width:700px){.thanks{padding:36px 8px}}
/* mobile menu */
[data-skin="nov"] .menu{background:var(--linen-2)}

/* ======================================================================
   DECEMBER. Frost white, evergreen header band, gold foil.
   ====================================================================== */
[data-skin="dec"]{
  --frost:#EEF3F7;--evergreen:#1F3A2E;--evergreen-2:#163026;
  --page:var(--frost);--band:#E5ECF2;--line:#D5DEE6;--white:#FFFFFF;
  --accent:var(--evergreen);--accent-soft:#DDE7E2;
  --btn:var(--evergreen);--btn-hover:var(--evergreen-2);--btn-text:#F4F8F6;
}
[data-skin="dec"] body{background-color:var(--frost);background-image:radial-gradient(rgba(255,255,255,.9) 1px,transparent 1.6px),radial-gradient(rgba(255,255,255,.7) 1.2px,transparent 2px),radial-gradient(rgba(31,58,46,.05) 1px,transparent 1.6px);background-size:64px 64px,96px 96px,140px 140px;background-position:0 0,30px 45px,70px 20px}
/* evergreen header band: announcement and nav */
[data-skin="dec"] .announce{background:var(--evergreen-2)}
[data-skin="dec"] .announce b{color:var(--gold)}
[data-skin="dec"] .nav{background:var(--evergreen);border-bottom:1px solid rgba(217,164,70,.45)}
[data-skin="dec"] .nav-links a{color:#EAF1EC}
[data-skin="dec"] .nav-links a::after{background:var(--gold)}
[data-skin="dec"] .nav-links .season{color:var(--gold)}
[data-skin="dec"] .nav .icon-btn{color:#EAF1EC}
[data-skin="dec"] .nav .icon-btn:hover{background:rgba(255,255,255,.08)}
[data-skin="dec"] .nav .cart-count{background:var(--gold);color:var(--evergreen)}
[data-skin="dec"] .nav-right .btn{background:var(--gold);color:var(--evergreen)}
[data-skin="dec"] .nav-right .btn:hover{background:var(--champagne)}
[data-skin="dec"] .nav-logo .lg-dark{display:none}[data-skin="dec"] .nav-logo .lg-light{display:block}
[data-skin="dec"] h1,[data-skin="dec"] h2,[data-skin="dec"] h3{color:#17261F}
[data-skin="dec"] .lbl,[data-skin="dec"] .fl .no,[data-skin="dec"] .step .no,[data-skin="dec"] .points li b,[data-skin="dec"] .foot h4,[data-skin="dec"] .fact b,[data-skin="dec"] .menu li a::before{color:var(--evergreen)}
[data-skin="dec"] .hero h1 em{color:var(--gold-deep)}
[data-skin="dec"] .badge--season{background:var(--evergreen)}
[data-skin="dec"] .badge--ship{background:#DDE7E2;color:var(--evergreen)}
[data-skin="dec"] .btn--line{border-color:var(--evergreen);color:var(--evergreen)}
[data-skin="dec"] .btn--line:hover{background:#DDE7E2}
[data-skin="dec"] .link{border-color:var(--gold)}
/* gold foil hairlines */
[data-skin="dec"] .sec-head h2::after,[data-skin="dec"] .row-head h2::after,[data-skin="dec"] .split h2::after,[data-skin="dec"] .anatomy h2::after{background:linear-gradient(90deg,var(--gold-deep),var(--gold) 35%,#F1DCA8 50%,var(--gold) 65%,var(--gold-deep));opacity:1;height:2px}
[data-skin="dec"] .trust{background:var(--white);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);color:var(--evergreen)}
[data-skin="dec"] .trust li+li::before{background:var(--gold)}
/* hero */
/* frost to white: cold at the top edge where the lights hang, clean white behind the product */
[data-skin="dec"] .hero{background:linear-gradient(180deg,#E2EBF3 0%,#EEF3F7 22%,#F8FAFC 58%,#FFFFFF 100%)}
[data-skin="dec"] .hero .halo{display:none}
[data-skin="dec"] .hero .deco{color:var(--evergreen);opacity:.22}
[data-skin="dec"] .hero-art.stack .main{width:min(74%,470px);margin:0 auto 10px;mix-blend-mode:multiply;position:relative;z-index:1}
[data-skin="dec"] .hero-art.stack .cut{position:absolute;width:30%;bottom:-2%;z-index:2;filter:drop-shadow(0 22px 28px rgba(23,38,31,.28))}
[data-skin="dec"] .hero-art.stack .c1{left:4%}
[data-skin="dec"] .hero-art.stack .c2{right:4%}
[data-skin="dec"] .hero-seal{border-color:var(--gold);background:rgba(255,255,255,.85)}
/* snow: three sparse layers, slow */
[data-skin="dec"] .snow{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
[data-skin="dec"] .snow span{position:absolute;left:0;top:-200px;width:100%;height:calc(100% + 200px);background-repeat:repeat;animation:snow linear infinite;opacity:.9}
[data-skin="dec"] .snow span:nth-child(1){background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1.6px,transparent 2.2px);background-size:210px 190px;animation-duration:26s}
[data-skin="dec"] .snow span:nth-child(2){background-image:radial-gradient(circle,rgba(255,255,255,.85) 0 1.2px,transparent 1.8px);background-size:160px 240px;background-position:70px 40px;animation-duration:38s;opacity:.7}
[data-skin="dec"] .snow span:nth-child(3){background-image:radial-gradient(circle,rgba(31,58,46,.16) 0 1px,transparent 1.5px);background-size:260px 300px;background-position:120px 90px;animation-duration:52s;opacity:.6}
@keyframes snow{from{transform:translateY(0)}to{transform:translateY(200px)}}
@media(max-width:900px){[data-skin="dec"] .hero-art.stack .main{width:min(70%,320px)}[data-skin="dec"] .hero-art.stack .cut{width:32%}}
/* cards and bands */
[data-skin="dec"] .card,[data-skin="dec"] .cat,[data-skin="dec"] .fl .im,[data-skin="dec"] .ship-line,[data-skin="dec"] .tier,[data-skin="dec"] .flavor,[data-skin="dec"] .extra,[data-skin="dec"] .gift,[data-skin="dec"] .honest,[data-skin="dec"] .cart-box,[data-skin="dec"] .fact,[data-skin="dec"] .coll-note{border-color:var(--line)}
[data-skin="dec"] .card:hover,[data-skin="dec"] .cat:hover,[data-skin="dec"] .fl:hover .im{border-color:var(--gold);box-shadow:0 10px 30px -10px rgba(31,58,46,.22);background:#FBFDFF}
[data-skin="dec"] .band{background:var(--evergreen);background-image:radial-gradient(70% 90% at 90% 10%,rgba(217,164,70,.2) 0%,rgba(31,58,46,0) 60%);box-shadow:inset 0 0 0 1px rgba(217,164,70,.35)}
[data-skin="dec"] .band h2{color:var(--cream)}
[data-skin="dec"] .band .lbl,[data-skin="dec"] .editorial .lbl{color:var(--gold)}
[data-skin="dec"] .band p{color:#CFDCD4}
[data-skin="dec"] .band .btn{background:var(--gold);color:var(--ink)}
[data-skin="dec"] .band-tree{opacity:.16}
[data-skin="dec"] .editorial::after{background:linear-gradient(90deg,rgba(23,38,31,.85) 0%,rgba(23,38,31,.55) 38%,rgba(23,38,31,0) 68%),linear-gradient(180deg,rgba(23,38,31,0) 60%,rgba(23,38,31,.5) 100%)}
[data-skin="dec"] .signup,[data-skin="dec"] footer{background:var(--band)}
[data-skin="dec"] .fill{background:var(--evergreen)}
[data-skin="dec"] .track{background:#DDE7E2}
[data-skin="dec"] .skinbar{background:rgba(22,48,38,.94)}
[data-skin="dec"] .countdown{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:10px 14px;border:1px solid var(--gold);border-radius:8px;background:#fff;font-family:var(--ff-h);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--evergreen)}
[data-skin="dec"] .countdown b{font-family:var(--ff-b);font-size:22px;letter-spacing:0;text-transform:none;color:#17261F;line-height:1}
[data-skin="dec"] .deco.l3{display:none}
/* mobile menu */
[data-skin="dec"] .menu{background:var(--evergreen);color:#EAF1EC}
[data-skin="dec"] .menu li a{color:#EAF1EC;border-color:rgba(234,241,236,.14)}
[data-skin="dec"] .menu li.small a{color:#BFD0C6}
[data-skin="dec"] .menu li a::before,[data-skin="dec"] .menu li a.season,[data-skin="dec"] .menu li a[aria-current]{color:var(--gold)}
[data-skin="dec"] .menu-head{border-color:rgba(234,241,236,.14)}
[data-skin="dec"] .menu-head .icon-btn{color:#EAF1EC}
[data-skin="dec"] .menu-head .lg-dark{display:none}[data-skin="dec"] .menu-head .lg-light{display:block}
[data-skin="dec"] .menu-foot .btn{background:var(--gold);color:var(--evergreen)}
[data-skin="dec"] .menu-foot p{color:#BFD0C6}

/* motion off */
@media(prefers-reduced-motion:reduce){
  [data-skin="oct"] .ember,[data-skin="dec"] .snow span{animation:none}
  [data-skin="oct"] .ember{opacity:.5}
}