:root{
  --paper:#FFFFFF; --ivory:#F4F4F4; --ink:#111111; --soft:#4D4D4D; --mute:#8A8A8A; --line:#E6E6E6; --gold:#AC9E78; --vgold:#8D773E;
  --serif:"Newsreader",Georgia,serif; --sans:"Archivo","Helvetica Neue",Arial,sans-serif;
  --gut:clamp(16px,4vw,56px); --hdr:72px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.6;font-weight:300;-webkit-font-smoothing:antialiased}
img,video{display:block;width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.label{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--soft)}
h1,h2,h3,h4{font-weight:300;line-height:1.15;letter-spacing:-.005em}
h1{font-size:clamp(34px,5vw,64px)} h2{font-size:clamp(28px,3.6vw,46px)} h3{font-size:clamp(22px,2.2vw,30px)}
em,.it{font-style:italic}

/* header */
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.97);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--line)}
.hdr{height:var(--hdr);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--gut)}
.nav-left,.nav-right{display:flex;gap:28px;font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.nav-right{justify-content:flex-end;align-items:center}
.nav-left a,.nav-right a,.bag-btn{position:relative;padding:6px 0;font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.nav-left a:after,.nav-right a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--ink);transition:right .35s}
.nav-left a:hover:after,.nav-right a:hover:after,.nav-left a.on:after{right:0}
.wordmark{font-family:var(--serif);font-size:clamp(17px,1.8vw,22px);letter-spacing:.28em;text-transform:uppercase;font-weight:400;white-space:nowrap;text-align:center}
.menu-btn{display:none;width:28px;height:20px;position:relative}
.menu-btn span{position:absolute;left:0;right:0;height:1px;background:var(--ink)}
.menu-btn span:first-child{top:6px}.menu-btn span:last-child{top:13px}
.mobile-menu{position:fixed;left:0;right:0;top:var(--hdr);bottom:0;z-index:39;background:var(--paper);padding:32px var(--gut);display:flex;flex-direction:column;gap:22px;font-size:30px}
.mobile-menu[hidden]{display:none}
.mobile-menu .mm-vc{margin-top:18px;padding-top:24px;border-top:1px solid var(--line);font-size:20px;font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase}

/* sections */
.wrap{padding:0 var(--gut)}
.sec{padding:clamp(64px,10vw,140px) var(--gut)}
.sec-head{text-align:center;max-width:760px;margin:0 auto clamp(36px,5vw,64px)}
.sec-head .label{margin-bottom:16px}
.sec-head p{margin-top:16px;color:var(--soft)}
.lead{font-size:clamp(22px,2.4vw,32px);line-height:1.4;max-width:900px;margin:0 auto;text-align:center;font-weight:300}
.link-line{display:inline-block;font-family:var(--sans);font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding-bottom:5px;border-bottom:1px solid var(--ink);margin-top:28px}
.link-line:hover{opacity:.6}
.btn{display:inline-block;width:100%;text-align:center;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:12px;letter-spacing:.18em;text-transform:uppercase;padding:18px 24px;transition:opacity .2s}
.btn:hover{opacity:.85}.btn[disabled]{opacity:.35;cursor:not-allowed}
.btn-line{display:inline-block;text-align:center;border:1px solid var(--ink);font-family:var(--sans);font-size:12px;letter-spacing:.18em;text-transform:uppercase;padding:16px 28px}
.center{text-align:center}

/* hero */
.hero{position:relative}
.hero-cap{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:28px var(--gut) 0}
.hero-cap h1{font-size:clamp(30px,4.2vw,56px)}
.hero-cap .label{margin-bottom:10px}
.hero-cap .right{text-align:right;max-width:360px;color:var(--soft);font-size:16px}

/* editorial split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center;padding:clamp(64px,9vw,130px) var(--gut)}
.split.rev .split-media{order:2}
.split-copy{max-width:520px}
.split-copy .label{margin-bottom:18px}
.split-copy p{margin-top:18px;color:var(--soft)}
.split-copy h2+p{margin-top:24px}
.sizes{margin-top:30px;border-top:1px solid var(--line)}
.sizes a{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font-size:17px}
.sizes a span:last-child{font-family:var(--sans);font-size:13px;letter-spacing:.06em}
.sizes a:hover{padding-left:8px;transition:padding .25s}
.notice{display:inline-block;margin-top:24px;font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);border:1px solid var(--gold);padding:10px 14px}

/* full bleed */
.bleed{position:relative}
.bleed video,.bleed img{height:min(88vh,960px);object-fit:cover}
.bleed-cap{padding:20px var(--gut) 0;display:flex;justify-content:space-between;color:var(--soft);font-size:15px}

/* grids */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,32px) clamp(12px,1.6vw,24px)}
.grid.g3{grid-template-columns:repeat(3,1fr)}
.grid.g2{grid-template-columns:repeat(2,1fr)}
.card{display:block}
.card-img{background:var(--ivory);aspect-ratio:4/5;overflow:hidden}
.card-img img{height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.card:hover .card-img img{transform:scale(1.035)}
.card-meta{padding-top:14px}
.card-name{font-size:17px;line-height:1.35}
.card-sub{font-family:var(--sans);font-size:12px;letter-spacing:.06em;color:var(--mute);margin-top:4px}
.sold{font-family:var(--sans);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-left:8px}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,20px)}
.trio figure{overflow:hidden;background:var(--ivory)}
.trio img{aspect-ratio:4/5;object-fit:cover}
.trio figcaption,.fig-cap{font-family:var(--sans);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding-top:12px}

/* press */
.press-band{padding:clamp(56px,8vw,110px) var(--gut);text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.press-band .label{margin-bottom:28px}
.outlets{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 44px;font-size:clamp(18px,2vw,26px);font-style:italic;max-width:1100px;margin:0 auto}
.press-quote{max-width:820px;margin:48px auto 0;font-size:clamp(22px,2.4vw,30px);line-height:1.4}
.press-quote cite{display:block;margin-top:14px;font-style:normal;font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.plist{max-width:1100px;margin:0 auto}
.pitem{display:grid;grid-template-columns:140px 1fr 200px;gap:28px;padding:30px 0;border-top:1px solid var(--line);align-items:start}
.pitem:last-child{border-bottom:1px solid var(--line)}
.pitem .pdate{font-family:var(--sans);font-size:12px;letter-spacing:.08em;color:var(--mute);padding-top:6px}
.pitem h3{font-size:clamp(20px,2vw,26px)}
.pitem .pout{font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--soft);margin-bottom:10px}
.pitem p{color:var(--soft);margin-top:8px;font-size:16px}
.pitem q{display:block;margin-top:12px;font-style:italic;color:var(--ink)}
.pitem .pimg{aspect-ratio:4/3;overflow:hidden;background:var(--ivory)}
.pitem .pimg img{height:100%;object-fit:cover}
.pitem a.read{display:inline-block;margin-top:14px;font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:3px}
.ptabs{display:flex;justify-content:center;gap:28px;margin-bottom:40px;font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap}
.ptabs button{padding-bottom:6px;border-bottom:1px solid transparent;color:var(--mute)}
.ptabs button.on{border-color:var(--ink);color:var(--ink)}

/* artist */
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;border-top:1px solid var(--line);padding-top:36px;margin-top:20px}
.facts div{font-size:16px;color:var(--soft)}
.facts strong{display:block;font-weight:400;color:var(--ink);font-size:20px;margin-bottom:6px}

/* product */
.pdp{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);gap:clamp(28px,5vw,80px);padding:clamp(28px,4vw,56px) var(--gut) clamp(64px,8vw,120px)}
.pdp-media{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pdp-media img{background:var(--ivory);aspect-ratio:4/5;object-fit:cover}
.pdp-media img:first-child{grid-column:1/-1}
.pdp-info{position:sticky;top:calc(var(--hdr) + 32px);align-self:start;max-width:470px}
.crumb{font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.pdp-info h1{font-size:clamp(28px,3vw,40px);margin:16px 0 10px}
.pdp-price{font-family:var(--sans);font-size:15px;letter-spacing:.04em;margin-bottom:26px}
.pdp-desc{color:var(--soft);font-size:16px}
.pdp-desc p{margin-bottom:12px}
.pdp-desc strong,.pdp-desc b{color:var(--ink);font-weight:400}
.pdp-desc a{border-bottom:1px solid var(--line)}
.opt{margin:24px 0}
.opt .label{margin-bottom:12px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--line);padding:11px 16px;font-family:var(--sans);font-size:12px;letter-spacing:.06em}
.chip[aria-pressed="true"],.chip.on{border-color:var(--ink)}
.chip[disabled]{opacity:.35;text-decoration:line-through}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line)}
.qty button{width:40px;height:40px}
.qty span{min-width:28px;text-align:center;font-family:var(--sans);font-size:13px}
.pdp-small{margin-top:20px;font-family:var(--sans);font-size:12px;letter-spacing:.04em;color:var(--mute);line-height:1.7}
.acc{border-top:1px solid var(--line);margin-top:30px}
.acc details{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;cursor:pointer;padding:16px 0;font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;display:flex;justify-content:space-between}
.acc summary::-webkit-details-marker{display:none}
.acc summary:after{content:"+"}
.acc details[open] summary:after{content:"−"}
.acc .acc-body{padding:0 0 18px;color:var(--soft);font-size:15px}
.note{font-family:var(--sans);font-size:12px;margin-top:12px;color:var(--soft)}
.note.err{color:#9b2c2c}

/* vogel collections */
.vc-bar{background:var(--ink);color:var(--gold);text-align:center;padding:14px var(--gut);font-family:var(--sans);font-size:11px;letter-spacing:.24em;text-transform:uppercase}
.vc-hero{display:grid;grid-template-columns:1fr 1fr;min-height:70vh}
.vc-hero .vc-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,96px);background:var(--paper);border-bottom:1px solid var(--line)}
.vc-hero .vc-copy h1{font-size:clamp(38px,5vw,68px);letter-spacing:.02em}
.vc-hero .vc-copy p{color:var(--soft);margin-top:20px;max-width:440px}
.vc-hero .vc-img img{height:100%;object-fit:cover}

/* bag */
.scrim{position:fixed;inset:0;background:rgba(17,17,17,.36);z-index:50}
.scrim[hidden],.bag[hidden]{display:none}
.bag{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--paper);z-index:51;display:flex;flex-direction:column}
.bag-head{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--line)}
.bag-head button{font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.bag-body{flex:1;overflow:auto;padding:8px 24px 24px;display:flex;flex-direction:column}
.bag-empty{margin:auto;text-align:center;color:var(--soft)}
.bag-empty .btn-line{margin-top:20px}
.line{display:grid;grid-template-columns:84px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.line img{aspect-ratio:4/5;object-fit:cover;background:var(--ivory)}
.line-name{font-size:16px;line-height:1.35}
.line-desc{font-family:var(--sans);font-size:11px;color:var(--mute);margin-top:4px}
.line-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.line-row .qty button{width:32px;height:32px}
.line-price{font-family:var(--sans);font-size:13px}
.remove{font-family:var(--sans);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:10px}
.bag-foot{margin-top:auto;padding-top:24px}
.sum{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.sum strong{font-family:var(--sans);font-weight:500;font-size:15px}
.bag-foot small{display:block;font-family:var(--sans);font-size:11px;color:var(--mute);margin-bottom:18px}

/* footer */
.site-footer{border-top:1px solid var(--line);padding:clamp(56px,7vw,96px) var(--gut) 28px;margin-top:40px}
.ft-top{display:grid;grid-template-columns:1.1fr 1.4fr;gap:clamp(40px,6vw,100px)}
.list-form p{color:var(--soft);margin:12px 0 18px;font-size:16px}
.list-row{display:flex;border-bottom:1px solid var(--ink);max-width:420px}
.list-row input{flex:1;border:0;background:none;font:inherit;font-size:16px;padding:10px 0;outline:none}
.list-row button{font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.ft-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.ft-cols a{display:block;font-size:15px;color:var(--soft);margin-top:10px}
.ft-cols a:hover{color:var(--ink)}
.ft-cols .label{margin-bottom:6px}
.ft-bottom{display:flex;justify-content:space-between;margin-top:64px;font-family:var(--sans);font-size:11px;letter-spacing:.1em;color:var(--mute)}

/* misc */
.loading,.empty{padding:120px 0;text-align:center;font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.legal{max-width:760px;margin:0 auto;padding:clamp(56px,8vw,110px) var(--gut)}
.legal h1{font-size:clamp(32px,4vw,48px);margin-bottom:28px}
.legal h2{font-size:22px;margin:36px 0 12px}
.legal p,.legal li{color:var(--soft);font-size:16px;margin-bottom:12px}
.legal ul{padding-left:20px}
.thanks{max-width:620px;margin:0 auto;text-align:center;padding:clamp(80px,12vw,160px) var(--gut)}
.thanks p{color:var(--soft);margin:20px 0 32px}
.commission{background:var(--ink);color:#fff;padding:clamp(56px,8vw,110px) var(--gut);text-align:center}
.commission p{max-width:620px;margin:18px auto 0;color:#cfcfcf}.commission .label{color:var(--gold)}.commission .btn-line{border-color:var(--gold);color:#fff}.commission .btn-line:hover{background:var(--gold);color:var(--ink)}
.fade{opacity:0;transform:translateY(16px);transition:opacity 1s ease,transform 1s ease}
.fade.in{opacity:1;transform:none}

@media (max-width:1000px){
  .nav-left,.nr-link{display:none}
  .menu-btn{display:block}
  .hdr{grid-template-columns:40px 1fr auto}
  .wordmark{font-size:15px;letter-spacing:.2em}
  .grid{grid-template-columns:repeat(2,1fr)}
  .grid.g3{grid-template-columns:repeat(2,1fr)}
  .split,.vc-hero{grid-template-columns:1fr}
  .split.rev .split-media{order:0}
  .pdp{grid-template-columns:1fr}
  .pdp-info{position:static;max-width:none}
  .ft-top{grid-template-columns:1fr}
  .facts{grid-template-columns:1fr 1fr}
  .pitem{grid-template-columns:1fr;gap:12px}
  .pitem .pimg{order:-1}
}
@media (max-width:600px){
  :root{--hdr:60px}
  body{font-size:17px}
  .wordmark{font-size:12.5px;letter-spacing:.16em}
  .hero-cap{flex-direction:column;align-items:flex-start}
  .hero-cap .right{text-align:left}
  .trio{grid-template-columns:1fr}
  .grid.g2{grid-template-columns:1fr}
  .pdp-media{grid-template-columns:1fr}
  .ft-cols{grid-template-columns:1fr 1fr}
  .bleed video,.bleed img{height:70vh}
  .bleed-cap{flex-direction:column;gap:4px}
  .nav-right{gap:0}
}
.split-media img{aspect-ratio:4/5;max-height:88vh;object-fit:cover;object-position:50% 62%}
.split-media.tall img{aspect-ratio:3/4}
@media (max-width:1000px){.split-media img{max-height:none}}
.split-copy .link-line,.vc-copy .link-line{align-self:flex-start}
.card-img picture{display:block;height:100%}
.card-img.room img{object-position:50% 36%}
.pdp-media img{object-fit:contain}
.hero-cap .right .link-line{display:table;margin-top:14px}

.wordmark img{height:34px;width:auto;margin:0 auto}
.wordmark .logo-mfv{filter:url(#goldie)}
.wordmark .logo-vc{display:none;height:40px}
body.is-vc .wordmark .logo-mfv{display:none}
body.is-vc .wordmark .logo-vc{display:block}
.lang-btn{font-family:var(--sans);font-size:12px;letter-spacing:.14em;margin-right:22px;color:var(--soft)}
.lang-btn:hover{color:var(--ink)}
.mm-lang{margin-top:12px;text-align:left;font-family:var(--sans);font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.vc-logo{height:56px;width:auto;margin-bottom:18px}
.ship-box{border:1px solid var(--line);padding:16px 18px;margin:22px 0 0}
.ship-box label{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:15px;color:var(--ink)}
.ship-box input{margin-top:5px;width:16px;height:16px;accent-color:var(--ink)}
.ship-box p{margin:10px 0 0 28px;font-size:14px;color:var(--soft)}
@media (max-width:600px){.wordmark img{height:26px}.wordmark .logo-vc{height:30px}.lang-btn{margin-right:14px}}
.wordmark img.logo-mfv{height:58px;width:auto;margin:-6px auto}
.vc-logo{width:auto !important;max-width:220px;height:auto !important;aspect-ratio:auto}
@media (max-width:600px){.wordmark img.logo-mfv{height:42px}}
body.is-vc .wordmark .logo-vc{height:50px;width:auto}

/* v11: black, white and signature gold */
.nav-left a:after,.nav-right a:after{background:var(--gold)}
.nav-right{gap:28px}
.press-quote{color:var(--ink)}
.press-quote:before{content:"";display:block;width:48px;height:1px;background:var(--gold);margin:0 auto 32px}
.outlets span{color:var(--ink)}
.lead{color:var(--ink)}
.creds-sec .lead:after{content:"";display:block;width:48px;height:1px;background:var(--gold);margin:40px auto 0}
.mobile-menu .mm-sub{font-size:16px;font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);padding-left:18px;margin-top:-10px}

/* hero carousel */
.hero{position:relative;height:calc(100vh - var(--hdr));min-height:560px;overflow:hidden;background:#fff}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease;pointer-events:none}
.slide.on{opacity:1;pointer-events:auto}
.slide-media{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#fff}
.slide-media>picture,.slide-media>div{display:block;height:100%;overflow:hidden;background:var(--ivory)}
.slide-media img{height:100%;width:100%;object-fit:cover}
.slide-cap{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:120px var(--gut) 56px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));color:#fff}
.slide-cap .label{color:#fff;margin-bottom:10px}
.slide-cap h1{font-size:clamp(32px,4.4vw,60px)}
.slide-cap .right{max-width:360px;text-align:right;font-size:16px}
.slide-cap .right p{color:rgba(255,255,255,.88)}
.slide-cap .link-line{border-color:var(--gold);margin-top:14px;color:#fff}
.cap-logo{height:78px;width:auto;margin:0 0 6px -6px;filter:brightness(0) invert(1)}
.dots{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:10px;z-index:3}
.dots button{width:28px;height:2px;background:rgba(255,255,255,.45)}
.dots button.on{background:var(--gold)}
.arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;color:#fff;font-size:34px;line-height:1;opacity:.75}
.arrow:hover{opacity:1}.arrow.prev{left:10px}.arrow.next{right:10px}

/* moments */
.moments .trio figure{background:none}
.moments .trio img{aspect-ratio:4/3}
.moments figcaption{text-transform:none;letter-spacing:0;font-family:var(--serif);font-size:16px;color:var(--soft);padding-top:18px}
.moments figcaption .yr{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.moments figcaption strong{display:block;font-weight:400;color:var(--ink);font-size:21px;line-height:1.3;margin-bottom:8px}
.moments .center{margin-top:24px}

/* vogel collections band, centered */
.vc-band{text-align:center;padding:clamp(72px,10vw,140px) var(--gut);border-top:1px solid var(--line)}
.vc-band .vc-logo{display:block;margin:0 auto 22px;max-width:240px}
.vc-band p{color:var(--soft);max-width:520px;margin:0 auto}
.vc-row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,24px);max-width:1100px;margin:48px auto 8px}
.vc-row img{aspect-ratio:4/5;object-fit:cover;background:var(--ivory)}
.vc-row span{display:block;font-size:16px;margin-top:12px}
.vc-tabs{margin:48px 0 0}
.vc-tabs a{padding-bottom:6px;border-bottom:1px solid transparent;color:var(--mute)}
.vc-tabs a.on{border-color:var(--gold);color:var(--ink)}
.vc-sec{padding-top:clamp(48px,6vw,90px);padding-bottom:0}
.vc-sec:last-of-type{padding-bottom:clamp(64px,8vw,120px)}

/* add to bag / collect on every card */
.card a{display:block}
.card-btn{display:block;width:100%;margin-top:14px;border:1px solid var(--ink);padding:12px 10px;font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;transition:background .25s,color .25s}
.card-btn:hover{background:var(--ink);color:#fff}
.card-btn[disabled]{opacity:.35;cursor:not-allowed;background:none;color:var(--ink)}
.card-img.room img{object-position:50% 50%}

@media (max-width:1000px){
  .nav-right{gap:0}
}
@media (max-width:700px){
  .hero{height:78vh;min-height:0}
  .slide-media{grid-template-columns:1fr}
  .slide-media>.pb{display:none}
  .slide-cap{flex-direction:column;align-items:flex-start;padding:90px var(--gut) 52px}
  .slide-cap .right{text-align:left}
  .arrow{display:none}
  .vc-row{grid-template-columns:1fr 1fr}
  .vc-row a:nth-child(3){display:none}
}

/* v13 */
.nav-left{gap:24px}.nav-right{gap:22px}
.dd{position:relative}
.dd-menu{position:absolute;top:100%;left:-18px;background:#fff;border:1px solid var(--line);padding:14px 18px;display:none;flex-direction:column;gap:12px;min-width:180px;z-index:45}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:flex}
.dd-menu a{font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:0}
.mobile-menu{gap:14px;font-size:24px;overflow:auto}
.mobile-menu .mm-h{font-family:var(--sans);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.mobile-menu .mm-h:first-child{margin-top:0;padding-top:0;border-top:0}
@media (max-width:1200px){.nav-left,.nav-right{gap:16px}.nav-left a,.nav-right a,.bag-btn{font-size:11px;letter-spacing:.1em}}
/* edition with sizes */
.ed-media{position:relative}
.ed-pic{display:none}.ed-pic.on{display:block}
.ed-cap{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-top:12px}
.size-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}
.size-pick{display:flex;justify-content:space-between;text-align:left;font-size:17px;padding:8px 10px 8px 0;border-left:2px solid transparent;transition:padding .25s,border-color .25s}
.size-pick em{color:var(--mute)}
.size-pick .sp{font-family:var(--sans);font-size:13px;letter-spacing:.06em}
.size-row.on .size-pick{border-left-color:var(--gold);padding-left:12px}
.size-add{width:auto;margin:0;padding:10px 16px}
.ed-note{font-size:15px}
.sizes a{display:none}
/* film diptych */
.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.film-grid video{width:100%;aspect-ratio:4/5;object-fit:cover;background:#111}
@media (max-width:700px){.film-grid{grid-template-columns:1fr}.film-b{display:none}}
/* logos */
.logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 46px;max-width:1100px;margin:0 auto 8px}
.logos .logo-img{height:30px;width:auto;filter:grayscale(1) contrast(1.1);opacity:.8}
.logos .wm{font-family:var(--serif);font-style:italic;font-size:clamp(17px,1.7vw,22px);color:var(--ink)}
/* press grid */
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 28px;max-width:1240px;margin:0 auto}
.pcard{display:flex;flex-direction:column}
.pthumb{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--ivory)}
.pthumb img,.pthumb picture{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.pcard:hover .pthumb img{transform:scale(1.035)}
.ptype{position:absolute;inset:0;background:#111;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;padding:20px}
.ptype span{font-family:var(--serif);font-size:26px;font-style:italic}
.ptype em{font-family:var(--sans);font-style:normal;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.play{position:absolute;left:14px;bottom:12px;color:#fff;font-size:14px;background:rgba(0,0,0,.45);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.pmeta{display:flex;justify-content:space-between;gap:10px;margin-top:16px;font-family:var(--sans);font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.pmeta .pout{color:var(--ink)}.pmeta .pdate{color:var(--mute)}
.pcard h3{font-size:21px;line-height:1.3;margin-top:10px}
.pcard q,.pcard p{display:block;margin-top:10px;font-size:15px;color:var(--soft)}
.pcard q{font-style:italic}
.pcard .read{margin-top:14px;align-self:flex-start;font-family:var(--sans);font-size:10px;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:3px}
.ptabs{margin:40px 0 48px}
@media (max-width:1000px){.pgrid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.pgrid{grid-template-columns:1fr}}
/* details */
.det-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 24px;max-width:1240px;margin:0 auto}
.det-grid img{aspect-ratio:4/5;object-fit:cover}
.det-grid figcaption{padding-top:16px}
.det-grid strong{display:block;font-weight:400;font-size:21px}
.det-grid figcaption span{display:block;color:var(--soft);font-size:15px;margin-top:6px}
@media (max-width:800px){.det-grid{grid-template-columns:1fr 1fr}}
/* commission */
.commission{text-align:left}
.com-head{text-align:center;max-width:720px;margin:0 auto}
.com-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:48px auto;max-width:1400px}
.com-wall img{aspect-ratio:3/4;object-fit:cover}
.com-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:1200px;margin:0 auto 56px;padding:0}
.com-steps span{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.2em;color:var(--gold)}
.com-steps strong{display:block;font-weight:400;font-size:22px;margin:10px 0 8px}
.com-steps p{color:#cfcfcf;font-size:15px;margin:0;max-width:none}
.com-form{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.com-form .f2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.com-form label span{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.com-form input,.com-form select,.com-form textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #555;color:#fff;font:inherit;font-size:16px;padding:8px 0;outline:none}
.com-form select option{color:#111}
.com-form .btn{background:var(--gold);color:#111;margin-top:10px}
.com-thanks{text-align:center;font-size:22px}
@media (max-width:900px){.com-wall{grid-template-columns:repeat(3,1fr)}.com-steps{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.com-form .f2{grid-template-columns:1fr}.com-steps{grid-template-columns:1fr}}
/* wrapping */
.wrap-sec{padding:clamp(64px,8vw,120px) var(--gut);border-top:1px solid var(--line)}
.wrap-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;max-width:1300px;margin:0 auto;height:min(90vh,900px)}
.wrap-grid figure{overflow:hidden}.wrap-grid img,.wrap-grid picture{width:100%;height:100%;object-fit:cover;display:block}
.wrap-grid .w1{grid-row:1/3}.wrap-grid .w4{grid-column:2/4}
@media (max-width:700px){.wrap-grid{grid-template-columns:1fr 1fr;height:auto}.wrap-grid .w1{grid-row:auto;grid-column:1/3}.wrap-grid .w4{grid-column:1/3}.wrap-grid img{aspect-ratio:4/5}}
.pdp-vid{width:100%;aspect-ratio:4/5;object-fit:cover;background:#111}
.pdp-media .pdp-vid:first-child{grid-column:1/-1}
.trio-sec .trio img{aspect-ratio:4/5;object-fit:cover}

/* v16: single image hero, single film, archive */
.slide-media.one{display:block}
.slide-media.one picture,.slide-media.one img{display:block;width:100%;height:100%;object-fit:cover}
.mobile-menu .mm-home{font-size:24px}
.film{padding:clamp(64px,8vw,120px) var(--gut)}
.film-one{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center;max-width:1300px;margin:0 auto}
.film-one video{width:100%;aspect-ratio:4/5;object-fit:cover;background:#111}
.film-copy .label{margin-bottom:18px}.film-copy p{margin-top:18px;color:var(--soft);max-width:440px}
@media (max-width:800px){.film-one{grid-template-columns:1fr}}
.arc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 22px;max-width:1300px;margin:0 auto}
.arc-img{aspect-ratio:4/5;overflow:hidden;background:var(--ivory)}
.arc-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.arc-card:hover .arc-img img{transform:scale(1.04)}
.arc-y{display:block;margin-top:14px;font-family:var(--sans);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.arc-card h3{font-size:21px;margin-top:6px}
@media (max-width:1000px){.arc-grid{grid-template-columns:repeat(2,1fr)}}
.col-grid{columns:3 320px;column-gap:18px;max-width:1300px;margin:0 auto}
.col-grid figure{break-inside:avoid;margin:0 0 18px;cursor:zoom-in;background:var(--ivory)}
.col-grid img{width:100%;height:auto;display:block}
.lightbox{position:fixed;inset:0;background:rgba(255,255,255,.97);z-index:60;display:flex;align-items:center;justify-content:center;padding:4vh 4vw;cursor:zoom-out}
.lightbox[hidden]{display:none}
.lightbox img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.lb-x{position:absolute;top:18px;right:22px;font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase}

/* v17: whole image hero, caption below, never cropped previews */
.hero{height:auto;min-height:0;overflow:visible;background:#fff}
.hero .slides-box{position:relative}
.hero .slide{position:relative;display:none;inset:auto}
.hero .slide.on{display:block;animation:hfade 1.2s ease}
@keyframes hfade{from{opacity:0}to{opacity:1}}
.slide-media.one{position:relative;inset:auto;aspect-ratio:16/9;width:100%;height:auto}
.slide-media.one picture,.slide-media.one img{width:100%;height:100%;object-fit:cover}
.slide-cap{position:relative;background:none;color:var(--ink);padding:28px var(--gut) 40px}
.slide-cap .label{color:var(--gold)}
.slide-cap .right p{color:var(--soft)}
.slide-cap .link-line{color:var(--ink)}
.cap-logo{filter:none;height:64px}
.dots{bottom:auto;top:calc(56.25vw - 30px)}
.dots button{background:rgba(255,255,255,.7)}
.arrow{top:28.1vw}
@media (max-width:700px){
  .slide-media.one{aspect-ratio:4/5}
  .dots{top:calc(125vw - 28px)}
  .slide-cap{padding:22px var(--gut) 34px}
}
/* product and archive previews show the whole work */
.card-img img,.arc-img img{object-fit:contain;padding:6%;background:var(--ivory)}
.card-img.room img{padding:0;object-fit:contain}
/* moments carousel */
.mc{position:relative}
.mc-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px}
.mc-track::-webkit-scrollbar{display:none}
.mc-item{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;margin:0}
.mc-item img{aspect-ratio:4/3;object-fit:cover;width:100%}
.mc-btn{position:absolute;top:calc((100% - 40px)/6);z-index:2;width:44px;height:44px;background:rgba(255,255,255,.92);color:var(--ink);font-size:28px;line-height:1;border-radius:50%}
.mc-btn.prev{left:-14px}.mc-btn.next{right:-14px}
@media (max-width:900px){.mc-item{flex-basis:78%}.mc-btn{display:none}}
/* vogel collections categories */
.vc-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,24px);max-width:1200px;margin:48px auto 40px;text-align:left}
.vc-cat img,.vc-cat-img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--ivory)}
.vc-cat-img img{width:100%;height:100%;object-fit:cover}
.vc-cat .label{display:block;margin-top:16px}
.vc-cat strong{display:block;font-weight:400;font-size:21px;margin-top:6px}
@media (max-width:700px){.vc-cats{grid-template-columns:1fr}}
/* commissions: light, editorial */
.commission{background:var(--ivory);color:var(--ink)}
.commission p,.com-steps p{color:var(--soft)}
.commission .label{color:var(--gold)}
.com-steps{border-top:1px solid var(--line);padding-top:36px}
.com-steps strong{font-size:21px;margin-top:0}
.com-form{background:#fff;padding:clamp(28px,4vw,56px);border:1px solid var(--line)}
.com-form input,.com-form select,.com-form textarea{border-bottom:1px solid var(--line);color:var(--ink)}
.com-form .btn{background:var(--ink);color:#fff}
.com-form .btn:hover{background:var(--gold);color:#fff}
.commission .btn-line{color:var(--ink)}
/* v19 commissions, bespoke */
.com-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center;max-width:1300px;margin:64px auto}
.com-intro-img img{width:100%;aspect-ratio:1/1;object-fit:cover}
.com-intro-copy h3{font-size:clamp(28px,3vw,40px);font-weight:400;margin:10px 0 20px}
.com-intro-copy blockquote{font-size:clamp(20px,2vw,26px);font-style:italic;line-height:1.45;margin:0 0 24px;color:var(--ink)}
.com-intro-copy blockquote cite{display:block;font-style:normal;font-family:var(--sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-top:12px}
.com-intro-copy p{margin:0 0 16px;max-width:none}
.com-keep{max-width:1300px;margin:72px auto}
.com-keep-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:36px}
.com-keep-grid img{width:100%;aspect-ratio:3/4;object-fit:cover}
.com-walls-head{margin-top:72px}
.commission .com-wall{margin-top:36px}
@media (max-width:900px){.com-intro{grid-template-columns:1fr}.com-keep-grid{grid-template-columns:1fr 1fr}}
/* v20: nothing is ever cropped, every image shows whole */
main img{aspect-ratio:auto !important;height:auto !important;max-width:100%;object-fit:contain !important}
.slide-media.one img{height:100% !important;object-fit:cover !important}
.card-img img,.arc-img img,.pthumb img,.vc-cat-img img{height:100% !important}
.split-media{display:flex;justify-content:center;align-items:center}
.split-media img,.split-media picture{width:auto;max-height:88vh;margin:0 auto;display:block}
@media (max-width:1000px){.split-media img{max-height:none;width:100%}}
.ed-media .ed-pic img{max-height:88vh;width:auto;margin:0 auto}
.mc-item{flex:0 0 auto;width:min-content}
.mc-item img{height:clamp(260px,30vw,440px) !important;width:auto !important;max-width:none}
.mc-item figcaption{min-width:240px}
.vc-cats,.com-keep-grid,.det-grid,.com-intro{align-items:start}
.vc-cat-img{aspect-ratio:4/5}
.com-wall,.com-keep-grid{display:block;columns:3;column-gap:6px}
.com-wall figure,.com-keep-grid figure{break-inside:avoid;margin:0 0 6px}
@media (max-width:700px){.com-wall,.com-keep-grid{columns:2}}
.wrap-grid{display:block !important;height:auto !important;columns:3;column-gap:6px}
.wrap-grid figure{break-inside:avoid;margin:0 0 6px}
.wrap-grid img{height:auto !important}
.trio{align-items:start}
.vc-hero .vc-img img{height:auto !important}
.film-one video{aspect-ratio:auto;object-fit:contain}
.split-media{flex-direction:column}.ed-cap{align-self:center}
main .logos .logo-img{height:30px !important;width:auto !important}main .cap-logo{height:64px !important;width:auto !important}main .vc-logo{max-width:220px}
/* v23 home commission band */
.com-band{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center;max-width:1300px;margin:0 auto;padding:clamp(64px,8vw,120px) var(--gut);border-top:1px solid var(--line)}
.com-band-img img{width:100%;height:auto}
.com-band-copy h2{margin:10px 0 18px}
.com-band-copy p{color:var(--soft);margin-bottom:24px}
@media (max-width:900px){.com-band{grid-template-columns:1fr}}
/* v24 museum previews, unboxing row, commissions steps, VC hero centered */
main .card-img.museum{background:#f7f5f1;aspect-ratio:4/5}
main .card-img.museum img{width:100% !important;height:100% !important;object-fit:contain !important;padding:0 !important;opacity:0;transition:opacity .6s ease}
main .card-img.museum img.on{opacity:1}
main .pdp-media .museum-img{width:100%;aspect-ratio:4/5;background:#f7f5f1;opacity:0;transition:opacity .6s}
main .pdp-media .museum-img.on{opacity:1}
.vc-bar{display:none}
.vc-hero .vc-copy{text-align:center;align-items:center;display:flex;flex-direction:column}
.vc-hero .vc-copy .vc-logo{margin:0 auto 22px}
.vc-hero .vc-copy p{margin-left:auto;margin-right:auto}
.wrap-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:1300px;margin:40px auto 0;align-items:start}
.wrap-row figure{margin:0}
@media (max-width:800px){.wrap-row{grid-template-columns:1fr 1fr}}
.com-steps2{list-style:none;padding:0;margin:36px auto 0;max-width:1300px;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px);align-items:start}
.com-steps2 strong{display:block;font-weight:400;font-size:21px;margin:16px 0 8px}
.com-steps2 p{color:var(--soft);font-size:15px;margin:0}
@media (max-width:900px){.com-steps2{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.com-steps2{grid-template-columns:1fr}}
.com-keep-grid{columns:3}
.commission .com-wall{columns:3}
@media (max-width:700px){.commission .com-wall{columns:2}}
.com-steps2 img{width:100%;aspect-ratio:auto}
/* v31 press logos: one even row of real logos, the rest as one quiet line */
.press-band{overflow:hidden;box-sizing:border-box;width:100%}
.logos{display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;justify-items:center;gap:28px 40px;max-width:1100px;width:100%;margin:28px auto 22px;padding:0 var(--gut);box-sizing:border-box}
.logo-cell{display:flex;align-items:center;justify-content:center;height:44px;width:100%}
main .logos .logo-img{height:34px !important;width:auto !important;max-width:100% !important;object-fit:contain !important;filter:grayscale(1) contrast(1.05);opacity:.75;mix-blend-mode:multiply}
main .logos .logo-img.wide{height:26px !important}
.logos .wm{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--soft)}
.logos-more{font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);text-align:center;max-width:900px;margin:0 auto 8px;line-height:2.2;padding:0 var(--gut)}
.logos-more .dot{margin:0 14px;color:var(--gold)}
@media (max-width:800px){.logos{grid-template-columns:repeat(3,minmax(0,1fr))}}
main .logos .logo-img.ink{filter:brightness(0);opacity:.62;height:32px !important;width:120px !important}
main .logos .logo-img.wide{height:30px !important}
.logos-more .nm{white-space:nowrap}
/* v34: twelve outlets, all as logos, two even rows */
main .logos .logo-img.ink{filter:brightness(0);opacity:.6;width:auto !important;height:30px !important;max-width:100% !important}
main .logos .logo-img.ink.wide{height:24px !important}
.logos .wm{font-family:var(--serif);font-style:normal;font-weight:600;font-size:17px;letter-spacing:.02em;color:#000;opacity:.6;white-space:nowrap}
main .logos .logo-img.sq{height:42px !important;width:auto !important;filter:grayscale(1);opacity:.8;mix-blend-mode:multiply}
main .logos .logo-img.ink.wide{height:34px !important}
/* journal articles */
.journal{max-width:760px;margin:0 auto}
.j-art h1{font-size:clamp(30px,4vw,48px);margin:10px 0 32px;line-height:1.15}
.j-back{display:inline-block;font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:28px}
.j-body p{font-size:18px;line-height:1.75;color:var(--soft);margin:0 0 20px}
.j-body h2,.j-body h3,.j-body h4{font-weight:400;margin:36px 0 14px}
.j-body blockquote{font-style:italic;font-size:22px;border-left:1px solid var(--gold);padding-left:22px;margin:28px 0}
.j-img{margin:28px 0}.j-img img{width:100%;height:auto}
.j-gal{display:grid;grid-template-columns:1fr 1fr;gap:6px}.j-gal .j-img{margin:0}
.j-hr{border:0;border-top:1px solid var(--line);margin:36px 0}
.j-art .link-line{margin-top:28px;display:inline-block}