/* Vorntier — a quiet, consistent storefront. Shared by every page. */
:root{--bg:#f7f6f2;--card:#ebe9e3;--field:#fdfcf9;--ink:#292a26;--mute:#686962;--dim:#92938c;--line:#ddded6;--gold:#777b6c;--gold-hi:#30372d;--gold-ink:#636958;--noir:#efeee8;--noir-2:#f7f6f2;--on-noir:#292a26;--on-noir-mute:#686962;--noir-line:#d9dbd2;--g:clamp(22px,4.5vw,80px);--hdr:86px;--font:"Inter Tight",Inter,"Helvetica Neue",Arial,sans-serif}
html{background:var(--bg);scroll-padding-top:100px}body{font-size:14px}h1,h2,h3{font-weight:400}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #636958;outline-offset:5px}.skip-link{position:fixed;top:10px;left:10px;z-index:500;background:var(--ink);color:var(--bg);padding:12px 20px;transform:translateY(-150%)}.skip-link:focus{transform:none}[hidden]{display:none!important}.eyebrow{font-size:10px;font-weight:400;letter-spacing:.17em;color:var(--mute)}
.btn{font-size:11px;letter-spacing:.08em;font-weight:400;text-transform:none;height:50px;padding:0 28px;background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn:hover{background:#474b40;border-color:#474b40}.btn-line{background:transparent;color:var(--ink)}.btn-line:hover{color:var(--bg)}.lnk{text-decoration-color:#a5a89a}.promo{font-size:10px;letter-spacing:.06em;text-transform:none;color:#55594e;background:#eaece4;padding:8px var(--g);border:0}.hdr,.co-hdr{background:var(--bg);border-color:var(--line)}.hdr{gap:20px}.hnav{font-size:12px;letter-spacing:0;text-transform:none;gap:25px;flex-wrap:nowrap;overflow:visible;height:auto}.hnav a{height:40px}.hnav a:hover{color:var(--ink);box-shadow:inset 0 -1px var(--ink)}.wordmark{font-family:var(--serif);font-size:27px;letter-spacing:.22em;margin-right:-.22em;font-weight:500}.hright{font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;gap:28px}.hright button{min-height:44px}.bag-btn span{background:transparent;color:var(--ink);font-weight:400;border:1px solid #bbbfb0;min-width:20px;height:20px;padding:0 4px;margin-left:4px}.burger span{background:var(--ink)}.search input::placeholder{color:var(--mute)}.search button{letter-spacing:0;text-transform:none}.mmenu{background:var(--bg)}.mmenu a[href$=".html"]{font-size:12px;letter-spacing:.05em}.co-hdr .lnk,.co-hdr .secure{letter-spacing:.04em;text-transform:none}
.cover{--stage:min(1240px,100vw);background:#f1f0ea;color:var(--ink);padding-top:49px;text-align:center}.cover::before,.cover::after{display:none}.title{margin:0;padding:0 var(--g) 37px}.title .eyebrow{color:var(--mute);font-size:10px;letter-spacing:.19em;margin-bottom:15px}.title .eyebrow::before,.title .eyebrow::after{display:none}.cover h1{font-size:clamp(54px,6.1vw,92px);font-weight:400;letter-spacing:-.04em;line-height:1;text-shadow:none}.cover h1 em{color:inherit;font-weight:400}.cover .sub{font-size:13px;color:var(--mute);margin:17px auto 0;max-width:50ch;line-height:1.6}.stage{padding:22px var(--g) 0;max-width:var(--stage)}.rail-bar{top:22px;height:3px;background:linear-gradient(#9c9d93,#d3d1c6,#898b7e);box-shadow:0 4px 7px #292a2610}.rail{padding-top:29px;gap:0}.hang{transform-origin:50% -28px}.hang::before{height:34px;width:8px;left:50%;margin-left:-4px;background:linear-gradient(90deg,#9c9788,#d6cbb7,#9a8f7a) center top/2px calc(100% - 4px) no-repeat,linear-gradient(#b9aa91,#8d816c) center bottom/8px 5px no-repeat}.hang img,.coat:nth-child(1) img,.coat:nth-child(5) img,.coat:hover img,.coat:focus-visible img{filter:drop-shadow(4px 13px 9px #39382a20);transition:filter .5s}.coat:hover img{filter:drop-shadow(5px 16px 11px #39382a30)}.rail-caption{position:relative;display:flex;justify-content:space-between;align-items:center;margin:-5px var(--g) 0;padding:0 0 35px;font-size:10px;color:var(--mute);letter-spacing:.02em}.collection-link{color:var(--ink);font-size:12px;border-bottom:1px solid #7e8174;padding:8px 0;display:inline-flex;gap:44px;align-items:center}.collection-link span{font-size:19px}.perks{background:var(--bg);border-color:var(--line)}.perks div{padding:23px 10px;gap:4px}.perks div+div{border:0}.perks b{font-size:11px;letter-spacing:.015em;text-transform:none;font-weight:400;color:var(--ink)}.perks span{font-size:11px;color:var(--mute)}
.collection{max-width:1600px;margin:auto;padding-top:90px;padding-bottom:60px}.sec-head{text-align:left;display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.sec-head .eyebrow{margin-bottom:10px}.sec-head h2{font-size:clamp(38px,4vw,56px);font-weight:400;letter-spacing:-.035em}.sec-head>p{font-size:12px;color:var(--mute);margin-bottom:5px}.cats{gap:22px}.cat-img{aspect-ratio:3/4}.cat-meta{padding-top:18px}.cat-meta b{font-family:var(--font);font-size:13px;font-weight:400;line-height:1.4}.cat-meta em{font-size:10px;letter-spacing:0;text-transform:none;color:var(--mute)}.cats-more{font-size:11px;letter-spacing:0;text-transform:none;color:var(--mute);margin-top:32px}.cats-more a{border:0;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line)}
.shop{max-width:1600px;margin:auto;padding-top:8px;padding-bottom:95px}.shop-bar{gap:25px;display:grid;grid-template-columns:1fr;padding:32px 0 22px;margin:0}.shop-left h2{font-size:36px;font-weight:400;letter-spacing:-.025em}.count{font-size:11px;text-transform:none;letter-spacing:0}.shop-right{justify-content:space-between;gap:20px}.filters{gap:5px 20px}.filters button{font-size:11px;font-weight:400;letter-spacing:0;text-transform:none;height:38px}.filters button.active{border-color:var(--ink)}.sort{letter-spacing:0;text-transform:none;font-size:11px}.sort select{font-size:11px;font-weight:400}.grid{gap:36px 22px}.card-media{aspect-ratio:3/4}.card-name{font-size:12px;font-weight:400;text-align:left}.card-name::after{content:"";position:absolute;inset:0}.card:focus-within{outline:1px solid var(--mute);outline-offset:5px}.quick{z-index:2;background:#f7f6f2f5;left:0;right:0;bottom:0;padding:14px 10px}.quick-sizes button{position:relative}.card:focus-within .quick{opacity:1;transform:none}.card-sub{font-size:10px;letter-spacing:0;text-transform:none;color:var(--mute);margin-top:5px}.card-price{font-size:12px;font-weight:400}.card-body{gap:10px;padding-top:15px}.more-row{padding-top:45px}.more-row .btn{min-width:180px}.quick-label{font-size:10px;text-transform:none;letter-spacing:0}
.feature{background:#e9ebe3;max-width:1600px;margin:0 auto;grid-template-columns:1fr 1fr}.feature::before{display:none}.feature-img{padding:0;background:#e2e4db;align-items:center;overflow:hidden}.feature-img img{width:100%;max-height:650px;object-fit:contain;mask-image:none;-webkit-mask-image:none;mix-blend-mode:multiply}.feature-copy{padding:70px clamp(30px,6vw,90px)}.feature .eyebrow{font-size:10px;color:var(--mute)}.feature-copy h2{font-size:clamp(42px,4.2vw,65px);font-weight:400;letter-spacing:-.035em;line-height:1.03;margin-bottom:24px}.feature-copy h2 em{color:var(--ink)}.feature-copy p{font-size:13px;line-height:1.8;color:#62655a}.spec{font-size:12px;margin-bottom:25px}.spec li{grid-template-columns:70px 1fr;border-color:#cfd3c6;padding:13px 0;color:#62655a}.spec li b{font-size:11px;color:var(--ink);font-weight:400;letter-spacing:0;text-transform:none}.feature .lnk{font-size:12px;color:var(--ink)}
.ftr{background:var(--bg);padding-top:70px;border-color:var(--line)}.ftr-brand{display:flex;align-items:baseline;justify-content:space-between;text-align:left;border-bottom:1px solid var(--line);padding-bottom:35px;margin-bottom:42px}.ftr-brand .wordmark{font-size:36px}.ftr-brand p{font-size:10px;letter-spacing:.1em;color:var(--mute);margin:0}.ftr-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:50px}.ftr-news h3{font-size:32px;letter-spacing:-.02em;font-weight:400}.ftr-news p{font-size:12px;line-height:1.8;color:var(--mute)}.ftr-news .eyebrow{font-size:10px;margin-bottom:10px}.ftr-col h4{font-size:11px;color:var(--ink);text-transform:none;letter-spacing:0;margin-bottom:19px}.ftr-col a{font-size:11px;margin-bottom:11px;color:var(--mute)}.ftr-bottom{font-size:10px;line-height:1.8;color:var(--mute);border-color:var(--line);gap:10px 24px}.ftr-bottom span:nth-child(2){max-width:550px}.ftr-bottom .pay{flex-basis:auto;font-size:9px;letter-spacing:0}
.overlay{background:#25282066;backdrop-filter:blur(3px)}.pd{width:min(1080px,100%)}.pd-info{padding:70px 44px 44px}.pd-info h2{font-weight:400;letter-spacing:-.02em;font-size:38px}.pd-info h2.long{font-size:31px}.crumb{font-size:9px;letter-spacing:.08em}.price{font-size:16px}.opt-label,summary{letter-spacing:.03em;text-transform:none;font-size:12px;font-weight:400}.chips button{min-width:45px;font-size:12px}.stock{font-size:11px;line-height:1.7}.close{background:var(--bg);border:1px solid var(--line);font-size:24px;width:40px;height:40px}.bag-head{padding:24px}.bag-head h3{font-size:30px;font-weight:400}.shipbar{font-size:11px;letter-spacing:0;text-transform:none}.bag-foot{padding:24px}.bag-foot .row{font-size:14px;font-weight:400}.toast{background:var(--ink);color:var(--bg);text-transform:none;letter-spacing:0;font-size:12px}
main .legal,main .cwrap{padding-top:75px;padding-bottom:95px}main .legal{max-width:830px}main .legal h1,main .cwrap h1{font-size:clamp(44px,5vw,64px);font-weight:400;letter-spacing:-.035em;margin-bottom:28px}main .legal .u{letter-spacing:.06em;font-size:10px}main .legal h2{font-size:28px;font-weight:400;margin-top:36px}main .legal p,main .legal li{font-size:14px;line-height:1.9}main .cgrid{border:0;gap:1px;background:var(--line)}main .ccell{padding:30px 24px}main .ccell .k{letter-spacing:.06em;font-size:10px}main .ccell .v{font-size:14px;overflow-wrap:anywhere}main .cform h2{font-size:32px}.co-sum{background:#eeeee7}.co-form{padding-top:55px}.co h2{font-weight:400;font-size:29px}.co-tot .row.big{font-weight:400}.fld input,.fld select{border-color:var(--line);background:var(--field);font-size:14px;height:52px}.note{line-height:1.7}.co-empty .btn{margin-top:25px}
@keyframes quiet-sway{0%,100%{transform:rotate(-.45deg)}50%{transform:rotate(.45deg)}}
@media(prefers-reduced-motion:no-preference){.hang{animation:quiet-sway 7s ease-in-out infinite;animation-delay:calc(var(--d,0) * -1.7s)}.coat:nth-child(even) .hang{animation-duration:8.5s;animation-direction:reverse}.coat:hover .hang{animation-play-state:paused}.title>*{animation:rise .8s ease backwards}.title>*:nth-child(1){animation-delay:.05s}.title>*:nth-child(2){animation-delay:.15s}.title>*:nth-child(3){animation-delay:.25s}}
@media(max-width:1100px){.hnav{gap:17px;font-size:11px}.filters{gap:3px 15px}.shop-right{align-items:flex-start}.ftr-grid{gap:28px}.cats{gap:16px}.cat-meta{flex-direction:column;gap:5px}.feature-copy{padding:45px 35px}}
@media(max-width:900px){.feature{grid-template-columns:1fr 1fr}.feature-img img{width:100%}.feature-copy{padding:45px 26px}.feature-copy h2{font-size:43px}.cats{grid-template-columns:repeat(4,minmax(0,1fr))}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hnav a:last-child{display:none}.rail-caption>span{font-size:9px}.collection-link{gap:18px}.ftr-grid{grid-template-columns:1.5fr 1fr 1fr}.ftr-col:last-child{grid-column:2}.ftr-brand .wordmark{font-size:30px}}
@media(max-width:760px){:root{--hdr:70px;--g:22px}.hdr{gap:10px}.wordmark{font-size:23px;letter-spacing:.15em;margin-right:-.15em}.hright{gap:12px;font-size:11px}.search-btn{display:block;font-size:0}.search-btn::before{content:"";display:block;width:13px;height:13px;border:1px solid currentColor;border-radius:50%;margin-right:3px}.search-btn::after{content:"";display:block;width:6px;height:1px;transform:translate(11px,1px) rotate(45deg);background:currentColor}.bag-btn span{font-size:10px;margin-left:1px;min-width:17px;height:17px}.promo{font-size:9px;padding:8px 12px;letter-spacing:0}.burger{width:22px;height:44px}.cover{padding-top:40px;--col:36vw}.cover h1{font-size:clamp(49px,10.7vw,72px)}.cover h1 em{display:inline}.title{padding-bottom:34px}.title .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:18px}.cover .sub{font-size:12px;max-width:29ch;margin-top:15px}.stage{padding:18px 0 0}.rail-bar{top:18px}.rail{padding-top:29px;width:calc(var(--col) * 3);margin-left:calc(50vw - var(--col) * 1.5)}.rail-caption{justify-content:center;padding:4px 0 30px;margin-top:0}.rail-caption>span{display:none}.collection-link{gap:35px;font-size:12px}.perks{grid-template-columns:1fr 1fr}.perks div{padding:15px 8px}.perks div:nth-child(n+3){border-top:1px solid var(--line)}.perks b{font-size:10px}.perks span{font-size:10px}.collection{padding-top:54px;padding-bottom:38px}.sec-head{margin-bottom:25px}.sec-head>p{display:none}.sec-head h2{font-size:39px}.cats{grid-template-columns:1fr 1fr;gap:27px 13px}.cat-meta{padding-top:12px}.cat-meta b{font-size:12px}.cat-meta em{font-size:10px}.cats-more{font-size:10px;line-height:2.5}.cats-more a{margin:0 6px}.shop{padding-bottom:55px}.shop-bar{padding-top:28px;gap:15px}.shop-left h2{font-size:32px}.shop-right{display:block;width:100%;min-width:0}.filters{flex-wrap:nowrap;overflow-x:auto;gap:20px;padding-bottom:8px;max-width:100%;scrollbar-width:thin}.filters button{white-space:nowrap;flex-shrink:0;min-height:40px}.sort{margin:12px 0 4px;justify-content:flex-end}.grid{grid-template-columns:1fr 1fr;gap:28px 13px}.card-body{padding-top:12px;gap:6px}.card-name{font-size:12px}.card-price{font-size:12px}.card-sub{font-size:10px}.feature{grid-template-columns:1fr}.feature-img{height:380px}.feature-img img{height:100%;width:auto;max-width:100%;object-fit:contain}.feature-copy{padding:42px var(--g) 46px}.feature-copy h2{font-size:48px}.feature-copy p{font-size:13px}.ftr{padding-top:44px}.ftr-brand{display:block;padding-bottom:26px;margin-bottom:30px}.ftr-brand p{margin-top:12px;font-size:9px}.ftr-grid{grid-template-columns:1fr 1fr;gap:32px 20px;margin-bottom:35px}.ftr-news{grid-column:1/-1}.ftr-col:last-child{grid-column:auto}.ftr-news h3{font-size:31px}.ftr-bottom{display:block;font-size:10px}.ftr-bottom span{display:block;margin-bottom:12px}.ftr-bottom .pay{font-size:9px}.pd-info{padding:30px 24px 45px}.pd-gallery img{aspect-ratio:4/5;flex:0 0 85%;object-fit:cover}.pd-info h2{font-size:34px}.pd-info h2.long{font-size:29px}.co-hdr{gap:10px}.co-hdr .lnk,.co-hdr .secure{font-size:10px}main .legal,main .cwrap{padding-top:45px;padding-bottom:60px}main .legal h1,main .cwrap h1{font-size:43px}main .legal table{font-size:12px}.co-form{padding-top:30px}.fld input,.fld select{font-size:16px}.mmenu{padding-top:120px}.mmenu a{font-size:27px;padding:11px 0}.toast{bottom:16px;top:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* The trench edit — original artwork from the atelier concept. */
.trench-stage{max-width:940px;padding:14px var(--g) 0}
.trench-stage .rail-bar{top:19px}
.trench-rail{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:0;gap:10px}
.trench-image{display:block;aspect-ratio:1/2;width:100%;background-image:url("assets/atelier-coats-material-v2.png");background-size:300% 100%;background-repeat:no-repeat;transform-origin:50% 2%;filter:drop-shadow(7px 14px 9px #39382a1f)}
.trench-navy{background-position:0 0}.trench-camel{background-position:50% 0}.trench-olive{background-position:100% 0}
.trench-label{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:var(--mute);margin:14px 0 26px}
.trench-label i{width:6px;height:6px;border-radius:50%}.swatch-navy{background:#35424d}.swatch-camel{background:#b39a70}.swatch-olive{background:#6f755c}.trench-label>span{margin-left:8px}
@media(prefers-reduced-motion:no-preference){.trench-image{animation:quiet-sway 9s ease-in-out infinite}.trench-navy{animation-delay:-2s}.trench-camel{animation-delay:-5s;animation-duration:10s}.trench-olive{animation-delay:-7s}.trench-coat:hover .trench-image{animation-play-state:paused}}
@media(max-width:760px){.trench-stage{padding:14px 14px 0;max-width:none}.trench-stage .trench-rail{grid-template-columns:repeat(3,minmax(0,1fr));width:auto;margin-left:0;gap:2px}.trench-rail .coat:nth-child(n){display:block}.trench-label{font-size:9px;gap:4px;margin:10px 0 23px}.trench-label>span{display:none}.trench-label i{width:4px;height:4px}}


/* A physical rail: brushed nickel, rounded ends, collars and ceiling supports. */
.trench-stage{padding-top:62px}
.trench-stage .rail-bar{top:65px;left:50%;margin-left:0;transform:translateX(-50%);width:min(1120px,calc(100vw - 2 * var(--g)));height:10px;border-radius:8px;border-top:1px solid #dadbd7;border-bottom:1px solid #72776e;background:linear-gradient(180deg,#82887b 0%,#b1b6a9 15%,#ebede5 32%,#dadcd2 41%,#a4aa9c 62%,#787e71 83%,#969d8e 100%);box-shadow:0 2px 2px #ffffff80 inset,0 -1px 2px #41463880 inset,0 10px 13px #353b2924,0 2px 2px #30382320;z-index:1}
.rail-support{position:absolute;bottom:3px;width:6px;height:66px;background:linear-gradient(90deg,#72796a,#d7dbce 38%,#a9b0a0 68%,#686f60);border-radius:2px;box-shadow:3px 2px 4px #464d3320;z-index:-1}
.rail-support-left{left:5%}.rail-support-right{right:5%}
.rail-support::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:27px;height:5px;border-radius:50%;border:1px solid #969d8d;background:linear-gradient(#e0e3d8,#939b87);box-shadow:0 2px 2px #525c3c22}
.rail-support::after{content:"";position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);width:13px;height:12px;border-radius:3px;border:1px solid #8e9680;background:linear-gradient(180deg,#a4ad97,#e1e6d8 30%,#bdc6ae 48%,#747f65 90%);box-shadow:2px 1px 3px #2d392f20}
.trench-rail{z-index:2}
.trench-image{filter:drop-shadow(9px 15px 8px #32392a26);transition:filter .6s}
.trench-coat:hover .trench-image{filter:drop-shadow(11px 17px 10px #32392a30)}
.cover{background:radial-gradient(ellipse at 45% 38%,#faf9f5 0%,#f1f0ea 60%,#eeede6 100%)}
@media(max-width:760px){.trench-stage{padding-top:42px}.trench-stage .rail-bar{top:44px;height:7px;width:calc(100vw - 14px)}.rail-support{height:44px;width:4px}.rail-support-left{left:3%}.rail-support-right{right:3%}.rail-support::before{width:18px;height:4px}.rail-support::after{width:9px;height:9px;bottom:-3px}}
/* Review fixes: long provider references, selected controls and custom sizing notice. */
.done .ord{max-width:100%;overflow-wrap:anywhere}.qty button:disabled{opacity:.35;cursor:default}.custom-note{padding:12px 0;margin:0 0 14px;border-top:1px solid var(--line);color:var(--ink)}
