:root{--home-image-title-size:clamp(44px,4.3vw,72px);--home-image-label-size:13px;--home-image-link-size:14px}
/* Final reference: one full-screen studio campaign, three distinct photographs. */
#home-page .vn-hero{height:100svh;min-height:640px;color:#17191b;background:#afb1b8;isolation:isolate;touch-action:pan-y}
#home-page .vn-hero>.vn-banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;opacity:0;transition:opacity 1s ease;pointer-events:none;z-index:-1}
#home-page .vn-hero>.vn-banner.is-active{opacity:1}
#home-page .vn-hero .hero-copy{top:36%;bottom:auto;max-width:680px;color:#17191b}
#home-page .vn-hero .eyebrow{font-size:var(--home-image-label-size);letter-spacing:.16em}
#home-page .vn-hero h1{font-size:var(--home-image-title-size);line-height:1.08;margin:22px 0 0;font-weight:400;letter-spacing:-.045em}
#home-page .vn-hero .light-link{color:inherit;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;width:fit-content;font-size:var(--home-image-link-size);line-height:1.5;border-color:#17191b99;margin-top:38px;padding-bottom:3px}
.vn-carousel-controls{position:absolute;left:var(--vn-page-edge);bottom:12px;display:flex;align-items:center;gap:4px;height:40px;color:#34363b}
.vn-carousel-controls button{display:grid;place-items:center;height:40px;min-width:24px;padding:0;font-size:20px;opacity:.65}
.vn-carousel-controls button:hover,.vn-carousel-controls button:focus-visible{opacity:1}
.vn-carousel-controls .vn-banner-dot{width:24px;transition:width .3s ease}
.vn-carousel-controls .vn-banner-dot[aria-current=true]{width:30px}
.vn-banner-dot span{width:10px;height:1px;background:currentColor;opacity:.35;transition:width .3s ease,opacity .3s ease}
.vn-banner-dot[aria-current=true] span{width:24px;height:1px;opacity:1}
.vn-carousel-controls [data-banner-prev],.vn-carousel-controls [data-banner-next]{position:relative;font-size:0;line-height:0}
.vn-carousel-controls [data-banner-prev]::before,.vn-carousel-controls [data-banner-next]::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:7px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 22'%3E%3Cpath d='M8 2 2 11 8 20' fill='none' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 22'%3E%3Cpath d='M8 2 2 11 8 20' fill='none' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.vn-carousel-controls [data-banner-next]::before{transform:translate(-50%,-50%) rotate(180deg)}
body:not(.catalog-mode):not(.editorial-mode):not(.vn-menu-open):not(.vn-header-solid) .site-menu{background:transparent;color:#fff}
body:not(.catalog-mode):not(.editorial-mode):not(.vn-menu-open):not(.vn-header-solid) .site-menu .vn-brand-symbol{background-image:none;background-color:currentColor}
@media(max-width:1023px){
 :root{--home-image-title-size:clamp(38px,6vw,60px)}
 #home-page .vn-hero{min-height:720px}
 #home-page .vn-hero .hero-copy{top:24%;max-width:85%}
 #home-page .vn-hero h1{font-size:var(--home-image-title-size)}
 #home-page .vn-hero>.vn-banner{inset:auto auto 35px -70%;width:180%;height:auto;max-width:none;object-fit:contain;-webkit-mask-image:linear-gradient(transparent,black 24%,black 85%,transparent);mask-image:linear-gradient(transparent,black 24%,black 85%,transparent)}
 #home-page .vn-hero .light-link{margin-top:26px}
}
@media(prefers-reduced-motion:reduce){#home-page .vn-hero>.vn-banner{transition:none}}

.selection-list{list-style:none;padding:0;margin:24px 0}.selection-list li{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #deddd5}.selection-list img{width:60px;height:60px;object-fit:contain}.selection-list span{flex:1;font-size:14px}.selection-list button{font-size:13px;text-decoration:underline}.selection-actions{display:flex;gap:20px;flex-wrap:wrap}.selection-note{margin:18px 0}.selection-count{font-size:11px;vertical-align:super}.save-product{display:block;margin-top:25px;border-bottom:1px solid;padding:10px 0}footer [data-back-top]{font-size:inherit;text-align:left;padding:0}

.site-menu .selection-count{color:inherit;font-weight:700;font-size:12px;line-height:1}
