*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
html { -webkit-text-size-adjust: 100%; overflow-x: clip; }
body { min-height: 100vh; -webkit-font-smoothing: antialiased; overflow-x: clip; }
img, picture, svg, video { display: block; max-width: 100%; }
img { height: auto; }
input, button, textarea, select { font: inherit; color: inherit; }
button { background: none; border: 0; cursor: pointer; }
ul, ol { list-style: none; padding: 0; }
a { color: inherit; text-decoration: none; }
table { border-collapse: collapse; }
:target { scroll-margin-top: 7rem; }

:root {
  --espresso:#1a0f0a;
  --bark:#2b1c13;
  --gold:#ab8657;
  --gold-lit:#d4a86b;
  --gold-ink:#7a5a30;

  --paper:#f6f7f4;
  --chalk:#e9ebe6;
  --chalk-2:#dcdfd8;
  --canvas:#ffffff;
  --line:#d3d7cf;
  --stroke:#bcbcbc;
  --ink:#18120d;
  --muted:#5d6259;

  --moss:#3f6b34; --moss-ink:#2b4b23; --moss-lit:#9cc78f;
  --teal:#2f7b7a;

  --display:"Cabinet Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font:"Switzer", ui-sans-serif, system-ui, -apple-system, sans-serif;

  --t-xs:.75rem;
  --t-sm:.875rem;
  --t-base:1.0625rem;
  --t-lg:1.1875rem;
  --t-xl:clamp(1.375rem,2vw,1.75rem);
  --t-2xl:clamp(2rem,3.6vw,3.25rem);
  --t-3xl:clamp(2.5rem,5.2vw,4.25rem);
  --t-4xl:clamp(3.25rem,8vw,6.5rem);

  --gutter:clamp(1.25rem,3.4vw,2.5rem);
  --rail:1280px;
  --sec-y:clamp(3rem,5vw,5rem);
  --head-mb:clamp(1.75rem,3vw,2.75rem);
  --pad:clamp(1.25rem,2.2vw,2rem);
  --head-h:104px;

  --r:6px;
  --r-lg:16px;
  --ease:cubic-bezier(.22,.68,0,1);
  --dur:.18s;
}

body {
  font-family:var(--font);
  font-size:var(--t-base);
  line-height:1.55;
  color:var(--ink);
  background:var(--paper);
}
::selection { background:var(--gold); color:var(--espresso); }
:root { accent-color:var(--espresso); caret-color:var(--gold); }
::-webkit-scrollbar { width:12px; height:12px; }
::-webkit-scrollbar-thumb { background:var(--chalk-2); border:3px solid var(--paper); border-radius:99px; }
::-webkit-scrollbar-track { background:transparent; }
:where(a,button,input,summary,[tabindex]):focus-visible {
  outline:2px solid var(--gold); outline-offset:3px; border-radius:2px;
}
[data-quiet]:focus-visible, [data-quiet]:focus { outline:none; }
.skip { position:absolute; left:-9999px; top:0; z-index:200; }
.skip:focus { left:.75rem; top:.75rem; padding:.7rem 1rem; background:var(--espresso);
              color:#fff; border-radius:var(--r); }

.display,.h1,.h2,.h3 { font-family:var(--display); font-weight:800; letter-spacing:-.032em;
                       line-height:.98; text-wrap:balance; }
.display { font-size:var(--t-4xl); letter-spacing:-.042em; }
.h1 { font-size:var(--t-3xl); letter-spacing:-.038em; }
.h2 { font-size:var(--t-2xl); }
.h3 { font-size:var(--t-xl); font-weight:700; letter-spacing:-.024em; line-height:1.12; }
.h4 { font-family:var(--display); font-size:var(--t-lg); font-weight:700; letter-spacing:-.02em;
      line-height:1.18; }
.label { font-size:.6875rem; font-weight:600; text-transform:uppercase; letter-spacing:.14em;
         color:var(--muted); }
.lead { font-size:var(--t-base); line-height:1.6; color:var(--muted); max-width:56ch;
        text-wrap:pretty; }
.lead b { color:var(--ink); font-weight:600; }
.small { font-size:var(--t-sm); }
.xs { font-size:var(--t-xs); }
.muted { color:var(--muted); }

.wrap { width:100%; max-width:var(--rail); margin-inline:auto; padding-inline:var(--gutter); }
.sec  { padding-block:var(--sec-y); }
.band { padding-block:var(--sec-y); }
.band--chalk { background:var(--chalk); --paper:var(--chalk); --canvas:#fff; --chalk-2:#d5d9d0;
               --line:#c9cec4; }
.band--espresso, .footer, .drawer__top {
  --paper:var(--espresso); --canvas:var(--bark); --chalk:var(--bark); --chalk-2:#3a2718;
  --line:rgba(212,168,107,.22); --stroke:rgba(233,235,230,.4);
  --ink:#f2f0ea; --muted:#b6ad9e; --gold-ink:var(--gold-lit); --moss-ink:var(--moss-lit);
}
.band--espresso { background:var(--espresso); color:#f2f0ea; }
.band--espresso .h1,.band--espresso .h2,.band--espresso .h3,.band--espresso .lead b { color:#f2f0ea; }

.btn { position:relative; isolation:isolate; display:inline-flex; align-items:center;
       justify-content:center; gap:.5rem; padding:1.05rem 1.85rem; border-radius:var(--r);
       font-family:var(--display); font-size:var(--t-sm); font-weight:700; letter-spacing:-.008em; }
.btn::before { content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit;
               background:var(--btn-bg,var(--espresso));
               transition:transform .22s var(--ease), background var(--dur) var(--ease); }
.btn:hover::before { transform:scale(1.035); }
.btn:active::before { transform:scale(.99); }
.btn--primary { --btn-bg:var(--espresso); color:#f2f0ea; }
.btn--primary:disabled { --btn-bg:var(--chalk-2); color:#4d5249; cursor:not-allowed; }
.btn--primary:disabled:hover::before { transform:none; }
.band--espresso .btn--primary, .footer .btn--primary { --btn-bg:var(--gold); color:var(--espresso); }
.btn--block { width:100%; }
.btn--lg { padding:1.25rem 2rem; font-size:var(--t-base); }

.uspbar { background:var(--espresso); color:#cbbfae; overflow:hidden; }

.uspbar__in { display:flex; align-items:center; width:max-content; gap:3.5rem;
              padding-inline:1.75rem; min-height:2.5rem; font-size:var(--t-xs); font-weight:600; }
.uspbar__in.is-ready { animation:uspscroll 60s linear infinite; }

.uspbar__i { display:flex; align-items:center; gap:.5rem; white-space:nowrap; }
.uspbar__i svg { width:13px; height:13px; flex:none; fill:none; stroke:var(--gold-lit);
                 stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
@keyframes uspscroll { to { transform:translateX(calc(var(--loop,50%) * -1)); } }

.header { position:sticky; top:0; z-index:60; background:var(--canvas); color:var(--ink);
          transition:box-shadow .22s var(--ease); }
.header.is-stuck { box-shadow:0 12px 32px -24px rgba(26,15,10,.6); }
.header__inner { display:grid; grid-template-columns:auto 1fr auto; align-items:center;
                 gap:clamp(1rem,3vw,2.5rem); height:5rem;
                 width:100%; padding-inline:clamp(1.25rem,3vw,2.5rem); }
.header__logo { display:inline-flex; transition:opacity var(--dur) var(--ease); }
.header__logo:hover { opacity:.65; }
.header__logo img { width:168px; height:auto; }
.nav { display:flex; gap:clamp(1.75rem,3.2vw,3rem); justify-content:center; }
.nav__in { display:contents; }
.nav a { font-family:var(--display); font-size:.9375rem; font-weight:700; color:var(--muted);
         display:inline-flex; align-items:center; min-height:2.5rem; white-space:nowrap;
         position:relative; transition:color var(--dur) var(--ease); }
.nav a::after { content:""; position:absolute; left:0; right:0; bottom:.25rem; height:2px;
                background:var(--gold); transform:scaleX(0); transform-origin:left;
                transition:transform .22s var(--ease); }
.nav a:hover { color:var(--ink); }
.nav a:hover::after { transform:scaleX(1); }
.header__actions { display:flex; align-items:center; justify-content:flex-end; gap:0;
                   margin-left:auto; }

.iconbtn { position:relative; display:inline-flex; align-items:center; justify-content:center;
           width:2.75rem; height:2.75rem; color:var(--ink);
           transition:color var(--dur) var(--ease); }
.iconbtn::after { content:""; position:absolute; left:.55rem; right:.55rem; bottom:.25rem;
                  height:2px; background:var(--gold); transform:scaleX(0); transform-origin:left;
                  transition:transform .22s var(--ease); }
.iconbtn:hover::after { transform:scaleX(1); }
.iconbtn svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.5; }
.cartdot { position:absolute; top:.2rem; right:.05rem; display:grid; place-items:center;
           width:1.15rem; height:1.15rem; background:var(--gold); color:#fff;
           border-radius:99px; font-size:.6875rem; font-weight:700; line-height:1;
           font-family:var(--font); font-variant-numeric:tabular-nums; }
.burger { display:none; }
.burger__x { position:relative; display:block; width:27px; height:18px; }
.burger__x i { position:absolute; left:0; width:100%; height:2px; border-radius:2px;
               background:currentColor;
               transition:transform .3s var(--ease), opacity .16s var(--ease); }
.burger__x i:nth-child(1) { top:0; }
.burger__x i:nth-child(2) { top:8px; }
.burger__x i:nth-child(3) { top:16px; }
.burger[aria-expanded="true"] .burger__x i:nth-child(1) { transform:translateY(8px) rotate(45deg); }
.burger[aria-expanded="true"] .burger__x i:nth-child(2) { opacity:0; transform:scaleX(.4); }
.burger[aria-expanded="true"] .burger__x i:nth-child(3) { transform:translateY(-8px) rotate(-45deg); }

.pdptop { background:var(--chalk); --paper:var(--chalk); --line:#c9cec4; --chalk-2:#d5d9d0; }
.crumbs { display:flex; align-items:center; flex-wrap:wrap; gap:.45rem; padding-block:1.1rem .5rem;
          font-size:var(--t-xs); color:var(--muted); }
.crumbs a { display:inline-flex; align-items:center; min-height:24px;
            transition:color var(--dur) var(--ease); }
.crumbs a:hover { color:var(--ink); }
.crumbs i { font-style:normal; opacity:.5; }
.crumbs b { color:var(--ink); font-weight:600; }

.pdp { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
       gap:clamp(2rem,5vw,5rem); padding-bottom:var(--sec-y); align-items:start; }

.gallery { position:sticky; top:calc(var(--head-h) + 1.25rem); display:grid; gap:.65rem;
           align-content:start; }
.gallery__main { position:relative; aspect-ratio:4/5; overflow:hidden; background:var(--canvas);
                 border-radius:var(--r-lg); cursor:zoom-in; }
.gallery__track { display:contents; }
.gnav { display:none; }
.gallery__main img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
                     opacity:0; transition:opacity .3s var(--ease), transform .9s var(--ease); }
.gallery__main img.is-on { opacity:1; }
.gallery__main:hover img.is-on { transform:scale(1.06); }
.gallery__zoom { position:absolute; right:1.1rem; bottom:1.1rem; z-index:2; isolation:isolate;
                 width:2.9rem; height:2.9rem; display:grid; place-items:center;
                 color:var(--espresso); }
.gallery__zoom::before { content:""; position:absolute; inset:0; z-index:-1; border-radius:99px;
                         background:#fff; box-shadow:0 8px 20px -8px rgba(26,15,10,.45);
                         transition:transform .28s var(--ease); }
.gallery__main:hover .gallery__zoom::before { transform:scale(1.18); }
.gallery__zoom svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; }
.gallery__thumbs { display:grid; grid-template-columns:repeat(4,1fr); gap:.65rem; }
.gthumb { aspect-ratio:1/1; overflow:hidden; background:var(--canvas); border-radius:var(--r);
          opacity:.62; transition:opacity var(--dur) var(--ease), box-shadow var(--dur) var(--ease); }
.gthumb img { width:100%; height:100%; object-fit:cover; transform:scale(1.22);
              transition:transform .4s var(--ease); }
.gthumb:hover img { transform:scale(1.3); }
.gthumb:hover { opacity:.9; }
.gthumb[aria-current="true"] { opacity:1; box-shadow:0 0 0 2px var(--gold); }

.guarantee { display:grid; grid-template-columns:auto 1fr; gap:.95rem; align-items:start;
             margin-top:.35rem; padding:1.15rem 1.3rem; border-radius:var(--r);
             background:var(--canvas); }
.guarantee svg { width:28px; height:28px; fill:none; stroke:var(--gold); stroke-width:1.6; }
.guarantee b { display:block; font-family:var(--display); font-size:var(--t-base); font-weight:700;
               letter-spacing:-.02em; margin-bottom:.15rem; }
.guarantee span { display:block; font-size:var(--t-xs); color:var(--muted); line-height:1.4; }

.buy { display:grid; gap:1.2rem; align-content:start; }
.buy__head { display:grid; gap:.6rem; }
.buy__title { font-family:var(--display); font-size:clamp(2.25rem,4vw,3.25rem); font-weight:800;
              letter-spacing:-.04em; line-height:.98; }
.buy__sub { color:var(--muted); font-size:var(--t-base); line-height:1.55; max-width:44ch; }
.buy__rating { display:flex; align-items:center; gap:.5rem; font-size:var(--t-sm); }
.buy__rating .stars__icons { display:flex; gap:.1rem; }
.buy__rating svg { width:16px; height:16px; fill:var(--gold); stroke:none;
                   transform:translateY(-2px); }
.buy__rating b { font-family:var(--display); font-weight:800; }
.buy__rating a { color:var(--muted); position:relative; display:inline-flex; align-items:center;
                 min-height:24px; transition:color var(--dur) var(--ease); }
.buy__rating a::after { content:""; position:absolute; left:0; right:0; bottom:.2rem; height:1px;
                        background:currentColor; opacity:.4;
                        transition:opacity var(--dur) var(--ease); }
.buy__rating a:hover { color:var(--ink); }
.buy__rating a:hover::after { opacity:1; }

.tags { display:flex; flex-wrap:wrap; gap:.35rem; }
.tag { position:relative; display:inline-flex; align-items:center; gap:.4rem; padding:.4rem .7rem;
       border-radius:var(--r); background:var(--canvas); font-size:var(--t-xs); font-weight:500;
       color:var(--muted); }
.tag--hi { background:var(--canvas); color:var(--moss-ink); font-weight:600; }
.tag--hi > svg { width:12px; height:12px; flex:none; fill:none; stroke:var(--moss);
                 stroke-width:3.2; stroke-linecap:round; stroke-linejoin:round; }
.tag__i { width:1.05rem; height:1.05rem; border-radius:99px; background:var(--chalk-2);
          color:var(--muted); display:grid; place-items:center; font-family:var(--display);
          font-size:.6875rem; font-weight:800; line-height:1; flex:none; cursor:pointer; }
.tag--hi .tag__i { background:var(--chalk); color:var(--muted); }

.tag__tip { position:absolute; bottom:calc(100% + .55rem); left:0; z-index:30;
            width:max-content; max-width:min(21rem,78vw); padding:.9rem 1.05rem;
            border-radius:var(--r); background:var(--canvas); color:var(--ink);
            font-size:var(--t-xs); font-weight:400; line-height:1.6; text-align:left;
            box-shadow:0 20px 44px -22px rgba(26,15,10,.5);
            opacity:0; visibility:hidden; transform:translateY(5px);
            transition:opacity .16s var(--ease), transform .16s var(--ease), visibility .16s; }
.tag__tip.is-end { left:auto; right:0; }
.tag:hover .tag__tip, .tag:focus-within .tag__tip, .tag.is-open .tag__tip,
.tag__tip.is-shown { opacity:1; visibility:visible; transform:none; }

.stockline { display:flex; align-items:center; flex-wrap:wrap; gap:.55rem; font-size:var(--t-sm);
             color:var(--muted); }
.stockline i { width:.5rem; height:.5rem; border-radius:50%; background:var(--moss); flex:none; }
.stockline b { color:var(--ink); font-weight:700; }

.group { display:grid; gap:.75rem; }
.group__label { display:flex; justify-content:space-between; align-items:baseline; gap:1rem;
                flex-wrap:wrap; font-family:var(--display); font-size:var(--t-lg); font-weight:700;
                letter-spacing:-.025em; }
.group__help { font-family:var(--font); font-size:var(--t-sm); font-weight:500; color:var(--muted);
               position:relative; padding-block:.25rem;
               transition:color var(--dur) var(--ease); }
.group__help::after { content:""; position:absolute; left:0; right:0; bottom:.05rem; height:1px;
                      background:var(--gold); transform:scaleX(1); transform-origin:left;
                      transition:transform .22s var(--ease); }
.group__help:hover { color:var(--ink); }
.group__help:hover::after { transform:scaleX(0); }

.opts { display:grid; grid-template-columns:repeat(4,1fr); gap:.5rem; }
.opts--3 { grid-template-columns:repeat(3,1fr); }
.opt { position:relative; display:block; padding:.9rem .85rem; border-radius:var(--r);
       background:var(--canvas); cursor:pointer; box-shadow:inset 0 0 0 1px var(--stroke);
       transition:box-shadow var(--dur) var(--ease), background var(--dur) var(--ease),
                  transform .16s var(--ease); }
.opt:hover { box-shadow:inset 0 0 0 1px var(--ink); transform:translateY(-1px); }
.opt input { position:absolute; opacity:0; pointer-events:none; }
.opt:has(:checked) { box-shadow:inset 0 0 0 2px var(--gold); background:#fffdf9; }
.opt:has(:focus-visible) { outline:2px solid var(--gold); outline-offset:2px; }
.opt__mark { position:relative; display:block; width:1.25rem; height:1.25rem; border-radius:50%;
             margin-bottom:.55rem; background:var(--canvas);
             box-shadow:inset 0 0 0 1.5px var(--stroke);
             transition:box-shadow var(--dur) var(--ease); }
.opt__mark::after { content:""; position:absolute; inset:0; margin:auto; width:.5rem; height:.5rem;
                    border-radius:50%; background:var(--gold); transform:scale(0);
                    transition:transform var(--dur) var(--ease); }
.opt:has(:checked) .opt__mark { box-shadow:inset 0 0 0 2px var(--gold); }
.opt:has(:checked) .opt__mark::after { transform:scale(1); }
.opt__t { display:block; }
.opt__t b { display:block; font-family:var(--display); font-size:var(--t-base); font-weight:700;
            letter-spacing:-.02em; }
.opt__t small { display:block; font-size:var(--t-xs); color:var(--muted); }

.tubs { display:flex; align-items:center; gap:.5rem; margin:0; padding:.8rem 1rem;
        border-radius:var(--r); background:var(--canvas); color:var(--ink);
        font-size:var(--t-sm); }
.tubs b { font-weight:700; }
.tubs[hidden] { display:none; }

.plans { display:grid; gap:.55rem; }
.plan { position:relative; display:grid; gap:.85rem; padding:1.05rem 1.15rem;
        border-radius:var(--r); background:var(--canvas); cursor:pointer;
        box-shadow:inset 0 0 0 1px var(--stroke);
        transition:box-shadow var(--dur) var(--ease), opacity var(--dur) var(--ease); }
.plan:hover { box-shadow:inset 0 0 0 1px var(--ink); }
.plan input { position:absolute; opacity:0; pointer-events:none; }
.plan__head { display:flex; align-items:center; gap:.9rem; }
.plan__mark { position:relative; width:1.25rem; height:1.25rem; border-radius:50%; flex:none;
              background:var(--canvas); box-shadow:inset 0 0 0 1.5px var(--stroke);
              transition:box-shadow var(--dur) var(--ease); }
.plan__mark::after { content:""; position:absolute; inset:0; margin:auto; width:.5rem; height:.5rem;
                     border-radius:50%; background:var(--gold); transform:scale(0);
                     transition:transform var(--dur) var(--ease); }
.plan:has(:checked) .plan__mark { box-shadow:inset 0 0 0 2px var(--gold); }
.plan:has(:checked) .plan__mark::after { transform:scale(1); }
.plan__name { display:flex; align-items:center; gap:.55rem; flex-wrap:wrap;
              font-family:var(--display); font-weight:700; font-size:var(--t-lg);
              letter-spacing:-.02em; }
.plan__save { padding:.2rem .45rem .18rem; border-radius:3px; background:#dfe8db;
              color:var(--moss-ink); font-family:var(--font); font-size:var(--t-xs);
              font-weight:700; line-height:1; }
.plan__detail { display:none; gap:.9rem; }
.plan:has(:checked) .plan__detail { display:grid; }
.plan__ship { display:grid; grid-template-columns:auto 1fr; gap:.9rem; align-items:center; }
.plan__thumb { position:relative; width:3.5rem; aspect-ratio:1/1; border-radius:var(--r);
               overflow:hidden; background:var(--chalk); }
.plan__thumb img { width:100%; height:100%; object-fit:cover; }
.plan__thumb em { position:absolute; top:.25rem; left:.25rem; padding:.12rem .4rem;
                  border-radius:3px; background:var(--espresso); color:#fff;
                  font-family:var(--display); font-size:.625rem; font-weight:800;
                  font-style:normal; }
.plan__shipt b { display:block; font-size:var(--t-sm); font-weight:600; }
.plan__shipt span { font-size:var(--t-xs); color:var(--muted); }
.plan__amt2 { display:flex; align-items:baseline; flex-wrap:wrap; gap:.55rem; }
.plan__amt2 b { font-family:var(--display); font-size:clamp(1.75rem,2.8vw,2.25rem);
                font-weight:800; letter-spacing:-.04em; line-height:1;
                font-variant-numeric:tabular-nums; }
.plan__amt2 s { font-family:var(--display); font-size:var(--t-base); font-weight:700;
                color:var(--muted); }
.plan__amt2 em { font-style:normal; font-size:var(--t-sm); color:var(--muted); }

.plan__then { display:block; margin-top:-.6rem; font-size:var(--t-xs);
              color:var(--muted); }
.plan__then[hidden] { display:none; }

.plan__list { display:grid; gap:.4rem; }
.plan__list span { display:flex; align-items:center; gap:.6rem; font-size:var(--t-sm); }
.plan__list svg { width:13px; height:13px; flex:none; fill:none; stroke:var(--moss); stroke-width:3;
                  stroke-linecap:round; stroke-linejoin:round; }
.plan--faded { opacity:.72; }
.plan--faded:hover, .plan--faded:has(:checked) { opacity:1; }
.plan:has(:checked) { box-shadow:inset 0 0 0 2px var(--gold); }
.plan:has(:focus-visible) { outline:2px solid var(--gold); outline-offset:2px; }
.no-weight .plan__amt2 b { font-family:var(--font); font-size:var(--t-base); font-weight:500;
                           letter-spacing:0; color:var(--muted); }
.no-weight .plan__amt2 em, .no-weight .plan__amt2 s { display:none; }

.ctatrust { display:flex; flex-wrap:wrap; gap:.4rem 1.3rem; font-size:var(--t-xs);
            color:var(--muted); }
.ctatrust--center { justify-content:center; gap:.4rem 1.5rem; font-weight:500; }

.ctatrust span { display:inline-flex; align-items:center; gap:.4rem; }
.ctatrust svg { width:12px; height:12px; fill:none; stroke:var(--moss); stroke-width:3;
                stroke-linecap:round; stroke-linejoin:round; }

.acc { display:grid; gap:.45rem; }
.acc__i { border-radius:var(--r); background:var(--canvas); overflow:hidden; }
.acc__i > summary { display:flex; align-items:center; justify-content:space-between; gap:1rem;
                    padding:1.05rem 1.2rem; cursor:pointer; list-style:none;
                    font-family:var(--display); font-size:var(--t-base); font-weight:700;
                    letter-spacing:-.02em; transition:color var(--dur) var(--ease); }
.acc__i > summary::-webkit-details-marker { display:none; }
.acc__i > summary:hover { color:var(--gold-ink); }
.acc__pm { position:relative; width:13px; height:13px; flex:none; }
.acc__pm::before,.acc__pm::after { content:""; position:absolute; inset:50% 0 auto 0; height:2px;
  background:var(--gold); transition:transform var(--dur) var(--ease); }
.acc__pm::after { transform:rotate(90deg); }
.acc__i.is-open .acc__pm::after { transform:rotate(0); }

.fold { display:grid; grid-template-rows:0fr;
        transition:grid-template-rows .32s var(--ease); }
.is-open > .fold { grid-template-rows:1fr; }
.fold > * { min-height:0; overflow:hidden; }
.acc__b { padding:0 1.2rem; font-size:var(--t-sm); line-height:1.6; color:var(--muted); }
.acc__b > :last-child { padding-bottom:1.35rem; }
.acc__b p + p { margin-top:.65rem; }
.acc__lead { font-family:var(--display); font-weight:700; color:var(--ink); font-size:var(--t-sm);
             margin-bottom:.75rem; }
.acc__note { margin-top:1rem; font-size:var(--t-xs); color:var(--muted); line-height:1.6; }

.ticks { display:grid; gap:.6rem; }
.ticks li { display:grid; grid-template-columns:1rem 1fr; gap:.65rem; align-items:start; }
.ticks svg { width:13px; height:13px; margin-top:.35rem; fill:none; stroke:var(--gold);
             stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }

.inglist { display:grid; gap:.85rem; }
.inglist li { display:grid; grid-template-columns:2.6rem 1fr; gap:.95rem; align-items:start; }
.inglist img { width:2.6rem; height:2.6rem; border-radius:99px; object-fit:cover;
               background:var(--chalk); }
.inglist b { display:block; font-family:var(--display); font-size:var(--t-sm); font-weight:700;
             color:var(--ink); letter-spacing:-.01em; margin-bottom:0; line-height:1.3; }
.inglist em { font-style:normal; color:var(--gold-ink); font-variant-numeric:tabular-nums; }
.inglist span { font-size:var(--t-xs); line-height:1.5; display:block; margin-top:.15rem; }

.dosetable { width:100%; }
.dosetable th, .dosetable td { padding:.8rem 0; text-align:left; vertical-align:middle; }
.dosetable thead th { font-family:var(--display); font-size:.6875rem; font-weight:700;
                      text-transform:uppercase; letter-spacing:.12em; color:var(--muted);
                      padding-bottom:.5rem; }
.dosetable tbody tr + tr th, .dosetable tbody tr + tr td { box-shadow:inset 0 1px 0 var(--line); }
.dosetable tbody th { font-weight:400; }
.dosetable tbody th b { display:block; font-family:var(--display); font-size:var(--t-sm);
                        font-weight:700; color:var(--ink); }
.dosetable tbody th span { font-size:var(--t-xs); color:var(--muted); }
.dosetable td b { display:block; font-family:var(--display); font-size:var(--t-sm); font-weight:700;
                  color:var(--ink); margin-top:.35rem; }
.pips { display:flex; gap:.28rem; }
.pips i { width:.6rem; height:.6rem; border-radius:50%; background:var(--gold); }

.modal { position:fixed; inset:0; z-index:130; display:grid; place-items:center;
         padding:var(--gutter); opacity:0; visibility:hidden;
         transition:opacity .2s var(--ease), visibility .2s; }
.modal.is-on { opacity:1; visibility:visible; }
.modal.is-on .modal__box { transform:none; }
.modal__scrim { position:absolute; inset:0; background:rgba(26,15,10,.55); }
.modal__box { position:relative; width:min(34rem,100%); background:var(--paper);
              transform:translateY(10px); transition:transform .24s var(--ease);
              border-radius:var(--r-lg); padding:clamp(1.75rem,3vw,2.5rem); display:grid; gap:.85rem;
              max-height:82vh; overflow:auto; }
.modal__box p { margin:0; font-size:var(--t-sm); color:var(--muted); line-height:1.7; }
.modal__close { position:absolute; top:.85rem; right:.85rem; width:2.4rem; height:2.4rem;
                isolation:isolate; display:grid; place-items:center; color:var(--muted);
                transition:color var(--dur) var(--ease); }
.modal__close::before { content:""; position:absolute; inset:0; z-index:-1; border-radius:99px;
                        background:var(--chalk); transition:transform .2s var(--ease); }
.modal__close:hover { color:var(--ink); }
.modal__close:hover::before { transform:scale(1.12); }
.modal__close svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; }

.sechead { display:grid; gap:.75rem; max-width:46rem; margin-bottom:var(--head-mb); }
.sechead > .h2 { margin:0; max-width:18ch; }
.sechead__lead { margin:0; max-width:58ch; font-size:var(--t-base); line-height:1.6;
                 color:var(--muted); text-wrap:pretty; }
.sechead__lead b { color:var(--ink); font-weight:600; }

.signs { display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(1.25rem,2.4vw,2rem); }
.sign { display:grid; gap:.65rem; align-content:start; padding:clamp(1.35rem,2.2vw,1.85rem);
        border-radius:var(--r); background:var(--canvas); }
.sign svg { width:46px; height:46px; fill:none; stroke:var(--gold); stroke-width:1.6;
            stroke-linecap:round; }
.sign b { font-family:var(--display); font-size:var(--t-lg); font-weight:700;
          letter-spacing:-.022em; }
.sign span { font-size:var(--t-sm); color:var(--muted); line-height:1.6; }
@media (max-width:900px){ .signs { grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .signs { grid-template-columns:1fr; } }

.bleed { position:relative; min-height:min(66vh,580px); display:grid;
         grid-template-columns:minmax(0,1fr); align-items:center;
         overflow:hidden; background:var(--espresso); }
.bleed > video, .bleed > img { position:absolute; inset:0; width:100%; height:100%;
                               object-fit:cover; object-position:24% center; z-index:0; }
.bleed::after { content:""; position:absolute; inset:0; z-index:1;
  background:
    linear-gradient(0deg, rgba(26,15,10,.92) 0%, rgba(26,15,10,.32) 48%, rgba(26,15,10,0) 76%),
    linear-gradient(270deg, rgba(26,15,10,.74) 0%, rgba(26,15,10,.3) 44%, rgba(26,15,10,0) 70%); }
.bleed__inner { position:relative; z-index:2; display:grid; justify-items:end;
                padding-block:clamp(2.5rem,4.5vw,4rem); }
.bleed__body { display:grid; gap:1rem; max-width:34rem; color:#fff; justify-items:start; }
.bleed__body .display { max-width:9ch; color:#fff; }
.bleed__body .lead { color:rgba(255,255,255,.86); }
.bleed__figs { display:flex; flex-wrap:wrap; gap:.6rem 2.5rem; margin-top:.35rem;
               padding-top:1.1rem; width:100%;
               box-shadow:inset 0 1px 0 rgba(255,255,255,.28); }
.bleed__figs > div { display:grid; gap:.1rem; }
.bleed__figs b { font-family:var(--display); font-size:clamp(1.4rem,2.2vw,1.75rem); font-weight:800;
                 letter-spacing:-.03em; color:var(--gold-lit); font-variant-numeric:tabular-nums; }
.bleed__figs span { font-size:var(--t-xs); color:rgba(255,255,255,.78); }
.bleed .btn--primary { --btn-bg:var(--gold); color:var(--espresso); }
.bleed .stars svg { fill:var(--gold-lit); }
.bleed .ctatrust span { color:rgba(255,255,255,.78); }
.bleed .ctatrust svg { stroke:var(--moss-lit); }

.bleed--hero { min-height:min(88vh,780px); align-content:space-between;
               padding-block:clamp(3.5rem,8vw,6.5rem) clamp(1.25rem,2.5vw,2rem); }
.bleed--hero::after { background:
  linear-gradient(0deg, rgba(26,15,10,.88) 0%, rgba(26,15,10,.4) 48%, rgba(26,15,10,.16) 100%),
  linear-gradient(90deg, rgba(26,15,10,.82) 0%, rgba(26,15,10,.36) 46%, rgba(26,15,10,0) 74%); }
.bleed--hero .bleed__inner { justify-items:start; padding-block:0; }
.bleed--hero .bleed__body { max-width:min(38rem,100%); gap:1.1rem; }
.bleed--hero .display { max-width:11ch; font-size:clamp(2.75rem,6.4vw,5.25rem); }
.bleed--hero .label { margin-bottom:.45rem; }
.label--lit { color:var(--gold-lit); }
.herocta { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem 1.6rem; margin-top:.6rem; }
.heroproof { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; font-size:var(--t-sm);
             color:rgba(255,255,255,.8); }
.heroproof b { font-family:var(--display); font-weight:700; color:#fff; }

.herofacts__wrap { position:relative; z-index:2; }
.herofacts { display:flex; flex-wrap:wrap; gap:.5rem 2.75rem; padding-top:1.15rem;
             box-shadow:inset 0 1px 0 rgba(233,235,230,.22); }
.herofacts li { display:flex; align-items:baseline; gap:.45rem; }
.herofacts b { font-family:var(--display); font-size:clamp(1.1rem,1.7vw,1.4rem); font-weight:800;
               letter-spacing:-.024em; color:var(--gold-lit); font-variant-numeric:tabular-nums; }
.herofacts span { font-size:var(--t-xs); color:rgba(255,255,255,.72); }

.bleed--end { min-height:min(58vh,480px); }
.bleed--end::after { background:
  linear-gradient(0deg, rgba(26,15,10,.9) 0%, rgba(26,15,10,.44) 52%, rgba(26,15,10,.2) 100%),
  linear-gradient(90deg, rgba(26,15,10,.84) 0%, rgba(26,15,10,.38) 48%, rgba(26,15,10,0) 76%); }
.bleed--end .bleed__inner { justify-items:start; }
.bleed--end .display { font-size:var(--t-3xl); max-width:14ch; }
.bleed--end .btn { margin-top:.75rem; }
.footer > .bleed--end { margin-bottom:0; }
@media (max-width:860px){ .bleed__inner{ justify-items:start; }
  .bleed > video, .bleed > img { object-position:40% center; } }

.fsplit { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
          gap:clamp(2rem,4.5vw,4rem); align-items:center; }
.fsplit__media { position:relative; overflow:hidden; aspect-ratio:4/5; background:var(--chalk-2);
                 border-radius:14rem 14rem var(--r) var(--r); }
.fsplit__media video, .fsplit__media img { width:100%; height:100%; object-fit:cover; }
.fsplit__body { display:grid; gap:1.05rem; }
.fsplit--reverse .fsplit__media { order:2; }
.priceline { display:flex; align-items:baseline; flex-wrap:wrap; gap:.5rem; margin-top:.35rem; }
.priceline b { font-family:var(--display); font-size:var(--t-xl); font-weight:800;
               letter-spacing:-.03em; }
.priceline s { font-family:var(--display); font-size:var(--t-base); font-weight:700;
              color:var(--muted); text-decoration-thickness:1px; }
.priceline span { font-size:var(--t-sm); color:var(--muted); }
@media (max-width:860px){ .fsplit--reverse .fsplit__media { order:0; } }
@media (max-width:860px){ .fsplit{ grid-template-columns:1fr; }
  .fsplit__media { aspect-ratio:4/3; border-radius:9rem 9rem var(--r) var(--r); } }

.oneliners { display:grid; gap:.55rem; margin-top:.35rem; }
.fsplit__body > .btn { justify-self:start; margin-top:.3125rem; }
.oneliners li { display:grid; grid-template-columns:1rem 1fr; gap:.7rem; align-items:center;
                font-size:var(--t-sm); }
.oneliners svg { width:13px; height:13px; fill:none; stroke:var(--gold); stroke-width:3;
                 stroke-linecap:round; stroke-linejoin:round; }

.benefit { display:grid; grid-template-rows:auto auto 1fr auto; gap:0; align-content:start;
           border-radius:var(--r); overflow:hidden; background:var(--canvas); }
.benefit__img { aspect-ratio:4/3; overflow:hidden; background:var(--chalk-2); }
.benefit__img img { width:100%; height:100%; object-fit:cover; }
.benefit__t { display:flex; align-items:center; gap:.6rem; padding:1.15rem var(--pad) .45rem; }
.benefit__t .h4 { margin:0; }
.benefit__dot { width:.5rem; height:.5rem; border-radius:50%; background:var(--b-dot,var(--gold));
                flex:none; }
.benefit > p:not(.benefit__meta) { font-size:var(--t-sm); color:var(--muted);
                                   padding:0 var(--pad) .9rem; }
.benefit > p.benefit__meta { display:grid; grid-template-columns:1rem 1fr; gap:.6rem;
                             align-items:start; font-size:var(--t-xs); color:var(--muted);
                             padding:1.25rem var(--pad) 1.4rem;
                             min-height:calc(1.55em + 1.25rem + 1.4rem);
                             box-shadow:inset 0 1px 0 var(--line); line-height:1.55; }
.benefit__meta svg { width:13px; height:13px; margin-top:.175rem; fill:none; stroke:var(--gold);
                     stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.benefit--move { --b-dot:var(--gold); }
.benefit--gut  { --b-dot:var(--moss); }
.benefit--mind { --b-dot:var(--teal); }

.steps { display:grid; gap:0; align-content:start; }
.stepbox { margin-top:calc(clamp(1rem,2vw,1.5rem) * 2); padding:clamp(1.75rem,3vw,2.5rem);
            border-radius:var(--r); background:var(--canvas); }
.steps--row { grid-template-columns:repeat(3,1fr); gap:clamp(1.75rem,3.5vw,3rem); }
.step { display:grid; gap:.35rem; align-content:start; }
.step__top { display:flex; align-items:center; gap:.65rem; }
.step__n { font-family:var(--display); font-size:1.5rem; font-weight:800; line-height:1;
           color:var(--gold); letter-spacing:-.03em; }
.step__when { font-size:.6875rem; color:var(--muted); font-weight:600; text-transform:uppercase;
              letter-spacing:.12em; }
.step b { display:block; font-family:var(--display); font-size:var(--t-lg); font-weight:700;
          letter-spacing:-.02em; }
.step p { margin:0; font-size:var(--t-sm); color:var(--muted); line-height:1.6; max-width:38ch; }
@media (max-width:860px){ .steps--row { grid-template-columns:1fr; gap:1.5rem; } }

.ticker { overflow:hidden; margin-top:var(--head-mb); }
.ticker__track { display:flex; gap:1.25rem; width:max-content; padding-inline:.625rem; }
.ticker__track.is-ready { animation:tickerslide 90s linear infinite; }

@keyframes tickerslide { to { transform:translateX(calc(var(--loop,50%) * -1)); } }
.sechead__rating { display:flex; align-items:center; gap:.55rem; margin:.35rem 0 0;
                   font-size:var(--t-sm); color:var(--muted); }
.sechead__rating b { font-family:var(--display); font-weight:800; color:var(--ink);
                     font-size:var(--t-lg); }
.stars { display:inline-flex; gap:.1rem; }
.stars svg { width:16px; height:16px; fill:var(--gold); stroke:none; }

.tcard { width:20rem; margin:0; display:grid; grid-template-rows:auto 1fr; border-radius:var(--r);
         overflow:hidden; background:var(--canvas); align-content:start; }
.tcard img { width:100%; aspect-ratio:5/4; object-fit:cover; background:var(--chalk-2); }
.tcard figcaption { display:grid; gap:.2rem; align-content:start; padding:1.15rem 1.25rem 1.35rem; }
.tcard .stars { margin-bottom:.6rem; }
.tcard .stars svg { width:14px; height:14px; }
.tcard p { margin:0 0 .8rem; font-size:var(--t-sm); line-height:1.6; color:var(--ink); }
.tcard b { font-size:var(--t-sm); font-weight:700; }
.tcard span { font-size:var(--t-xs); color:var(--muted); }
.tcard em { font-style:normal; font-family:var(--display); font-size:var(--t-xs); font-weight:700;
            color:var(--gold-ink); margin-top:.4rem; }

#sammenlign .sechead { margin-bottom:0; }
.versus__scroll { position:relative; }
.versus__wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.versus__wrap:focus-visible { outline:2px solid var(--gold); outline-offset:3px; }
.versus { width:100%; }
.versus th, .versus td { padding:.9rem 1.15rem; text-align:left; }
.versus tbody tr th, .versus tbody tr td { box-shadow:inset 0 1px 0 var(--line); }
.versus tbody tr:last-child th, .versus tbody tr:last-child td { vertical-align:top; }
.versus thead th { padding-block:.75rem; font-family:var(--display); font-size:.6875rem;
                   font-weight:700; text-transform:uppercase; letter-spacing:.12em;
                   color:var(--muted); text-align:center; }
.versus thead th:first-child { text-align:left; }
.versus tbody th { font-weight:600; font-size:var(--t-base); padding-left:0; padding-right:1.5rem; }
.versus tbody th span { display:block; font-size:var(--t-xs); font-weight:400; color:var(--muted);
                        margin-top:.15rem; }
.versus td { text-align:center; width:13rem; font-size:var(--t-sm); color:var(--muted); }
.versus td b { font-family:var(--display); font-size:var(--t-base); font-weight:700;
               color:var(--ink); }
.versus svg { width:19px; height:19px; display:inline-block; vertical-align:middle; fill:none;
              stroke-width:3; }
.versus .no svg { stroke:var(--chalk-2); }
.versus .yes svg { stroke:var(--moss); }
.versus .is-us { background:var(--canvas); }
.versus thead .is-us { background:var(--espresso); color:#f2f0ea;
                       border-radius:var(--r) var(--r) 0 0; }
.versus thead .is-us img { width:104px; height:auto; margin-inline:auto; }
.versus tbody tr:last-child .is-us { border-radius:0 0 var(--r) var(--r); }
.versus td.is-us, .versus td.is-us b { color:var(--ink); }
.versus__fade { position:absolute; inset-block:0; right:0; width:3rem; pointer-events:none;
                background:linear-gradient(to right,rgba(246,247,244,0),var(--paper) 80%);
                opacity:0; transition:opacity .2s var(--ease); }
.versus__scroll.is-scrollable:not(.is-end) .versus__fade { opacity:1; }
.versus__note { margin-top:1.1rem; font-size:var(--t-xs); color:var(--muted); max-width:92ch;
                line-height:1.65; }
.versus__buy { display:block; margin-top:.9rem; }
.versus__buy .btn { width:100%; }

@media (max-width:860px){
  .versus { min-width:30rem; }
  .versus th, .versus td { padding:.7rem .65rem; }
  .versus td { width:auto; min-width:6.25rem; }
}
@media (max-width:600px){
  .versus { min-width:32rem; }
  .versus th, .versus td { padding:.7rem .6rem; }
  .versus tbody th { padding-right:.5rem; font-size:var(--t-sm); }
  .versus td { min-width:6rem; font-size:var(--t-xs); }
}

.car { position:relative; }
.car__track { display:flex; gap:clamp(1rem,2vw,1.5rem); overflow-x:auto;
              scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
              scrollbar-width:none; padding-bottom:.25rem; }
.car__track::-webkit-scrollbar { display:none; }
.car__track > * { scroll-snap-align:start; flex:0 0 auto; }
.car--3 > .car__track > * { width:min(76vw,21rem); }
.car--5 > .car__track > * { width:min(60vw,15rem); }
.car__btn { position:absolute; top:34%; translate:0 -50%; z-index:3; width:2.75rem; height:2.75rem;
            isolation:isolate; display:grid; place-items:center; color:#f2f0ea;
            transition:opacity .2s var(--ease), visibility .2s; }
.car__btn::before { content:""; position:absolute; inset:0; z-index:-1; border-radius:99px;
                    background:var(--espresso); transition:transform .2s var(--ease); }
.car__btn:hover::before { transform:scale(1.12); }
.car__btn svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2.4;
                stroke-linecap:round; stroke-linejoin:round; }
.car__btn--prev { left:-.85rem; } .car__btn--next { right:-.85rem; }
.car__btn.is-off { opacity:0; visibility:hidden; }
@media (hover:none) { .car__btn { display:none; } }
@media (min-width:901px){
  .car--3 > .car__track { display:grid; grid-template-columns:repeat(3,1fr); overflow:visible; }
  .car--5 > .car__track { display:grid; grid-template-columns:repeat(5,1fr); overflow:visible; }
  .car--3 > .car__track > *, .car--5 > .car__track > * { width:auto; }
  .car__btn { display:none; }
}

.scrim { position:fixed; inset:0; z-index:89; background:rgba(26,15,10,.55); opacity:0;
         pointer-events:none; transition:opacity .25s var(--ease); }
.scrim.is-on { opacity:1; pointer-events:auto; }
.drawer { position:fixed; inset:0 0 0 auto; z-index:90; width:min(410px,100%);
          background:var(--paper); transform:translateX(100%);
          transition:transform .34s var(--ease); display:grid; grid-template-rows:auto 1fr auto; }
.drawer.is-on { transform:none; }
.drawer__top { display:flex; align-items:center; justify-content:space-between;
               padding:1.35rem 1.5rem; background:var(--espresso); color:#f2f0ea; }
.drawer__top .iconbtn { color:#c8bfb1; }
.drawer__top .iconbtn:hover { background:rgba(255,255,255,.1); color:#fff; }
.drawer__mid { padding:1.5rem; display:grid; gap:1rem; align-content:start; }
.drawer__item { display:grid; grid-template-columns:52px 1fr auto; gap:.9rem; align-items:center; }
.drawer__item img { border-radius:3px; }
.drawer__bot { padding:1.5rem; display:grid; gap:.9rem; background:var(--chalk); }
.drawer__sum { display:flex; justify-content:space-between; font-family:var(--display);
               font-weight:700; }

.lb { position:fixed; inset:0; z-index:120; background:var(--paper); display:grid;
      grid-template-rows:auto 1fr auto; opacity:0; pointer-events:none;
      transition:opacity .2s var(--ease); }
.lb.is-on { opacity:1; pointer-events:auto; }
.lb__top { display:flex; justify-content:flex-end; padding:1rem 1.25rem; }
.lb__close, .lb__nav { position:relative; isolation:isolate; display:grid; place-items:center;
                       color:var(--espresso); }
.lb__close::before, .lb__nav::before { content:""; position:absolute; inset:0; z-index:-1;
                       border-radius:99px; background:var(--canvas);
                       box-shadow:0 8px 22px -10px rgba(26,15,10,.4);
                       transition:transform .22s var(--ease); }
.lb__close:hover::before, .lb__nav:hover::before { transform:scale(1.12); }
.lb__close { width:2.9rem; height:2.9rem; }
.lb__close svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; }
.lb__stage { position:relative; display:grid; align-items:center; min-height:0; }
.lb__track { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; height:100%;
             scrollbar-width:none; align-items:center; }
.lb__track::-webkit-scrollbar { display:none; }

.lb__stage { min-height:0; overflow:hidden; }
.lb__track { position:absolute; inset:0; }
.lb__slide { flex:0 0 100%; height:100%; min-height:0; display:grid; place-items:center;
             padding:1rem clamp(1rem,6vw,5rem); scroll-snap-align:center; }
.lb__track img { max-width:100%; max-height:calc(100vh - 11rem); width:auto; height:auto;
                 object-fit:contain;
                 border-radius:var(--r-lg); }
.lb__nav { position:absolute; top:50%; translate:0 -50%; width:3rem; height:3rem; z-index:2; }
.lb__nav svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.2;
               stroke-linecap:round; stroke-linejoin:round; }
.lb__nav--prev { left:clamp(.75rem,2vw,1.5rem); } .lb__nav--next { right:clamp(.75rem,2vw,1.5rem); }
.lb__dots { display:flex; gap:.4rem; justify-content:center; padding:1.25rem; }
.lb__dot { width:1.75rem; height:2px; background:var(--chalk-2);
           transition:background var(--dur) var(--ease); }
.lb__dot.is-on { background:var(--gold); }
body.locked { overflow:hidden; }

.deskbar { position:fixed; inset:auto 0 1.25rem 0; z-index:70; padding-inline:var(--gutter);
           transform:translateY(140%); transition:transform .3s var(--ease); pointer-events:none; }
.deskbar.is-on { transform:none; pointer-events:auto; }
.deskbar__in { display:flex; align-items:center; gap:1.1rem;
               width:100%; max-width:calc(var(--rail) - var(--gutter) * 2); margin-inline:auto;
               padding:.75rem .85rem .75rem .75rem; border-radius:var(--r-lg);
               background:var(--canvas); box-shadow:0 22px 50px -20px rgba(26,15,10,.45); }
.deskbar__stars { display:inline-flex; align-items:center; gap:.15rem; font-size:var(--t-xs);
                  color:var(--muted); }
.deskbar__stars svg { width:12px; height:12px; fill:var(--gold); stroke:none;
                      transform:translateY(-1px); }
.deskbar__stars b, .deskbar__t .deskbar__stars b { margin-left:.35rem; font-family:var(--font);
                    font-size:var(--t-xs); font-weight:700; color:var(--ink); }
.deskbar img { width:3.25rem; height:3.25rem; object-fit:cover; border-radius:var(--r); }
.deskbar__t { display:grid; }
.deskbar__t b { font-family:var(--display); font-size:var(--t-base); font-weight:700; }
.deskbar .btn { flex:none; margin-left:auto; }

.dogband { overflow:hidden; background:var(--espresso); }
.dogband__track { display:flex; gap:.75rem; width:max-content; padding:.75rem; }
.dogband__track.is-ready { animation:dogslide 70s linear infinite; }
@keyframes dogslide { to { transform:translateX(calc(var(--loop,50%) * -1)); } }
.dogband figure { position:relative; margin:0; width:clamp(11rem,17vw,15rem); }
.dogband img { width:100%; aspect-ratio:1/1; object-fit:cover; display:block;
               border-radius:var(--r); background:var(--bark); }
.dogband figcaption { position:absolute; left:.55rem; bottom:.55rem; padding:.3rem .6rem;
                      border-radius:8px; background:rgba(26,15,10,.42);
                      backdrop-filter:blur(6px); color:#f2f0ea; font-size:.6875rem;
                      font-weight:600; letter-spacing:.01em; white-space:nowrap; }
.dogband figure:nth-child(even) figcaption { left:auto; right:.55rem; bottom:auto; top:.55rem; }

.footer { background:var(--espresso); color:#f2f0ea; }
.footer__in { padding-block:clamp(3.5rem,6vw,5.5rem) clamp(2rem,3.5vw,3rem); }
.footer__grid { display:grid; grid-template-columns:1.5fr 1fr 1fr 1.4fr;
                gap:clamp(2rem,4vw,4rem); align-items:start; }
.footer__brand { display:grid; gap:1.1rem; align-content:start; }
.footer__logo { display:inline-flex; justify-self:start;
                transition:opacity var(--dur) var(--ease); }
.footer__logo:hover { opacity:.7; }
.footer__logo img { width:200px; height:auto; }
.footer__claim { margin:0; font-size:var(--t-sm); color:#b6ad9e; line-height:1.7; max-width:34ch; }
.footer__marks { display:grid; gap:.55rem; }
.footer__marks span { display:inline-flex; align-items:center; gap:.6rem; font-size:var(--t-xs);
                      color:#b6ad9e; }
.footer__marks svg { width:17px; height:17px; flex:none; fill:none; stroke:var(--gold-lit);
                     stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }

.footer__col { display:grid; gap:.6rem; align-content:start; }
.footer__col h2 { font-family:var(--display); font-size:.6875rem; font-weight:700;
                  text-transform:uppercase; letter-spacing:.14em; color:var(--gold-lit);
                  margin-bottom:.4rem; }
.footer__col a { position:relative; justify-self:start; font-size:var(--t-sm); color:#d7d0c6;
                 padding-block:.2rem; transition:color var(--dur) var(--ease); }
.footer__col a::after { content:""; position:absolute; left:0; right:0; bottom:.05rem; height:1px;
                        background:var(--gold-lit); transform:scaleX(0); transform-origin:left;
                        transition:transform .22s var(--ease); }
.footer__col a:hover { color:#fff; }
.footer__col a:hover::after { transform:scaleX(1); }

.signup { display:grid; gap:.6rem; }
.signup__row { display:flex; gap:.5rem; }
.signup input { flex:1; min-width:0; padding:.9rem 1.1rem; border-radius:var(--r); border:0;
                background:#fff; color:var(--espresso); font-size:var(--t-sm);
                transition:box-shadow var(--dur) var(--ease); }
.signup input::placeholder { color:#8a8f86; }
.signup input:focus { box-shadow:0 0 0 2px var(--gold); outline:none; }
.signup__note { margin:0; font-size:var(--t-xs); color:#8f8271; }
.footer__mail { position:relative; justify-self:start; margin-top:.35rem; font-size:var(--t-sm);
                color:var(--gold-lit); transition:color var(--dur) var(--ease); }
.footer__mail::after { content:""; position:absolute; left:0; right:0; bottom:-2px; height:1px;
                       background:currentColor; opacity:.45;
                       transition:opacity var(--dur) var(--ease); }
.footer__mail:hover::after { opacity:1; }

.footer__legal { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.4rem 1.75rem;
                 margin:clamp(2.5rem,4vw,3.5rem) 0 0; padding-top:1.35rem;
                 box-shadow:inset 0 1px 0 rgba(212,168,107,.2);
                 font-size:var(--t-xs); color:#8f8271; }
.footer__legal a { position:relative; transition:color var(--dur) var(--ease); }
.footer__legal a:hover { color:var(--gold-lit); }
@media (max-width:900px){
  .footer__grid { grid-template-columns:1fr 1fr; }
  .footer__brand, .footer__col--wide { grid-column:1 / -1; }
}

.vh { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
      clip-path:inset(50%); white-space:nowrap; border:0; }
.graded { filter:saturate(.94) contrast(1.04); }
.buy.is-flash { border-radius:var(--r); animation:buyflash 1.5s var(--ease); }
@keyframes buyflash { 0%,100%{ box-shadow:0 0 0 0 rgba(171,134,87,0); }
                      30%,70%{ box-shadow:0 0 0 6px rgba(171,134,87,.5); } }

@media (max-width:1000px) {
  .pdp { grid-template-columns:1fr; gap:2rem; }
  .gallery { position:static; }
  .nav { display:none; }
  .burger { display:inline-flex; }
  .header__inner { grid-template-columns:1fr auto 1fr; height:4.25rem; }
  .header__logo { justify-self:center; }
  .header__logo img { width:150px; }
  .nav { display:grid; grid-template-rows:0fr; justify-content:normal; position:absolute;
         top:100%; left:0; right:0;
         gap:0; margin:0; padding:0; background:var(--canvas); z-index:59; visibility:hidden;
         box-shadow:inset 0 1px 0 var(--line), 0 18px 34px -26px rgba(26,15,10,.6);
         transition:grid-template-rows .26s var(--ease), visibility 0s linear .26s; }
  .nav.is-open { grid-template-rows:1fr; visibility:visible; transition-delay:0s; }
  .nav__in { display:flex; flex-direction:column; min-height:0; overflow:hidden;
             padding-inline:var(--gutter); }
  .nav a { padding-block:1.1rem; font-size:var(--t-lg); color:var(--ink);
           box-shadow:inset 0 -1px 0 var(--line); }
  .nav a:last-child { box-shadow:none; }
  .nav a::after { display:none; }
}
@media (max-width:520px) {
  .opts { grid-template-columns:repeat(2,1fr); }
  .gallery__main { border-radius:var(--r-lg); }
  .tag__tip { max-width:calc(100vw - 2.5rem); }
}

@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }
}

.ingcard { display:grid; gap:0; align-content:start; }
.ingcard__img { aspect-ratio:1/1; overflow:hidden; background:var(--chalk-2);
                border-radius:var(--r); }
.ingcard__img img { width:100%; height:100%; object-fit:cover; }
.ingcard__b { padding-top:.9rem; display:grid; gap:.35rem; justify-items:start; }
.ingcard__dose { font-family:var(--display); font-size:var(--t-sm); font-weight:800;
                 letter-spacing:-.02em; color:var(--gold-ink);
                 font-variant-numeric:tabular-nums; }
.ingcard b { font-family:var(--display); font-size:var(--t-base); font-weight:700;
             letter-spacing:-.02em; }
.ingcard p { font-size:var(--t-xs); color:var(--muted); line-height:1.55; margin:0; }

.decl { margin-top:clamp(1.75rem,3vw,2.5rem); border-radius:var(--r); background:var(--canvas); }
.decl__sum { display:flex; align-items:center; justify-content:space-between; gap:1rem;
             padding:1.05rem 1.2rem; cursor:pointer; list-style:none; font-size:var(--t-sm);
             color:var(--muted); transition:color var(--dur) var(--ease); }
.decl__sum::-webkit-details-marker { display:none; }
.decl__sum:hover { color:var(--ink); }
.decl__sum b { color:var(--ink); font-weight:600; }
.decl__sum svg { width:18px; height:18px; flex:none; fill:none; stroke:currentColor;
                 stroke-width:2.2; transition:transform var(--dur) var(--ease); }
.decl.is-open .decl__sum svg { transform:rotate(180deg); }
.specs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
         gap:0 clamp(1.5rem,3.5vw,3rem); padding:0 1.2rem; }
.specs::after { content:""; grid-column:1 / -1; height:1.35rem; }
.decl .fold { margin-top:-.35rem; }
.spec { display:flex; justify-content:space-between; gap:1.25rem; align-items:baseline;
        padding-block:.6rem; font-size:var(--t-xs); }
.spec + .spec { box-shadow:inset 0 1px 0 var(--line); }
.spec dt { color:var(--muted); }
.spec dd { font-family:var(--display); font-weight:700; text-align:right;
           font-variant-numeric:tabular-nums; }
@media (max-width:860px){ .specs { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:520px){ .specs { grid-template-columns:1fr; } }

.objs { border-radius:var(--r); background:var(--canvas);
        padding:.35rem clamp(1.25rem,2.4vw,2rem) clamp(1.25rem,2.4vw,2rem); }
.obj + .obj { box-shadow:inset 0 1px 0 var(--line); }
.obj > summary { display:flex; align-items:center; justify-content:space-between; gap:1.25rem;
                 padding-block:1.2rem; cursor:pointer; list-style:none;
                 font-family:var(--display); font-size:var(--t-lg); font-weight:700;
                 letter-spacing:-.024em; transition:color var(--dur) var(--ease); }
.obj > summary::-webkit-details-marker { display:none; }
.obj:hover > summary { color:var(--gold-ink); }
.obj__pm { position:relative; width:14px; height:14px; flex:none; }
.obj__pm::before,.obj__pm::after { content:""; position:absolute; inset:50% 0 auto 0; height:2px;
  background:var(--gold); transition:transform var(--dur) var(--ease); }
.obj__pm::after { transform:rotate(90deg); }
.obj.is-open .obj__pm::after { transform:rotate(0); }
.obj__a { display:grid; gap:.9rem; justify-items:start; }
.obj__a::after { content:""; height:.35rem; }
.obj__a p { margin:0; font-size:var(--t-sm); color:var(--muted); max-width:76ch; line-height:1.7; }
.obj__proof { display:inline-flex; align-items:center; gap:.55rem; border-radius:var(--r);
              background:#dfe8db; padding:.5rem .85rem; font-size:var(--t-xs); font-weight:700;
              color:var(--moss-ink); }
.obj__proof svg { width:14px; height:14px; flex:none; fill:none; stroke:currentColor;
                  stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.obj__end { margin:0; padding-top:1.2rem; box-shadow:inset 0 1px 0 var(--line);
            font-size:var(--t-sm); color:var(--muted); }
.textlink { color:var(--ink); position:relative; transition:color var(--dur) var(--ease); }
.textlink::after { content:""; position:absolute; left:0; right:0; bottom:-2px; height:2px;
                   background:var(--gold); transform:scaleY(.5); transform-origin:bottom;
                   transition:transform .2s var(--ease); }
.textlink:hover { color:var(--gold-ink); }
.textlink:hover::after { transform:scaleY(1); }

@media (max-width:900px){
  :root{
    --t-xl:1.375rem;
    --t-2xl:1.75rem;
    --t-3xl:2.125rem;
    --sec-y:2.25rem;
    --head-mb:1.5rem;
  }
  .sechead__lead { font-size:var(--t-sm); }
  .sechead > .h2 { max-width:none; }

  .car__track,
  .signs {
    margin-inline:calc(var(--gutter) * -1);
    padding-inline:var(--gutter);
    scroll-padding-inline:var(--gutter);
  }
  .car__btn { display:none; }

  .signs { display:flex; overflow-x:auto; scroll-snap-type:x mandatory;
           scrollbar-width:none; -webkit-overflow-scrolling:touch; gap:.75rem; }
  .signs::-webkit-scrollbar { display:none; }
  .sign { flex:0 0 78%; scroll-snap-align:start; }

  .pdp { display:flex; flex-direction:column; gap:0; align-items:stretch; }
  .gallery { display:contents; }
  .gallery__main { order:1; aspect-ratio:1/1; }
  .gallery__thumbs { order:2; margin-top:.65rem; }
  .buy { order:3; margin-top:.75rem; }
  .guarantee { order:4; margin-top:1.25rem; }

  .versus__scroll { margin-inline:calc(var(--gutter) * -1); }
  .versus__wrap { padding-inline:var(--gutter); scroll-padding-inline:var(--gutter); }
  .versus__buy { display:none; }

  .bleed::after { background:linear-gradient(0deg, rgba(26,15,10,.94) 14%,
                    rgba(26,15,10,.66) 58%, rgba(26,15,10,.3) 100%); }
  .bleed__figs { display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem .9rem; }
}

@media (max-width:600px){

  .opts--3 { grid-template-columns:repeat(3,1fr); gap:.4rem; }
  .opts--3 .opt { padding:.75rem .6rem; }
  .opts--3 .opt__t b { font-size:var(--t-sm); }
  .opts--3 .opt__t span { font-size:.6875rem; }

  .tag__i { width:1.35rem; height:1.35rem; }
  .footer__col a { padding-block:.62rem; }
  .crumbs a, .crumbs b { padding-block:.5rem; }
  .buy__rating a { padding-block:.5rem; }
  .group__help { padding-block:.35rem; }
  .modal__close { width:2.75rem; height:2.75rem; }
  .footer__legal a { padding-block:.6rem; }
}

@property --tag-fade { syntax:'<length>'; initial-value:34px; inherits:false; }

@media (max-width:1000px){

  .header__inner { padding-inline:var(--gutter); }
  .header__actions { margin-right:-.55rem; gap:0; }
  .burger { margin-left:-.55rem; }
}

@media (max-width:900px){

  .bleed--hero { min-height:min(64vh,540px);
                 padding-block:clamp(2rem,6vw,3rem) clamp(1rem,2.5vw,1.5rem); }
  .bleed--hero > video, .bleed--hero > img { object-position:62% center; }
  .bleed--hero .bleed__body { max-width:100%; }
  .bleed--hero .display, .bleed--hero .lead { max-width:none; }
  .herofacts { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none;
               -webkit-overflow-scrolling:touch; gap:1.75rem;
               margin-inline:calc(var(--gutter) * -1);
               padding-inline:var(--gutter); scroll-padding-inline:var(--gutter);
               --tag-fade:34px;
               -webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--tag-fade)),transparent 100%);
                       mask-image:linear-gradient(to right,#000 calc(100% - var(--tag-fade)),transparent 100%);
               transition:--tag-fade .28s var(--ease); }
  .herofacts::-webkit-scrollbar { display:none; }
  .herofacts.is-scrolled { --tag-fade:0px; }
  .herofacts li { flex:0 0 auto; }
  .bleed--end { min-height:min(52vh,420px); }

  .crumbs { padding-block:.5rem 0; }

  .buy__title { font-size:1.875rem; }
  .buy__sub { font-size:.9375rem; }

  .gallery__thumbs { display:none; }
  .gallery__main { touch-action:pan-y; }
  .gallery__track { display:flex; position:absolute; inset:0; overflow-x:auto;
                    scroll-snap-type:x mandatory; scrollbar-width:none;
                    -webkit-overflow-scrolling:touch; }
  .gallery__track::-webkit-scrollbar { display:none; }
  .gallery__main img { position:relative; flex:0 0 100%; width:100%; height:100%;
                       opacity:1; scroll-snap-align:center; transform:none; }
  .gnav { position:absolute; top:50%; z-index:3; display:grid; place-items:center;
          width:2.5rem; height:2.5rem; border-radius:99px; color:var(--ink);
          isolation:isolate; translate:0 -50%;
          transition:opacity .2s var(--ease), visibility .2s var(--ease); }
  .gnav::before { content:""; position:absolute; inset:0; z-index:-1; border-radius:99px;
                  background:rgba(255,255,255,.94);
                  box-shadow:0 6px 18px -10px rgba(26,15,10,.55);
                  transition:transform .22s var(--ease); }
  .gnav:hover::before { transform:scale(1.12); }
  .gnav svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2.4;
              stroke-linecap:round; stroke-linejoin:round; }
  .gnav--prev { left:.75rem; } .gnav--next { right:.75rem; }
  .gnav.is-off { opacity:0; visibility:hidden; }

  .tags { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none;
          -webkit-overflow-scrolling:touch;
          margin-inline:calc(var(--gutter) * -1); padding-inline:var(--gutter);
          --tag-fade:34px;
          -webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--tag-fade)),transparent 100%);
          mask-image:linear-gradient(to right,#000 calc(100% - var(--tag-fade)),transparent 100%);
          transition:--tag-fade .28s var(--ease); }
  .tags::-webkit-scrollbar { display:none; }
  .tags.is-scrolled { --tag-fade:0px; }
  .tag { flex:0 0 auto; }

  .buy { gap:1rem; }
  .stockline { margin-block:-.25rem; }
  .group { margin-top:.375rem; }

  .tubs { padding:.6rem .8rem; font-size:var(--t-xs); }
  .plans { margin-top:-.25rem; }

  .tag__tip { position:fixed; inset:auto var(--gutter) auto var(--gutter);
              width:auto; max-width:none; margin:0; transform:translateY(-5px); }
  .tag__tip.is-shown { transform:none; }

  .tag__i { position:relative; touch-action:manipulation; }
  .tag__i::after { content:""; position:absolute; inset:-10px; }

  .gallery__zoom { right:.75rem; bottom:.75rem; width:2.5rem; height:2.5rem; }
  .gallery__zoom svg { width:16px; height:16px; }

  .buy__rating a::after { bottom:.7rem; }
  .group__help::after { bottom:.4rem; }

  .header__actions .iconbtn { width:2.25rem; }
  .header__actions { margin-right:-.375rem; }

  .deskbar__t b { line-height:1.15; }

  #sammenlign .sechead { margin-bottom:1.25rem; }
}

@media (max-width:900px){

  .cartdot { top:.05rem; right:-.15rem; }
}