.vst .h2s{position:relative;overflow:hidden;color:#fff;background:#1d1915;height:clamp(560px,78vh,860px)}.vst .h2s-stage{position:absolute;top:0;right:0;bottom:0;left:0}.vst .h2s-slide{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;visibility:hidden}.vst .h2s-slide.is-active{visibility:visible}.vst .h2s-slide picture{display:block;width:100%;height:100%}.vst .h2s-img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--pos);transform-origin:var(--origin, 50% 50%)}.vst .h2s-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim);pointer-events:none}.vst .h2s-slide[data-photo=interior]{--pos: 50% 34%;--origin: 72% 55%;--scrim: radial-gradient(ellipse 52% 62% at 17% 70%, rgba(20, 16, 12, .46) 0%, rgba(20, 16, 12, .3) 50%, rgba(20, 16, 12, 0) 100%), linear-gradient(90deg, rgba(20, 16, 12, .72) 0%, rgba(20, 16, 12, .58) 30%, rgba(20, 16, 12, .26) 46%, rgba(20, 16, 12, 0) 62%), linear-gradient(0deg, rgba(20, 16, 12, .38) 0%, rgba(20, 16, 12, 0) 45%)}.vst .h2s-slide[data-photo=exterior]{--pos: 50% 18%;--origin: 62% 60%;--scrim: radial-gradient(ellipse 56% 68% at 15% 62%, rgba(20, 16, 12, .76) 0%, rgba(20, 16, 12, .7) 42%, rgba(20, 16, 12, .38) 74%, rgba(20, 16, 12, 0) 100%), linear-gradient(0deg, rgba(20, 16, 12, .4) 0%, rgba(20, 16, 12, 0) 48%)}.vst .h2s-slide[data-photo=handover]{--pos: 58% 38%;--origin: 66% 42%;--scrim: radial-gradient(ellipse 56% 68% at 15% 64%, rgba(20, 16, 12, .74) 0%, rgba(20, 16, 12, .66) 42%, rgba(20, 16, 12, .34) 74%, rgba(20, 16, 12, 0) 100%), linear-gradient(0deg, rgba(20, 16, 12, .42) 0%, rgba(20, 16, 12, 0) 48%)}.vst .h2s-accent{display:block;font-weight:600;color:#fff}.vst .h2s-trust{display:block;margin-top:var(--s3);font-size:var(--fs-small);letter-spacing:.02em;color:#ffffffc7}.vst .h2s-content{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:var(--s7)}.vst .h2s-copystack{display:grid;max-width:620px}.vst .h2s{--h2s-lead: clamp(1.875rem, 1.1rem + 1.9vw, 2.75rem);--h2s-display: clamp(3.25rem, 1.3rem + 4.8vw, 5.75rem);--h2s-accent: clamp(1.75rem, .95rem + 2.15vw, 3.125rem)}.vst .h2s .vctl{width:44px;height:44px}.vst .h2s .vctl svg{width:18px;height:22px}.vst .h2s-copy{grid-area:1 / 1;align-self:end;visibility:hidden}.vst .h2s-copy.is-active{visibility:visible}.vst .h2s-eyebrow{display:flex;align-items:center;gap:var(--s3);margin:0 0 var(--s4);font-size:var(--fs-label);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff}.vst .h2s-eyebrow{width:fit-content}.vst .h2s-eyebrow:before{content:"";width:32px;height:1px;background:#c9a983}.vst .h2s-statement{margin:0;color:#fff}.vst .ln{display:block;overflow:hidden;padding:.12em .34em .3em .18em;margin:-.12em -.34em -.3em -.18em}.vst .li{display:block}.vst .h2s-statement .ln:first-child{font-family:var(--font-heading);font-weight:600;font-size:var(--h2s-lead);line-height:1.12}.vst .ln--hook{font-family:var(--font-heading);font-style:italic;font-weight:400;font-size:var(--h2s-display);line-height:1;letter-spacing:-.01em;color:var(--hook, #C9A983)}.vst .ln--hook em{font-style:inherit}.vst .h2s-statement .ln--display:first-child{font-size:var(--h2s-display);line-height:.98;letter-spacing:-.018em}.vst .ln--hook.ln--accent{font-size:var(--h2s-accent);line-height:1.12;letter-spacing:-.005em}.vst .h2s-support{margin:var(--s4) 0 0;max-width:27em;font-size:var(--fs-body-lg);line-height:1.5;color:#fff}.vst .m-only{display:none}.vst .h2s-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s5);margin-top:var(--s6)}.vst .h2s-cta{background:#fff;color:var(--ink);border:1px solid #fff}.vst .h2s-cta{min-width:220px;min-height:52px;padding:0 var(--s6)}@media(max-width:767px){.vst .h2s-cta{min-width:0}}.vst .h2s-cta:hover{background:var(--surface-alt)}.vst .h2s-secondary{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center;gap:6px}.vst .h2s-cta:focus-visible,.vst .h2s-secondary:focus-visible,.vst .h2s-arrow:focus-visible{outline:2px solid #fff;outline-offset:3px;box-shadow:0 0 0 5px var(--focus)}.vst .h2s-nav{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s6)}.vst .h2s-count{display:inline-flex;align-items:center;gap:var(--s3);font-size:var(--fs-small);font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#fff;margin-right:var(--s2)}.vst .h2s-count b{font-weight:600}.vst .h2s-track{position:relative;display:block;width:72px;height:1px;background:#ffffff73}.vst .h2s-progress{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform-origin:0 50%;transform:scaleX(.5)}.vst .h2s[data-current="2"] .h2s-progress{transform:scaleX(1)}.vst .h2s[data-total="3"] .h2s-progress{transform:scaleX(.3333)}.vst .h2s[data-total="3"][data-current="2"] .h2s-progress{transform:scaleX(.6667)}.vst .h2s[data-total="3"][data-current="3"] .h2s-progress{transform:scaleX(1)}.vst .h2s-count{margin-right:var(--s3)}.vst .h2s-arrow[aria-disabled=true]{cursor:default}.no-js .vst .h2s-nav{display:none}.vst .h2s-badge{position:absolute;top:var(--s3);right:var(--s3);z-index:4}.vst .h2s-copybadge{align-self:flex-start;margin-bottom:var(--s4)}.h2s-intro .vst .h2s-copy[data-copy="1"] .li{transform:translateY(140%);animation:h2s-failsafe 0s linear 3s forwards}.h2s-intro .vst .h2s-copy[data-copy="1"] .h2s-eyebrow,.h2s-intro .vst .h2s-copy[data-copy="1"] .h2s-support,.h2s-intro .vst .h2s-actions,.h2s-intro .vst .h2s-nav{opacity:0;animation:h2s-failsafe 0s linear 3s forwards}@keyframes h2s-failsafe{to{transform:none;opacity:1}}.vst .h2s-plinth{background:var(--surface-alt);padding:var(--s8) 0}.vst .h2s-plinth-title{font-size:var(--fs-h2);margin:0 0 var(--s5);scroll-margin-top:148px}.vst .h2s-plinth-title:focus{outline:none}.vst .h2s-plinth-title:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.vst .h2s-plinth-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter);margin-bottom:var(--s4)}.vst .h2s-plinth-tabs span{border:1px solid var(--border);border-radius:var(--radius);padding:var(--s5);font-family:var(--font-heading);font-size:var(--fs-h3);font-weight:600;color:var(--muted)}.vst .h2s-plinth-tabs .is-on{background:#fff;border-color:var(--ink);color:var(--ink);box-shadow:inset 0 3px 0 var(--bronze)}.vst .h2s-notes{margin-top:var(--s6)}@media(max-width:767px){.vst .h2s{height:clamp(560px,76vh,700px);height:clamp(560px,76svh,700px)}.vst .h2s-slide[data-photo=interior]{--pos: 69% 50%;--scrim: linear-gradient(0deg, rgba(20, 16, 12, .86) 0%, rgba(20, 16, 12, .72) 34%, rgba(20, 16, 12, .3) 56%, rgba(20, 16, 12, 0) 72%)}.vst .h2s-slide[data-photo=handover]{--pos: 69% 36%;--scrim: linear-gradient(0deg, rgba(20, 16, 12, .88) 0%, rgba(20, 16, 12, .78) 36%, rgba(20, 16, 12, .4) 58%, rgba(20, 16, 12, 0) 76%)}.vst .h2s-trust{margin-top:var(--s2)}.vst .h2s-slide[data-photo=exterior]{--pos: 66% 40%;--scrim: linear-gradient(0deg, rgba(20, 16, 12, .88) 0%, rgba(20, 16, 12, .78) 36%, rgba(20, 16, 12, .4) 58%, rgba(20, 16, 12, 0) 76%)}.vst .h2s-content{padding-bottom:var(--s5)}.vst .h2s-eyebrow{font-size:.75rem;letter-spacing:.12em;margin-bottom:var(--s3)}.vst .h2s{--h2s-lead: 1.5rem;--h2s-display: 2.875rem;--h2s-accent: 1.625rem}.vst .h2s-support{font-size:var(--fs-small);margin-top:var(--s2)}.vst .d-only{display:none}.vst .m-only{display:inline}.vst .h2s-actions{margin-top:var(--s4);gap:var(--s2) var(--s4)}.vst .h2s-actions .h2s-cta{flex:1 1 100%}.vst .h2s-nav{margin-top:var(--s3)}.vst .h2s-badge{left:var(--s3);right:auto;max-width:calc(100% - 24px);white-space:normal}.vst .h2s-plinth-tabs{gap:var(--s2)}.vst .h2s-plinth-tabs span{padding:var(--s3) var(--s1);font-family:var(--font-body);font-size:.9375rem;text-align:center}}.vst .h2s-testpanel{position:fixed;right:var(--s3);bottom:var(--s3);z-index:900;background:#fff;border:1px solid var(--border-input);padding:var(--s2) var(--s3);font-size:.8125rem;display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;max-width:420px}.vst .h2s-testpanel strong{flex-basis:100%}.vst .h2s-testpanel button{font:inherit;padding:4px 10px;border:1px solid var(--ink);background:#fff;cursor:pointer}.vst .h2s-testpanel button[aria-pressed=true]{background:var(--ink);color:#fff}.vst.notes-off .h2s-testpanel{display:none}@media(max-width:1023px){.vst .h2s-testpanel{position:static;max-width:none;margin:var(--s4)}}.vst[data-hero-overlay] .h2s{margin-top:calc(-1 * var(--hdr-overlap));height:calc(clamp(560px,78vh,860px) + var(--hdr-overlap))}.vst[data-hero-overlay] .h2s-content{padding-top:calc(var(--hdr-overlap) + var(--s5))}.vst[data-hero-overlay] .h2s-badge{top:calc(var(--hdr-overlap) + var(--s3))}@media(min-width:1200px){.vst[data-hero-overlay] .h2s-slide:after{content:"";position:absolute;left:0;right:0;top:0;pointer-events:none;height:calc(var(--hdr-overlap) + 150px + var(--nav-drop, 0px));background:linear-gradient(rgba(255,255,255,var(--haze, .3)),rgba(255,255,255,calc(var(--haze, .3) * .8)) 40%,rgba(255,255,255,calc(var(--haze, .3) * .35)) 72%,#fff0)}.vst[data-hero-overlay] .h2s-slide[data-photo=exterior]{--haze: .34}.vst[data-hero-overlay] .h2s-slide[data-photo=interior]{--haze: .54}.vst[data-hero-overlay] .h2s-slide[data-photo=handover]{--haze: .4}}@media(max-width:1199px){.vst[data-hero-overlay] .h2s-slide[data-photo=handover]:after{content:"";position:absolute;left:0;right:0;top:0;pointer-events:none;height:calc(var(--hdr-overlap, 65px) + 90px + var(--nav-drop, 0px));background:linear-gradient(#ffffff9e,#ffffff75 38%,#ffffff29 72%,#fff0)}}.vst[data-hero-overlay] .h2s-scrim{-webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent calc(var(--hdr-overlap) + 8px),#000 calc(var(--hdr-overlap) + 170px));mask-image:linear-gradient(to bottom,transparent 0,transparent calc(var(--hdr-overlap) + 8px),#000 calc(var(--hdr-overlap) + 170px))}@media(max-width:767px){.vst[data-hero-overlay] .h2s{height:calc(clamp(560px,76vh,700px) + var(--hdr-overlap));height:calc(clamp(560px,76svh,700px) + var(--hdr-overlap))}}@media(min-width:768px)and (max-width:1199px){.vst .h2s-slide[data-photo=interior]{--scrim: radial-gradient(ellipse 62% 74% at 20% 58%, rgba(20, 16, 12, .6) 0%, rgba(20, 16, 12, .42) 50%, rgba(20, 16, 12, 0) 100%), linear-gradient(90deg, rgba(20, 16, 12, .8) 0%, rgba(20, 16, 12, .74) 42%, rgba(20, 16, 12, .36) 64%, rgba(20, 16, 12, 0) 82%), linear-gradient(0deg, rgba(20, 16, 12, .4) 0%, rgba(20, 16, 12, 0) 45%)}.vst .h2s-slide[data-photo=exterior]{--scrim: radial-gradient(ellipse 64% 76% at 17% 56%, rgba(20, 16, 12, .8) 0%, rgba(20, 16, 12, .72) 42%, rgba(20, 16, 12, .4) 74%, rgba(20, 16, 12, 0) 100%), linear-gradient(0deg, rgba(20, 16, 12, .4) 0%, rgba(20, 16, 12, 0) 48%)}}@media(max-width:767px){.vst[data-hero-overlay] .h2s{height:calc(clamp(560px,80svh,720px) + var(--hdr-overlap))}.vst[data-hero-overlay] .h2s-slide[data-photo=exterior]{--pos: 42% 50%}.vst[data-hero-overlay] .h2s-slide[data-photo=interior]{--pos: 68% 50%}.vst[data-hero-overlay] .h2s-slide[data-photo=handover]{--pos: 69% 50%}.vst[data-hero-overlay] .h2s-slide[data-photo]{--scrim: linear-gradient(0deg, rgba(20, 16, 12, .86) 0, rgba(20, 16, 12, .78) 190px, rgba(20, 16, 12, .5) 300px, rgba(20, 16, 12, .18) 380px, rgba(20, 16, 12, 0) 440px)}.vst[data-hero-overlay] .h2s{--h2s-display: clamp(2.125rem, 1.45rem + 3vw, 2.375rem);--h2s-lead: clamp(1.5rem, 1.15rem + 1.6vw, 1.75rem);--h2s-accent: var(--h2s-lead)}.vst[data-hero-overlay] .h2s-copy{align-self:end}.vst[data-hero-overlay] .h2s-eyebrow{margin-bottom:var(--s3)}.vst[data-hero-overlay] .h2s-support{margin-top:var(--s3)}.vst[data-hero-overlay] .h2s-content{padding-bottom:var(--s5)}.vst[data-hero-overlay] .h2s-nav{order:1;margin-top:var(--s4)}.vst[data-hero-overlay] .h2s-actions{order:2;margin-top:var(--s3)}.vst[data-hero-overlay] .h2s-cta{width:100%}}@media(max-width:767px){.vst[data-hero-overlay] .h2s-slide[data-photo=interior]:after{content:"";position:absolute;left:0;right:0;top:0;pointer-events:none;height:calc(var(--hdr-overlap, 65px) + 70px + var(--nav-drop, 0px));background:linear-gradient(#ffffff9e,#ffffff80 45%,#ffffff29 78%,#fff0)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/vst-hero-two-slide.css.map */