/* ===== (C) Living covers ===== */
[data-ev]{overflow:hidden;isolation:isolate}
[data-ev] video.lc{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease;z-index:1;pointer-events:none}
[data-ev].lc-on video.lc{opacity:1}
[data-ev].kb-on:not(.poster)>img{animation:kbslow 26s ease-in-out infinite alternate!important;transform-origin:60% 40%}
@keyframes kbslow{from{transform:scale(1.04) translate(0,0)}to{transform:scale(1.16) translate(-2.2%,-1.4%)}}
.mx-ed .cover-img img,.t-editorial .cover-img img{animation:kbslow 30s ease-in-out infinite alternate}
.lite-motion [data-ev] img,.lite-motion .cover-img img{animation:none!important}
@media (prefers-reduced-motion:reduce){[data-ev] img,.cover-img img,.sky-stars,.sky-sun{animation:none!important}}

/* ===== (D) Time-of-day sky (homepage) ===== */
:root{--sky-a:#0000;--sky-b:#0000;--sky-tint:transparent;--sky-accent:#e8553d}
html[data-sky]{transition:--sky-a 2s}
.sky-layer{position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--bg)}
.sky-layer i{position:absolute;inset:0;display:block}
.sky-grad{background:radial-gradient(120% 70% at 70% -10%,var(--sky-a),transparent 60%),radial-gradient(90% 60% at 0% 0%,var(--sky-b),transparent 70%);transition:background 1.5s}
.sky-stars{opacity:0;transition:opacity 2s;background-image:radial-gradient(1px 1px at 12% 18%,#fff,transparent),radial-gradient(1px 1px at 28% 42%,#fff,transparent),radial-gradient(1.4px 1.4px at 44% 12%,#fff,transparent),radial-gradient(1px 1px at 63% 30%,#fff,transparent),radial-gradient(1.2px 1.2px at 78% 8%,#fff,transparent),radial-gradient(1px 1px at 88% 36%,#fff,transparent),radial-gradient(1px 1px at 6% 60%,#fff,transparent),radial-gradient(1.3px 1.3px at 52% 56%,#fff,transparent),radial-gradient(1px 1px at 92% 64%,#fff,transparent),radial-gradient(1px 1px at 35% 76%,#fff,transparent),radial-gradient(1px 1px at 70% 84%,#fff,transparent),radial-gradient(1.2px 1.2px at 18% 90%,#fff,transparent);background-size:100% 100%;animation:twinkle 6s ease-in-out infinite alternate}
@keyframes twinkle{from{filter:brightness(.6)}to{filter:brightness(1.3)}}
.sky-sun{opacity:0;transition:opacity 2s;background:radial-gradient(28vmax 28vmax at 82% 2%,var(--sky-sun,#ffd27a55),transparent 70%)}
html[data-sky] body{background:transparent}
html[data-sky] .rows,html[data-sky] .mx-explore{background:transparent}
/* hero tint */
html[data-sky] .hero .shade::after{content:"";position:absolute;inset:0;background:var(--sky-tint);pointer-events:none;transition:background 1.5s}
html[data-sky] .hero .shade{position:absolute}
html[data-sky] .logo .dot,html[data-sky] .logo .two,html[data-sky] .sky-row .row-head h2::after{color:var(--sky-accent)}
html[data-sky="morning"]{--sky-a:#f6b55b38;--sky-b:#ffd8a01f;--sky-tint:linear-gradient(200deg,rgba(255,190,100,.38),rgba(255,210,150,.12) 45%,transparent 70%);--sky-accent:#f2a541;--sky-sun:#ffcf7a40}
html[data-sky="afternoon"]{--sky-a:#7cc4ff2e;--sky-b:#bfe8ff14;--sky-tint:linear-gradient(200deg,rgba(150,215,255,.30),rgba(255,255,255,.06) 45%,transparent 70%);--sky-accent:#3fb0ff;--sky-sun:#fff4c430}
html[data-sky="sunset"]{--sky-a:#ff6f6140;--sky-b:#ff9a5a2a;--sky-tint:linear-gradient(200deg,rgba(255,120,80,.45),rgba(194,65,140,.22) 50%,rgba(120,40,110,.10) 80%);--sky-accent:#ff7a59;--sky-sun:#ff8a5a45}
html[data-sky="night"]{--sky-a:#2a3d8a40;--sky-b:#1b2a6626;--sky-tint:linear-gradient(200deg,rgba(20,35,110,.55),rgba(8,12,40,.30) 55%,rgba(0,0,0,.15));--sky-accent:#8fa8ff}
html[data-sky="night"] .sky-stars{opacity:.75}
html[data-sky="morning"] .sky-sun,html[data-sky="afternoon"] .sky-sun,html[data-sky="sunset"] .sky-sun{opacity:1}
.sky-row .row-head{align-items:center}
.sky-ic{width:22px;height:22px;border-radius:50%;margin-right:10px;flex:none;box-shadow:0 0 18px var(--sky-accent);background:var(--sky-accent)}
.sky-ic-night{background:transparent;box-shadow:inset -6px -2px 0 0 #dfe6ff,0 0 16px #8fa8ff80}
.sky-ic-sunset{background:linear-gradient(180deg,#ffb36b,#ff5f6d)}
.sky-row .row-head h2{background:linear-gradient(90deg,var(--fg),var(--sky-accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.sky-hi .row-head h2::before{content:"●";color:var(--sky-accent);font-size:.5em;vertical-align:middle;margin-right:10px}
/* the editorial band stays ivory */
html[data-sky] .mx-ed{position:relative;z-index:0}

/* ===== (E) Surprise me ===== */
.surprise-btn{display:inline-flex;align-items:center;gap:7px;font:600 13px Inter;color:inherit}
.nav .surprise-btn{height:38px;padding:0 14px;border-radius:99px;border:1px solid rgba(255,255,255,.28);color:#fff;transition:.2s;margin-right:4px}
.nav.solid .surprise-btn{border-color:var(--line);color:var(--fg)}
.nav .surprise-btn:hover{background:linear-gradient(135deg,#d9b26f,#f2d9a2);color:#1a140a;border-color:transparent}
.surprise-btn svg{width:16px;height:16px}
@media (max-width:760px){.nav .surprise-btn span{display:none}.nav .surprise-btn{width:36px;height:36px;padding:0;justify-content:center;margin-right:0;flex:none}.nav-right>a,.nav-right>button{white-space:nowrap}}
.sp-band{display:flex;align-items:center;gap:32px;margin:24px var(--pad) 10px;padding:28px 32px;border-radius:20px;background:radial-gradient(120% 140% at 0% 0%,#2a1f3d,#121014 60%);border:1px solid rgba(217,178,111,.25);color:#f5f1e8;position:relative;overflow:hidden}
.sp-band::after{content:"";position:absolute;inset:0;background:radial-gradient(1px 1px at 20% 30%,#fff9,transparent),radial-gradient(1px 1px at 70% 20%,#fff8,transparent),radial-gradient(1px 1px at 85% 70%,#fff7,transparent),radial-gradient(1px 1px at 40% 80%,#fff6,transparent);pointer-events:none}
.sp-band-txt{flex:1}.sp-k{font:600 11px Inter;letter-spacing:.18em;text-transform:uppercase;color:#d9b26f}.sp-band h2{font:400 italic clamp(26px,3vw,40px)/1.05 Fraunces,serif;margin:6px 0}.sp-band p{color:#c9c2b5;font-size:15px}
.sp-band .btn.big{height:52px;padding:0 24px;font-size:15px;background:linear-gradient(135deg,#d9b26f,#f2d9a2);color:#1a140a;border:0;gap:10px}
.sp-deck{position:relative;width:74px;height:100px;flex:none}
.sp-deck i{position:absolute;inset:0;border-radius:9px;background:linear-gradient(160deg,#3a2b52,#1b1426);border:1.5px solid #d9b26f;box-shadow:0 8px 20px rgba(0,0,0,.4)}
.sp-deck i:nth-child(1){transform:rotate(-12deg) translateX(-8px)}.sp-deck i:nth-child(2){transform:rotate(-3deg)}.sp-deck i:nth-child(3){transform:rotate(8deg) translateX(8px)}
.sp-deck i:nth-child(3)::after{content:"✦";position:absolute;inset:0;display:grid;place-items:center;color:#d9b26f;font-size:22px}
.sp-band:hover .sp-deck i:nth-child(1){transform:rotate(-18deg) translateX(-14px)}.sp-band:hover .sp-deck i:nth-child(3){transform:rotate(14deg) translateX(14px)}
.sp-deck i{transition:transform .4s var(--ease)}
@media (max-width:760px){.sp-band{flex-wrap:wrap;gap:16px;margin:18px 14px 6px;padding:22px}.sp-deck{width:56px;height:76px}.sp-band .btn.big{width:100%;justify-content:center}}

.sp-ov{position:fixed;inset:0;z-index:200;display:none;place-items:center;background:radial-gradient(80% 80% at 50% 40%,rgba(42,31,61,.92),rgba(8,7,10,.96));backdrop-filter:blur(8px)}
.sp-ov.show{display:grid;animation:spfade .35s ease}
@keyframes spfade{from{opacity:0}}
.sp-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;padding:20px;perspective:1600px}
.sp-title{font:400 italic 26px Fraunces,serif;color:#f2d9a2;letter-spacing:.01em}
.sp-card{width:min(340px,82vw);aspect-ratio:2/3.2;position:relative}
.sp-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.3,1.4,.5,1)}
.sp-card.flipped .sp-inner{transform:rotateY(180deg)}
.sp-card.shuffle .sp-inner{animation:spshuffle .9s ease-in-out}
@keyframes spshuffle{0%{transform:rotateZ(0)}20%{transform:rotateZ(-5deg) translateX(-14px)}45%{transform:rotateZ(4deg) translateX(12px)}70%{transform:rotateZ(-2deg) translateY(-8px)}100%{transform:rotateZ(0)}}
.sp-back,.sp-front{position:absolute;inset:0;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.sp-back{background:radial-gradient(circle at 50% 40%,#3d2c58,#16101f 70%);border:2px solid #d9b26f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#d9b26f}
.sp-back::before{content:"";position:absolute;inset:10px;border:1px solid rgba(217,178,111,.5);border-radius:12px}
.sp-back::after{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 42%,rgba(217,178,111,.08) 0 6deg,transparent 6deg 18deg)}
.sp-sigil{position:relative;width:150px;height:150px;border-radius:50%;border:1.5px solid #d9b26f;display:grid;place-items:center;z-index:1}
.sp-sigil i{position:absolute;inset:14px;border-radius:50%;border:1px dashed rgba(217,178,111,.6);animation:spin 30s linear infinite}
.sp-sigil b{position:absolute;top:-14px;font-size:22px}.sp-sigil span{font:800 22px "Inter Tight",Inter;letter-spacing:.3em;margin-left:.3em}
@keyframes spin{to{transform:rotate(360deg)}}
.sp-back p{position:relative;z-index:1;font:italic 15px Fraunces,serif;color:#e9d7ad}
.sp-front{transform:rotateY(180deg);background:#f7f2e8;color:#151412;display:flex;flex-direction:column;border:2px solid #d9b26f}
.sp-img{height:52%;overflow:hidden;border-bottom:1px solid #d9b26f}.sp-img img{width:100%;height:100%;object-fit:cover}
.sp-body{padding:16px 18px;display:flex;flex-direction:column;gap:6px;min-height:0}
.sp-pills{display:flex;gap:6px;flex-wrap:wrap}.sp-pills .pill.sample{color:#151412;border-color:#151412}
.sp-body h3{font:400 24px/1.08 Fraunces,serif;letter-spacing:-.01em}
.sp-when{font-size:12.5px;color:#6b655c}.sp-blurb{font-size:14px;line-height:1.4;color:#3a3732;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sp-actions{display:flex;gap:10px;opacity:0;transform:translateY(10px);transition:.4s .2s}
.sp-ov.revealed .sp-actions{opacity:1;transform:none}
.sp-actions .btn.solid{background:linear-gradient(135deg,#d9b26f,#f2d9a2);color:#1a140a;border:0}.sp-actions .btn.line{border-color:rgba(242,217,162,.5);color:#f2d9a2}
.sp-x{position:absolute;top:-6px;right:-6px;width:40px;height:40px;border-radius:50%;color:#f2d9a2;font-size:26px;border:1px solid rgba(242,217,162,.35)}
@media (prefers-reduced-motion:reduce){.sp-inner{transition:none}.sp-sigil i{animation:none}}
/* overflow guards (mobile layout viewport) */
.chips,.regions{max-width:100%;min-width:0}
.chips-bar>*{min-width:0}
html,body{overflow-x:clip}

.nav .back{white-space:nowrap}
@media (max-width:420px){.nav .back{font-size:13px;padding:0 12px}.nav-right{gap:8px}}
/* homepage 'Save money' chip */
.sm-chip{position:absolute;left:8px;bottom:8px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:4px 9px 4px 7px;border-radius:99px;background:rgba(10,30,22,.78);color:#6ee7b7;font:700 10.5px Inter;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(6px);border:1px solid rgba(52,211,153,.35);pointer-events:none}
.sm-chip svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}