/* Package detail pages: built on site.css. The signature is the fitting room: a browser that sews the client's site together, item by item, as "Co získáte" is read. */
[hidden]{display:none!important}
.hdr__nav a[aria-current="page"]{color:var(--chalk)}
.hdr__nav a[aria-current="page"]::after{transform:scaleX(1)}

/* ---------- hero ---------- */
.phero{position:relative;padding-block:clamp(40px,5vw,72px) clamp(56px,6vw,88px)}
.phero__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,64px);align-items:start}
.phero h1{margin-top:clamp(20px,3vw,40px);display:flex;flex-direction:column;gap:.08em}
.phero .stitched{--st-size:clamp(4rem,10vw,9rem)}
.phero__kind{font-size:clamp(1.35rem,2.2vw,2rem);font-weight:750;font-stretch:112%;letter-spacing:-.015em;color:var(--on-lining-2)}
.phero .lede{margin-top:clamp(28px,3.4vw,44px);max-width:46ch;font-size:var(--fs-lede);line-height:1.5;color:var(--on-lining-2)}
.phero__rack{position:relative;padding-top:24px;min-height:100%}
.phero__rack .rail{left:-10px;right:-10px}
.phero .ptag{--drop:58px;--rot:-1.2deg;max-width:380px;margin-inline:auto}
.ptag__nm{font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:850;font-stretch:122%;letter-spacing:-.025em;line-height:1}
.ptag__dl{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 14px;margin:20px 0 0;padding-top:18px;border-top:1px solid var(--paper-edge)}
.ptag__dl dd{margin:0;font-size:clamp(2rem,3vw,2.6rem);line-height:.9;font-weight:850;font-stretch:64%;font-variant-numeric:tabular-nums}
.ptag__dl dt{font-size:var(--fs-label);font-weight:750;font-stretch:80%;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.phero .ptag .btn{margin-top:24px;width:100%;justify-content:center}

/* ---------- intro statement ---------- */
.intro{padding-block:clamp(40px,5vw,72px) 0}
.intro p{font-size:clamp(1.5rem,2.9vw,2.5rem);line-height:1.22;font-weight:700;font-stretch:104%;letter-spacing:-.018em;max-width:34ch;color:var(--chalk)}
.intro p em{font-style:normal;color:var(--tape)}

/* ---------- fitting room (builder) ---------- */
.fit{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(24px,4vw,64px);align-items:start}
.fit__list .panel{padding-block:calc(var(--band) + 12px) 16px}
@media (min-width:981px){.fit__list{padding-bottom:min(34vh,300px)}}
.fit__list ol{counter-reset:it}
.fit__item{position:relative;transition:background-color .6s;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:14px;padding:15px 8px 15px 0;border-bottom:1.5px dashed var(--seam);cursor:default;transition:background-color .3s}
.fit__item:last-child{border-bottom:0}
.fit__item::before{content:"";width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--field-edge);background:#fff center/16px no-repeat;transition:background-color .35s,box-shadow .35s,transform .45s var(--ease-out)}
.fit__item span{font-size:1.0625rem;font-weight:620;line-height:1.35;color:var(--ink);transition:color .6s}
.fit__item.is-on::before{background-color:var(--thread);box-shadow:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b1030' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.fit__item.is-cur::before{transform:scale(1.18)}
.fit__item.is-cur{background:linear-gradient(90deg,transparent,var(--label-tint) 12%,var(--label-tint) 88%,transparent)}
.js-motion .fit__item:not(.is-on) span{color:var(--ink-3)}
.fit__item:hover span{color:var(--violet-ink)}
.fit__stage{position:sticky;top:calc(var(--hdr-h) + 32px)}
.bx{position:relative;color:var(--ink)}
.bx .browser{width:100%;margin:0}
.bx__tabs{display:flex;align-items:flex-end;gap:10px;min-width:0}
.bx__tabs{position:relative}
.bx__revs{position:absolute;right:0;bottom:8px;display:flex;gap:6px}
.bx__rev{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px 0 7px;border-radius:999px;background:var(--lining-deep);color:var(--chalk);font-size:11px;font-weight:800;font-stretch:86%;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translateY(6px) scale(.9);transition:opacity .35s,transform .5s var(--ease-out)}
.bx__rev svg{width:12px;height:12px;color:var(--tape);stroke-width:3}
.bx__rev.on{opacity:1;transform:none}
.bx .browser__bar{border-radius:0 8px 0 0;padding-bottom:10px}
.bx .browser__url .icon{transition:color .35s}
.bx .browser__url.is-secure .icon{color:var(--violet-ink)}
.bx__secure{margin-left:auto;padding-left:10px;font-size:.75rem;font-weight:800;font-stretch:84%;letter-spacing:.12em;text-transform:uppercase;color:var(--violet-ink);opacity:0;transition:opacity .4s}
.browser__url.is-secure .bx__secure{opacity:1}
.bx__screenwrap{display:flex;justify-content:center;background:#fff;border-radius:0 0 8px 8px;padding:0 12px 12px;box-shadow:0 26px 40px -22px rgba(8,0,28,.9),0 2px 4px rgba(8,0,28,.3)}
.bx__screen{position:relative;width:100%;aspect-ratio:16/12.6;overflow:hidden;border-radius:6px;background:#faf9fd;box-shadow:inset 0 0 0 1px #e6e1f2;container:mk/inline-size;transition:width .7s var(--ease-out),aspect-ratio .7s var(--ease-out)}
.bx__screen.is-phone{width:38%;aspect-ratio:9/16.5}
.bx__meter{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:18px;color:var(--on-lining-2);font-size:.9375rem;font-weight:600}
.bx__meter b{color:var(--chalk);font-weight:800;font-variant-numeric:tabular-nums}
.bx__bar{flex:1 1 160px;height:3px;background:repeating-linear-gradient(90deg,rgba(248,245,255,.25) 0 9px,transparent 9px 15px)}
.bx__bar i{display:block;height:100%;width:calc(var(--done,0) * 100%);background:repeating-linear-gradient(90deg,var(--tape) 0 9px,transparent 9px 15px);transition:width .5s var(--ease-out)}
.bx__price{display:inline-flex;align-items:center;gap:10px}
.bx__stamp{display:inline-block;padding:3px 8px;border:2px solid var(--tape);border-radius:4px;color:var(--tape);font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;transform:rotate(-6deg) scale(1.5);opacity:0;transition:opacity .2s,transform .45s var(--ease-out)}
.bx__stamp.on{opacity:1;transform:rotate(-6deg) scale(1)}
.bx__label{position:absolute;left:12px;top:-30px;font-size:var(--fs-label);font-weight:800;font-stretch:84%;letter-spacing:.16em;text-transform:uppercase;color:var(--on-lining-3)}

/* widgets pinned beside the browser */
.bw{position:absolute;z-index:3;width:min(236px,46%);padding:14px 16px 16px;background:var(--label);border-radius:6px;color:var(--ink);font-size:13px;line-height:1.35;
  box-shadow:0 24px 40px -18px rgba(8,0,28,.85),0 2px 4px rgba(8,0,28,.25);opacity:0;pointer-events:none;transform:translateY(10px) scale(.96);transition:opacity .6s,transform .8s var(--ease-out)}
.bw.on{opacity:1;transform:none}
.bw--a{right:-34px;top:62px}
.bw--b{left:-40px;bottom:64px}
.bw__h{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:10.5px;font-weight:850;font-stretch:84%;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.bw__h::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--thread)}
.bw small{display:block;color:var(--ink-3);font-size:11.5px}
.bw .snip-url{color:#2d6a3e;font-size:11.5px}
.bw .snip-t{display:block;margin:2px 0 3px;color:var(--violet-ink);font-weight:750;font-size:14px;line-height:1.2}
.bw .snip-links{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;color:var(--violet-ink);font-weight:650;font-size:12px}
.bw .stars{color:#e0a800;letter-spacing:1px;font-size:12px}
.bw .bars{display:flex;align-items:flex-end;gap:5px;height:56px}
.bw .bars i{flex:1;height:var(--h);background:var(--violet-ink);border-radius:2px 2px 0 0;opacity:.85;transform-origin:bottom;transition:transform .7s var(--ease-out)}
.bw:not(.on) .bars i{transform:scaleY(.1)}
.bw .bars i:last-child{background:var(--thread);opacity:1}
.bw .rows{display:flex;flex-direction:column;gap:7px}
.bw .rows div{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px}
.bw .rows i{width:20px;height:20px;border-radius:50%;background:var(--label-band)}
.bw .rows b{font-weight:700}
.bw .rows em{font-style:normal;color:var(--ink-3);font-size:11.5px}
.bw .speed{height:8px;border-radius:4px;background:var(--label-band);overflow:hidden}
.bw .speed i{display:block;height:100%;width:100%;background:var(--violet-ink);transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.bw:not(.on) .speed i{transform:scaleX(0)}
.bw .chips{display:flex;flex-wrap:wrap;gap:6px}
.bw .chips span{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;background:var(--label-tint);box-shadow:inset 0 0 0 1px var(--label-edge);font-weight:700;font-size:12px}
.bw .chips span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c,var(--violet-ink))}
.bw .pal{display:flex;gap:6px;margin-bottom:8px}
.bw .pal i{width:28px;height:28px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.bw .aa{font-size:30px;font-weight:850;font-stretch:118%;letter-spacing:-.03em;line-height:1}
.bw .aa span{font-size:13px;font-weight:600;font-stretch:100%;letter-spacing:0;color:var(--ink-3);margin-left:8px}
.bw .tree{display:flex;flex-direction:column;gap:4px;font-weight:650}
.bw .tree span{padding-left:14px;position:relative}
.bw .tree span::before{content:"";position:absolute;left:2px;top:50%;width:8px;border-top:1.5px dashed var(--field-edge)}
.bw .tree span:first-child{padding-left:0;font-weight:800}
.bw .tree span:first-child::before{display:none}
.bw .steps3{display:flex;align-items:center;gap:6px;font-weight:700;font-size:12px}
.bw .steps3 b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--label-band);font-size:11px}
.bw .steps3 b.done{background:var(--thread)}
.bw .steps3 i{flex:1;border-top:1.5px dashed var(--field-edge)}
.bw .tot{display:flex;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1.5px dashed var(--seam);font-weight:800}
.bw .tot b{font-stretch:70%;font-size:18px;font-variant-numeric:tabular-nums}
.bw--toast{width:min(260px,52%);display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start}
.bw--toast .ti{width:30px;height:30px;border-radius:8px;background:var(--thread);display:grid;place-items:center}
.bw--toast .ti svg{width:17px;height:17px;stroke:#1b1030;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.bw--toast b{display:block;font-size:13px}

/* ---------- mock site (inside the browser) ---------- */
.mk{--acc:#d9d3e8;--acc-ink:#8a83a0;position:absolute;left:0;right:0;top:0;padding:2cqw;font-size:1.75cqw;line-height:1.3;color:#1f1a2e;transform:translateY(var(--mk-y,0px));transition:transform 1.3s cubic-bezier(.65,0,.25,1)}
.mk.p-brand,.mk.p-concept{--acc:var(--thread);--acc-ink:#1b1030}
.mk-slot{position:relative;border:1.5px dashed #cfc7e6;border-radius:.7cqw;transition:border-color .4s,background-color .4s}
.mk.p-structure .mk-slot,.mk.p-base .mk-slot{border-color:transparent;background:#fff;box-shadow:0 .2cqw .8cqw rgba(31,26,46,.06)}
.mk-slot.bare{background:transparent!important;box-shadow:none!important;border-radius:0}
.js-motion .mk [data-p]{transition:opacity .9s,transform 1s var(--ease-out)}
.js-motion .mk [data-p]:not(.on){opacity:0;transform:translateY(.8cqw) scale(.97)}
.mk .hl{animation:hl 1.4s ease-out}
@keyframes hl{0%{box-shadow:0 0 0 0 rgba(106,34,224,.55)}100%{box-shadow:0 0 0 2.4cqw rgba(106,34,224,0)}}
.mk .mk-h5{margin:0;font-size:3.5cqw;line-height:1.02;font-weight:850;font-stretch:112%;letter-spacing:-.02em}
.mk .mk-h6{margin:0;font-size:2.2cqw;font-weight:800;font-stretch:108%}
.mk .ln{display:flex;flex-direction:column;gap:.8cqw;margin:1.2cqw 0}
.mk .ln i{display:block;height:.9cqw;border-radius:1cqw;background:#e4e0ee;width:100%}
.mk-btn{display:inline-flex;align-items:center;height:4.2cqw;padding:0 1.8cqw;border-radius:.6cqw;background:var(--acc);color:var(--acc-ink);font-weight:800;font-size:1.65cqw;white-space:nowrap;transition:background-color .5s,color .5s}
.mk-nav{display:flex;align-items:center;justify-content:space-between;gap:2cqw;height:6.4cqw;padding:0 1.8cqw}
.mk-logo{display:inline-flex;align-items:center;gap:1cqw;font-weight:850;font-size:2cqw;font-stretch:110%}
.mk-logo i{width:3cqw;height:3cqw;border-radius:50%;background:var(--acc);transition:background-color .5s}
.mk-links{display:flex;gap:2.2cqw;font-weight:650;font-size:1.6cqw;color:#5b5470}
.mk-links b{font-weight:650}
.mk-links b:first-child{color:#1f1a2e;font-weight:800}
.mk-row{display:grid;gap:1.8cqw;margin-top:1.8cqw}
.mk-pad{padding:2.4cqw}
.mk-pic{position:relative;height:100%;min-height:20cqw;border-radius:.6cqw;overflow:hidden;background:
  radial-gradient(circle at 72% 30%,#fff7 0 4cqw,transparent 4.2cqw),
  radial-gradient(120% 60% at 30% 110%,color-mix(in srgb,var(--acc) 75%,#1b1030) 0 50%,transparent 51%),
  radial-gradient(120% 70% at 85% 120%,color-mix(in srgb,var(--acc) 55%,#1b1030) 0 50%,transparent 51%),
  linear-gradient(160deg,color-mix(in srgb,var(--acc) 40%,#fff),color-mix(in srgb,var(--acc) 80%,#fff));transition:background .6s}
.mk-card{display:flex;flex-direction:column;gap:.8cqw}
.mk-ic{width:4cqw;height:4cqw;border-radius:1cqw;background:color-mix(in srgb,var(--acc) 35%,#fff);box-shadow:inset 0 0 0 .25cqw var(--acc)}
.mk-in{display:block;height:3.4cqw;border-radius:.5cqw;box-shadow:inset 0 0 0 .2cqw #dcd6ea;background:#fff;margin-top:1cqw}
.mk-form b,.mk-contact b{font-size:1.9cqw;font-weight:800}
.mk-tabs{display:flex;gap:.8cqw;margin-top:1.4cqw}
.mk-tabs span{padding:.6cqw 1.4cqw;border-radius:2cqw;background:#efecf6;font-weight:700;font-size:1.4cqw;color:#5b5470;transition:background-color .4s,color .4s}
.mk-tabs span.cur{background:var(--acc);color:var(--acc-ink)}
.mk-art{position:relative;min-height:22cqw;border-radius:.6cqw;overflow:hidden;background:linear-gradient(150deg,color-mix(in srgb,var(--acc) 30%,#fff),color-mix(in srgb,var(--acc) 70%,#fff))}
.mk-art i{position:absolute;border-radius:50%;background:var(--acc);mix-blend-mode:multiply;opacity:.75}
.mk-art i:nth-child(1){width:12cqw;height:12cqw;left:12%;top:18%}
.mk-art i:nth-child(2){width:8cqw;height:8cqw;left:52%;top:46%;border-radius:1.4cqw;background:#1b1030;opacity:.85;mix-blend-mode:normal}
.mk-art i:nth-child(3){width:6cqw;height:6cqw;left:70%;top:14%;background:#f6d32a;opacity:1;mix-blend-mode:normal}
.mk.p-anim .mk-art i:nth-child(1){animation:mkf1 5s ease-in-out infinite alternate}
.mk.p-anim .mk-art i:nth-child(2){animation:mkf2 4s ease-in-out infinite alternate}
.mk.p-anim .mk-art i:nth-child(3){animation:mkf3 3.4s ease-in-out infinite alternate}
@keyframes mkf1{to{transform:translate(4cqw,2cqw) scale(1.15)}}
@keyframes mkf2{to{transform:translate(-3cqw,-2cqw) rotate(35deg)}}
@keyframes mkf3{to{transform:translate(-2cqw,4cqw)}}
.mk-cursor{position:absolute;z-index:5;width:3cqw;height:3cqw;left:var(--cx,60%);top:var(--cy,40%);transition:left 1.1s cubic-bezier(.65,0,.25,1),top 1.1s cubic-bezier(.65,0,.25,1)}
.mk-cursor svg{width:100%;height:100%;filter:drop-shadow(0 .3cqw .4cqw rgba(0,0,0,.25))}
.mk-quote{display:flex;flex-direction:column;gap:.8cqw}
.mk-quote .st{color:#e0a800;font-size:1.8cqw;letter-spacing:.2cqw}
.mk-quote q{font-weight:650;font-size:1.65cqw;quotes:"„" "“"}
.mk-quote small{color:#6c6584;font-size:1.4cqw}
.mk-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:.5cqw;margin-top:1cqw}
.mk-cal i{aspect-ratio:1;border-radius:.4cqw;background:#efecf6}
.mk-cal i.f{background:var(--acc)}
.mk-cal i.x{background:#1b1030}
.mk-slots{display:flex;gap:.6cqw;margin-top:1cqw}
.mk-slots span{padding:.4cqw 1cqw;border-radius:.4cqw;box-shadow:inset 0 0 0 .2cqw var(--acc);font-weight:700;font-size:1.35cqw}
.mk-insta{display:grid;grid-template-columns:repeat(4,1fr);gap:.8cqw;margin-top:1cqw}
.mk-insta i{aspect-ratio:1;border-radius:.5cqw;background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 60%,#fff),color-mix(in srgb,var(--acc) 30%,#1b1030))}
.mk-insta i:nth-child(2n){background:linear-gradient(135deg,#f6d32a,color-mix(in srgb,var(--acc) 50%,#fff))}
.mk-soc{display:flex;gap:.8cqw;margin-top:1cqw}
.mk-soc i{width:3cqw;height:3cqw;border-radius:50%;background:#1b1030}
.mk-steps{display:flex;align-items:center;gap:.8cqw;margin:1.2cqw 0;font-weight:700;font-size:1.35cqw}
.mk-steps b{display:grid;place-items:center;width:2.8cqw;height:2.8cqw;border-radius:50%;background:#efecf6;font-size:1.3cqw}
.mk-steps b.d{background:var(--acc)}
.mk-steps i{flex:1;border-top:.2cqw dashed #cfc7e6}
.mk-lead{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.6cqw;margin-top:1.8cqw;padding:1.4cqw 1.8cqw;border-radius:.7cqw;background:#1b1030;color:#fff;font-weight:750;font-size:1.65cqw}
.mk-head{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:2cqw;height:6.6cqw;padding:0 1.8cqw}
.mk-search{height:3.6cqw;border-radius:2cqw;background:#efecf6;display:flex;align-items:center;padding-left:1.4cqw;color:#8a83a0;font-size:1.4cqw}
.mk-icn{position:relative;width:3.6cqw;height:3.6cqw;border-radius:50%;background:#efecf6;display:grid;place-items:center}
.mk-icn svg{width:55%;height:55%;fill:none;stroke:#1f1a2e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mk-badge{position:absolute;right:-.6cqw;top:-.6cqw;min-width:2.4cqw;height:2.4cqw;padding:0 .5cqw;border-radius:1.2cqw;background:#1b1030;color:#fff;font-size:1.3cqw;font-weight:800;display:grid;place-items:center;transition:transform .35s var(--ease-out)}
.mk-badge.bump{transform:scale(1.45)}
.mk-promo{display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:1.6cqw 2cqw;border-radius:.7cqw;background:#1b1030;color:#fff;font-weight:800;font-size:1.8cqw}
.mk-promo code{font-family:inherit;padding:.4cqw 1cqw;border-radius:.4cqw;background:#f6d32a;color:#1b1030;letter-spacing:.1em}
.mk-cats{display:flex;flex-wrap:wrap;gap:.8cqw}
.mk-cats span{padding:.7cqw 1.6cqw;border-radius:2cqw;background:#efecf6;font-weight:700;font-size:1.45cqw}
.mk-cats span:first-child{background:var(--acc);color:var(--acc-ink)}
.mk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8cqw}
.mk-prod{display:flex;flex-direction:column;gap:.7cqw;padding:1.2cqw;border-radius:.7cqw;background:#fff;box-shadow:0 .2cqw .8cqw rgba(31,26,46,.07)}
.mk-prod .im{aspect-ratio:4/3;border-radius:.5cqw;background:var(--g)}
.mk-prod b{font-size:1.65cqw}
.mk-prod .pr{display:flex;align-items:center;justify-content:space-between;font-weight:850;font-size:1.8cqw;font-stretch:80%}
.mk-add{width:3.4cqw;height:3.4cqw;border:0;border-radius:50%;background:var(--acc);color:var(--acc-ink);font:inherit;font-weight:850;font-size:2.2cqw;line-height:1;cursor:pointer;padding:0;transition:transform .2s,background-color .5s}
.mk-add:hover{transform:scale(1.12)}
.mk-add:active{transform:scale(.92)}
.mk-var{display:flex;gap:.6cqw}
.mk-var i{width:1.8cqw;height:1.8cqw;border-radius:50%;background:var(--c);box-shadow:0 0 0 .25cqw #fff,0 0 0 .4cqw #dcd6ea}
.mk-var i:first-child{box-shadow:0 0 0 .25cqw #fff,0 0 0 .45cqw #1b1030}
.mk-stock{font-size:1.3cqw;font-weight:750;color:#2d6a3e}
.mk-stock::before{content:"";display:inline-block;width:1cqw;height:1cqw;border-radius:50%;background:#3fae62;margin-right:.6cqw}
.mk-foot{display:flex;justify-content:space-between;align-items:center;margin-top:1.8cqw;padding:1.8cqw;border-radius:.7cqw;background:#1b1030;color:#cfc7e6;font-size:1.4cqw}
/* phone reflow */
@container mk (max-width: 330px){
  .mk{font-size:4.6cqw;padding:5cqw}
  .mk .mk-h5{font-size:8.5cqw}
  .mk-links,.mk-search,.mk-tabs{display:none}
  .mk-nav,.mk-head{height:15cqw}
  .mk-logo{font-size:5.6cqw}.mk-logo i{width:7cqw;height:7cqw}
  .mk-row{grid-template-columns:1fr!important;gap:4cqw;margin-top:4cqw}
  .mk-row > :nth-child(n+3){display:none}
  .mk-btn{height:10cqw;font-size:4.2cqw;padding:0 4cqw}
  .mk .ln i{height:2.4cqw}
  .mk-pic,.mk-art{min-height:40cqw}
  .mk-grid{grid-template-columns:1fr 1fr;gap:4cqw}
  .mk-grid > :nth-child(n+3){display:none}
  .mk-prod b,.mk-prod .pr{font-size:4cqw}
  .mk-add{width:8cqw;height:8cqw;font-size:5cqw}
  .mk-icn{width:9cqw;height:9cqw}
  .mk-badge{min-width:5cqw;height:5cqw;font-size:3cqw}
  .mk-promo{font-size:4cqw;padding:4cqw}
  .mk-cats span{font-size:3.4cqw}
  .mk-head{grid-template-columns:1fr auto auto}
}

/* ---------- for whom + result ---------- */
.who{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,88px);align-items:start}
.who h2{font-size:clamp(1.75rem,2.6vw,2.3rem);font-weight:850;font-stretch:118%;letter-spacing:-.02em}
.who__text{margin-top:18px;font-size:var(--fs-lede);line-height:1.5;color:var(--on-lining-2);max-width:42ch}
.who__text em{font-style:normal;color:var(--chalk);font-weight:700;background:linear-gradient(transparent 82%,rgba(246,211,42,.55) 82% 94%,transparent 94%)}
.result{position:relative;padding-left:clamp(0px,3vw,36px)}
.result__q{margin:16px 0 0;font-size:clamp(2rem,4.2vw,3.6rem);line-height:1.04;font-weight:850;font-stretch:116%;letter-spacing:-.03em;color:var(--tape)}

/* ---------- sample project ---------- */
.sample .swatch{max-width:980px}
.sample__grid{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:clamp(24px,4vw,64px);align-items:end}
.sample .swatch--bud .swatch__fabric{aspect-ratio:1600/876}

/* ---------- order head ---------- */
.order__sub{margin-top:18px;font-size:var(--fs-lede);color:var(--on-lining-2)}

/* ---------- other packages ---------- */
.others__rack{position:relative;padding-top:26px;margin-top:clamp(40px,4vw,56px)}
.others__rack .rack__tags{grid-template-columns:repeat(2,minmax(0,400px));justify-content:center;column-gap:clamp(24px,6vw,96px)}
.pkg .order{padding-top:0}
.pkg .choice label:last-child{--thread:var(--ink-3)}
.others .ptag{--drop:36px}
.others .ptag:nth-child(2){--drop:70px;--rot:.8deg}
.others .ptag__card{text-decoration:none;color:var(--ink);padding-bottom:28px}
.others .ptag__kind{font-size:var(--fs-label);font-weight:800;font-stretch:84%;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.others .ptag__go{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding-top:16px;border-top:1px solid var(--paper-edge);font-weight:750;color:var(--violet-ink)}
.others .ptag__go .icon{width:20px;height:20px;transition:transform .3s var(--ease-out)}
.others a.ptag__card:hover .ptag__go .icon{transform:translateX(5px)}
.others a.ptag__card:focus-visible{outline:3px solid var(--violet-ink);outline-offset:-5px}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .bw--a{right:-12px}.bw--b{left:-12px}
}
@media (max-width:980px){
  .phero__grid{grid-template-columns:1fr}
  .phero__rack{margin-top:24px}
  .fit{grid-template-columns:1fr}
  .fit__stage{order:-1;top:calc(var(--hdr-h) + 8px);z-index:4}
  .fit__stage .bx__meter{display:none}
  .bx .browser__top{display:none}
  .bx .browser__bar{border-radius:8px 8px 0 0;padding:8px}
  .bx .browser__url{padding:8px 10px;font-size:.875rem}
  .bx .browser__go{display:none}
  .bx__screenwrap{padding:0 8px 8px}
  .bx__screen{aspect-ratio:16/9}
  .bx__screen.is-phone{aspect-ratio:9/12}
  .bx__label{display:none}
  .bw{width:min(210px,58%);padding:10px 12px 12px;font-size:12px}
  .bw--a,.bw--b{left:auto;right:6px;top:auto;bottom:8px}
  .who{grid-template-columns:1fr}
  .result{padding-left:0}
  .sample__grid{grid-template-columns:1fr}
  .others__rack .rail{display:none}
  .others__rack .rack__tags{grid-template-columns:minmax(0,460px)}
}
@media (max-width:480px){
  .phero .stitched{--st-size:clamp(3.4rem,18vw,4.5rem)}
  .bx__secure{display:none}
  .bw .bars{height:38px}
}

/* ---------- fitting room, pinned: one item per fixed stretch of scroll ---------- */
.fit__track{position:relative}
.fit__window{position:relative}
.fit__pin.is-pinned{position:sticky;top:calc(var(--hdr-h) + 16px);height:var(--pin-h)}
.fit__pin.is-pinned > .wrap{height:100%}
.fit__pin.is-pinned .fit{height:100%;align-items:stretch}
.fit__pin.is-pinned .fit__list{padding-bottom:0!important;min-height:0;display:flex}
.fit__pin.is-pinned .fit__list .panel{flex:1;display:flex;flex-direction:column;min-height:0;margin-bottom:12px}
.fit__pin.is-pinned .fit__window{flex:1;min-height:0;overflow:hidden;-webkit-mask:linear-gradient(transparent,#000 9%,#000 91%,transparent);mask:linear-gradient(transparent,#000 9%,#000 91%,transparent)}
.fit__pin.is-pinned #fit-list{padding-block:24px;transform:translateY(var(--ly,0px));transition:transform 1s cubic-bezier(.65,0,.25,1)}
.fit__pin.is-pinned .fit__stage{position:relative;top:auto;align-self:center;justify-self:end;width:100%;max-width:calc((var(--pin-h) - 170px) * 1.27)}
.fit__pin.is-pinned .fit__item{cursor:pointer}

/* ---------- who · result · sample: one section ---------- */
.outcome__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,88px);align-items:start}
.outcome h2{font-size:clamp(1.75rem,2.6vw,2.3rem);font-weight:850;font-stretch:118%;letter-spacing:-.02em;line-height:1.05}
.outcome__block--result{margin-top:clamp(32px,4vw,48px);padding-top:clamp(28px,3.4vw,44px);border-top:2px dashed rgba(248,245,255,.3)}
.outcome .result__q{font-size:clamp(2rem,3.5vw,3.1rem)}
.outcome__work h2{margin-bottom:clamp(30px,3vw,42px)}
.outcome--solo{grid-template-columns:1fr}
.outcome--solo .outcome__text{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,88px);align-items:start}
.outcome--solo .outcome__block--result{margin-top:0;padding-top:0;border-top:0;padding-left:clamp(28px,4vw,56px);border-left:2px dashed rgba(248,245,255,.3)}
.outcome--solo .result__q{font-size:clamp(2rem,4.2vw,3.6rem)}
@media (max-width:980px){
  .fit__pin.is-pinned .fit{display:flex;flex-direction:column;gap:14px}
  .fit__pin.is-pinned .fit__stage{order:-1;max-width:none;align-self:stretch;justify-self:auto;z-index:auto}
  .fit__pin.is-pinned .fit__list{flex:1}
  .fit__pin.is-pinned #fit-list{padding-block:14px}
  .outcome__grid,.outcome--solo .outcome__text{grid-template-columns:1fr}
  .outcome__grid{gap:0}
  .outcome__work{margin-top:clamp(32px,7vw,48px);padding-top:clamp(28px,6vw,40px);border-top:2px dashed rgba(248,245,255,.3)}
  .outcome--solo .outcome__block--result{padding-left:0;border-left:0;padding-top:clamp(28px,6vw,40px);border-top:2px dashed rgba(248,245,255,.3)}
}