.bokah-loupe{--loupe-size:clamp(10rem,18vw,16rem);--loupe-blur:4px}.bokah-loupe,.bokah-loupe__media{position:relative;display:block;inline-size:100%}.bokah-loupe__media{overflow:hidden;cursor:zoom-in;touch-action:pan-y;-webkit-user-select:none;user-select:none}.bokah-loupe[data-active] .bokah-loupe__media{cursor:crosshair;touch-action:none}.bokah-loupe__veil{position:absolute;inset:0;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(var(--loupe-blur));backdrop-filter:blur(var(--loupe-blur));background:color-mix(in srgb,var(--surface) 22%,transparent);transition:opacity var(--dur-base) var(--ease-out-fabric)}.bokah-loupe[data-active] .bokah-loupe__veil{opacity:1}.bokah-loupe__lens{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:var(--loupe-size);block-size:var(--loupe-size);overflow:hidden;border-radius:var(--radius-pill);border:var(--border-hair) solid var(--silver-70);box-shadow:0 var(--space-2) var(--space-6) rgb(0 0 0/45%),inset 0 0 0 var(--border-hair) var(--silver-20);background:var(--surface);pointer-events:none;opacity:0;transition:opacity var(--dur-base) var(--ease-out-fabric),transform var(--dur-instant) linear}.bokah-loupe[data-active] .bokah-loupe__lens{opacity:1}.bokah-loupe[data-active] .bokah-loupe__lens,.bokah-loupe[data-active] .bokah-loupe__zoom{will-change:transform}.bokah-loupe__zoom{position:absolute;inset-block-start:0;inset-inline-start:0;max-inline-size:none;object-fit:cover;pointer-events:none;transition:transform var(--dur-instant) linear}.bokah-loupe__toggle{position:absolute;inset-block-end:var(--space-3);inset-inline-end:var(--space-3);display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;padding:0;border:var(--border-hair) solid var(--border-strong);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--text);cursor:pointer;transition:background var(--dur-fast) var(--ease-out-fabric),border-color var(--dur-fast) var(--ease-out-fabric)}.bokah-loupe__toggle svg{inline-size:1.25rem;block-size:1.25rem}.bokah-loupe__toggle[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent)}@media (hover:hover) and (pointer:fine){.bokah-loupe__toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}}.bokah-loupe__toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (max-width:767px){.bokah-loupe{--loupe-size:8.75rem}}@media (prefers-reduced-motion:reduce){.bokah-loupe__lens,.bokah-loupe__toggle,.bokah-loupe__veil,.bokah-loupe__zoom{transition:none}}:root[data-tier="0"] .bokah-loupe__lens,:root[data-tier="0"] .bokah-loupe__toggle,:root[data-tier="0"] .bokah-loupe__veil,:root[data-tier="0"] .bokah-loupe__zoom{transition:none}.garment-selector{display:grid;gap:var(--space-4);max-inline-size:32rem;margin-inline:auto;padding-block:var(--space-8)}.garment-selector__main{border:var(--border-hair) solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden}.garment-selector__img,.garment-selector__thumb{inline-size:100%}.garment-selector__img img,.garment-selector__thumb img{inline-size:100%;block-size:auto;display:block}.garment-selector__angles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.garment-selector__angle{padding:0;border:var(--border-hair) solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden;cursor:pointer;transition:border-color .16s ease,transform .16s ease}@media (hover:hover) and (pointer:fine){.garment-selector__angle:hover{border-color:var(--border-strong)}}.garment-selector__angle:active{transform:scale(.97)}.garment-selector__angle[aria-pressed=true]{border-color:var(--color-accent)}.garment-selector__colours{display:flex;flex-wrap:wrap;gap:var(--space-2)}.garment-selector__swatch{inline-size:2rem;block-size:2rem;padding:0;border:var(--border-hair) solid var(--border-strong);border-radius:50%;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.garment-selector__swatch:active{transform:scale(.94)}.garment-selector__swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--color-substrate-dark),0 0 0 4px var(--color-accent)}.garment-selector__name{margin:0}.garment-selector__name,.size-matrix__label{font-family:var(--font-mono);font-weight:500;text-transform:uppercase;line-height:var(--leading-caption);letter-spacing:var(--tracking-caps-micro);font-size:var(--type-eyebrow);color:var(--text-muted)}.size-matrix__label{margin:0 0 var(--space-3)}.size-matrix__row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.size-matrix__size{font-family:var(--font-mono);font-size:var(--type-base);min-width:56px;min-height:44px;padding:var(--space-2) var(--space-3);background:none;border:var(--border-hair) solid var(--border-strong);color:var(--text);cursor:pointer;font-weight:500;font-variant-numeric:tabular-nums}.size-matrix__size[data-selected]{border-color:var(--color-accent);color:var(--color-accent)}.size-matrix__fabric{margin:var(--space-4) 0 0;font-family:var(--font-mono);font-size:var(--type-xs);font-weight:500;text-transform:uppercase;line-height:var(--leading-caption);letter-spacing:var(--tracking-caps-micro);color:var(--text)}.size-matrix__pending{margin:var(--space-2) 0 0;font-size:var(--type-base);line-height:1.6;color:var(--text-muted)}.drop-pass__heading{font-family:var(--font-title);font-size:var(--type-xl);font-weight:500;text-transform:uppercase;line-height:var(--leading-heading-sm);margin:0 0 var(--space-4)}.drop-pass__canvas{width:min(100%,270px);height:auto;border:var(--border-hair) solid var(--border-subtle)}.drop-pass__download{display:inline-block;margin-top:var(--space-4);min-height:44px;padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-weight:500;text-transform:uppercase;line-height:var(--leading-caption);letter-spacing:var(--tracking-caps-micro);font-size:var(--type-eyebrow);background:none;border:var(--border-hair) solid var(--color-accent);color:var(--color-accent);cursor:pointer}