/* THE HOUSE OF $QUIT on the home page's floor 15 band (tools/store-floor/build-store-floor.mjs), in the site's own style
   (the owner's order of 22 Oct 2026: the site's orange instead of gold, the full width, each part in
   its own panel, the site's buttons and type). Every part sits in the riveted steel bezel the site uses for its panels
   and cards (runtime/quit/pages-art/strip.png): the December drop, the holders' steps, the New Year's Eve looks, the
   couture and men's clips and the graphic tees. The luxury titles (the drop, the holders, the looks, the couture line
   and the men's line) orange in the couture face (/theme/fonts/couture.css; the owner, 22 Oct 2026:
   "keep the luxury titles"), without the site's hard shadow, whose 3 x 4 px offset doubles the hairline
   serifs at the smaller sizes; the others in the display face with the shadow; kickers and labels
   green, body copy in the body face; the main action is the site's orange plate (.q-plate, runtime/quit/pages.css), the
   others its green line buttons. Colours from the QUIT tokens (theme/theme.css). At 1440 px and below the sizes are as
   they were; wider, every size grows with the width (each clamp's cap, and each fixed size of a bezel or a text box, is
   its 1440 value in vw), so the floor keeps its 1440 proportions on a big screen. The rows scroll sideways inside their
   panel; the page itself never does. */
.qs{--qs-orange:var(--t-orange,#ff610b);--qs-plate:#fb5f17;--qs-shade:#4a2010;--qs-green:var(--t-green,#25dc71);--qs-ink:var(--t-ink,#f4e7cb);--qs-muted:var(--t-muted,#b5bba9);--qs-black:var(--t-black,#030805);--qs-well:#020604;--qs-rule:#1c2a20;--qs-gap:clamp(10px,.95vw,max(14px,0.9722vw));color:var(--qs-ink);background:var(--qs-black)}
.qs-home{padding:clamp(8px,1vw,max(16px,1.111vw)) clamp(4px,.6vw,max(10px,0.6944vw)) 0}
.qs-stack{display:grid;gap:clamp(10px,1vw,max(16px,1.111vw))}
.qs-box{box-sizing:border-box;min-width:0;border-style:solid;border-width:max(16px,1.111vw) max(24px,1.667vw);border-image:url(/runtime/quit/pages-art/strip.png) 26 46 fill / max(16px,1.111vw) max(24px,1.667vw) stretch}
:where(.qs) :is(h2,h3,p,ol,ul,figure){margin:0}

/* The December drop: the photograph takes the larger right part, the plate the left. The desktop frame keeps all three people inside its crop. */
.qs-hero{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);gap:clamp(12px,1.4vw,max(22px,1.528vw));padding:clamp(4px,.5vw,max(8px,0.5556vw))}
.qs-photo{align-self:center;position:relative;grid-column:2;grid-row:1;overflow:hidden;border-radius:6px;background:var(--qs-well);box-shadow:0 0 0 2px #000}
.qs-photo::before{content:"";display:block;padding-top:86.207%}
.qs-photo__pic{position:absolute;inset:0;display:block}
.qs-photo__img{display:block;width:100%;height:100%;object-fit:cover;object-position:56% 0}
.qs-plate{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:clamp(12px,1.6vw,max(28px,1.944vw)) clamp(4px,.6vw,max(10px,0.6944vw)) clamp(12px,1.4vw,max(24px,1.667vw)) clamp(8px,1.2vw,max(18px,1.25vw))}
.qs-plate__mark{display:block;flex:none;width:auto;height:2.5cap;font:400 clamp(12px,1vw,max(15px,1.042vw))/1 var(--t-font-display);margin-bottom:max(10px,.6944vw);pointer-events:none}
.qs-file{padding:max(7px,0.4861vw) max(10px,0.6944vw) max(6px,0.4167vw);border:2px solid var(--qs-green);border-radius:3px;background:#03100a;color:var(--qs-green);font:400 clamp(12px,1vw,max(15px,1.042vw))/1 var(--t-font-display);letter-spacing:.08em}
.qs-title{margin:clamp(12px,1.2vw,max(18px,1.25vw)) 0 clamp(14px,1.4vw,max(20px,1.389vw));color:var(--qs-orange);font:700 clamp(50px,5.85vw,max(84px,5.833vw))/.88 var(--t-font-couture);letter-spacing:-.03em;font-optical-sizing:auto}
.qs-line{max-width:32em;font:400 clamp(16px,1.25vw,max(20px,1.389vw))/1.35 var(--t-font-body)}

/* The countdown to the drop: fixed digit cells (no shift as they tick), the leading zeros dimmed, as on /merch. */
.qs-clock{margin-top:clamp(18px,2vw,max(28px,1.944vw))}
.qs-clock__digits{display:flex;gap:clamp(14px,1.6vw,max(26px,1.806vw))}
.qs-clock__digits[hidden],.qs-clock__open[hidden],.qs-nav[hidden]{display:none}
.qs-clock__unit{display:grid;justify-items:center;gap:clamp(8px,.8vw,max(12px,0.8333vw))}
.qs-clock__num{display:flex;gap:3px}
.qs-clock__cell{display:block;width:clamp(34px,3.2vw,max(52px,3.611vw));padding:.24em 0 .16em;color:var(--qs-orange);background:var(--qs-well);border:2px solid var(--qs-rule);border-radius:3px;box-shadow:inset 0 0 0 1px #000;text-align:center;font:700 clamp(26px,2.6vw,max(42px,2.917vw))/1 var(--t-font-display);font-variant-numeric:tabular-nums;text-shadow:2px 3px 0 var(--qs-shade)}
.qs-clock__cell[data-lead]{color:#5c2a0e;text-shadow:none}
.qs-clock__label{color:var(--qs-green);font:400 clamp(11px,.9vw,max(14px,0.9722vw))/1 var(--t-font-display);letter-spacing:.14em}
.qs-clock__open{color:var(--qs-orange);font:700 clamp(30px,3vw,max(48px,3.333vw))/1 var(--t-font-display);letter-spacing:-.03em;text-shadow:3px 4px 0 var(--qs-shade)}
.qs-clock__when{margin-top:clamp(14px,1.4vw,max(20px,1.389vw));color:var(--qs-muted);font:400 clamp(16px,1.25vw,max(19px,1.319vw))/1.3 var(--t-font-body)}

/* GET ON THE HOLDER LIST on the site's orange plate (.q-plate, sized here); SEE THE COLLECTION, the couture row's
   holder link and SHOP THE TEES as the site's green line buttons. The hero's two stack at one width, the wider one's. */
.qs-actions{display:inline-grid;gap:max(12px,0.8333vw);margin-top:clamp(18px,2vw,max(28px,1.944vw))}
.qs-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:clamp(46px,3.4vw,max(54px,3.75vw));padding:0 clamp(14px,1.3vw,max(22px,1.528vw));font:700 clamp(12px,.95vw,max(15px,1.042vw))/1.1 var(--t-font-display);letter-spacing:.05em;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;cursor:pointer}
.qs-btn.q-plate{height:auto;padding:0 clamp(16px,1.5vw,max(26px,1.806vw))}
.qs-btn--line{border:3px solid var(--qs-green);border-radius:3px;background:#03100a;color:var(--qs-green);box-shadow:inset 0 0 0 2px #06251a,2px 3px 0 #020504;transition:filter .12s ease-out,transform .12s ease-out}
.qs-btn--line:hover{filter:brightness(1.15);transform:translateY(-1px)}
.qs-btn--line:active{transform:translateY(2px);transition-duration:.04s}

/* HOLDERS GET IN FIRST: the title, then the three steps, each in a small bezel. */
.qs-holders{display:grid;grid-template-columns:minmax(0,30fr) minmax(0,70fr);align-items:center;gap:clamp(12px,1.4vw,max(22px,1.528vw));padding:clamp(4px,.5vw,max(8px,0.5556vw))}
.qs-holders__title{padding:6px clamp(4px,.6vw,max(10px,0.6944vw));color:var(--qs-orange);font:700 clamp(30px,3.5vw,max(50px,3.472vw))/.94 var(--t-font-couture);letter-spacing:-.025em;font-optical-sizing:auto}
.qs-holders__line{display:block}
.qs-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1vw,max(16px,1.111vw));padding:0;list-style:none}
.qs-step{display:flex;align-items:center;gap:clamp(12px,1.2vw,max(18px,1.25vw));box-sizing:border-box;min-height:100%;padding:clamp(8px,.8vw,max(12px,0.8333vw)) clamp(8px,.8vw,max(12px,0.8333vw));border-style:solid;border-width:max(10px,0.6944vw) max(16px,1.111vw);border-image:url(/runtime/quit/pages-art/strip.png) 26 46 fill / max(10px,0.6944vw) max(16px,1.111vw) stretch}
.qs-step__n{flex:none;color:var(--qs-orange);font:700 clamp(46px,4.4vw,max(76px,5.278vw))/.8 var(--t-font-display);text-shadow:3px 4px 0 var(--qs-shade)}
.qs-step__text{min-width:0;font:400 clamp(15px,1.15vw,max(19px,1.319vw))/1.3 var(--t-font-body)}

/* A section: a kicker in its green box and the title, the line at the right of the head, a rule under it. */
.qs-sec{padding:clamp(10px,1vw,max(16px,1.111vw)) clamp(6px,.9vw,max(14px,0.9722vw)) clamp(12px,1.2vw,max(18px,1.25vw))}
.qs-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px clamp(20px,3vw,max(48px,3.333vw));margin-bottom:clamp(14px,1.3vw,max(20px,1.389vw));padding-bottom:clamp(10px,1vw,max(14px,0.9722vw));border-bottom:2px solid var(--qs-rule)}
.qs-head--tight{justify-content:flex-start}
.qs-head__titles{min-width:0}
.qs-kicker{display:inline-block;margin-bottom:max(10px,0.6944vw);padding:max(6px,0.4167vw) max(10px,0.6944vw) max(5px,0.3472vw);border:2px solid var(--qs-green);border-radius:3px;background:#03100a;color:var(--qs-green);font:400 clamp(12px,1vw,max(15px,1.042vw))/1 var(--t-font-display);letter-spacing:.08em}
.qs-sec__title{color:var(--qs-orange);font:700 clamp(34px,3.95vw,max(57px,3.958vw))/.95 var(--t-font-couture);letter-spacing:-.03em;font-optical-sizing:auto}
.qs-head__line{flex:0 1 26em;padding-bottom:4px;font:400 clamp(16px,1.2vw,max(19px,1.319vw))/1.3 var(--t-font-body)}
.qs-head--tight .qs-head__line{flex:0 1 auto}

/* A row: one line of tiles that scrolls sideways with snap points, a thin orange scrollbar under it. The looks fill a
   wide panel in two rows on desktop and keep 176 px each in the scrolling layout. */
.qs-row{display:grid;grid-auto-flow:column;gap:var(--qs-gap);padding:0 0 12px;list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--qs-plate) var(--qs-well)}
.qs-row::-webkit-scrollbar,.qs-shelf__list::-webkit-scrollbar{height:6px}
.qs-row::-webkit-scrollbar-track,.qs-shelf__list::-webkit-scrollbar-track{background:var(--qs-well)}
.qs-row::-webkit-scrollbar-thumb,.qs-shelf__list::-webkit-scrollbar-thumb{background:var(--qs-plate)}
.qs-row__item{min-width:0;scroll-snap-align:start}
/* A row takes keyboard focus to scroll (audit SHOP-17): its focus ring is the site's orange. */
.qs-row:focus-visible,.qs-shelf__region:focus-visible{outline:var(--t-focus-width,3px) solid var(--qs-orange);outline-offset:3px}
.qs-row--looks{grid-auto-columns:max(176px,calc((100% - 7 * var(--qs-gap)) / 8))}
.qs-row--clips{grid-auto-columns:calc((100% - 5 * var(--qs-gap)) / 6)}
.qs-row--men{grid-auto-columns:calc((100% - 4 * var(--qs-gap)) / 5)}

/* A New Year's Eve look: a small bezel holding the tall party photograph, the piece, who wears it, and PREORDER 1 DEC
   on a small orange plate. */
.qs-look{position:relative;outline:1px solid transparent;outline-offset:1px;transition:transform .45s cubic-bezier(.22,.61,.36,1),outline-color .3s ease-out;display:flex;flex-direction:column;height:100%;box-sizing:border-box;padding:max(4px,0.2778vw) max(4px,0.2778vw) max(8px,0.5556vw);border-style:solid;border-width:max(10px,0.6944vw) max(14px,0.9722vw);border-image:url(/runtime/quit/pages-art/strip.png) 26 46 fill / max(10px,0.6944vw) max(14px,0.9722vw) stretch;color:var(--qs-ink);text-decoration:none}
.qs-look picture{display:block;position:relative;overflow:hidden;border-radius:6px}
.qs-look__img{display:block;width:100%;height:auto;aspect-ratio:1/2;object-fit:cover;object-position:50% 30%;border-radius:6px;background:var(--qs-well);box-shadow:0 0 0 2px #000}
.qs-look:is(:hover,:focus-within){z-index:2;outline-color:color-mix(in srgb,var(--qs-orange) 60%,transparent)}
.qs-look--piece .qs-look__img{object-fit:contain;object-position:50% 50%;background:#8b837c}
.qs-look__body{display:flex;flex-direction:column;flex:1;padding:max(10px,0.6944vw) 2px 0}
/* The cap grows a touch under the width: the pixel face's advances round up at some sizes, and PYRAMID MINAUDIERE
   fills its card. */
.qs-look__name{color:var(--qs-ink);font:700 clamp(12px,1vw,max(15px,.985vw))/1.2 var(--t-font-display);letter-spacing:.03em}
.qs-look__line{margin-top:max(6px,0.4167vw);color:var(--qs-muted);font:400 clamp(14px,1.05vw,max(17px,1.181vw))/1.2 var(--t-font-body)}
.qs-tag.qs-btn.q-plate{width:100%;min-height:max(38px,2.639vw);margin-top:auto;padding:0 2px;font:700 clamp(9px,.8vw,max(12px,.8333vw))/1 var(--t-font-display);letter-spacing:0;white-space:normal}
.qs-look__line+.qs-tag{margin-top:clamp(10px,1vw,max(14px,0.9722vw))}

/* PREV, NEXT and the count under a row: small green line buttons. */
.qs-nav{display:flex;align-items:center;gap:max(12px,0.8333vw);margin-top:clamp(10px,1vw,max(14px,0.9722vw))}
.qs-nav__btn{min-width:clamp(70px,5.8vw,max(86px,5.972vw));min-height:max(38px,2.639vw);padding:max(5px,0.3472vw) max(12px,0.8333vw) max(3px,0.2083vw);border:3px solid var(--qs-green);border-radius:3px;background:#03100a;color:var(--qs-green);box-shadow:inset 0 0 0 2px #06251a;font:700 clamp(11px,.9vw,max(13px,0.9028vw))/1 var(--t-font-display);letter-spacing:.08em;cursor:pointer}
.qs-nav__btn:hover:not(:disabled){filter:brightness(1.15)}
.qs-nav__btn:disabled{opacity:.38;cursor:default}
.qs-nav__count{margin-left:max(8px,0.5556vw);color:var(--qs-muted);font:400 clamp(15px,1.15vw,max(18px,1.25vw))/1 var(--t-font-body)}

/* A clip: the cast in the couture (9:16, muted, a loop that runtime/store/store.js plays only while it is on screen;
   its poster is its first frame), the name and the piece under it. */
.qs-clip__video{display:block;width:100%;height:auto;aspect-ratio:9/16;box-sizing:border-box;object-fit:cover;border-radius:6px;background:var(--qs-well);box-shadow:0 0 0 2px #000}
.qs-clip__cap{display:block;padding:clamp(10px,1vw,max(14px,0.9722vw)) 2px 0}
.qs-clip__name{display:block;color:var(--qs-ink);font:700 clamp(12px,1.05vw,max(16px,1.111vw))/1.2 var(--t-font-display);letter-spacing:.03em}
.qs-clip__line{display:block;margin-top:max(6px,0.4167vw);color:var(--qs-muted);font:400 clamp(14px,1.1vw,max(18px,1.25vw))/1.2 var(--t-font-body)}
.qs-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px clamp(16px,2vw,max(28px,1.944vw));margin-top:clamp(14px,1.5vw,max(22px,1.528vw));padding-top:clamp(14px,1.5vw,max(22px,1.528vw));border-top:2px solid var(--qs-rule)}
.qs-nav--foot{margin-top:0}
.qs-ai{flex:1 1 20em;color:var(--qs-muted);font:400 clamp(15px,1.15vw,max(18px,1.25vw))/1.3 var(--t-font-body)}
.qs-foot .qs-btn{margin-left:auto}
.qs-sec--couture .qs-row{--qs-gap:clamp(8px,.7vw,max(10px,0.6944vw))}

/* The men's line: each clip a small bezel, cropped to 3:4, its name and piece in the card. */
.qs-sec--men .qs-clip{display:flex;flex-direction:column;height:100%;box-sizing:border-box;padding:max(4px,0.2778vw) max(4px,0.2778vw) max(8px,0.5556vw);border-style:solid;border-width:max(10px,0.6944vw) max(14px,0.9722vw);border-image:url(/runtime/quit/pages-art/strip.png) 26 46 fill / max(10px,0.6944vw) max(14px,0.9722vw) stretch}
.qs-sec--men .qs-clip__video{aspect-ratio:3/4;object-position:50% 0}
.qs-sec--men .qs-clip__cap{padding:max(10px,0.6944vw) 2px 0}
/* Two of the reel library's men's clips carry their caption low in the frame (rows 676 to 756 of 960): their 3:4 crop
   sits a quarter of the way down (rows 60 to 780), so the whole caption shows; every other clip keeps its frame's top. */
.qs-sec--men :is([data-store-clip="SC31"],[data-store-clip="SC32"]) .qs-clip__video{object-position:50% 25%}

/* STILL ON THE SHELF: eight products per page in its own full-width steel panel. */
.qs-shelf{padding:clamp(10px,1vw,max(14px,.9722vw)) clamp(6px,.9vw,max(14px,.9722vw)) clamp(12px,1.2vw,max(16px,1.111vw))}
.qs-shelf__title{text-transform:uppercase}
.qs-shelf__link{margin-left:auto;min-height:max(42px,2.917vw)}
.qs-shelf__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--qs-gap);padding:0;list-style:none}
.qs-tee{display:flex;flex-direction:column;min-width:0;box-sizing:border-box;padding:max(4px,.2778vw);border:2px solid var(--qs-rule);border-radius:6px;background:var(--qs-well)}
.qs-tee[hidden]{display:none}
.qs-tee:focus-within,.qs-tee:hover{border-color:var(--qs-orange)}
.qs-tee__card{position:relative;display:block;flex:1;min-width:0;color:var(--qs-ink);text-decoration:none}
.qs-tee__img{display:block;width:100%;height:auto;aspect-ratio:6/5;object-fit:cover;background:#d9d4cb;border-radius:3px}
.qs-tee__body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:max(6px,.4167vw);padding:max(10px,.6944vw) max(6px,.4167vw)}
.qs-tee__name{min-width:0;overflow-wrap:anywhere;font:400 clamp(14px,1.15vw,max(18px,1.25vw))/1.3 var(--t-font-body)}
.qs-tee__price{color:var(--qs-orange);font:700 clamp(13px,1.1vw,max(17px,1.181vw))/1.1 var(--t-font-display)}
.qs-tee__buy{width:100%;margin-top:auto}
.qs-tee__flag{position:absolute;left:6px;top:6px;padding:3px 5px 2px;border:1px solid var(--qs-black);background:var(--qs-ink);color:var(--qs-black);font:400 max(9px,.625vw)/1 var(--t-font-display);letter-spacing:.08em}

/* The spotlight lifts a card slightly over its neighbours without changing their layout (the owner, 24 Oct 2026: the hover
   was far too strong, so a light lift and a faint sheen). Outer cards grow towards the panel. */
@media (min-width: 1100px){
  .qs-row--looks{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;scroll-snap-type:none;padding-bottom:0;row-gap:max(18px,1.25vw)}
  .qs-row--looks .qs-row__item{display:flex}
  .qs-look{width:100%;transform-origin:50% 0}
  .qs-row--looks .qs-row__item:nth-child(4n+1) .qs-look{transform-origin:0 0}
  .qs-row--looks .qs-row__item:nth-child(4n) .qs-look{transform-origin:100% 0}
  .qs-row--looks .qs-row__item:nth-child(n+5) .qs-look{transform-origin:50% 100%}
  .qs-row--looks .qs-row__item:nth-child(5) .qs-look{transform-origin:0 100%}
  .qs-row--looks .qs-row__item:nth-child(8) .qs-look{transform-origin:100% 100%}
  .qs-look__img{aspect-ratio:3/4}
  .qs-look:is(:hover,:focus-within){transform:scale(1.035)}
  .qs-look picture::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(231,201,119,.14) 50%,transparent 65%);transform:translateX(-150%)}
  .qs-look:is(:hover,:focus-within) picture::after{animation:qs-gold-sweep 1.4s cubic-bezier(.4,0,.2,1) 1}
  .qs-shelf__list{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@keyframes qs-gold-sweep{from{transform:translateX(-150%)}to{transform:translateX(150%)}}
.qs-btn:focus-visible,.qs-look:focus-visible,.qs-nav__btn:focus-visible,.qs-tee__card:focus-visible{outline:var(--t-focus-width,3px) solid var(--t-focus,#fff0ad);outline-offset:3px}

/* Between the phone layout and a full desktop: the plate takes a little more of the hero. */
@media (max-width: 1100px){
  .qs-hero{grid-template-columns:minmax(0,46fr) minmax(0,54fr)}
  .qs-title{font-size:clamp(46px,6.4vw,70px)}
  .qs-holders{grid-template-columns:max-content minmax(0,1fr)}
  .qs-clock__digits{gap:clamp(8px,1.3vw,14px)}
  .qs-clock__cell{width:clamp(28px,3.9vw,40px);font-size:clamp(22px,3.1vw,32px)}
  .qs-clock__label{font-size:clamp(10px,1.25vw,14px);letter-spacing:.12em}
  .qs-row--clips{grid-auto-columns:calc((100% - 3 * var(--qs-gap)) / 4)}
  .qs-row--men{grid-auto-columns:calc((100% - 2 * var(--qs-gap)) / 3.4)}
}

/* Up to 900 px the holders' steps go under the title, so each step has the width for its longest word. */
@media (max-width: 900px){.qs-holders{grid-template-columns:minmax(0,1fr)}}

/* The site's phone layout (runtime/quit/main.js PHONE_QUERY): the photograph cropped to the two women on top, the plate
   under it, the steps one under another, the looks a swipe row, the clips two to a line, the bezels thinner. The men's
   line alternates its new and older clips, and every second line swaps its pair, so the older ones never stack. Two
   couture clips carry their caption low in the frame (SC12 rows 745 to 818, SC19 rows 730 to 773 of 960), so their 3:4
   crop sits lower: SC12 half way down (rows 120 to 840), SC19 at 30% (rows 72 to 792). */
@media (max-width: 767px), (max-width: 1199px) and (max-aspect-ratio: 3/4), (pointer: coarse) and (max-height: 500px){
  .qs-home{padding:8px 2px 0}
  .qs-stack{gap:10px}
  .qs-box{border-width:10px 12px;border-image-width:10px 12px}
  .qs-hero{display:block;padding:2px}
  .qs-photo::before{padding-top:78.1%}
  .qs-photo__img{object-position:50% 0}
  .qs-plate__mark{font-size:12px}
  .qs-plate{padding:16px 4px 8px}
  .qs-file{font-size:12px;padding:7px 8px 6px}
  .qs-title{margin:12px 0 14px;font-size:clamp(34px,10.2vw,46px);line-height:.94;letter-spacing:-.035em}
  .qs-line{font-size:17px}
  .qs-clock{width:100%}
  .qs-clock__digits{justify-content:space-between;gap:6px}
  .qs-clock__cell{width:clamp(28px,9vw,38px);font-size:clamp(22px,7.6vw,30px)}
  .qs-clock__label{font-size:clamp(10px,3vw,12px);letter-spacing:.12em}
  .qs-clock__when{font-size:16px}
  .qs-actions{display:grid;align-self:stretch;gap:12px}
  .qs-btn{width:100%;min-height:52px;font-size:14px;letter-spacing:.08em}
  .qs-holders{display:block;padding:6px 2px}
  .qs-holders__title{padding:2px 2px 14px;font-size:clamp(36px,11.4vw,46px)}
  .qs-steps{grid-template-columns:minmax(0,1fr);gap:8px}
  .qs-step{border-width:8px 12px;border-image-width:8px 12px}
  .qs-step__n{font-size:52px}
  .qs-step__text{font-size:17px}
  .qs-sec,.qs-sec--couture{padding:12px 2px 14px}
  .qs-head{display:block;margin-bottom:14px}
  .qs-kicker{font-size:12px}
  .qs-sec__title{font-size:clamp(28px,8.9vw,38px);line-height:1}
  .qs-head__line{margin-top:10px;padding:0;font-size:16px}
  .qs-row--looks{grid-auto-columns:min(49vw,210px)}
  .qs-look{border-width:8px 10px;border-image-width:8px 10px}
  .qs-look__img{aspect-ratio:3/4}
  .qs-row--clips,.qs-row--men{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;scroll-snap-type:none;padding-bottom:0}
  .qs-row--men{grid-auto-flow:row dense}
  .qs-row--men>.qs-row__item:nth-child(4n+3):not(:last-child){grid-column:2}
  .qs-row--men>.qs-row__item:nth-child(4n){grid-column:1}
  .qs-clip,.qs-sec--men .qs-clip{display:flex;flex-direction:column;height:100%;box-sizing:border-box;padding:4px 4px 8px;border-style:solid;border-width:8px 10px;border-image:url(/runtime/quit/pages-art/strip.png) 26 46 fill / 8px 10px stretch}
  .qs-clip__video,.qs-sec--men .qs-clip__video{aspect-ratio:3/4;object-position:50% 8%}
  .qs-sec--men .qs-clip__video{object-position:50% 0}
  .qs-sec--couture [data-store-clip="SC12"] .qs-clip__video{object-position:50% 50%}
  .qs-sec--couture [data-store-clip="SC19"] .qs-clip__video{object-position:50% 30%}
  .qs-clip__cap,.qs-sec--men .qs-clip__cap{padding:8px 2px 0}
  .qs-clip__name{font-size:12px}
  .qs-clip__line{font-size:15px}
  .qs-foot{flex-direction:column;align-items:stretch}
  .qs-ai{flex:none}
  .qs-foot .qs-btn{margin-left:0}
  .qs-shelf{padding:12px 2px 14px}
  .qs-shelf__link{margin-left:0}
  .qs-shelf__list{gap:10px}
  .qs-shelf__head{display:flex;align-items:flex-end}
  .qs-tee__body{grid-template-columns:minmax(0,1fr);gap:6px}
  .qs-tee__name{font-size:14px}
  .qs-tag.qs-btn.q-plate{min-height:38px;font-size:9px}
  .qs-look__name{overflow-wrap:anywhere}
}
@media (prefers-reduced-motion:reduce){
  .qs-btn,.qs-look,.qs-tee__card{transition:none}
  .qs-btn--line:hover,.qs-btn--line:active,.qs-look:is(:hover,:focus-within){transform:none}
  .qs-look:is(:hover,:focus-within){outline:1px solid var(--qs-muted)}
  .qs-look:is(:hover,:focus-within) picture::after{animation:none;display:none}
}
html[data-reduced-motion="true"] .qs-look:is(:hover,:focus-within){transform:none;transition:none;outline:1px solid var(--qs-muted)}
html[data-reduced-motion="true"] .qs-look picture::after{animation:none;display:none}