/* Type rule: serif (Playfair Display) only for headlines, one per section, sentence case.
   Everything else is Hanken Grotesk. */
:root{
  --paper:#FBFAF7; --stone:#EFEBE3; --rule:#DFD8CB;
  --ink:#161513; --ink-2:#55514A; --ink-3:#8C867E;
  --green:#1F2B24; --terra:#A0482A;
  --serif:'Playfair Display',Georgia,serif;
  --sans:'Hanken Grotesk',system-ui,sans-serif;
  --edge:clamp(16px,4vw,56px); --pad:clamp(72px,9vw,136px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
svg.i{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wrap{max-width:1440px;margin-inline:auto;padding-inline:var(--edge)}
.sec{padding-block:var(--pad)}
.h{font-family:var(--serif);font-weight:400;letter-spacing:-.005em;line-height:1.08}
.h1{font-size:clamp(40px,5.4vw,84px)}
.h2{font-size:clamp(28px,3vw,44px)}
.muted{color:var(--ink-2)}
.h,h1,h2,h3,h4,blockquote,.pull{text-wrap:balance}
p,li,dd,em,figcaption{text-wrap:pretty}
.small{font-size:13px;color:var(--ink-3)}
.over{font:500 12px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:52px;padding:0 28px;font:500 14px/1 var(--sans);letter-spacing:.01em;transition:background .25s,color .25s,box-shadow .25s;white-space:nowrap}
.btn svg.i{width:16px;height:16px;stroke-width:1.5;transition:transform .25s}
.btn:hover svg.i{transform:translateX(3px)}
.btn-ink{background:var(--ink);color:var(--paper)}
.btn-ink:hover{background:#2e2b27}
.btn-paper{background:var(--paper);color:var(--ink)}
.btn-line{box-shadow:inset 0 0 0 1px currentColor}

/* glass labels: proof and price sit ON the picture */
.glass{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:rgba(251,250,247,.62);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 10px 30px rgba(22,21,19,.08);color:var(--ink);font-size:13px;line-height:1.35}
.glass b{display:block;font-weight:600;font-size:14px}
.glass .k{font:400 26px/1 var(--sans);letter-spacing:-.02em}
.glass svg.i{width:18px;height:18px}
.glass .sw{width:14px;height:14px}
a.glass{transition:background .25s}
a.glass:hover{background:rgba(251,250,247,.85)}
@media(max-width:760px){.glass{padding:10px 12px;font-size:12px}.glass .k{font-size:20px}}

/* top */
.bar{background:var(--green);color:#E6E1D5;font-size:13px}
.bar .wrap{display:flex;justify-content:center;gap:48px;height:40px;align-items:center}
.bar span{display:inline-flex;align-items:center;gap:8px}
.bar svg.i{width:15px;height:15px}
@media(max-width:760px){.bar span:not(:first-child){display:none}}
header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}
.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;font-size:14px}
.nav nav{display:flex;gap:30px}
.nav .r{display:flex;justify-content:flex-end;gap:24px;align-items:center}
.logo{font:500 21px/1 var(--serif);letter-spacing:.01em;white-space:nowrap}
.cart{display:inline-flex;align-items:center;gap:8px}
@media(max-width:900px){.nav nav a:nth-child(n+2),.nav .r .hm{display:none}.logo{font-size:18px}}

/* hero carousel */
.hero{position:relative;height:min(calc(100vh - 110px),860px);min-height:600px;overflow:hidden;color:#fff;background:#8f8a80}
.slide.mirror img{transform:scaleX(-1) scale(1.06)}.slide.mirror.on img{transform:scaleX(-1)}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}
.slide.on{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;transform:scale(1.06);transition:transform 7s ease-out}
.slide.on img{transform:scale(1)}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(18,16,13,.5) 0%,rgba(18,16,13,0) 22%),linear-gradient(90deg,rgba(18,16,13,.62) 0%,rgba(18,16,13,.42) 30%,rgba(18,16,13,.12) 55%,rgba(18,16,13,0) 70%)}
.hero .in{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;justify-content:center}
.hero .in .wrap{width:100%}
.hero p{font-size:19px;font-weight:400;max-width:34ch;margin:26px 0 36px;color:rgba(255,255,255,.92)}
.hero .ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero .foot{position:absolute;z-index:3;left:0;right:0;bottom:28px}
.hero .foot .wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.prog{display:flex;gap:10px;align-items:center}
.prog button{width:56px;height:24px;position:relative}
.prog button::before,.prog button i{content:"";position:absolute;left:0;right:0;top:11px;height:2px;background:rgba(255,255,255,.35)}
.prog button i{right:auto;width:0;background:#fff}
.prog button.on i{animation:fill 6s linear forwards}
.hero.paused .prog button.on i{animation-play-state:paused}
@keyframes fill{to{width:100%}}
.credit{display:inline-flex;align-items:baseline;gap:12px;color:#fff;font-size:13px;letter-spacing:.02em;text-shadow:0 1px 12px rgba(0,0,0,.25)}
.credit i{width:28px;height:1px;background:rgba(255,255,255,.7);align-self:center}
.credit span{opacity:.85}
.credit em{font:italic 400 18px/1 var(--serif);letter-spacing:0}
.credit u{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:2px;margin-left:6px}
.credit:hover u{border-color:#fff}
@media(max-width:760px){.credit span:not(#sline),.credit i{display:none}}
.slab a{border-bottom:1px solid currentColor;padding-bottom:2px}
.arrows{display:flex;gap:8px}
.arrows button{width:44px;height:44px;border:1px solid rgba(255,255,255,.6);display:grid;place-items:center;transition:background .25s}
.arrows button:hover{background:rgba(255,255,255,.16)}
@media(max-width:760px){.hero{height:auto;min-height:0;aspect-ratio:3/4}.slide img{object-position:72% 50%}.hero .in{justify-content:flex-end;padding-bottom:96px}.arrows{display:none}.hero p{font-size:16px;margin:16px 0 24px}}

/* trust row */
.trust{border-bottom:1px solid var(--rule)}
.trust .wrap{display:flex;justify-content:space-between;gap:24px;padding-block:22px;font-size:14px;overflow-x:auto;scrollbar-width:none}
.trust span{display:inline-flex;gap:10px;align-items:center;white-space:nowrap}
.trust .stars{color:var(--terra);display:inline-flex;gap:2px}
.trust .stars svg{width:13px;height:13px;fill:currentColor;stroke:none}

.press .wrap{display:flex;align-items:center;gap:56px;height:110px;overflow-x:auto;scrollbar-width:none}
.press .logos{display:flex;flex:1;justify-content:space-between;align-items:center;gap:56px}
.press img{height:40px;width:auto;max-width:140px;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1) contrast(1.9) brightness(1.08);opacity:.7;flex:none}
.press img.ink{filter:brightness(0);opacity:.5;height:26px}
.press img.sq{height:68px}

/* intro */
.intro{padding-bottom:var(--pad)}
.intro .h2{max-width:16ch}
.intro .seal{width:40px;height:40px;stroke-width:1.1;margin-bottom:22px;display:block}
.intro-top{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,96px);align-items:end}
.intro .cols{display:grid;grid-template-columns:1fr 1fr;gap:32px;font-size:16px;color:var(--ink-2)}
@media(max-width:900px){.intro-top,.intro .cols{grid-template-columns:1fr}}
/* trust checklist */
.checks{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(40px,5vw,64px);border-top:1px solid var(--ink);font-size:14px;color:var(--ink-2)}
.checks li{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;padding:24px 24px 0 0}
.checks li+li{padding-left:24px;border-left:1px solid var(--rule)}
@media(max-width:900px){.checks{grid-template-columns:1fr 1fr}.checks li:nth-child(3){padding-left:0;border-left:0}}
@media(max-width:520px){.checks{grid-template-columns:1fr}.checks li+li{padding-left:0;border-left:0}}
.checks b{display:block;font-weight:600;font-size:15px;color:var(--ink)}
.checks svg.i{width:18px;height:18px;margin-top:2px;stroke-width:1.5;color:var(--ink)}
/* shop scroll (title cell + sideways studio cards) */
.shop{border-block:1px solid var(--rule)}
.shop-row{display:grid;grid-template-columns:max(300px,calc((100vw - 1440px)/2 + 380px)) 1fr}
.shop-title{padding:clamp(32px,4vw,64px) var(--edge) clamp(32px,4vw,64px) max(var(--edge),calc((100vw - 1440px)/2 + var(--edge)));display:flex;flex-direction:column;justify-content:center;gap:20px;border-right:1px solid var(--rule)}
.shop-title p{max-width:28ch}
.shop-title .h2{font-size:clamp(28px,2.8vw,42px)}
.switch{display:flex;gap:4px;background:var(--stone);padding:4px;align-self:flex-start}
.switch button{height:38px;padding:0 16px;font-size:14px;color:var(--ink-2)}
.switch button[aria-selected=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.06)}
.shop-arrows{display:flex;gap:8px;margin-top:8px}
.shop-arrows button{width:44px;height:44px;border:1px solid var(--rule);display:grid;place-items:center}
.shop-arrows button:hover{border-color:var(--ink)}
.shop-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.shop-track::-webkit-scrollbar{display:none}
.p{flex:0 0 clamp(280px,32%,460px);scroll-snap-align:start;border-right:1px solid var(--rule);display:flex;flex-direction:column}
.p[hidden]{display:none}
.p .ph{position:relative;aspect-ratio:1;background:var(--wall,#EDE7DD);overflow:hidden}
.p .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .7s,transform 1.4s}
/* the studio shot is square: a square card shows the WHOLE umbrella, canopy edge to edge, never cropped */
.p .ph img.a{object-fit:contain}
.p .ph img.b{opacity:0}
.p:hover .ph img.b{opacity:1;transform:scale(1.02)}
.p .badges{position:absolute;z-index:1;top:18px;left:18px;display:flex;gap:6px;align-items:flex-start}
.p .badges span{writing-mode:vertical-rl;transform:rotate(180deg);background:var(--paper);font:500 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:9px 5px}
.p .badges span.dark{background:var(--ink);color:var(--paper)}
.p .add{position:absolute;z-index:1;left:16px;right:16px;bottom:16px;height:46px;background:var(--paper);color:var(--ink);font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transform:translateY(6px);transition:.3s}
.p:hover .add,.p:focus-within .add{opacity:1;transform:none}
.p .add:hover{background:var(--ink);color:var(--paper)}
@media(hover:none){.p .add{opacity:1;transform:none}}
.p .meta{text-align:center;padding:18px 16px 22px;border-top:1px solid var(--rule)}
.p h3{font:500 17px/1.3 var(--sans);margin-top:4px}
.p .tagline{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--terra)}
.p .two{display:flex;gap:8px;justify-content:center;margin-top:16px}
.p .two .btn{height:42px;padding:0 18px;font-size:13px}
.p .sub{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:14px;color:var(--ink-3)}
.sw{width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
@media(max-width:860px){.shop-row{grid-template-columns:1fr}.shop-title{border-right:0;border-bottom:1px solid var(--rule)}.p{flex-basis:78vw}}

/* settings tiles */
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:760px){.tiles{grid-template-columns:1fr}}
.tile{position:relative;aspect-ratio:3/4.4;overflow:hidden;color:#fff;background:var(--stone)}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s}
.tile:hover img{transform:scale(1.035)}
.tile .v{position:absolute;top:28px;left:24px;writing-mode:vertical-rl;transform:rotate(180deg);font:400 clamp(32px,3.2vw,46px)/1 var(--serif);text-shadow:0 1px 14px rgba(0,0,0,.18)}
.tile .go{position:absolute;left:20px;bottom:20px;background:var(--paper);color:var(--ink);height:44px;padding:0 20px;display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500}

/* 12-month test */
.test{background:var(--stone)}
.t-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:40px}
.ba.wide{aspect-ratio:16/9}
.ba.wide img{object-position:50% 40%}
@media(max-width:760px){.ba.wide{aspect-ratio:4/3}}
.ba{position:relative;aspect-ratio:3/2;overflow:hidden;user-select:none;touch-action:pan-y;--x:50%}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.ba .us{clip-path:inset(0 0 0 var(--x))}
.ba .line{position:absolute;top:0;bottom:0;left:var(--x);width:1px;background:#fff}
.ba .knob{position:absolute;top:50%;left:var(--x);transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:var(--paper);display:grid;place-items:center}
.ba .lab{position:absolute;bottom:16px;background:var(--paper);padding:7px 12px;font-size:12px;font-weight:500}
.ba .lab.l{left:16px}.ba .lab.r{right:16px}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}
.proofs{list-style:none;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}
.proofs li{display:grid;gap:14px;align-content:start;padding:28px 28px 0 0;font-size:15px}
.proofs li+li{padding-left:28px;border-left:1px solid var(--rule)}
.proofs svg.i{width:26px;height:26px}
@media(max-width:860px){.proofs{grid-template-columns:1fr}.proofs li+li{padding-left:0;border-left:0;border-top:1px solid var(--rule)}.proofs li{padding:22px 0}}
.proofs b{font-weight:600}
.proofs span{display:block;color:var(--ink-2);font-size:14px;margin-top:2px}

/* spec */
.spec{display:grid;grid-template-columns:4fr 8fr;gap:clamp(32px,5vw,80px);align-items:stretch}
@media(max-width:900px){.spec{grid-template-columns:1fr}}
.spgrid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;border-top:1px solid var(--ink)}
.sp{display:grid;grid-template-columns:24px 1fr;gap:16px;align-content:center;text-align:left;padding:26px 24px;border-bottom:1px solid var(--rule);position:relative;transition:background .25s}
.sp:nth-child(even){border-left:1px solid var(--rule)}
.sp:hover{background:#F6F2EB}
.sp.on{background:#F1EBE1}
.sp:focus{outline:none}.sp:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.sp small{display:block;font-size:13px;color:var(--ink-3)}
.sp b{display:block;font-size:18px;font-weight:500;margin-top:2px}
.sp em{display:block;font-style:normal;font-size:14px;color:var(--ink-2);margin-top:4px}
.sp svg.i{margin-top:2px;color:var(--ink-3);transition:color .25s}
.sp::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .35s}

.sp:hover svg.i,.sp.on svg.i{color:var(--ink)}
.sp.on::after{transform:scaleX(1)}
@media(max-width:900px){.specpic{min-height:0;aspect-ratio:4/5}}
@media(max-width:640px){.spgrid{grid-template-columns:1fr;grid-auto-rows:auto}.sp:nth-child(n){border-left:0}}

/* spec picture */
.spec>div:first-child{display:flex}
.specpic{position:relative;margin:0;width:100%;min-height:520px;overflow:hidden;background:var(--stone)}
.specpic img{position:absolute;inset:0}
.specpic img{width:100%;height:100%;object-fit:cover;transition:opacity .35s}
@media(max-width:900px){.specpic{aspect-ratio:4/3}}
/* sun safety */
.uv{background:var(--paper);border-top:1px solid var(--rule)}
.uvg{display:grid;grid-template-columns:5fr 6fr;gap:clamp(32px,5vw,96px);align-items:stretch}
@media(max-width:960px){.uvg{grid-template-columns:1fr}}
.uv .seal{width:40px;height:40px;stroke-width:1.1;margin-bottom:22px}
.uv .lede{font-size:19px;margin:20px 0 14px;max-width:44ch}
.uv .muted{max-width:48ch}
.uvmark{display:inline-flex;gap:12px;align-items:center;margin-top:24px;padding:14px 18px;border:1px solid var(--ink);font-size:13px;color:var(--ink-2)}
.uvmark b{display:block;color:var(--ink);font-size:15px;font-weight:600}
.uvmark img{height:34px;width:auto;padding-right:14px;border-right:1px solid var(--rule);mix-blend-mode:multiply}
.explain div p{padding:0}
.explain .gov{width:min(320px,100%);height:auto;mix-blend-mode:multiply;margin:4px 0 6px}
.explain{margin-top:24px;border-top:1px solid var(--ink)!important;border-bottom:1px solid var(--rule)}
.explain summary{font-size:16px}
.explain div{display:grid;gap:12px;padding-bottom:22px;font-size:15px;color:var(--ink-2);max-width:60ch}
.explain b{color:var(--ink);font-weight:600}
.vs{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;gap:16px}
.vs .col{align-content:start}
.vs-pic{margin:-36px -32px 4px;aspect-ratio:4/3;overflow:hidden}
.vs-pic img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.vs .bad .vs-pic img{filter:saturate(.9)}
@media(max-width:640px){.vs{grid-template-columns:1fr}}
.vs .col{padding:36px 32px;display:grid;gap:24px}
.vs .good{background:var(--green);color:#ECE7DB}
.vs .good .over{color:#B8AF9C}
.vs .bad{background:var(--stone)}
.vs ul{list-style:none;display:grid;gap:26px}
.vs li{display:grid;grid-template-columns:22px 1fr;gap:12px;font-size:14px}
.vs li b{display:block;font-size:15px;font-weight:600}
.vs .good li{color:#CDC6B6}.vs .good li b{color:#fff}
.vs .bad li{color:var(--ink-2)}.vs .bad li b{color:var(--ink)}
.vs .x{font-size:20px;line-height:1;color:var(--terra);text-align:center}
.vs svg.i{width:20px;height:20px;margin-top:1px}
/* anatomy: what you're buying */
.anat{border-top:1px solid var(--rule)}
.anat-g{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,80px);align-items:center}
@media(max-width:960px){.anat-g{grid-template-columns:1fr}}
.anat-pic{position:relative;aspect-ratio:1;background:var(--stone);overflow:hidden}
.anat-pic img{width:100%;height:100%;object-fit:cover}
.hs{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:var(--paper);color:var(--ink);font:600 13px/1 var(--sans);box-shadow:0 4px 16px rgba(22,21,19,.18);transition:background .2s,color .2s,transform .2s}
.hs::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(251,250,247,.8)}
.hs:hover,.hs.on{background:var(--ink);color:var(--paper);transform:translate(-50%,-50%) scale(1.08)}
.cmp2{width:100%;border-collapse:collapse;font-size:14px}
.cmp2 th,.cmp2 td{padding:14px 12px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}
.cmp2 thead th{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--ink)}
.cmp2 thead th.us{color:var(--ink)}
.cmp2 tbody th{font-weight:600;width:24%;white-space:nowrap}
.cmp2 .n{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--stone);font-size:11px;margin-right:10px;vertical-align:1px}
.cmp2 td.us{color:var(--ink)}
.cmp2 td.them{color:var(--ink-3)}
.cmp2 tr{transition:background .25s}
.cmp2 tr.on{background:var(--stone)}
.cmp2 tr.on .n{background:var(--ink);color:var(--paper)}
@media(max-width:640px){.cmp2 tbody th{white-space:normal}.cmp2 th,.cmp2 td{padding:12px 6px;font-size:13px}}
.cost{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,80px);margin-top:clamp(56px,7vw,104px);padding-top:clamp(40px,5vw,64px);border-top:1px solid var(--ink)}
@media(max-width:960px){.cost{grid-template-columns:1fr}}
.cost .seal{width:34px;height:34px;stroke-width:1.1;margin-bottom:6px}
.calc{display:flex;flex-direction:column;align-items:stretch}
.calc-q{font-size:15px;font-weight:600;display:flex;justify-content:space-between;align-items:baseline}
.calc-q b{font:400 40px/1 var(--serif)}
#yrs{width:100%;margin:12px 0 28px;accent-color:var(--ink);height:28px}
.calc-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.calc-row .lbl{font-size:14px;font-weight:600}
.calc-row .amt{font:400 28px/1 var(--sans);letter-spacing:-.02em}
.calc .track{display:flex;gap:3px;height:40px;width:100%;margin-bottom:22px}
.calc .track i{display:flex;align-items:center;padding:0 10px;font-style:normal;flex:none;transition:width .35s}
.calc #cheapbar i{background:#C9B59C}
.calc #cheapbar i:nth-child(odd){background:#D6C6B1}
.calc .track.us i{background:var(--green);color:#ECE7DB}
.calc .track em{font-style:normal;font-size:12px;font-weight:500;white-space:nowrap}
.save{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);margin:6px 0 28px}
.save div{padding:18px 0}
.save div+div{padding-left:24px;border-left:1px solid var(--rule)}
.save span{display:block;font-size:13px;color:var(--ink-3)}
.save b{display:block;font:400 clamp(40px,4vw,56px)/1.05 var(--serif);margin-top:6px}
.calc .btn{align-self:flex-start}

.cost p{margin-top:16px;max-width:44ch}
.bars{display:flex;flex-direction:column;align-items:flex-start}
.bar-row{width:100%;display:grid;gap:8px;margin-bottom:22px}
.bar-row .lbl{font-size:14px;font-weight:600}
.track{display:flex;gap:3px;height:44px;width:100%}
.track i{display:flex;align-items:center;padding:0 12px;background:#D9CBB8;font-style:normal}
.track i:nth-child(2){background:#CDBBA4}.track i:nth-child(3){background:#C1AA90}.track i:nth-child(4){background:#B5997C}
.track em{font-style:normal;font-size:13px;font-weight:500}
.bar-row.us .track i{background:var(--green);color:#ECE7DB}
.bar-row .tot{font-size:13px;color:var(--ink-3)}
/* who sits under it (.under; .who is the review name line) */
.under{grid-column:1/-1;margin-top:clamp(56px,7vw,104px);padding-top:clamp(40px,5vw,64px);border-top:1px solid var(--ink)}
.under-head{display:grid;grid-template-columns:5fr 6fr;gap:clamp(32px,5vw,96px);align-items:end;margin-bottom:36px}
.under-head p{max-width:52ch}
.under-g{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.under-g figure{aspect-ratio:4/5;overflow:hidden;background:var(--stone)}
.under-g img{width:100%;height:100%;object-fit:cover}
.under-g h4{font:600 17px/1.3 var(--sans);margin:18px 0 8px}
.under-g p{font-size:15px;color:var(--ink-2);max-width:40ch}
@media(max-width:900px){.under-head,.under-g{grid-template-columns:1fr}}
/* editorial spread */
.sp-g{display:grid;grid-template-columns:7fr 5fr;gap:clamp(40px,6vw,112px);align-items:center}
@media(max-width:960px){.sp-g{grid-template-columns:1fr}}
.sp-pics{position:relative;padding-bottom:12%}
.sp-pics figure{margin:0}
.sp-pics .big img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:78% 50%}
.sp-pics .inset{position:absolute;right:-6%;bottom:0;width:44%;background:var(--paper);padding:10px 10px 0}
.sp-pics .inset img{width:100%;aspect-ratio:4/5;object-fit:cover}
.sp-pics figcaption{font-size:12px;color:var(--ink-3);padding:10px 0 12px;letter-spacing:.02em}
@media(max-width:960px){.sp-pics .inset{right:0}}
.sp-text .pull{font:400 clamp(24px,2.2vw,32px)/1.25 var(--serif);margin:18px 0 40px;max-width:22ch}
.note{display:grid;grid-template-columns:44px 1fr;gap:8px;padding:24px 0;border-top:1px solid var(--rule)}
.note:last-child{border-bottom:1px solid var(--rule)}
.note .num{font:italic 400 20px/1.2 var(--serif);color:var(--terra)}
.note h3{font:600 17px/1.3 var(--sans)}
.note p{font-size:15px;color:var(--ink-2);margin-top:8px;max-width:46ch}
/* chapters */
.chap{display:grid;grid-template-columns:1fr 1fr}
.chap figure{position:relative;min-height:600px;overflow:hidden;background:var(--stone)}
.chap figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.chap .t{padding:clamp(40px,6vw,112px) var(--edge);display:flex;flex-direction:column;justify-content:center;max-width:640px}
.chap p{color:var(--ink-2);margin-top:22px;max-width:44ch;font-size:17px}
.chap.flip figure{order:2}
@media(max-width:900px){.chap{grid-template-columns:1fr}.chap figure{min-height:0;aspect-ratio:4/3}.chap.flip figure{order:0}}

/* the block */
.block{background:var(--green);color:#ECE7DB}
.block .g{display:grid;grid-template-columns:1fr 1fr;min-height:min(92vh,900px)}
.block figure{position:relative;overflow:hidden}
.block figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* text column: page content edge on the right (L27), generous left gutter from the picture */
.block .g>div{align-self:center;padding:var(--pad) max(var(--edge),calc((100vw - 1440px)/2 + var(--edge))) var(--pad) clamp(40px,6vw,112px);max-width:none}
.block .g>div>*{max-width:560px}
@media(max-width:960px){.block .g{grid-template-columns:1fr;min-height:0}.block figure{aspect-ratio:4/5}.block .g>div{padding:56px var(--edge)}}
.block .over{color:#B8AF9C}
.block p{color:#CDC6B6;margin:22px 0 28px;max-width:46ch;font-size:17px}
.block .bimg{opacity:0;transition:opacity .6s}
.block .bimg.on{opacity:1}
.season{display:inline-flex;gap:28px;margin-bottom:36px;border-bottom:1px solid rgba(236,231,219,.18)}
.season button{height:40px;padding:0;font-size:14px;color:#9C9483;display:inline-flex;align-items:center;gap:10px;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}
.season button:hover{color:#ECE7DB}
.season button[aria-selected=true]{color:#F3C9B1;border-color:#E0603A}
.live{width:8px;height:8px;border-radius:50%;background:#E0603A;display:inline-block;position:relative}
.live::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid #E0603A;animation:ping 1.8s ease-out infinite}
@keyframes ping{from{transform:scale(.6);opacity:1}to{transform:scale(1.6);opacity:0}}
@media(prefers-reduced-motion:reduce){.live::after{animation:none}}
.status{display:inline-flex;align-items:center;gap:12px;font-size:14px;color:#ECE7DB;margin:-8px 0 28px;padding:10px 14px;background:rgba(236,231,219,.08)}
.block .ctas{display:flex;gap:12px;flex-wrap:wrap}
.bpanel[hidden]{display:none}
.figs{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid rgba(236,231,219,.2);margin-bottom:36px}
.figs div{padding:20px 0}
.figs div+div{padding-left:20px;border-left:1px solid rgba(236,231,219,.2)}
.figs b{display:block;font:300 34px/1 var(--sans);letter-spacing:-.02em}
.figs span{font-size:13px;color:#B8AF9C}

/* reviews + UGC reel */
.rv-head{display:grid;grid-template-columns:6fr 6fr;gap:clamp(32px,5vw,96px);align-items:end;margin-bottom:56px}
@media(max-width:900px){.rv-head{grid-template-columns:1fr}}
.rv-head blockquote{font:400 clamp(26px,2.8vw,40px)/1.2 var(--serif);letter-spacing:-.01em}
.rv-head cite{display:block;font-style:normal;margin-top:16px;font-size:14px;color:var(--ink-3)}
.score{display:flex;gap:56px;margin-top:20px}
.score b{display:block;font:400 clamp(64px,7vw,104px)/.95 var(--serif);letter-spacing:-.02em}
.score span{display:block;font-size:15px;color:var(--ink-2);margin-top:10px}
.rv-head .stars svg{width:22px;height:22px}
.rv-head .stars{gap:4px}
.stars{color:var(--terra);display:inline-flex;gap:2px}
.stars svg{width:14px;height:14px;fill:currentColor;stroke:none}
.reel-top{display:flex;justify-content:flex-end;gap:8px;margin-bottom:16px}
.reel-top button{width:44px;height:44px;border:1px solid var(--rule);display:grid;place-items:center}
.reel-top button:hover{border-color:var(--ink)}
.reel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:calc(var(--edge) * -1);padding-right:var(--edge)}
.reel::-webkit-scrollbar{display:none}
.card{flex:0 0 280px;scroll-snap-align:start}
.card .ph{aspect-ratio:9/16;background:var(--stone);overflow:hidden;position:relative}
.card .ph img{width:100%;height:100%;object-fit:cover}
.card.photo .ph{aspect-ratio:4/5}
.card iframe{position:absolute;top:50%;left:50%;width:316%;height:100%;transform:translate(-50%,-50%);border:0;pointer-events:none}
.card .vid::after{content:"";position:absolute;inset:0}
.card .badge{position:absolute;z-index:1;left:10px;top:10px;background:var(--paper);font-size:11px;font-weight:500;padding:5px 8px;display:inline-flex;gap:6px;align-items:center}
.card .badge svg{width:10px;height:10px;fill:currentColor;stroke:none}
.card .meta{padding-top:14px}
.card .chips{display:flex;gap:6px;margin-bottom:10px}
.card .chips span{font-size:12px;border:1px solid var(--rule);padding:3px 8px}
.card h4{font:500 15px/1.35 var(--sans)}
.card p{font-size:14px;color:var(--ink-2);margin-top:6px}
.card small{display:block;margin-top:10px;font-size:13px;color:var(--ink-3)}
.revs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 32px;margin-top:80px}
@media(max-width:960px){.revs{grid-template-columns:1fr}}
.revs article{border-top:1px solid var(--ink);padding-top:20px}
.revs p{font-size:15px;color:var(--ink-2);margin:12px 0 16px}
.revs .who{display:flex;justify-content:space-between;gap:12px;font-size:13px}
.revs .ok{display:inline-flex;gap:6px;align-items:center;color:#3d5a45}
.revs .ok svg.i{width:15px;height:15px;stroke-width:1.5}

/* swatch offer */
.offer{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--rule)}
.offer figure{background:var(--stone);min-height:540px;position:relative}
.offer figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.offer .t{padding:clamp(40px,6vw,112px) var(--edge);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.offer .price{display:flex;align-items:baseline;gap:12px;margin:26px 0 4px}
.offer .price b{font:300 52px/1 var(--sans);letter-spacing:-.03em}
.offer ul{list-style:none;margin:24px 0 36px;display:grid;gap:12px;font-size:15px}
.offer li{display:flex;gap:14px;align-items:center}
@media(max-width:900px){.offer{grid-template-columns:1fr}.offer figure{min-height:0;aspect-ratio:4/3}}

.prom{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--rule)}
.prom div{padding:36px 28px;display:grid;gap:10px;align-content:start;font-size:14px}
.prom div+div{border-left:1px solid var(--rule)}
.prom b{font-weight:600;font-size:15px;margin-top:6px}
.prom span{color:var(--ink-2)}
@media(max-width:900px){.prom{grid-template-columns:1fr 1fr}.prom div:nth-child(3){border-left:0}.prom div:nth-child(-n+2){border-bottom:1px solid var(--rule)}}

.faq{display:grid;grid-template-columns:4fr 8fr;gap:clamp(32px,5vw,96px)}
@media(max-width:900px){.faq{grid-template-columns:1fr}}
details{border-bottom:1px solid var(--rule)}
details:first-child{border-top:1px solid var(--ink)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;padding:22px 0;font:500 17px/1.4 var(--sans)}
summary::-webkit-details-marker{display:none}
summary svg.i{transition:transform .3s}
details[open] summary svg.i{transform:rotate(45deg)}
details p{color:var(--ink-2);padding:0 48px 24px 0;max-width:68ch;font-size:15px}

.close{position:relative;min-height:min(86vh,820px);display:flex;align-items:center;color:#fff;overflow:hidden;background:#3f6fa8}
.close img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.close::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,16,13,.6) 0%,rgba(18,16,13,.38) 32%,rgba(18,16,13,.1) 58%,rgba(18,16,13,0) 72%)}
.close .wrap{position:relative;z-index:1;width:100%}
.close p{max-width:34ch;margin:20px 0 32px;font-size:18px;font-weight:300}

footer{background:var(--green);color:#D5CFC1}
footer .top{display:grid;grid-template-columns:5fr 2fr 2fr 2fr;gap:40px;padding-block:80px 64px}
@media(max-width:900px){footer .top{grid-template-columns:1fr 1fr}}
footer h4{font-size:13px;font-weight:500;color:#A39B8A;margin-bottom:16px}
footer ul{list-style:none;display:grid;gap:10px;font-size:14px}
footer form{display:flex;margin-top:22px;border-bottom:1px solid rgba(213,207,193,.4);max-width:420px}
footer input{flex:1;background:none;border:0;color:#fff;font:inherit;height:50px;outline:none}
footer input::placeholder{color:#A39B8A}
footer form button{width:44px;display:grid;place-items:center;color:#fff}
footer .base{border-top:1px solid rgba(213,207,193,.18);padding-block:22px;display:flex;justify-content:space-between;font-size:13px;color:#A39B8A;flex-wrap:wrap;gap:12px}

.buy{position:fixed;z-index:40;left:0;right:0;bottom:0;background:var(--paper);border-top:1px solid var(--rule);display:none;align-items:center;justify-content:space-between;padding:10px 16px;font-size:14px;transform:translateY(100%);transition:transform .35s}
.buy.on{transform:none}
.buy .btn{height:44px;padding:0 20px}
@media(max-width:760px){.buy{display:flex}}

.rv{opacity:0;transform:translateY(14px);transition:opacity .9s ease,transform .9s ease}
.rv.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.slide img{transition:none}html{scroll-behavior:auto}}

/* choose your setting */
.set-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:36px}
.set-head p{max-width:36ch}
.tile .cap2{position:absolute;z-index:1;left:24px;right:24px;bottom:84px;color:#fff;font-size:14px;line-height:1.45;text-shadow:0 1px 14px rgba(0,0,0,.3)}
.tile .cap2 b{display:block;font:400 clamp(22px,2vw,28px)/1.15 var(--serif);margin-bottom:6px}
.setting .tile::after{background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 30%,transparent 50%,rgba(0,0,0,.55))}

.srow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.scard{display:block}
.scard figure{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--stone)}
.scard img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s}
.scard:hover img{transform:scale(1.035)}
.scard .tag{position:absolute;top:16px;left:16px;background:var(--paper);padding:7px 12px;font-size:12px;font-weight:500;letter-spacing:.04em}
.scard h3{font:400 clamp(22px,1.9vw,28px)/1.2 var(--serif);margin:20px 0 6px}
.scard p{font-size:15px;color:var(--ink-2);max-width:36ch}
.scard .more{display:inline-flex;gap:8px;align-items:center;margin-top:14px;font-size:14px;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:3px}
@media(max-width:860px){.srow{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-right:calc(var(--edge)*-1);padding-right:var(--edge);scrollbar-width:none}.srow::-webkit-scrollbar{display:none}.scard{flex:0 0 78vw;scroll-snap-align:start}}

/* ── review round (index) ── */
.chips-proof{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.chips-proof li{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;font-size:13px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);backdrop-filter:blur(6px)}
.chips-proof svg.i{width:15px;height:15px}
.chips-proof .stars{color:#F3D9A4}.chips-proof .stars svg{width:11px;height:11px}
.hero picture{display:contents}
.shipline{font-size:12px;color:#3d5a45;margin-top:6px}
.ck-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
.ck{padding:28px 28px 32px 0;border-bottom:1px solid var(--rule)}
.ck:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid var(--rule)}
.ck .n{font:italic 400 18px/1 var(--serif);color:var(--terra)}
.ck h3{font:600 17px/1.3 var(--sans);margin:14px 0 8px}
.ck p{font-size:15px;color:var(--ink-2);max-width:36ch}
.ck .more{display:inline-flex;gap:8px;align-items:center;margin-top:12px;font-size:14px;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:2px}
.ck .more svg.i{width:14px;height:14px}
.uv1{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,96px);align-items:start}
.uv1>div{max-width:none}
@media(max-width:960px){.uv1{grid-template-columns:minmax(0,1fr)}}
@media(max-width:860px){
 .ck-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;border-top:0;margin-right:calc(var(--edge)*-1);padding-right:var(--edge);scrollbar-width:none}
 .ck-row::-webkit-scrollbar{display:none}
 .ck,.ck:not(:nth-child(3n+1)){flex:0 0 78vw;scroll-snap-align:start;padding:24px;border:1px solid var(--rule);background:#fff}
 .revs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-right:calc(var(--edge)*-1);padding-right:var(--edge);scrollbar-width:none}
 .revs::-webkit-scrollbar{display:none}
 .revs article{flex:0 0 82vw;scroll-snap-align:start}
 .chips-proof li{font-size:12px;padding:6px 10px}
}

.buycheck,.hero,section{overflow-x:clip}

.bar .sm{display:none}
@media(max-width:760px){
 .bar .lg{display:none}.bar .sm{display:inline}
 .bar .wrap{height:36px;font-size:12px;white-space:nowrap}
 .hero{aspect-ratio:auto;height:min(88svh,720px)}
 .hero .in{justify-content:flex-end;padding-bottom:64px}
 .hero::after{background:linear-gradient(0deg,rgba(18,16,13,.72) 0%,rgba(18,16,13,.45) 45%,rgba(18,16,13,.05) 75%)!important}
 .hero .h1{font-size:44px}
 .hero p{margin:12px 0 18px}
 .hero .credit,.hero .arrows{display:none}
 .hero .ctas .btn{width:100%}
 .hero .ctas{gap:10px}
 .hero .foot{bottom:22px}
}

.chips-proof li{background:none!important;box-shadow:none!important;backdrop-filter:none!important;padding:0 14px 0 0!important}
.chips-proof li+li{padding-left:14px!important;border-left:1px solid rgba(255,255,255,.45)}
.uvpic{margin:0;align-self:stretch;position:relative;min-height:520px;overflow:hidden;background:var(--stone)}
.uvpic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.uvpic figcaption{position:absolute;left:16px;bottom:14px;color:#fff;font-size:12px;text-shadow:0 1px 10px rgba(0,0,0,.4)}
@media(max-width:960px){.uvpic{min-height:0;aspect-ratio:4/3}}
@media(max-width:760px){.chips-proof li{padding-right:10px!important}.chips-proof li+li{padding-left:10px!important}}

.p .ph{background:#F3F0EA!important}

@media(max-width:760px){.bar .wrap>*:not(:first-child){display:none}}
/* round 2 */
.buys{padding-block:clamp(48px,6vw,88px)}
.buy-row{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--ink)}
.buy-row li{padding:20px 16px 0 0;display:grid;gap:4px;font-size:14px;color:var(--ink-2)}
.buy-row li+li{padding-left:16px;border-left:1px solid var(--rule)}
.buy-row b{font-weight:600;color:var(--ink);font-size:15px}
@media(max-width:960px){.buy-row{grid-template-columns:repeat(2,minmax(0,1fr))}.buy-row li:nth-child(odd){padding-left:0;border-left:0}.buy-row li{padding-bottom:16px;border-bottom:1px solid var(--rule)}}
.prog button{height:44px}
.logo{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:760px){
 .hero .credit{display:inline-flex!important;font-size:12px}
 .hero .credit i,.hero .credit>span:first-of-type,.hero .credit u{display:none}
}
@media(hover:none){.p .ph img.b{animation:swapimg 8s ease-in-out infinite}}
@keyframes swapimg{0%,40%{opacity:0}50%,90%{opacity:1}100%{opacity:0}}
.cgal{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.cgal img{width:100%;aspect-ratio:1;object-fit:cover}
@media(max-width:760px){.cgal{grid-template-columns:1fr 1fr}.cgal img:nth-child(n+5){display:none}}
.switch button{height:44px}
.more,.link,.scard .more,.ck .more{min-height:44px;display:inline-flex;align-items:center}
.ck .ck-i{width:28px;height:28px;stroke-width:1.2;color:var(--ink)}
.ck .more{border-bottom:0;padding-bottom:0;text-decoration:underline;text-underline-offset:4px;font-weight:500}
/* round 4: phone length */
@media(max-width:760px){
 .realgal{display:none}
 .uvpic{display:none}
 .uv .lede{font-size:17px}
 .block figure{aspect-ratio:16/11!important}
 .rv-head{margin-bottom:24px;gap:18px}
 .rv-head blockquote{font-size:22px}
 .score b{font-size:52px}
 .revs{margin-top:28px}
 .sec{padding-block:56px}
}
.buy-row.pairs li b{font-size:15px;line-height:1.35}
.s21inset{margin:28px 0 0;display:flex;gap:12px;align-items:center;font-size:12px;color:#B8AF9C}
.s21inset img{width:96px;aspect-ratio:4/3;object-fit:cover}
.bar a{min-height:40px;display:inline-flex;align-items:center}
@media(max-width:760px){.buy-row.pairs li{padding-block:12px}.buy-row.pairs li span{font-size:13px}.s21inset img{width:72px}.buys{padding-block:44px}}
@media(max-width:760px){.press .wrap{height:76px}.close{min-height:440px}.faq summary{padding:16px 0}}
.score .sumline{display:block;font:400 clamp(20px,2vw,26px)/1.3 var(--serif);max-width:16ch}
.score .sumline a{text-decoration:none}
.buy-row a,.score a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:760px){.hero .in{padding-bottom:104px}.hero .foot .wrap{flex-direction:column-reverse;align-items:flex-start;gap:6px}.hero .foot{bottom:14px}}
.styled-tag{position:absolute;left:12px;bottom:12px;z-index:2;background:rgba(251,250,247,.94);color:var(--ink);font:500 11px/1 var(--sans);padding:6px 8px;pointer-events:none}
.scard figure{position:relative}
.close>.styled-tag{left:auto;right:16px;top:16px;bottom:auto}

/* every dropdown: own chevron with right padding (native arrow sat against the edge) */
select{-webkit-appearance:none;appearance:none;padding-right:48px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 18px center!important;background-size:12px 8px!important;cursor:pointer}
select::-ms-expand{display:none}

/* round 9: six checks, 3x2 with a real detail photo each */
.buy3{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;border-top:1px solid var(--ink);padding-top:28px}
.buy3 li{display:grid;gap:6px;align-content:start;font-size:15px;line-height:1.5;color:var(--ink-2)}
.buy3 figure{aspect-ratio:4/3;overflow:hidden;background:#fff;margin-bottom:10px}
.buy3 figure img{width:100%;height:100%;object-fit:cover}
.buy3 li:nth-child(3) figure img,.buy3 li:nth-child(5) figure img,.buy3 li:nth-child(6) figure img{object-fit:contain;padding:18px}
.buy3 b{font-weight:600;color:var(--ink);font-size:16px;line-height:1.35}
.buy3 a{text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:860px){.buy3{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin-right:calc(var(--edge)*-1);padding-right:var(--edge);scrollbar-width:none}.buy3::-webkit-scrollbar{display:none}.buy3 li{flex:0 0 72%;scroll-snap-align:start}}

/* round 9: customer photos drift in one slow row */
.realgal .cgal-vp{overflow:hidden;margin-inline:calc(var(--edge)*-1)}
.realgal .cgal{display:flex!important;gap:8px;width:max-content;animation:cgal 90s linear infinite}
.realgal .cgal img{width:300px;height:300px;aspect-ratio:auto;flex:none;display:block!important}
.realgal .cgal-vp:hover .cgal{animation-play-state:paused}
@keyframes cgal{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.cgal{animation:none}.realgal .cgal-vp{overflow-x:auto}}
@media(max-width:760px){.realgal{display:block!important}.realgal .cgal img{width:180px;height:180px}}

/* round 9: Block figures need room on the right */
.figs div{padding-right:16px}

/* round 9: rhythm — stone and green bands, tighter gaps */
:root{--pad:clamp(48px,5.4vw,84px)}
.buys{background:var(--stone)}
.buy3{border-top:0;padding-top:8px;gap:20px}
.buy3 li{background:#fff;border-radius:8px;padding:24px;gap:8px}
.buy3 figure{margin:-24px -24px 12px;border-radius:8px 8px 0 0}
.buy3 span{max-width:60ch}
.setting{background:var(--stone)}
.realgal{padding-top:24px!important}

/* round 9: reviews head — stat card on its own, quote in its own column */
.rv-head{align-items:center}
.rv-head .h2{margin-bottom:20px}
.statcard{display:inline-grid;grid-template-columns:auto auto;gap:0;background:var(--stone);border-radius:8px}
.statcard>div{padding:20px 24px;display:grid;gap:6px;align-content:center}
.statcard>div+div{border-left:1px solid var(--rule)}
.statcard b{font:400 44px/1 var(--serif);letter-spacing:-.02em}
.statcard span{font-size:14px;color:var(--ink-2)}
.statcard a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.rv-head blockquote{font-size:clamp(22px,2.2vw,32px);max-width:28ch}
@media(max-width:760px){.statcard{display:grid;width:100%}.statcard>div{padding:16px}.statcard b{font-size:34px}}

/* round 9: quiet "Styled image" note — no box, small corner text (Rhys found the white tag loud) */
.styled-tag{background:none!important;padding:0!important;color:rgba(255,255,255,.82)!important;font:400 10px/1 var(--sans)!important;letter-spacing:.06em!important;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.45);left:auto!important;right:12px!important;top:auto!important;bottom:10px!important}
.buy3 span a{display:inline;min-height:0;padding-block:12px}

/* round 9: lookbook cover zoomed out — whole book on white with breathing room */
img[src*="FrontPage"]{object-fit:contain!important;background:#fff;padding:9% 9% 14%;box-sizing:border-box}
figure:has(>img[src*="FrontPage"]){background:#fff}
.buy3 li:nth-child(6) figure,figure:has(>img[src*="img/cut/"]){background:#F3F0EA}
.p .ph img{object-fit:contain!important;padding:6% 4% 2%;box-sizing:border-box}

/* round 9b: six checks as one sharp, scrolling row (Rhys) */
.buy3{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:24px!important;margin-right:calc(var(--edge)*-1);padding:0 var(--edge) 4px 0!important;scrollbar-width:none;border:0!important}
.buy3::-webkit-scrollbar{display:none}
.buy3 li{flex:0 0 calc((100% - 72px)/3.4);scroll-snap-align:start;background:none!important;border-radius:0!important;padding:0!important;gap:8px!important}
.buy3 figure{margin:0 0 14px!important;border-radius:0!important;aspect-ratio:4/5!important;background:#fff}
.buy3 li figure img{object-fit:cover!important;padding:0!important}
.buy3 li:nth-child(5) figure img{object-fit:contain!important;padding:12%!important}
.buy3 b{font:400 22px/1.25 var(--serif)!important;letter-spacing:-.01em}
.buy3 span{font-size:15px;color:var(--ink-2)}
.buys .set-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
@media(max-width:860px){.buy3 li{flex-basis:78%}.buys .reel-top{display:none}}

/* lookbook spreads zoomed out like the cover */
img[src*="MidnightPage"],img[src*="IvoryPage"]{object-fit:contain!important;padding:7%!important;box-sizing:border-box;background:#FEFEFE}
.finder{background:var(--stone)}

/* woven crosshatch on colour swatches (reads as canvas, not flat paint); panelled = alternating ivory panels like the canopy */
:root{--weave:repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 1px,transparent 1px 4px),repeating-linear-gradient(-45deg,rgba(0,0,0,.08) 0 1px,transparent 1px 4px);--panels:repeating-conic-gradient(from -22.5deg,#F4F1EA 0 45deg,transparent 45deg 90deg)}
.sw-row button,.sw,.shop-sw button{background-image:var(--weave)!important;background-size:auto!important}
.sw-group>div:first-child .sw-row button,.p[data-k="Panelled"] .sw,[data-k="Panelled"] .sw,.sw.panelled{background-image:var(--weave),var(--panels)!important}

/* Provence Blue launch band */
.launch{background:#E6EDF5}
.launch-g{display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1440px;margin:0 auto}
.launch figure{aspect-ratio:1;overflow:hidden;position:relative}
.launch figure img{width:100%;height:100%;object-fit:cover}
.launch-t{padding:clamp(32px,5vw,88px);max-width:560px}
.launch .over{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#3E5E86}
.launch h2{margin:14px 0 16px}
.launch p{font-size:17px;line-height:1.55;color:var(--ink-2);max-width:44ch}
.launch-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:26px 0 26px}
.launch-price b{font:400 44px/1 var(--serif)}
.launch-price s{color:var(--ink-3);font-size:18px}
.launch-price span{flex-basis:100%;font-size:14px;color:var(--ink-2)}
.bar-new{display:inline-flex;gap:6px;align-items:center;text-decoration:none}
.bar-new b{font-weight:600}
@media(max-width:860px){.launch-g{grid-template-columns:1fr}.launch figure{aspect-ratio:4/3}.launch-t{padding:28px var(--edge) 40px}.launch-price b{font-size:36px}}
[hidden]{display:none!important}
.buy3 li figure img[src*="logo_"]{object-fit:contain!important;padding:14%!important;background:#fff}
@media(max-width:760px){.bar-new{font-size:12px;white-space:nowrap}.bar .wrap{overflow:hidden}}
@media(max-width:760px){.realgal{display:none!important}.launch figure{aspect-ratio:3/2}.launch p{font-size:16px}}

/* cards: whole card opens the product; one quiet add link (no wall of black buttons) */
.p{position:relative}
.p .card-link{position:absolute;inset:0;z-index:1}
.p .txt-add{position:relative;z-index:2;background:none;border:0;padding:12px 0;min-height:44px;font:500 14px/1 var(--sans);color:var(--ink);text-decoration:underline;text-underline-offset:5px;cursor:pointer}
.p .txt-add:hover{color:var(--terra)}
.p .two{justify-content:center}
.payline{font-size:13px;color:var(--ink-3);margin-top:2px}
.sec:has([data-shade-planner]){padding-top:var(--pad)!important}

/* Provence pre-sale badge (turns off with the presale flag, since the markup is gated) */
:root{--presale-ink:#2F5A93;--presale-line:#6E95CC;--presale-bg:#EAF1FB}
.badge-presale,.badges .badge-presale{background:var(--presale-bg)!important;color:var(--presale-ink)!important;box-shadow:inset 0 0 0 1px var(--presale-line);border-radius:999px;font-weight:600;padding:5px 10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center}
.launch .over{display:flex;align-items:center;gap:10px}
.bar .badge-presale{padding:3px 8px;font-size:10px;margin-right:6px}
.shipline.presale,.presale-ink{color:var(--presale-ink)!important}
.p .badges span.badge-presale{padding:10px 5px!important;border-radius:999px}

/* Rhys: Add to bag is a solid black button (overrides the quiet text link) */
.txt-add,.p .txt-add{background:var(--ink)!important;color:var(--paper)!important;text-decoration:none!important;padding:0 22px!important;min-height:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;font:500 14px/1 var(--sans)!important;border:0;cursor:pointer;position:relative;z-index:2;margin-top:12px;width:100%;max-width:220px}
.txt-add:hover,.p .txt-add:hover{background:#000!important;color:#fff!important}
/* shop: 3 across on desktop, full-width black button */
@media(min-width:861px){.sgrid:not(.acc){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:44px 28px!important}}
.sgrid .txt-add{max-width:none}
.sgrid .presale-ink,.sgrid [class*="presale"]:not(.badge-presale){color:var(--presale-ink)!important}

/* Provence band: full-bleed split like The Block (image flush left) */
.launch{background:none}
.launch-g{grid-template-columns:7fr 5fr;max-width:none;align-items:stretch}
.launch figure{aspect-ratio:auto;min-height:min(86vh,820px);height:100%}
.launch figure img{object-position:40% 50%}
.launch-t{background:var(--presale-bg);max-width:none;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,5vw,88px) max(var(--edge),calc((100vw - 1440px)/2 + var(--edge))) clamp(40px,5vw,88px) clamp(40px,6vw,112px)}
.launch-t>*{max-width:520px}
@media(max-width:860px){.launch-g{grid-template-columns:1fr}.launch figure{min-height:0;aspect-ratio:4/3}.launch-t{padding:28px var(--edge) 40px}}
.moment .pull{padding-block:clamp(56px,6vw,96px)!important;margin:0!important}.moment>.wrap{padding-block:0!important}
.moment{padding-block:0!important}
/* nav menus: square thumbnails, no image notes */
.mega .styled-tag,header .styled-tag{display:none!important}
.mega img,.mega-list img,.mega-tiles img{border-radius:0!important}
.mega-list img{aspect-ratio:1;object-fit:cover}
@media(max-width:760px){.tiles{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-right:calc(var(--edge)*-1);padding-right:var(--edge);scrollbar-width:none}.tiles::-webkit-scrollbar{display:none}.tile{flex:0 0 70%;scroll-snap-align:start}}

/* hover photos fill the card */
.p .ph img.b{object-fit:cover!important;padding:0!important}

/* The Block: image runs full width, text sits on a left-to-right gradient */
@media(min-width:961px){
 .block .g{position:relative}
 .block .g>figure{grid-column:1/-1;grid-row:1;margin:0}
 .block .g>figure::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(22,30,25,0) 30%,rgba(22,30,25,.72) 52%,rgba(22,30,25,.9) 70%,rgba(22,30,25,.94))}
 .block .g>div{grid-column:2;grid-row:1;position:relative;z-index:2}
 .block .bimg[data-s="s22"]{object-position:20% 50%}
 .block #bcap{z-index:3}
}

/* Rhys: no "Styled image" text anywhere */
.styled-tag{display:none!important}

/* nav menu rows: bigger, easier to tap */
.mega-list a{min-height:64px!important;gap:16px!important;font-size:17px!important;padding-block:8px}
.mega-list img{width:52px!important;height:52px!important;flex:none}
@media(min-width:761px){#setting .tiles{grid-template-columns:repeat(4,1fr)}}

/* press: all six logos drift slowly in one line */
.press .wrap{overflow:hidden}
.press .logos-vp{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.press .logos{flex:none;width:max-content;justify-content:flex-start;gap:88px;padding-right:88px;animation:presslogos 38s linear infinite}
.press .logos-vp:hover .logos{animation-play-state:paused}
@keyframes presslogos{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.press .logos{animation:none}}
/* Rhys: pre-sale badge is a sharp solid blue box with white text */
.badge-presale,.badges .badge-presale,.p .badges span.badge-presale{background:var(--presale-ink)!important;color:#fff!important;box-shadow:none!important;border-radius:0!important}
.press img.sq{height:34px!important;max-width:150px;filter:none!important;mix-blend-mode:normal!important;opacity:.75}
/* events tile: keep the canopy in frame */
.tile img[src*="w_event_hero"]{object-position:72% 50%}
body[data-page="pool"] footer,body[data-page="pool"] .bar{background:#16213A!important;color:#D8DEEA}
body[data-page="pool"] .band,body[data-page="pool"] .close{background:#16213A!important}

/* Provence band v3: wide 2:1 image full width, text over the open water on the left */
@media(min-width:861px){
 .launch-g{display:block;position:relative}
 .launch figure{aspect-ratio:2/1;min-height:0;max-height:min(50vw,820px);height:auto;width:100%}
 .launch figure img{object-position:50% 50%}
 .launch figure::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.62) 0,rgba(255,255,255,.38) 30%,rgba(255,255,255,0) 52%);pointer-events:none}
 .launch-t{position:absolute;inset:0 auto 0 0;width:min(46%,640px);background:none!important;padding:0 0 0 max(var(--edge),calc((100vw - 1440px)/2 + var(--edge)))!important;justify-content:center}
 .launch-t .over{color:var(--presale-ink)}
 .launch-t p{color:#1f3550}
 .launch-price span{color:#1f3550}
}
/* events page: light stone footer with dark text */
body[data-page="events"] footer{background:var(--stone)!important;color:var(--ink-2)!important}
body[data-page="events"] footer *{color:inherit;border-color:var(--rule)!important}
body[data-page="events"] footer a,body[data-page="events"] footer .logo,body[data-page="events"] footer h3,body[data-page="events"] footer b,body[data-page="events"] footer strong{color:var(--ink)!important}
body[data-page="events"] footer input{color:var(--ink)!important;border-bottom-color:var(--ink-3)!important}
body[data-page="events"] footer input::placeholder{color:var(--ink-3)}
body[data-page="events"] footer svg{stroke:var(--ink)}
@media(min-width:861px){
 .launch-t{width:calc(max(var(--edge),(100vw - 1440px)/2 + var(--edge)) + clamp(420px,40vw,600px))!important}
 .launch-t>*{max-width:clamp(420px,40vw,580px)!important}
 .launch figure{min-height:560px}
}

/* six checks: no forced snapping (it fought trackpad scrolling) */
.buy3{scroll-snap-type:none!important;overscroll-behavior-x:contain}
@media(max-width:860px){.buy3{scroll-snap-type:x proximity!important}}

/* The Block: back to a clean 50/50 split (full-bleed overlay read muddy on wide screens) */
@media(min-width:961px){
 .block .g>figure{grid-column:1;grid-row:1}
 .block .g>figure::after{display:none}
 .block .g>div{grid-column:2}
 .block .bimg[data-s="s22"]{object-position:30% 60%}
}
@media(min-width:961px){.block .bimg[data-s="s22"]{object-position:40% 50%!important}}

/* hero Watch button + TV ad lightbox */
.watch{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 6px;border:0;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:500 14px/1 var(--sans);cursor:pointer}
.watch-i{width:32px;height:32px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center}
.watch-i svg{margin-left:2px}
.watch:hover{background:rgba(255,255,255,.24)}
.tvbox{position:fixed;inset:0;z-index:200;background:rgba(10,12,11,.88);display:grid;place-items:center;padding:56px 24px}
.tvbox video{width:min(1200px,100%);max-height:84vh;background:#000}
.tv-x{position:absolute;top:12px;right:12px;width:44px;height:44px;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:28px;line-height:1;cursor:pointer}
@media(max-width:760px){.tvbox{padding:56px 0}.watch .lg{display:none}}

/* reviews: bigger stars, solid check badge */
.jm .stars svg{width:20px!important;height:20px!important}
.jm .stars{gap:3px!important}

/* The Block panel: calmer, editorial (no pulsing dot, no boxed chip) */
.block .live::after{display:none}
.season .live{display:none}
.season button{font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding-bottom:10px}
.season button[aria-selected=true]{color:#fff!important;border-color:#fff!important}
.figs b{font-family:var(--serif)!important;font-weight:400!important}
@media(max-width:760px){.slide.mirror img,.slide.mirror.on img{transform:none!important}}
.jm-badge svg.i{display:none!important}
.jm-badge::before{content:"";width:16px;height:16px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%233d5a45'/%3E%3Cpath d='M4.6 8.3l2.2 2.2 4.6-4.8' fill='none' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.live::after{display:none!important}

/* card trust icons: three, quiet, top-right of the photo */
.p .ph-icons{position:absolute;z-index:2;right:14px;top:14px;list-style:none;display:grid;gap:6px;justify-items:end;margin:0;padding:0;pointer-events:none}
.p .ph-icons li{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.92);color:var(--ink);font:500 11px/1 var(--sans);padding:6px 9px}
.p .ph-icons svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.p .ph-icons li{font-size:10px;padding:5px 7px}}

/* Watch button v2: one glass pill */
.watch{height:52px;min-height:52px;border-radius:999px;padding:6px 22px 6px 6px;gap:12px;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);font:500 15px/1 var(--sans);letter-spacing:.01em}
.watch-i{width:40px;height:40px;transition:transform .25s}
.watch-i svg{width:15px;height:15px;margin-left:3px}
.watch:hover,.watch:focus-visible{background:rgba(255,255,255,.22)}
.watch:hover .watch-i,.watch:focus-visible .watch-i{transform:scale(1.06)}
.hero .ctas{align-items:center;gap:12px}

/* ---- motion (motion.js) ---- */
.mo .mo-h{clip-path:inset(0 0 100% 0);transform:translateY(18px);transition:clip-path 1.1s cubic-bezier(.2,.7,0,1),transform 1.1s cubic-bezier(.2,.7,0,1)}
.mo .mo-h.mo-in{clip-path:inset(0 0 -10% 0);transform:none}
.mo .mo-s{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,0,1);transition-delay:calc(var(--i,0)*90ms)}
.mo .mo-s.mo-in{opacity:1;transform:none}
.mo .mo-u{opacity:0;transform:translateY(22px);transition:opacity 1s ease,transform 1.1s cubic-bezier(.2,.7,0,1)}
.mo .mo-u.mo-in{opacity:1;transform:none}
.mo .mo-p{transform:translateY(var(--py,0)) scale(1.12);will-change:transform}
.tile img.mo-p{transition:transform .8s cubic-bezier(.2,.7,0,1)}
.tile:hover img.mo-p{transform:translateY(var(--py,0)) scale(1.18)}
.p .ph img{transition:opacity .6s ease,transform 1.2s cubic-bezier(.2,.7,0,1)}
.p:hover .ph img.b{transform:scale(1.04)}
.mo-bar{position:fixed;left:0;right:0;top:0;height:2px;background:var(--ink);transform-origin:0 50%;transform:scaleX(0);z-index:120;pointer-events:none;opacity:.55}
.btn{transition:background .25s,color .25s,transform .25s}
.btn:hover{transform:translateY(-1px)}
.mo-off .mo-h,.mo-off .mo-s,.mo-off .mo-u{opacity:1!important;transform:none!important;clip-path:none!important}
/* headline rise without clip-path (clip-path blocked the observer) */
.mo .mo-h{clip-path:none!important;opacity:0;transform:translateY(26px);transition:opacity 1s ease,transform 1.1s cubic-bezier(.2,.7,0,1)}
.mo .mo-h.mo-in{opacity:1;transform:none}
.watch .dur{opacity:.7;margin-left:4px;font-variant-numeric:tabular-nums}
/* phone hero: less crowded */
@media(max-width:760px){
 .hero .credit{display:none!important}
 .hero .ctas{display:grid;grid-template-columns:1fr auto;gap:10px}
 .hero .ctas .btn-paper{grid-column:1/-1}
 .hero .ctas .btn-line{padding-inline:14px;font-size:13px}
 .hero .watch{height:48px;min-height:48px;padding-right:16px}
 .hero .watch-i{width:36px;height:36px}
}
@media(max-width:760px){
 .hero .watch,.hero .watch>span{white-space:nowrap}
 .hero .ctas{grid-template-columns:1fr 1fr}
 .hero .ctas .btn-line,.hero .watch{justify-content:center}
 .hero .slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.2) 30%,rgba(0,0,0,.62) 70%,rgba(0,0,0,.72) 100%);pointer-events:none}
}
@media(max-width:760px){.hero .btn-line .lg{display:none}}
.chips-proof .why4{color:inherit;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:3px;display:inline-flex;gap:6px;align-items:center}
.hero .btn-line .sm-o{display:none}
@media(max-width:760px){.hero .btn-line .lg{display:none}.hero .btn-line .sm-o{display:inline}}
.bar-it{display:inline-flex;gap:8px;align-items:center}
@media(max-width:760px){.bar .wrap>*:not(:first-child){display:none!important}.realgal{display:block!important}}

/* review banner between settings and six checks */
.qband{background:var(--green);color:#ECE7DB;padding:34px 0 26px;overflow:hidden}
.qband-vp{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.qband-t{display:flex;width:max-content;gap:56px;padding-right:56px;animation:presslogos 70s linear infinite}
.qband-vp:hover .qband-t{animation-play-state:paused}
.qband figure{margin:0;display:grid;gap:8px;max-width:420px;flex:none}
.qband .s{color:#F2C14E;letter-spacing:3px;font-size:16px}
.qband blockquote{margin:0;font:400 21px/1.3 var(--serif)}
.qband figcaption{display:flex;align-items:center;gap:7px;font-size:13px;color:#B8C4B6}
.qband figcaption svg{color:#8FB89A}
.qband-sum{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 10px;margin-top:22px;padding:0 var(--edge);color:#ECE7DB;font-size:14px;text-decoration:none}
.qband-sum b{font:400 26px/1 var(--serif)}
.qband-stars{color:#F2C14E;letter-spacing:2px}
.qband-sep{opacity:.5}
@media(prefers-reduced-motion:reduce){.qband-t{animation:none}.qband-vp{overflow-x:auto}}
@media(max-width:760px){.qband{padding:26px 0 20px}.qband blockquote{font-size:18px}.qband figure{max-width:300px}.qband-sep{display:none}}
.rvband figure{align-content:start}
/* Watch v3: bigger triangle, optically centred label */
.watch{padding:6px 20px 6px 6px!important;gap:12px!important;line-height:1}
.watch>span:not(.watch-i){display:inline-flex;align-items:center;gap:6px;line-height:1}
.watch .dur{margin-left:0!important}
.watch-i svg{width:18px!important;height:18px!important;margin-left:2px!important}
@media(max-width:760px){.watch-i svg{width:16px!important;height:16px!important}}
.watch>span:not(.watch-i){gap:0!important;white-space:pre}.watch .dur{margin-left:8px!important}
.watch>span:not(.watch-i){display:inline!important;white-space:nowrap!important}

/* dual marquee reviews */
.dmq{display:grid;gap:18px;margin:8px calc(var(--edge)*-1) 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.dmq-row{overflow:hidden}
.dmq-t{display:flex;width:max-content;gap:18px;padding-right:18px;align-items:stretch;animation:presslogos 120s linear infinite}
.dmq-row.rev .dmq-t{animation-direction:reverse;animation-duration:135s}
.dmq:hover .dmq-t{animation-play-state:paused}
.dmq-c{flex:none;width:340px;background:var(--stone);border-radius:8px;padding:22px;display:flex;flex-direction:column;gap:12px}
.dmq-top{display:flex;justify-content:space-between;align-items:center}
.dmq-s{color:var(--terra);letter-spacing:3px;font-size:17px}
.dmq-v{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:#3d5a45}
.dmq-c p{margin:0;font-size:15px;line-height:1.5;color:var(--ink);flex:1}
.dmq-c img{width:72px;height:72px;object-fit:cover;border-radius:4px}
.dmq-who{display:flex;align-items:center;gap:10px}
.dmq-a{width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;font:600 11px/1 var(--sans);color:var(--ink-2);flex:none}
.dmq-who b{display:block;font-size:14px;font-weight:600}
.dmq-who small{font-size:13px;color:var(--ink-3)}
@media(prefers-reduced-motion:reduce){.dmq-t{animation:none}.dmq-row{overflow-x:auto}}
@media(max-width:760px){.dmq-c{width:280px;padding:18px}}
/* phone top bar: class-based (works before and after the pre-sale date) */
@media(max-width:760px){
 .bar .wrap>*{display:none!important}
 .bar .wrap>.bar-new:not([hidden]){display:inline-flex!important}
 .bar .wrap>[data-after-presale]:not([hidden]){display:inline-flex!important}
}
.buy3 li figure img[src*="logo_arpansa"]{object-fit:contain!important;padding:16%!important;background:#fff}
/* setting tiles: soft diagonal shade from the top-left so the vertical word reads */
.tile::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,rgba(15,20,17,.55) 0%,rgba(15,20,17,.22) 28%,rgba(15,20,17,0) 50%)}
.tile .v,.tile .go{z-index:2}
.tile::before{background:linear-gradient(150deg,rgba(12,16,14,.62) 0%,rgba(12,16,14,.38) 22%,rgba(12,16,14,.1) 42%,rgba(12,16,14,0) 55%)!important}
/* customer photos: full-bleed strip just above the closing image */
.realgal .cgal-vp{margin-inline:calc(50% - 50vw)!important;width:100vw;-webkit-mask-image:none;mask-image:none}
.realgal{padding-bottom:clamp(40px,5vw,72px)!important}
/* review marquee: full bleed to the screen edges, sharp corners */
.dmq{margin-inline:calc(50% - 50vw)!important;width:100vw;-webkit-mask-image:none!important;mask-image:none!important}
.dmq-c,.dmq-c img,.dmq-a{border-radius:0!important}
.dmq-c{border:1px solid var(--rule)}
/* every review card the same height */
.dmq-c{height:300px;box-sizing:border-box;overflow:hidden}
.dmq-c p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;flex:0 0 auto}
.dmq-who{margin-top:auto}
@media(max-width:760px){.dmq-c{height:270px}}
.dmq-c img{flex:none;width:64px!important;height:64px!important}
.statcard .sc-n{font:400 34px/1 var(--serif)}
/* review marquee sits in its own stone band, clearly separate from the customer-post reel */
.dmq{background:var(--stone);padding:clamp(36px,4vw,56px) 0;margin-top:clamp(48px,6vw,88px)!important;gap:16px}
.dmq-c{background:#fff;border-color:transparent}
.dmq-a{background:var(--stone)}
#reviews .more{margin-top:28px!important}
#sgrid{margin-top:clamp(24px,3vw,40px)!important}
.dmq-sec{overflow:hidden}
.dmq-sec .dmq{margin:0!important;width:auto}
.dmq-sec+.realgal{padding-top:clamp(56px,6vw,96px)!important}
/* setting tiles: full screen, edge to edge, hairline seams */
@media(min-width:761px){
 #setting .tiles{max-width:none!important;width:100vw;margin-inline:calc(50% - 50vw);padding:0!important;gap:2px!important;background:var(--paper)}
 #setting .tile{aspect-ratio:3/4.2}
 #setting .tile .v{left:clamp(24px,2.4vw,40px);top:clamp(28px,3vw,48px)}
 #setting .tile .go{left:clamp(24px,2.4vw,40px)}
}
#setting{padding-bottom:0!important}
@media(max-width:760px){.bar [data-after-presale] .sm{display:inline!important}}
/* bigger header logo (SVG to follow) */
header .logo img{height:54px!important;width:auto!important}
@media(max-width:760px){header .logo img{height:39px!important}}
/* sharp corners on subpage review cards and photos */
.rvband .jm,.rvband figure,.rvband img,.jm,.rvphoto,.rvband .rvp{border-radius:0!important}
.hero-from{display:none}@media(max-width:760px){.hero-from{display:block;font-size:14px;color:rgba(255,255,255,.9);margin:-4px 0 12px}}

/* ===== phone pass: spacious, Apple-like ===== */
.mbar{display:none}
@media(max-width:760px){
 .slide.mirror img,.slide.mirror.on img{transform:none!important}
 .hero .slide img{object-position:50% 30%}
 .hero h1{font-size:46px!important;line-height:1.02}
 .hero .lede,.hero p.sub,.hero .in>p:not(.hero-from){font-size:16px;max-width:30ch}
 .hero .chips-proof li:not(:last-child){display:none}
 .hero .chips-proof{margin:6px 0 18px}
 .hero .ctas{grid-template-columns:1fr auto!important}
 .hero .ctas .btn-line{display:none!important}
 .hero .ctas .btn-paper{grid-column:auto!important}
 .hero-from{margin-bottom:8px}
 .sec{padding-block:64px!important}
 .set-head,.shead{margin-bottom:28px}
 .press .logos{gap:44px;padding-right:44px;animation-duration:26s}
 .press img{height:30px}.press img.sq{height:26px!important}
 .press .over{display:none}
 .launch figure{aspect-ratio:1!important}
 .launch figure::after{display:none}
 .launch-t{position:static!important;width:auto!important;padding:32px var(--edge) 48px!important;background:var(--presale-bg)!important}
 .mbar{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:90;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;background:rgba(22,21,19,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;text-decoration:none;transform:translateY(140%);transition:transform .45s cubic-bezier(.2,.7,0,1)}
 .mbar.on{transform:none}
 .mbar b{display:block;font-size:15px;font-weight:500}
 .mbar small{display:block;font-size:12px;opacity:.7;margin-top:2px}
 .mbar em{font-style:normal;background:#fff;color:var(--ink);padding:0 18px;height:44px;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500}
}
@media(max-width:760px){
 .hero .slide img{object-position:50% 12%!important}
 .hero .slide::after{background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 42%,rgba(0,0,0,.45) 62%,rgba(0,0,0,.72) 100%)!important}
 .hero::before,.hero::after{opacity:0!important}
 .hero .in>p:not(.hero-from){display:none}
}
@media(max-width:760px){
 .hero p:not(.hero-from){display:none!important}
 .hero .chips-proof{margin:4px 0 16px}
}
/* phone menu: header blur/transform made the fixed panel only 40px tall; drop them while the menu is open */
@media(max-width:860px){html.menu-open header,html.menu-open #site-header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;filter:none!important;contain:none!important}

 html.menu-open .mbar{display:none}}
@media(max-width:860px){.sh-mob .mob-logo{display:none!important}}
@media(max-width:760px){.hero .slide img{height:100%!important;top:0!important;object-position:50% 20%!important}}
/* phone menu panel (moved into <body>): always pinned under the header, wherever you've scrolled */
@media(max-width:860px){
 body>.sh-mob{position:fixed!important;left:0;right:0;bottom:0!important;height:auto!important;z-index:95!important;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
}
@media(max-width:860px){html.menu-open header,html.menu-open #site-header{z-index:100!important}}
@media(max-width:860px){html.menu-open header,html.menu-open #site-header{background:var(--paper)!important}}

/* ===== mobile audit pass (index + shared tokens) ===== */
:root{--ink-3:#6F6A62}
footer input:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:760px){
 /* type: one calm scale */
 .h1{font-size:44px!important;line-height:1.02}
 .h2,.h.h2{font-size:32px!important;line-height:1.08}
 .muted,.lede,section p{font-size:16px}
 .shipline,.payline,.small{font-size:14px!important}
 /* rhythm */
 .sec{padding-block:48px!important}
 /* one sticky bar only, and room for it */
 body:has(.mbar) .buy{display:none!important}
 .mbar{bottom:calc(12px + env(safe-area-inset-bottom))}
 /* tap targets */
 header .cart,.sh-r a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 .bar-new{min-height:44px}
 .season button,.btn,.switch button{min-height:44px}
 /* hero */
 .hero{height:min(84svh,700px)!important;min-height:0!important}
 .hero .slide img{object-position:70% 22%!important}
 .hero .slide::after{background:linear-gradient(0deg,rgba(18,16,13,.82) 0%,rgba(18,16,13,.55) 36%,rgba(18,16,13,0) 66%)!important}
 .hero .watch>span:not(.watch-i){display:none!important}
 .hero .watch{width:52px;height:52px;padding:6px!important;justify-content:center}
 .hero .ctas{grid-template-columns:1fr 52px!important;gap:10px}
 /* close */
 .close{align-items:flex-end}
 .close::after{background:linear-gradient(0deg,rgba(18,16,13,.84) 0%,rgba(18,16,13,.6) 45%,rgba(18,16,13,.1) 80%)!important}
 .close p{font-weight:400!important}
 .close>img,.close img{object-position:70% 25%}
 /* setting tiles: labels horizontal, bottom-left, readable */
 #setting .tile .v{writing-mode:horizontal-tb!important;transform:none!important;top:auto!important;bottom:76px;left:18px!important;font-size:30px!important}
 #setting .tile::before{background:linear-gradient(0deg,rgba(12,16,14,.75) 0%,rgba(12,16,14,.35) 35%,rgba(12,16,14,0) 60%)!important}
 #setting .tile .go{left:18px!important}
 /* block */
 .block figure{aspect-ratio:4/5!important}
 .block figure img{object-position:50% 0!important}
 .glass .sw{box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
 .block .ctas{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}
 .block .ctas .btn{padding-inline:12px;justify-content:center}
 .figs span{display:block;line-height:1.35;margin-top:6px}
 /* reviews marquee: swipe, not auto-scroll; one row */
 .dmq-t{animation:none!important;width:auto}
 .dmq-row{overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:16px;scrollbar-width:none}
 .dmq-row::-webkit-scrollbar{display:none}
 .dmq-row.rev{display:none}
 .dmq-c{scroll-snap-align:start}
 .dmq-c[aria-hidden="true"]{display:none}
 /* product rail: one badge only */
 .p .ph-icons li:not(:first-child){display:none}
 .p .ph-icons{top:auto;bottom:12px;right:auto;left:12px}
 /* customer photos: crop the IG frame */
 .realgal .cgal img{transform:scale(1.1)}
 .realgal .cgal img{clip-path:inset(0)}
 /* footer columns */
}
@media(max-width:760px){
 footer .top{grid-template-columns:1fr 1fr!important;gap:36px 20px!important;padding-block:56px 40px!important}
 footer .top>:first-child{grid-column:1/-1}
 footer ul{gap:0!important;font-size:15px}
 footer ul a{display:block;padding:9px 0;line-height:1.35}
 footer .base{padding-bottom:calc(22px + env(safe-area-inset-bottom))}
}
@media(max-width:760px){body:has(.mbar) footer .base{padding-bottom:calc(100px + env(safe-area-inset-bottom))}header,#site-header{background:var(--paper)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}

/* index hero on phone: Apple-style stack — 4:5 photo, then copy on paper (matches subpages) */
@media(max-width:760px){
 .hero{height:auto!important;min-height:0!important;padding-top:125vw;background:var(--paper)!important;color:var(--ink)!important;overflow:hidden}
 .hero .slide{position:absolute!important;top:0;left:0;right:0;bottom:auto!important;height:125vw!important}
 .hero .slide::after{display:none!important}
 .hero::before,.hero::after{display:none!important}
 .hero .slide img{object-position:50% 30%!important}
 .hero .in{position:static!important;display:block;padding:24px 0 32px}
 .hero h1{font-size:36px!important;line-height:1.05;color:var(--ink)}
 .hero .hero-from{color:var(--ink-2);font-size:16px;margin:10px 0 14px}
 .hero .chips-proof{color:var(--ink-2)!important;margin:0 0 20px}
 .hero .chips-proof li{color:var(--ink-2)!important;border-color:var(--rule)!important}
 .hero .chips-proof .stars{color:var(--terra)!important}
 .hero .ctas{grid-template-columns:1fr 52px!important}
 .hero .ctas .btn-paper{background:var(--ink)!important;color:var(--paper)!important;border-color:var(--ink)!important;height:52px}
 .hero .watch{background:var(--stone)!important;color:var(--ink)!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}
 .hero .watch-i{background:var(--ink)!important;color:#fff!important}
 .hero .foot{position:absolute!important;top:calc(125vw - 36px);bottom:auto!important;left:0;right:0}
 .hero .foot .prog button{background:none!important;height:44px}
 .hero .foot .prog button::before{background:rgba(255,255,255,.6)!important;top:21px}
 .hero .foot .prog button i{top:21px}
 .hero .foot{top:calc(125vw - 52px)!important}
}
/* closer: breathing room under the button; footer logo large enough for its stripes to resolve */
@media(max-width:760px){.close .wrap{padding-bottom:44px!important}}
.flogo img{height:84px!important;width:auto!important}
@media(max-width:760px){.flogo img{height:76px!important}}
/* review cards: real breathing room above the stars */
.jm.rv{padding:26px 24px 22px!important}
body[data-page="events"] .jm.rv{padding:26px 0 8px!important}
.jm.rv .jm-top{row-gap:10px}
/* garden "Size / Base" cards: show the whole studio product, never a sliver of canopy */
@media(max-width:900px){.pcard figure{aspect-ratio:4/3!important;min-height:0!important}.pcard figure img{object-fit:contain!important;padding:14px 0}}
/* shop on phones: one umbrella per row, big and calm; accessories stay two-up */
@media(max-width:760px){
 .sgrid:not(.acc){grid-template-columns:minmax(0,1fr)!important;gap:44px!important}
 .sgrid:not(.acc) .pc h3,.sgrid:not(.acc) h3{font-size:22px}
}
/* homepage closer on phones: the whole photo first, words underneath on stone, never text over the picture */
@media(max-width:760px){
 .close{display:block!important;height:auto!important;min-height:0!important;color:var(--ink)!important;background:#ECE6DA!important;overflow:visible}
 .close::after{display:none!important}
 .close>picture{position:relative!important;display:block!important;width:100%;aspect-ratio:4/5;overflow:hidden}
 .close>picture img{position:absolute!important;inset:0;width:100%;height:100%!important;object-fit:cover;object-position:50% 50%!important}
 .close .wrap{padding:28px 16px 40px!important}
 .close h2{font-size:36px!important;line-height:1.05!important;color:var(--ink)}
 .close p{font-size:16px!important;margin:12px 0 22px!important;color:var(--ink-2)!important;font-weight:400!important}
 .close .btn-paper{width:100%;justify-content:center;background:var(--ink)!important;color:var(--paper)!important;min-height:52px}
 .hero .slide img{object-position:50% 50%!important}
 #setting .tile picture{position:absolute;inset:0;display:block}
 #setting .tile picture img{width:100%;height:100%;object-fit:cover}
}
@media(max-width:760px){.tile img[src*="w_event_hero"]{object-position:50% 50%}}
@media(max-width:760px){.launch figure{aspect-ratio:4/5!important;min-height:0!important}.launch figure img{object-position:50% 50%!important}}
/* footer logo: big enough that each of the four stripes is clearly drawn, even on standard screens */
.flogo img{height:104px!important}
@media(max-width:760px){.flogo img{height:100px!important}}
/* collection card info line: one readable run of text next to the swatch, never split into columns */
.pcard .sub,.meta .sub{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.meta .sub .sub-t{display:block;min-width:0}
.meta .sub .sub-t s{margin-left:4px;color:var(--ink-3)}
/* customer photos in review bands: square on phones so the whole umbrella shows */
@media(max-width:860px){.rvph{aspect-ratio:1!important}.rvph img[src*="rc_"],.rvph img[src*="ug"]{transform:none!important}}
/* rating line: stars and "5.0 average · verified on Judge.me" on one line */
.rvs-l{flex-wrap:nowrap;white-space:nowrap}
@media(max-width:760px){.rvs-l{gap:8px;font-size:14px}.rvs-l .stars svg{width:13px;height:13px}}
/* swipe rows scroll sideways only: a vertical swipe that starts on a row always scrolls the page, never gets caught */
@media(max-width:900px){
 :is(.shop-track,.tiles,.buy3,.reel,.jms,.box4,.cw,.under-g,.plan2,.rs3,.jcards,.srow,.ck-row,.revs,.cks,.rwall,.why,.dw,.vs,.dmq-row){overflow-y:hidden!important;overscroll-behavior-y:auto!important;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch}
}
html{scroll-behavior:auto}
/* colour cards: studio umbrella fills the tile (same warm ground), lifestyle photo fills edge to edge */
.cw .ph img:not(.b){object-fit:cover!important;padding:0!important}
.cw .ph img.b{object-fit:cover!important}
.cw .ph.swap img.b{opacity:1}
/* planning cards: next card visibly peeks in so the row reads as swipeable */
@media(max-width:900px){.plan2>*{flex:0 0 76vw!important}}
/* garden hero (desktop): keep the top tier of the umbrella in frame */
@media(min-width:761px){.phero .ph-media img[src*="w_garden_hero"]{object-position:62% 12%!important}}
/* ===== phone polish pass (reviewer findings, 20 Oct) ===== */
@media(max-width:760px){
 /* product sticky bar: price visible, nothing collides at 360 */
 .pbar .who span small{display:inline!important;font-size:12px}
 .pbar .who b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:38vw;display:inline-block;vertical-align:bottom}
 .pbar .btn{padding:0 16px;font-size:14px;white-space:nowrap}
 /* shop: last umbrella card matches the rest */
 .sgrid:not(.acc)>.sc:last-child:nth-child(odd){grid-column:auto!important;flex-direction:column!important;gap:0!important;display:flex}
 .sgrid:not(.acc)>.sc:last-child:nth-child(odd) .sc-ph{flex:none!important;width:100%!important}
 /* sharp corners everywhere */
 .sh-chips button,#sort,.sh-sort select,.sc-badges span,.sc-ph img,.pvban,.statcard,.glass,.sc-ph{border-radius:0!important}
 .sh-chips button{min-height:44px}
 .shop-h .muted,.sh-top .muted{display:block!important;font-size:15px;margin-top:8px}
 /* product buy box breathing room */
 .buytotal{margin-top:10px!important;font-size:13px;color:var(--ink-3)}
 .proofline{margin-top:20px;padding-top:16px;border-top:1px solid var(--rule)}
 .buybox .assure{grid-template-columns:1fr!important;gap:10px}
 .buybox [data-eta] select{display:block;width:100%;min-height:44px;margin-top:8px;border:1px solid var(--rule);border-radius:0;padding:0 12px;background:var(--paper)}
 .pdp-mtop .whyline{display:none}
 .rating .small,.proofline span,.jm-t,blockquote,h2,h3,.lede{text-wrap:balance}
 .sw-row{gap:10px}.sw-row button{width:46px;height:46px}
 .addons label{min-height:56px;display:flex;align-items:flex-start}
 .gal-main img{object-fit:contain!important;padding:6% 5%;box-sizing:border-box}
 .box4 figure img{object-fit:contain!important;padding:6%;box-sizing:border-box}
 .cgal>*{overflow:hidden}.cgal img{object-fit:cover;transform:scale(1.12)}
 .vid img,.vid video{object-position:50% 85%}
 /* accessories: buttons line up */
 .sgrid.acc .sc{display:flex;flex-direction:column}
 .sgrid.acc .sc-m{flex:1;display:flex;flex-direction:column}
 .sgrid.acc .sc-act,.sgrid.acc .sc-m>.btn:last-child{margin-top:auto}
 #swatch [data-fade] .dots,#swatch .fd-dots{display:none!important}
 /* homepage */
 .launch figure{aspect-ratio:1/1!important}.launch figure img{object-position:40% 50%!important}
 .glass{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--paper)!important}
 .hero .chips-proof li{border-left:0!important;padding-left:0!important}
 .block .figs{display:none}
 #uv .uv1>div>p.muted,#uv .small{display:none}
 .shop-arrows{display:none!important}.shop .switch{margin-bottom:8px}
 .shop-title p{hyphens:manual;max-width:none}
 #reviews .reel-top{display:none}#reviews .more{margin-top:8px!important}
 .statcard a{display:inline-block;padding:9px 0}
 .p .meta{text-align:left!important;padding:16px 16px 20px!important}.p .tagline{color:var(--ink-3)!important}.shipline{color:var(--ink-2)!important}.p .sub{justify-content:flex-start!important}
 .p .badges span{writing-mode:horizontal-tb!important;transform:none!important;padding:6px 10px!important}
 .press img{mix-blend-mode:multiply!important}
 .more{margin-top:12px!important}
 #site-footer .flogo img{height:84px!important}
 #site-footer .base{padding-bottom:24px}
}
.live::after{display:none!important}
.bag-x:focus:not(:focus-visible){outline:none}
.bag-it img{object-fit:contain;padding:5px;box-sizing:border-box}
/* garden + pool phone polish */
@media(max-width:760px){
 .mo .mo-p{transform:none!important}
 body[data-page="pool"] .close h2,body[data-page="pool"] .close .h{color:#fff!important}
 body[data-page="pool"] #site-footer{border-top:1px solid rgba(255,255,255,.14)}
 body[data-page="pool"] .close .wrap{padding-bottom:56px!important}
 html body .close>picture{aspect-ratio:4/5!important}
 html body .close>picture img{aspect-ratio:auto!important;object-position:50% 40%!important}
 .moment figure img{object-position:85% 50%!important}
 body[data-page="pool"] .band figure{aspect-ratio:1/1!important}
 body[data-page="pool"] .band figure img{object-position:50% 0!important}
 .glass,.b3head .reel-top button,.reel-top button{border-radius:0!important}
 .offer figure .glass{display:none!important}
 .offer figure .fd-dots{right:16px;bottom:12px}
 .phero+.sec,[data-buyanchor]+.sec{padding-top:8px!important}
 .checks{border-top-color:var(--rule)!important}
 .shead .muted .txtlink,.muted .txtlink{display:inline!important;min-height:0!important;font-size:inherit!important;border:0!important;padding:0!important;text-decoration:underline;text-underline-offset:3px}
 .pc-b table th{width:34%;padding-right:10px}
 .figs b{font-variant-numeric:lining-nums}
 .band .ctas .btn{width:100%;justify-content:center}
 #faq .faq:not(.all) .faq-all{display:none}
 .jm .meta,.jm-who{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:760px){.launch figure{aspect-ratio:4/5!important}.launch figure img{object-position:50% 50%!important}}
/* events / hardware / help / menu phone polish */
@media(max-width:760px){
 body:has(#buy) #site-footer .base,body:has(.mbar) #site-footer .base{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
 .offer .glass{border-radius:0!important;box-shadow:none!important}
 .fd-dots button::before{border-radius:0!important}
 .qsplit .bq blockquote{font-size:19px!important;line-height:1.45!important}
 .buy3 figure:has(img[src*="arpansa"]){background:#fff;display:grid;place-items:center}
 .buy3 img[src*="arpansa"]{position:static!important;width:80%!important;height:auto!important;object-fit:contain!important}
 .enq .btn-line{display:none}.enq .btn-ink{width:100%;justify-content:center}
 #specsheet .txtlink{min-height:44px;display:inline-flex;align-items:center}
 .faq:not(.all) .faq-all{display:none}
 .hhead .jump{display:grid!important;grid-template-columns:repeat(4,1fr);gap:6px;overflow:visible!important}
 .hhead .jump a{padding:0 4px!important;justify-content:center;font-size:14px}
 .hwhero .btn{width:100%;justify-content:center}.hwhero .wrap{padding-bottom:16px!important}
 .hw-row.nofig h2{font-size:24px}
 .parts{padding-left:16px!important;padding-right:16px!important}
 .parts p a{display:inline!important;min-height:0!important;padding:0!important;line-height:inherit!important}
 .menu-open .sh-burger span{background:transparent!important}
 .menu-open .sh-burger span::before{top:0!important;transform:rotate(45deg)}
 .menu-open .sh-burger span::after{top:0!important;transform:rotate(-45deg)}
 #sh-mob details>summary{min-height:56px}
 #sh-mob .badge-presale{display:inline-block!important;width:auto!important;font-style:normal!important;padding:4px 8px}
 #sh-mob img{border-radius:0!important}
 #site-footer .base span:first-child{display:flex;flex-wrap:wrap;column-gap:14px}
 #site-footer .base a{display:inline-flex;min-height:44px;align-items:center}
 .bar .b1,.bar a{min-height:44px}
 .jcards figure{aspect-ratio:4/3!important}
}
.sh-mob .badge-presale{display:inline-block!important;width:max-content!important;max-width:max-content;align-self:flex-start;justify-self:start;font-style:normal!important}
.sh-mob details>summary{border-bottom-width:1px!important}
/* logo: the four-line lettering needs room to resolve; never render it tiny */
header .logo img,.sh-logo img{height:76px!important;width:auto!important}
@media(max-width:760px){header .logo img,.sh-logo img{height:52px!important}}
.flogo img{height:110px!important}
@media(max-width:760px){#site-footer .flogo img,.flogo img{height:96px!important}}
@media(min-width:761px){.sh-nav,.nav{height:96px!important}header .logo img,.sh-logo img{height:72px!important}}
/* ===== phone heroes: tall photo, umbrella up top, copy over a soft dark gradient on the extended ground ===== */
@media(max-width:760px){
 html body .hero,html body .phero{position:relative!important;display:block!important;height:calc(100svh - 107px)!important;min-height:620px!important;max-height:880px!important;padding:0!important;aspect-ratio:auto!important;background:#1a1712!important;color:#fff!important;overflow:hidden!important}
 html body .hero .slide{position:absolute!important;inset:0!important;height:100%!important}
 html body .hero .slide img,html body .phero .ph-media img,html body .phero>picture img{object-position:50% 20%!important}
 html body .phero .ph-media,html body .phero>picture{position:absolute!important;inset:0!important;aspect-ratio:auto!important;height:100%!important}
 html body .hero .slide::after,html body .phero::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(16,13,10,.86) 0%,rgba(16,13,10,.62) 26%,rgba(16,13,10,.18) 46%,rgba(16,13,10,0) 58%)!important}
 html body .hero .in,html body .phero .wrap{position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:2;padding:0 16px 26px!important;display:block}
 html body .hero .in .wrap{padding:0!important}
 html body .hero h1,html body .phero h1{color:#fff!important;font-size:38px!important;line-height:1.04!important;margin:6px 0 0!important}
 html body .phero .over{color:rgba(255,255,255,.82)!important}
 html body .hero .hero-from,html body .phero p{color:rgba(255,255,255,.88)!important;font-size:16px!important;margin:10px 0 16px!important}
 html body .hero .ctas,html body .phero .ctas{display:grid!important;grid-template-columns:1fr 52px!important;gap:10px!important;margin:0 0 16px}
 html body .phero .ctas{grid-template-columns:1fr!important;gap:2px!important}
 html body .hero .ctas .btn-paper,html body .phero .btn-paper{background:#fff!important;color:var(--ink)!important;border-color:#fff!important;min-height:52px;width:100%;justify-content:center}
 html body .phero .btn-line{color:#fff!important;justify-content:center!important}
 html body .hero .watch{background:rgba(255,255,255,.14)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)!important}
 html body .hero .watch-i{background:#fff!important;color:var(--ink)!important}
 /* proof: reviews + checks, as on desktop */
 html body .hero .chips-proof{display:flex!important;flex-wrap:wrap;gap:6px 14px;margin:0!important;color:#fff!important;font-size:13px}
 html body .hero .chips-proof li{color:rgba(255,255,255,.9)!important;border:0!important;padding:0!important}
 html body .hero .chips-proof li:has(.why4),html body .hero .chips-proof li:has(.live){display:none!important}
 html body .phero .proofrow{display:flex!important;flex-wrap:wrap;gap:6px 14px;color:rgba(255,255,255,.9)!important;font-size:13px;margin-top:14px}
 html body .phero .proofrow span{display:inline-flex;align-items:center;gap:6px;color:inherit!important}
 html body .phero .proofrow span:nth-child(2) ~ span{display:none!important}
 html body .hero .chips-proof .stars,html body .phero .proofrow .stars{color:#F2B636!important}
 html body .hero .foot{display:none!important}
 html body .phero .fd-bars{top:14px!important;bottom:auto!important;left:16px!important}
}
@media(max-width:760px){
 html body .hero .slide::after,html body .phero::after{background:linear-gradient(0deg,rgba(16,13,10,.9) 0%,rgba(16,13,10,.74) 32%,rgba(16,13,10,.34) 50%,rgba(16,13,10,0) 64%)!important}
 html body .hero .hero-from{font-size:15px!important;white-space:nowrap}
 html body .phero .ctas{margin-bottom:6px!important}
 html body .phero .proofrow{margin-top:8px!important}
}
/* phone hero height: never taller than the photo's own shape (no side cropping), and leave a peek of what's next */
@media(max-width:760px){
 html body .hero,html body .phero{height:min(calc(100svh - 150px),160vw)!important;min-height:560px!important;max-height:none!important}
}
/* header: solid paper, no backdrop blur (it can soften the logo while compositing) */
header,#site-header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--paper,#FBFAF7)!important}
header .logo img,.sh-logo img{image-rendering:auto;transform:translateZ(0)}
/* Provence band on phones: tall photo, copy over a soft gradient, like desktop */
@media(max-width:760px){
 html body .launch{padding:0!important;background:#1a1712!important}
 html body .launch .launch-g{position:relative!important;display:block!important;height:min(calc(100svh - 150px),160vw)!important;min-height:580px;overflow:hidden}
 html body .launch figure{position:absolute!important;inset:0!important;aspect-ratio:auto!important;height:100%!important;margin:0!important;min-height:0!important}
 html body .launch figure img{width:100%;height:100%!important;object-fit:cover;object-position:50% 18%!important}
 html body .launch figure::after{content:""!important;display:block!important;position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,22,36,.9) 0%,rgba(14,22,36,.72) 32%,rgba(14,22,36,.3) 50%,rgba(14,22,36,0) 64%)!important}
 html body .launch .launch-t{position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:auto!important;z-index:2;background:none!important;padding:0 16px 26px!important;color:#fff!important}
 html body .launch .launch-t .over{color:rgba(255,255,255,.85)!important}
 html body .launch .launch-t h2{color:#fff!important;font-size:34px!important;line-height:1.05!important;margin:10px 0 0!important}
 html body .launch .launch-t>p{display:none!important}
 html body .launch .launch-price{margin:12px 0 16px!important;color:#fff}
 html body .launch .launch-price b{color:#fff!important;font-size:30px!important}
 html body .launch .launch-price s,html body .launch .launch-price span{color:rgba(255,255,255,.8)!important}
 html body .launch .ctas .btn{width:100%;justify-content:center;background:#fff!important;color:var(--ink)!important;border-color:#fff!important;min-height:52px}
}
@media(max-width:760px){
 html body .hero,html body .phero{height:min(calc(100svh - 110px),172vw)!important;min-height:620px!important}
 html body .launch .launch-g{height:min(calc(100svh - 110px),172vw)!important;min-height:640px!important}
 html body .hero .chips-proof{margin:0 0 16px!important}
 html body .hero .ctas{margin:0!important}
 /* Provence: compact copy block so the photo carries the section */
 html body .launch .launch-t h2 br,html body .launch .launch-t h2 .sub{display:none}
 html body .launch .launch-t h2{font-size:36px!important;white-space:nowrap}
 html body .launch .launch-t .tag2{display:block;color:rgba(255,255,255,.85);font-size:16px;margin-top:4px}
 html body .launch .launch-price{margin:10px 0 14px!important;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
 html body .launch .launch-price span{flex-basis:100%;font-size:14px}
 html body .launch figure img{object-position:50% 8%!important}
}
.launch .tag2{display:none}
/* press: Adore's JPG has a white box; multiply melts it into the page everywhere */
.press img[src*="adore"]{mix-blend-mode:multiply!important}
/* phones: hero and Provence take the whole screen */
@media(max-width:760px){
 html body .hero,html body .phero{height:calc(100svh - 107px)!important;min-height:600px!important;max-height:none!important}
 html body .launch .launch-g{height:calc(100svh - 71px)!important;min-height:620px!important}
 /* Provence like desktop: overhead pool shot, white gradient over the water, dark copy on top */
 html body .launch{background:#BFE6EC!important}
 html body .launch figure img{object-position:50% 100%!important}
 html body .launch figure::after{background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.7) 30%,rgba(255,255,255,.25) 48%,rgba(255,255,255,0) 60%)!important}
 html body .launch .launch-t{top:0!important;bottom:auto!important;padding:28px 16px 0!important;color:var(--ink)!important}
 html body .launch .launch-t .over{color:var(--presale-ink)!important}
 html body .launch .launch-t h2{color:var(--ink)!important}
 html body .launch .launch-t .tag2{color:var(--ink-2)!important}
 html body .launch .launch-price b{color:var(--ink)!important}
 html body .launch .launch-price s,html body .launch .launch-price span{color:#1f3550!important}
 html body .launch .ctas .btn{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
}
/* reduced motion: content still fades in gently, nothing slides */
.mo-off .mo-h,.mo-off .mo-s,.mo-off .mo-u{transform:none!important;transition:opacity .6s ease!important}
/* collection cards: full-width Add to bag */
.p .txt-add{width:100%!important;justify-content:center!important;height:48px!important}
/* space between the setting tiles and the green review band */
#setting{margin-bottom:clamp(40px,6vw,72px)!important}
/* Adore logo: lift the off-white JPG ground to pure white so multiply removes it */
.press img[src*="adore"]{filter:grayscale(1) brightness(1.12) contrast(1.35)!important}
.p .txt-add,.txt-add{max-width:none!important}
/* muted autoplay layer sits under a transparent tap target */
.yt-auto{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;z-index:0}
.yt.auto-on{background:transparent!important;z-index:1}
.yt.auto-on::after{opacity:0;transition:opacity .4s}
.vid:hover .yt.auto-on::after{opacity:.9}
/* ===== phone closers: full-screen photo, copy over the dark gradient (same language as the heroes) ===== */
@media(max-width:760px){
 html body .close{position:relative!important;display:block!important;height:calc(100svh - 71px)!important;min-height:600px!important;padding:0!important;overflow:hidden!important;color:#fff!important;background:#1a1712!important}
 html body .close>picture,html body .close>img{position:absolute!important;inset:0!important;aspect-ratio:auto!important;height:100%!important;width:100%!important}
 html body .close>picture img,html body .close>img{position:absolute!important;inset:0;width:100%;height:100%!important;object-fit:cover;object-position:50% 20%!important}
 html body .close::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(16,13,10,.9) 0%,rgba(16,13,10,.72) 30%,rgba(16,13,10,.3) 48%,rgba(16,13,10,0) 62%)!important}
 html body .close .wrap{position:absolute!important;left:0;right:0;bottom:0;z-index:2;padding:0 16px 32px!important}
 html body .close h2,html body .close .h{color:#fff!important;font-size:38px!important;line-height:1.04!important}
 html body .close p{color:rgba(255,255,255,.88)!important;font-size:16px!important;margin:12px 0 20px!important}
 html body .close .btn-paper,html body .close .btn{background:#fff!important;color:var(--ink)!important;border-color:#fff!important;width:100%;justify-content:center;min-height:52px}
 html body .close>.styled-tag{display:none!important}
}
html.at-close :is(.buy,#buy,.mbar,.pbar){transform:translateY(120%)!important;opacity:0!important;pointer-events:none!important;transition:transform .35s ease,opacity .35s ease}
/* The Block: editorial caption (no sticker), one primary action + quiet text link */
.block figure .bcap{position:absolute;left:20px;bottom:18px;z-index:2;margin:0;color:#fff;font:500 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.block figure::after{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(0deg,rgba(0,0,0,.35),transparent);pointer-events:none;z-index:1}
.block .ctas{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.block .txtlink.alt{color:inherit;text-decoration:underline;text-underline-offset:4px;font-size:15px;min-height:44px;display:inline-flex;align-items:center;border:0}
.block .season button{letter-spacing:.08em}
@media(max-width:760px){
 .block figure{aspect-ratio:4/5!important}
 .block figure img{object-position:50% 0%!important}
 .block .ctas{display:grid;gap:6px}
 .block .ctas .btn-paper{width:100%;justify-content:center;min-height:52px}
 .block .txtlink.alt{justify-content:center}
 .block h2{font-size:34px!important;line-height:1.08!important}
}
@media(max-width:760px){html body .block .ctas{display:grid!important;grid-template-columns:1fr!important;gap:4px!important}html body .block .ctas .btn-paper{width:100%!important}}
.block .figs b{font-variant-numeric:lining-nums}
/* hardware photos sit on the same warm ground as their tile: fill it edge to edge */
:is(.box4,.hw-row,.hwhero,.buy3,.pcard,.sc-ph,.cw .ph) figure img[src*="hardware/"],.box4 figure img[src*="hardware/"],img[src*="plate_photo_s"],img[src*="base_s"],img[src*="plate_s"]{object-fit:cover!important;padding:0!important}
@media(max-width:760px){.box4 article .btn,.box4 article .txt-add,.box4 article button{width:100%!important;justify-content:center!important;min-height:48px}}
/* phone menu: roomy, thumb-friendly rows */
@media(max-width:860px){
 html body .sh-mob>a,html body .sh-mob summary{min-height:64px!important;font-size:26px!important}
 html body .sh-mob details a{min-height:64px!important;gap:14px!important;font-size:18px!important;padding:8px 0 8px 4px!important}
 html body .sh-mob details a img{width:52px!important;height:52px!important;object-fit:cover;border-radius:0!important;flex:none}
 html body .sh-mob details[open]{padding-bottom:10px}
}
/* ===== editorial breaks on phones: full-screen photo, few words, soft gradient ===== */
.uv .ed-bg{display:none}
@media(max-width:760px){
 /* UV */
 html body #uv{position:relative!important;padding:0!important;height:calc(100svh - 71px);min-height:640px;overflow:hidden;background:#1a1712!important;color:#fff}
 html body #uv .ed-bg{display:block;position:absolute;inset:0;margin:0}
 html body #uv .ed-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
 html body #uv .ed-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,13,10,.9) 0%,rgba(16,13,10,.7) 32%,rgba(16,13,10,.25) 50%,rgba(16,13,10,0) 62%)}
 html body #uv .uv1{position:absolute!important;left:0;right:0;bottom:0;z-index:2;padding:0 16px 30px!important;display:block!important}
 html body #uv .uv1>:not(:first-child){display:none!important}
 html body #uv h2{color:#fff!important;font-size:38px!important;line-height:1.04!important}
 html body #uv .lede{color:rgba(255,255,255,.9)!important;font-size:17px!important;margin:12px 0 18px!important}
 html body #uv .muted,html body #uv .small,html body #uv details{display:none!important}
 html body #uv .uvmark{display:inline-flex!important;align-items:center;gap:12px;background:#fff;color:var(--ink);padding:10px 14px;text-decoration:none}
 html body #uv .uvmark img{height:28px;width:auto}
 html body #uv .uvmark span{font-size:12px;line-height:1.3;color:var(--ink-2)}
 html body #uv .uvmark b{display:block;color:var(--ink);font-size:13px}
 /* garden moment */
 html body .moment{position:relative!important;display:block!important;height:calc(100svh - 71px);min-height:620px;padding:0!important;overflow:hidden;background:#1a1712}
 html body .moment figure{position:absolute!important;inset:0;margin:0!important;aspect-ratio:auto!important;height:100%!important}
 html body .moment figure img{width:100%;height:100%!important;object-fit:cover;object-position:50% 20%!important}
 html body .moment figure::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,13,10,.88) 0%,rgba(16,13,10,.62) 30%,rgba(16,13,10,0) 55%)}
 html body .moment .wrap{position:absolute!important;left:0;right:0;bottom:0;z-index:2;padding:0 16px 34px!important}
 html body .moment .pull{color:#fff!important;font-size:28px!important;line-height:1.2!important;margin:0!important;text-wrap:balance}
}
@media(max-width:760px){
 html body .moment .pull{font:400 17px/1.5 var(--sans)!important;color:rgba(255,255,255,.88)!important}
 html body .moment .pull .pq1{display:block;font:400 38px/1.04 var(--serif,'Playfair Display',serif);color:#fff;margin-bottom:12px}
}
@media(max-width:760px){html body .phero .ph-media img[src*="w_garden_hero"]{object-position:50% 30%!important}}
/* ===== lookbook: tall editorial cards, grouped by setting ===== */
.lookbook{padding:clamp(56px,7vw,104px) 0}
.lk-head{display:grid;gap:10px;margin-bottom:24px}
.lk-head .muted{margin:0;max-width:52ch}
.lk-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.lk-tabs button{min-height:44px;padding:0 18px;border:1px solid var(--rule);background:transparent;color:var(--ink);font:500 14px/1 var(--sans);cursor:pointer;border-radius:0}
.lk-tabs button[aria-selected="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.lk-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((min(100vw,1440px) - 2*var(--edge) - 3*16px)/4);gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding:0 var(--edge) 4px;scrollbar-width:none;overscroll-behavior-x:contain}
@media(min-width:1440px){.lk-row{padding-inline:calc((100vw - 1440px)/2 + var(--edge))}}
.lk-row::-webkit-scrollbar{display:none}
.lk-card{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;scroll-snap-align:start;color:#fff;text-decoration:none;background:#1a1712}
.lk-card[hidden]{display:none}
.lk-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,0,1)}
.lk-card:hover img{transform:scale(1.04)}
.lk-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,13,10,.82) 0%,rgba(16,13,10,.45) 24%,rgba(16,13,10,0) 44%);pointer-events:none}
.lk-txt{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:20px;display:grid;gap:6px}
.lk-set{font:500 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.lk-txt b{font:400 26px/1.08 var(--serif,'Playfair Display',serif)}
.lk-shop{display:inline-flex;align-items:center;gap:8px;font:500 14px/1 var(--sans);margin-top:6px;min-height:28px;text-decoration:underline;text-underline-offset:4px}
.lk-shop .i{width:16px;height:16px}
@media(max-width:760px){
 .lk-row{grid-auto-columns:84vw;gap:10px;padding:0 16px 4px;scroll-padding-left:16px;touch-action:pan-x pan-y}
 .lk-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px}
 .lk-tabs::-webkit-scrollbar{display:none}
 .lk-tabs button{flex:none}
 .lk-txt{padding:18px 18px 22px}
 .lk-txt b{font-size:28px}
}
.lk-row{scroll-padding-inline:var(--edge)}
@media(min-width:1440px){.lk-row{scroll-padding-inline:calc((100vw - 1440px)/2 + var(--edge))}}
@media(max-width:760px){.lk-row{scroll-padding-inline:16px}}
/* ===== lookbook, aspirational pass: bigger photos, stories on phones ===== */
.lk-stage{position:relative}
.lk-txt b{font-size:30px;line-height:1.06}
.lk-set{letter-spacing:.12em}
.lk-prog{display:none}
@media(min-width:761px){
 .lk-row{grid-auto-columns:calc((min(100vw,1440px) - 2*var(--edge) - 2*16px)/3)}
 .lk-card{aspect-ratio:2/3}
 .lk-txt{padding:28px}
 .lk-txt b{font-size:clamp(28px,2.4vw,38px)}
}
@media(max-width:760px){
 .lookbook{padding-bottom:0}
 .lk-row{grid-auto-columns:100vw;gap:0;padding:0!important;scroll-padding-inline:0!important;scroll-snap-type:x mandatory!important}
 .lk-card{aspect-ratio:auto;height:calc(100svh - 71px);min-height:600px;scroll-snap-stop:always}
 .lk-card::after{background:linear-gradient(0deg,rgba(16,13,10,.86) 0%,rgba(16,13,10,.5) 28%,rgba(16,13,10,0) 50%),linear-gradient(180deg,rgba(16,13,10,.35) 0%,rgba(16,13,10,0) 14%)}
 .lk-txt{padding:0 20px 34px}
 .lk-txt b{font-size:38px;line-height:1.04}
 .lk-shop{font-size:15px;margin-top:10px}
 .lk-prog{display:flex;gap:4px;position:absolute;left:16px;right:16px;top:14px;z-index:3;pointer-events:none}
 .lk-prog i{flex:1;height:2px;background:rgba(255,255,255,.35);overflow:hidden}
 .lk-prog i[hidden]{display:none}
 .lk-prog i b{display:block;height:100%;width:0;background:#fff}
 .lk-prog i.done b{width:100%}
 .lk-prog i.now b{animation:lkfill var(--lk-ms,5200ms) linear forwards}
}
@keyframes lkfill{to{width:100%}}
@media(prefers-reduced-motion:reduce){.lk-prog i.now b{animation:none;width:100%}}
@media(min-width:761px){.lk-card::after{background:linear-gradient(0deg,rgba(16,13,10,.86) 0%,rgba(16,13,10,.55) 26%,rgba(16,13,10,0) 48%)}}
/* phone hero: story bars + colour name show there are more slides */
.hero-col{display:none}
@media(max-width:760px){
 html body .hero .foot{display:block!important;position:absolute!important;top:12px!important;left:0!important;right:0!important;bottom:auto!important;z-index:3;background:none!important;padding:0!important}
 html body .hero .foot .wrap{padding:0 16px!important}
 html body .hero .foot .credit,html body .hero .foot .arrows{display:none!important}
 html body .hero .foot .prog{display:flex!important;gap:5px;width:100%}
 html body .hero .foot .prog button{flex:1;width:auto!important;height:24px!important;padding:0;background:none!important;border:0}
 html body .hero .foot .prog button::before,html body .hero .foot .prog button i{top:11px!important;height:3px!important}
 html body .hero .foot .prog button::before{background:rgba(255,255,255,.4)!important}
 html body .hero::before{content:""!important;display:block!important;position:absolute;inset:0 0 auto 0;height:90px;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(16,13,10,.32),rgba(16,13,10,0))!important}
 .hero-col{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:rgba(255,255,255,.88);font:500 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
 .hero-col i{width:12px;height:12px;border:1.5px solid #fff;background:#F2B636;transition:background .4s}
}
@media(max-width:760px){html body .hero .in p.hero-col{display:flex!important;margin:0 0 8px!important;font-size:12px!important}}
/* wind band: full-bleed editorial break */
.windband{position:relative;min-height:min(88vh,860px);display:flex;align-items:flex-end;overflow:hidden;color:#fff;background:#1a1712}
.windband picture,.windband img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.windband::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,13,10,.82) 0%,rgba(16,13,10,.45) 30%,rgba(16,13,10,0) 55%)}
.windband .wrap{position:relative;z-index:1;width:100%;padding-block:0 clamp(32px,6vw,72px)}
.windband .over{color:rgba(255,255,255,.82)}
.windband h2{color:#fff;max-width:14ch;margin:10px 0 0}
.windband p{max-width:40ch;margin:14px 0 24px;color:rgba(255,255,255,.88);font-size:17px}
@media(min-width:761px){.windband img{object-position:50% 40%}}
@media(max-width:760px){
 .windband{height:calc(100svh - 71px);min-height:620px}
 .windband img{object-position:50% 20%}
 .windband .wrap{padding:0 16px 32px}
 .windband h2{font-size:38px!important;line-height:1.04!important}
 .windband .btn{width:100%;justify-content:center;min-height:52px}
}
@media(min-width:761px){
 .windband{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:0;background:#1d2a2a}
 .windband::after{display:none}
 .windband picture{position:relative;grid-column:2;grid-row:1;height:min(90vh,900px);inset:auto}
 .windband picture img{position:absolute;inset:0;object-position:50% 30%}
 .windband .wrap{grid-column:1;grid-row:1;padding:clamp(48px,6vw,96px) clamp(32px,5vw,80px) clamp(48px,6vw,96px) max(var(--edge),calc((100vw - 1440px)/2 + var(--edge)))}
 .windband h2{font-size:clamp(40px,4.4vw,68px)!important;line-height:1.04}
}