/* Vaelmar apparel, shared typography and bag from shop.css. */
.apparel-page{background:var(--void);color:var(--text)}.apparel-page main{max-width:1440px;margin:auto;padding:46px 5vw 80px}.apparel-page .site-head{background:rgba(6,6,7,.9);border-bottom:1px solid var(--rule)}.apparel-page .headnav a{color:var(--mute);font-size:13px;text-decoration:none}.apparel-page .brandmark-word,.apparel-page .bag{color:var(--text)}.apparel-page .headnav a[aria-current=page]{border-bottom:1px solid}.apparel-intro{max-width:670px;margin:20px 0 38px}.apparel-kicker{font:11px/1.6 'JetBrains Mono',monospace;letter-spacing:2px;text-transform:uppercase;color:var(--brass)}.apparel-page h1{font:clamp(42px,5.5vw,78px)/1.05 'Fraunces',Georgia,serif;letter-spacing:-2px;margin:12px 0 20px}.apparel-page p{line-height:1.7}.apparel-intro p{max-width:520px;color:var(--mute)}.apparel-card{max-width:100%;display:grid;grid-template-columns:1.1fr 1fr;background:var(--surface-1);overflow:hidden;text-decoration:none;color:inherit}.apparel-card img{width:100%;max-height:660px;object-fit:cover;object-position:center 20%}.apparel-card-copy{padding:clamp(28px,5vw,80px);align-self:center}.apparel-card-copy h2{font:46px/1.1 'Fraunces',Georgia,serif;margin:15px 0}.apparel-card-copy .text-link{display:inline-block;margin-top:24px;border-bottom:1px solid}.apparel-card-copy .swatch-row{margin:24px 0}.apparel-product{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.85fr);gap:6vw}.apparel-gallery{min-width:0}.apparel-hero{display:block;width:100%;border:0;padding:0;background:var(--surface-1);cursor:zoom-in}.apparel-hero img{width:100%;display:block}.apparel-thumbs{display:flex;gap:12px;margin-top:12px}.apparel-thumbs button{width:78px;padding:0;border:1px solid transparent;cursor:pointer;background:transparent}.apparel-thumbs button[aria-pressed=true]{border-color:var(--brass)}.apparel-thumbs img{display:block;width:100%}.apparel-view-label{font:12px 'JetBrains Mono',monospace;margin:14px 0;color:var(--mute)}.apparel-details{align-self:start;position:sticky;top:108px}.apparel-details h1{font-size:clamp(40px,4vw,62px)}.apparel-price{font-size:23px;margin:0}.apparel-price small{font:12px 'JetBrains Mono',monospace;color:var(--mute);margin-left:10px}.apparel-description{color:var(--text);margin:22px 0 28px}.apparel-choice{padding:22px 0;border-top:1px solid var(--rule)}.apparel-choice legend{float:left;width:100%;font:13px 'JetBrains Mono',monospace;margin-bottom:15px}.apparel-choice{border-left:0;border-right:0;border-bottom:0;margin:0;min-width:0}.swatch-row{display:flex;gap:13px;clear:both}.swatch{width:34px;height:34px;border-radius:50%;border:1px solid var(--mute-2);padding:4px;background:transparent;cursor:pointer}.swatch i{display:block;width:100%;height:100%;border-radius:50%;background:var(--swatch)}.swatch[aria-pressed=true]{outline:1px solid var(--brass);outline-offset:3px}.size-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13px}.size-guide-open{border:0;background:transparent;text-decoration:underline;color:var(--text);font-size:12px;cursor:pointer}.apparel-sizes{display:flex;gap:8px;flex-wrap:wrap}.apparel-sizes button{min-width:47px;height:43px;border:1px solid var(--rule);color:var(--text);background:transparent;cursor:pointer}.apparel-sizes button[aria-pressed=true]{color:var(--cta-ink);background:var(--brass);border-color:var(--brass)}.apparel-add{width:100%;padding:17px;background:var(--brass);border:0;color:var(--cta-ink);cursor:pointer;font:14px 'JetBrains Mono',monospace;margin-top:10px}.apparel-add:disabled{opacity:.45;cursor:not-allowed}.apparel-status{font-size:12px;color:var(--mute);min-height:34px;margin:11px 0 23px}.apparel-details details{border-top:1px solid var(--rule);padding:17px 0;font-size:13px}.apparel-details summary{cursor:pointer}.apparel-details details p{color:var(--text);margin:12px 0 0}.apparel-story{display:grid;grid-template-columns:.8fr 1fr;gap:7vw;align-items:center;margin-top:90px;padding-top:55px;border-top:1px solid var(--rule)}.apparel-story img{display:block;width:100%;max-height:450px;object-fit:cover}.apparel-story h2{font:38px 'Fraunces',Georgia,serif}.apparel-story p{max-width:470px;color:var(--text)}.apparel-story a{color:var(--brass-hi)}.apparel-footer{padding:30px 5vw;border-top:1px solid var(--rule);display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.apparel-footer a{color:var(--text)}.apparel-modal{position:fixed;inset:0;margin:auto;max-width:760px;width:calc(100% - 36px);border:0;padding:30px;background:var(--surface-1);color:var(--text)}.apparel-modal::backdrop{background:rgba(0,0,0,.8)}.apparel-modal h2{font:30px 'Fraunces',Georgia,serif;margin:0 40px 18px 0}.apparel-modal .close{position:absolute;right:16px;top:14px;font-size:24px;border:0;background:none;cursor:pointer}.apparel-modal table{border-collapse:collapse;width:100%;font-size:13px}.apparel-modal th,.apparel-modal td{text-align:left;padding:9px 5px;border-bottom:1px solid var(--rule)}.apparel-modal p{font-size:13px}.guide-controls{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}.guide-controls button{padding:8px;border:1px solid var(--rule);background:transparent;cursor:pointer}.guide-controls button[aria-pressed=true]{background:var(--brass);color:var(--cta-ink)}#imageZoom{padding:8px;max-width:940px;max-height:95vh;background:var(--surface-1)}#imageZoom img{display:block;max-height:89vh;max-width:100%;margin:auto}#imageZoom .close{background:var(--void);border-radius:50%;width:34px;height:34px}.apparel-teaser{padding:70px 0}.apparel-teaser .wrap{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.apparel-teaser img{width:100%;max-height:560px;object-fit:cover;object-position:center 20%}.apparel-teaser h2{font:clamp(34px,4vw,56px) 'Fraunces',Georgia,serif}.apparel-teaser p{max-width:430px}.apparel-teaser a{color:inherit}.site-head .headnav .apparel-nav{display:inline-block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--brass);outline-offset:4px}
@media(max-width:760px){.apparel-page main{padding:25px 20px 50px}.apparel-product{grid-template-columns:1fr;gap:27px}.apparel-details{position:static}.apparel-details h1{font-size:44px;letter-spacing:-1px}.apparel-card{grid-template-columns:1fr}.apparel-card-copy{padding:28px}.apparel-card-copy h2{font-size:34px}.apparel-story{grid-template-columns:1fr;margin-top:45px;gap:15px;padding-top:30px}.apparel-page .site-head{padding:14px 16px}.apparel-page .headnav{gap:13px}.apparel-page .headnav a{font-size:11px}.apparel-page .brandmark-word{font-size:16px}.apparel-page .brandmark-logo{width:30px;height:30px}.apparel-page .bag{font-size:11px}.apparel-modal{padding:23px 16px}.apparel-teaser .wrap{grid-template-columns:1fr}.apparel-teaser{padding:35px 0}}

.apparel-page .headnav{display:flex;align-items:center;gap:26px}.apparel-page .brandmark .z{color:var(--brass)}.apparel-page .apparel-kicker a{color:inherit}.apparel-page .apparel-thumbs img{height:auto}.apparel-page .apparel-hero img{height:auto}.apparel-page #vDrawer{color:var(--text)}
@media(max-width:420px){.apparel-page .site-head{flex-wrap:wrap;gap:14px}.apparel-page .headnav{justify-content:space-between;width:100%;gap:15px}.apparel-page .brandmark-word{font-size:13px}}
/* Keep both departments, currency and bag reachable on narrow art pages too. */
@media(max-width:600px){body:not(.apparel-page) .site-head{flex-wrap:wrap;gap:12px}body:not(.apparel-page) .site-head .headnav{width:100%;justify-content:space-between;gap:12px}}

/* Shared department navigation and homepage collection tabs. */
.site-head .headnav .apparel-nav{padding:8px 0;border-bottom:1px solid transparent;white-space:nowrap}
.site-head .headnav .apparel-nav[aria-current]{color:var(--brass-hi);border-bottom-color:var(--brass)}
.apparel-page .headnav a{font-size:10px}
.apparel-page h1,.apparel-card-copy h2,.apparel-story h2{font-weight:430;color:var(--bone);font-variation-settings:"opsz" 100,"wght" 430}
.apparel-page .apparel-details summary{color:var(--bone)}
.apparel-modal .close{color:var(--text)}
.guide-controls button{color:var(--text)}
.apparel-page .headnav a:hover,.apparel-footer a:hover{color:var(--brass-hi)}
#collection{scroll-margin-top:100px}
.collection-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}
.collection-heading .sect-head{margin-bottom:0}
.collection-tabs{display:flex;gap:28px;border-bottom:1px solid var(--rule);flex-shrink:0}
.collection-tabs[hidden],#artworksPanel[hidden],#clothingPanel[hidden]{display:none}
.collection-tabs button{display:inline-flex;align-items:center;gap:10px;padding:15px 0;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:var(--mute);font:500 11px/1.4 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.collection-tabs button span{font-size:10px;letter-spacing:0;opacity:.7}
.collection-tabs button[aria-selected=true]{color:var(--brass-hi);border-bottom-color:var(--brass)}
.collection-tabs button:hover{color:var(--bone)}
#clothingPanel .apparel-card{border:1px solid var(--rule)}
#clothingPanel .apparel-card-copy p{margin:18px 0;color:var(--text)}
#clothingPanel .apparel-card-copy small{color:var(--mute);font-size:13px}
#clothingPanel .text-link{font:11px 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--brass-hi);padding-bottom:7px}
@media(max-width:760px){.collection-heading{align-items:flex-start;flex-direction:column;gap:18px}.collection-tabs{width:100%}.collection-tabs button{flex:1;justify-content:center}#collection{scroll-margin-top:122px}}
.apparel-fullsize{display:block;text-align:center;padding:9px 10px;color:var(--brass-hi);font:11px 'JetBrains Mono',monospace}#imageZoom img{max-height:82vh}

/* Measurement aid and clear preview state. */
.guide-diagram{display:block;width:100%;max-width:310px;height:auto;margin:16px auto;color:var(--bone)}
.guide-diagram text{font:15px 'JetBrains Mono',monospace}.guide-measure-note{color:var(--mute)}
#sizeGuide{max-height:90vh;overflow:auto}.apparel-add:disabled{opacity:1;background:var(--surface-1);border:1px solid var(--rule);color:var(--mute);cursor:default}

/* Manual six-view gallery: back/front for each colour, bounded at either end. */
.apparel-carousel{min-width:0}.apparel-image-stage{position:relative;background:var(--surface-1)}
.apparel-image-stage>a,.apparel-image-stage>.apparel-hero{display:block;width:100%}
.apparel-image-stage img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:3 / 4}
.apparel-arrow{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(239,233,219,.4);border-radius:50%;background:rgba(6,6,7,.8);color:var(--bone);font:22px Georgia,serif;cursor:pointer;z-index:2}
.apparel-arrow:hover{background:var(--void);border-color:var(--brass)}.apparel-prev{left:12px}.apparel-next{right:12px}.apparel-arrow[hidden],[data-department][hidden]{display:none!important}
.apparel-card .apparel-view-label{padding:0 16px 14px;margin:14px 0 0;font:11px 'JetBrains Mono',monospace;color:var(--mute)}
.apparel-card-copy h2 a{color:inherit;text-decoration:none}.apparel-card-copy a.text-link{color:var(--brass-hi)}
.clothing-feature{border-top:1px solid var(--rule-soft)}.clothing-feature-image{display:block;max-width:480px;width:100%;margin:auto}
.clothing-feature-image img{width:100%;height:auto}.clothing-feature .spotlight{gap:clamp(28px,5vw,64px)}
@media(max-width:760px){.apparel-arrow{width:40px;height:40px}.apparel-prev{left:9px}.apparel-next{right:9px}}

#imageZoom{width:calc(100% - 24px);padding-top:48px;overflow:hidden}#imageZoom .close{z-index:3;top:8px;right:8px}
.image-detail-scroll{max-height:73vh;overflow:auto;overscroll-behavior:contain}#imageZoom .image-detail-scroll img{max-height:73vh;cursor:zoom-in}
#imageZoom.detail-view .image-detail-scroll img{width:auto;max-width:none;max-height:none;height:auto;margin:auto}

.apparel-blank{margin:2rem 0 0;max-width:360px}.apparel-blank img{display:block;width:100%;height:auto}.apparel-blank figcaption{font-size:.75rem;color:var(--muted,#9e998f);line-height:1.5;margin-top:.6rem}
#apparelFits{flex-wrap:wrap}#apparelFits button{width:auto;padding:.65rem 1rem}#fitDescription{margin:.6rem 0 0}
#apparelFits{clear:both}#apparelFits button{white-space:nowrap;flex-shrink:0}
#vApparelAddress{margin:.6rem 0;font-size:.8rem}#vApparelAddress label{display:block;margin:.6rem 0}#vApparelAddress input{display:block;width:100%;box-sizing:border-box;padding:.6rem;margin-top:.3rem;background:var(--surface-1);color:var(--text);border:1px solid var(--rule)}#vApparelAddress p{font-size:.75rem;color:var(--mute)}