/* Onyx Stitch — how-we-work pages: /oem-odm /process /customization /fabrics /size-and-fit. Tokens only.
   Loaded after cat.css (reuses .order/.ticket/.sizes, .guide, .faqs, .cmp2, .zoom, .ticks, .spec). */

/* ------------------------------------------------------------ shared: missing images, long titles */
.is-missing img{opacity:0}
.is-missing::after{content:attr(data-missing);position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;font:500 12px var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);background:repeating-linear-gradient(-52deg,rgb(var(--fg-rgb) / .05) 0 2px,transparent 2px 14px)}
.is-missing:not([data-missing])::after{content:"Photo in production"}
.page-how .sec .h-l{font-size:clamp(38px,5vw,84px)}
.ticks--one{grid-template-columns:1fr}

/* ------------------------------------------------------------ hero: panes cut along the brand angle */
.hh{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:clamp(24px,4vh,48px);padding:calc(var(--hdr) + 28px) 0 28px;overflow:hidden;background:rgb(var(--ink-2-rgb))}
.hh__ghost{position:absolute;left:-1vw;bottom:-2vw;font:700 clamp(110px,22vw,380px)/.78 var(--fd);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgb(var(--paper-rgb) / .1);pointer-events:none;white-space:nowrap}
.hh__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(24px,4vw,72px);align-items:center}
.hh__copy{display:flex;flex-direction:column;gap:22px}
.hh__t{font-size:clamp(48px,7vw,124px)}
.hh__t .hl{display:block;overflow:hidden;padding-bottom:.05em}
.hh__t .hl>span{display:inline-block}
.hh__lead{color:rgb(var(--paper-rgb) / .78)}
.hh__media{position:relative;height:clamp(360px,60svh,660px)}
.hh__pane{position:absolute;inset:0;overflow:hidden;background:rgb(var(--ink-3-rgb))}
.hh__pane img{width:100%;height:100%;object-fit:cover;transform-origin:50% 50%}
.hh__media--slats .hh__pane img{transform:scale(1.02)}
.hh__media--light .hh__pane{background:rgb(var(--paper-2-rgb))}
.hh__media--light .hh__pane img{object-fit:contain;padding:4% 14%;background:rgb(var(--paper-2-rgb))}
.hh__slash{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:var(--accent);pointer-events:none}
.hh__facts{position:relative;z-index:2;background:rgb(var(--ink-2-rgb) / .6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:0;margin:0 auto;width:calc(100% - var(--gut) * 2)}
.hh__facts .fact dd{font-size:clamp(20px,2vw,32px)}
@media (max-width:900px){
  .hh{justify-content:flex-start;padding-top:calc(var(--hdr) + 12px)}
  .hh__grid{grid-template-columns:1fr;gap:26px}
  .hh__media{order:-1;height:clamp(240px,42svh,420px);margin:0 4px 0 calc(var(--gut) * .2)}
  .hh__t{font-size:clamp(44px,12.5vw,84px)}
}

/* ------------------------------------------------------------ OEM/ODM: two roads */
.roads{padding-bottom:clamp(60px,8vw,120px)}
.roads__stage{position:relative;height:clamp(420px,78svh,820px);margin:0 var(--gut);border-radius:var(--r-l);overflow:hidden;user-select:none;touch-action:pan-y;cursor:ew-resize;--L:7;background:rgb(var(--ink-3-rgb))}
.roads__img{position:absolute;inset:0}
.roads__img img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.roads__img--a{clip-path:polygon(0 0,calc((var(--split) + var(--L)) * 1%) 0,calc((var(--split) - var(--L)) * 1%) 100%,0 100%)}
.roads__img--b{clip-path:polygon(calc((var(--split) + var(--L)) * 1%) 0,100% 0,100% 100%,calc((var(--split) - var(--L)) * 1%) 100%)}
.roads__img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(var(--ink-2-rgb) / .7),transparent 45%)}
.roads__line{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.roads__line line{stroke:var(--accent);stroke-width:5;vector-effect:non-scaling-stroke}
.roads__tag{position:absolute;top:18px;padding:9px 14px;border-radius:99px;background:rgb(var(--ink-rgb) / .78);color:rgb(var(--paper-rgb));backdrop-filter:blur(6px);transition:opacity .4s}
.roads__tag--a{left:18px}.roads__tag--b{right:18px}
.roads__knob{position:absolute;top:50%;left:calc(var(--split) * 1%);width:72px;height:72px;transform:translate(-50%,-50%);border-radius:50%;background:var(--accent);color:rgb(var(--paper-rgb));display:grid;place-items:center;box-shadow:0 14px 34px -10px rgb(var(--ink-2-rgb) / .7),0 0 0 8px rgb(var(--accent-rgb) / .22);touch-action:none;cursor:grab;z-index:3}
.roads__knob:active{cursor:grabbing}
.roads__knob svg{width:28px;height:28px}
.roads__read{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;padding:14px 22px;border-radius:var(--r);background:rgb(var(--ink-2-rgb) / .82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:rgb(var(--paper-rgb));text-align:center;max-width:calc(100% - 32px)}
.roads__read b{font:var(--fd-w) clamp(16px,1.5vw,21px)/1.2 var(--fd);letter-spacing:-.01em}
.roads__read .mono{color:var(--acc-text)}
.roads__panels{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,48px);margin-top:clamp(28px,4vw,56px)}
.roads__panel{display:flex;flex-direction:column;gap:16px;padding:clamp(22px,2.6vw,36px);border-radius:var(--r-l);border:1px solid var(--line);transition:opacity .5s,border-color .5s,background .5s;opacity:calc(.45 + var(--share,.5) * .55)}
.roads__panel.is-lead{border-color:var(--accent);background:rgb(var(--accent-rgb) / .08)}
@media (max-width:900px){.roads__stage{height:clamp(380px,62svh,560px);--L:9}.roads__panels{grid-template-columns:1fr}.roads__knob{width:60px;height:60px}.roads__read{bottom:12px;padding:10px 14px}}

/* ------------------------------------------------------------ OEM/ODM: route finder */
.quiz{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,4vw,72px);align-items:start}
.quiz__form{display:flex;flex-direction:column;gap:26px}
.quiz__q{border:0;padding:0 0 24px;margin:0;border-bottom:1px solid var(--line)}
.quiz__q legend{display:flex;flex-direction:column;gap:8px;font:var(--fd-w) clamp(21px,1.8vw,28px)/1.15 var(--fd);letter-spacing:-.02em;margin-bottom:16px;padding:0}
.quiz__meter{display:flex;align-items:center;gap:14px;font:600 12px var(--fm);letter-spacing:.1em}
.quiz__meter i{position:relative;flex:1;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--accent),rgb(var(--steel-rgb) / .4),var(--accent))}
.quiz__meter b{position:absolute;top:50%;left:var(--q,50%);width:20px;height:20px;border-radius:50%;background:var(--fg);transform:translate(-50%,-50%);box-shadow:0 0 0 5px rgb(var(--accent-rgb) / .25);transition:left .7s cubic-bezier(.2,.8,.2,1)}
.quiz__routes{display:flex;flex-direction:column;gap:12px;position:sticky;top:calc(var(--hdr) + 24px)}
.quiz__route{display:flex;flex-direction:column;gap:14px;padding:22px 24px;border-radius:var(--r-l);border:1px solid var(--line);background:var(--card);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1),border-color .5s,box-shadow .5s}
.quiz__route p{margin:0;color:var(--mut)}
.quiz__rtop{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.quiz__rname{font:var(--fd-w) clamp(30px,3vw,46px)/1 var(--fd);letter-spacing:-.03em}
.quiz__send .mono{display:block;margin-bottom:10px;color:var(--mut)}
.quiz__send .ticks{grid-template-columns:1fr 1fr}
.quiz__route .add-brief{align-self:flex-start}
.quiz.is-done .quiz__route{opacity:.42;transform:scale(.97)}
.quiz.is-done .quiz__route.is-pick{opacity:1;transform:none;border-color:var(--accent);box-shadow:0 30px 60px -36px rgb(var(--accent-rgb) / .7)}
.quiz.is-done .quiz__route:not(.is-pick) .quiz__send,.quiz.is-done .quiz__route:not(.is-pick) .add-brief{display:none}
@media (max-width:900px){.quiz{grid-template-columns:1fr}.quiz__routes{position:relative;top:0}.quiz__send .ticks{grid-template-columns:1fr}}

/* ------------------------------------------------------------ OEM/ODM: what changes hands */
.swap__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px)}
.swap__card{display:flex;flex-direction:column;gap:22px;padding:clamp(22px,2.6vw,38px);border-radius:var(--r-l);background:var(--card);border:1px solid var(--line)}
.swap__card header{display:flex;flex-direction:column;gap:10px;padding-bottom:18px;border-bottom:1px dashed rgb(var(--accent-rgb) / .5)}
.swap__cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.swap__cols .mono{color:var(--acc-text);margin-bottom:14px}
.swap__cols li{font-size:15px}
@media (max-width:1100px){.swap__grid{grid-template-columns:1fr}}
@media (max-width:560px){.swap__cols{grid-template-columns:1fr}}

/* ------------------------------------------------------------ tables */
.ctab__wrap{overflow-x:auto;border-radius:var(--r-l);border:1px solid var(--line);-webkit-overflow-scrolling:touch}
.ctab{width:100%;border-collapse:collapse;min-width:640px;font-size:15px}
.ctab th,.ctab td{padding:16px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.ctab tbody tr:last-child th,.ctab tbody tr:last-child td{border-bottom:0}
.ctab thead th{font:500 12px var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--acc-text);background:rgb(var(--fg-rgb) / .04)}
.ctab tbody th{font:600 15px/1.35 var(--fb);color:var(--fg);width:22%;position:sticky;left:0;background:var(--bg)}
.ctab td{color:var(--mut)}
.ctab tbody tr{transition:background .3s}
.ctab tbody tr:hover{background:rgb(var(--accent-rgb) / .06)}
.ctab--5{min-width:860px}
.ctab--5 tbody th{width:16%}

/* ------------------------------------------------------------ OEM/ODM: approval steps */
.appr__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,5vw,96px);align-items:start}
.appr__head{position:sticky;top:calc(var(--hdr) + 40px);display:flex;flex-direction:column;gap:24px}
.appr__img{aspect-ratio:16/10}
.appr__list{list-style:none;margin:0;padding:0;counter-reset:a}
.appr__list li{display:grid;grid-template-columns:56px 1fr;gap:16px;padding:26px 0;border-top:1px solid var(--line)}
.appr__list p{margin:8px 0 0;color:var(--mut)}
.appr__ok{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;color:var(--fg)!important}
.appr__ok b{color:var(--acc-text)}
@media (max-width:900px){.appr__grid{grid-template-columns:1fr}.appr__head{position:relative;top:0}}

/* ------------------------------------------------------------ private label / labels & packaging */
.plabel__grid{display:grid;grid-template-columns:.8fr 1.2fr;grid-template-rows:auto auto;gap:clamp(14px,1.6vw,22px)}
.plabel__img{margin:0;min-width:0}
.plabel__img--a{grid-row:span 2;aspect-ratio:1}
.plabel__img--b{aspect-ratio:16/9}
.plabel__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden}
.plabel__list li{display:flex;flex-direction:column;gap:4px;padding:16px 18px;background:var(--bg)}
.plabel__list b{font:var(--fd-w) 17px/1.2 var(--fd)}
.plabel__list span{font-size:14px;color:var(--mut);line-height:1.4}
@media (max-width:900px){.plabel__grid{grid-template-columns:1fr}.plabel__img--a{grid-row:auto;aspect-ratio:4/3}}
@media (max-width:480px){.plabel__list{grid-template-columns:1fr}}

/* ------------------------------------------------------------ PROCESS: needle & thread */
.sew__head{display:grid;grid-template-columns:1.2fr .8fr;gap:24px 56px;align-items:end;margin-bottom:clamp(32px,4vw,56px)}
.sew__head .lead{justify-self:end}
.sew__rail{display:none}
.sew__list{position:relative;display:flex;flex-direction:column;gap:clamp(48px,6vw,90px);padding-left:46px}
.sew__list::before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:repeating-linear-gradient(to bottom,rgb(var(--fg-rgb) / .18) 0 9px,transparent 9px 15px)}
.sew__fill{position:absolute;left:12px;top:0;bottom:0;width:2px;background:repeating-linear-gradient(to bottom,var(--accent) 0 9px,transparent 9px 15px);transform-origin:top;transform:scaleY(1)}
.sew__ndl{position:absolute;left:0;top:100%;width:26px;height:20px;transform:translateY(-50%);display:none}
.sew__ndl svg{width:26px;height:20px;fill:var(--accent)}
.stn{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(22px,3vw,56px);align-items:center}
.stn__img{aspect-ratio:16/10}
.stn__copy{display:flex;flex-direction:column;gap:14px}
.stn__dl{display:grid;grid-template-columns:1fr 1fr;margin:8px 0 0;border-top:1px solid var(--line)}
.stn__dl div{padding:14px 14px 0 0}
.stn__dl dt{font:500 12px var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--acc-text);margin-bottom:6px}
.stn__dl dd{margin:0;font-size:15px;line-height:1.45}
/* pinned stage (desktop, motion on): html.sew-pin */
.sew-pin .sew__pin{height:100vh;display:flex;flex-direction:column;padding:calc(var(--hdr) + 18px) 0 28px;box-sizing:border-box;overflow:hidden}
.sew-pin .sew{padding:0}
.sew-pin .sew__head{margin-bottom:22px}
.sew-pin .sew__head .h-l{font-size:clamp(34px,3.8vw,64px)}
.sew-pin .sew__body{flex:1;min-height:0;display:grid;grid-template-columns:clamp(230px,20vw,300px) 1fr;gap:clamp(24px,3vw,56px)}
.sew-pin .sew__rail{display:block;position:relative;height:100%;--rh:100%}
.sew__svg{position:absolute;left:0;top:0;height:100%;width:auto;overflow:visible}
.sew__track{fill:none;stroke:rgb(var(--paper-rgb) / .18);stroke-width:2.2;stroke-dasharray:7 6}
.sew__thread{fill:none;stroke:var(--accent);stroke-width:3;stroke-dasharray:7 6}
.sew__mask{stroke-dasharray:1 1;stroke-dashoffset:1}
.sew__dot{fill:rgb(var(--ink-rgb));stroke:rgb(var(--paper-rgb) / .3);stroke-width:2;transition:fill .4s,stroke .4s}
.sew__dot.is-on{fill:var(--accent);stroke:var(--accent)}
.sew__needle path{fill:rgb(var(--paper-rgb))}
.sew__nodes{position:absolute;left:var(--nx,80px);right:0;top:0;bottom:0;list-style:none;margin:0;padding:0}
.sew__nodes li{position:absolute;left:0;right:0;top:calc((var(--i) + .5) / 8 * 100%);transform:translateY(-50%)}
.sew__nodes button{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;border-radius:99px;font:500 14px var(--fb);color:rgb(var(--paper-rgb) / .5);text-align:left;transition:color .4s,background .4s}
.sew__nodes button .mono{color:inherit}
.sew__nodes button:hover{color:rgb(var(--paper-rgb))}
.sew__nodes button.is-on{color:rgb(var(--paper-rgb));background:rgb(var(--paper-rgb) / .08)}
.sew__nodes button.is-on .mono{color:var(--acc-text)}
.sew-pin .sew__list{display:block;position:relative;height:100%;padding:0}
.sew-pin .sew__list::before,.sew-pin .sew__fill,.sew-pin .sew__ndl{display:none}
.sew-pin .stn{position:absolute;inset:0;grid-template-columns:1.25fr .75fr;align-items:stretch;pointer-events:none}
.sew-pin .stn.is-on{pointer-events:auto}
.sew-pin .stn__img{aspect-ratio:auto;height:100%;clip-path:polygon(0 0,0 0,-20% 100%,-20% 100%)}
.sew-pin .stn[data-i="0"] .stn__img{clip-path:polygon(0 0,120% 0,100% 100%,-20% 100%)}
.sew-pin .stn__copy{justify-content:center;opacity:0}
.sew-pin .stn[data-i="0"] .stn__copy{opacity:1}
.sew-pin .stn__copy .h-m{font-size:clamp(28px,2.8vw,46px)}
.sew-pin .stn__copy .lead{font-size:clamp(15px,1.15vw,18px)}
.sew-pin .stn__dl{grid-template-columns:1fr}
@media (max-width:900px){.sew__head{grid-template-columns:1fr}.sew__head .lead{justify-self:start}.stn{grid-template-columns:1fr}.sew__list{padding-left:36px}.sew__list::before,.sew__fill{left:8px}.sew__ndl{display:block;left:-4px}}
@media (max-width:480px){.stn__dl{grid-template-columns:1fr}}
.js-motion .sew__ndl{display:block}

/* ------------------------------------------------------------ PROCESS: approval checklist */
.chkl__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,22px)}
.chkl__g{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:var(--r-l);background:var(--card);border:1px solid var(--line)}
.chkl__g ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.chk{display:flex;gap:12px;align-items:flex-start;min-height:44px;padding:8px 0;cursor:pointer;font-size:15px;line-height:1.4}
.chk input{appearance:none;flex:none;width:22px;height:22px;margin:0;border-radius:6px;border:1.5px solid var(--line);background:transparent;cursor:pointer;display:grid;place-items:center;transition:background .3s,border-color .3s}
.chk input::after{content:"";width:10px;height:6px;border-left:2px solid rgb(var(--paper-rgb));border-bottom:2px solid rgb(var(--paper-rgb));transform:rotate(-45deg) translate(1px,-1px) scale(0);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.chk input:checked{background:var(--accent);border-color:var(--accent)}
.chk input:checked::after{transform:rotate(-45deg) translate(1px,-1px) scale(1)}
.chk input:checked+span{color:var(--mut);text-decoration:line-through;text-decoration-color:rgb(var(--accent-rgb) / .6)}
.chk input:focus-visible{outline:2px solid var(--acc-text);outline-offset:2px}
.chkl__bar{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:28px;padding:18px 22px;border-radius:var(--r-l);border:1px dashed var(--line)}
.chkl__meter{flex:1;min-width:160px;height:6px;border-radius:6px;background:rgb(var(--fg-rgb) / .08);overflow:hidden}
.chkl__meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),rgb(var(--accent-hi-rgb)));transition:width .5s cubic-bezier(.2,.8,.2,1)}
@media (max-width:1100px){.chkl__grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.chkl__grid{grid-template-columns:1fr}}

/* ------------------------------------------------------------ PROCESS: timing */
.timing__bar{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}
.timing__bar span{position:relative;display:flex;flex-direction:column;gap:6px;padding:14px 12px 16px;border-radius:6px;background:rgb(var(--paper-rgb) / .05);font-size:13px;line-height:1.25;overflow:hidden;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%,10px 50%)}
.timing__bar span::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--accent);transform-origin:left;transform:scaleX(var(--fill,1))}
.timing__bar b{color:var(--acc-text)}
.timing__f{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden}
.timing__f li{display:flex;flex-direction:column;gap:10px;padding:24px;background:var(--bg)}
.timing__f p{margin:0;color:var(--mut);font-size:15px}
@media (max-width:900px){.timing__bar{grid-template-columns:repeat(4,1fr)}.timing__f{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.timing__bar{grid-template-columns:1fr 1fr}.timing__f{grid-template-columns:1fr}}

/* ------------------------------------------------------------ PROCESS: checkpoints + ready */
.qcs__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,96px);align-items:center}
.qcs__img{aspect-ratio:4/5}
.qcs__img img{object-position:40% 50%}
.qcs__list{list-style:none;margin:28px 0 0;padding:0}
.qcs__list li{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:18px 0;border-top:1px solid var(--line)}
.qcs__list b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgb(var(--accent-rgb) / .12);color:var(--acc-text)}
.qcs__list p{margin:6px 0 0;color:var(--mut);font-size:15px}
.ready__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,96px);align-items:center}
@media (max-width:900px){.qcs__grid,.ready__grid{grid-template-columns:1fr}.qcs__img{aspect-ratio:16/11}}

/* ------------------------------------------------------------ CUSTOMIZATION: placement studio */
.studio{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,72px);align-items:start}
.studio__stage{position:sticky;top:calc(var(--hdr) + 20px);display:flex;flex-direction:column;gap:12px}
.studio__views{display:inline-flex;align-self:flex-start;padding:4px;border-radius:99px;border:1px solid var(--line)}
.studio__views button,.units button,.meas__tabs button{min-height:44px;min-width:64px;padding:0 18px;border-radius:99px;font:600 14px var(--fb);color:var(--mut);transition:background .3s,color .3s}
.studio__views button[aria-selected="true"],.units button[aria-pressed="true"],.meas__tabs button[aria-selected="true"]{background:var(--fg);color:var(--bg)}
.studio__canvas{position:relative;aspect-ratio:967/1200;margin:0 auto;width:min(100%,calc((100svh - var(--hdr) - 110px) * .806));border-radius:var(--r-l);background:rgb(var(--paper-2-rgb));overflow:hidden;--k:.808}
.studio__view{position:absolute;inset:0;clip-path:polygon(0 0,0 0,-30% 100%,-30% 100%);transition:clip-path .9s cubic-bezier(.7,0,.2,1)}
.studio__view.is-on{clip-path:polygon(0 0,130% 0,100% 100%,-30% 100%)}
.studio__view>img{width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.studio__view.is-fallback>img{transform:scaleX(-1);filter:saturate(.8)}
.studio__stand{display:none;position:absolute;left:14px;top:14px;padding:7px 10px;border-radius:99px;background:rgb(var(--ink-rgb) / .78);color:rgb(var(--paper-rgb))}
.studio__view.is-fallback .studio__stand{display:block}
.studio__ruler{position:absolute;left:14px;right:14px;bottom:12px;display:flex;flex-direction:column;gap:6px;color:rgb(var(--ink-rgb) / .62);font-size:11px;pointer-events:none}
.studio__ruler i{display:block;height:8px;width:calc(10 * var(--k) * 1%);border:1.5px solid rgb(var(--ink-rgb) / .5);border-top:0}
.mk{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--w) * var(--k) * 1%);min-width:20px;aspect-ratio:500/350;box-sizing:content-box;padding:12px;transform:translate(-50%,-50%);display:none;touch-action:none;cursor:grab;border-radius:6px}
.mk.is-on{display:block}
.mk svg{width:100%;height:100%;fill:rgb(var(--ink-rgb));overflow:visible;transition:filter .4s,opacity .4s}
.mk svg path:first-child{fill:var(--accent)}
.mk::before{content:"";position:absolute;inset:0;border:1.5px dashed transparent;border-radius:6px;transition:border-color .3s}
.mk.is-sel::before{border-color:var(--accent)}
.mk:focus-visible{outline:none}
.mk:focus-visible::before{border-color:var(--acc-text);border-style:solid}
.mk__w{position:absolute;left:50%;bottom:calc(100% + 16px);transform:translateX(-50%);padding:4px 8px;border-radius:99px;background:var(--accent);color:rgb(var(--paper-rgb));font-size:12px;white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none}
.mk.is-sel .mk__w{opacity:1}
.mk.is-drag{cursor:grabbing}
/* method finishes on the marks */
[data-method="embroidery"] .mk svg{filter:drop-shadow(0 1px 0 rgb(var(--ink-2-rgb) / .35)) drop-shadow(0 2px 2px rgb(var(--ink-2-rgb) / .25))}
[data-method="embroidery"] .mk svg path{stroke:rgb(var(--white-rgb) / .35);stroke-width:5;stroke-dasharray:10 7}
[data-method="screen"] .mk svg{filter:none;opacity:.94}
[data-method="puff"] .mk svg{filter:drop-shadow(0 3px 2px rgb(var(--ink-2-rgb) / .35)) drop-shadow(0 6px 8px rgb(var(--ink-2-rgb) / .2))}
[data-method="sublimation"] .mk svg{mix-blend-mode:multiply;opacity:.82}
[data-method="silicone"] .mk svg{filter:drop-shadow(0 2px 1px rgb(var(--ink-2-rgb) / .4)) brightness(1.15) contrast(1.1)}
[data-method="woven"] .mk svg{background:repeating-linear-gradient(90deg,rgb(var(--paper-2-rgb)) 0 2px,rgb(var(--white-rgb)) 2px 4px);outline:5px solid rgb(var(--white-rgb));box-shadow:0 0 0 6px rgb(var(--ink-rgb) / .14),0 3px 8px 5px rgb(var(--ink-2-rgb) / .25)}
.studio__panel{display:flex;flex-direction:column;gap:24px}
.studio__panel .field{border:0;padding:0;margin:0}
.studio__sel{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:var(--r-l);background:var(--card);box-shadow:0 1px 0 var(--line),0 24px 50px -36px rgb(var(--ink-2-rgb) / .4)}
.studio__selhd{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
.studio__selhd b{font:var(--fd-w) 26px/1 var(--fd);letter-spacing:-.02em}
.studio__range{display:flex;align-items:center;gap:16px}
.studio__range input,.how-range{flex:1;appearance:none;height:44px;background:transparent;cursor:pointer;margin:0}
.studio__range input::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--accent) var(--fill,30%),rgb(var(--fg-rgb) / .15) var(--fill,30%))}
.studio__range input::-moz-range-track{height:4px;border-radius:4px;background:rgb(var(--fg-rgb) / .15)}
.studio__range input::-moz-range-progress{height:4px;background:var(--accent)}
.studio__range input::-webkit-slider-thumb{appearance:none;width:26px;height:26px;margin-top:-11px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgb(var(--accent-rgb) / .2)}
.studio__range input::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:50%;background:var(--accent)}
.studio__range output{min-width:64px;text-align:right;font-size:16px;color:var(--fg)}
.studio__sum{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.studio__sum li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.studio__sum span{color:var(--mut)}
@media (max-width:900px){.studio{grid-template-columns:1fr}.studio__stage{position:relative;top:0}.studio__canvas{width:100%;max-width:480px}}

/* ------------------------------------------------------------ CUSTOMIZATION: method switcher */
.meth__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);grid-template-rows:auto auto;gap:clamp(16px,2vw,28px)}
.meth__stage{position:relative;aspect-ratio:16/9;border-radius:var(--r-l);overflow:hidden;background:rgb(var(--ink-3-rgb))}
.meth__img{position:absolute;inset:0;clip-path:polygon(0 0,0 0,-20% 100%,-20% 100%)}
.meth__img.is-on{clip-path:polygon(0 0,120% 0,100% 100%,-20% 100%)}
.meth__img img{width:100%;height:100%;object-fit:cover}
.meth__soon{display:none;position:absolute;left:16px;top:16px;padding:8px 12px;border-radius:99px;background:rgb(var(--ink-rgb) / .78);color:rgb(var(--paper-rgb))}
.meth__img.is-fallback .meth__soon{display:block}
.meth__scan{position:absolute;top:-10%;bottom:-10%;width:3px;left:-5%;background:var(--accent);box-shadow:0 0 24px 4px rgb(var(--accent-rgb) / .6);transform:skewX(-14deg);opacity:0;pointer-events:none}
.meth__info{position:relative;padding:clamp(22px,2.4vw,34px);border-radius:var(--r-l);border:1px solid var(--line);display:flex;flex-direction:column}
.meth__txt{display:none;flex-direction:column;gap:16px}
.meth__txt.is-on{display:flex}
.meth__txt p{margin:0;color:var(--mut)}
.meth__txt .spec{grid-template-columns:1fr}
.meth__txt .spec div:nth-child(odd){padding-right:0}
.meth__tabs{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.meth__tab{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:72px;padding:14px 16px;border-radius:var(--r);border:1px solid var(--line);text-align:left;font:600 15px/1.2 var(--fb);color:var(--mut);transition:background .4s,color .4s,border-color .4s;position:relative;overflow:hidden}
.meth__tab .mono{color:var(--acc-text)}
.meth__tab:hover{color:var(--fg)}
.meth__tab[aria-selected="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.meth__tab::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}
.meth__tab.is-timing::after{animation:methbar var(--dur,4s) linear forwards}
@keyframes methbar{to{transform:scaleX(1)}}
.cmpd{aspect-ratio:16/11}
@media (max-width:1000px){.meth__grid{grid-template-columns:1fr}.meth__tabs{grid-template-columns:repeat(3,1fr);grid-row:2}.meth__info{grid-row:3}}
@media (max-width:520px){.meth__tabs{grid-template-columns:1fr 1fr}.meth__tab{min-height:60px;padding:10px 12px}}

/* ------------------------------------------------------------ CUSTOMIZATION: artwork */
.artw__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,96px);align-items:center}
@media (max-width:900px){.artw__grid{grid-template-columns:1fr}}

/* ------------------------------------------------------------ FABRICS: swatch drawers */
.cab{display:flex;flex-direction:column;gap:8px;perspective:1600px}
.drw{border-radius:var(--r-l);background:var(--card);box-shadow:0 1px 0 var(--line),0 2px 0 rgb(var(--ink-rgb) / .04);overflow:hidden;transition:box-shadow .6s,transform .6s cubic-bezier(.2,.8,.2,1)}
.drw[open]{box-shadow:0 1px 0 var(--line),0 40px 70px -40px rgb(var(--ink-2-rgb) / .5);transform:translateZ(18px)}
.drw__front{list-style:none;display:grid;grid-template-columns:56px clamp(80px,16vw,240px) 1fr auto 56px;align-items:center;gap:18px;min-height:76px;padding:10px 14px 10px 20px;cursor:pointer;position:relative;transition:background .4s}
.drw__front::-webkit-details-marker{display:none}
.drw__front:hover{background:rgb(var(--accent-rgb) / .05)}
.drw__no{color:var(--acc-text)}
.drw__strip{height:46px;border-radius:8px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgb(var(--ink-rgb) / .08);transition:height .5s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1)}
.drw__front:hover .drw__strip{transform:translateX(8px)}
.drw__n{font:var(--fd-w) clamp(20px,2vw,30px)/1.05 var(--fd);letter-spacing:-.02em}
.drw__tag{color:var(--mut)}
.drw__pull{justify-self:end;width:44px;height:22px;border-radius:0 0 22px 22px;border:2px solid var(--line);border-top:0;position:relative;transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .4s}
.drw__pull::before{content:"";position:absolute;left:50%;top:-8px;width:56px;height:2px;background:var(--line);transform:translateX(-50%)}
.drw[open] .drw__pull{transform:rotate(180deg);border-color:var(--accent)}
.drw[open] .drw__strip{height:20px}
.drw__tray{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,.8fr);gap:clamp(20px,2.6vw,44px);padding:8px 20px 26px 20px;align-items:start}
.drw__img{aspect-ratio:1;border-radius:var(--r)}
.drw__about{display:flex;flex-direction:column;gap:16px}
.drw__about .spec{grid-template-columns:1fr}
.drw__about .spec div:nth-child(odd){padding-right:0}
.drw__use{display:flex;flex-direction:column;gap:14px}
.drw__use .mono{color:var(--mut);margin:0}
.lvs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}
.lvs div{display:flex;flex-direction:column;gap:6px}
.lvs dt{font:500 12px var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.lvs dd{margin:0;display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px}
.lv{display:inline-flex;gap:3px}
.lv i{width:14px;height:6px;border-radius:2px;background:rgb(var(--fg-rgb) / .12);transform:skewX(-20deg)}
.lv[style*="--lv:1"] i:nth-child(1),.lv[style*="--lv:2"] i:nth-child(-n+2),.lv[style*="--lv:3"] i{background:var(--accent)}
@media (max-width:1000px){.drw__tray{grid-template-columns:1fr 1fr}.drw__use{grid-column:1/-1}}
@media (max-width:640px){.drw__front{grid-template-columns:36px 1fr auto;gap:12px;padding:10px 14px}.drw__strip{grid-column:1/-1;grid-row:2;height:30px}.drw[open] .drw__strip{height:14px}.drw__tag{display:none}.drw__pull{width:36px}.drw__tray{grid-template-columns:1fr;padding:6px 14px 22px}.lvs{grid-template-columns:1fr 1fr 1fr}}

/* ------------------------------------------------------------ FABRICS: compare two */
.cmpf{display:flex;flex-direction:column;gap:26px}
.cmpf__picks{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px}
.cmpf__picks .field{border:0;padding:0;margin:0}
.cmpf__picks .pick span{min-height:44px;font-size:13px;padding:0 13px}
.cmpf__main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,3vw,48px);align-items:start}
.cmpf__stage{aspect-ratio:1}
.cmpf__stage img{transition:opacity .35s}
.cmpf__tab{min-width:0}
.cmpf__tab tbody th{width:30%}
.cmpf__tab td{transition:color .3s}
.cmpf__tab td.is-flash{color:var(--acc-text)}
@media (max-width:900px){.cmpf__picks,.cmpf__main{grid-template-columns:1fr}.cmpf__stage{aspect-ratio:4/3}}

/* ------------------------------------------------------------ FABRICS: by garment, terms, colour */
.jobs__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden}
.jobs__list li{display:flex;flex-direction:column;gap:14px;padding:24px;background:var(--bg);transition:background .4s}
.jobs__list li:hover{background:var(--card)}
.jobs__sw{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.jobs__sw span{width:44px;height:44px;border-radius:10px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgb(var(--ink-rgb) / .1);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.jobs__list li:hover .jobs__sw span{transform:rotate(-6deg) scale(1.08)}
.jobs__sw b{font-weight:600;font-size:15px;margin-right:8px}
.jobs__links{display:flex;flex-wrap:wrap;gap:4px 18px}
.jobs__links a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:600 14px var(--fb);color:var(--acc-text);text-decoration:none}
.jobs__links a svg{width:13px;height:13px;transition:transform .3s}
.jobs__links a:hover svg{transform:translateX(4px)}
@media (max-width:760px){.jobs__list{grid-template-columns:1fr}}
.terms__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,5vw,96px);align-items:start}
.terms__head{position:sticky;top:calc(var(--hdr) + 40px);display:flex;flex-direction:column;gap:24px}
.terms__img{aspect-ratio:16/10}
.terms__list{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin:0}
.terms__list div{padding:22px 0;border-top:1px solid var(--line)}
.terms__list dt{font:var(--fd-w) 21px/1.1 var(--fd);letter-spacing:-.01em;margin-bottom:8px}
.terms__list dt::before{content:"";display:inline-block;width:10px;height:10px;margin-right:10px;background:var(--accent);transform:skewX(-20deg)}
.terms__list dd{margin:0;color:var(--mut);font-size:15px}
@media (max-width:900px){.terms__grid{grid-template-columns:1fr}.terms__head{position:relative;top:0}}
@media (max-width:560px){.terms__list{grid-template-columns:1fr}}
.dyes__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dye{display:flex;flex-direction:column;gap:10px}
.dye__img{aspect-ratio:4/5;clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);border-radius:0;transition:clip-path .7s cubic-bezier(.2,.8,.2,1)}
.dye:hover .dye__img{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.dye p{margin:0;color:var(--mut);font-size:15px}
@media (max-width:1000px){.dyes__grid{grid-template-columns:1fr 1fr}}

/* ------------------------------------------------------------ SIZE & FIT: hotspots */
.meas__bar,.spec__bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}
.meas__tabs,.units{display:inline-flex;padding:4px;border-radius:99px;border:1px solid var(--line)}
.units button{min-width:56px}
.meas__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(24px,4vw,64px);align-items:start}
.meas__stage{position:relative;aspect-ratio:967/1200;width:min(100%,calc((100svh - var(--hdr) - 60px) * .806));margin:0 auto;border-radius:var(--r-l);overflow:hidden;background:rgb(var(--white-rgb))}
.meas__fig{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .6s,visibility 0s .6s}
.meas__fig.is-on{opacity:1;visibility:visible;transition:opacity .6s}
.meas__fig img{width:100%;height:100%;object-fit:cover}
.meas__lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.meas__lines g line{stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:6 5;opacity:.28;transition:opacity .4s,stroke-width .3s}
.meas__lines g.is-on line{opacity:1;stroke-width:3;stroke-dasharray:none}
.meas__lines line.cap{display:none}
.pt{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:rgb(var(--ink-rgb));color:rgb(var(--paper-rgb));font:600 14px var(--fm);box-shadow:0 0 0 3px rgb(var(--white-rgb) / .9),0 8px 20px -6px rgb(var(--ink-2-rgb) / .5);transition:background .3s,transform .4s cubic-bezier(.2,.8,.2,1)}
.pt::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--accent);opacity:0;transform:scale(.7)}
.pt.is-on{background:var(--accent);transform:translate(-50%,-50%) scale(1.1)}
.pt.is-on::after{animation:ptping 1.8s cubic-bezier(.2,.8,.2,1) infinite}
@keyframes ptping{0%{opacity:.9;transform:scale(.8)}100%{opacity:0;transform:scale(1.6)}}
.meas__panel{display:flex;flex-direction:column;gap:20px;position:sticky;top:calc(var(--hdr) + 24px)}
.meas__card{display:flex;flex-direction:column;gap:14px;padding:clamp(22px,2.4vw,32px);border-radius:var(--r-l);background:var(--card);box-shadow:0 1px 0 var(--line),0 30px 60px -40px rgb(var(--ink-2-rgb) / .45);min-height:300px}
.meas__card p{margin:0;color:var(--mut)}
.meas__ex{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding-top:14px;border-top:1px dashed var(--line);color:var(--fg)!important}
.meas__ex b{font:var(--fd-w) 40px/1 var(--fd);letter-spacing:-.03em}
.meas__ex .note{flex-basis:100%}
.meas__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.meas__list button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 14px;border-radius:var(--r);border:1px solid var(--line);font:500 14px var(--fb);text-align:left;transition:background .3s,color .3s,border-color .3s}
.meas__list button .mono{color:var(--acc-text)}
.meas__list button[aria-current="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
@media (max-width:900px){.meas__grid{grid-template-columns:1fr}.meas__panel{position:relative;top:0}.meas__stage{width:100%;max-width:520px}.meas__card{min-height:0}}
@media (max-width:420px){.pt{width:40px;height:40px;font-size:13px}}

/* ------------------------------------------------------------ SIZE & FIT: body vs garment */
.ease__grid{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:clamp(14px,1.6vw,22px)}
.ease__card{display:flex;flex-direction:column;gap:12px;padding:clamp(22px,2.4vw,32px);border-radius:var(--r-l);border:1px solid var(--line)}
.ease__card p{margin:0;color:var(--mut)}
.ease__demo{display:flex;flex-direction:column;gap:18px;padding:clamp(22px,2.4vw,32px);border-radius:var(--r-l);background:rgb(var(--paper-rgb));color:rgb(var(--ink-rgb));--fg:rgb(var(--ink-rgb));--bg:rgb(var(--paper-rgb));--line:rgb(var(--ink-rgb) / .14);--mut:rgb(var(--ink-rgb) / .62)}
.ease__demo>.mono{color:rgb(var(--accent-d-rgb));margin:0}
.ease__bars{display:flex;flex-direction:column;gap:12px}
.ease__row{display:grid;grid-template-columns:110px 1fr 70px;align-items:center;gap:12px}
.ease__row .mono{color:var(--mut);font-size:11px}
.ease__row b{font:var(--fd-w) 18px var(--fd);text-align:right}
.ease__b,.ease__g{display:block;height:16px;border-radius:4px;background:rgb(var(--ink-rgb) / .8);width:calc(96 / 130 * 100%)}
.ease__g{position:relative;background:rgb(var(--ink-rgb) / .8);width:calc((96 + var(--ease)) / 130 * 100%);transition:width .7s cubic-bezier(.2,.8,.2,1)}
.ease__g em{position:absolute;right:0;top:0;bottom:0;width:calc(var(--ease) / (96 + var(--ease)) * 100%);border-radius:0 4px 4px 0;background:repeating-linear-gradient(-52deg,var(--accent) 0 5px,rgb(var(--accent-hi-rgb)) 5px 9px);transition:width .7s cubic-bezier(.2,.8,.2,1)}
.ease__read{margin:0;font-size:15px}
.ease__read b{font:var(--fd-w) 22px var(--fd);color:rgb(var(--accent-d-rgb))}
@media (max-width:1100px){.ease__grid{grid-template-columns:1fr 1fr}.ease__demo{grid-column:1/-1}}
@media (max-width:640px){.ease__grid{grid-template-columns:1fr}.ease__row{grid-template-columns:86px 1fr 60px}}

/* ------------------------------------------------------------ SIZE & FIT: spec sheet + grading */
.spec-tab{display:none}
.spec-tab.is-on{display:table}
.spec-tab td{font:500 15px var(--fm);color:var(--fg)}
.spec-tab td.mut{font:400 14px var(--fb);color:var(--mut)}
.spec-tab td.is-flip{animation:flip .45s cubic-bezier(.2,.8,.2,1)}
@keyframes flip{0%{opacity:0;transform:translateY(-6px)}100%{opacity:1;transform:none}}
.grads__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.grad{display:flex;flex-direction:column;gap:14px;padding:26px 24px 28px;border-radius:var(--r-l);background:var(--card);box-shadow:0 1px 0 var(--line);position:relative;overflow:hidden}
.grad::after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;background:rgb(var(--accent-rgb) / .1);transform:skewX(-20deg)}
.grad p{margin:0;color:var(--mut);font-size:15px}
@media (max-width:1000px){.grads__grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.grads__grid{grid-template-columns:1fr}}

/* size-run (reuses .ticket) */
.order [data-s-garment],.order [data-s-set]{margin-bottom:4px}
.order .field+.field{margin-top:0}

.spec__bar .tag{font-size:12px}
@media (max-width:640px){.ctab th,.ctab td{padding:12px 12px;font-size:14px}.cmpf__tab tbody th{width:26%}.ease__row{grid-template-columns:80px 1fr 76px}}