/* WhatsNext Apparels — company pages: about, contact, products, privacy, rfq.
   Builds on home.css tokens and components; every class here is prefixed for the family. */

.js .page-company .curtain{clip-path:inset(0 0 0 0)}
.c-lede{margin:0;color:var(--fg-2);max-width:52ch;font-size:17px}
.crumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:rgba(238,242,247,.72)}
.crumbs a{min-height:32px;display:inline-flex;align-items:center;transition:color .3s}
.crumbs a:hover{color:var(--sky)}
.c-words{margin:0;font-size:clamp(22px,2.3vw,34px);line-height:1.28;font-weight:500;letter-spacing:-.01em;max-width:30ch}
.c-words .w{opacity:.18}
.c-clip,.c-zoom{overflow:hidden}

/* ---------- hero (about, contact) ---------- */
.ch{position:relative;height:100vh;height:100svh;min-height:640px;overflow:hidden;background:#0b1222;color:var(--chalk)}
.ch__stage{position:absolute;inset:0}
.ch__bg{position:absolute;inset:-4% 0 0;width:100%;height:104%;object-fit:cover;filter:saturate(.75) brightness(.62) contrast(1.05);will-change:transform}
.ch__shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(10,17,32,.92) 0%,rgba(10,17,32,.55) 38%,rgba(10,17,32,.05) 70%),linear-gradient(180deg,rgba(10,17,32,.55),rgba(10,17,32,0) 26%,rgba(10,17,32,0) 62%,rgba(10,17,32,.9))}
.ch__product{position:absolute;z-index:2;right:-2vw;bottom:2vh;width:min(86vw,1320px);filter:drop-shadow(0 40px 50px rgba(0,0,0,.5));will-change:transform}
.ch__meta{position:absolute;z-index:4;right:var(--gut);top:calc(var(--hdr) + 14px);display:flex;align-items:center;gap:12px;color:rgba(238,242,247,.82)}
.ch__meta b{font-weight:500;color:var(--chalk);font-variant-numeric:tabular-nums}
.ch__coord{color:rgba(238,242,247,.55)}
.ch__copy{position:absolute;z-index:4;left:var(--gut);right:var(--gut);bottom:clamp(84px,11vh,120px);display:grid;gap:22px}
.ch__ticker{position:absolute;z-index:5;left:0;right:0;bottom:0;overflow:hidden;border-top:1px solid rgba(238,242,247,.14);background:rgba(10,17,32,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:rgba(238,242,247,.78)}
.ch__ticker div{display:flex;width:max-content;animation:marq 48s linear infinite}
.ch__ticker span{display:flex;align-items:center;min-height:52px;white-space:nowrap;padding-right:0}
.ch__ticker b{color:var(--sky);font-weight:500}
.ch__title{margin:0;display:grid;justify-items:start;font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:clamp(68px,11vw,196px);line-height:.84;letter-spacing:-.005em}
.ch__title--sm{font-size:clamp(56px,8.4vw,150px)}
.ch__kick{font-family:var(--f-mono);font-weight:500;font-size:13px;line-height:1;letter-spacing:.12em;color:var(--sky);margin-bottom:18px;display:block}
.ch__l{display:block}
.ch__l--em{color:transparent;-webkit-text-stroke:2px var(--chalk)}
.ch__row{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.ch__lede{margin:0;max-width:52ch;color:rgba(238,242,247,.86);font-size:17px}
.ch__ctas{display:flex;gap:12px;flex-wrap:wrap}
.ch__tag{position:absolute;z-index:4;right:var(--gut);bottom:28px;margin:0;color:rgba(238,242,247,.5);writing-mode:vertical-rl;transform:rotate(180deg);transform-origin:center;display:none}

/* short hero (products, privacy, rfq) */
.cs{position:relative;min-height:min(78vh,780px);display:grid;align-items:end;overflow:hidden;background:#0b1222;color:var(--chalk);padding:calc(var(--hdr) + 60px) var(--gut) clamp(48px,8vh,88px)}
.cs__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.55);will-change:transform}
.cs::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,17,32,.94),rgba(10,17,32,.5) 55%,rgba(10,17,32,.15)),linear-gradient(180deg,rgba(10,17,32,.5),transparent 30%,transparent 60%,rgba(10,17,32,.85))}
.cs__grid{position:relative;z-index:1;display:grid;gap:22px;max-width:1100px}
.cs--plain{min-height:min(64vh,640px);background:radial-gradient(90% 80% at 85% 10%,rgba(61,90,134,.55),transparent 60%),#0b1222}
.cs--plain::after{display:none}
.cs__lines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(238,242,247,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(238,242,247,.05) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(80% 80% at 70% 30%,#000,transparent)}

/* ---------- story ---------- */
.cstory{padding:clamp(100px,15vh,170px) var(--gut)}
.cstory__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,6vw,110px);align-items:center}
.cstory__copy{display:grid;gap:26px}
.cstory__p{margin:0;color:var(--fg-2);max-width:50ch;font-size:16.5px}
.cstory__fig{position:relative;margin:0;border-radius:22px;aspect-ratio:3/2;background:var(--ink-2)}
.cstory__fig img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.6s var(--ease)}
.cstory__fig:hover img{transform:scale(1.13)}
.cstory__fig figcaption,.cclose__fig figcaption{position:absolute;left:14px;bottom:12px;padding:6px 12px;border-radius:999px;background:rgba(10,17,32,.72);color:var(--chalk)}

/* ---------- facts board ---------- */
.cfacts{padding:clamp(100px,14vh,160px) var(--gut)}
.cfacts__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,6vw,100px);align-items:center}
.cfacts__copy{display:grid;gap:24px;justify-items:start}
.cfacts .fine{max-width:50ch}
.cboard{display:grid;padding:clamp(20px,2.6vw,36px);border-radius:24px;background:linear-gradient(160deg,var(--ink-3),#0d1628);border:1px solid rgba(238,242,247,.12);box-shadow:0 50px 90px -40px rgba(0,0,0,.7);color:var(--chalk)}
.cboard__top{display:flex;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid rgba(238,242,247,.14);color:var(--sky)}
.cboard__row{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(238,242,247,.1)}
.cboard__row:last-child{border-bottom:0}
.cboard__row>.mono{color:rgba(238,242,247,.62)}
.cboard__row>.mono:last-child{text-align:right}
.cboard .flapline--md{font-size:clamp(24px,3vw,46px)}

/* ---------- about: time dial (signature) ---------- */
.cdial{padding:clamp(90px,13vh,150px) var(--gut);background:radial-gradient(100% 60% at 50% 100%,rgba(61,90,134,.35),transparent 70%)}
.cdial__head{display:grid;gap:22px;max-width:1100px}
.cdial__head .display{max-width:none}
.dial{margin-top:clamp(36px,6vh,64px);display:grid;gap:26px}
.dial__clocks{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:24px}
.dial__clock{display:grid;gap:12px}
.dial__clock--sk{justify-items:end;text-align:right}
.dial__k{margin:0;color:rgba(238,242,247,.62)}
.dial__clock--sk .dial__k{color:var(--sky)}
.dial .flapline--lg{font-size:clamp(46px,8vw,128px)}
.dial__mid{align-self:center;padding:10px 16px;border-radius:999px;border:1px solid rgba(238,242,247,.18);color:var(--sky);white-space:nowrap}
.dial__rulers{position:relative;display:grid;gap:10px;padding:8px 0;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize}
.dial__ruler{position:relative;height:64px;border-radius:14px;overflow:hidden;background:var(--grad,#18243b);border:1px solid rgba(238,242,247,.12)}
.dial__ruler span.dial__h{position:absolute;bottom:0;width:1px;height:12px;background:rgba(238,242,247,.35)}
.dial__ruler span.dial__h.is-major{height:22px;background:rgba(238,242,247,.6)}
.dial__ruler span.dial__h b{position:absolute;bottom:26px;left:0;transform:translateX(-50%);font-family:var(--f-mono);font-size:12px;font-weight:500;color:rgba(238,242,247,.82);letter-spacing:.04em}
.dial__rl{position:absolute;left:12px;top:9px;z-index:1;padding:3px 10px;border-radius:999px;background:rgba(10,17,32,.72);color:var(--chalk)}
.dial__ruler--sk .dial__rl{background:var(--sky);color:var(--ink)}
.dial__needle{position:absolute;top:0;bottom:0;left:0;width:56px;margin-left:-28px;display:grid;justify-items:center;cursor:grab;touch-action:none;z-index:3;outline:none}
.dial__needle:active{cursor:grabbing}
.dial__needle i{position:absolute;top:0;bottom:0;width:2px;background:var(--chalk);box-shadow:0 0 18px 4px rgba(175,201,236,.55)}
.dial__grip{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;border-radius:50%;background:var(--chalk);box-shadow:0 10px 24px rgba(0,0,0,.45);display:grid;place-items:center}
.dial__grip::before{content:"";width:14px;height:14px;border-left:2px solid var(--ink);border-right:2px solid var(--ink)}
.dial__needle:focus-visible .dial__grip{outline:2px solid var(--sky);outline-offset:4px}
.dial__foot{display:flex;justify-content:space-between;align-items:center;gap:16px 32px;flex-wrap:wrap}
.dial__read{margin:0;font-size:clamp(18px,1.7vw,24px);font-weight:500;max-width:40ch}
.dial__read b{color:var(--fg);font-weight:700;font-variant-numeric:tabular-nums;border-bottom:2px solid var(--steel-2)}
.dial__zones{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.dial__zones .mono{color:var(--fg-2);margin-right:6px}
.dial__zones .pick span{min-height:44px;padding:0 16px;font-size:14px}
.dial__zones .pick input:checked+span{background:var(--chalk);color:var(--ink);border-color:var(--chalk)}
body[data-theme=light] .dial__zones .pick input:checked+span{background:var(--ink);color:var(--chalk);border-color:var(--ink)}
.dial__btns{display:flex;gap:10px;flex-wrap:wrap}
.dial .fine{margin:0}

/* ---------- about: three ranges ---------- */
.cranges{padding:clamp(100px,14vh,160px) 0 clamp(80px,12vh,140px)}
.cranges__head{padding:0 var(--gut);display:grid;gap:22px}
.cranges__wide{margin:clamp(32px,5vh,56px) var(--gut) 0;border-radius:24px;aspect-ratio:21/8;background:var(--ink-2)}
.cranges__wide img{width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.cranges__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 var(--gut);margin-top:-8vw;position:relative}
.crange,.cquote__card,.cledger{--fg:var(--ink);--fg-2:rgba(10,17,32,.64);--line:rgba(10,17,32,.14);color:var(--ink)}
.crange{display:grid;gap:12px;align-content:start;padding:12px 12px 22px;border-radius:22px;background:var(--paper);box-shadow:0 40px 70px -40px rgba(10,17,32,.45);transition:transform .7s var(--ease),box-shadow .7s var(--ease)}
.crange:hover{transform:translateY(-8px);box-shadow:0 50px 80px -40px rgba(10,17,32,.55)}
.crange__img{aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:var(--concrete)}
.crange__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.crange:hover .crange__img img{transform:scale(1.07)}
.crange__n{margin:6px 8px 0;color:var(--steel)}
.crange h3{margin:0 8px;font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:clamp(38px,3.6vw,60px);line-height:.9}
.crange>p:not(.crange__n){margin:0 8px;color:var(--fg-2)}
.crange .link-arrow{margin:4px 8px 0;justify-self:start}

/* ---------- look closer ---------- */
.cclose{padding:clamp(100px,14vh,160px) var(--gut)}
.cclose__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,100px);align-items:center}
.cclose__fig{position:relative;margin:0;border-radius:22px;aspect-ratio:3/2;background:var(--ink-2)}
.cclose__fig img{width:100%;height:100%;object-fit:cover}
.cclose__copy{display:grid;gap:24px;justify-items:start}

/* ---------- checkpoints ---------- */
.cchecks{padding:clamp(100px,14vh,160px) var(--gut)}
.cchecks__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,6vw,100px);align-items:start}
.cchecks__head{display:grid;gap:22px;position:sticky;top:calc(var(--hdr) + 24px)}
.cchecks__count{margin:0;color:var(--fg-2)}
.cchecks__count b{font-family:var(--f-display);font-size:32px;color:var(--fg);vertical-align:-4px;margin-right:4px}
.clist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.clist li{border-bottom:1px solid var(--line)}
.clist__btn{position:relative;width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) 56px;align-items:center;gap:16px;min-height:110px;padding:22px 0;text-align:left;isolation:isolate}
.clist__btn::before{content:"";position:absolute;inset:0 calc(var(--gut) * -1);z-index:-1;background:var(--ink);transform:scaleY(0);transform-origin:bottom;transition:transform .6s var(--ease)}
.clist__btn b{color:var(--steel)}
.clist__btn>span{font-family:var(--f-display);font-weight:700;text-transform:uppercase;font-size:clamp(24px,2.3vw,36px);line-height:1.02;transition:color .4s}
.clist__tick{position:relative;width:52px;height:52px;border-radius:50%;border:1.5px solid var(--line);justify-self:end;transition:background .4s,border-color .4s}
.clist__tick::after{content:"";position:absolute;left:18px;top:13px;width:11px;height:20px;border:solid var(--ink);border-width:0 3px 3px 0;transform:rotate(45deg) scale(0);transition:transform .45s var(--ease)}
.clist__btn:hover .clist__tick{border-color:var(--fg)}
.clist__btn[aria-pressed="true"] .clist__tick{background:var(--sky);border-color:var(--sky)}
.clist__btn[aria-pressed="true"] .clist__tick::after{transform:rotate(45deg) scale(1)}
.clist__btn[aria-pressed="true"]>span{color:var(--fg-2);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--steel)}
.cnote{margin-top:clamp(48px,8vh,90px);display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1fr) auto;gap:18px 40px;align-items:center;padding:clamp(24px,3vw,40px);border-radius:24px;background:var(--ink);color:var(--chalk)}
.cnote__k{margin:0;color:var(--sky)}
.cnote__h{margin:0;font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:clamp(30px,3vw,46px);line-height:.92;grid-column:1;grid-row:2}
.cnote>p:not(.cnote__k){margin:0;color:rgba(238,242,247,.78);grid-column:2;grid-row:1/3}
.cnote .link-arrow{grid-column:3;grid-row:1/3;border-color:rgba(238,242,247,.3)}

/* ---------- FAQ ---------- */
.cfaq{padding:clamp(100px,14vh,160px) var(--gut) 0}
.cfaq__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,100px);align-items:start}
.cfaq__head{display:grid;gap:18px}
.cfaq__list{border-top:1px solid var(--line)}
.cfaq details{border-bottom:1px solid var(--line)}
.cfaq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:18px 0;cursor:pointer;font-family:var(--f-display);font-weight:700;text-transform:uppercase;font-size:clamp(24px,2.2vw,34px);line-height:1.02}
.cfaq summary::-webkit-details-marker{display:none}
.cfaq summary i{position:relative;flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);transition:background .3s,color .3s,transform .5s var(--ease)}
.cfaq summary i::before,.cfaq summary i::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.cfaq summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.cfaq details[open] summary i{transform:rotate(45deg);background:var(--fg);color:var(--bg)}
.cfaq__a{overflow:hidden}
.cfaq__a p{margin:0;padding:0 64px 26px 0;color:var(--fg-2);font-size:17px;max-width:62ch}

/* ---------- plan the next step ---------- */
.cnext{padding:clamp(64px,10vh,110px) 0 clamp(90px,13vh,150px)}
.cnext__h{margin:0 0 18px;color:var(--fg-2)}
.cnext__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cnext__card{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;min-height:220px;padding:18px;border-radius:18px;overflow:hidden;isolation:isolate;color:var(--chalk);background:var(--ink-2)}
.cnext__card img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:brightness(.62) saturate(.8);transition:transform 1.2s var(--ease),filter .6s}
.cnext__card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 35%,rgba(10,17,32,.85))}
.cnext__card:hover img{transform:scale(1.08);filter:brightness(.8) saturate(1)}
.cnext__card span{font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:clamp(26px,2.2vw,36px);line-height:.92}
.cnext__card i{font-style:normal;display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--chalk);color:var(--ink);transition:transform .5s var(--ease)}
.cnext__card:hover i{transform:rotate(45deg)}
.cnext--links .cnext__grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* ---------- brief form + parcel label ---------- */
.cbrief{padding:clamp(100px,14vh,160px) var(--gut) clamp(80px,12vh,140px)}
.cbrief__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,110px);align-items:start}
.cbrief__left{display:grid;gap:24px}
.cbrief__right{position:sticky;top:calc(var(--hdr) + 30px);display:grid;justify-items:center;padding-top:16px}
.cform{gap:18px}
.cform select,.field select{width:100%;min-height:52px;border-radius:12px;border:1px solid var(--line);background:transparent;padding:12px 44px 12px 16px;font:inherit;font-size:16px;color:inherit;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.field input[type=date]{min-height:52px}
.consent a,.crfq__contact a{display:inline-block;padding:14px 0;margin:-14px 0}
.cmail a.cmail__addr{padding:10px 0}
.cform__moq{margin:-6px 0 0;color:var(--fg-2)}
.cform__moq.is-low{color:#9a3a2b}
.cform__moq.is-ok{color:#2f7d55}
.cmore{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cmore__btn{display:flex;align-items:center;gap:14px;width:100%;min-height:60px;text-align:left;font-weight:600;font-size:16px}
.cmore__btn em{font-weight:400;color:var(--fg-2)}
.cmore__plus{position:relative;flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);transition:transform .5s var(--ease),background .3s}
.cmore__plus::before,.cmore__plus::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.cmore__plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.cmore__btn[aria-expanded="true"] .cmore__plus{transform:rotate(45deg);background:var(--ink);color:var(--chalk)}
.cmore__body{display:grid;gap:16px;padding:4px 0 22px;overflow:hidden}
.cmore__body[hidden]{display:none}
.cfile{display:grid;gap:10px}
.cfile__k{color:var(--fg-2)}
.cfile__drop{position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;padding:18px;border:1.5px dashed var(--line);border-radius:14px;cursor:pointer;transition:border-color .3s,background .3s}
.cfile__drop:hover,.cfile__drop.is-over{border-color:var(--fg);background:rgba(127,140,160,.08)}
.cfile__drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.cfile__drop:focus-within{outline:2px solid var(--steel);outline-offset:3px}
.cfile__clip{grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--ink);color:var(--chalk)}
.cfile__t{font-size:15.5px}
.cfile__t b{text-decoration:underline;text-underline-offset:3px}
.cfile__hint{font-size:13.5px;color:var(--fg-2)}
.cfile__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cfile__list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:6px 6px 6px 14px;border-radius:12px;background:rgba(10,17,32,.05);border:1px solid var(--line)}
.cfile__list li.is-bad{border-color:#b0402f;background:rgba(176,64,47,.07)}
.cfile__ext{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:6px;background:var(--ink);color:var(--chalk)}
.cfile__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px}
.cfile__size{font-family:var(--f-mono);font-size:12px;color:var(--fg-2)}
.cfile__rm{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:18px;transition:background .3s,color .3s}
.cfile__rm:hover{background:var(--ink);color:var(--chalk)}
.cfile__meter{display:flex;align-items:center;gap:12px;margin:0;color:var(--fg-2)}
.cfile__bar{position:relative;flex:1;max-width:220px;height:6px;border-radius:6px;background:rgba(10,17,32,.1);overflow:hidden}
.cfile__bar i{position:absolute;inset:0 auto 0 0;width:0;background:var(--steel);transition:width .5s var(--ease),background .3s}
.cfile__bar i.is-over{background:#b0402f}
.cfile__err{margin:0;color:#9a3a2b;font-size:14px;font-weight:500}
.cform .bform__status.is-ready{color:#2f6b4d}
.cform .bform__status a{text-decoration:underline}
.field.is-invalid select{border-color:#b0402f}

.plabel{position:relative;width:min(430px,100%);background:#fbfaf6;color:#141a28;border-radius:6px;padding:22px 22px 18px;box-shadow:0 40px 80px -30px rgba(10,17,32,.45),inset 0 0 0 1px rgba(0,0,0,.06);transform:rotate(1.6deg);display:grid;gap:14px;font-size:14px}
.plabel::before{content:"";position:absolute;left:-10px;right:-10px;top:-12px;height:26px;background:rgba(214,206,186,.72);transform:rotate(-1.5deg);box-shadow:0 2px 4px rgba(0,0,0,.08)}
.plabel__head{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;border-bottom:2px solid #141a28}
.plabel__head>img{width:92px}
.plabel__head .mono{margin:0;font-size:11px;color:#5c6170}
.plabel__stamp{display:grid;justify-items:center;gap:2px;width:58px;padding:6px 4px;background:var(--steel);border:3px dotted #fbfaf6;outline:1px solid var(--steel);transform:rotate(4deg)}
.plabel__stamp img{width:40px}
.plabel__stamp em{color:#fff;font-size:10px;letter-spacing:.1em}
.plabel__route{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:12px;border-bottom:1px dashed rgba(20,26,40,.35)}
.plabel__route p{margin:0;overflow-wrap:anywhere;color:#3a4050;line-height:1.35}
.plabel__route .mono{color:#7a8090;font-size:11px;margin-bottom:4px}
.plabel__big{font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:24px;line-height:.95;color:#141a28!important;margin-bottom:4px!important}
.plabel__dl{margin:0;display:grid}
.plabel__dl>div{padding:8px 0;border-bottom:1px solid rgba(20,26,40,.14)}
.plabel__dl dt{color:#7a8090;font-size:11px;margin:0 0 2px}
.plabel__dl dd{margin:0;font-weight:600;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.plabel__two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.plabel__two>div{display:grid}
.plabel__files{display:flex!important;flex-wrap:wrap;gap:6px}
.plabel__files span{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 8px;border-radius:4px;background:#e9edf3;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plabel__foot{display:flex;justify-content:space-between;align-items:center;gap:12px}
.plabel__foot .mono{margin:0;font-size:11px;color:#5c6170}
.plabel__barcode{flex:1;max-width:190px;height:40px;background:repeating-linear-gradient(90deg,#141a28 0 2px,transparent 2px 4px,#141a28 4px 5px,transparent 5px 9px,#141a28 9px 12px,transparent 12px 14px)}
.plabel [data-l].is-empty{color:#9aa0ad!important;font-weight:400}
.plabel__ready{position:absolute;right:20px;top:42%;font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:58px;line-height:1;color:rgba(47,107,77,.88);border:5px solid rgba(47,107,77,.88);border-radius:10px;padding:2px 14px;transform:rotate(-14deg) scale(1.6);opacity:0;pointer-events:none;transition:opacity .3s,transform .6s cubic-bezier(.2,1.6,.4,1)}
.plabel.is-ready .plabel__ready{opacity:1;transform:rotate(-14deg) scale(1)}

/* ---------- closing ---------- */
.cend{background:var(--ink);color:var(--chalk)}
.cend__stage{position:relative;min-height:100vh;min-height:100svh;display:grid;place-items:center;overflow:hidden}
.cend__gl{position:absolute;inset:0;width:100%;height:100%}
.cend__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.cend__stage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,17,32,.25),rgba(10,17,32,0) 40%,var(--ink));pointer-events:none}
.cend__inner{position:relative;z-index:1;display:grid;justify-items:center;text-align:center;gap:30px;padding:120px var(--gut)}
.cend__k{margin:0;display:flex;align-items:center;gap:10px;color:var(--sky)}
.cend__title{margin:0;font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:clamp(60px,10.5vw,190px);line-height:.84}
.cend__title span{display:block}
.cend__title span:last-child{color:transparent;-webkit-text-stroke:2px var(--chalk)}
.cend__ctas{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px}
.cstrip{padding:28px 0 60px;border-top:1px solid rgba(238,242,247,.14)}
.cstrip__head{display:flex;justify-content:space-between;align-items:center;padding:0 var(--gut) 18px}
.cstrip__head .mono{margin:0;color:var(--sky)}
.cstrip__nav{display:flex;gap:10px}
.cstrip__track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--gut) 8px;scrollbar-width:none;cursor:grab}
.cstrip__track::-webkit-scrollbar{display:none}
.ccard{position:relative;flex:none;width:clamp(210px,19vw,290px);aspect-ratio:4/5;border-radius:16px;overflow:hidden;scroll-snap-align:start;background:var(--ink-2)}
.ccard img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.ccard:hover img{transform:scale(1.07)}
.ccard::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(10,17,32,.88))}
.ccard span{position:absolute;z-index:1;left:14px;right:14px;bottom:12px;display:grid;gap:4px;font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:28px;line-height:.95}
.ccard span em{font-family:var(--f-mono);font-size:12px;font-weight:400;letter-spacing:.08em;color:var(--sky)}
.ccard.is-here{display:none}
.cend .ftr{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.cend__next{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;padding:28px var(--gut);border-top:1px solid rgba(238,242,247,.14)}
.cend__next .mono{margin:0;color:var(--sky)}
.cend__links{display:flex;flex-wrap:wrap;gap:8px 28px}
.cend__links .link-arrow{border-color:rgba(238,242,247,.24)}

/* ---------- contact: reach cards ---------- */
.creach{padding:clamp(100px,14vh,160px) var(--gut)}
.creach__head{display:grid;gap:22px;margin-bottom:clamp(36px,6vh,64px)}
.creach__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rcd,.cstage__card,.cnote,.cboard,.docket{--fg:var(--chalk);--bg:var(--ink);--fg-2:rgba(238,242,247,.7);--line:rgba(238,242,247,.18)}
.rcd{color:var(--chalk);position:relative;display:grid;align-content:space-between;gap:28px;min-height:clamp(380px,52vh,520px);padding:clamp(22px,2.4vw,34px);border-radius:24px;border:1px solid rgba(238,242,247,.14);background:linear-gradient(170deg,var(--ink-3),var(--ink-2));overflow:hidden;isolation:isolate;transition:border-color .5s,transform .7s var(--ease)}
.rcd:hover{border-color:rgba(175,201,236,.5);transform:translateY(-6px)}
.rcd__bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.0;transform:scale(1.1);transition:opacity .8s,transform 1.4s var(--ease)}
.rcd:hover .rcd__bg{opacity:.22;transform:scale(1)}
.rcd__top{display:flex;justify-content:space-between;align-items:center}
.rcd__ico{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--chalk);color:var(--ink)}
.rcd__n{color:rgba(238,242,247,.55)}
.rcd h3{margin:0;font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:clamp(44px,4.4vw,74px);line-height:.88}
.rcd__v{margin:8px 0 0;font-size:clamp(17px,1.5vw,21px);font-weight:500;overflow-wrap:anywhere;color:rgba(238,242,247,.9)}
.rcd__acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.rcd__time{margin:6px 0 0;color:var(--sky)}
.rcd .btn--ghost:hover{color:var(--ink)}
.rcd .btn--ghost::before{background:var(--chalk)}

/* ---------- products: catalogue ---------- */
.cat{padding:clamp(56px,8vh,90px) var(--gut) clamp(80px,12vh,140px)}
.page-company .btn[hidden]{display:none}
.cat__bar{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr) minmax(0,.6fr) auto minmax(0,.6fr);align-items:end;gap:12px 14px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.cat__filters-btn{display:none}
.cat__search{position:relative}
.cat__search input{padding-left:46px}
.cat__search svg{position:absolute;left:16px;bottom:16px;color:var(--fg-2);pointer-events:none}
.cat__count{display:grid;gap:4px;justify-items:end;padding:0 10px}
.cat__count .flapline{font-size:40px}
.body-light-flap .flap{background:linear-gradient(#0f1a2e 0 49.4%,#060c18 49.6% 50.4%,#0c1628 50.6%)}
.cat__count .mono{color:var(--fg-2);white-space:nowrap}
.field select:disabled{opacity:.55;cursor:not-allowed}
.cat__grid{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:clamp(24px,4vw,64px);padding-top:28px;align-items:start}
.cat__side{position:sticky;top:calc(var(--hdr) + 16px);max-height:calc(100vh - var(--hdr) - 32px);overflow:auto;scrollbar-width:thin;padding-right:6px}
.cat__side-head{display:none}
.cat__h{margin:0 0 12px;color:var(--fg-2)}
.ctree{list-style:none;margin:0;padding:0;display:grid}
.ctree__all{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:0 4px;font-weight:600;font-size:16px;border-bottom:1px solid var(--line)}
.cgroup{border-bottom:1px solid var(--line)}
.cgroup__btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:52px;padding:0 4px;text-align:left;font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:24px;line-height:1}
.cgroup__btn em{display:block;font-family:var(--f-mono);font-weight:400;font-size:10.5px;letter-spacing:.06em;color:var(--steel);margin-top:4px}
.cgroup__btn i{position:relative;flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);transition:transform .5s var(--ease)}
.cgroup__btn i::before,.cgroup__btn i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.cgroup__btn i::after{transform:translate(-50%,-50%) rotate(90deg);transition:opacity .3s}
.cgroup__btn[aria-expanded="true"] i::after{opacity:0}
.cgroup__n{font-family:var(--f-mono);font-size:12px;font-weight:400;color:var(--fg-2);margin-left:auto;margin-right:8px}
.cgroup__list{list-style:none;margin:0;padding:0 0 12px;display:grid}
.cgroup__list[hidden]{display:none}
.cgroup__guide{display:flex;gap:8px;flex-wrap:wrap;padding:2px 0 8px}
.cgroup__guide a,.cgroup__guide button{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line);font-size:13.5px;font-weight:500;transition:background .3s,color .3s}
.cgroup__guide a:hover,.cgroup__guide button:hover{background:var(--ink);color:var(--chalk)}
.citem{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 8px;border-radius:10px;text-align:left;font-size:15px;color:var(--fg-2);transition:background .25s,color .25s}
.citem::before{content:"";width:6px;height:6px;border-radius:50%;border:1px solid currentColor;flex:none;transition:background .25s}
.citem:hover{color:var(--fg);background:rgba(10,17,32,.05)}
.citem[aria-pressed="true"],.ctree__all[aria-pressed="true"],.cgroup__guide button[aria-pressed="true"]{color:var(--fg);font-weight:600}
.citem[aria-pressed="true"]{background:rgba(10,17,32,.07)}
.citem[aria-pressed="true"]::before{background:var(--steel);border-color:var(--steel)}
.citem mark{background:var(--sky-2);color:inherit;border-radius:3px;padding:0 1px}
.citem[hidden],.cgroup[hidden]{display:none}
.cat__none{margin:12px 0 0;color:var(--fg-2);font-size:14.5px}
.cstage{display:grid;gap:22px;min-width:0}
.cstage__card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);border-radius:26px;overflow:hidden;background:var(--ink);color:var(--chalk);min-height:520px}
.cstage__media{position:relative;overflow:hidden;background:var(--ink-2)}
.cstage__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cstage__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(10,17,32,.5))}
.cstage__review{position:absolute;z-index:2;left:16px;top:16px;padding:8px 14px;border-radius:999px;border:1px dashed rgba(238,242,247,.6);background:rgba(10,17,32,.7);color:var(--sky);transform:rotate(-3deg)}
.cstage__review[hidden]{display:none}
.cstage__copy{display:grid;align-content:space-between;gap:24px;padding:clamp(24px,3vw,44px)}
.cstage__route{display:grid;gap:8px}
.cstage__route .mono{margin:0;color:var(--sky)}
.cstage__route .flapline{font-size:clamp(22px,2.4vw,36px)}
.cstage__name{margin:6px 0 0;font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:clamp(40px,4.6vw,78px);line-height:.88;overflow-wrap:anywhere}
.cstage__status{display:grid;gap:12px}
.cstage__status h2{margin:0;font-family:var(--f-display);font-weight:700;text-transform:uppercase;font-size:clamp(26px,2.4vw,36px);line-height:.95}
.cstage__status p{margin:0;color:rgba(238,242,247,.75);max-width:46ch}
.cstage__acts{display:flex;flex-wrap:wrap;gap:10px}
.cstage__acts .btn--ghost:hover{color:var(--ink)}
.cstage__acts .btn--ghost::before{background:var(--chalk)}
.cslots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cslot{display:grid;place-items:center;gap:6px;aspect-ratio:3/4;border-radius:18px;border:1.5px dashed var(--line);color:var(--fg-2);text-align:center;padding:14px;position:relative;overflow:hidden}
.cslot::before{content:"";position:absolute;top:14%;left:50%;width:46%;height:16%;border:1.5px solid var(--line);border-bottom:0;border-radius:50% 50% 0 0/100% 100% 0 0;transform:translateX(-50%)}
.cslot::after{content:"";position:absolute;top:8%;left:50%;width:8px;height:8%;border:1.5px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;transform:translateX(-50%)}
.cslot b{font-family:var(--f-display);font-size:28px;font-weight:800;color:var(--fg)}
.cslot span{font-size:13px}
.cstage__fine{margin:0}
.cdrawer-scrim{display:none}

/* products: kit design library + quote note */
.clib{padding:clamp(100px,14vh,160px) var(--gut)}
.clib__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,100px);align-items:center}
.clib__copy{display:grid;gap:24px;justify-items:start}
.clib__fig{position:relative;margin:0;aspect-ratio:1;max-width:620px;width:100%;justify-self:center;display:grid;place-items:center}
.clib__fig::before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(closest-side,rgba(95,130,184,.4),transparent);filter:blur(8px)}
.clib__fig img{position:relative;width:92%;filter:drop-shadow(0 40px 50px rgba(0,0,0,.5))}
.clib__ring{position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(238,242,247,.2);animation:spin 50s linear infinite}
.cquote{padding:clamp(90px,13vh,150px) var(--gut)}
.cquote__card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px 60px;align-items:end;padding:clamp(26px,4vw,64px);border-radius:28px;background:var(--paper);box-shadow:0 50px 90px -50px rgba(10,17,32,.45)}
.cquote__card .display{font-size:clamp(44px,6vw,100px)}
.cquote__right{display:grid;gap:18px}
.cquote__right p{margin:0;color:var(--fg-2);font-size:17px}
.cquote__acts{display:flex;flex-wrap:wrap;gap:10px}

/* ---------- privacy ---------- */
.cpriv{padding:clamp(80px,12vh,140px) var(--gut)}
.cpriv__grid{display:grid;grid-template-columns:minmax(200px,.45fr) minmax(0,1fr);gap:clamp(32px,6vw,110px);align-items:start}
.cpriv__toc{position:sticky;top:calc(var(--hdr) + 24px);display:grid;gap:4px}
.cpriv__toc p{margin:0 0 10px;color:var(--fg-2)}
.cpriv__toc a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 4px;border-bottom:1px solid var(--line);font-weight:500;color:var(--fg-2);transition:color .3s}
.cpriv__toc a b{font-family:var(--f-mono);font-weight:400;font-size:12px;color:var(--steel)}
.cpriv__toc a.is-on,.cpriv__toc a:hover{color:var(--fg)}
.cdoc{display:grid;gap:clamp(48px,8vh,80px);max-width:780px}
.cdoc__sec{display:grid;gap:18px;scroll-margin-top:calc(var(--hdr) + 24px)}
.cdoc__sec h2{margin:0;font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:clamp(34px,3.6vw,56px);line-height:.92}
.cdoc__sec h2 span{display:block;font-family:var(--f-mono);font-weight:400;font-size:12px;letter-spacing:.08em;color:var(--steel);margin-bottom:12px}
.cdoc__sec>p{margin:0;font-size:clamp(17px,1.35vw,20px);line-height:1.62;max-width:62ch}
.cdoc mark{background:transparent;color:inherit;border-radius:2px;padding:0;box-shadow:inset 0 -.42em 0 rgba(175,201,236,.0);transition:box-shadow .4s,background .4s}
.cdoc mark.is-hl{box-shadow:inset 0 -.42em 0 rgba(175,201,236,.9)}
.cledger{display:grid;gap:14px;padding:clamp(20px,2.6vw,32px);border-radius:22px;background:var(--paper);box-shadow:0 40px 70px -46px rgba(10,17,32,.45)}
.cledger__row{display:grid;gap:10px}
.cledger__k{margin:0;color:var(--fg-2)}
.cledger__chips{display:flex;flex-wrap:wrap;gap:8px}
.cchip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:var(--chalk);font-weight:500;font-size:15px;transition:background .3s,color .3s,border-color .3s,transform .4s var(--ease)}
.cchip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--steel)}
.cchip--opt{border-style:dashed;background:transparent}
.cchip--opt::before{background:transparent;border:1.5px solid var(--steel)}
.cchip:hover,.cchip:focus-visible,.cchip.is-hl{background:var(--ink);color:var(--chalk);border-color:var(--ink);transform:translateY(-2px)}
.cledger__use{display:flex;align-items:center;gap:14px;margin:4px 0 0;padding-top:14px;border-top:1px solid var(--line);font-weight:500}
.cledger__use b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--sky);color:var(--ink);flex:none;font-size:18px}
.cmail{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cmail a.cmail__addr{font-family:var(--f-display);font-weight:800;text-transform:none;font-size:clamp(22px,3vw,44px);line-height:1;overflow-wrap:anywhere}
.cmail a.cmail__addr:hover{color:var(--steel)}

/* ---------- rfq ---------- */
.crfq{padding:clamp(80px,12vh,140px) var(--gut) clamp(80px,12vh,140px)}
.cfam{display:grid;gap:14px;border:0;margin:0;padding:0}
.cfam legend{color:var(--fg-2);margin-bottom:12px;padding:0}
.cfam__quick{display:flex;flex-wrap:wrap;gap:8px}
.cfam__quick .pick span{min-height:44px;padding:0 16px;font-size:15px}
.cfam__sel{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center}
.cfam__thumb{width:96px;aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--concrete)}
.cfam__thumb img{width:100%;height:100%;object-fit:cover}
.cfam__note{margin:0;color:var(--fg-2);font-size:14px}
.cfam__note b{color:#8a5a12;font-weight:600}
.docket{position:relative;width:min(420px,100%);padding:26px 24px 22px;border-radius:14px;background:var(--ink);color:var(--chalk);box-shadow:0 50px 80px -40px rgba(10,17,32,.6);display:grid;gap:16px;transform:rotate(-1.4deg)}
.docket::before,.docket::after{content:"";position:absolute;left:0;right:0;height:12px;background:radial-gradient(circle at 8px 0,var(--chalk) 6px,transparent 6.5px) 0 0/16px 12px repeat-x}
.docket::before{top:-1px}
.docket::after{bottom:-1px;transform:rotate(180deg)}
.docket__top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.docket__top img{width:96px}
.docket__top .mono{margin:0;color:var(--sky);font-size:11px}
.docket__h{margin:0;font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:34px;line-height:.92}
.docket__meter{display:grid;gap:8px}
.docket__meter p{margin:0;display:flex;justify-content:space-between;color:rgba(238,242,247,.7)}
.docket__bar{height:6px;border-radius:6px;background:rgba(238,242,247,.14);overflow:hidden}
.docket__bar i{display:block;height:100%;width:0;background:var(--sky);transition:width .6s var(--ease)}
.docket__list{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid rgba(238,242,247,.14)}
.docket__list li{display:grid;grid-template-columns:22px 92px minmax(0,1fr);gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px solid rgba(238,242,247,.1);font-size:14px}
.docket__list li::before{content:"";width:12px;height:12px;border-radius:50%;border:1.5px solid rgba(238,242,247,.4);transform:translateY(1px);transition:background .3s,border-color .3s}
.docket__list li.is-on::before{background:var(--sky);border-color:var(--sky)}
.docket__list li.is-opt::before{border-style:dashed}
.docket__list .mono{color:rgba(238,242,247,.55);font-size:11px}
.docket__list span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(238,242,247,.92)}
.docket__fine{margin:0;font-size:12.5px;color:rgba(238,242,247,.6)}
.docket__stamp{position:absolute;right:18px;top:36%;font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:44px;line-height:1;color:var(--sky);border:4px solid var(--sky);border-radius:10px;padding:2px 12px;transform:rotate(-12deg) scale(1.6);opacity:0;pointer-events:none;transition:opacity .3s,transform .6s cubic-bezier(.2,1.6,.4,1)}
.docket.is-ready .docket__stamp{opacity:1;transform:rotate(-12deg) scale(1)}
.crfq__contact{margin:0;color:var(--fg-2);font-size:14.5px;max-width:60ch}
.crfq__contact a{text-decoration:underline;color:var(--fg)}
.cwin{padding:clamp(90px,13vh,150px) var(--gut)}
.cwin__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,6vw,100px);align-items:center}
.cwin__copy{display:grid;gap:22px;justify-items:start}

/* ======================= RESPONSIVE ======================= */
@media (max-width:1180px){
  .cat__bar{grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr) minmax(0,.7fr) minmax(0,.7fr)}
  .cat__count{grid-column:1/-1;grid-row:1;justify-items:start;padding:0;display:flex;align-items:center;gap:14px}
  .cnote{grid-template-columns:1fr;gap:16px}
  .cnote__h,.cnote>p:not(.cnote__k),.cnote .link-arrow{grid-column:1;grid-row:auto}
  .cnote .link-arrow{justify-self:start}
}
@media (max-width:1000px){
  .cstage__card{grid-template-columns:1fr}
  .cstage__media{aspect-ratio:16/10}
  .cslots{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .ch__ticker span{min-height:44px}
  .ch__product{right:-14vw;bottom:auto;top:calc(var(--hdr) + 26px);width:190vw}
  .ch__shade{background:linear-gradient(180deg,rgba(10,17,32,.55),rgba(10,17,32,.05) 26%,rgba(10,17,32,.35) 50%,rgba(10,17,32,.96) 74%)}
  .ch__meta{left:var(--gut);right:auto;top:calc(var(--hdr) + 8px);font-size:11px;gap:8px}
  .ch__copy{bottom:68px;gap:16px}
  .ch__row{flex-direction:column;align-items:flex-start}
  .ch__lede{font-size:15.5px}
  .cstory__grid,.cfacts__grid,.cclose__grid,.cchecks__grid,.cfaq__grid,.cbrief__grid,.clib__grid,.cquote__card,.cpriv__grid,.cwin__grid{grid-template-columns:1fr}
  .cchecks__head,.cpriv__toc,.cbrief__right{position:relative;top:0}
  .cbrief__right{order:-1;padding-top:20px}
  .crfq .cbrief__right{order:0;padding-top:0}
  .plabel{width:min(400px,94%)}
  .cranges__grid{grid-template-columns:1fr;margin-top:24px;gap:22px}
  .cranges__wide{aspect-ratio:4/3}
  .crange{grid-template-columns:120px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;column-gap:16px;align-items:start}
  .crange__img{grid-row:1/5;aspect-ratio:3/4}
  .crange__n,.crange h3,.crange>p:not(.crange__n),.crange .link-arrow{margin-left:0;margin-right:0}
  .crange h3{font-size:40px}
  .creach__grid{grid-template-columns:1fr}
  .rcd{min-height:0}
  .cnext__grid{grid-template-columns:1fr 1fr}
  .cnext__card{min-height:170px}
  .dial__clocks{grid-template-columns:1fr 1fr}
  .dial__mid{grid-column:1/-1;grid-row:2;justify-self:start}
  .dial .flapline--lg{font-size:clamp(40px,11vw,90px)}
  .cpriv__toc{display:none}
  .cat__bar{grid-template-columns:auto minmax(0,1fr);align-items:center}
  .cat__bar>.field:not(.cat__search){display:none}
  .cat__filters-btn{display:inline-flex}
  .cat__count{grid-column:1/-1;grid-row:auto}
  .cat__grid{grid-template-columns:1fr}
  .cat__side{position:fixed;z-index:110;inset:0 0 0 auto;width:min(420px,92vw);max-height:none;padding:20px var(--gut) 40px;background:var(--chalk);color:var(--ink);box-shadow:-30px 0 60px rgba(10,17,32,.35);transform:translateX(105%);transition:transform .6s var(--ease);overflow:auto}
  .cat.is-drawer .cat__side{transform:none}
  .cat__side-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
  .cat__side-head h2{margin:0;font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:36px}
  .cat__side-fields{display:grid;gap:12px;margin-bottom:22px}
  .cdrawer-scrim{display:block;position:fixed;inset:0;z-index:105;background:rgba(10,17,32,.5);opacity:0;pointer-events:none;transition:opacity .4s}
  .cat.is-drawer .cdrawer-scrim{opacity:1;pointer-events:auto}
  .citem{min-height:44px}
  .cgroup__guide a,.cgroup__guide button{min-height:44px}
  .clib .ch__ctas{grid-template-columns:1fr}
}
@media (min-width:901px){.cat__side-fields{display:none}}
@media (max-width:640px){
  .ch{min-height:600px}
  .ch__title{font-size:clamp(56px,17vw,92px)}
  .ch__title--sm{font-size:clamp(46px,13vw,72px)}
  .ch__ctas{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px}
  .ch__ctas .btn{justify-content:space-between;padding:0 8px 0 16px;font-size:14px}
  .cs{padding-top:calc(var(--hdr) + 40px)}
  .cboard__row{grid-template-columns:minmax(0,1fr) auto 34px;gap:8px}
  .cboard__row>.mono{font-size:11.5px}
  .cboard .flapline--md{font-size:clamp(20px,7vw,30px)}
  .cboard__top{flex-direction:column;gap:4px}
  .clist__btn{grid-template-columns:34px minmax(0,1fr) 48px;gap:10px;min-height:96px}
  .clist__tick{width:44px;height:44px}
  .clist__tick::after{left:15px;top:10px}
  .cfaq summary{font-size:22px;min-height:72px}
  .cfaq__a p{padding-right:0}
  .cnext__grid{grid-template-columns:1fr}
  .cnext__card{min-height:120px}
  .dial__ruler{height:58px}
  .dial__ruler span.dial__h b{font-size:12px}
  .dial__foot{flex-direction:column;align-items:flex-start}
  .crange{grid-template-columns:96px minmax(0,1fr)}
  .crange h3{font-size:34px}
  .cend__title{font-size:clamp(48px,14vw,80px)}
  .cend__ctas .btn--xl{min-height:60px;font-size:17px;padding:0 16px 0 24px}
  .cend__next{flex-direction:column;align-items:flex-start}
  .plabel{padding:18px 16px 14px}
  .plabel__big{font-size:20px}
  .plabel__route{gap:10px}
  .plabel__ready{font-size:44px}
  .cfile__list li{grid-template-columns:auto minmax(0,1fr) auto}
  .cfile__size{display:none}
  .cslots{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cstage__card{min-height:0}
  .cstage__acts{display:grid;grid-template-columns:1fr}
  .cstage__acts .btn{justify-content:space-between}
  .cquote__acts{display:grid;grid-template-columns:1fr}
  .cquote__acts .btn{justify-content:space-between}
  .cfam__sel{grid-template-columns:72px minmax(0,1fr)}
  .cfam__thumb{width:72px}
  .docket{width:min(400px,94%)}
  .docket__list li{grid-template-columns:18px 80px minmax(0,1fr)}
  .cmail a.cmail__addr{font-size:clamp(20px,6.2vw,30px)}
  .rcd h3{font-size:44px}
}
@media (max-width:379px){
  .ch__ctas{grid-template-columns:1fr}
  .ch__meta .ch__coord{display:none}
}
@media (max-height:520px){
  .ch{min-height:460px}
  .ch__product{width:70vw;right:-6vw;top:auto;bottom:0}
  .ch__title{font-size:min(14vw,22vh)}
  .ch__lede{display:none}
  .ch__shade{background:linear-gradient(90deg,rgba(10,17,32,.92),rgba(10,17,32,.3) 60%,rgba(10,17,32,.1)),linear-gradient(180deg,rgba(10,17,32,.5),transparent 30%)}
  .ch__copy{bottom:24px}
  .ch__row{flex-direction:row;align-items:flex-end}
  .cs{min-height:0}
  .cat__side{max-height:none}
}

/* QA: small phones and landscape */
@media (max-width:640px){.dial .flapline--lg{font-size:9.6vw}}
@media (max-width:640px) and (max-height:700px){.ch__meta{display:none}.ch__kick{margin-bottom:10px}}
@media (max-height:520px){.ch .crumbs,.ch__kick,.ch__meta{display:none}.ch__title{font-size:min(11vw,19vh)}.ch__copy{bottom:64px}}
@media (max-height:520px){.ch{min-height:0;height:100vh;height:100svh}.ch__ctas .btn{min-height:44px}.ch__copy{gap:12px}}