.garment-page{--product-header:82px;--product-gallery-height:100dvh}.garment-page .header{height:var(--product-header);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom-color:#0000}.garment-page .header-logo img{width:clamp(156px,12vw,190px);height:32px}html[data-past-hero=true] .garment-page .header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0b0bd1;border-color:#ffffff1f;height:70px}html[data-past-hero=true][data-scroll-direction=down][data-scrolling=true] .garment-page .header{transform:translateY(-101%)}.garment-layout{grid-template-columns:minmax(250px, 1fr) minmax(0, calc(var(--product-gallery-height) * 2 / 3)) minmax(280px, 1fr);min-height:100dvh;display:grid}.garment-info,.garment-options{min-width:0;min-height:100dvh;padding:calc(var(--product-header) + clamp(20px, 2vw, 36px)) clamp(22px, 2.5vw, 48px) clamp(28px, 3vw, 60px);flex-direction:column;display:flex}.garment-back{width:fit-content;min-height:44px;color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.garment-back:hover{color:var(--foreground)}.garment-heading{margin-top:clamp(20px,3vh,40px)}.garment-heading>p:first-child{color:var(--muted);font-size:12px}.garment-heading h1{letter-spacing:-.045em;overflow-wrap:anywhere;margin-block:16px 14px;font-size:clamp(28px,2.35vw,44px);font-weight:500;line-height:1.12}.garment-price{font-size:18px}.garment-details{margin-top:clamp(40px,7vh,80px)}.garment-disclosure{border-bottom:1px solid var(--line);padding-block:20px}.garment-disclosure>button{text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;min-height:28px;padding:0;font-size:14px;display:flex}.garment-disclosure>button svg{transition:transform .4s var(--ease)}.garment-disclosure[data-open=true]>button svg{transform:rotate(45deg)}.garment-disclosure-content{opacity:0;visibility:hidden;transition:grid-template-rows .4s var(--ease), opacity .3s, visibility .4s;grid-template-rows:0fr;display:grid}.garment-disclosure-content>div{min-height:0;overflow:hidden}.garment-disclosure[data-open=true] .garment-disclosure-content{opacity:1;visibility:visible;grid-template-rows:1fr}.garment-details p{color:var(--muted);white-space:pre-line;overflow-wrap:anywhere;margin-block:20px 8px;font-size:14px;line-height:1.8}.garment-signature{color:var(--muted);letter-spacing:.08em;margin-top:auto;padding-top:60px;font:10px/1.5 JetBrains Mono,monospace}.garment-gallery{width:100%;height:var(--product-gallery-height);aspect-ratio:2/3;background:#202020;place-self:start center;min-width:0;position:sticky;top:0;overflow:hidden}.garment-photo-scroll{scroll-snap-type:y mandatory;scrollbar-width:none;scrollbar-color:#656565 #202020;height:100%;position:relative;overflow:hidden auto}.garment-photo-scroll:focus-visible{outline:2px solid var(--foreground);outline-offset:-3px}.garment-photo-scroll figure{scroll-snap-align:start;justify-content:center;align-items:center;height:100%;min-height:100%;padding:0;display:flex;position:relative}.garment-photo-scroll figure img{object-fit:contain;object-position:center;width:100%;height:100%}.garment-photo-scroll figcaption{color:#c4c4c4;font-size:11px;position:absolute;top:26px;right:26px}.garment-thumbnails{z-index:2;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;justify-content:safe center;gap:8px;width:max-content;max-width:calc(100% - 96px);padding:4px;display:flex;position:absolute;bottom:20px;left:50%;overflow:auto hidden;transform:translate(-50%)}.garment-thumbnails::-webkit-scrollbar{display:none}.garment-thumbnails button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius);opacity:.65;scroll-snap-align:center;background:#141414b8;border:1px solid #505050;flex:0 0 clamp(48px,4vw,64px);width:clamp(48px,4vw,64px);padding:3px;position:relative}.garment-thumbnails button[aria-pressed=true],.garment-thumbnails button:hover{opacity:1;border-color:#eee}.garment-thumbnails img{aspect-ratio:2/3;object-fit:contain;width:100%;height:auto}.garment-thumbnails button span{padding-bottom:3px;font:9px/1.5 JetBrains Mono,monospace;display:block}.garment-gallery-caption{z-index:2;top:calc(var(--product-header) + 16px);color:#fff;pointer-events:none;justify-content:space-between;gap:12px;font:10px/1.5 JetBrains Mono,monospace;display:flex;position:absolute;right:18px}.garment-gallery-caption>span{border-radius:var(--radius);background:#000000a6;padding:5px 8px}.garment-gallery-caption>span:last-child{align-items:center;gap:8px;display:flex}.garment-options{gap:48px;padding-top:62px}.garment-option-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:24px;display:flex}.garment-option-heading h2{font-size:16px;font-weight:400}.garment-option-heading sup{margin-left:4px;font-size:10px}.garment-option-heading>span{color:var(--muted);text-align:right;font-size:12px}.garment-colors{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.garment-colors a{border-bottom:1px solid #0000;padding-bottom:10px}.garment-colors a[aria-current],.garment-colors a:hover{border-color:var(--foreground)}.garment-colors img{aspect-ratio:2/3;object-fit:contain;background:#202020;width:100%;height:auto;padding:5px}.garment-colors span{color:var(--muted);padding-top:8px;font-size:10px;display:block}.garment-sizes{border:0;min-width:0;margin:0;padding:0}.garment-sizes legend{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:22px;font-size:16px;display:flex}.garment-sizes legend span{font-size:16px}.garment-sizes legend em{color:var(--muted);margin-left:8px;font-size:12px;font-style:normal}.garment-sizes legend button{color:#ddd;border:0;border-bottom:1px solid #777;border-radius:0;min-height:36px;padding:5px 0;font-size:12px}.garment-sizes>div{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.garment-sizes button{border-radius:var(--radius);background:0 0;border:1px solid #444;min-height:48px;font-size:14px}.garment-sizes button:hover:not(:disabled){border-color:#eee}.garment-sizes button[aria-pressed=true]{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.garment-sizes button:disabled{text-decoration:line-through}.garment-purchase{margin-top:auto;padding-top:24px}.garment-availability,.garment-feedback{margin-bottom:18px;font-size:13px}.garment-availability{color:var(--muted)}.garment-purchase .button{white-space:nowrap;gap:12px;width:100%;padding-inline:16px;font-size:13px}.garment-order-note{color:var(--muted);margin-top:16px;font-size:11px;line-height:1.7}.size-guide-dialog{border-radius:var(--radius);width:min(760px,100% - 28px);max-height:calc(100dvh - 32px);color:var(--foreground);background:#151515;border:1px solid #404040;padding:0;overflow:hidden}.size-guide-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c}.size-guide-panel{overscroll-behavior:contain;max-height:calc(100dvh - 34px);overflow-y:auto}.size-guide-panel header{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#151515ed;border-bottom:1px solid #383838;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex;position:sticky;top:0}.size-guide-panel header p{color:var(--muted);letter-spacing:.1em;font:10px/1.4 JetBrains Mono,monospace}.size-guide-panel header h2{margin-top:4px;font-size:22px;font-weight:500}.size-guide-panel header button{border-radius:var(--radius);background:#222;border:1px solid #444;place-items:center;width:42px;height:42px;display:grid}.size-guide-image{background:#eee;padding:20px}.size-guide-image img{object-fit:contain;width:100%;height:auto;max-height:min(70dvh,900px)}.size-guide-panel>p{color:var(--muted);padding:18px 24px 22px;font-size:12px;line-height:1.6}.garment-missing{min-height:100dvh;padding:12vw 8vw}.garment-missing h1{margin-bottom:32px}@media (min-width:1800px){.garment-layout{max-width:1920px;margin-inline:auto}}@media (max-width:1199px) and (min-width:768px){.garment-layout{flex-direction:column;display:flex}.garment-gallery{width:min(100%, calc(var(--product-gallery-height) * 2 / 3));height:var(--product-gallery-height);order:-1;position:relative;top:auto}.garment-info,.garment-options{width:min(100%,760px);min-height:auto;margin-inline:auto;padding:48px}.garment-heading{margin-top:24px}.garment-details{margin-top:44px}.garment-signature{margin-top:44px;padding-top:0}.garment-options{gap:36px}}@media (max-width:767px){.garment-page{--product-header:64px}.garment-page .header-logo img{width:132px;height:26px}html[data-past-hero=true] .garment-page .header{height:62px}.garment-layout{flex-direction:column;display:flex}.garment-gallery{aspect-ratio:auto;flex-direction:column;order:-3;width:100%;height:auto;margin:0;display:flex;position:relative;top:auto}.garment-info{display:contents}.garment-back{order:-2;min-height:48px;padding:16px 24px 8px}.garment-heading{order:-1;margin:0;padding:8px 24px 26px}.garment-heading h1{margin-block:10px;font-size:30px}.garment-price{font-size:16px}.garment-thumbnails{width:max-content;max-width:calc(100% - 36px);padding:3px;bottom:14px;left:50%}.garment-thumbnails button{flex-basis:44px;width:44px;padding:2px}.garment-thumbnails button span{display:none}.garment-photo-scroll{aspect-ratio:2/3;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;width:100%;height:auto;display:flex;overflow:auto hidden}.garment-photo-scroll figure{aspect-ratio:2/3;flex:0 0 100%;width:100%;height:100%;min-height:0;padding:0}.garment-photo-scroll figcaption{top:16px;right:20px}.garment-gallery-caption{top:calc(var(--product-header) + 10px);font-size:9px;right:12px}.garment-options{order:1;gap:30px;min-height:auto;padding:32px 24px}.garment-colors{grid-template-columns:repeat(4,minmax(0,1fr))}.garment-purchase{padding-top:0}.garment-details{order:2;margin:0 24px 32px}.garment-signature{order:3;margin:0;padding:12px 24px 32px}.size-guide-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.size-guide-panel{max-height:calc(100dvh - 18px)}.size-guide-panel header{padding:16px}.size-guide-image{padding:8px}.size-guide-panel>p{padding-inline:16px}}@media (prefers-reduced-motion:reduce){.garment-page *{scroll-behavior:auto!important;transition:none!important}}
