/* Chiara Malia, v6. One serif, one sans, four type sizes, five spacing steps, a 12-column grid. */
:root{
  --paper:#f5f2ec; --paper-2:#ece7de; --ink:#1d2526; --mute:#6c7270; --teal:#0f5257; --line:rgba(29,37,38,.16);
  --serif:'Instrument Serif',Georgia,'Times New Roman',serif; --sans:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  /* type: display / h2 / body / small */
  --t-display:clamp(3.6rem,8.6vw,8.25rem); --t-h2:clamp(2rem,3.1vw,2.75rem); --t-body:1rem; --t-small:.75rem;
  /* spacing */
  --s1:.5rem; --s2:1rem; --s3:2rem; --s4:4rem; --s5:8rem;
  --margin:clamp(1.25rem,2.8vw,2.5rem); --gutter:1.5rem;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--t-body)/1.55 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
p{margin:0 0 var(--s2)}
h1,h2,h3{margin:0;font-weight:400}
figure{margin:0}
.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip:focus{position:fixed;top:8px;left:8px;z-index:99;background:var(--ink);color:var(--paper);padding:8px 14px;border-radius:99px}
:focus-visible{outline:1px solid var(--teal);outline-offset:3px}

/* type roles */
.display{font:400 var(--t-display)/.92 var(--serif);letter-spacing:-.025em}
.h1,.plp__title h1,.pdp h1{font:400 var(--t-h2)/1.05 var(--serif);letter-spacing:-.01em}
.h2,.look h2,.diff h2{font:400 var(--t-h2)/1.05 var(--serif);letter-spacing:-.01em}
.lead{font:400 1.5rem/1.3 var(--serif);letter-spacing:-.005em}
.small,.cap-num,.crumbs,.card__what,.opt__help,.pdp__preview,.pdp__note,.pdp__note2{font-size:var(--t-small);line-height:1.5}
.cap,.folio,.nav,.pill,.pill-btn,.colophon,legend{font-size:var(--t-small);letter-spacing:.07em;text-transform:uppercase;font-weight:500}
.cap-num{color:var(--mute);max-width:26ch}
.cap-num span{color:var(--ink);font-variant-numeric:tabular-nums;margin-right:.35em}
.cap-num span::after{content:' \2014'}
.cap-num a{border-bottom:1px solid var(--line)}
.cap-num a:hover{color:var(--teal);border-color:currentColor}
.folio{color:var(--mute);margin-bottom:var(--s3)}
.sig{font:italic 400 1.5rem/1 var(--serif);margin-top:var(--s3)}
.arr{display:inline-block;transition:transform .2s}
a:hover .arr{transform:translateX(3px)}

/* 12-col grid */
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);padding:0 var(--margin)}

/* buttons: always rounded */
.pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;height:2.9rem;padding:0 1.6rem;border-radius:99px;background:var(--teal);color:var(--paper);border:1px solid var(--teal);transition:background .2s,color .2s}
.pill-btn:hover{background:var(--ink);border-color:var(--ink)}
.pill-btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.pill-btn--ghost:hover{background:var(--ink);color:var(--paper)}
.pill-btn--small{height:2.3rem;padding:0 1.1rem}
.linkish{border-bottom:1px solid var(--line);font-size:.875rem;padding-bottom:1px}
.linkish:hover{color:var(--teal);border-color:currentColor}

/* nav */
.nav{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--s3);height:3.75rem;padding:0 var(--margin);background:var(--paper);border-bottom:1px solid transparent;transition:border-color .2s}
.nav.is-solid{border-color:var(--line)}
.logo{font:400 1.6rem/1 var(--serif);letter-spacing:-.01em;text-transform:none}
.nav__main ul{display:flex;gap:var(--s3);list-style:none;margin:0;padding:0}
.nav__main a{padding:.4rem 0;border-bottom:1px solid transparent}
.nav__main a:hover,.nav__main a[aria-current]{border-color:currentColor}
.nav__util{display:flex;justify-content:flex-end;gap:var(--s3)}
.nav__util a,.nav__util button{text-transform:uppercase;letter-spacing:.07em}
.badge.is-on::before{content:' ('}.badge.is-on::after{content:')'}
.has-menu{position:relative}
.menu{position:absolute;left:-1.25rem;top:100%;display:grid;gap:.15rem;min-width:13rem;padding:1rem 1.25rem 1.25rem;background:var(--paper);border:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s,transform .15s,visibility .15s;text-transform:none;letter-spacing:0;font-size:.875rem;font-weight:400}
.menu a{border:0!important;padding:.2rem 0}
.menu a:hover{color:var(--teal)}
.has-menu.is-open .menu,.has-menu:focus-within .menu{opacity:1;visibility:visible;transform:none}

/* footer */
.footer{margin-top:var(--s5);padding:var(--s4) var(--margin) var(--s3);border-top:1px solid var(--line)}
.footer__news{display:flex;justify-content:space-between;align-items:end;gap:var(--s3);flex-wrap:wrap;padding-bottom:var(--s4)}
.footer__line{font:400 var(--t-h2)/1.05 var(--serif);max-width:16ch;margin:0}
.news{display:flex;gap:var(--s1);align-items:center}
.news input,.search__input{height:2.9rem;border:1px solid var(--line);border-radius:99px;background:transparent;padding:0 1.25rem;font:inherit;min-width:18rem;color:var(--ink)}
.news input:focus,.search__input:focus{outline:none;border-color:var(--ink)}
.footer__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gutter);padding:var(--s3) 0;border-top:1px solid var(--line);font-size:.875rem}
.footer__cols div{display:grid;gap:.3rem;align-content:start}
.footer__cols .cap{color:var(--mute);margin-bottom:.5rem}
.footer__cols a:hover{color:var(--teal)}
.colophon{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s1) var(--s3);padding-top:var(--s2);border-top:1px solid var(--line);color:var(--mute);font-weight:400;font-size:.6875rem}

/* toast */
.toast{position:fixed;left:50%;bottom:var(--s3);transform:translate(-50%,20px);background:var(--ink);color:var(--paper);padding:.7rem 1.2rem;border-radius:99px;font-size:.8125rem;opacity:0;pointer-events:none;transition:.25s;z-index:50;max-width:90vw}
.toast.is-on{opacity:1;transform:translate(-50%,0)}

/* ---------- home ---------- */
.h-hero{padding-top:var(--s3);row-gap:0;align-items:start}
.h-hero__head{grid-column:1/7;grid-row:1;padding-top:var(--s4);position:relative;z-index:1}
.h-hero__intro{grid-column:1/4;grid-row:2;align-self:end;margin-top:var(--s4)}
.h-hero__intro p{max-width:30ch}
.h-hero__intro .pill-btn{margin-top:var(--s1)}
.h-hero__cap{grid-column:5/7;grid-row:2;align-self:end;margin:0 0 .2rem;justify-self:end;max-width:22ch}
.h-hero__fig{grid-column:7/13;grid-row:1/3;height:min(51rem,calc(100vh - 6.5rem));min-height:34rem}
.h-hero__fig img{width:100%;height:100%;object-fit:cover;object-position:60% 75%}

.h-note{margin-top:var(--s5);align-items:start}
.h-note__fig{grid-column:2/7}
.h-note__fig img{width:100%;mix-blend-mode:multiply}
.h-note__fig figcaption{margin-top:var(--s1)}
.h-note__text{grid-column:8/12;padding-top:var(--s4);max-width:34rem}
.h-note__text p:not(.lead):not(.folio):not(.sig){max-width:38ch}

.h-worn{margin-top:var(--s5);align-items:end}
.h-worn__a{grid-column:1/6;grid-row:1}
.h-worn__a img,.h-worn__b img{width:100%}
.h-worn__capa{grid-column:6/8;grid-row:1;align-self:end;margin:0}
.h-worn__b{grid-column:9/12;grid-row:1;align-self:start;margin-top:var(--s5)}
.h-worn__b figcaption{margin-top:var(--s1)}

.h-index{margin-top:var(--s5);padding-top:var(--s3);align-items:start}
.h-index__side{grid-column:1/4;position:sticky;top:5rem}
.h-index__side .small{color:var(--mute);max-width:28ch;margin:var(--s2) 0 var(--s3)}
.idx{grid-column:5/13;list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.idx a{display:grid;grid-template-columns:3rem minmax(0,14rem) minmax(0,1fr) 6.5rem;gap:var(--gutter);align-items:baseline;padding:.7rem 0;border-bottom:1px solid var(--line)}
.idx__row a:hover{color:var(--teal)}
.idx__n{font-size:var(--t-small);color:var(--mute);font-variant-numeric:tabular-nums}
.idx__name{font:400 1.25rem/1.2 var(--serif)}
.idx__what{font-size:.875rem;color:var(--mute)}
.idx__price{font-size:.875rem;text-align:right;font-variant-numeric:tabular-nums}
.idx__group a{grid-template-columns:3rem minmax(0,14rem) 1fr;padding:var(--s4) 0 .6rem;border-bottom:1px solid var(--ink);font-size:var(--t-small);letter-spacing:.07em;text-transform:uppercase}
.idx__group:first-child a{padding-top:var(--s2)}
.idx__col{grid-column:2;font-weight:500}
.idx__idea{grid-column:3;color:var(--mute)}
.idx__group a:hover .idx__col{color:var(--teal)}

/* section heads (home) */
.h-sec__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);align-items:baseline;padding:var(--s2) 0 var(--s3);border-top:1px solid var(--ink)}
.h-sec__head .h2{grid-column:1/5}
.h-sec__head .small{grid-column:5/9;color:var(--mute);margin:0}
.h-sec__head .linkish{grid-column:11/13;justify-self:end}
/* bestsellers */
.h-best{margin-top:var(--s5);padding:0 var(--margin)}
.h-best__row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gutter)}
.bcard .card__what{max-width:24ch}
/* collections: definitions */
.h-cols{margin-top:var(--s5);padding:0 var(--margin)}
.cdef{padding:var(--s3) 0;border-bottom:1px solid var(--line);align-items:start;padding-left:0;padding-right:0}
.cdef__name{grid-column:1/5}
.cdef__name h3{font:400 clamp(3rem,5.6vw,5.25rem)/.95 var(--serif);letter-spacing:-.02em;margin-top:var(--s1)}
.cdef__name h3 a:hover{color:var(--teal)}
.cdef__text{grid-column:5/9;padding-top:var(--s3)}
.cdef__text p:first-child{font:400 1.5rem/1.3 var(--serif);max-width:28ch}
.cdef__s2{color:var(--mute);max-width:38ch}
.cdef__fig{grid-column:10/13}
.cdef--1 .cdef__fig{grid-column:10/12}
.cdef--2 .cdef__fig{grid-column:11/13}
.cdef__fig img{width:100%;aspect-ratio:4/5;object-fit:cover}
.cdef__fig figcaption{margin-top:var(--s1)}
/* stacks */
.h-stacks{margin-top:var(--s5);padding:0 var(--margin)}
.h-stacks__grid{padding:0;align-items:start}
.stk--0{grid-column:1/6}
.stk--1{grid-column:7/10;margin-top:var(--s4)}
.stk--2{grid-column:10/13;margin-top:var(--s5)}
.stk__img{display:block;overflow:hidden}
.stk__img img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:opacity .3s}
.stk__img:hover img{opacity:.92}
.stk__cap{margin:var(--s1) 0 var(--s2)}
.stk__name{font:400 1.75rem/1.1 var(--serif)}
.stk__name a:hover{color:var(--teal)}
.stk__inc{font-size:.875rem;margin:.4rem 0 .2rem;max-width:36ch}
.stk__inc a{border-bottom:1px solid var(--line)}
.stk__inc a:hover{color:var(--teal);border-color:currentColor}
.stk__price{font-size:.875rem;color:var(--mute);font-variant-numeric:tabular-nums}

/* ---------- media + cards ---------- */
.media{position:relative;overflow:hidden;background:var(--bg,var(--paper-2))}
.media img{width:100%;height:100%;object-fit:cover}
.card__link{display:block}
.card__media{aspect-ratio:4/5}
.card__alt{position:absolute;inset:0;opacity:0;transition:opacity .35s}
@media (hover:hover){.card__link:hover .card__alt{opacity:1}}
.card__meta{display:flex;justify-content:space-between;gap:var(--s2);margin-top:.7rem;font-size:.875rem}
.card__num{color:var(--mute);margin-right:.5rem;font-size:var(--t-small)}
.card__name{flex:1}
.card__price{font-variant-numeric:tabular-nums}
.card__what{display:block;color:var(--mute);margin-top:.15rem}

/* ---------- listing ---------- */
.crumbs{color:var(--mute);margin:0 0 var(--s2)}
.crumbs span{margin:0 .4em}
.crumbs a:hover{color:var(--ink)}
.plp{padding:var(--s3) var(--margin) 0}
.plp__head{padding-bottom:var(--s3)}
.plp__title{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);align-items:end;margin:var(--s3) 0 var(--s4)}
.plp__title h1{grid-column:1/7;font-size:var(--t-display);line-height:.92;letter-spacing:-.025em}
.plp__intro{grid-column:9/12;max-width:32ch;margin:0;color:var(--mute)}
.pills{display:flex;flex-wrap:wrap;gap:var(--s1)}
.pill{display:inline-flex;align-items:center;height:2.1rem;padding:0 1rem;border:1px solid var(--line);border-radius:99px}
.pill:hover{border-color:var(--ink)}
.pill.is-active{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.plp__body{display:grid;grid-template-columns:13rem minmax(0,1fr);gap:var(--s4);border-top:1px solid var(--line);padding-top:var(--s3)}
.sidebar{position:sticky;top:5rem;align-self:start;display:grid;gap:var(--s3);font-size:.875rem}
.filter{border:0;margin:0;padding:0;display:grid;gap:.35rem}
.filter legend{color:var(--mute);margin-bottom:.5rem;padding:0}
.filter label{display:flex;gap:.6rem;align-items:center;cursor:pointer}
.filter input{appearance:none;width:.8rem;height:.8rem;border:1px solid var(--ink);border-radius:50%;margin:0;flex:none}
.filter input:checked{background:var(--ink);box-shadow:inset 0 0 0 2px var(--paper)}
.plp__bar{display:flex;justify-content:space-between;color:var(--mute);margin-bottom:var(--s3)}
.plp__bar b{font-weight:500;color:var(--ink)}
.plp__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4) var(--gutter)}
.plp__grid .card--big{grid-column:span 2}
.plp__grid .card--big .card__media{aspect-ratio:auto;height:calc(100% - 3.6rem)}
.plp__grid.is-filtered .card{grid-column:auto!important}
.plp__grid.is-filtered .card .card__media{aspect-ratio:4/5!important;height:auto!important}
.card[hidden]{display:none}
.colhead{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);margin:var(--s3) 0 var(--s4);align-items:end}
.colhead__text{grid-column:1/7}
.colhead__word{font:400 var(--t-display)/.92 var(--serif);letter-spacing:-.025em;margin:var(--s2) 0 var(--s3)}
.colhead__idea{font:400 1.5rem/1.3 var(--serif);margin-bottom:var(--s1)}
.colhead__intro{max-width:40ch;color:var(--mute)}
.colhead__fig{grid-column:9/12}
.colhead__fig figcaption{margin-top:var(--s1)}

/* ---------- product ---------- */
.pdp{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);padding:0 var(--margin);align-items:start}
.stack{grid-column:1/8;display:grid;gap:var(--s3);padding-top:var(--s3)}
.stack__item figcaption{margin-top:var(--s1)}
.stack__item .media{aspect-ratio:4/5!important}
.pdp__info{grid-column:9/13;align-self:stretch}
.pdp__sticky{position:sticky;top:3.75rem;padding:var(--s3) 0 var(--s3)}
.pdp__col{display:inline-block;color:var(--mute);margin:var(--s3) 0 var(--s2)}
.pdp__col:hover{color:var(--teal)}
.pdp h1{margin-bottom:var(--s1)}
.pdp__price{font-size:1.125rem;font-variant-numeric:tabular-nums;margin-bottom:var(--s3)}
.pdp__what{max-width:38ch}
.pdp__note2{color:var(--mute)}
.pdp__opts{display:grid;gap:var(--s3);margin:var(--s3) 0 var(--s2);padding-top:var(--s3);border-top:1px solid var(--line)}
.opt{border:0;margin:0;padding:0}
.opt legend{padding:0;margin-bottom:.7rem;color:var(--mute)}
.opt__btns{display:flex;flex-wrap:wrap;gap:var(--s1)}
.opt__btn{height:2.4rem;padding:0 1.1rem;border:1px solid var(--line);border-radius:99px;font-size:.875rem;transition:border-color .15s}
.opt__btn:hover{border-color:var(--ink)}
.opt__btn.is-active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.opt__help{color:var(--mute);margin:.6rem 0 0;min-height:1.1em}
.opt-single{font-size:.875rem;display:grid;gap:.3rem}
.opt-single .cap{color:var(--mute)}
.pdp__note{color:var(--mute);margin-top:var(--s2)}
.pdp__buy{display:flex;gap:var(--s1);margin-top:var(--s3)}
.pdp__buy .js-buy{flex:1;text-decoration:none}
.pdp__buy .js-buy.is-off{opacity:.45;pointer-events:none}
.wish__on{display:none}.wish.is-on .wish__on{display:inline}.wish.is-on .wish__off{display:none}
.pdp__preview{color:var(--mute);margin-top:var(--s1)}
.acc{margin-top:var(--s3);border-top:1px solid var(--line)}
.acc details{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;cursor:pointer;padding:.9rem 0;display:flex;justify-content:space-between;font-size:.875rem}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:'+';color:var(--mute)}
.acc details[open] summary::after{content:'\2013'}
.acc details>*:not(summary){font-size:.875rem;color:var(--mute)}
.acc ul{margin:0 0 var(--s2);padding-left:1rem}
.guide h3{color:var(--ink);margin:var(--s2) 0 var(--s1)}
.guide dl{margin:0 0 var(--s2)}
.guide dt{color:var(--ink);margin-top:.6rem}
.guide dd{margin:0}
.look{padding:var(--s5) var(--margin) 0}
.look__head{border-top:1px solid var(--line);padding-top:var(--s3);margin-bottom:var(--s3)}
.look__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gutter)}
.diff{max-width:34rem;width:calc(100% - 2rem);border:0;padding:var(--s4) var(--s3) var(--s3);background:var(--paper);color:var(--ink);font-size:.875rem}
.diff::backdrop{background:rgba(29,37,38,.35)}
.diff__close{position:absolute;top:1rem;right:1.25rem;font-size:var(--t-small);letter-spacing:.07em;text-transform:uppercase}
.diff h2{margin-bottom:var(--s2)}

/* ---------- about / help / search ---------- */
.about{padding-top:var(--s3);align-items:start}
.about__head{grid-column:1/13;margin-bottom:var(--s4)}
.about__head .h1{font-size:var(--t-display);line-height:.92;letter-spacing:-.025em}
.about__fig{grid-column:1/6}
.about__fig figcaption,.about__sketch figcaption{margin-top:var(--s1)}
.about__text{grid-column:7/11;padding-top:var(--s4)}
.about__text p:not(.lead){max-width:40ch}
.about__sketch{grid-column:8/12;margin-top:var(--s4)}
.media--paper img{mix-blend-mode:multiply}
.help{padding-top:var(--s3);align-items:start}
.help__side{grid-column:1/4;position:sticky;top:5rem}
.help__nav{display:grid;gap:.3rem;margin-top:var(--s3);font-size:.875rem}
.help__nav a:hover{color:var(--teal)}
.help__body{grid-column:5/11}
.help__body section{padding:var(--s3) 0;border-top:1px solid var(--line);scroll-margin-top:5rem}
.help__body section:first-child{border-top:0;padding-top:0}
.help__body .h2{margin-bottom:var(--s2)}
.help__body ul{padding-left:1rem}
.search{padding:var(--s3) var(--margin) 0}
.search .h1{margin-bottom:var(--s3)}
.search__input{width:100%;max-width:36rem}
.search__count{color:var(--mute);margin:var(--s2) 0 var(--s3)}
.search__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4) var(--gutter)}

/* ---------- small screens ---------- */
@media (max-width:1000px){
  .nav{grid-template-columns:auto 1fr;height:auto;padding-top:.8rem;padding-bottom:.6rem;row-gap:.5rem}
  .nav__main{grid-column:1/3;grid-row:2;overflow-x:auto}
  .nav__main ul{gap:var(--s2)}
  .menu{display:none}
}
@media (max-width:900px){
  :root{--s5:5rem;--s4:3rem}
  .grid>*{grid-column:1/-1!important;grid-row:auto!important}
  .h-hero__head{padding-top:var(--s2)}
  .h-hero__fig{order:2;margin-top:var(--s3)}
  .h-hero__cap{order:3;margin-top:var(--s1)}
  .h-hero__intro{order:4;margin-top:var(--s3)}
  .h-note__text,.about__text{padding-top:var(--s3)}
  .h-worn__capa{margin-top:var(--s1)}
  .h-worn__b{margin-top:var(--s4);width:70%;justify-self:end}
  .h-index__side{position:static;margin-bottom:var(--s3)}
  .h-sec__head>*{grid-column:1/-1!important;justify-self:start!important;margin-top:.4rem}
  .h-best__row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:62%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--s2)}
  .h-best__row .card{scroll-snap-align:start}
  .cdef>*{grid-column:1/-1!important}
  .cdef__text{padding-top:var(--s2)}
  .cdef__fig{width:60%;margin-top:var(--s2)}
  .stk{margin-top:var(--s4)!important}
  .idx a{grid-template-columns:2.2rem 1fr auto}
  .idx__what{display:none}
  .plp__body{grid-template-columns:1fr}
  .sidebar{position:static;grid-template-columns:repeat(2,1fr)}
  .plp__grid,.search__grid,.look__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plp__grid .card--big{grid-column:auto}
  .plp__grid .card--big .card__media{aspect-ratio:4/5;height:auto}
  .plp__title h1,.plp__intro,.colhead__text,.colhead__fig{grid-column:1/-1}
  .colhead__fig{width:60%;margin-top:var(--s3)}
  .pdp>*{grid-column:1/-1!important}
  .pdp__sticky{position:static}
  .help__side{position:static}
  .footer__cols{grid-template-columns:repeat(2,1fr)}
  .news input{min-width:0;flex:1}
}

/* variant photo swap */
.stack__item img{transition:opacity .25s ease}
.stack__item img.is-swapping{opacity:.35}
.photo-note{margin-top:var(--s1);font-size:.8125rem;line-height:1.45;color:var(--mute);max-width:46ch}
@media (prefers-reduced-motion:reduce){.stack__item img{transition:none}}