#hv-vt440{--paper:#f7f7f3;--white:#fff;--ink:#191a18;--muted:#6b6c66;--gold:#927444;--goldlight:#d1b786;--line:#deded6;--ease:cubic-bezier(.22,.68,.22,1);--header:78px;--stage-bg:247;--stage-ink:25;--photo-opacity:1;--mechanism-opacity:0} #hv-vt440 *{box-sizing:border-box} #hv-vt440{scroll-behavior:smooth;scroll-padding-top:var(--header)} #hv-vt440{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased} #hv-vt440 a{color:inherit;text-decoration:none} #hv-vt440 button{font:inherit;color:inherit;cursor:pointer} #hv-vt440 button,#hv-vt440 a{-webkit-tap-highlight-color:transparent;touch-action:manipulation} #hv-vt440 button:focus-visible,#hv-vt440 a:focus-visible,#hv-vt440 summary:focus-visible{outline:3px solid #9a7943;outline-offset:5px} #hv-vt440 button{border:0} #hv-vt440 h2,#hv-vt440 h3,#hv-vt440 p{margin:0} #hv-vt440 h2,#hv-vt440 h3{font-weight:520;letter-spacing:-.055em} #hv-vt440 p{line-height:1.65} #hv-vt440 ::selection{background:#d9c69f;color:#141512} #hv-vt440 .wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto} #hv-vt440 .wordmark{font-size:19px;font-weight:650;letter-spacing:.12em;white-space:nowrap} #hv-vt440 .wordmark sup{font-size:8px;letter-spacing:0;position:relative;top:-6px;margin-left:2px} #hv-vt440 .eyebrow{font-size:11px;line-height:1.6;letter-spacing:.17em;text-transform:uppercase;font-weight:600} #hv-vt440 .gold{color:var(--gold)} #hv-vt440 .muted{color:var(--muted)} #hv-vt440 .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:99px;font-size:13px;font-weight:550;line-height:1.3;transition:transform .25s var(--ease),background .25s,color .25s} #hv-vt440 .btn:hover{transform:translateY(-2px)} #hv-vt440 .btn-dark{background:var(--ink);color:#fff} #hv-vt440 .btn-dark:hover{background:#383a34} #hv-vt440 .btn-outline{background:transparent;border:1px solid #c4c5bb} #hv-vt440 .btn-outline:hover{background:#ebebe4} #hv-vt440 .btn-gold{background:var(--goldlight);color:#191a18} #hv-vt440 .btn-gold:hover{background:#e1cba3} #hv-vt440 .text-link{font-size:13px;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:4px} #hv-vt440 .skip{position:fixed;top:-90px;left:20px;z-index:100;background:#fff;padding:16px} #hv-vt440 .skip:focus{top:12px} #hv-vt440 .sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} #hv-vt440 .svg-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none} #hv-vt440 .vane{display:block;width:100%;height:auto;aspect-ratio:1418/302;overflow:visible} #hv-vt440 .vane use{pointer-events:none} #hv-vt440 .site-header{position:fixed;inset:0 0 auto;z-index:30;background:rgba(247,247,243,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(80,80,60,.12);transition:color .35s,background .35s,border-color .35s} #hv-vt440 .header-inner{height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:24px} #hv-vt440 .header-links{display:flex;align-items:center;gap:30px;color:#5a5b55;font-size:12px} #hv-vt440 .header-links a:hover{color:var(--gold)} #hv-vt440 .header-end{display:flex;align-items:center;gap:20px} #hv-vt440 .header-model{font-size:12px;font-weight:550} #hv-vt440 .header-end .btn{min-height:37px;padding:10px 19px;font-size:12px} #hv-vt440 .site-header.on-dark{background:rgba(23,24,22,.92);border-color:#ffffff19;color:#f8f8f4} #hv-vt440 .on-dark .header-links{color:#c1c2b8} #hv-vt440 .on-dark .btn-dark{color:#191a18;background:#e4d6b9} #hv-vt440 .progress-track{height:2px;background:transparent;position:absolute;bottom:-1px;left:0;right:0} #hv-vt440 .progress-fill{height:100%;width:100%;background:#b0925b;transform:scaleX(0);transform-origin:left center} #hv-vt440 .hero{padding:calc(var(--header) + 52px) 0 34px;min-height:940px;min-height:max(900px,100svh);position:relative;overflow:hidden} #hv-vt440 .hero-intro{text-align:center;position:relative;z-index:1} #hv-vt440 .hero .eyebrow{color:var(--gold);margin-bottom:22px} #hv-vt440 .hero h2{font-size:clamp(56px,7.5vw,112px);line-height:.98;max-width:1150px;margin:auto;letter-spacing:-.067em} #hv-vt440 .hero h2 span{display:block} #hv-vt440 .hero h2 em{font-style:normal;color:var(--gold)} #hv-vt440 .hero-subline{font-size:14px;color:#62645c;margin-top:24px} #hv-vt440 .hero-product{width:min(1160px,86vw);margin:82px auto 0;position:relative;z-index:2;transform:rotate(-2.5deg);filter:drop-shadow(0 38px 20px #20231b21)} #hv-vt440 .hero-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:54px;font-size:11px;color:#686a61} #hv-vt440 .hero-caption strong{color:#2a2c25;font-weight:550} #hv-vt440 .hero-actions{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:35px} #hv-vt440 .tour-start:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:11px;opacity:.7} #hv-vt440 .hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:42px;font-size:11px;color:#77796e} #hv-vt440 .hero-bottom a{color:#4e5146} #hv-vt440 .hero-line{overflow:hidden} #hv-vt440.enhanced .hero-line>span{display:block;opacity:0;transform:translateY(105%);transition:transform 0.72s var(--ease),opacity .55s} #hv-vt440.enhanced .hero-line:nth-child(2)>span{transition-delay:.08s} #hv-vt440.enhanced .hero-ready .hero-line>span{opacity:1;transform:translateY(0)} #hv-vt440.enhanced .hero-product{opacity:0;transform:translateY(38px) rotate(-2.5deg) scale(.97);transition:transform .85s .08s var(--ease),opacity .7s .08s} #hv-vt440.enhanced .hero-ready .hero-product{opacity:1;transform:translateY(0) rotate(-2.5deg) scale(1)} #hv-vt440 .experience{position:relative;height:300svh;min-height:1800px;background:#171816;scroll-margin-top:0} #hv-vt440 .stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;overflow:clip;background:rgb(var(--stage-bg),var(--stage-bg),calc(var(--stage-bg) - 2));color:rgb(var(--stage-ink),var(--stage-ink),calc(var(--stage-ink) - 2))} #hv-vt440 .stage-atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,#b69d671c,transparent 62%);opacity:0} #hv-vt440 .stage-top{position:absolute;top:calc(var(--header) + 24px);left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;color:inherit} #hv-vt440 .stage-top .chapter-count{font-variant-numeric:tabular-nums;opacity:.6;letter-spacing:.14em} #hv-vt440 .concept-label{position:absolute;top:calc(var(--header) + 45px);left:50%;transform:translateX(-50%);width:calc(100% - 48px);min-height:28px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;color:#c6b58e;opacity:0;pointer-events:none} #hv-vt440 .stage-art{position:absolute;inset:0;pointer-events:none} #hv-vt440 .flight-scene{position:absolute;inset:0;opacity:var(--photo-opacity);will-change:opacity} #hv-vt440 .flight-vane{position:absolute;left:50%;top:40%;width:1000px;aspect-ratio:1418/302;transform:translate(-50%,-50%) scale(.7);transform-origin:center;will-change:transform;filter:drop-shadow(0 24px 20px #00000064)} #hv-vt440 .mechanism{position:absolute;left:50%;top:40%;width:310px;height:310px;transform:translate(-50%,-50%);transform-origin:center;opacity:var(--mechanism-opacity);will-change:transform,opacity;filter:drop-shadow(0 12px 18px #00000040)} #hv-vt440 .mechanism svg{display:block;width:100%;height:100%;overflow:visible} #hv-vt440 .stage-copy{position:absolute;bottom:137px;left:0;right:0;text-align:center;pointer-events:none;will-change:opacity,transform} #hv-vt440 .stage-copy h2{font-size:clamp(38px,4.5vw,64px);line-height:1.02;letter-spacing:-.055em;margin:0 auto;max-width:1000px} #hv-vt440 .stage-copy p{font-size:13px;margin-top:14px;opacity:.67;line-height:1.65} #hv-vt440 .stage-copy:not([data-copy="0"]){opacity:0} #hv-vt440 .stage-copy .gold-number{color:var(--gold)} #hv-vt440 .assembly-count{display:inline-block;min-width:31px;font-variant-numeric:tabular-nums;color:#d5c296;opacity:1} #hv-vt440 .chapter-tabs{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);display:flex;gap:5px;background:rgba(128,128,114,.13);padding:5px;border:1px solid rgba(128,128,114,.18);border-radius:99px;white-space:nowrap} #hv-vt440 .chapter-tabs button{background:transparent;min-height:39px;padding:10px 19px;border-radius:99px;font-size:12px;color:inherit;opacity:.62;transition:background .3s,color .3s,opacity .3s} #hv-vt440 .chapter-tabs button[aria-pressed="true"]{background:#d5bf96;color:#1e211b;opacity:1} #hv-vt440 .stage-controls{position:absolute;left:20px;right:20px;bottom:96px;display:flex;align-items:center;justify-content:center;gap:25px;min-height:18px} #hv-vt440 .stage-controls button{border-bottom:1px solid currentColor;background:none;padding:3px 0;font-size:10px;opacity:.65} #hv-vt440 .stage-controls button:hover{opacity:1} #hv-vt440 .stage-controls button[hidden]{display:none} #hv-vt440 .hero-kit{display:block;width:100%;height:auto;aspect-ratio:1418/482;overflow:visible} #hv-vt440 .section-kicker{display:flex;align-items:center;gap:18px;color:var(--gold);margin-bottom:27px} #hv-vt440 .section-kicker .index{font-size:12px;letter-spacing:.04em} #hv-vt440 .section-kicker .line{width:43px;height:1px;background:#b69b69} #hv-vt440 .technical{background:#fff;padding:115px 0 105px} #hv-vt440 .section-title{font-size:clamp(45px,5.5vw,80px);line-height:1.02;letter-spacing:-.06em} #hv-vt440 .technical-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px} #hv-vt440 .technical-head>p{max-width:305px;font-size:14px;color:var(--muted);line-height:1.7} #hv-vt440 .dimension-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:62px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} #hv-vt440 .dimension{padding:37px 28px 35px;border-right:1px solid var(--line)} #hv-vt440 .dimension:first-child{padding-left:0} #hv-vt440 .dimension:last-child{border-right:0} #hv-vt440 .dimension .value{font-size:clamp(50px,5.5vw,83px);letter-spacing:-.06em;font-weight:450;line-height:1} #hv-vt440 .dimension .unit{font-size:22px;letter-spacing:-.02em;margin-left:9px;font-weight:400;color:#86897f} #hv-vt440 .dimension .label{font-size:12px;letter-spacing:.02em;color:#66695e;margin-top:15px} #hv-vt440 .spec-list{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:36px 0 0;gap:30px} #hv-vt440 .spec-list dt{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#74776c;line-height:1.6;margin-bottom:10px} #hv-vt440 .spec-list dd{margin:0;font-size:19px;letter-spacing:-.025em;font-weight:500;line-height:1.4} #hv-vt440 .spec-note{font-size:11px;color:#7d8075;margin-top:30px;max-width:860px;line-height:1.7} #hv-vt440 .identity{background:#edeee8;padding:100px 0 95px} #hv-vt440 .identity-grid{display:grid;grid-template-columns:43% 57%;align-items:start;gap:0} #hv-vt440 .identity-copy{padding-right:75px} #hv-vt440 .identity-copy h2{font-size:clamp(39px,4.5vw,63px);line-height:1.04;letter-spacing:-.055em} #hv-vt440 .identity-copy p{font-size:14px;color:#6a6d61;margin:24px 0 29px} #hv-vt440 .identity-copy .text-link{font-size:12px} #hv-vt440 .checks{border-top:1px solid #cdcec3} #hv-vt440 .checks details{border-bottom:1px solid #cdcec3} #hv-vt440 .checks summary{list-style:none;cursor:pointer;min-height:76px;padding:24px 38px 24px 0;font-size:16px;font-weight:500;position:relative;line-height:1.5} #hv-vt440 .checks summary::-webkit-details-marker{display:none} #hv-vt440 .checks summary:after{content:"+";position:absolute;right:0;top:21px;color:#767969;font-size:23px;font-weight:300} #hv-vt440 .checks details[open] summary:after{content:"−"} #hv-vt440 .answer{font-size:13px;color:#676a5e;padding:0 35px 25px 0;line-height:1.75} #hv-vt440 .ref-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px} #hv-vt440 .ref{background:#f9faf5;border:1px solid #d5d7ca;border-radius:5px;padding:9px 12px;color:#414638;font-size:12px} #hv-vt440 .closing{padding:105px 0 75px;text-align:center;overflow:hidden} #hv-vt440 .closing .eyebrow{color:var(--gold);margin-bottom:25px} #hv-vt440 .closing h2{font-size:clamp(54px,7vw,102px);line-height:.99;letter-spacing:-.065em} #hv-vt440 .closing h2 span{display:block} #hv-vt440 .closing-product{width:min(900px,82vw);margin:64px auto 48px;filter:drop-shadow(0 26px 18px #20231b20);transform:rotate(-2deg)} #hv-vt440 .closing-info{font-size:13px;color:#6c6f61} #hv-vt440 .closing-purchase{margin-top:23px;display:flex;justify-content:center;gap:30px;align-items:center} #hv-vt440 .closing-price{text-align:left;line-height:1} #hv-vt440 .closing-price strong{font-size:32px;font-weight:450;letter-spacing:-.045em} #hv-vt440 .closing-price span{display:block;font-size:10px;color:#7c8071;margin-top:9px} #hv-vt440 .closing-purchase .btn{min-height:50px;padding-inline:30px} #hv-vt440 .closing .price-note{font-size:10px;color:#828577;margin-top:20px} #hv-vt440 .footer{border-top:1px solid var(--line);padding:30px 0 35px} #hv-vt440 .footer-row{display:flex;align-items:center;justify-content:space-between;gap:32px} #hv-vt440 .footer .wordmark{font-size:15px} #hv-vt440 .footer p{font-size:10px;color:#7c8072;max-width:550px;text-align:right;line-height:1.65} #hv-vt440 .footer-controls{display:flex;justify-content:flex-end;margin-top:16px} #hv-vt440 .footer-controls button{background:none;text-decoration:underline;text-underline-offset:3px;font-size:10px;color:#74796a;padding:5px} #hv-vt440 .tour-panel{position:fixed;left:50%;bottom:23px;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:6px;padding:7px;border-radius:99px;background:rgba(28,30,25,.96);backdrop-filter:blur(16px);color:#f5f5ee;border:1px solid #ffffff21;box-shadow:0 15px 40px #0002} #hv-vt440 .tour-panel[hidden]{display:none} #hv-vt440 .tour-panel .tour-label{padding:0 15px;font-size:11px;color:#cccebf;white-space:nowrap} #hv-vt440 .tour-panel button{min-height:39px;background:#41463b;color:#f9faf5;border-radius:99px;font-size:11px;padding:10px 15px;white-space:nowrap} #hv-vt440 .tour-panel button:hover{background:#5d654f} #hv-vt440 .tour-panel #hv496-tour-pause{background:#d5bf96;color:#252a1e} #hv-vt440 .tour-status{font-size:10px;margin-left:8px;color:#959c8a} #hv-vt440.enhanced .reveal{opacity:0;transform:translateY(27px);transition:opacity .8s var(--ease),transform .8s var(--ease)} #hv-vt440.enhanced .reveal.is-visible{opacity:1;transform:translateY(0)} #hv-vt440.motion-reduced *,#hv-vt440.motion-reduced *:before,#hv-vt440.motion-reduced *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important} #hv-vt440.motion-reduced .hero-line>span,#hv-vt440.motion-reduced .hero-product,#hv-vt440.motion-reduced .reveal{opacity:1!important;transform:none!important} #hv-vt440.motion-reduced .experience{height:810px;min-height:0} #hv-vt440.motion-reduced .stage{position:relative;height:810px;min-height:0} #hv-vt440.motion-reduced .stage-copy{transform:none!important} @media(min-width:1700px){ #hv-vt440 .hero{padding-top:calc(var(--header) + 70px)} #hv-vt440 .hero-product{margin-top:100px} #hv-vt440 .hero-caption{margin-top:65px} #hv-vt440 .hero-actions{margin-top:40px} #hv-vt440 .hero-bottom{margin-top:58px} } @media(max-width:1100px){ #hv-vt440 .wrap{width:calc(100% - 64px)} #hv-vt440 .header-links{gap:20px} #hv-vt440 .header-model{display:none} #hv-vt440 .hero{min-height:860px} #hv-vt440 .hero h2{font-size:85px} #hv-vt440 .hero-product{width:90vw;margin-top:86px} #hv-vt440 .hero-caption{margin-top:56px} #hv-vt440 .hero-bottom{margin-top:46px} #hv-vt440 .technical{padding:90px 0} #hv-vt440 .identity-copy{padding-right:42px} #hv-vt440 .spec-list{grid-template-columns:repeat(2,1fr);gap:30px 50px} #hv-vt440 .closing{padding-top:90px} } @media(max-width:760px){ #hv-vt440{--header:65px} #hv-vt440 .wrap{width:calc(100% - 40px)} #hv-vt440 .header-inner{gap:12px} #hv-vt440 .wordmark{font-size:16px;letter-spacing:.09em} #hv-vt440 .header-links{display:none} #hv-vt440 .header-end{gap:9px} #hv-vt440 .header-end .btn{font-size:11px;min-height:36px;padding:10px 15px} #hv-vt440 .hero{padding-top:calc(var(--header) + 50px);min-height:760px;min-height:max(760px,98svh);padding-bottom:30px} #hv-vt440 .hero .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:25px;max-width:300px;margin-inline:auto} #hv-vt440 .hero h2{font-size:clamp(47px,11vw,77px);line-height:1.02;letter-spacing:-.065em;max-width:610px} #hv-vt440 .hero h2 .second-line{max-width:600px} #hv-vt440 .hero-subline{font-size:12px;margin-top:21px;line-height:1.65} #hv-vt440 .hero-product{width:92%;margin-top:86px;margin-inline:auto;transform:rotate(-3deg)} #hv-vt440 .hero-caption{margin-top:47px;font-size:10px;align-items:flex-start;line-height:1.6} #hv-vt440 .hero-caption>span:last-child{text-align:right;max-width:130px} #hv-vt440 .hero-actions{margin-top:35px;gap:19px} #hv-vt440 .hero-actions .btn{font-size:12px;padding-inline:22px;min-height:46px} #hv-vt440 .hero-actions .text-link{font-size:12px} #hv-vt440 .hero-bottom{font-size:10px;margin-top:53px;align-items:center;line-height:1.6} #hv-vt440 .hero-bottom>span{max-width:155px} #hv-vt440 .technical{padding:70px 0 65px} #hv-vt440 .technical-head{display:block} #hv-vt440 .technical-head>p{margin-top:25px;max-width:330px;font-size:13px} #hv-vt440 .section-kicker{margin-bottom:24px;gap:13px} #hv-vt440 .section-kicker .eyebrow{font-size:10px} #hv-vt440 .section-title{font-size:49px} #hv-vt440 .dimension-grid{margin-top:38px} #hv-vt440 .dimension{padding:25px 16px 23px} #hv-vt440 .dimension .value{font-size:43px} #hv-vt440 .dimension .unit{display:block;font-size:16px;margin:7px 0 0} #hv-vt440 .dimension .label{font-size:10px;margin-top:15px} #hv-vt440 .spec-list{padding-top:28px;gap:25px 20px} #hv-vt440 .spec-list dt{font-size:9px;line-height:1.6} #hv-vt440 .spec-list dd{font-size:16px} #hv-vt440 .spec-note{font-size:10px;margin-top:28px} #hv-vt440 .identity{padding:66px 0} #hv-vt440 .identity-grid{display:block} #hv-vt440 .identity-copy{padding:0 0 35px} #hv-vt440 .identity-copy h2{font-size:45px} #hv-vt440 .identity-copy p{font-size:13px;max-width:340px;margin:22px 0 25px} #hv-vt440 .identity-copy .text-link{font-size:12px} #hv-vt440 .checks summary{font-size:14px;min-height:72px;padding:23px 30px 23px 0} #hv-vt440 .answer{font-size:12px;padding-right:10px} #hv-vt440 .ref{font-size:11px} #hv-vt440 .closing{padding:67px 0 59px} #hv-vt440 .closing .eyebrow{font-size:9px;margin-bottom:22px} #hv-vt440 .closing h2{font-size:clamp(47px,11.5vw,76px)} #hv-vt440 .closing-product{width:108vw;margin:66px 0 43px;margin-left:-4vw} #hv-vt440 .closing-info{font-size:11px;max-width:320px;margin:auto;line-height:1.7} #hv-vt440 .closing-purchase{gap:22px;margin-top:25px} #hv-vt440 .closing-price strong{font-size:28px} #hv-vt440 .closing-price span{font-size:9px} #hv-vt440 .closing-purchase .btn{font-size:12px;min-height:47px;padding-inline:22px} #hv-vt440 .closing .price-note{font-size:9px;margin-top:22px} #hv-vt440 .footer{padding:26px 0 30px} #hv-vt440 .footer-row{display:block} #hv-vt440 .footer .wordmark{font-size:15px} #hv-vt440 .footer p{text-align:left;font-size:9px;margin-top:17px;max-width:350px} #hv-vt440 .footer-controls{justify-content:flex-start;margin-top:15px} #hv-vt440 .footer-controls button{padding-left:0} #hv-vt440 .tour-panel{bottom:15px;max-width:calc(100vw - 20px);gap:4px;padding:6px} #hv-vt440 .tour-panel .tour-label{display:none} #hv-vt440 .tour-panel button{font-size:11px;min-height:40px;padding:11px 14px} #hv-vt440 .tour-status{display:none} #hv-vt440.motion-reduced .experience,#hv-vt440.motion-reduced .stage{height:690px} } @media(max-width:370px){ #hv-vt440 .wrap{width:calc(100% - 32px)} #hv-vt440 .hero h2{font-size:45px} #hv-vt440 .hero-product{margin-top:80px} #hv-vt440 .hero-caption{font-size:9px} #hv-vt440 .dimension .value{font-size:38px} #hv-vt440 .identity-copy h2{font-size:41px} #hv-vt440 .closing h2{font-size:46px} #hv-vt440 .closing-purchase{gap:15px} #hv-vt440 .closing-purchase .btn{padding-inline:19px} } @media(prefers-reduced-motion:reduce){ #hv-vt440{scroll-behavior:auto} } #hv-vt440 .original-trigger{padding:2px 0;background:none;border-bottom:1px solid #a8aa9d;color:inherit;font-size:10px;line-height:1.5} #hv-vt440 .photo-dialog{border:0;border-radius:14px;padding:0;background:#fff;color:#191a18;width:min(1120px,calc(100vw - 32px));height:min(850px,calc(100svh - 38px));overflow:hidden;box-shadow:0 30px 100px #0005} #hv-vt440 .photo-dialog[open]{display:flex;flex-direction:column} #hv-vt440 .photo-dialog-head,#hv-vt440 .photo-dialog-tabs,#hv-vt440 .photo-dialog-note{flex:none} #hv-vt440 .photo-dialog::backdrop{background:#10130fba;backdrop-filter:blur(8px)} #hv-vt440 .photo-dialog-head{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e6e7df} #hv-vt440 .photo-dialog-head h2{font-size:17px;letter-spacing:-.02em} #hv-vt440 .photo-dialog-head button{min-height:38px;padding:9px 16px;border-radius:99px;background:#f0f1eb;font-size:12px} #hv-vt440 .photo-dialog-tabs{display:flex;gap:5px;justify-content:center;padding:13px 20px} #hv-vt440 .photo-dialog-tabs button{min-height:38px;padding:9px 18px;border-radius:99px;font-size:12px;background:#f2f3ed} #hv-vt440 .photo-dialog-tabs button[aria-pressed="true"]{background:#1d2019;color:#fff} #hv-vt440 .photo-dialog-content{flex:1;min-height:0;height:auto;display:flex;align-items:center;justify-content:center;overflow:auto;padding:20px} #hv-vt440 .photo-dialog-content img{display:block;max-width:100%;max-height:100%;object-fit:contain} #hv-vt440 .photo-dialog-content .vane{width:100%;max-width:970px} #hv-vt440 .photo-dialog-content [hidden]{display:none} #hv-vt440 .photo-dialog-note{font-size:10px;color:#767b6d;text-align:center;line-height:1.5;padding:0 18px 15px} @media(max-width:760px){ #hv-vt440 .photo-dialog-head{padding:15px} #hv-vt440 .photo-dialog-head h2{font-size:14px} #hv-vt440 .photo-dialog-head button{font-size:11px;padding-inline:13px} #hv-vt440 .photo-dialog-content{padding:10px} #hv-vt440 .original-trigger{font-size:9px} } #hv-vt440 .hero-product{width:min(870px,76vw);margin-top:55px;transform:rotate(-2deg);filter:drop-shadow(0 30px 20px #20231b24)} #hv-vt440 .hero-caption{margin-top:34px} #hv-vt440 .hero-bottom{margin-top:35px} @media(max-width:1100px){ #hv-vt440 .hero-product{width:80vw;margin-top:55px} #hv-vt440 .hero-caption{margin-top:34px} } @media(min-width:761px) and (max-height:780px){ #hv-vt440 .hero{padding-top:calc(var(--header) + 29px)} #hv-vt440 .hero h2{font-size:clamp(65px,7.2vw,96px)} #hv-vt440 .hero-product{width:min(680px,72vw);margin-top:35px} #hv-vt440 .hero-caption{margin-top:26px} } @media(max-width:760px){ #hv-vt440 .hero-product{width:92%;margin-top:61px;margin-inline:auto;transform:rotate(-2deg)} #hv-vt440 .hero-caption{margin-top:33px} #hv-vt440 .hero-bottom{margin-top:38px} #hv-vt440 .experience{height:290svh;min-height:1800px} #hv-vt440 .stage{min-height:620px} #hv-vt440 .stage-top{top:calc(var(--header) + 24px);font-size:10px} #hv-vt440 .stage-top .eyebrow{font-size:9px;letter-spacing:.13em} #hv-vt440 .concept-label{font-size:8px;letter-spacing:.07em;top:calc(var(--header) + 45px);min-height:28px;width:calc(100% - 40px)} #hv-vt440 .stage-copy{bottom:143px} #hv-vt440 .stage-copy h2{font-size:clamp(34px,8.9vw,55px);max-width:600px;padding-inline:10px;line-height:1.04} #hv-vt440 .stage-copy p{font-size:11px;margin:13px auto 0;max-width:285px;line-height:1.65} #hv-vt440 .chapter-tabs{bottom:31px;gap:0;padding:4px} #hv-vt440 .chapter-tabs button{min-height:38px;padding:10px 12px;font-size:10.5px} #hv-vt440 .stage-controls{bottom:94px;gap:24px} #hv-vt440 .stage-controls button{font-size:9px} } @media(max-width:370px){ #hv-vt440 .chapter-tabs button{padding-inline:10px} #hv-vt440 .stage-copy h2{font-size:33px} } #hv-vt440 .stage.is-mechanical{background:#111315} #hv-vt440 .stage.is-mechanical .stage-atmosphere{background:radial-gradient(ellipse at 66% 48%,#b8c4d21c,transparent 63%)} #hv-vt440 .mechanism{filter:drop-shadow(0 13px 13px #00000055)} @media(min-width:1000px){ #hv-vt440 .stage-copy[data-copy="2"],#hv-vt440 .stage-copy[data-copy="3"]{left:4.5%;right:auto;width:30%;top:49%;bottom:auto;translate:0 -50%;text-align:left} #hv-vt440 .stage-copy[data-copy="2"] h2,#hv-vt440 .stage-copy[data-copy="3"] h2{font-size:clamp(46px,4.4vw,70px);line-height:1.02;margin-left:0} #hv-vt440 .stage-copy[data-copy="2"] p,#hv-vt440 .stage-copy[data-copy="3"] p{max-width:290px;font-size:13px;margin-top:23px;line-height:1.7} #hv-vt440 .concept-label{left:4.5%;top:calc(49% - 146px);width:30%;transform:none;text-align:left;justify-content:flex-start;max-width:330px;font-size:9px;line-height:1.7} #hv-vt440 .stage.is-mechanical .stage-controls{left:4.5%;right:auto;top:calc(49% + 134px);bottom:auto;justify-content:flex-start;gap:26px} } @media(max-width:999px){ #hv-vt440 .stage-copy[data-copy="2"],#hv-vt440 .stage-copy[data-copy="3"]{bottom:136px} #hv-vt440 .stage-copy[data-copy="2"] h2,#hv-vt440 .stage-copy[data-copy="3"] h2{font-size:clamp(32px,4.1vw,45px);line-height:1.05} #hv-vt440 .stage.is-mechanical .stage-atmosphere{background:radial-gradient(ellipse at 50% 38%,#b8c4d21c,transparent 63%)} } @media(max-width:760px){ #hv-vt440 .concept-label{font-size:8.5px;letter-spacing:.055em} #hv-vt440 .stage-copy[data-copy="2"] h2,#hv-vt440 .stage-copy[data-copy="3"] h2{font-size:34px} } #hv-vt440 .closing-box{background:#fff;min-height:calc(100svh - var(--header));padding:78px 0 70px;display:flex;align-items:center;text-align:left} #hv-vt440 .closing-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:38px;row-gap:28px;align-items:center} #hv-vt440 .closing-copy{grid-column:1;grid-row:1;align-self:end} #hv-vt440 .closing-box .eyebrow{margin-bottom:24px} #hv-vt440 .closing-box h2{font-size:clamp(49px,5.7vw,82px);line-height:1.01;letter-spacing:-.06em} #hv-vt440 .closing-box .closing-product{grid-column:2;grid-row:1 / span 2;width:100%;margin:0;transform:none;filter:none} #hv-vt440 .kit-box{display:block;position:relative;width:100%;height:auto;aspect-ratio:2350/1780;overflow:hidden} #hv-vt440 .kit-box picture{display:block;width:100%;height:100%} #hv-vt440 .kit-box img{display:block;position:absolute;width:155.2340425532%;max-width:none;height:auto;left:-26.3829787234%;top:-25.2808988764%} #hv-vt440 .closing-details{grid-column:1;grid-row:2;align-self:start} #hv-vt440 .closing-box .closing-info{max-width:390px;line-height:1.8} #hv-vt440 .closing-box .closing-purchase{justify-content:flex-start;gap:24px;flex-wrap:wrap;margin-top:25px} #hv-vt440 .closing-box .price-note{max-width:370px;line-height:1.65;margin-top:22px} @media(max-width:900px){ #hv-vt440 .closing-box{padding:55px 0 48px;text-align:center} #hv-vt440 .closing-grid{display:flex;flex-direction:column;gap:21px} #hv-vt440 .closing-copy,#hv-vt440 .closing-details{align-self:stretch} #hv-vt440 .closing-box .eyebrow{font-size:9px;margin-bottom:20px} #hv-vt440 .closing-box h2{font-size:clamp(43px,8.5vw,66px)} #hv-vt440 .closing-box .closing-product{width:min(590px,100%);margin:0 auto} #hv-vt440 .closing-box .closing-info{font-size:11px;margin:auto;max-width:340px} #hv-vt440 .closing-box .closing-purchase{justify-content:center;margin-top:20px;gap:22px} #hv-vt440 .closing-box .price-note{font-size:9px;margin:18px auto 0;max-width:340px} } #hv-vt440 .wordmark{display:inline-flex;align-items:center;flex:none;line-height:0} #hv-vt440 .brand-logo{display:block;width:132px;height:auto;aspect-ratio:200/97;object-fit:contain} #hv-vt440 .footer .brand-logo{width:122px} @media(max-width:760px){ #hv-vt440 .brand-logo{width:110px} #hv-vt440 .footer .brand-logo{width:110px} } #hv-vt440 #hv496-mechanism > .rotor-webgl-canvas{ position: absolute; inset: 0; display: block; width: 100%; height: 100%; pointer-events: none; opacity: 0; } #hv-vt440 #hv496-mechanism.mechanism-enhanced-ready > .rotor-webgl-canvas{ opacity: 1; } #hv-vt440 #hv496-mechanism.mechanism-enhanced-ready > svg{ visibility: hidden; } #hv-vt440 .material-section{ --material-gold: #cfb386; --material-text: #f0f0ea; --material-muted: #b0b2a9; --material-line: #ffffff20; position: relative; isolation: isolate; overflow: hidden; background: #171816; color: var(--material-text); padding: 72px 0 62px; scroll-margin-top: 0; } #hv-vt440 .material-wrap{ width: min(1200px, calc(100% - 96px)); margin-inline: auto; } #hv-vt440 .material-heading{ text-align: center; } #hv-vt440 .material-eyebrow{ color: var(--material-gold); font-size: 11px; font-weight: 550; line-height: 1.5; letter-spacing: .17em; text-transform: uppercase; margin: 0 0 18px; } #hv-vt440 .material-heading h2{ max-width: 1080px; margin: 0 auto; font-size: clamp(48px, 5.6vw, 80px); font-weight: 500; letter-spacing: -.065em; line-height: 1.02; text-wrap: balance; } #hv-vt440 .material-heading h2 span{ display: block; color: #c5c8bf; } #hv-vt440 .material-intro{ max-width: 485px; margin: 20px auto 0; color: var(--material-muted); font-size: 14px; line-height: 1.7; text-wrap: balance; } #hv-vt440 .material-visual{ margin: 12px 0 24px; } #hv-vt440 .material-scene{ position: relative; height: clamp(275px, 24vw, 330px); width: 100%; } #hv-vt440 .material-light{ position: absolute; inset: -4% -10% 3%; background: radial-gradient(ellipse at 50% 52%, #b6bfba12, transparent 64%); pointer-events: none; } #hv-vt440 .material-thermal-light{ position: absolute; inset: 30% 10% 0; opacity: 0; background: radial-gradient(ellipse at center, #ad744b1d, transparent 68%); transition: opacity .55s ease; } #hv-vt440 .material-photo{ position: absolute; top: 45%; left: 50%; width: 89%; height: auto; aspect-ratio: 1418/302; overflow: visible; display: block; transform: translate(-50%, -50%) rotate(-3deg); transform-origin: center; filter: drop-shadow(0 24px 19px #0009); } #hv-vt440 .material-photo use{ pointer-events: none; } #hv-vt440 .material-contact{ position: absolute; top: 90%; left: 7%; right: 7%; height: 11px; border-radius: 50%; background: linear-gradient(90deg, #bbc0b000, #bbc0b01f 23%, #e4e5dc29 50%, #bbc0b01f 77%, #bbc0b000); box-shadow: 0 14px 25px #0005; transform: perspective(500px) rotateX(48deg); } #hv-vt440 .material-effect{ position: absolute; top: calc(90% - 49px); left: 6%; width: 88%; height: 84px; overflow: visible; pointer-events: none; } #hv-vt440 .material-effect-sliding,#hv-vt440 .material-effect-thermal,#hv-vt440 .material-effect-wear{ transition: opacity .35s ease; } #hv-vt440 .material-effect-thermal,#hv-vt440 .material-effect-wear{ opacity: 0; } #hv-vt440 .material-section[data-material-state="thermal"] .material-effect-sliding,#hv-vt440 .material-section[data-material-state="wear"] .material-effect-sliding{ opacity: 0; } #hv-vt440 .material-section[data-material-state="thermal"] .material-effect-thermal,#hv-vt440 .material-section[data-material-state="wear"] .material-effect-wear,#hv-vt440 .material-section[data-material-state="thermal"] .material-thermal-light{ opacity: 1; } #hv-vt440 .material-caption{ display: flex; justify-content: space-between; align-items: baseline; gap: 15px; color: #9b9f93; font-size: 10px; line-height: 1.65; } #hv-vt440 .material-caption > span:last-child{ text-align: right; } #hv-vt440 .material-caption-mark{ display: inline-block; width: 14px; height: 1px; margin: 0 8px 3px 0; background: var(--material-gold); } #hv-vt440 .material-concept{ color: #93988c; } #hv-vt440 .material-controls{ display: flex; justify-content: center; gap: 7px; width: fit-content; max-width: 100%; margin: 0 auto; padding: 6px; border: 1px solid #ffffff21; border-radius: 99px; background: #ffffff04; } #hv-vt440 .material-control{ display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 48px; padding: 13px 24px; border: 1px solid transparent; border-radius: 99px; background: transparent; color: #b7bbb0; font: inherit; font-size: 12px; line-height: 1.2; cursor: pointer; transition: background .25s ease, color .25s ease, border-color .25s ease; } #hv-vt440 .material-control:hover{ color: #f4f3ed; background: #ffffff08; } #hv-vt440 .material-control[aria-pressed="true"]{ color: #1b1c18; background: #d3bc96; border-color: #e2cba3; } #hv-vt440 .material-control .hv-icon{ display: block; width: 18px; height: 18px; flex: 0 0 18px; color: currentColor; pointer-events: none; } #hv-vt440 .material-control > span{ white-space: nowrap; } #hv-vt440 .material-control:focus-visible{ outline: 2px solid #ead0a4; outline-offset: 5px; } #hv-vt440 .material-reading{ display: grid; grid-template-columns: minmax(0, 1fr); margin: 36px auto 0; min-height: 140px; max-width: 1040px; } #hv-vt440 .material-panel{ display: grid; grid-area: 1 / 1; grid-template-columns: 1fr 1.18fr; align-self: start; align-items: start; min-width: 0; gap: 65px; } #hv-vt440 .material-panel[hidden]{ display: grid; visibility: hidden; pointer-events: none; } #hv-vt440 .material-panel h3{ margin: 0; font-size: clamp(27px, 2.8vw, 38px); font-weight: 500; letter-spacing: -.045em; line-height: 1.12; } #hv-vt440 .material-panel h3 span{ color: #a2a69b; } #hv-vt440 .material-panel-copy{ min-width: 0; } #hv-vt440 .material-panel-copy > p{ margin: 0; padding-top: 2px; color: #c1c4ba; font-size: 14px; line-height: 1.8; } #hv-vt440 .material-reading-values{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 22px 0 0; padding-top: 18px; border-top: 1px solid var(--material-line); } #hv-vt440 .material-reading-values > div{ min-width: 0; } #hv-vt440 .material-reading-values dt{ display: flex; align-items: center; gap: 8px; color: var(--material-muted); font-size: 10px; line-height: 1.5; } #hv-vt440 .material-reading-values dt .hv-icon{ width: 17px; height: 17px; flex: 0 0 17px; color: var(--material-gold); } #hv-vt440 .material-reading-values dd{ margin: 9px 0 0; font-size: 32px; font-weight: 450; line-height: 1.1; letter-spacing: -.04em; font-variant-numeric: tabular-nums; } #hv-vt440 .material-reading-values dd span{ font-size: 12px; letter-spacing: 0; color: #b9bcae; white-space: nowrap; } #hv-vt440 .material-reading-values small{ display: block; margin-top: 7px; color: #aeb3a6; font-size: 10px; line-height: 1.4; } #hv-vt440 .material-data-access{ display: flex; justify-content: space-between; align-items: center; gap: 28px; padding-block: 23px; margin-top: 28px; border-top: 1px solid var(--material-line); } #hv-vt440 .material-data-access > p{ max-width: 590px; margin: 0; color: #aeb3a6; font-size: 11px; line-height: 1.7; } #hv-vt440 .material-data-access > a{ display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: var(--material-gold); font-size: 12px; white-space: nowrap; text-underline-offset: 5px; } #hv-vt440 .material-data-access > a:focus-visible{ outline: 2px solid var(--material-gold); outline-offset: 4px; } #hv-vt440 .material-data-access > a .hv-icon{ width: 18px; height: 18px; } #hv-vt440 .material-factors{ margin-top: 15px; padding-top: 30px; border-top: 1px solid var(--material-line); } #hv-vt440 .material-factors-heading{ display: flex; align-items: center; gap: 26px; } #hv-vt440 .material-factors-heading h3{ margin: 0; color: #bec2b7; font-size: 12px; font-weight: 500; line-height: 1.6; letter-spacing: .01em; } #hv-vt440 .material-factors-line{ flex: 1; max-width: 68px; height: 1px; background: #8e7959; opacity: .65; transition: max-width .4s ease, opacity .4s ease; } #hv-vt440 .material-section[data-material-state="wear"] .material-factors-line{ max-width: 150px; opacity: 1; } #hv-vt440 .material-factor-list{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; margin: 27px 0 0; padding: 0; list-style: none; } #hv-vt440 .material-factor-list li{ padding: 0 24px; border-left: 1px solid #ffffff17; } #hv-vt440 .material-factor-list li:first-child{ padding-left: 0; border-left: 0; } #hv-vt440 .material-factor-list li:last-child{ padding-right: 0; } #hv-vt440 .material-factor-mark{ display: flex; align-items: center; gap: 10px; margin-bottom: 18px; color: var(--material-gold); } #hv-vt440 .material-factor-mark .hv-icon{ display: block; width: 18px; height: 18px; flex: 0 0 18px; pointer-events: none; } #hv-vt440 .material-factor-number{ color: #a29a89; font-size: 9px; font-variant-numeric: tabular-nums; letter-spacing: .04em; } #hv-vt440 .material-factor-list h4{ margin: 0 0 10px; font-size: 13px; font-weight: 550; line-height: 1.4; letter-spacing: -.01em; } #hv-vt440 .material-factor-list p{ margin: 0; color: #aeb3a6; font-size: 13px; line-height: 1.65; } #hv-vt440 .material-criteria{ margin-top: 34px; padding-top: 28px; border-top: 1px solid var(--material-line); } #hv-vt440 .material-criteria-heading{ display: flex; align-items: baseline; justify-content: space-between; gap: 28px; } #hv-vt440 .material-criteria h3{ margin: 0; color: var(--material-text); font-size: 24px; font-weight: 500; letter-spacing: -.035em; line-height: 1.25; text-wrap: balance; } #hv-vt440 .material-properties-note{ max-width: 315px; margin: 0; color: #aeb3a6; font-size: 11px; line-height: 1.65; text-align: right; } #hv-vt440 .material-property-list{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 26px 0 24px; padding: 0 0 24px; border-bottom: 1px solid var(--material-line); } #hv-vt440 .material-property-list > div{ min-width: 0; padding-inline: 22px; border-left: 1px solid var(--material-line); } #hv-vt440 .material-property-list > div:first-child{ padding-left: 0; border-left: 0; } #hv-vt440 .material-property-list > div:last-child{ padding-right: 0; } #hv-vt440 .material-property-list dt{ margin: 0; color: var(--material-gold); font-size: 11px; font-weight: 500; letter-spacing: .025em; line-height: 1.5; } #hv-vt440 .material-property-list dd{ margin: 9px 0 0; color: var(--material-text); font-size: 16px; font-weight: 450; letter-spacing: -.015em; line-height: 1.55; } #hv-vt440 .material-criteria-copy{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 44px; max-width: 1080px; } #hv-vt440 .material-criteria-copy p{ margin: 0; color: #b8bdae; font-size: 13px; line-height: 1.75; } #hv-vt440 .material-criteria + .material-factors{ margin-top: 30px; } #hv-vt440 .material-notes{ display: flex; justify-content: space-between; align-items: baseline; gap: 35px; margin-top: 24px; } #hv-vt440 .material-notes p{ margin: 0; max-width: 540px; color: #959c8b; font-size: 10px; line-height: 1.7; } #hv-vt440 .material-notes p:last-child{ text-align: right; } #hv-vt440 .material-motion{ animation-play-state: paused !important; } #hv-vt440 .material-slide-flow{ animation: material-slide 4.8s ease-in-out infinite; } #hv-vt440 .material-heat-flow{ animation: material-heat 4s ease-in-out infinite; } #hv-vt440 .material-wear-flow{ animation: material-wear 3.5s ease-in-out infinite; } #hv-vt440 .material-section[data-material-visible="true"] .material-effect-sliding .material-motion{ animation-play-state: running !important; } #hv-vt440 .material-section[data-material-state="thermal"][data-material-visible="true"] .material-effect-thermal .material-motion,#hv-vt440 .material-section[data-material-state="wear"][data-material-visible="true"] .material-effect-wear .material-motion{ animation-play-state: running !important; } #hv-vt440 .material-section:not([data-material-state="sliding"]) .material-effect-sliding .material-motion{ animation-play-state: paused !important; } @keyframes material-slide{ 0%, 100% { transform: translateX(-35px); opacity: .32; } 50% { transform: translateX(35px); opacity: .9; } } @keyframes material-heat{ 0%, 100% { transform: translateY(5px); opacity: .23; } 50% { transform: translateY(-9px); opacity: .82; } } @keyframes material-wear{ 0%, 100% { opacity: .22; } 50% { opacity: .95; } } #hv-vt440.motion-reduced .material-section .material-motion{ animation: none !important; } #hv-vt440.motion-reduced .material-section .material-panel{ opacity: 1 !important; transform: none !important; } #hv-vt440.motion-reduced .material-section *,#hv-vt440.motion-reduced .material-section *::before,#hv-vt440.motion-reduced .material-section *::after{ transition: none !important; } @media (max-width: 1000px){ #hv-vt440 .material-wrap{ width: calc(100% - 64px); } #hv-vt440 .material-panel{ gap: 40px; } #hv-vt440 .material-factor-list li{ padding-inline: 17px; } #hv-vt440 .material-factor-list h4{ font-size: 13px; } #hv-vt440 .material-criteria-heading{ align-items: flex-start; gap: 24px; } #hv-vt440 .material-properties-note{ max-width: 255px; } #hv-vt440 .material-property-list{ grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 22px; } #hv-vt440 .material-property-list > div:nth-child(odd){ padding-left: 0; border-left: 0; } #hv-vt440 .material-property-list > div:nth-child(even){ padding-right: 0; } } @media (min-width: 761px) and (max-height: 780px){ #hv-vt440 .material-section{ padding-top: 46px; } #hv-vt440 .material-eyebrow{ margin-bottom: 15px; } #hv-vt440 .material-heading h2{ font-size: clamp(48px, 5vw, 68px); } #hv-vt440 .material-intro{ margin-top: 16px; font-size: 12px; line-height: 1.65; } #hv-vt440 .material-visual{ margin-top: 10px; margin-bottom: 20px; } #hv-vt440 .material-scene{ height: 272px; } #hv-vt440 .material-photo{ width: min(80%, 960px); top: 47%; } #hv-vt440 .material-contact{ top: 94%; } #hv-vt440 .material-effect{ top: calc(94% - 49px); } #hv-vt440 .material-control{ min-height: 44px; padding-block: 11px; } } @media (max-width: 760px){ #hv-vt440 .material-section{ padding: 56px 0 43px; } #hv-vt440 .material-wrap{ width: calc(100% - 40px); } #hv-vt440 .material-eyebrow{ margin-bottom: 20px; font-size: 9px; letter-spacing: .13em; } #hv-vt440 .material-heading h2{ font-size: clamp(41px, 10.3vw, 65px); line-height: 1.06; letter-spacing: -.06em; } #hv-vt440 .material-heading h2 span{ display: inline; } #hv-vt440 .material-intro{ margin-top: 20px; max-width: 345px; font-size: 12px; } #hv-vt440 .material-visual{ margin-top: 18px; margin-bottom: 24px; } #hv-vt440 .material-scene{ height: clamp(185px, 48vw, 280px); } #hv-vt440 .material-photo{ width: 95%; top: 43%; transform: translate(-50%, -50%) rotate(-3deg); filter: drop-shadow(0 17px 11px #0009); } #hv-vt440 .material-contact{ top: 69%; left: 2%; right: 2%; height: 7px; } #hv-vt440 .material-effect{ top: calc(69% - 40px); height: 84px; width: 98%; left: 1%; } #hv-vt440 .material-caption{ flex-direction: column; align-items: center; gap: 5px; font-size: 9px; } #hv-vt440 .material-caption > span:last-child{ text-align: center; } #hv-vt440 .material-caption-mark{ width: 10px; margin-right: 6px; } #hv-vt440 .material-controls{ width: 100%; padding: 4px; gap: 1px; } #hv-vt440 .material-control{ flex: 1; min-width: 0; min-height: 46px; gap: 6px; padding: 11px 4px; font-size: 11px; } #hv-vt440 .material-control .hv-icon{ width: 16px; height: 16px; flex-basis: 16px; } #hv-vt440 .material-reading{ margin-top: 31px; min-height: 0; } #hv-vt440 .material-panel,#hv-vt440 .material-panel[hidden]{ display: block; } #hv-vt440 .material-panel h3{ font-size: 29px; line-height: 1.12; letter-spacing: -.045em; } #hv-vt440 .material-panel-copy > p{ margin-top: 19px; padding: 0; font-size: 14px; line-height: 1.7; } #hv-vt440 .material-reading-values{ gap: 16px; margin-top: 20px; } #hv-vt440 .material-reading-values dt{ align-items: flex-start; gap: 6px; font-size: 10px; } #hv-vt440 .material-reading-values dd{ font-size: 29px; } #hv-vt440 .material-reading-values dd span{ font-size: 11px; } #hv-vt440 .material-data-access{ display: block; margin-top: 23px; padding-block: 19px; } #hv-vt440 .material-data-access > p{ font-size: 11px; } #hv-vt440 .material-data-access > a{ margin-top: 8px; } #hv-vt440 .material-factors{ margin-top: 12px; padding-top: 23px; } #hv-vt440 .material-factors-heading{ gap: 17px; } #hv-vt440 .material-factors-heading h3{ font-size: 11px; max-width: 225px; } #hv-vt440 .material-factors-line{ max-width: 40px; } #hv-vt440 .material-factor-list{ grid-template-columns: 1fr; margin-top: 20px; } #hv-vt440 .material-factor-list li,#hv-vt440 .material-factor-list li:first-child,#hv-vt440 .material-factor-list li:last-child{ display: grid; grid-template-columns: 32px 1fr; gap: 10px; padding: 16px 0; border-left: 0; border-top: 1px solid #ffffff13; } #hv-vt440 .material-factor-mark{ margin: 1px 0 0; align-items: flex-start; } #hv-vt440 .material-factor-number{ display: none; } #hv-vt440 .material-factor-list h4{ margin-bottom: 5px; font-size: 13px; } #hv-vt440 .material-factor-list p{ font-size: 13px; } #hv-vt440 .material-criteria{ margin-top: 28px; padding-top: 25px; } #hv-vt440 .material-criteria-heading{ display: block; } #hv-vt440 .material-criteria h3{ max-width: 330px; font-size: 24px; line-height: 1.2; text-wrap: pretty; } #hv-vt440 .material-properties-note{ max-width: 300px; margin-top: 12px; font-size: 11px; text-align: left; } #hv-vt440 .material-property-list{ grid-template-columns: minmax(0, 1fr); gap: 0; margin: 22px 0; padding: 0; border-bottom: 0; } #hv-vt440 .material-property-list > div,#hv-vt440 .material-property-list > div:first-child,#hv-vt440 .material-property-list > div:last-child{ display: grid; grid-template-columns: 100px minmax(0, 1fr); align-items: baseline; gap: 16px; padding: 15px 0; border-left: 0; border-bottom: 1px solid var(--material-line); } #hv-vt440 .material-property-list > div:first-child{ border-top: 1px solid var(--material-line); } #hv-vt440 .material-property-list dt{ font-size: 11px; line-height: 1.5; } #hv-vt440 .material-property-list dd{ margin: 0; font-size: 14px; line-height: 1.6; } #hv-vt440 .material-criteria-copy{ display: block; } #hv-vt440 .material-criteria-copy p{ font-size: 13px; line-height: 1.75; } #hv-vt440 .material-criteria-copy p + p{ margin-top: 15px; } #hv-vt440 .material-criteria + .material-factors{ margin-top: 27px; } #hv-vt440 .material-notes{ display: block; margin-top: 21px; } #hv-vt440 .material-notes p{ font-size: 9px; } #hv-vt440 .material-notes p:last-child{ margin-top: 12px; text-align: left; } } @media (max-width: 360px){ #hv-vt440 .material-control{ flex-direction: column; min-height: 62px; gap: 6px; padding-block: 9px; } } @media (prefers-reduced-motion: reduce){ #hv-vt440:not(.motion-enabled) .material-section .material-motion{ animation: none !important; } #hv-vt440:not(.motion-enabled) .material-section .material-panel{ opacity: 1 !important; transform: none !important; } #hv-vt440:not(.motion-enabled) .material-section *,#hv-vt440:not(.motion-enabled) .material-section *::before,#hv-vt440:not(.motion-enabled) .material-section *::after{ transition: none !important; } } #hv-vt440 .technical-sheet{ --technical-ink: #1b1d18; --technical-muted: #6b7064; --technical-gold: #927444; --technical-line: #dfe1d8; display: flex; align-items: center; min-height: calc(100vh - var(--header, 78px)); min-height: calc(100svh - var(--header, 78px)); padding: 28px 0 96px; color: var(--technical-ink); background: #fff; scroll-margin-top: 0; } #hv-vt440 .technical-sheet-wrap{ width: min(1136px, calc(100% - 96px)); margin-inline: auto; } #hv-vt440 .technical-sheet-eyebrow{ margin: 0 0 8px; color: var(--technical-gold); font-size: 10px; font-weight: 550; line-height: 1.5; letter-spacing: .13em; text-transform: uppercase; } #hv-vt440 .technical-sheet-heading h2{ margin: 0; font-size: clamp(44px, 4.8vw, 64px); font-weight: 500; line-height: 1; letter-spacing: -.06em; } #hv-vt440 .technical-measures{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 20px 0 0; padding: 0; border-top: 1px solid var(--technical-line); border-bottom: 1px solid var(--technical-line); } #hv-vt440 .technical-measure{ display: flex; flex-direction: column; min-width: 0; padding: 16px 26px; border-right: 1px solid var(--technical-line); } #hv-vt440 .technical-measure:first-child{ padding-left: 0; } #hv-vt440 .technical-measure:last-child{ padding-right: 0; border-right: 0; } #hv-vt440 .technical-measure dt{ display: flex; align-items: center; order: 1; gap: 10px; margin: 10px 0 0; color: var(--technical-muted); font-size: 12px; font-weight: 450; line-height: 1.4; } #hv-vt440 .technical-measure dt .hv-icon{ width: 30px; height: 30px; flex: 0 0 30px; color: var(--technical-gold); transition: transform .65s cubic-bezier(.2,.7,.2,1), color .65s ease; } #hv-vt440 .technical-measure dd{ display: flex; align-items: baseline; order: 0; gap: 8px; margin: 0; white-space: nowrap; font-variant-numeric: tabular-nums; } #hv-vt440 .technical-measure-value{ font-size: clamp(65px, 6vw, 84px); font-weight: 450; line-height: .95; letter-spacing: -.06em; } #hv-vt440 .technical-measure-unit{ color: #818678; font-size: 18px; font-weight: 400; line-height: 1; letter-spacing: -.02em; } #hv-vt440 .technical-facts{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 30px; margin: 18px 0 0; padding: 0; } #hv-vt440 .technical-fact{ min-width: 0; padding: 10px 0; border-bottom: 1px solid #e9ebe4; } #hv-vt440 .technical-fact dt{ display: flex; align-items: center; gap: 8px; margin: 0 0 6px; color: var(--technical-muted); font-size: 10px; font-weight: 450; line-height: 1.5; letter-spacing: .025em; } #hv-vt440 .technical-fact dt .hv-icon{ width: 20px; height: 20px; flex: 0 0 20px; color: var(--technical-gold); } #hv-vt440 .technical-fact dd{ margin: 0; color: var(--technical-ink); font-size: 19px; font-weight: 500; line-height: 1.25; letter-spacing: -.025em; font-variant-numeric: tabular-nums; } #hv-vt440 .technical-sheet-footer{ display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 18px; } #hv-vt440 .technical-material-link{ display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 44px; padding: 11px 20px; border: 1px solid #282d22; border-radius: 99px; background: #282d22; color: #f6f6ef; font-size: 12px; font-weight: 500; line-height: 1.4; text-decoration: none; transition: background .2s ease, border-color .2s ease; } #hv-vt440 .technical-material-link .hv-icon{ width: 18px; height: 18px; flex: 0 0 18px; } #hv-vt440 .technical-material-link:hover{ background: #434b37; border-color: #434b37; } #hv-vt440 .technical-material-link:focus-visible{ outline: 3px solid #a68855; outline-offset: 4px; } #hv-vt440 .technical-sheet-footer > p{ max-width: 420px; margin: 0; color: var(--technical-muted); font-size: 11px; line-height: 1.6; text-align: right; } @media (max-width: 760px){ #hv-vt440 .technical-sheet{ padding: 24px 0 96px; } #hv-vt440 .technical-sheet-wrap{ width: calc(100% - 40px); } #hv-vt440 .technical-sheet-eyebrow{ margin-bottom: 7px; font-size: 9px; letter-spacing: .1em; } #hv-vt440 .technical-sheet-heading h2{ font-size: 42px; line-height: 1.02; } #hv-vt440 .technical-measures{ margin-top: 18px; } #hv-vt440 .technical-measure{ padding: 16px 8px; } #hv-vt440 .technical-measure dt{ gap: 5px; font-size: 11px; line-height: 1.4; } #hv-vt440 .technical-measure dt .hv-icon{ width: 22px; height: 22px; flex-basis: 22px; } #hv-vt440 .technical-measure dd{ gap: 4px; } #hv-vt440 .technical-measure-value{ font-size: clamp(45px, 13vw, 60px); } #hv-vt440 .technical-measure-unit{ font-size: 13px; } #hv-vt440 .technical-facts{ grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 22px; margin-top: 14px; } #hv-vt440 .technical-fact{ padding: 10px 0; } #hv-vt440 .technical-fact dt{ font-size: 9px; line-height: 1.5; letter-spacing: .01em; } #hv-vt440 .technical-fact dt .hv-icon{ width: 18px; height: 18px; flex-basis: 18px; } #hv-vt440 .technical-fact dd{ font-size: 16px; line-height: 1.3; } #hv-vt440 .technical-sheet-footer{ display: flex; flex-direction: column; align-items: stretch; gap: 12px; margin-top: 18px; } #hv-vt440 .technical-material-link{ min-height: 44px; width: 100%; padding-inline: 16px; font-size: 12px; } #hv-vt440 .technical-sheet-footer > p{ max-width: 340px; font-size: 11px; text-align: left; } } @media (min-width: 761px) and (max-height: 700px){ #hv-vt440 .technical-sheet{ padding-top: 22px; } #hv-vt440 .technical-sheet-heading h2{ font-size: 48px; } #hv-vt440 .technical-measure-value{ font-size: 68px; } #hv-vt440 .technical-measure{ padding-block: 13px; } #hv-vt440 .technical-facts{ margin-top: 14px; } } #hv-vt440 .material-data{ --data-ink: #f3f2eb; --data-muted: #b1b5a9; --data-gold: #d2b78b; --data-line: #ffffff20; --data-emblem-size: 86px; --data-key-pad: 20px; --data-key-gap: 14px; background: #171916; color: var(--data-ink); scroll-margin-top: 0; } #hv-vt440 .material-data-wrap{ width: min(1136px, calc(100% - 96px)); margin-inline: auto; } #hv-vt440 .data-overview{ display: flex; align-items: center; min-height: calc(100vh - var(--header, 78px)); min-height: calc(100svh - var(--header, 78px)); padding: 28px 0 96px; background: radial-gradient(ellipse at 100% 0%, #b0986b0d, transparent 55%); } #hv-vt440 .data-eyebrow{ display: flex; align-items: center; gap: 9px; margin: 0 0 12px; color: var(--data-gold); font-size: 10px; font-weight: 550; line-height: 1.5; letter-spacing: .12em; text-transform: uppercase; } #hv-vt440 .data-eyebrow .hv-icon{ width: 17px; height: 17px; flex: 0 0 17px; } #hv-vt440 .data-overview-heading h2{ margin: 0; font-size: clamp(46px, 4.8vw, 64px); font-weight: 500; letter-spacing: -.06em; line-height: 1.03; } #hv-vt440 .data-overview-heading h2 span{ color: #bfc5b7; } #hv-vt440 .data-key-values{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 24px 0 0; padding: 0; border-top: 1px solid var(--data-line); border-bottom: 1px solid var(--data-line); } #hv-vt440 .data-key-value{ position: relative; display: flex; flex-direction: column; justify-content: center; min-width: 0; min-height: 168px; padding: 22px var(--data-key-pad) 22px calc(var(--data-key-pad) + var(--data-emblem-size) + var(--data-key-gap)); border-right: 1px solid var(--data-line); } #hv-vt440 .data-key-value:first-child{ padding-left: calc(var(--data-emblem-size) + var(--data-key-gap)); } #hv-vt440 .data-key-value:last-child{ padding-right: 0; border-right: 0; } #hv-vt440 .data-key-value dt{ display: block; order: 1; margin-top: 13px; color: #c3c8ba; font-size: 12px; line-height: 1.4; } #hv-vt440 .data-emblem{ position: absolute; left: var(--data-key-pad); top: 50%; width: var(--data-emblem-size); height: var(--data-emblem-size); transform: translateY(-50%); pointer-events: none; } #hv-vt440 .data-key-value:first-child .data-emblem{ left: 0; } #hv-vt440 .data-key-value:nth-child(2){ --emblem-delay: 80ms; } #hv-vt440 .data-key-value:nth-child(3){ --emblem-delay: 160ms; } #hv-vt440 .data-key-value:nth-child(4){ --emblem-delay: 240ms; } #hv-vt440 .data-key-value dd{ display: flex; flex-direction: column; align-items: flex-start; order: 0; gap: 5px; margin: 0; } #hv-vt440 .data-key-number{ color: #f3f2eb; font-size: clamp(58px, 5vw, 70px); font-weight: 450; letter-spacing: -.06em; line-height: .95; font-variant-numeric: tabular-nums; } #hv-vt440 .data-key-unit{ color: #c0b9a7; font-size: 17px; line-height: 1.2; white-space: nowrap; letter-spacing: -.01em; } #hv-vt440 .data-disclosure{ display: flex; align-items: flex-start; gap: 10px; margin-top: 20px; padding: 12px 15px; border-left: 2px solid #b49a70; background: #ffffff04; } #hv-vt440 .data-disclosure > .hv-icon{ width: 17px; height: 17px; flex: 0 0 17px; margin-top: 2px; color: var(--data-gold); } #hv-vt440 .data-disclosure p{ margin: 0; color: #d6d8cd; font-size: 13px; line-height: 1.55; } #hv-vt440 .data-disclosure strong{ color: #eee4cd; font-weight: 550; } #hv-vt440 .data-temperature-note{ display: flex; align-items: flex-start; gap: 9px; margin: 10px 0 0; color: #bcc1b2; font-size: 12px; line-height: 1.5; } #hv-vt440 .data-temperature-note .hv-icon{ width: 16px; height: 16px; flex: 0 0 16px; margin-top: 1px; color: #c3b18d; } #hv-vt440 .data-overview-actions{ display: flex; align-items: center; gap: 23px; margin-top: 18px; } #hv-vt440 .data-primary-link,#hv-vt440 .data-secondary-link{ display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; font-size: 12px; font-weight: 500; line-height: 1.4; text-decoration: none; } #hv-vt440 .data-primary-link{ padding: 11px 20px; border: 1px solid #d2b78b; border-radius: 99px; background: #d2b78b; color: #1c2017; } #hv-vt440 .data-primary-link:hover{ background: #e3cca5; border-color: #e3cca5; } #hv-vt440 .data-secondary-link{ padding: 10px 0; color: #dbded1; } #hv-vt440 .data-secondary-link:hover{ color: #f4deb5; } #hv-vt440 .data-primary-link .hv-icon,#hv-vt440 .data-secondary-link .hv-icon{ width: 17px; height: 17px; flex: 0 0 17px; } #hv-vt440 .material-data a:focus-visible{ outline: 2px solid #ead0a4; outline-offset: 5px; } #hv-vt440 .data-complete{ padding: 70px 0 52px; border-top: 1px solid var(--data-line); background: #1b1e19; scroll-margin-top: 0; } #hv-vt440 .data-complete-heading{ display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 42px; } #hv-vt440 .data-complete-heading h3{ margin: 0; font-size: clamp(39px, 4.4vw, 60px); font-weight: 500; line-height: 1.02; letter-spacing: -.055em; } #hv-vt440 .data-complete-heading h3 span{ color: #acb4a2; } #hv-vt440 .data-complete-heading > p{ margin: 0 0 3px; color: #d0d5c6; font-size: 13px; line-height: 1.7; text-align: right; } #hv-vt440 .data-complete-heading > p span{ color: #9ba58f; font-size: 11px; } #hv-vt440 .data-property-groups{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px 48px; } #hv-vt440 .data-property-group{ min-width: 0; padding-top: 21px; border-top: 1px solid #b99f7373; } #hv-vt440 .data-property-group > header{ display: flex; align-items: center; gap: 14px; margin-bottom: 18px; } #hv-vt440 .data-group-mark{ display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex: 0 0 42px; border: 1px solid #d6bc865c; border-radius: 50%; color: #ebd2a3; background: radial-gradient(circle at 28% 12%, #bfab7833, transparent 60%), linear-gradient(145deg, #353b2f, #151a12 72%); box-shadow: inset 0 1px 0 #e4cd9b25, 0 4px 12px #0002; transition: border-color .7s ease, box-shadow .7s ease; } #hv-vt440 .data-group-mark .hv-icon{ display: block; width: 23px; height: 23px; flex: 0 0 23px; filter: drop-shadow(0 1px 2px #0005); transition: transform .7s cubic-bezier(.2,.7,.2,1); } #hv-vt440 .data-group-index{ color: var(--data-gold); font-size: 10px; line-height: 1.5; letter-spacing: .04em; font-variant-numeric: tabular-nums; } #hv-vt440 .data-property-group h4{ margin: 0; font-size: 18px; line-height: 1.3; font-weight: 500; letter-spacing: -.025em; } #hv-vt440 .data-property-list{ margin: 0; padding: 0; } #hv-vt440 .data-property-list > div{ display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 18px; min-height: 67px; padding: 14px 0; border-bottom: 1px solid #ffffff14; } #hv-vt440 .data-property-list dt{ display: flex; align-items: flex-start; gap: 10px; min-width: 0; color: #bdc5b3; font-size: 12px; line-height: 1.5; } #hv-vt440 .data-property-list dt > .hv-icon{ width: 18px; height: 18px; flex: 0 0 18px; margin-top: 0; color: #c4b18a; } #hv-vt440 .data-property-list dt small{ display: block; margin-top: 3px; color: #929e85; font-size: 10px; line-height: 1.5; } #hv-vt440 .data-property-list dd{ margin: 0; color: #f0f1e8; font-size: 22px; font-weight: 450; line-height: 1.3; letter-spacing: -.025em; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; } #hv-vt440 .data-property-list dd > span{ color: #abb69e; font-size: 12px; font-weight: 400; letter-spacing: 0; } #hv-vt440 .data-property-list dd > small{ display: block; margin-top: 3px; color: #c6b48f; font-size: 10px; font-weight: 400; line-height: 1.5; letter-spacing: 0; } #hv-vt440 .data-property-list dd.data-value-text{ font-size: 17px; letter-spacing: -.015em; } #hv-vt440 .data-format-label{ display: flex; align-items: center; gap: 9px; margin: 0 0 7px; color: #b4bda9; font-size: 11px; line-height: 1.6; } #hv-vt440 .data-format-label .hv-icon{ width: 17px; height: 17px; flex: 0 0 17px; color: #c4b18a; } #hv-vt440 .data-group-note{ display: flex; align-items: flex-start; gap: 9px; margin: 16px 0 0; color: #a8b39b; font-size: 11px; line-height: 1.65; } #hv-vt440 .data-group-note .hv-icon{ width: 16px; height: 16px; flex: 0 0 16px; margin-top: 1px; color: #c3b18c; } #hv-vt440 .data-source{ display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 42px; padding-top: 20px; border-top: 1px solid var(--data-line); } #hv-vt440 .data-scope-note{ max-width: 870px; margin: 32px 0 0; color: #a8b29a; font-size: 11px; line-height: 1.7; } #hv-vt440 .data-scope-note span{ display: block; margin-top: 7px; color: #c2c7b9; } #hv-vt440 .data-source p{ display: flex; align-items: center; gap: 9px; margin: 0; color: #a8b29a; font-size: 10px; line-height: 1.6; } #hv-vt440 .data-source .hv-icon{ width: 16px; height: 16px; flex: 0 0 16px; } #hv-vt440 .data-source a{ display: inline-flex; align-items: center; gap: 9px; min-height: 44px; color: #d0c0a0; font-size: 11px; line-height: 1.5; } #hv-vt440 .data-source a .hv-icon{ transform: rotate(-90deg); } @media (max-width: 1000px) and (min-width: 761px){ #hv-vt440 .material-data{ --data-emblem-size: clamp(48px, 6.4vw, 64px); --data-key-pad: 12px; --data-key-gap: 12px; } #hv-vt440 .material-data-wrap{ width: calc(100% - 64px); } #hv-vt440 .data-key-value{ min-height: 154px; } #hv-vt440 .data-key-number{ font-size: clamp(43px, 5.7vw, 58px); } #hv-vt440 .data-key-unit{ font-size: 14px; } #hv-vt440 .data-property-groups{ column-gap: 30px; } #hv-vt440 .data-property-list > div{ gap: 12px; } #hv-vt440 .data-property-list dd{ font-size: 20px; } #hv-vt440 .data-property-list dd > span{ display: block; font-size: 11px; } } @media (max-width: 760px){ #hv-vt440 .material-data{ --data-emblem-size: 48px; --data-key-pad: 14px; --data-key-gap: 9px; } #hv-vt440 .material-data-wrap{ width: calc(100% - 40px); } #hv-vt440 .data-overview{ padding: 24px 0 96px; } #hv-vt440 .data-eyebrow{ margin-bottom: 11px; gap: 8px; font-size: 9px; letter-spacing: .1em; } #hv-vt440 .data-eyebrow .hv-icon{ width: 16px; height: 16px; flex-basis: 16px; } #hv-vt440 .data-overview-heading h2{ max-width: 430px; font-size: 42px; line-height: 1.03; } #hv-vt440 .data-key-values{ grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 20px; } #hv-vt440 .data-key-value{ min-height: 120px; padding: 16px var(--data-key-pad) 16px calc(var(--data-key-pad) + var(--data-emblem-size) + var(--data-key-gap)); } #hv-vt440 .data-key-value:nth-child(odd){ padding-left: calc(var(--data-emblem-size) + var(--data-key-gap)); } #hv-vt440 .data-key-value:nth-child(odd) .data-emblem{ left: 0; } #hv-vt440 .data-key-value:nth-child(even){ padding-right: 0; border-right: 0; } #hv-vt440 .data-key-value:nth-child(-n+2){ border-bottom: 1px solid var(--data-line); } #hv-vt440 .data-key-number{ font-size: 44px; } #hv-vt440 .data-key-unit{ font-size: 13px; } #hv-vt440 .data-key-value dd{ gap: 4px; } #hv-vt440 .data-key-value dt{ margin-top: 10px; font-size: 11px; line-height: 1.4; } #hv-vt440 .data-disclosure{ gap: 8px; margin-top: 16px; padding: 10px 11px; } #hv-vt440 .data-disclosure > .hv-icon{ width: 16px; height: 16px; flex-basis: 16px; } #hv-vt440 .data-disclosure p{ font-size: 12px; line-height: 1.55; } #hv-vt440 .data-temperature-note{ margin-top: 9px; font-size: 11px; line-height: 1.5; } #hv-vt440 .data-overview-actions{ gap: 17px; margin-top: 16px; } #hv-vt440 .data-primary-link,#hv-vt440 .data-secondary-link{ gap: 8px; font-size: 11px; } #hv-vt440 .data-primary-link{ padding-inline: 15px; } #hv-vt440 .data-secondary-link .hv-icon{ width: 15px; height: 15px; flex-basis: 15px; } #hv-vt440 .data-complete{ padding: 48px 0 34px; } #hv-vt440 .data-complete-heading{ display: block; margin-bottom: 31px; } #hv-vt440 .data-complete-heading h3{ font-size: 41px; } #hv-vt440 .data-complete-heading > p{ margin-top: 20px; text-align: left; font-size: 12px; } #hv-vt440 .data-property-groups{ grid-template-columns: minmax(0, 1fr); gap: 30px; } #hv-vt440 .data-property-group{ padding-top: 18px; } #hv-vt440 .data-property-group > header{ gap: 11px; margin-bottom: 12px; } #hv-vt440 .data-group-mark{ width: 36px; height: 36px; flex-basis: 36px; } #hv-vt440 .data-group-mark .hv-icon{ width: 21px; height: 21px; flex-basis: 21px; } #hv-vt440 .data-property-group h4{ font-size: 18px; } #hv-vt440 .data-property-list > div{ min-height: 67px; gap: 13px; padding-block: 13px; } #hv-vt440 .data-property-list dt{ gap: 8px; font-size: 12px; } #hv-vt440 .data-property-list dt > .hv-icon{ width: 17px; height: 17px; flex-basis: 17px; } #hv-vt440 .data-property-list dd{ font-size: 20px; } #hv-vt440 .data-property-list dd > span{ font-size: 11px; } #hv-vt440 .data-property-list dd.data-value-text{ font-size: 14px; } #hv-vt440 .data-format-label{ font-size: 10px; } #hv-vt440 .data-group-note{ font-size: 11px; } #hv-vt440 .data-source{ display: block; margin-top: 29px; padding-top: 20px; } #hv-vt440 .data-source p{ align-items: flex-start; font-size: 9px; } #hv-vt440 .data-source a{ margin-top: 10px; } } @media (max-width: 360px){ #hv-vt440 .material-data{ --data-emblem-size: 42px; --data-key-pad: 11px; --data-key-gap: 8px; } #hv-vt440 .data-overview-heading h2{ font-size: 39px; } #hv-vt440 .data-key-number{ font-size: 39px; } #hv-vt440 .data-overview-actions{ gap: 10px; } #hv-vt440 .data-primary-link{ padding-inline: 12px; } #hv-vt440 .data-secondary-link{ gap: 5px; } #hv-vt440 .data-property-list dd > span{ display: block; } } @media (min-width: 761px) and (max-height: 780px){ #hv-vt440 .material-data{ --data-emblem-size: clamp(48px, 5.6vw, 70px); } #hv-vt440 .data-key-value{ min-height: 154px; padding-block: 18px; } #hv-vt440 .technical-measure dt .hv-icon{ width: 26px; height: 26px; flex-basis: 26px; } #hv-vt440 .technical-fact dt .hv-icon{ width: 18px; height: 18px; flex-basis: 18px; } } #hv-vt440.enhanced .data-key-values.reveal,#hv-vt440.enhanced .technical-measures.reveal{ transition-duration: .9s; } #hv-vt440.enhanced .data-key-values.reveal:not(.is-visible) .hv-emblem{ opacity: .3; transform: translateY(10px) scale(.84) rotate(-5deg); } @media (hover: hover) and (pointer: fine){ #hv-vt440 .data-key-value:hover .hv-emblem{ transform: translateY(-3px) scale(1.04) rotate(-2deg); filter: drop-shadow(0 10px 12px #0008) drop-shadow(0 0 10px #e5bc6a28); transition-delay: 0ms; } #hv-vt440 .data-property-group:hover .data-group-mark{ border-color: #efd29b9c; box-shadow: inset 0 1px 0 #f1ddb43b, 0 0 14px #d4b17512; } #hv-vt440 .data-property-group:hover .data-group-mark .hv-icon{ transform: translateY(-1px); } #hv-vt440 .technical-measure:hover dt .hv-icon{ transform: translateX(2px); color: #73531d; } } #hv-vt440.motion-reduced .data-group-mark,#hv-vt440.motion-reduced .data-group-mark .hv-icon,#hv-vt440.motion-reduced .technical-measure dt .hv-icon{ transition: none !important; transform: none !important; } @media (prefers-reduced-motion: reduce){ #hv-vt440:not(.motion-enabled) .data-key-values.reveal,#hv-vt440:not(.motion-enabled) .technical-measures.reveal{ opacity: 1 !important; transform: none !important; transition: none !important; } #hv-vt440:not(.motion-enabled) .data-group-mark,#hv-vt440:not(.motion-enabled) .data-group-mark .hv-icon,#hv-vt440:not(.motion-enabled) .technical-measure dt .hv-icon{ transition: none !important; transform: none !important; } } #hv-vt440 .technical-sheet .technical-revision{ margin-top: 18px; color: #615b51; font-size: 14px; line-height: 1.65; } #hv-vt440 .technical-document-actions{ display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 20px; } #hv-vt440 .technical-tool{ display: inline-flex; align-items: center; gap: 10px; min-height: 46px; padding: 10px 16px; border: 1px solid #cfc8bc; border-radius: 8px; background: #fff; color: #25231f; font-size: 15px; font-weight: 500; line-height: 1.45; text-decoration: none; } #hv-vt440 .technical-tool:hover{ border-color: #947441; background: #faf7ef; } #hv-vt440 .technical-tool .hv-icon{ width: 21px; height: 21px; flex-basis: 21px; color: #88672f; } #hv-vt440 .technical-sheet .technical-dimension-figure{ margin: 24px 0 0; padding: 12px 24px 17px; background: #faf9f6; border-radius: 12px; } #hv-vt440 .technical-dimension-diagram{ display: block; width: min(100%, 920px); height: auto; margin-inline: auto; overflow: visible; } #hv-vt440 .technical-dimension-diagram .dimension-lines{ color: #806333; } #hv-vt440 .technical-dimension-diagram .dimension-labels{ color: #2d2a25; font-variant-numeric: tabular-nums; letter-spacing: -.025em; } #hv-vt440 .technical-dimension-figure figcaption{ margin: 3px 0 0; text-align: center; color: #676056; font-size: 14px; line-height: 1.55; } #hv-vt440 .technical-sheet .technical-reference{ display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; } #hv-vt440 .reference-copy{ flex: 0 0 auto; min-height: 44px; padding: 9px 12px; border: 1px solid #c7bdac; border-radius: 7px; background: #faf8f2; color: #614a22; font-size: 14px; font-weight: 500; line-height: 1.4; } #hv-vt440 .reference-copy:hover{ background: #eee6d7; border-color: #947441; } #hv-vt440 .technical-sheet .technical-query{ display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; color: #6e5228; font-size: 15px; font-weight: 550; line-height: 1.5; text-decoration: underline; text-underline-offset: 5px; } #hv-vt440 .technical-sheet .technical-contact-note{ margin: 15px 0 0; color: #615b51; font-size: 14px; line-height: 1.6; } #hv-vt440 .technical-sheet .technical-feedback{ min-height: 24px; margin: 8px 0 0; color: #675022; font-size: 14px; line-height: 1.6; } #hv-vt440 .technical-sheet [hidden],#hv-vt440 .material-data [hidden]{ display: none !important; } #hv-vt440 .material-name-nowrap{ white-space: nowrap; } #hv-vt440 .material-data .data-reading-tools{ display: flex; flex-wrap: wrap; align-items: end; gap: 20px 32px; margin: 0 0 34px; } #hv-vt440 .data-group-index-nav{ display: flex; flex-wrap: wrap; gap: 6px 18px; flex: 1 1 440px; } #hv-vt440 .data-group-index-nav a{ display: inline-flex; align-items: center; min-height: 46px; padding: 8px 0; color: #ead6b2; font-size: 15px; font-weight: 500; line-height: 1.5; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: #ac875c88; } #hv-vt440 .data-group-index-nav a:hover{ color: #fff5df; text-decoration-color: currentColor; } #hv-vt440 .technical-unit-toggle{ display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; margin: 0; padding: 0; border: 0; } #hv-vt440 .technical-unit-toggle legend{ margin: 0 0 8px; padding: 0; color: #ddd2bf; font-size: 14px; line-height: 1.5; } #hv-vt440 .technical-unit-toggle label{ position: relative; display: inline-flex; min-height: 46px; cursor: pointer; } #hv-vt440 .technical-unit-toggle input{ position: absolute; width: 1px; height: 1px; opacity: 0; } #hv-vt440 .technical-unit-toggle label > span{ display: flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 14px; border: 1px solid #766a55; border-radius: 7px; background: #ffffff05; color: #ddd3c4; font-size: 15px; line-height: 1.4; } #hv-vt440 .technical-unit-toggle input:checked + span{ background: #d8bf91; border-color: #d8bf91; color: #1c1a16; } #hv-vt440 .technical-unit-toggle input:focus-visible + span{ outline: 3px solid #f0d6a6; outline-offset: 4px; } #hv-vt440 .material-data .data-property-list dd > .technical-number{ color: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; white-space: normal; } #hv-vt440 .material-data .data-property-group{ scroll-margin-top: 24px; } #hv-vt440 .technical-explainer,#hv-vt440 .technical-raw-disclosure{ margin-top: 19px; border-top: 1px solid #d5bc8d36; } #hv-vt440 .technical-explainer summary,#hv-vt440 .technical-raw-disclosure summary{ position: relative; min-height: 48px; padding: 15px 28px 15px 0; color: #e4cba2; font-size: 15px; font-weight: 500; line-height: 1.55; cursor: pointer; list-style: none; } #hv-vt440 .technical-explainer summary::-webkit-details-marker,#hv-vt440 .technical-raw-disclosure summary::-webkit-details-marker{ display: none; } #hv-vt440 .technical-explainer summary::after,#hv-vt440 .technical-raw-disclosure summary::after{ content: '+'; position: absolute; right: 2px; top: 14px; color: #ecd9b8; font-size: 22px; line-height: 1; } #hv-vt440 .technical-explainer[open] > summary::after,#hv-vt440 .technical-raw-disclosure[open] > summary::after{ content: '−'; } #hv-vt440 .technical-explainer > div{ padding: 0 0 6px; } #hv-vt440 .material-data .technical-explainer p{ margin: 0 0 13px; color: #d8cfbf; font-size: 15px; line-height: 1.7; } #hv-vt440 .material-data .technical-explainer strong{ color: #eee4d5; font-weight: 550; } #hv-vt440 .material-data .technical-raw-content{ padding-bottom: 5px; } #hv-vt440 .technical-tool:focus-visible,#hv-vt440 .reference-copy:focus-visible,#hv-vt440 .technical-query:focus-visible,#hv-vt440 .data-group-index-nav a:focus-visible,#hv-vt440 .technical-explainer summary:focus-visible,#hv-vt440 .technical-raw-disclosure summary:focus-visible{ outline: 3px solid #b08a4b; outline-offset: 5px; } @media (max-width: 760px){ #hv-vt440 .technical-sheet .technical-dimension-figure{ margin-top: 20px; padding: 4px 0 14px; border-radius: 8px; } #hv-vt440 .technical-dimension-figure figcaption{ padding-inline: 12px; font-size: 14px; } #hv-vt440 .technical-document-actions{ gap: 8px; } #hv-vt440 .technical-tool{ flex: 1 1 170px; justify-content: center; padding-inline: 12px; } #hv-vt440 .technical-sheet .technical-revision{ max-width: 320px; } #hv-vt440 .material-data .data-reading-tools{ gap: 18px; } #hv-vt440 .data-group-index-nav{ flex-basis: 100%; gap: 4px 18px; } #hv-vt440 .technical-unit-toggle{ flex-basis: 100%; } } @media (max-width: 360px){ #hv-vt440 .technical-sheet .technical-sheet-wrap{ width: calc(100% - 32px); } #hv-vt440 .technical-sheet .technical-reference{ gap: 8px; } #hv-vt440 .technical-sheet .technical-reference > span{ font-size: 18px; } } @media print{ #hv-vt440{ height: auto !important; min-height: 0 !important; overflow: visible !important; background: #fff !important; color: #191919 !important; } #hv-vt440 > :not(.hv-story-main):not(.svg-definitions),#hv-vt440 .hv-story-main > :not(.technical-sheet):not(.material-data){ display: none !important; } #hv-vt440 .technical-sheet,#hv-vt440 .material-data,#hv-vt440 .data-overview,#hv-vt440 .data-complete{ display: block !important; height: auto !important; min-height: 0 !important; padding: 0 !important; background: #fff !important; color: #191919 !important; } #hv-vt440 .technical-sheet *,#hv-vt440 .material-data *{ color: #242424 !important; text-shadow: none !important; box-shadow: none !important; filter: none !important; animation: none !important; transition: none !important; } #hv-vt440 .technical-sheet .technical-sheet-wrap,#hv-vt440 .material-data .material-data-wrap{ width: 100% !important; } #hv-vt440 .technical-sheet .reveal,#hv-vt440 .material-data .reveal{ opacity: 1 !important; visibility: visible !important; transform: none !important; } #hv-vt440 .technical-document-actions,#hv-vt440 .reference-copy,#hv-vt440 .technical-sheet-footer,#hv-vt440 .technical-contact-note,#hv-vt440 .technical-feedback,#hv-vt440 .data-reading-tools,#hv-vt440 .data-overview-actions,#hv-vt440 .data-source,#hv-vt440 .data-emblem,#hv-vt440 .data-group-mark,#hv-vt440 .technical-explainer summary{ display: none !important; } #hv-vt440 .technical-sheet .technical-sheet-heading h2,#hv-vt440 .material-data .data-overview-heading h2,#hv-vt440 .material-data .data-complete-heading h3{ font-size: 24pt !important; } #hv-vt440 .technical-sheet .technical-dimension-figure{ max-width: 390pt; margin: 12pt auto !important; padding: 0 !important; background: none !important; } #hv-vt440 .technical-sheet .technical-measures,#hv-vt440 .technical-sheet .technical-facts{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 14pt !important; margin-top: 10pt !important; } #hv-vt440 .technical-sheet .technical-measure{ padding: 10pt 0 !important; border-color: #ccc !important; } #hv-vt440 .technical-sheet .technical-measure dd{ display: flex !important; } #hv-vt440 .technical-sheet .technical-measure-value{ font-size: 34pt !important; } #hv-vt440 .technical-sheet .technical-measure-unit{ font-size: 12pt !important; } #hv-vt440 .technical-sheet .technical-measure dt,#hv-vt440 .technical-sheet .technical-fact dt{ font-size: 10pt !important; } #hv-vt440 .technical-sheet .technical-fact dd{ font-size: 12pt !important; } #hv-vt440 .technical-sheet .technical-fact{ padding: 8pt 0 !important; } #hv-vt440 .material-data{ break-before: page; } #hv-vt440 .material-data .data-key-values{ grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } #hv-vt440 .material-data .data-key-value{ padding: 12pt 5pt !important; min-height: 0 !important; border-color: #ccc !important; } #hv-vt440 .material-data .data-key-number{ font-size: 24pt !important; } #hv-vt440 .material-data .data-key-value dt,#hv-vt440 .material-data .data-key-unit{ font-size: 10pt !important; } #hv-vt440 .material-data .data-property-groups{ grid-template-columns: 1fr !important; gap: 18pt !important; } #hv-vt440 .material-data .data-property-group{ break-inside: avoid; border-color: #ccc !important; } #hv-vt440 .material-data .data-property-group > header{ margin-bottom: 8pt !important; } #hv-vt440 .material-data .data-property-group h4{ font-size: 14pt !important; } #hv-vt440 .material-data .data-property-list > div{ grid-template-columns: minmax(0, 1fr) auto !important; min-height: 0 !important; padding: 7pt 0 !important; border-color: #ddd !important; } #hv-vt440 .material-data .data-property-list dt,#hv-vt440 .material-data .data-property-list dd > span,#hv-vt440 .material-data .data-property-list small{ font-size: 10pt !important; } #hv-vt440 .material-data .data-property-list dd{ font-size: 14pt !important; margin-left: 0 !important; text-align: right !important; } #hv-vt440 .material-data .data-property-list dd > .technical-number{ font-size: inherit !important; } #hv-vt440 .material-data .data-temperature-note,#hv-vt440 .material-data .data-disclosure p,#hv-vt440 .material-data .data-scope-note,#hv-vt440 .material-data .data-group-note,#hv-vt440 .material-data .technical-explainer p{ font-size: 10pt !important; line-height: 1.5 !important; } #hv-vt440 .material-data .data-complete-heading{ margin-top: 18pt !important; } #hv-vt440 .technical-raw-disclosure,#hv-vt440 .technical-explainer{ break-inside: avoid; border-color: #ccc !important; } #hv-vt440 .technical-raw-disclosure summary{ padding-block: 6pt !important; font-size: 10pt !important; } #hv-vt440 .technical-raw-disclosure summary::after{ display: none !important; } #hv-vt440 .material-name-nowrap{ white-space: nowrap !important; } } #hv-vt440 .hv-icon-definitions{ position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; } #hv-vt440 .hv-icon{ display: inline-flex; align-items: center; justify-content: center; width: var(--hv-icon-size, 18px); height: var(--hv-icon-size, 18px); flex: 0 0 auto; vertical-align: -.18em; color: inherit; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; overflow: visible; pointer-events: none; } #hv-vt440 .hv-icon use{ pointer-events: none; } #hv-vt440 .hv-icon[hidden]{ display: none !important; } #hv-vt440 .hv-icon--small{ --hv-icon-size: 16px; } #hv-vt440 .hv-icon--large{ --hv-icon-size: 22px; } #hv-vt440 .hv-emblem{ display: block; width: var(--data-emblem-size, 86px); height: var(--data-emblem-size, 86px); flex: 0 0 auto; overflow: visible; pointer-events: none; transform-origin: 50% 50%; filter: drop-shadow(0 8px 10px #0007) drop-shadow(0 0 5px #d4ae6510); transition: transform .9s cubic-bezier(.2,.7,.2,1), opacity .8s ease, filter .9s ease; transition-delay: var(--emblem-delay, 0ms); } #hv-vt440 .hv-emblem use{ pointer-events: none; } #hv-vt440 .hv-emblem[hidden]{ display: none !important; } #hv-vt440.motion-reduced .hv-emblem{ transition: none !important; transform: none !important; opacity: 1 !important; } @media (prefers-reduced-motion: reduce){ #hv-vt440:not(.motion-enabled) .hv-emblem{ transition: none !important; transform: none !important; opacity: 1 !important; } } #hv-vt440 .hv-with-icon{ display: inline-flex; align-items: center; gap: 8px; } #hv-vt440 .hv-with-icon > .hv-icon{ margin-inline: 0; } #hv-vt440 .btn > .hv-icon,#hv-vt440 .text-link > .hv-icon,#hv-vt440 .hero-bottom a > .hv-icon{ margin-inline-end: 8px; } #hv-vt440 .btn > .hv-icon--trailing,#hv-vt440 .text-link > .hv-icon--trailing,#hv-vt440 .hero-bottom a > .hv-icon--trailing{ margin-inline-start: 8px; margin-inline-end: 0; } #hv-vt440 .chapter-tabs .hv-icon{ --hv-icon-size: 16px; margin-inline-end: 6px; vertical-align: -.24em; } #hv-vt440 .material-control .hv-icon{ --hv-icon-size: 18px; margin: 0; opacity: .88; } #hv-vt440 .material-control[aria-pressed="true"] .hv-icon{ opacity: 1; } #hv-vt440 .stage-controls .hv-icon,#hv-vt440 .footer-controls .hv-icon,#hv-vt440 .original-trigger .hv-icon{ --hv-icon-size: 14px; margin-inline-end: 6px; vertical-align: -.27em; } #hv-vt440 .tour-panel button .hv-icon,#hv-vt440 .photo-dialog-head button .hv-icon,#hv-vt440 .photo-dialog-tabs button .hv-icon{ --hv-icon-size: 16px; margin-inline-end: 6px; vertical-align: -.25em; } #hv-vt440 .material-factor-number .hv-icon{ --hv-icon-size: 22px; display: block; color: inherit; } #hv-vt440 .material-factor-list > li > .hv-icon{ --hv-icon-size: 22px; display: block; margin-block-end: 20px; color: var(--material-gold, var(--gold, currentColor)); } #hv-vt440 .material-caption .hv-icon{ --hv-icon-size: 14px; margin-inline-end: 6px; } #hv-vt440 .dimension .label .hv-icon,#hv-vt440 .spec-list dt .hv-icon{ --hv-icon-size: 16px; margin-inline-end: 6px; vertical-align: -.23em; } #hv-vt440 .section-kicker .hv-icon{ --hv-icon-size: 18px; } #hv-vt440 .closing-info .hv-icon{ --hv-icon-size: 18px; margin-inline-end: 7px; } #hv-vt440 .hv-with-icon > .hv-icon,#hv-vt440 .hv-with-icon > .hv-icon--trailing{ margin-inline: 0; } @media (max-width: 760px){ #hv-vt440 .chapter-tabs .hv-icon{ --hv-icon-size: 14px; margin-inline-end: 5px; } #hv-vt440 .material-control .hv-icon{ --hv-icon-size: 16px; } #hv-vt440 .material-factor-number .hv-icon,#hv-vt440 .material-factor-list > li > .hv-icon{ --hv-icon-size: 20px; margin-block: 0; } #hv-vt440 .dimension .label .hv-icon{ --hv-icon-size: 14px; margin-inline-end: 4px; } } #hv-vt440{--motion-fast:320ms;--motion-ease:cubic-bezier(.22,.68,.22,1);--studio-black:#141413;--studio-gold:#c5a354;--studio-champagne:#ead4a4;--studio-line:#b79a642e} #hv-vt440 .btn{transition:transform .32s var(--motion-ease),background .32s,color .32s,box-shadow .45s,border-color .45s} #hv-vt440 .btn:active{transform:translateY(0) scale(.98)} #hv-vt440 .btn-dark{background:linear-gradient(155deg,#35332e,#191918 65%);box-shadow:inset 0 1px 0 #ffffff1c,0 5px 14px #17151012} #hv-vt440 .btn-dark:hover{background:linear-gradient(155deg,#464136,#24221e 70%);box-shadow:inset 0 1px 0 #d8bb7e45,0 9px 23px #1d180c20} #hv-vt440 .btn-outline{border-color:#ac906d6e;background:#ffffff5e;box-shadow:inset 0 1px 0 #fff8} #hv-vt440 .btn-outline:hover{background:#faf5e9;border-color:#a48956} #hv-vt440 .on-dark .btn-dark{background:linear-gradient(135deg,#efdfbf,#c9ae77);color:#211c13;box-shadow:inset 0 1px 0 #fff7,0 3px 12px #0002} #hv-vt440 .progress-fill{background:linear-gradient(90deg,#8e6e34,#d6b66e 72%,#f3dfb2);box-shadow:0 0 8px #c5a35438} #hv-vt440 .text-link,#hv-vt440 .hero-bottom a{display:inline-flex;align-items:center} #hv-vt440 .hero-actions .tour-start:before{display:none} #hv-vt440 .hero-actions .text-link .hv-icon{transition:transform var(--motion-fast) var(--motion-ease)} #hv-vt440 .hero-actions .text-link:hover .hv-icon{transform:translateX(3px)} #hv-vt440 .chapter-tabs{background:#f3f0e8d9;border-color:#b8a27e4d;box-shadow:inset 0 1px 0 #fff9,0 10px 32px #241c0d10;backdrop-filter:blur(20px)} #hv-vt440 .chapter-tabs button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;transition:background .4s,color .4s,opacity .4s,box-shadow .5s;position:relative} #hv-vt440 .chapter-tabs button:hover{opacity:1} #hv-vt440 .chapter-tabs button:active{background:#d5bf9626} #hv-vt440 .chapter-tabs button[aria-pressed="true"]{background:linear-gradient(135deg,#f0dfb9,#c9aa6d);color:#201c13;opacity:1;box-shadow:inset 0 1px 0 #fff9,0 2px 7px #5d431b16} #hv-vt440 .stage[data-chapter="1"] .chapter-tabs,#hv-vt440 .stage.is-mechanical .chapter-tabs{color:#f2ead8;background:#1c1b18dc;border-color:#d5b77538;box-shadow:inset 0 1px 0 #f5e3ba0b,0 12px 32px #0003} #hv-vt440 .stage-controls button,#hv-vt440 .footer-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;line-height:1.3;font-size:11px;border-bottom:0;text-decoration:underline;text-underline-offset:5px;opacity:.85} #hv-vt440 .stage-controls{min-height:40px} #hv-vt440 .tour-panel button,#hv-vt440 .photo-dialog-head button{display:inline-flex;align-items:center;justify-content:center;min-height:44px} #hv-vt440 .tour-panel .tour-label{font-size:11px} #hv-vt440 .original-trigger{display:inline-flex;align-items:center;min-height:30px} #hv-vt440.enhanced .reveal{transform:translateY(18px);transition:opacity 1.05s var(--motion-ease),transform 1.05s var(--motion-ease)} #hv-vt440.enhanced .reveal.is-visible{transform:translateY(0)} #hv-vt440 .closing-box .kit-box{transform:scale(var(--closing-scale,1));transform-origin:50% 60%} #hv-vt440 .tour-curtain{position:fixed;inset:0;z-index:42;pointer-events:none;background:#111315;opacity:0;will-change:opacity} #hv-vt440 .tour-curtain[hidden]{display:none} #hv-vt440 .dimension .label{display:flex;align-items:center;gap:6px} #hv-vt440 .dimension .label .hv-icon{margin:0;color:var(--gold)} #hv-vt440 .closing-info .hv-icon{color:var(--gold)} #hv-vt440 .header-links a{position:relative;padding-block:11px} #hv-vt440 .header-links a:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--motion-fast) var(--motion-ease)} #hv-vt440 .header-links a:hover:after,#hv-vt440 .header-links a:focus-visible:after{transform:scaleX(1)} #hv-vt440 .stage-copy[data-copy="2"] p,#hv-vt440 .stage-copy[data-copy="3"] p{font-variant-numeric:tabular-nums} #hv-vt440 .hero{isolation:isolate;background:radial-gradient(ellipse at 50% 42%,#fff 13%,#fbfaf6 46%,#eee9dd 100%)} #hv-vt440 .hero::before{content:"";position:absolute;inset:7% -20% 9%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#fff0 35%,#c9b58b15 66%,#a98b5a0b 80%);transform:rotate(-8deg)} #hv-vt440 .hero::after{content:"";position:absolute;left:7%;right:7%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#ae93645c,transparent);pointer-events:none} #hv-vt440 .hero>.wrap:last-child{position:relative;z-index:2} #hv-vt440 .hero .eyebrow::before,#hv-vt440 .hero .eyebrow::after{content:"";display:inline-block;width:28px;height:1px;vertical-align:middle;background:linear-gradient(90deg,transparent,#a78a52);margin:0 16px 3px 0} #hv-vt440 .hero .eyebrow::after{margin:0 0 3px 16px;transform:rotate(180deg)} #hv-vt440 .hero h2 em{background:linear-gradient(115deg,#826333 8%,#b89550 39%,#96713a 64%,#68532f 100%);background-clip:text;-webkit-background-clip:text;color:transparent} #hv-vt440 .hero-caption{padding-top:20px;border-top:1px solid #b8a27929} #hv-vt440 .hero-bottom{color:#767166} #hv-vt440.enhanced .hero-line>span{transition-duration:1.15s,.95s;transition-timing-function:cubic-bezier(.19,.69,.2,1)} #hv-vt440.enhanced .hero-line:nth-child(2)>span{transition-delay:.14s} #hv-vt440.enhanced .hero-product{transition-duration:1.35s,1.1s;transition-delay:.22s} #hv-vt440 .tour-panel{background:linear-gradient(145deg,#2c2a25f5,#151513f5);border-color:#d8bd8538;box-shadow:inset 0 1px 0 #fff1,0 16px 42px #0003} #hv-vt440 .tour-panel button{background:#ffffff0c;border:1px solid #ffffff09;transition:background .35s,border-color .35s,color .35s} #hv-vt440 .tour-panel button:hover{background:#a58b5629;border-color:#d5b67a3d} #hv-vt440 .tour-panel #hv496-tour-pause{background:linear-gradient(135deg,#f0dfba,#c4a36b);color:#211c13;border-color:#eed8a66e;box-shadow:inset 0 1px 0 #fff6} #hv-vt440 .tour-panel .tour-label{color:#d5ccba} #hv-vt440 .tour-status{color:#b3a994;font-variant-numeric:tabular-nums} @media(max-width:760px){ #hv-vt440 .chapter-tabs{padding:4px;max-width:calc(100% - 28px)} #hv-vt440 .chapter-tabs button{min-height:44px;padding:10px 13px;font-size:11px} #hv-vt440 .stage-controls button{font-size:11px;min-height:40px} #hv-vt440 .stage-copy p{font-size:12px} #hv-vt440 .tour-panel button{min-height:44px;padding:10px 13px} #hv-vt440 .tour-panel button .hv-icon{--hv-icon-size:15px} #hv-vt440 .hero-actions{gap:18px} #hv-vt440 .hero-actions .btn{padding-inline:19px} #hv-vt440 .hero-actions .text-link{font-size:11.5px} #hv-vt440 .hero-actions .text-link .hv-icon{--hv-icon-size:15px;margin-inline-start:6px} #hv-vt440 .closing-box .closing-info{font-size:12px} #hv-vt440 .closing-box .closing-purchase .btn{padding-inline:19px} #hv-vt440 .closing-purchase .hv-icon{--hv-icon-size:16px} #hv-vt440 .dimension .label{gap:4px} } @media(max-width:370px){ #hv-vt440 .chapter-tabs button{padding-inline:10px;font-size:10.5px} #hv-vt440 .hero-actions{gap:13px} #hv-vt440 .hero-actions .btn{padding-inline:15px} #hv-vt440 .hero-actions .text-link{font-size:10.5px} #hv-vt440 .hero-actions .btn .hv-icon{--hv-icon-size:16px} } #hv-vt440.motion-reduced .tour-curtain{display:none!important} #hv-vt440.motion-reduced .closing-box .kit-box{transform:none!important} #hv-vt440.motion-reduced .btn:active{transform:none!important} #hv-vt440 .header-data{display:none} #hv-vt440 .stage-copy .stage-tech-line{opacity:1;margin-top:16px;line-height:1.4} #hv-vt440 .stage-tech-line strong{display:block;font-size:22px;font-weight:500;letter-spacing:-.025em} #hv-vt440 .stage-tech-line span{display:block;font-size:12px;margin-top:6px;opacity:.65} @media(max-width:760px){ #hv-vt440 .header-data{display:inline-flex;align-items:center;min-height:44px;font-size:11px;font-weight:550;white-space:nowrap;text-decoration:underline;text-underline-offset:4px} #hv-vt440 .header-end{gap:12px} #hv-vt440 .stage-tech-line strong{font-size:19px} #hv-vt440 .stage-tech-line span{font-size:11px} } @media(max-width:360px){ #hv-vt440 .site-header .brand-logo{width:96px} #hv-vt440 .header-end{gap:8px} #hv-vt440 .header-end .btn{padding-inline:12px} #hv-vt440 .header-data{font-size:10.5px} } #hv-vt440 .experience{height:360svh;min-height:2100px;scroll-margin-top:calc(0px - var(--header))} #hv-vt440 .stage{--scene-progress:0;--studio-x:50%;--studio-y:42%;isolation:isolate} #hv-vt440 .stage.is-mechanical{--studio-x:66.5%;--studio-y:51%;background:#121211} #hv-vt440 .stage::before,#hv-vt440 .stage::after{content:"";position:absolute;pointer-events:none;z-index:0} #hv-vt440 .stage::before{inset:0;background:radial-gradient(ellipse at 50% 38%,#fff9 0%,transparent 66%);opacity:clamp(0,calc(1 - var(--scene-progress)*5),1)} #hv-vt440 .stage::after{left:10%;right:10%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#d4b77c65,transparent);opacity:.6} #hv-vt440 .stage-atmosphere{z-index:0;overflow:hidden;background:radial-gradient(ellipse at var(--studio-x) var(--studio-y),#d2b57a28 0%,#a8884f0b 37%,transparent 67%),linear-gradient(135deg,#ffedd50a,transparent 45%,#0005)} #hv-vt440 .stage.is-mechanical .stage-atmosphere{background:radial-gradient(ellipse at var(--studio-x) var(--studio-y),#dfc68c24 0%,#b69b5f09 38%,transparent 65%),linear-gradient(125deg,#e3d0a509,transparent 50%,#0005)} #hv-vt440 .stage-atmosphere::before,#hv-vt440 .stage-atmosphere::after{content:"";position:absolute;pointer-events:none} #hv-vt440 .stage-atmosphere::before{inset:-28%;background:linear-gradient(112deg,transparent 23%,#f6e6c504 32%,#f7e3b526 40%,#fff4d911 44%,transparent 53%);transform:translateX(calc(-19% + var(--scene-progress)*35%)) rotate(calc(-9deg + var(--scene-progress)*16deg));opacity:.85} #hv-vt440 .stage-atmosphere::after{left:var(--studio-x);top:var(--studio-y);width:min(77vw,850px);aspect-ratio:1;border:1px solid #d3b77c12;border-top-color:#f1dca94a;border-right-color:#d0ad6822;border-bottom-color:transparent;border-radius:50%;box-shadow:inset 0 18px 42px #f7dfa606,0 -16px 45px #e5c17d06;transform:translate(-50%,-50%) rotate(calc(-58deg + var(--scene-progress)*105deg)) scale(calc(.91 + var(--scene-progress)*.15));opacity:.8} #hv-vt440 .stage.is-mechanical .stage-atmosphere::after{width:min(55vw,710px)} #hv-vt440 .stage-art{z-index:1} #hv-vt440 .stage-art::before,#hv-vt440 .stage-art::after{content:"";position:absolute;pointer-events:none;z-index:-1} #hv-vt440 .stage-art::before{left:var(--studio-x);top:calc(var(--studio-y) + 13%);width:min(92vw,1100px);height:clamp(80px,16vh,165px);background:radial-gradient(ellipse,#0908064d 0%,#0b08051a 34%,transparent 69%);transform:translate(-50%,-50%) scaleX(calc(1 - var(--scene-progress)*.18));opacity:calc(.65 + var(--scene-progress)*.35)} #hv-vt440 .stage-art::after{left:12%;right:12%;top:66%;height:1px;background:linear-gradient(90deg,transparent,#b4944c16 23%,#e9d6ad4d 50%,#b4944c16 77%,transparent);transform:translateY(calc(var(--scene-progress)*38px)) scaleX(calc(.7 + var(--scene-progress)*.3));opacity:clamp(0,calc(var(--scene-progress)*2),.7)} #hv-vt440 .stage.is-mechanical .stage-art::before{width:min(64vw,800px);top:calc(var(--studio-y) + 22%);height:clamp(50px,10vh,105px);opacity:.85} #hv-vt440 .stage.is-mechanical .stage-art::after{left:44%;right:4%;top:80%;opacity:.36} #hv-vt440 .stage-top,#hv-vt440 .stage-copy,#hv-vt440 .concept-label{z-index:2} #hv-vt440 .chapter-tabs,#hv-vt440 .stage-controls{z-index:3} #hv-vt440 .stage-copy[data-copy="1"] h2,#hv-vt440 .stage-copy[data-copy="2"] h2,#hv-vt440 .stage-copy[data-copy="3"] h2{text-shadow:0 2px 25px #0004} #hv-vt440 .stage-copy .stage-accent{color:#ead4a3;text-shadow:0 1px 22px #e5c58b12} @supports(background-clip:text){ #hv-vt440 .stage-copy .stage-accent{background:linear-gradient(110deg,#f8e8c7 5%,#e0c184 47%,#d2af72 85%);background-clip:text;-webkit-background-clip:text;color:transparent} } #hv-vt440 .stage-copy .gold-number{color:#98763e} #hv-vt440 .stage-copy[data-copy="1"] p,#hv-vt440 .stage-copy[data-copy="2"] p,#hv-vt440 .stage-copy[data-copy="3"] p{color:#e7e0d2;opacity:.78} #hv-vt440 .concept-label{color:#d5bb8b} #hv-vt440 .stage-heading{display:flex;align-items:center;gap:17px} #hv-vt440 .scene-signet{position:relative;display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border:1px solid #b39a687d;border-radius:50%;color:#8c6b31;background:radial-gradient(circle at 29% 15%,#fff 0%,#f7efd9 31%,#e7ddc6 75%,#d3c1a0 100%);box-shadow:inset 0 1px 1px #fff,0 4px 13px #5b452b16,0 0 0 3px #d4bd9110} #hv-vt440 .scene-signet::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid transparent;border-top-color:#b69a679e;border-right-color:#b69a6733;transform:rotate(calc(-32deg + var(--scene-progress)*224deg))} #hv-vt440 .scene-signet::after{content:"";position:absolute;inset:4px;border:1px solid #a0865533;border-top-color:#fff7;border-radius:50%;pointer-events:none} #hv-vt440 .scene-signet .hv-icon{--hv-icon-size:25px;position:absolute;opacity:0;transform:scale(.8);transition:opacity .65s var(--motion-ease),transform .85s var(--motion-ease);stroke-width:1.4;filter:drop-shadow(0 1px 1px #fff5)} #hv-vt440 .stage:not([data-chapter]) .scene-signet [data-signet="0"],#hv-vt440 .stage[data-chapter="0"] .scene-signet [data-signet="0"],#hv-vt440 .stage[data-chapter="1"] .scene-signet [data-signet="1"],#hv-vt440 .stage[data-chapter="2"] .scene-signet [data-signet="2"],#hv-vt440 .stage[data-chapter="3"] .scene-signet [data-signet="3"]{opacity:1;transform:scale(1)} #hv-vt440 .stage[data-chapter="1"] .scene-signet,#hv-vt440 .stage[data-chapter="2"] .scene-signet,#hv-vt440 .stage[data-chapter="3"] .scene-signet{color:#f1d596;background:radial-gradient(circle at 27% 8%,#756140 0%,#39342a 26%,#171715 77%);border-color:#d9b67878;box-shadow:inset 0 1px 0 #f5db9f6b,0 5px 16px #0005,0 0 0 3px #cfac6810,0 0 28px #c5a36a0d} #hv-vt440 .stage[data-chapter="1"] .scene-signet .hv-icon,#hv-vt440 .stage.is-mechanical .scene-signet .hv-icon{filter:drop-shadow(0 1px 2px #000a) drop-shadow(0 0 5px #efc67520)} #hv-vt440 .scene-wayfinding{display:flex;align-items:center;gap:21px} #hv-vt440 .scene-steps{display:flex;gap:5px} #hv-vt440 .scene-steps i{width:22px;height:3px;border-radius:2px;background:#a5946d32;box-shadow:inset 0 1px 0 #0002} #hv-vt440 .stage[data-chapter="0"] .scene-steps i:nth-child(1),#hv-vt440 .stage[data-chapter="1"] .scene-steps i:nth-child(2),#hv-vt440 .stage[data-chapter="2"] .scene-steps i:nth-child(3),#hv-vt440 .stage[data-chapter="3"] .scene-steps i:nth-child(4){background:linear-gradient(90deg,#aa8642,#e4c98b);box-shadow:0 0 12px #d6b57440,inset 0 1px 0 #fff3} #hv-vt440 .assembly-count{font-size:23px;letter-spacing:-.04em;font-weight:500;margin-right:5px} #hv-vt440 .assembly-tally{display:flex;justify-content:center;gap:7px;margin-top:14px;height:13px;pointer-events:none} #hv-vt440 .assembly-tally i{display:block;width:23px;height:7px;background:#c6ad7a0c;border:1px solid #c6ad7a42;border-radius:2px;transform:skewX(-18deg);box-shadow:inset 0 1px 2px #0008,0 1px 0 #f6dfb30c} #hv-vt440 .stage[data-inserted="1"] .assembly-tally i:nth-child(-n+1),#hv-vt440 .stage[data-inserted="2"] .assembly-tally i:nth-child(-n+2),#hv-vt440 .stage[data-inserted="3"] .assembly-tally i:nth-child(-n+3),#hv-vt440 .stage[data-inserted="4"] .assembly-tally i:nth-child(-n+4),#hv-vt440 .stage[data-inserted="5"] .assembly-tally i:nth-child(-n+5),#hv-vt440 .stage[data-inserted="6"] .assembly-tally i:nth-child(-n+6),#hv-vt440 .stage[data-inserted="7"] .assembly-tally i{background:linear-gradient(135deg,#f1dab0,#b08b4c);border-color:#eed0a088;box-shadow:0 0 12px #e0ba6940,inset 0 1px 0 #fff5} #hv-vt440 .tour-curtain{background:radial-gradient(ellipse at 50% 48%,#2b2519 0%,#1a1813 28%,#101010 71%)} #hv-vt440 .transition-signature{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:26px} #hv-vt440 .transition-signature::before,#hv-vt440 .transition-signature::after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#dfc28c22 35%,#f4dcae55 50%,#dfc28c22 65%,transparent)} #hv-vt440 .transition-signature::before{top:calc(50% - 165px)} #hv-vt440 .transition-signature::after{top:calc(50% + 165px)} #hv-vt440 .transition-signature img{width:142px;height:auto;position:relative;filter:drop-shadow(0 0 20px #c6a15422)} #hv-vt440 .transition-halo{position:absolute;left:50%;top:50%;width:288px;height:288px;transform:translate(-50%,-50%);border:1px solid #b3925e1c;border-top-color:#d4b5783b;border-radius:50%;background:radial-gradient(circle,#c6a05806,transparent 68%);box-shadow:0 0 0 24px #b3925e03,0 0 0 25px #b3925e0b,inset 0 16px 30px #d5b36d04} #hv-vt440 .transition-rule{position:relative;width:116px;height:1px;background:linear-gradient(90deg,transparent,#dec48d,transparent);box-shadow:0 1px 8px #d4af5926} #hv-vt440 .chapter-tabs button .hv-icon{transition:transform .45s var(--motion-ease)} #hv-vt440 .chapter-tabs button[aria-pressed="true"] .hv-icon{transform:scale(1.12)} #hv-vt440 .technical-sheet{--technical-ink:#201e1a;--technical-muted:#706d65;--technical-gold:#94733b;--technical-line:#c5bba542;background:radial-gradient(ellipse at 98% 0%,#d1bc8e12,transparent 55%),#fff;position:relative;isolation:isolate} #hv-vt440 .technical-sheet::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#c6a76e80,transparent)} #hv-vt440 .technical-measures{position:relative} #hv-vt440 .technical-measures::before{content:"";position:absolute;top:-1px;left:0;width:33.333%;height:1px;background:linear-gradient(90deg,#b18b46,#d8c39770,transparent)} #hv-vt440 .technical-measure-value{color:#25221b} #hv-vt440 .technical-measure dt .hv-icon,#hv-vt440 .technical-fact dt .hv-icon{filter:drop-shadow(0 1px 0 #fff)} #hv-vt440 .technical-fact{border-bottom-color:#bba9822b} #hv-vt440 .technical-material-link{background:linear-gradient(145deg,#37332a,#1c1b18);border-color:#3a3427;box-shadow:inset 0 1px 0 #fff2,0 5px 16px #35260d10} #hv-vt440 .technical-material-link:hover{background:#393328;border-color:#8e7345} #hv-vt440 .material-data{--data-ink:#f6f3eb;--data-muted:#bcb5a9;--data-gold:#dfc18a;--data-line:#d8bc8530;background:#141413} #hv-vt440 .data-overview{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 15% 0%,#d9b97411,transparent 55%),linear-gradient(135deg,#24211a 0%,#141413 56%,#1c1b17 100%)} #hv-vt440 .data-overview::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 29%,#f6dda005 40%,#edc9790c 44%,transparent 54%)} #hv-vt440 .data-overview::after{content:"";position:absolute;left:4%;right:4%;bottom:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#d5b5755c,transparent)} #hv-vt440 .data-overview-heading h2 span,#hv-vt440 .data-complete-heading h3 span{color:#c9bea8} #hv-vt440 .data-key-values{border-top-color:#cdb17d40;border-bottom-color:#cdb17d2e} #hv-vt440 .data-key-value dt{color:#cbc4b7} #hv-vt440 .data-key-number{color:#f7f3e9;text-shadow:0 2px 22px #f2d9950a} #hv-vt440 .data-emblem::before{content:"";position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,#d1a75c15,transparent 66%);pointer-events:none} #hv-vt440 .data-disclosure{border-left-color:#cfad6d;background:linear-gradient(90deg,#d2b4770d,#ffffff03);box-shadow:inset 0 1px 0 #ead4a108} #hv-vt440 .data-disclosure p{color:#ddd7cb} #hv-vt440 .data-temperature-note{color:#c3bcae} #hv-vt440 .data-primary-link{color:#231d13;background:linear-gradient(135deg,#f0dfba,#c9aa70);border-color:#d5b87c;box-shadow:inset 0 1px 0 #fff7,0 5px 16px #0002;transition:background .35s,box-shadow .35s} #hv-vt440 .data-primary-link:hover{background:linear-gradient(135deg,#f7e7c5,#d8ba7f);border-color:#e4c88e;box-shadow:inset 0 1px 0 #fff8,0 5px 19px #d8b36a14} #hv-vt440 .data-complete{background:linear-gradient(155deg,#201e19,#191918 70%)} #hv-vt440 .data-complete-heading>p,#hv-vt440 .data-property-list dt{color:#cdc5b6} #hv-vt440 .data-complete-heading>p span,#hv-vt440 .data-property-list dt small,#hv-vt440 .data-group-note,#hv-vt440 .data-scope-note,#hv-vt440 .data-source p{color:#aaa294} #hv-vt440 .data-property-list dd>span{color:#c4bbaa} #hv-vt440 .data-group-mark{background:radial-gradient(circle at 28% 10%,#b4965b33,transparent 63%),linear-gradient(145deg,#3c362b,#191816 72%);box-shadow:inset 0 1px 0 #efd8a83b,0 4px 13px #0003} #hv-vt440.enhanced .data-key-values.reveal,#hv-vt440.enhanced .technical-measures.reveal{transition-duration:1.1s} #hv-vt440 .material-section{--material-gold:#dfbf86;--material-text:#f3efe6;--material-muted:#bdb6a8;--material-line:#d8bd8429;background:radial-gradient(ellipse at 50% 27%,#b69a5a0c,transparent 56%),#181816} #hv-vt440 .material-heading h2 span{color:#c8bfac} #hv-vt440 .material-light{background:radial-gradient(ellipse at 50% 52%,#e4c58a18,transparent 64%)} #hv-vt440 .material-thermal-light{background:radial-gradient(ellipse at center,#d6a34f22,transparent 68%)} #hv-vt440 .material-contact{background:linear-gradient(90deg,transparent,#c4aa7521 23%,#f0ddaf30 50%,#c4aa7521 77%,transparent)} #hv-vt440 .material-controls{background:#100f0d47;border-color:#c7ab7338;box-shadow:inset 0 1px 0 #f3dba50a,0 7px 22px #0002} #hv-vt440 .material-control{color:#c7bead} #hv-vt440 .material-control[aria-pressed="true"]{background:linear-gradient(135deg,#f0deba,#c9ab73);border-color:#e3c58c;box-shadow:inset 0 1px 0 #fff7,0 2px 9px #0002} #hv-vt440 .material-factor-mark .hv-icon{color:#e0c18a;filter:drop-shadow(0 1px 2px #0007)} #hv-vt440 .material-panel h3 span,#hv-vt440 .material-factors-heading h3{color:#c3b9a6} #hv-vt440 .material-panel-copy>p,#hv-vt440 .material-criteria-copy p,#hv-vt440 .material-factor-list p{color:#c5bdaf} #hv-vt440 .identity{position:relative;isolation:isolate;background:linear-gradient(125deg,#eee9dd,#f7f5ee 65%,#e8dfcb)} #hv-vt440 .identity::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 0% 0%,#fff9,transparent 65%)} #hv-vt440 .identity-copy h2{color:#2c251b} #hv-vt440 .identity-copy .section-kicker .line{background:linear-gradient(90deg,#997338,#ccb37d)} #hv-vt440 .checks,#hv-vt440 .checks details{border-color:#ac98744d} #hv-vt440 .checks summary:after{color:#8f6f3c} #hv-vt440 .ref{color:#574a35;background:#ffffff75;border-color:#b6a17c59;box-shadow:inset 0 1px 0 #fff8} #hv-vt440 .closing-box{position:relative;isolation:isolate;background:#fff} #hv-vt440 .closing-box::before{content:"";position:absolute;left:5%;right:5%;top:0;height:1px;background:linear-gradient(90deg,transparent,#b89c6261,transparent);pointer-events:none} #hv-vt440 .closing-box::after{content:"";position:absolute;z-index:-1;left:0;top:0;bottom:0;width:46%;background:radial-gradient(ellipse at 0% 60%,#d5bf9026,transparent 76%);pointer-events:none} #hv-vt440 .closing-box .closing-product{position:relative;isolation:isolate} #hv-vt440 .closing-box .closing-product::after{content:"";position:absolute;z-index:-1;left:14%;right:10%;bottom:0;height:10%;background:radial-gradient(ellipse,#44361a1c,transparent 68%);pointer-events:none} #hv-vt440 .closing-copy .eyebrow{color:#92703a} #hv-vt440 .closing-box h2 span:last-child,#hv-vt440 .closing-box .closing-accent{color:#8f6e37} #hv-vt440 .closing-box .closing-info{color:#6a6256} #hv-vt440 .closing-price strong{color:#29241b} #hv-vt440 .closing-box .closing-details{position:relative} #hv-vt440 .closing-box .closing-purchase .btn{box-shadow:inset 0 1px 0 #f6dca635,0 8px 24px #33250e1a} #hv-vt440 .footer{background:#f4f0e7;border-top-color:#bda67642} @media(min-width:1000px){ #hv-vt440 .assembly-tally{justify-content:flex-start} #hv-vt440 .stage.is-mechanical .stage-controls{top:auto;left:20px;right:20px;bottom:96px;justify-content:center;gap:25px} } @media(max-width:999px){ #hv-vt440 .stage.is-mechanical{--studio-x:50%;--studio-y:38%} #hv-vt440 .stage.is-mechanical .stage-atmosphere::after{width:min(88vw,650px)} #hv-vt440 .stage.is-mechanical .stage-art::before{width:min(92vw,760px);top:calc(var(--studio-y) + 19%)} #hv-vt440 .stage.is-mechanical .stage-art::after{left:10%;right:10%;top:58%} #hv-vt440 .concept-label{top:calc(var(--header) + 84px)} } @media(max-width:760px){ #hv-vt440 .hero .eyebrow::before,#hv-vt440 .hero .eyebrow::after{display:none} #hv-vt440 .hero-caption{padding-top:14px} #hv-vt440 .stage-atmosphere::before{inset:-16%;opacity:.65} #hv-vt440 .stage-atmosphere::after{width:100vw;opacity:.6} #hv-vt440 .stage-art::before{width:110vw;height:90px} #hv-vt440 .stage-art::after{left:5%;right:5%;opacity:.35} #hv-vt440 .stage-heading{gap:12px} #hv-vt440 .scene-signet{width:38px;height:38px;flex-basis:38px} #hv-vt440 .scene-signet::before{inset:-4px} #hv-vt440 .scene-signet .hv-icon{--hv-icon-size:20px} #hv-vt440 .scene-wayfinding{flex-direction:column;align-items:flex-end;gap:10px} #hv-vt440 .scene-steps{gap:4px} #hv-vt440 .scene-steps i{width:12px;height:2px} #hv-vt440 .assembly-count{font-size:20px} #hv-vt440 .assembly-tally{gap:6px;margin-top:10px;height:9px} #hv-vt440 .assembly-tally i{width:19px;height:6px} #hv-vt440 .stage-copy[data-copy="2"]{bottom:136px} #hv-vt440 .transition-signature img{width:126px} #hv-vt440 .transition-halo{width:240px;height:240px} #hv-vt440 .transition-signature::before{top:calc(50% - 140px)} #hv-vt440 .transition-signature::after{top:calc(50% + 140px)} #hv-vt440 .closing-box::after{width:100%;height:38%;bottom:auto;background:radial-gradient(ellipse at 50% 0%,#d5bf901c,transparent 75%)} } @media(max-width:999px) and (max-height:700px){ #hv-vt440 .stage-top{top:calc(var(--header) + 14px)} #hv-vt440 .scene-signet{width:32px;height:32px;flex-basis:32px} #hv-vt440 .scene-signet .hv-icon{--hv-icon-size:18px} #hv-vt440 .concept-label{top:calc(var(--header) + 55px);min-height:21px} #hv-vt440 .scene-wayfinding{gap:7px} } @media(max-width:760px) and (max-height:620px){ #hv-vt440 .stage{height:100svh;min-height:0} #hv-vt440 .stage-top{top:calc(var(--header) + 12px)} #hv-vt440 .concept-label{top:calc(var(--header) + 49px);min-height:18px} #hv-vt440 .stage-copy,#hv-vt440 .stage-copy[data-copy="2"],#hv-vt440 .stage-copy[data-copy="3"]{bottom:124px} #hv-vt440 .stage-copy h2,#hv-vt440 .stage-copy[data-copy="2"] h2,#hv-vt440 .stage-copy[data-copy="3"] h2{font-size:28px;line-height:1.04} #hv-vt440 .stage-copy p{margin-top:10px;font-size:11px} #hv-vt440 .stage-copy .stage-tech-line{margin-top:10px} #hv-vt440 .assembly-count{font-size:18px} #hv-vt440 .assembly-tally{margin-top:8px;height:7px} #hv-vt440 .assembly-tally i{height:5px} #hv-vt440 .stage-controls{bottom:78px;min-height:34px} #hv-vt440 .stage-controls button{min-height:34px;font-size:10px} #hv-vt440 .chapter-tabs{bottom:14px} #hv-vt440 .chapter-tabs button{min-height:40px;padding-block:8px} } @media(prefers-reduced-motion:reduce){ #hv-vt440:not(.motion-enabled) .stage-atmosphere::before,#hv-vt440:not(.motion-enabled) .stage-art::after{display:none} #hv-vt440:not(.motion-enabled) .stage-atmosphere::after{transform:translate(-50%,-50%);opacity:.35} #hv-vt440:not(.motion-enabled) .scene-signet::before{transform:rotate(-32deg)} #hv-vt440:not(.motion-enabled) .scene-signet .hv-icon,#hv-vt440:not(.motion-enabled) .chapter-tabs button .hv-icon{transition:none} #hv-vt440:not(.motion-enabled) .hero-line>span,#hv-vt440:not(.motion-enabled) .hero-product,#hv-vt440:not(.motion-enabled) .reveal{opacity:1!important;transform:none!important;transition:none!important} #hv-vt440:not(.motion-enabled) .tour-curtain{display:none!important} #hv-vt440:not(.motion-enabled) .closing-box .kit-box{transform:none!important} #hv-vt440:not(.motion-enabled) .btn,#hv-vt440:not(.motion-enabled) .tour-panel button,#hv-vt440:not(.motion-enabled) .chapter-tabs button{transition:none} } #hv-vt440.motion-reduced .stage-atmosphere::before,#hv-vt440.motion-reduced .stage-art::after{display:none} #hv-vt440.motion-reduced .stage-atmosphere::after{transform:translate(-50%,-50%);opacity:.35} #hv-vt440.motion-reduced .scene-signet::before{transform:rotate(-32deg)} #hv-vt440{ --showcase-black: #0d0e0d; --showcase-white: #faf8f1; --showcase-gold: #d6b570; --showcase-champagne: #f2dfb7; } #hv-vt440 .hero{ color: var(--showcase-white); background: radial-gradient(ellipse at 50% 55%, #3a352b 0%, #22211d 24%, #111210 55%, #090a09 100%); } #hv-vt440 .hero::before{ inset: -12% -16% 10%; background: radial-gradient(ellipse at 50% 64%, #f3e5c21e 0%, #ead2a50c 26%, transparent 54%), linear-gradient(118deg, transparent 35%, #fff5dc04 44%, #e9cb8f0a 48%, transparent 56%); transform: none; } #hv-vt440 .hero::after{ left: 50%; right: auto; top: 58%; bottom: auto; width: 132%; height: 35%; border: 1px solid #e3c28c0d; border-top-color: #eed8af21; border-radius: 50%; background: none; transform: translate(-50%, -50%) rotate(-8deg); z-index: 0; } #hv-vt440 .hero h2{ color: #fcfaf3; font-size: clamp(66px, 7.8vw, 120px); font-weight: 500; letter-spacing: -.072em; text-shadow: 0 2px 34px #f8e6bd05; } #hv-vt440 .hero h2 em{ color: #ead09a; background: linear-gradient(112deg, #fff0cc 0%, #e8ca8b 37%, #be954f 68%, #eed8ab 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #hv-vt440 .hero .eyebrow{ color: #d9bd87; letter-spacing: .2em; } #hv-vt440 .hero .eyebrow::before,#hv-vt440 .hero .eyebrow::after{ width: 36px; background: linear-gradient(90deg, transparent, #d5b5749e); } #hv-vt440 .hero-subline{ color: #c5c0b5; } #hv-vt440 .hero-caption{ border-top-color: #d8bd7b26; color: #b6b0a3; } #hv-vt440 .hero-caption strong{ color: #eee3cd; font-weight: 550; } #hv-vt440 .hero .original-trigger{ color: #c5bba5; text-decoration-color: #9b8459; } #hv-vt440 .hero .original-trigger:hover{ color: #f2dfb6; } #hv-vt440 .hero-bottom{ color: #aaa292; } #hv-vt440 .hero-bottom a{ color: #d6c6a7; } #hv-vt440 .hero-actions .btn-dark{ color: #201b12; background: linear-gradient(138deg, #f5e5bf, #d4b577 58%, #b88e4c); border: 1px solid #f1d79d85; box-shadow: inset 0 1px 0 #fff9, 0 6px 25px #b8924926, 0 1px 3px #0005; } #hv-vt440 .hero-actions .btn-dark:hover{ background: linear-gradient(138deg, #fff0ce, #e1c285 58%, #c39a57); box-shadow: inset 0 1px 0 #fffa, 0 10px 32px #c5a35433; } #hv-vt440 .hero-actions .btn-outline{ color: #e8dfce; background: #ffffff04; border-color: #d6bc854a; box-shadow: inset 0 1px 0 #fff1; } #hv-vt440 .hero-actions .btn-outline:hover{ color: #fff0ce; background: #d7b77d12; border-color: #dec28a8c; } #hv-vt440 .hero .text-link{ color: #ddc69d; } #hv-vt440 .hero :is(a, button):focus-visible{ outline-color: #efd8a2; } #hv-vt440 .stage{ --show-flight: 0; --show-assembly: 0; --show-spin: 0; --show-intensity: 0; --show-angle: 0deg; --show-light-x: 50%; --show-readout: 0; } #hv-vt440 .stage.is-mechanical{ background: #0d0e0d; } #hv-vt440 .stage-atmosphere::before{ opacity: .24; } #hv-vt440 .stage-atmosphere::after,#hv-vt440 .stage-art::before,#hv-vt440 .stage-art::after{ display: none; } #hv-vt440 .cinema-scenography{ position: absolute; inset: 0; z-index: 0; pointer-events: none; user-select: none; overflow: hidden; isolation: isolate; contain: paint; } #hv-vt440 .cinema-scenography > div{ position: absolute; pointer-events: none; } #hv-vt440 .cinema-orbit{ left: var(--studio-x, 50%); top: var(--studio-y, 42%); width: min(77vw, 92svh, 980px); aspect-ratio: 1; border: 1px solid #dcc18a38; border-top-color: #f1d69e6b; border-bottom-color: #bfa16a0d; border-radius: 50%; background: radial-gradient(circle, transparent 59%, #e8ce9104 73%, transparent 75%); box-shadow: inset 0 2px 1px #f5dfb40a, 0 -5px 32px #f2cb7806; opacity: calc(.13 + var(--show-intensity) * .6); transform: translate(-50%, -50%) rotate(calc(var(--show-angle) - 30deg)) scale(calc(.91 + var(--show-flight) * .08 - var(--show-assembly) * .035)); will-change: transform, opacity; } #hv-vt440 .cinema-orbit::before,#hv-vt440 .cinema-orbit::after{ content: ""; position: absolute; pointer-events: none; border-radius: 50%; } #hv-vt440 .cinema-orbit::before{ inset: 10px; border: 1px solid #e8cd940d; border-left-color: #d7b47140; border-top-color: #e6c98c20; box-shadow: inset 0 1px 0 #fff4ce04; } #hv-vt440 .cinema-orbit::after{ inset: -8px; background: repeating-conic-gradient(from -90deg, #dfbe7d7d 0deg .12deg, transparent .12deg 12deg); -webkit-mask: radial-gradient(closest-side, transparent 97%, #000 97.2%, #000 98%, transparent 98.2%); mask: radial-gradient(closest-side, transparent 97%, #000 97.2%, #000 98%, transparent 98.2%); opacity: calc(.17 + var(--show-assembly) * .2 + var(--show-spin) * .08); } #hv-vt440 .stage.is-mechanical .cinema-orbit{ width: min(59vw, 84svh, 900px); } #hv-vt440 .cinema-beam{ left: var(--show-light-x); top: -28%; width: min(42vw, 650px); height: 155%; background: linear-gradient(90deg, transparent 1%, #f9e6b503 20%, #f9e6b51a 45%, #fff0ce24 49%, #e8c4830b 57%, transparent 84%); -webkit-mask-image: linear-gradient(transparent, #000 24%, #000 66%, transparent); mask-image: linear-gradient(transparent, #000 24%, #000 66%, transparent); opacity: calc(.12 + var(--show-intensity) * .68); transform: translateX(-50%) rotate(calc(-23deg + var(--show-flight) * 9deg + var(--show-spin) * 5deg)); transform-origin: 50% 54%; will-change: transform, opacity; } #hv-vt440 .cinema-monogram{ left: var(--studio-x, 50%); top: calc(var(--studio-y, 42%) - 2%); color: #d6c299; font-size: clamp(220px, 36vw, 600px); font-weight: 600; letter-spacing: -.12em; line-height: .8; white-space: nowrap; opacity: clamp(.025, calc(.035 + var(--show-flight) * .025 + var(--show-assembly) * .02), .08); transform: translate(-55%, -50%) translateX(calc(var(--show-flight) * 18px)); font-variant-numeric: tabular-nums; } #hv-vt440 .cinema-floor{ left: var(--studio-x, 50%); top: calc(var(--studio-y, 42%) + 25%); width: min(88vw, 1120px); height: clamp(24px, 6.5vh, 68px); border-radius: 50%; background: radial-gradient(ellipse, #0b080844 0%, #0b08081c 27%, transparent 68%); opacity: calc(.65 + var(--show-intensity) * .2); transform: translate(-50%, -50%) scaleX(calc(1 - var(--show-assembly) * .32)); } #hv-vt440 .cinema-floor::before,#hv-vt440 .cinema-floor::after{ content: ""; position: absolute; pointer-events: none; border-radius: 50%; } #hv-vt440 .cinema-floor::before{ inset: 0 3%; border-top: 1px solid #e2c78b38; background: radial-gradient(ellipse, #e7c47708, transparent 68%); box-shadow: 0 -1px 8px #e0ba6408; opacity: var(--show-intensity); } #hv-vt440 .cinema-floor::after{ left: 11%; right: 11%; top: 6%; height: 1px; background: linear-gradient(90deg, transparent, #e6c58a4f, transparent); opacity: calc(var(--show-intensity) * .7); } #hv-vt440 .stage-readout{ position: absolute; z-index: 2; left: 50%; top: calc(var(--header) + 104px); display: inline-flex; align-items: center; justify-content: center; gap: 13px; color: #d7c5a1; font-size: 9px; font-weight: 450; letter-spacing: .15em; line-height: 1.4; white-space: nowrap; pointer-events: none; user-select: none; opacity: var(--show-readout); transform: translateX(-50%); } #hv-vt440 .stage-readout::before,#hv-vt440 .stage-readout::after{ content: ""; width: 27px; height: 1px; background: linear-gradient(90deg, transparent, #d6b77675); } #hv-vt440 .stage-readout::after{ transform: rotate(180deg); } #hv-vt440 .stage-readout .readout-count{ color: #f4e0b8; font-size: 13px; font-weight: 500; letter-spacing: .04em; font-variant-numeric: tabular-nums; } #hv-vt440 .stage-readout span:last-child{ color: #b7aa92; font-size: 8px; letter-spacing: .12em; } #hv-vt440 .stage-copy .stage-accent{ text-shadow: 0 1px 30px #e1bd7820; } #hv-vt440 .stage-copy[data-copy="1"] h2{ letter-spacing: -.065em; } #hv-vt440 .scene-signet{ box-shadow: inset 0 1px 1px #fff, 0 5px 17px #5b452b20, 0 0 0 3px #d4bd9112; } #hv-vt440 .stage[data-chapter="1"] .scene-signet,#hv-vt440 .stage.is-mechanical .scene-signet{ border-color: #dfbf826e; background: radial-gradient(circle at 26% 7%, #9b8051 0%, #514736 16%, #26241f 37%, #121310 78%); box-shadow: inset 0 1px 1px #fce6b68c, inset 0 -2px 3px #0009, 0 6px 17px #0007, 0 0 0 3px #c7a65e12, 0 0 26px #d6b77a12; } #hv-vt440 .scene-signet::after{ border-left-color: #edca8b35; border-bottom-color: #55442557; } #hv-vt440 .chapter-tabs{ box-shadow: inset 0 1px 0 #fff9, 0 10px 32px #241c0d12; } #hv-vt440 .stage[data-chapter="1"] .chapter-tabs,#hv-vt440 .stage.is-mechanical .chapter-tabs{ box-shadow: inset 0 1px 0 #fbe8bb16, 0 14px 32px #0005; } #hv-vt440 .data-key-value::after{ content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, #f1d294 36%, #fff0ca 50%, #d0a55c 74%, transparent); opacity: calc(.12 + var(--spec-focus, 0) * .88); transform: scaleX(calc(.35 + var(--spec-focus, 0) * .65)); pointer-events: none; } #hv-vt440 .data-emblem::before{ inset: -28%; background: radial-gradient(circle, #deb2642e, #d2aa5010 31%, transparent 66%); opacity: calc(.2 + var(--spec-focus, 0) * .8); } #hv-vt440 .data-emblem::after{ content: ""; position: absolute; inset: -6px; pointer-events: none; border-radius: 50%; border: 1px solid transparent; border-top-color: #e2bb714a; border-left-color: #e2bb7114; opacity: calc(.15 + var(--spec-focus, 0) * .65); transform: rotate(calc(-48deg + var(--spec-show, 0) * 78deg)); } #hv-vt440 .data-key-number{ text-shadow: 0 0 24px #f0cc7321; } #hv-vt440 .data-group-mark{ box-shadow: inset 0 1px 1px #f4d79d50, inset 0 -1px 2px #0007, 0 5px 14px #0004; } #hv-vt440 .transition-title{ position: relative; color: #f2e1bf; font-size: clamp(18px, 2.1vw, 28px); font-weight: 450; line-height: 1.15; letter-spacing: -.025em; transform: translateY(calc((1 - var(--transition-progress, 0)) * 6px)); } #hv-vt440 .transition-signature{ gap: 22px; } #hv-vt440 .transition-halo{ transform: translate(-50%, -50%) scale(calc(.94 + var(--transition-progress, 0) * .12)); } #hv-vt440 .transition-rule{ width: 148px; transform: scaleX(calc(.55 + var(--transition-progress, 0) * .45)); } #hv-vt440 .closing-box{ --closing-reveal: 1; background: #fff; } #hv-vt440 .closing-box::after{ left: 0; top: 0; bottom: 0; width: 48%; height: auto; background: radial-gradient(ellipse at 0% 48%, #d9c28d2b, transparent 78%); opacity: calc(.55 + var(--closing-reveal) * .45); } #hv-vt440 .closing-box .closing-product::before{ content: ""; position: absolute; z-index: -1; left: 1%; right: 1%; bottom: -3%; height: 14%; border: 1px solid #b7a38228; border-top-color: #f1eadb; border-radius: 50%; background: linear-gradient(180deg, #fdfcf8 0%, #f1eee6 45%, #e1dbcd 53%, #eeeadf 71%, #ffffff00 100%); box-shadow: 0 16px 20px -16px #46341942, inset 0 1px 0 #fff; opacity: calc(.4 + var(--closing-reveal) * .6); transform: translateY(calc((1 - var(--closing-reveal)) * 10px)); pointer-events: none; } #hv-vt440 .closing-box .closing-product::after{ left: 3%; right: 3%; bottom: -4%; height: 15%; background: radial-gradient(ellipse, #49371920 0%, #a28b6221 24%, transparent 67%); opacity: calc(.45 + var(--closing-reveal) * .55); } #hv-vt440 .closing-box h2{ color: #211e18; } #hv-vt440 .closing-box .closing-accent{ color: #98713d; background: linear-gradient(110deg, #76582f, #af8746 48%, #8f6631 88%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #hv-vt440 .closing-box .closing-copy,#hv-vt440 .closing-box .closing-details{ z-index: 1; } @media (min-width: 761px){ #hv-vt440 .hero-product{ width: min(820px, 76vw); margin-top: 28px; } #hv-vt440 .hero-caption{ margin-top: 22px; } #hv-vt440 .hero-actions{ margin-top: 24px; } } @media (min-width: 1000px) and (min-height: 780px){ #hv-vt440 .scene-signet{ width: 56px; height: 56px; flex-basis: 56px; } #hv-vt440 .scene-signet .hv-icon{ --hv-icon-size: 27px; } } @media (min-width: 761px) and (max-height: 780px){ #hv-vt440 .hero h2{ font-size: clamp(65px, 7.2vw, 96px); } #hv-vt440 .hero-product{ width: min(680px, 72vw); margin-top: 24px; } #hv-vt440 .cinema-orbit{ width: min(72vw, 90svh, 830px); } #hv-vt440 .stage.is-mechanical .cinema-orbit{ width: min(59vw, 82svh, 820px); } #hv-vt440 .stage-readout{ top: calc(var(--header) + 93px); } } @media (max-width: 999px){ #hv-vt440 .stage.is-mechanical .cinema-orbit{ width: min(94vw, 61svh, 720px); } #hv-vt440 .cinema-monogram{ font-size: clamp(240px, 63vw, 510px); } #hv-vt440 .stage-readout{ top: calc(var(--header) + 82px); } } @media (max-width: 760px){ #hv-vt440 .hero{ min-height: 100svh; padding-top: calc(var(--header) + 32px); padding-bottom: 28px; } #hv-vt440 .hero h2{ font-size: clamp(47px, 11.4vw, 76px); line-height: 1.01; letter-spacing: -.068em; } #hv-vt440 .hero .eyebrow{ letter-spacing: .15em; margin-bottom: 18px; } #hv-vt440 .hero-subline{ font-size: 11px; line-height: 1.6; margin-top: 16px; max-width: 340px; margin-inline: auto; } #hv-vt440 .hero-product{ margin-top: 40px; } #hv-vt440 .hero-caption{ margin-top: 28px; padding-top: 12px; } #hv-vt440 .hero-actions{ margin-top: 26px; } #hv-vt440 .hero-bottom{ margin-top: 28px; } #hv-vt440 .hero::after{ top: 55%; height: 27%; width: 180%; opacity: .7; } #hv-vt440 .cinema-orbit{ width: min(104vw, 70svh); } #hv-vt440 .cinema-orbit::before{ inset: 7px; } #hv-vt440 .cinema-orbit::after{ inset: -5px; opacity: .18; } #hv-vt440 .stage.is-mechanical .cinema-orbit{ width: min(98vw, 55svh); } #hv-vt440 .cinema-beam{ width: 72vw; opacity: calc(.1 + var(--show-intensity) * .53); } #hv-vt440 .cinema-monogram{ font-size: 79vw; opacity: calc(.025 + var(--show-flight) * .025 + var(--show-assembly) * .015); } #hv-vt440 .cinema-floor{ width: 115vw; height: 32px; top: calc(var(--studio-y, 42%) + 22%); } #hv-vt440 .stage-readout{ top: calc(var(--header) + 76px); gap: 9px; font-size: 8px; } #hv-vt440 .stage-readout::before,#hv-vt440 .stage-readout::after{ width: 15px; } #hv-vt440 .stage-readout .readout-count{ font-size: 11px; } #hv-vt440 .stage-readout span:last-child{ font-size: 7px; letter-spacing: .09em; } #hv-vt440 .data-emblem::after{ inset: -4px; } #hv-vt440 .transition-title{ font-size: 20px; } #hv-vt440 .transition-signature{ gap: 20px; } #hv-vt440 .closing-box::after{ width: 100%; height: 38%; bottom: auto; background: radial-gradient(ellipse at 50% 0%, #d5bf9024, transparent 75%); } #hv-vt440 .closing-box .closing-product::before{ bottom: -1%; height: 11%; left: 4%; right: 4%; } #hv-vt440 .closing-box .closing-product::after{ bottom: -2%; height: 11%; } } @media (max-width: 760px) and (max-height: 620px){ #hv-vt440 .hero{ padding-top: calc(var(--header) + 13px); padding-bottom: 20px; min-height: 100svh; } #hv-vt440 .hero h2{ font-size: clamp(36px, 11.1vw, 42px); line-height: 1; } #hv-vt440 .hero .eyebrow{ font-size: 8px; line-height: 1.5; margin-bottom: 12px; } #hv-vt440 .hero-subline{ font-size: 10px; line-height: 1.45; margin-top: 12px; } #hv-vt440 .hero-product{ margin-top: 20px; } #hv-vt440 .hero-caption{ margin-top: 12px; padding-top: 8px; font-size: 9px; } #hv-vt440 .hero-actions{ margin-top: 14px; } #hv-vt440 .hero-actions .btn{ min-height: 44px; padding-block: 11px; font-size: 11px; } #hv-vt440 .hero-bottom{ display: none; } #hv-vt440 .cinema-monogram{ font-size: 66vw; } #hv-vt440 .cinema-orbit{ width: min(90vw, 58svh); } #hv-vt440 .stage.is-mechanical .cinema-orbit{ width: min(88vw, 47svh); } #hv-vt440 .cinema-orbit::after{ display: none; } #hv-vt440 .cinema-floor{ top: 52%; height: 23px; opacity: .45; } #hv-vt440 .stage-readout{ top: calc(var(--header) + 54px); } #hv-vt440.motion-reduced .experience,#hv-vt440.motion-reduced .stage{ height: 100svh; min-height: 0; } } @media (prefers-reduced-motion: reduce){ #hv-vt440:not(.motion-enabled) .cinema-beam{ display: none; } #hv-vt440:not(.motion-enabled) .cinema-orbit{ transform: translate(-50%, -50%); opacity: .2; } #hv-vt440:not(.motion-enabled) .cinema-monogram{ transform: translate(-55%, -50%); opacity: .035; } #hv-vt440:not(.motion-enabled) .cinema-floor{ transform: translate(-50%, -50%); } #hv-vt440:not(.motion-enabled) .data-emblem::after{ transform: rotate(-48deg); opacity: .2; } #hv-vt440:not(.motion-enabled) .data-key-value::after{ transform: none; opacity: .2; } #hv-vt440:not(.motion-enabled) .closing-box .closing-product::before{ transform: none; opacity: 1; } } #hv-vt440.motion-reduced .cinema-beam{ display: none; } #hv-vt440.motion-reduced .cinema-orbit{ transform: translate(-50%, -50%); opacity: .2; } #hv-vt440.motion-reduced .cinema-monogram{ transform: translate(-55%, -50%); opacity: .035; } #hv-vt440.motion-reduced .cinema-floor{ transform: translate(-50%, -50%); } #hv-vt440.motion-reduced .data-emblem::after{ transform: rotate(-48deg); opacity: .2; } #hv-vt440.motion-reduced .data-key-value::after{ transform: none; opacity: .2; } #hv-vt440.motion-reduced .closing-box .closing-product::before{ transform: none; opacity: 1; } #hv-vt440{ --theatre-ink: #090a09; --theatre-ivory: #fbf7ed; --theatre-gold: #dbb369; --theatre-champagne: #f7e1b2; } #hv-vt440 .hero{ background: radial-gradient(ellipse 70% 48% at 52% 57%, #5e4521 0%, #352b1b 31%, #191913 63%, #080a08 100%); } #hv-vt440 .hero::before{ background: radial-gradient(ellipse 55% 23% at 52% 62%, #ffe4a43b 0%, #d5a65d18 39%, transparent 75%), radial-gradient(ellipse 48% 38% at 95% 30%, #b98a4322, transparent 74%), linear-gradient(118deg, transparent 32%, #ffe2a40c 46%, #e6bc6416 49%, transparent 60%); } #hv-vt440 .hero::after{ border-color: #c8a25d14; border-top-color: #f2d39456; background: radial-gradient(ellipse at 50% 0%, #f5d79f09, transparent 62%); box-shadow: 0 -2px 22px #d6a95214, inset 0 1px 0 #ffefc80c; } #hv-vt440 .hero h2 em{ background-image: linear-gradient(112deg, #fff5d8 3%, #f3d394 33%, #bf944d 66%, #ffe7b7 94%); text-shadow: 0 0 34px #f4c76b0d; } #hv-vt440 .hero .eyebrow{ color: #edcf96; } #hv-vt440 .hero-caption{ border-top-color: #e0bb7538; } #hv-vt440 .hero-actions .btn-dark{ background: linear-gradient(138deg, #fff0c9, #e0bd79 51%, #ba8c44); border-color: #ffe3a88c; box-shadow: inset 0 1px 0 #fff9, 0 7px 29px #d7a94c34, 0 1px 3px #0005; } #hv-vt440 .hero-actions .btn-dark:hover{ background: linear-gradient(138deg, #fff5d9, #ebcb8b 54%, #cba058); } #hv-vt440 .hero-actions .btn-outline{ border-color: #e1bf7a60; background: #f5d69a06; } #hv-vt440 .stage{ --color-gold: 0; --color-ink: 0; --color-silver: 0; --light-travel: 50%; --scene-accent: 237 207 148; --theatre-text: calc(var(--stage-ink, 245) + (245 - var(--stage-ink, 245)) * var(--color-gold)); } #hv-vt440 .color-wash,#hv-vt440 .color-horizon{ position: absolute; inset: 0; pointer-events: none; user-select: none; } #hv-vt440 .color-wash{ z-index: -3; } #hv-vt440 .color-wash::before,#hv-vt440 .color-wash::after,#hv-vt440 .color-horizon::before,#hv-vt440 .color-horizon::after{ content: ""; position: absolute; pointer-events: none; } #hv-vt440 .color-wash::before{ inset: 0; background: radial-gradient(ellipse 64% 28% at var(--light-travel) 42%, #ffe4a78c 0%, #e5bc744d 37%, transparent 73%), linear-gradient(180deg, #17150f 0%, #3a2c1a 25%, #96763f 40%, #b5985b 50%, #553b20 59%, #211b13 69%, #131410 100%); opacity: var(--color-gold); } #hv-vt440 .color-wash::after{ inset: 0; background: radial-gradient(ellipse 54% 61% at var(--studio-x, 66.5%) 45%, #2c281f 0%, #191a16 38%, transparent 77%), linear-gradient(115deg, #080a09 0%, #111310 57%, #090b09 100%); opacity: var(--color-ink); } #hv-vt440 .color-horizon{ z-index: -2; background: radial-gradient(ellipse 47% 53% at var(--studio-x, 66.5%) 43%, #ece7d543 0%, #aaa99c20 35%, transparent 73%), linear-gradient(105deg, transparent 34%, #dbd8c908 56%, #393b3424 76%, transparent 100%); opacity: var(--color-silver); } #hv-vt440 .color-horizon::before{ inset: -10% -20%; background: linear-gradient(113deg, transparent 37%, #f8f2df05 43%, #f8f1dc2b 49%, #fff9e911 53%, transparent 63%); -webkit-mask-image: linear-gradient(transparent 4%, #000 28%, #000 64%, transparent 86%); mask-image: linear-gradient(transparent 4%, #000 28%, #000 64%, transparent 86%); transform: translateX(calc((var(--light-travel) - 50%) * .4)); } #hv-vt440 .color-horizon::after{ inset: 0; background: linear-gradient(180deg, transparent 49%, #080a0900 61%, #080a0999 84%, #080a09 100%); } #hv-vt440 .cinema-orbit{ border-color: rgb(var(--scene-accent) / .17); border-top-color: rgb(var(--scene-accent) / .58); border-bottom-color: rgb(var(--scene-accent) / .06); box-shadow: inset 0 2px 1px rgb(var(--scene-accent) / .07), 0 -6px 38px rgb(var(--scene-accent) / .055); } #hv-vt440 .cinema-orbit::before{ border-left-color: rgb(var(--scene-accent) / .34); border-top-color: rgb(var(--scene-accent) / .15); } #hv-vt440 .cinema-orbit::after{ background-image: repeating-conic-gradient(from -90deg, rgb(var(--scene-accent) / .46) 0deg .12deg, transparent .12deg 12deg); } #hv-vt440 .cinema-beam{ background: linear-gradient(90deg, transparent 1%, rgb(var(--scene-accent) / .025) 25%, rgb(var(--scene-accent) / .14) 46%, #fff3d524 50%, rgb(var(--scene-accent) / .04) 60%, transparent 86%); opacity: calc(.14 + var(--color-ink) * .2 + var(--color-silver) * .18); } #hv-vt440 .cinema-monogram{ color: rgb(var(--scene-accent)); } #hv-vt440 .cinema-floor::before{ border-top-color: rgb(var(--scene-accent) / .3); background: radial-gradient(ellipse, rgb(var(--scene-accent) / .075), transparent 68%); } #hv-vt440 .cinema-floor::after{ background: linear-gradient(90deg, transparent, rgb(var(--scene-accent) / .4), transparent); } #hv-vt440 .stage-top,#hv-vt440 .stage-controls{ color: rgb(var(--theatre-text) var(--theatre-text) calc(var(--theatre-text) - 5)); } #hv-vt440 .stage-readout{ color: #e6d5ae; } #hv-vt440 .stage-readout .readout-count{ color: #fff0ca; } #hv-vt440 .stage-readout span:last-child{ color: #dbccb0; } #hv-vt440 .stage-readout::before,#hv-vt440 .stage-readout::after{ background: linear-gradient(90deg, transparent, #efd29a94); } #hv-vt440 .stage-copy[data-copy="1"] h2{ color: #fff8e8; text-shadow: 0 2px 26px #0b08092e; } #hv-vt440 .stage-copy[data-copy="1"] p{ color: #f7e9cb; opacity: 1; } #hv-vt440 .stage-copy[data-copy="1"] .stage-tech-line span{ opacity: .84; } #hv-vt440 .stage-copy[data-copy="1"] .stage-accent{ color: #f8dfaa; background: none; } #hv-vt440 .stage-copy[data-copy="2"] .stage-accent{ color: #e1bb75; background: none; } #hv-vt440 .stage-copy[data-copy="3"] .stage-accent{ color: #eae5d5; background: none; } @supports (background-clip: text){ #hv-vt440 .stage-copy[data-copy="1"] .stage-accent{ background: linear-gradient(110deg, #fff4d7 3%, #f1d292 48%, #ffe7b3 94%); } #hv-vt440 .stage-copy[data-copy="2"] .stage-accent{ background: linear-gradient(110deg, #fae8be 2%, #dfb873 51%, #c8a05a 95%); } #hv-vt440 .stage-copy[data-copy="3"] .stage-accent{ background: linear-gradient(110deg, #fffbef 2%, #e1ddcf 48%, #c8bda4 95%); } #hv-vt440 .stage-copy[data-copy="1"] .stage-accent,#hv-vt440 .stage-copy[data-copy="2"] .stage-accent,#hv-vt440 .stage-copy[data-copy="3"] .stage-accent{ background-clip: text; -webkit-background-clip: text; color: transparent; } } #hv-vt440 .stage[data-chapter="1"] .scene-signet{ color: #392713; border-color: #ffe6ae96; background: radial-gradient(circle at 27% 10%, #fff5db 0%, #edce90 25%, #c19a57 65%, #927039 100%); box-shadow: inset 0 1px 1px #ffffcdb0, inset 0 -2px 3px #6f4d2854, 0 6px 17px #0005, 0 0 0 3px #d6b46a1f, 0 0 34px #e9c37b2e; } #hv-vt440 .stage[data-chapter="1"] .scene-signet .hv-icon{ filter: drop-shadow(0 1px 0 #fff6); } #hv-vt440 .stage[data-chapter="3"] .scene-signet{ color: #f4ecdb; border-color: #e0d7c08a; background: radial-gradient(circle at 26% 7%, #b1ac9b 0%, #64645a 16%, #2a2d27 43%, #111510 80%); box-shadow: inset 0 1px 1px #fff9e6a3, inset 0 -2px 3px #0009, 0 6px 17px #0006, 0 0 0 3px #d6ceb415, 0 0 26px #d3ccb417; } #hv-vt440 .stage[data-chapter="1"] .chapter-tabs{ border-color: #e9c8845c; background: #161710e8; } #hv-vt440 .stage[data-chapter="1"] .chapter-tabs button[aria-pressed="true"]{ background: linear-gradient(135deg, #fff1ce, #e0be7c); color: #261d0f; box-shadow: inset 0 1px 0 #fffa, 0 2px 9px #0003; } #hv-vt440 .stage[data-chapter="2"] .chapter-tabs button[aria-pressed="true"]{ background: linear-gradient(135deg, #edce91, #bd914e); color: #21180b; } #hv-vt440 .stage[data-chapter="3"] .chapter-tabs button[aria-pressed="true"]{ background: linear-gradient(135deg, #f7f0de, #c8c1ad); color: #1e211b; } #hv-vt440 .stage[data-chapter="3"] .chapter-tabs{ border-color: #dfd8bf3b; background: #121610e8; } #hv-vt440 .technical-sheet{ background: radial-gradient(ellipse at 98% 5%, #d5b77a1b, transparent 58%), #fffdf7; } #hv-vt440 .data-overview{ background: radial-gradient(ellipse 80% 80% at 3% 1%, #6b4a1c32 0%, transparent 65%), linear-gradient(133deg, #282218 0%, #10130f 54%, #1b1d16 100%); } #hv-vt440 .data-overview::before{ background: linear-gradient(115deg, transparent 25%, #f9dba109 40%, #ddb36a16 45%, transparent 60%); } #hv-vt440 .data-group-mark{ border-color: #e4bd785c; } #hv-vt440 .identity{ background: linear-gradient(120deg, #eee5d1, #fbf8ef 64%, #f4ecd9); } #hv-vt440 .closing-box{ background: linear-gradient(90deg, #f2e6cc 0%, #fbf6e9 30%, #fff 46%, #fff 100%); } #hv-vt440 .closing-box::after{ background: radial-gradient(ellipse at 0% 48%, #d2aa5f37, transparent 80%); } #hv-vt440 .closing-box::before{ background: linear-gradient(90deg, transparent, #c8a05b7a, transparent); } #hv-vt440 .closing-box .closing-accent{ background-image: linear-gradient(110deg, #785727, #9a7132 48%, #745020 92%); } #hv-vt440 .closing-box .closing-product::before{ border-color: #b49b6b3b; border-top-color: #fffdf4; background: linear-gradient(180deg, #fffdf5 0%, #f5ecda 43%, #ddcfb0 53%, #efe5d1 73%, #ffffff00 100%); box-shadow: 0 16px 20px -16px #694b2047, inset 0 1px 0 #fff; } #hv-vt440 .closing-box .closing-product::after{ background: radial-gradient(ellipse, #74532627 0%, #b6986023 24%, transparent 67%); } #hv-vt440 .closing-box .closing-purchase .btn{ border-color: #ba975b6e; box-shadow: inset 0 1px 0 #f6dca64a, 0 8px 25px #60401520; } #hv-vt440 .footer{ background: #eee5d3; border-top-color: #c5a77342; } @media (max-width: 760px){ #hv-vt440 .hero{ background: radial-gradient(ellipse 95% 43% at 51% 52%, #54401f 0%, #30271a 33%, #151711 67%, #090b09 100%); } #hv-vt440 .hero::before{ background: radial-gradient(ellipse 61% 23% at 50% 57%, #ffe2a136 0%, #d8a86214 41%, transparent 76%), linear-gradient(118deg, transparent 31%, #f3ce8c0c 49%, transparent 65%); } #hv-vt440 .color-wash::before{ background: radial-gradient(ellipse 95% 29% at var(--light-travel) 40%, #ffe1a37d 0%, #dfb16b42 37%, transparent 74%), linear-gradient(180deg, #17150f 0%, #44311b 24%, #aa8748 39%, #aa8b50 50%, #50381e 59%, #211b13 69%, #131410 100%); } #hv-vt440 .color-horizon{ background: radial-gradient(ellipse 70% 39% at 50% 35%, #eee8d63d 0%, #a6a3961f 35%, transparent 74%); } #hv-vt440 .color-horizon::before{ background: linear-gradient(113deg, transparent 31%, #f6f0df05 43%, #f7f0dc24 49%, #fff8e80d 55%, transparent 68%); } #hv-vt440 .color-horizon::after{ background: linear-gradient(180deg, transparent 39%, #080a0900 50%, #080a0999 73%, #080a09 100%); } #hv-vt440 .closing-box{ background: linear-gradient(180deg, #f5ecd8 0%, #fff 28%, #fff 78%, #faf5e9 100%); } #hv-vt440 .closing-box::after{ background: radial-gradient(ellipse at 50% 0%, #d2ac6033, transparent 77%); } } @media (prefers-reduced-motion: reduce){ #hv-vt440:not(.motion-enabled) .color-wash,#hv-vt440:not(.motion-enabled) .color-horizon{ --light-travel: 50%; } #hv-vt440:not(.motion-enabled) .color-horizon::before{ transform: none; } } #hv-vt440.motion-reduced .color-wash,#hv-vt440.motion-reduced .color-horizon{ --light-travel: 50%; } #hv-vt440.motion-reduced .color-horizon::before{ transform: none; } @media (forced-colors: active){ #hv-vt440 .color-wash,#hv-vt440 .color-horizon{ display: none; } #hv-vt440 .hero h2 em,#hv-vt440 .closing-box .closing-accent,#hv-vt440 .stage-copy .stage-accent{ background: none; color: CanvasText; -webkit-text-fill-color: CanvasText; } } #hv-vt440 .site-header:not(.on-dark){ background: rgb(255 255 255 / .95); border-bottom-color: #292a2214; } #hv-vt440 .hero{ --hero-hand-max-height: clamp(220px, calc(100svh - 535px), 370px); min-height: 100svh; padding: calc(var(--header) + 26px) 0 22px; color: #20211e; background: #fff; isolation: isolate; } #hv-vt440 .hero::before,#hv-vt440 .hero::after,#hv-vt440 .hero .eyebrow::before,#hv-vt440 .hero .eyebrow::after,#hv-vt440 .hero .hero-product::before,#hv-vt440 .hero .hero-product::after{ content: none; display: none; } #hv-vt440 .hero .hero-intro{ text-align: center; } #hv-vt440 .hero .eyebrow{ max-width: none; margin: 0 auto 16px; color: #7c6a4a; font-size: 10px; font-weight: 500; line-height: 1.5; letter-spacing: .15em; } #hv-vt440 .hero h2{ max-width: 1100px; margin-inline: auto; color: #20211e; font-size: clamp(60px, 6.3vw, 94px); font-weight: 500; line-height: 1.01; letter-spacing: -.066em; text-shadow: none; } #hv-vt440 .hero h2 em{ color: #94733e; background: none; -webkit-text-fill-color: currentColor; text-shadow: none; } #hv-vt440 .hero .hero-subline{ max-width: 660px; margin: 14px auto 0; color: #6a6b64; font-size: 13px; line-height: 1.5; } #hv-vt440 .hero .hero-product{ width: min(1100px, calc(100% - 64px)); margin: 20px auto 0; position: relative; filter: none; transform: none; background: #fff; } #hv-vt440 .hero .hero-hand-image{ display: block; width: 100%; height: auto; max-height: var(--hero-hand-max-height); margin: 0 auto; object-fit: contain; object-position: center; filter: none; border: 0; border-radius: 0; box-shadow: none; background: #fff; } #hv-vt440 .hero > .wrap:last-child{ width: min(1100px, calc(100% - 96px)); } #hv-vt440 .hero .hero-caption{ width: min(820px, 100%); margin: 12px auto 0; padding: 0; border: 0; color: #77786f; font-size: 10px; line-height: 1.45; } #hv-vt440 .hero .hero-caption strong{ color: #45463e; font-weight: 550; } #hv-vt440 .hero .original-trigger{ color: #6e7066; text-decoration-color: #a6a798; background: transparent; } #hv-vt440 .hero .original-trigger:hover{ color: #876a38; } #hv-vt440 .hero .hero-actions{ margin-top: 18px; gap: 20px; } #hv-vt440 .hero .hero-actions .btn{ min-height: 46px; padding: 13px 23px; font-size: 12px; } #hv-vt440 .hero .hero-actions .btn-dark{ color: #fff; background: #22231f; border: 1px solid #22231f; box-shadow: none; } #hv-vt440 .hero .hero-actions .btn-dark:hover{ background: #3b3b32; border-color: #3b3b32; box-shadow: none; } #hv-vt440 .hero .hero-actions .btn-outline{ color: #45463e; background: #fff; border: 1px solid #d2d1c7; box-shadow: none; } #hv-vt440 .hero .hero-actions .btn-outline:hover{ color: #26271f; background: #f6f5ef; border-color: #bcb7a6; } #hv-vt440 .hero .text-link{ color: #5d604f; } #hv-vt440 .hero .hero-bottom{ width: min(820px, 100%); margin: 18px auto 0; color: #85867c; font-size: 10px; line-height: 1.5; } #hv-vt440 .hero .hero-bottom a{ color: #747668; } #hv-vt440 .hero :is(a, button):focus-visible{ outline-color: #9a7943; } #hv-vt440.enhanced .hero .hero-line > span{ opacity: 0; transform: translateY(9px); transition: opacity .5s ease, transform .6s cubic-bezier(.2,.7,.2,1); transition-delay: 0s; } #hv-vt440.enhanced .hero .hero-line:nth-child(2) > span{ transition-delay: .06s; } #hv-vt440.enhanced .hero.hero-ready .hero-line > span{ opacity: 1; transform: none; } #hv-vt440.enhanced .hero .hero-product{ opacity: 0; transform: translate3d(22px, 14px, 0); transition: opacity .65s ease .08s, transform .82s cubic-bezier(.2,.7,.2,1) .08s; } #hv-vt440.enhanced .hero.hero-ready .hero-product{ opacity: 1; transform: none; } @media (min-width: 761px) and (max-height: 780px){ #hv-vt440 .hero{ --hero-hand-max-height: clamp(150px, calc(100svh - 520px), 260px); padding-top: calc(var(--header) + 12px); padding-bottom: 18px; } #hv-vt440 .hero h2{ font-size: clamp(54px, 5.2vw, 70px); } #hv-vt440 .hero .eyebrow{ margin-bottom: 12px; font-size: 9px; } #hv-vt440 .hero .hero-subline{ margin-top: 10px; font-size: 12px; } #hv-vt440 .hero .hero-product{ margin-top: 12px; } #hv-vt440 .hero .hero-caption{ margin-top: 8px; } #hv-vt440 .hero .hero-actions{ margin-top: 14px; } #hv-vt440 .hero .hero-actions .btn{ min-height: 44px; padding-block: 11px; } #hv-vt440 .hero .hero-bottom{ display: none; } } @media (max-width: 760px){ #hv-vt440 .hero{ --hero-hand-max-height: clamp(180px, calc(100svh - 450px), 290px); min-height: 100svh; padding-top: calc(var(--header) + 26px); padding-bottom: 22px; } #hv-vt440 .hero h2{ font-size: clamp(41px, 11.4vw, 67px); line-height: 1.01; } #hv-vt440 .hero .eyebrow{ max-width: 310px; margin-bottom: 16px; font-size: 8.5px; line-height: 1.5; letter-spacing: .13em; } #hv-vt440 .hero .hero-subline{ max-width: 320px; margin-top: 12px; font-size: 11px; line-height: 1.5; } #hv-vt440 .hero .hero-product{ width: 100%; margin-top: 14px; overflow: hidden; } #hv-vt440 .hero .hero-hand-image{ width: 137%; max-width: none; max-height: none; margin-left: -23%; margin-right: 0; } #hv-vt440 .hero > .wrap:last-child{ width: calc(100% - 40px); } #hv-vt440 .hero .hero-caption{ margin-top: 12px; font-size: 9.5px; } #hv-vt440 .hero .hero-actions{ margin-top: 18px; gap: 14px; } #hv-vt440 .hero .hero-actions .btn{ min-height: 44px; padding: 12px 19px; font-size: 11px; } #hv-vt440 .hero .hero-bottom{ margin-top: 18px; font-size: 9px; } } @media (max-width: 370px){ #hv-vt440 .hero h2{ font-size: 37px; } #hv-vt440 .hero > .wrap:last-child{ width: calc(100% - 32px); } #hv-vt440 .hero .hero-actions{ gap: 12px; } #hv-vt440 .hero .hero-actions .btn{ padding-inline: 16px; } } @media (max-width: 760px) and (max-height: 620px){ #hv-vt440 .hero{ --hero-hand-max-height: clamp(140px, calc(100svh - 385px), 195px); padding-top: calc(var(--header) + 12px); padding-bottom: 18px; } #hv-vt440 .hero h2{ font-size: clamp(35px, 11.1vw, 41px); line-height: 1.01; } #hv-vt440 .hero .eyebrow{ max-width: 285px; margin-bottom: 10px; font-size: 8px; letter-spacing: .1em; } #hv-vt440 .hero .hero-subline{ max-width: 300px; margin-top: 10px; font-size: 10px; line-height: 1.4; } #hv-vt440 .hero .hero-product{ margin-top: 12px; } #hv-vt440 .hero .hero-caption{ margin-top: 8px; font-size: 9px; } #hv-vt440 .hero .hero-actions{ margin-top: 14px; } #hv-vt440 .hero .hero-actions .btn{ min-height: 44px; padding-block: 11px; } #hv-vt440 .hero .hero-bottom{ display: none; } } #hv-vt440:not(.enhanced) .hero .hero-line > span,#hv-vt440:not(.enhanced) .hero .hero-product{ opacity: 1 !important; transform: none !important; transition: none !important; } @media (prefers-reduced-motion: reduce){ #hv-vt440:not(.motion-enabled) .hero .hero-line > span,#hv-vt440:not(.motion-enabled) .hero .hero-product{ opacity: 1 !important; transform: none !important; transition: none !important; } } #hv-vt440.motion-reduced .hero .hero-line > span,#hv-vt440.motion-reduced .hero .hero-product{ opacity: 1 !important; transform: none !important; transition: none !important; } @media (forced-colors: active){ #hv-vt440 .hero h2 em{ color: CanvasText; -webkit-text-fill-color: CanvasText; } #hv-vt440 .hero .hero-actions .btn{ border-color: ButtonText; } } #hv-vt440 .static-experience-links{ display:none; } #hv-vt440:not(.enhanced) [data-tour],#hv-vt440:not(.enhanced) [data-motion],#hv-vt440:not(.enhanced) [data-original]{ display:none !important; } #hv-vt440:not(.enhanced) .experience{ height:auto !important; min-height:0 !important; } #hv-vt440:not(.enhanced) .stage{ position:relative; height:auto !important; min-height:0 !important; padding:56px 0; background:var(--paper); color:var(--ink); } #hv-vt440:not(.enhanced) .stage > :not(.stage-copy):not(.static-experience-links),#hv-vt440:not(.enhanced) .stage-copy:not([data-copy="0"]){ display:none !important; } #hv-vt440:not(.enhanced) .stage-copy[data-copy="0"]{ position:relative; inset:auto; translate:none; transform:none !important; opacity:1 !important; margin-inline:auto; text-align:center; pointer-events:auto; } #hv-vt440:not(.enhanced) .stage-copy[data-copy="0"] p{ color:inherit; } #hv-vt440:not(.enhanced) .static-experience-links{ display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:22px; margin-top:28px; } #hv-vt440:not(.enhanced) .static-experience-links a{ min-height:44px; display:inline-flex; align-items:center; } #hv-vt440:not(.enhanced) .hero-line > span,#hv-vt440:not(.enhanced) .hero-product,#hv-vt440:not(.enhanced) .reveal{ opacity:1 !important; } #hv-vt440 .material-section:not([data-material-ready="true"]) .material-controls{ display:none; } #hv-vt440 .material-section:not([data-material-ready="true"]) .material-reading{ gap:32px; } #hv-vt440 .material-section:not([data-material-ready="true"]) .material-panel{ grid-area:auto; visibility:visible; } #hv-vt440 .material-section:not([data-material-ready="true"]) .material-panel + .material-panel{ padding-top:32px; border-top:1px solid var(--material-line); } #hv-vt440 .material-section:not([data-material-ready="true"]) .material-motion{ animation:none !important; } #hv-vt440 .hv-icon{ --hv-icon-size: 21px; } #hv-vt440 .hv-icon--small{ --hv-icon-size: 19px; } #hv-vt440 .hv-icon--large{ --hv-icon-size: 26px; } #hv-vt440 .technical-measure dt .hv-icon,#hv-vt440 .technical-fact dt .hv-icon,#hv-vt440 .technical-material-link .hv-icon,#hv-vt440 .data-eyebrow .hv-icon,#hv-vt440 .data-disclosure > .hv-icon,#hv-vt440 .data-temperature-note .hv-icon,#hv-vt440 .data-primary-link .hv-icon,#hv-vt440 .data-secondary-link .hv-icon,#hv-vt440 .data-group-mark .hv-icon,#hv-vt440 .data-property-list dt > .hv-icon,#hv-vt440 .data-format-label .hv-icon,#hv-vt440 .data-group-note .hv-icon,#hv-vt440 .data-source .hv-icon,#hv-vt440 .material-control .hv-icon,#hv-vt440 .material-reading-values dt .hv-icon,#hv-vt440 .material-data-access > a .hv-icon,#hv-vt440 .material-factor-mark .hv-icon{ width: var(--hv-icon-size); height: var(--hv-icon-size); flex: 0 0 var(--hv-icon-size); } #hv-vt440 .technical-measure dt .hv-icon{ --hv-icon-size: 36px; } #hv-vt440 .technical-measure dt{ gap: 8px; } #hv-vt440 .technical-fact dt .hv-icon{ --hv-icon-size: 24px; } #hv-vt440 .technical-fact dt{ gap: 7px; } #hv-vt440 .technical-material-link .hv-icon{ --hv-icon-size: 21px; } #hv-vt440 .data-eyebrow .hv-icon,#hv-vt440 .data-disclosure > .hv-icon,#hv-vt440 .data-primary-link .hv-icon,#hv-vt440 .data-secondary-link .hv-icon,#hv-vt440 .data-format-label .hv-icon{ --hv-icon-size: 20px; } #hv-vt440 .data-temperature-note .hv-icon,#hv-vt440 .data-group-note .hv-icon,#hv-vt440 .data-source .hv-icon{ --hv-icon-size: 19px; } #hv-vt440 .data-property-list dt > .hv-icon{ --hv-icon-size: 22px; } #hv-vt440 .data-property-list dt{ gap: 8px; } #hv-vt440 .data-group-mark{ width: 50px; height: 50px; flex-basis: 50px; } #hv-vt440 .data-group-mark .hv-icon{ --hv-icon-size: 28px; } #hv-vt440 .material-data{ --data-emblem-size: 100px; --data-key-pad: 16px; --data-key-gap: 8px; } #hv-vt440 .material-control .hv-icon{ --hv-icon-size: 22px; } #hv-vt440 .material-reading-values dt .hv-icon{ --hv-icon-size: 20px; } #hv-vt440 .material-data-access > a .hv-icon{ --hv-icon-size: 21px; } #hv-vt440 .material-factor-mark .hv-icon{ --hv-icon-size: 22px; } #hv-vt440 .material-factor-mark{ min-height: 22px; } #hv-vt440 .data-source{ justify-content: flex-end; text-align: right; } #hv-vt440 .scene-signet{ width: 60px; height: 60px; flex-basis: 60px; } #hv-vt440 .scene-signet .hv-icon{ --hv-icon-size: 30px; } #hv-vt440 .chapter-tabs .hv-icon{ --hv-icon-size: 19px; margin-inline-end: 5px; } #hv-vt440 .stage-controls .hv-icon,#hv-vt440 .footer-controls .hv-icon,#hv-vt440 .original-trigger .hv-icon{ --hv-icon-size: 17px; } #hv-vt440 .tour-panel button .hv-icon,#hv-vt440 .photo-dialog-head button .hv-icon,#hv-vt440 .photo-dialog-tabs button .hv-icon{ --hv-icon-size: 19px; margin-inline-end: 5px; } #hv-vt440 .hero-actions .btn .hv-icon,#hv-vt440 .closing-purchase .btn .hv-icon,#hv-vt440 .closing-info .hv-icon,#hv-vt440 .section-kicker .hv-icon{ --hv-icon-size: 21px; } @media (min-width: 1000px) and (min-height: 780px){ #hv-vt440 .scene-signet{ width: 64px; height: 64px; flex-basis: 64px; } #hv-vt440 .scene-signet .hv-icon{ --hv-icon-size: 32px; } } @media (min-width: 761px) and (max-width: 1000px){ #hv-vt440 .material-data{ --data-emblem-size: clamp(56px, 7.5vw, 75px); --data-key-pad: 10px; --data-key-gap: 8px; } } @media (min-width: 761px) and (max-height: 780px){ #hv-vt440 .material-data{ --data-emblem-size: clamp(56px, 6.5vw, 82px); } #hv-vt440 .technical-measure dt .hv-icon{ --hv-icon-size: 31px; } #hv-vt440 .technical-fact dt .hv-icon{ --hv-icon-size: 21px; } } @media (max-width: 760px){ #hv-vt440 .technical-measure dt .hv-icon{ --hv-icon-size: 26px; } #hv-vt440 .technical-measure dt{ gap: 4px; } #hv-vt440 .technical-fact dt .hv-icon{ --hv-icon-size: 21px; } #hv-vt440 .material-data{ --data-emblem-size: 56px; --data-key-pad: 9px; --data-key-gap: 6px; } #hv-vt440 .data-eyebrow .hv-icon,#hv-vt440 .data-disclosure > .hv-icon{ --hv-icon-size: 19px; } #hv-vt440 .data-secondary-link .hv-icon{ --hv-icon-size: 18px; } #hv-vt440 .data-property-list dt > .hv-icon{ --hv-icon-size: 20px; } #hv-vt440 .data-property-list dt{ gap: 6px; } #hv-vt440 .data-group-mark{ width: 42px; height: 42px; flex-basis: 42px; } #hv-vt440 .data-group-mark .hv-icon{ --hv-icon-size: 25px; } #hv-vt440 .material-control .hv-icon{ --hv-icon-size: 19px; } #hv-vt440 .material-control{ gap: 4px; } #hv-vt440 .scene-signet{ width: 44px; height: 44px; flex-basis: 44px; } #hv-vt440 .scene-signet .hv-icon{ --hv-icon-size: 24px; } #hv-vt440 .chapter-tabs .hv-icon{ --hv-icon-size: 17px; margin-inline-end: 4px; } #hv-vt440 .chapter-tabs button{ padding-inline: 12px; } #hv-vt440 .tour-panel button .hv-icon{ --hv-icon-size: 18px; } #hv-vt440 .tour-panel button{ padding-inline: 12px; } #hv-vt440 .closing-purchase .btn .hv-icon{ --hv-icon-size: 19px; } #hv-vt440 .hero-actions .btn > .hv-icon{ margin-inline-end: 7px; } #hv-vt440 .hero-actions .btn > .hv-icon--trailing{ margin-inline-start: 7px; margin-inline-end: 0; } } @media (max-width: 999px) and (max-height: 700px){ #hv-vt440 .scene-signet{ width: 38px; height: 38px; flex-basis: 38px; } #hv-vt440 .scene-signet .hv-icon{ --hv-icon-size: 21px; } } @media (max-width: 370px){ #hv-vt440 .chapter-tabs button{ padding-inline: 9px; } #hv-vt440 .hero-actions .btn .hv-icon{ --hv-icon-size: 19px; } } @media (max-width: 360px){ #hv-vt440 .material-data{ --data-emblem-size: 49px; --data-key-pad: 7px; --data-key-gap: 5px; } } #hv-vt440 .technical-sheet{ --technical-muted: #615c53; font-size: 16px; line-height: 1.6; } #hv-vt440 .technical-sheet .technical-sheet-eyebrow{ font-size: 14px; line-height: 1.5; letter-spacing: .06em; color: #806330; } #hv-vt440 .technical-sheet .technical-sheet-heading h2{ line-height: 1.08; } #hv-vt440 .technical-sheet .technical-measures{ margin-top: 26px; } #hv-vt440 .technical-sheet .technical-measure{ padding-block: 20px; } #hv-vt440 .technical-sheet .technical-measure dt{ margin-top: 14px; gap: 10px; font-size: 15px; line-height: 1.5; font-weight: 500; color: #5b574f; } #hv-vt440 .technical-sheet .technical-measure-unit{ font-size: 18px; line-height: 1.4; color: #615c53; } #hv-vt440 .technical-sheet .technical-facts{ gap: 0 32px; margin-top: 22px; } #hv-vt440 .technical-sheet .technical-fact{ padding-block: 15px; } #hv-vt440 .technical-sheet .technical-fact dt{ align-items: flex-start; gap: 10px; margin-bottom: 8px; font-size: 14px; line-height: 1.5; font-weight: 500; letter-spacing: 0; color: #615c53; } #hv-vt440 .technical-sheet .technical-fact dd{ font-size: 20px; line-height: 1.4; letter-spacing: -.015em; overflow-wrap: anywhere; } #hv-vt440 .technical-sheet .technical-sheet-footer{ margin-top: 24px; } #hv-vt440 .technical-sheet .technical-material-link{ min-height: 48px; padding: 12px 20px; font-size: 15px; line-height: 1.45; } #hv-vt440 .material-data{ --data-muted: #d2c9bb; font-size: 16px; line-height: 1.6; } #hv-vt440 .material-data .data-eyebrow{ align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.5; letter-spacing: .055em; } #hv-vt440 .material-data .data-overview-heading h2,#hv-vt440 .material-data .data-complete-heading h3{ line-height: 1.08; } #hv-vt440 .material-data .data-key-value{ min-height: 184px; padding-block: 24px; } #hv-vt440 .material-data .data-key-value dt{ font-size: 15px; line-height: 1.45; color: #e3dbcf; } #hv-vt440 .material-data .data-key-unit{ font-size: 16px; line-height: 1.4; color: #d7c9b2; } #hv-vt440 .material-data .data-disclosure{ gap: 12px; padding: 14px 16px; } #hv-vt440 .material-data .data-disclosure p{ min-width: 0; font-size: 16px; line-height: 1.6; color: #e4ded3; } #hv-vt440 .material-data .data-temperature-note{ gap: 10px; margin-top: 14px; font-size: 14px; line-height: 1.6; color: #d0c6b6; } #hv-vt440 .material-data .data-temperature-note > span{ min-width: 0; } #hv-vt440 .material-data .data-overview-actions{ flex-wrap: wrap; gap: 14px 22px; margin-top: 22px; } #hv-vt440 .material-data .data-primary-link,#hv-vt440 .material-data .data-secondary-link{ min-height: 48px; font-size: 15px; line-height: 1.45; gap: 10px; } #hv-vt440 .material-data .data-primary-link{ padding: 12px 20px; } #hv-vt440 .material-data .data-complete-heading{ align-items: flex-start; } #hv-vt440 .material-data .data-complete-heading > p{ font-size: 16px; line-height: 1.6; color: #ded6c9; } #hv-vt440 .material-data .data-property-groups{ gap: 48px 40px; } #hv-vt440 .material-data .data-property-group > header{ gap: 12px; margin-bottom: 20px; } #hv-vt440 .material-data .data-group-index{ font-size: 14px; line-height: 1.5; } #hv-vt440 .material-data .data-property-group h4{ min-width: 0; font-size: 21px; line-height: 1.35; letter-spacing: -.015em; } #hv-vt440 .material-data .data-property-list > div{ gap: 20px; min-height: 78px; padding-block: 18px; } #hv-vt440 .material-data .data-property-list dt{ gap: 10px; font-size: 15px; line-height: 1.55; color: #dfd7ca; } #hv-vt440 .material-data .data-property-list dt > span{ min-width: 0; } #hv-vt440 .material-data .data-property-list dt small{ margin-top: 5px; font-size: 14px; line-height: 1.5; color: #c7beae; } #hv-vt440 .material-data .data-property-list dd{ font-size: 24px; line-height: 1.4; white-space: normal; } #hv-vt440 .material-data .data-property-list dd > span{ display: inline; font-size: 15px; line-height: 1.5; color: #d5c8b3; white-space: nowrap; } #hv-vt440 .material-data .data-property-list dd > small{ margin-top: 5px; font-size: 14px; line-height: 1.5; color: #d6c49f; } #hv-vt440 .material-data .data-property-list dd.data-value-text{ font-size: 18px; line-height: 1.5; } #hv-vt440 .material-data .data-format-label{ align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.6; color: #d3c9b8; } #hv-vt440 .material-data .data-group-note{ gap: 10px; font-size: 14px; line-height: 1.65; color: #cfc5b4; } #hv-vt440 .material-data .data-scope-note{ font-size: 14px; line-height: 1.7; color: #cfc5b4; } #hv-vt440 .material-data .data-scope-note span{ margin-top: 10px; color: #e0d7c8; } #hv-vt440 .material-data .data-source a{ min-height: 48px; font-size: 15px; line-height: 1.5; color: #e2cda8; } #hv-vt440 .material-section{ --material-muted: #d1c7b7; font-size: 17px; line-height: 1.65; } #hv-vt440 .material-section .material-eyebrow{ font-size: 14px; line-height: 1.6; letter-spacing: .06em; } #hv-vt440 .material-section .material-intro{ max-width: 620px; font-size: 17px; line-height: 1.65; color: #d9d0c1; } #hv-vt440 .material-section .material-caption{ gap: 12px; font-size: 14px; line-height: 1.55; color: #d1c7b8; } #hv-vt440 .material-section .material-concept{ color: #c7bdad; } #hv-vt440 .material-section .material-controls{ gap: 6px; } #hv-vt440 .material-section .material-control{ min-height: 50px; padding: 13px 24px; gap: 10px; font-size: 15px; line-height: 1.45; } #hv-vt440 .material-section .material-control:not([aria-pressed="true"]){ color: #e3d9c8; } #hv-vt440 .material-section .material-reading{ margin-top: 38px; } #hv-vt440 .material-section .material-panel{ gap: 42px; } #hv-vt440 .material-section .material-panel h3{ line-height: 1.2; } #hv-vt440 .material-section .material-panel-copy > p{ font-size: 17px; line-height: 1.7; color: #dfd7ca; } #hv-vt440 .material-section .material-reading-values{ gap: 24px; margin-top: 24px; padding-top: 20px; } #hv-vt440 .material-section .material-reading-values dt{ align-items: flex-start; gap: 10px; font-size: 15px; line-height: 1.5; color: #d4cbbb; } #hv-vt440 .material-section .material-reading-values dd{ margin-top: 10px; line-height: 1.35; } #hv-vt440 .material-section .material-reading-values dd span{ font-size: 16px; line-height: 1.5; color: #d9cdb8; } #hv-vt440 .material-section .material-reading-values small{ margin-top: 8px; font-size: 14px; line-height: 1.5; color: #cec3b1; } #hv-vt440 .material-section .material-data-access{ flex-wrap: wrap; gap: 16px 28px; } #hv-vt440 .material-section .material-data-access > p{ font-size: 14px; line-height: 1.65; color: #cfc5b5; } #hv-vt440 .material-section .material-data-access > a{ min-height: 48px; font-size: 15px; line-height: 1.5; white-space: normal; } #hv-vt440 .material-section .material-factors-heading h3{ max-width: none; font-size: 18px; line-height: 1.5; color: #e1d8c9; } #hv-vt440 .material-section .material-factor-list{ grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 28px 24px; } #hv-vt440 .material-section .material-factor-list li{ min-width: 0; padding: 0; border-left: 0; } #hv-vt440 .material-section .material-factor-list h4{ font-size: 17px; line-height: 1.45; color: #f1eadd; } #hv-vt440 .material-section .material-factor-list p{ font-size: 16px; line-height: 1.65; color: #d4caba; } @media (max-width: 1100px){ #hv-vt440 .material-data .data-key-values{ grid-template-columns: repeat(2, minmax(0, 1fr)); } #hv-vt440 .material-data .data-key-value:nth-child(odd){ padding-left: calc(var(--data-emblem-size) + var(--data-key-gap)); } #hv-vt440 .material-data .data-key-value:nth-child(odd) .data-emblem{ left: 0; } #hv-vt440 .material-data .data-key-value:nth-child(even){ padding-right: 0; border-right: 0; } #hv-vt440 .material-data .data-key-value:nth-child(-n+2){ border-bottom: 1px solid var(--data-line); } #hv-vt440 .material-section .material-factor-list{ grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 1000px){ #hv-vt440 .technical-sheet .technical-facts{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; } #hv-vt440 .material-data .data-complete-heading{ display: block; } #hv-vt440 .material-data .data-complete-heading > p{ margin-top: 22px; text-align: left; } #hv-vt440 .material-data .data-property-groups{ grid-template-columns: minmax(0, 1fr); } #hv-vt440 .material-section .material-panel,#hv-vt440 .material-section .material-panel[hidden]{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; } #hv-vt440 .material-section .material-panel-copy > p{ margin-top: 0; } } @media (max-width: 760px){ #hv-vt440 .technical-sheet .technical-sheet-wrap,#hv-vt440 .material-data .material-data-wrap,#hv-vt440 .material-section .material-wrap{ width: calc(100% - 40px); } #hv-vt440 .technical-sheet .technical-measure{ padding-block: 18px; } #hv-vt440 .technical-sheet .technical-measure dt{ flex-direction: column; align-items: flex-start; gap: 8px; } #hv-vt440 .technical-sheet .technical-measure-unit{ font-size: 16px; } #hv-vt440 .technical-sheet .technical-fact dd{ font-size: 18px; } #hv-vt440 .material-data .data-key-value{ min-height: 160px; padding-block: 18px; } #hv-vt440 .material-data .data-property-group h4{ font-size: 20px; } #hv-vt440 .material-section .material-controls{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; } #hv-vt440 .material-section .material-control{ flex-direction: column; min-height: 76px; padding: 12px 8px; gap: 8px; } #hv-vt440 .material-section .material-factor-list{ grid-template-columns: minmax(0, 1fr); gap: 0; } #hv-vt440 .material-section .material-factor-list li{ padding-block: 20px; grid-template-columns: 32px minmax(0, 1fr); gap: 12px; } #hv-vt440 .material-section .material-factor-list h4{ margin-bottom: 7px; } } @media (max-width: 560px){ #hv-vt440 .technical-sheet .technical-facts{ grid-template-columns: minmax(0, 1fr); } #hv-vt440 .technical-sheet .technical-measure dd{ display: block; } #hv-vt440 .technical-sheet .technical-measure-unit{ display: block; margin-top: 6px; } #hv-vt440 .technical-sheet .technical-material-link{ width: 100%; gap: 10px; padding-inline: 16px; } #hv-vt440 .material-data .data-overview-actions{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; } #hv-vt440 .material-data .data-primary-link,#hv-vt440 .material-data .data-secondary-link{ width: 100%; } #hv-vt440 .material-data .data-property-list > div{ grid-template-columns: minmax(0, 1fr); gap: 8px; min-height: 0; padding-block: 18px; } #hv-vt440 .material-data .data-property-list dd{ margin-left: 30px; text-align: left; } #hv-vt440 .material-data .data-group-note > span{ min-width: 0; } } @media (max-width: 480px){ #hv-vt440 .material-section .material-controls{ grid-template-columns: minmax(0, 1fr); border-radius: 24px; } #hv-vt440 .material-section .material-control{ flex-direction: row; min-height: 50px; justify-content: flex-start; padding: 12px 20px; gap: 12px; } #hv-vt440 .material-section .material-reading-values{ grid-template-columns: minmax(0, 1fr); gap: 22px; } #hv-vt440 .material-section .material-data-access > a{ gap: 10px; } } #hv-vt440{ font-size: 16px; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } #hv-vt440{ font-size: 16px; line-height: 1.5; } #hv-vt440 .btn,#hv-vt440 .text-link{ font-size: 16px; line-height: 1.35; } #hv-vt440 .btn{ min-height: 50px; } #hv-vt440 .skip{ font-size: 16px; } #hv-vt440 .eyebrow{ font-size: 13px; line-height: 1.5; letter-spacing: .1em; } #hv-vt440 .header-links{ gap: 26px; font-size: 15px; color: #4f514a; } #hv-vt440 .header-model{ font-size: 14px; } #hv-vt440 .header-end .btn{ min-height: 44px; padding: 11px 19px; font-size: 14px; line-height: 1.25; } #hv-vt440 .header-data{ font-size: 14px; } #hv-vt440 .on-dark .header-links{ color: #e2dfd4; } #hv-vt440 .hero .eyebrow{ font-size: 12px; line-height: 1.5; letter-spacing: .1em; color: #746039; } #hv-vt440 .hero .hero-subline{ max-width: 760px; font-size: 17px; line-height: 1.55; color: #53574e; } #hv-vt440 .hero .hero-caption{ font-size: 14px; line-height: 1.5; color: #55594f; align-items: center; } #hv-vt440 .hero .hero-caption strong{ font-size: 15px; color: #34382f; } #hv-vt440 .hero .original-trigger{ min-height: 44px; font-size: 14px; line-height: 1.4; color: #51564a; } #hv-vt440 .hero .hero-actions .btn{ min-height: 52px; padding: 14px 24px; font-size: 16px; line-height: 1.35; } #hv-vt440 .hero .hero-actions{ gap: 16px; } #hv-vt440 .stage-top,#hv-vt440 .stage-top .eyebrow{ font-size: 13px; line-height: 1.4; letter-spacing: .08em; } #hv-vt440 .stage-top .chapter-count{ font-size: 13px; opacity: .9; } #hv-vt440 .stage-copy{ bottom: 160px; } #hv-vt440 .stage-copy p,#hv-vt440 .stage-copy[data-copy="2"] p,#hv-vt440 .stage-copy[data-copy="3"] p{ font-size: 17px; line-height: 1.5; opacity: 1; } #hv-vt440 .stage-copy[data-copy="0"] p{ color: #52564b; } #hv-vt440 .stage-copy[data-copy="1"] p,#hv-vt440 .stage-copy[data-copy="2"] p,#hv-vt440 .stage-copy[data-copy="3"] p{ color: #eee7d9; } #hv-vt440 .stage-tech-line strong{ font-size: 24px; } #hv-vt440 .stage-tech-line span{ font-size: 15px; line-height: 1.5; opacity: .95; } #hv-vt440 .concept-label{ font-size: 12px; line-height: 1.45; letter-spacing: .045em; } #hv-vt440 .stage-readout{ font-size: 12px; letter-spacing: .075em; gap: 11px; } #hv-vt440 .stage-readout .readout-count{ font-size: 16px; } #hv-vt440 .stage-readout span:last-child{ font-size: 12px; letter-spacing: .06em; } #hv-vt440 .chapter-tabs button{ min-height: 48px; padding: 11px 20px; font-size: 15px; line-height: 1.25; opacity: 1; } #hv-vt440 .stage-controls button,#hv-vt440 .footer-controls button{ min-height: 44px; font-size: 14px; line-height: 1.35; opacity: 1; } #hv-vt440 .stage-controls{ min-height: 44px; } #hv-vt440 .tour-panel .tour-label,#hv-vt440 .tour-panel button{ font-size: 14px; line-height: 1.3; } #hv-vt440 .tour-panel button{ min-height: 46px; padding: 11px 15px; } #hv-vt440 .tour-status{ font-size: 13px; color: #d7cdb7; } #hv-vt440:has(#hv496-tour-panel:not([hidden])) .chapter-tabs{ visibility: hidden; pointer-events: none; } #hv-vt440 .identity-copy > p{ max-width: 440px; font-size: 17px; line-height: 1.65; color: #50564a; } #hv-vt440 .identity-copy .text-link{ font-size: 16px; line-height: 1.5; } #hv-vt440 .section-kicker .eyebrow{ font-size: 13px; line-height: 1.5; color: #796030; } #hv-vt440 .checks summary{ font-size: 18px; line-height: 1.5; } #hv-vt440 .answer{ font-size: 17px; line-height: 1.65; color: #4f5549; } #hv-vt440 .ref{ font-size: 14px; line-height: 1.45; padding: 9px 12px; } #hv-vt440 .closing-box .eyebrow{ font-size: 13px; line-height: 1.5; color: #796030; } #hv-vt440 .closing-box .closing-info{ max-width: 440px; font-size: 16px; line-height: 1.6; color: #55594f; } #hv-vt440 .closing-price strong{ font-size: 40px; } #hv-vt440 .closing-price span{ font-size: 14px; line-height: 1.45; color: #555b4e; } #hv-vt440 .closing-box .closing-purchase .btn{ min-height: 52px; font-size: 16px; line-height: 1.4; } #hv-vt440 .closing-box .price-note{ max-width: 450px; font-size: 14px; line-height: 1.6; color: #555b4f; } #hv-vt440 .footer p{ font-size: 14px; line-height: 1.6; color: #555b4f; } #hv-vt440 .footer-controls button{ color: #50574a; } #hv-vt440 .photo-dialog-head h2{ min-width: 0; font-size: 20px; line-height: 1.3; } #hv-vt440 .photo-dialog-head button{ flex: none; min-height: 44px; font-size: 14px; } #hv-vt440 .photo-dialog-tabs button{ min-height: 44px; font-size: 15px; } @media (max-width: 1100px) and (min-width: 761px){ #hv-vt440 .header-links{ gap: 18px; font-size: 14px; } } @media (max-width: 999px){ #hv-vt440 .stage-copy,#hv-vt440 .stage-copy[data-copy="2"],#hv-vt440 .stage-copy[data-copy="3"]{ bottom: 160px; } #hv-vt440 .stage-copy p,#hv-vt440 .stage-copy[data-copy="2"] p,#hv-vt440 .stage-copy[data-copy="3"] p{ max-width: 380px; margin-inline: auto; } } @media (max-width: 760px){ #hv-vt440 .header-data{ font-size: 14px; } #hv-vt440 .header-end .btn{ font-size: 14px; min-height: 44px; padding: 10px 16px; } #hv-vt440 .hero .eyebrow{ max-width: 350px; font-size: 12px; line-height: 1.5; letter-spacing: .08em; } #hv-vt440 .hero .hero-subline{ max-width: 460px; font-size: 16px; line-height: 1.55; } #hv-vt440 .hero .hero-caption{ font-size: 14px; line-height: 1.5; } #hv-vt440 .hero .hero-caption > span:last-child{ max-width: none; } #hv-vt440 .hero .original-trigger{ font-size: 14px; } #hv-vt440 .hero .hero-actions .btn{ font-size: 16px; min-height: 52px; padding: 13px 18px; } #hv-vt440 .stage-heading{ gap: 12px; } #hv-vt440 .stage-top .eyebrow,#hv-vt440 .stage-top .chapter-count{ font-size: 12px; line-height: 1.4; } #hv-vt440 .stage-copy,#hv-vt440 .stage-copy[data-copy="2"],#hv-vt440 .stage-copy[data-copy="3"]{ bottom: calc(148px + env(safe-area-inset-bottom, 0px)); } #hv-vt440 .stage-copy p,#hv-vt440 .stage-copy[data-copy="2"] p,#hv-vt440 .stage-copy[data-copy="3"] p{ max-width: 340px; font-size: 15px; line-height: 1.45; margin-top: 12px; } #hv-vt440 .stage-tech-line strong{ font-size: 22px; } #hv-vt440 .stage-tech-line span{ font-size: 14px; line-height: 1.45; } #hv-vt440 .concept-label{ font-size: 12px; line-height: 1.45; letter-spacing: .025em; } #hv-vt440 .stage-readout{ top: calc(var(--header) + 64px); max-width: calc(100% - 40px); gap: 8px; font-size: 12px; letter-spacing: .04em; } #hv-vt440 .stage-readout::before,#hv-vt440 .stage-readout::after{ display: none; } #hv-vt440 .stage-readout .readout-count{ font-size: 15px; } #hv-vt440 .stage-readout span:last-child{ font-size: 12px; letter-spacing: .04em; } #hv-vt440 .chapter-tabs{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: calc(100% - 24px); max-width: 420px; height: 72px; gap: 2px; padding: 4px; border-radius: 22px; bottom: calc(8px + env(safe-area-inset-bottom, 0px)); } #hv-vt440 .chapter-tabs button{ min-width: 0; min-height: 62px; flex-direction: column; gap: 4px; padding: 6px 3px; font-size: 13px; line-height: 1.2; border-radius: 17px; } #hv-vt440 .chapter-tabs .hv-icon{ --hv-icon-size: 20px; margin: 0; } #hv-vt440 .stage-controls,#hv-vt440 .stage.is-mechanical .stage-controls{ top: auto; left: 16px; right: 16px; bottom: calc(88px + env(safe-area-inset-bottom, 0px)); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; min-height: 48px; } #hv-vt440 .stage-controls button{ min-width: 0; min-height: 48px; font-size: 14px; line-height: 1.2; white-space: normal; padding: 4px 0; } #hv-vt440 .stage-controls #hv496-spin-pause[hidden] + [data-motion]{ grid-column: 1 / -1; justify-self: center; } #hv-vt440 .tour-panel{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: min(420px, calc(100% - 24px)); max-width: none; gap: 4px; padding: 5px; border-radius: 22px; bottom: calc(8px + env(safe-area-inset-bottom, 0px)); } #hv-vt440 .tour-panel[hidden]{ display: none; } #hv-vt440 .tour-panel button{ min-width: 0; min-height: 60px; flex-direction: column; gap: 4px; padding: 7px 3px; font-size: 14px; line-height: 1.2; border-radius: 17px; } #hv-vt440 .tour-panel button .hv-icon{ --hv-icon-size: 20px; margin: 0; } #hv-vt440 .identity-copy > p,#hv-vt440 .answer{ font-size: 16px; line-height: 1.65; } #hv-vt440 .checks summary{ font-size: 17px; line-height: 1.5; } #hv-vt440 .closing-box .closing-info{ font-size: 16px; max-width: 460px; } #hv-vt440 .closing-box .price-note{ font-size: 14px; } #hv-vt440 .closing-price strong{ font-size: 36px; } #hv-vt440 .closing-price span,#hv-vt440 .footer p,#hv-vt440 .footer-controls button{ font-size: 14px; } #hv-vt440 .photo-dialog-head h2{ font-size: 18px; } } @media (max-width: 480px){ #hv-vt440 .header-data{ display: none; } #hv-vt440 .hero .hero-caption{ flex-direction: column; gap: 8px; text-align: center; } #hv-vt440 .hero .hero-caption > span:last-child{ text-align: center; } #hv-vt440 .hero .hero-actions{ display: grid; grid-template-columns: 1fr; width: min(360px, 100%); margin: 20px auto 0; gap: 12px; } #hv-vt440 .hero .hero-actions .btn{ width: 100%; } #hv-vt440 .hero{ padding-bottom: 32px; } #hv-vt440 .closing-box .closing-purchase{ flex-direction: column; gap: 20px; } #hv-vt440 .closing-price{ text-align: center; } } @media (max-width: 999px) and (max-height: 620px){ #hv-vt440 .stage{ height: 100svh; min-height: 0; } #hv-vt440 .stage-copy,#hv-vt440 .stage-copy[data-copy="2"],#hv-vt440 .stage-copy[data-copy="3"]{ bottom: calc(148px + env(safe-area-inset-bottom, 0px)); } #hv-vt440 .stage-copy p,#hv-vt440 .stage-copy[data-copy="2"] p,#hv-vt440 .stage-copy[data-copy="3"] p{ font-size: 15px; line-height: 1.4; margin-top: 10px; } } #hv-vt440 .kit-orbit{ position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0; visibility: hidden; isolation: isolate; will-change: opacity; } #hv-vt440 .kit-orbit canvas{ position: absolute; inset: 0; display: block; width: 100%; height: 100%; } #hv-vt440 #hv496-flight-scene{ opacity: var(--photo-opacity, 1); } #hv-vt440.enhanced.motion-enabled .stage.kit-renderer-ready #hv496-flight-scene,#hv-vt440.enhanced.motion-enabled .stage.kit-renderer-pending #hv496-flight-scene{ visibility: hidden; } #hv-vt440:not(.enhanced) .kit-orbit,#hv-vt440.motion-reduced .kit-orbit{ display: none; } #hv-vt440:not(.enhanced) #hv496-flight-scene,#hv-vt440.motion-reduced #hv496-flight-scene{ visibility: visible; } @media (prefers-reduced-motion: reduce){ #hv-vt440:not(.motion-enabled) .kit-orbit{ display: none; } #hv-vt440:not(.motion-enabled) #hv496-flight-scene{ visibility: visible; } } #hv-vt440 .kit-orbit-canvas{ display: block; image-rendering: auto; user-select: none; -webkit-user-select: none; backface-visibility: hidden; } #hv-vt440 #hv496-inspection-canvas .kit-orbit-canvas,#hv-vt440 canvas#hv496-inspection-canvas.kit-orbit-canvas{ position: absolute; inset: 0; width: 100%; height: 100%; } #hv-vt440 .scene-console{display:none} #hv-vt440.enhanced .scene-console{position:absolute;z-index:8;display:grid;gap:4px;left:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(740px,calc(100% - 32px));padding:6px;border:1px solid #ac987b44;border-radius:22px;background:rgb(var(--stage-bg) var(--stage-bg) var(--stage-bg) / .96);box-shadow:0 8px 30px #00000014;color:rgb(var(--stage-ink) var(--stage-ink) var(--stage-ink))} #hv-vt440 .stage .scene-console .chapter-tabs{position:static;left:auto;bottom:auto;transform:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:none;height:auto;margin:0;padding:2px;gap:3px;border:0;border-radius:16px;box-shadow:none;background:transparent} #hv-vt440 .stage .scene-console .chapter-tabs button{min-width:0;min-height:48px;padding:7px 10px;font-size:14px;line-height:1.2;border-radius:12px} #hv-vt440 .stage .scene-console .stage-controls{position:static;inset:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:4px;min-height:44px;margin:0;transform:none;opacity:1!important} #hv-vt440 .stage .scene-console .stage-controls button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:44px;padding:7px 6px;border-radius:11px;font-size:13px;line-height:1.2;white-space:normal;color:inherit} #hv-vt440 .stage .scene-console .stage-controls button:hover{background:#b3996b14} #hv-vt440 .stage .scene-console .stage-controls #hv496-spin-pause[hidden]+[data-motion]{grid-column:auto;justify-self:stretch} #hv-vt440 .scene-console button[hidden]{display:none!important} #hv-vt440 .scene-console .hv-icon{--hv-icon-size:18px;flex:none} #hv-vt440.tour-running .scene-console{visibility:hidden;pointer-events:none} #hv-vt440 .stage .stage-copy{bottom:calc(var(--scene-console-height,106px) + 26px);min-height:var(--stage-copy-height,0px)} @media(min-width:1000px){ #hv-vt440 .stage .stage-copy[data-copy="2"],#hv-vt440 .stage .stage-copy[data-copy="3"]{bottom:auto} } #hv-vt440 .kit-gesture{position:absolute;z-index:3;cursor:grab;touch-action:pan-y;outline-offset:-5px;border-radius:20px} #hv-vt440 .kit-gesture[hidden]{display:none} #hv-vt440 .kit-gesture:active{cursor:grabbing} #hv-vt440 .kit-gesture span{position:absolute;left:50%;bottom:0;transform:translateX(-50%);font-size:13px;line-height:1.4;white-space:nowrap;padding:5px 12px;border-radius:20px;background:#ffffffdc;color:#65573e;border:1px solid #9e896129;pointer-events:none} #hv-vt440 .kit-gesture:focus-visible{outline:2px solid #b18b4e} #hv-vt440 .tour-panel{width:min(590px,calc(100% - 24px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:7px 9px;border-radius:21px} #hv-vt440 .tour-panel[hidden]{display:none} #hv-vt440 .tour-panel .tour-label{display:block;grid-column:1/-1;min-width:0;padding:0 76px 3px 8px;text-align:left;font-size:12px;line-height:16px} #hv-vt440 .tour-panel .tour-status{display:block;position:absolute;top:7px;right:17px;font-size:12px;line-height:16px} #hv-vt440 .tour-panel button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:46px;padding:7px 5px;font-size:14px;line-height:1.2;border-radius:12px} #hv-vt440 .tour-panel button .hv-icon{--hv-icon-size:18px} #hv-vt440 .dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none} #hv-vt440 .dialog-toolbar h2{margin:3px 0 0;font-size:clamp(25px,3vw,38px);line-height:1.1;letter-spacing:-.04em} #hv-vt440 .dialog-toolbar .eyebrow{margin:0;color:#8c744b;font-size:12px;line-height:1.5} #hv-vt440 .dialog-toolbar>button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #b5aa9638;border-radius:13px;background:#fff;color:#292a26;font-size:14px} #hv-vt440 .timeline-dialog{width:min(640px,calc(100% - 28px));max-height:calc(100svh - 28px);padding:26px;border:1px solid #c7b99166;border-radius:26px;background:#faf9f6;color:#292a26;box-shadow:0 32px 100px #0005;overflow:auto} #hv-vt440 .timeline-dialog::backdrop,#hv-vt440 .inspection-dialog::backdrop{background:#11130fe0;backdrop-filter:blur(7px)} #hv-vt440 .timeline-moments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:28px 0} #hv-vt440 .timeline-moments button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:82px;border:1px solid #9e916b36;border-radius:16px;background:#fff;color:#36372d;font-size:15px} #hv-vt440 .timeline-moments button .hv-icon{--hv-icon-size:25px} #hv-vt440 .timeline-moments button[aria-current=step]{background:#262820;color:#edcf96;border-color:#ad8a4c} #hv-vt440 .timeline-range-label{display:flex;justify-content:space-between;gap:14px;font-size:14px;line-height:1.5} #hv-vt440 .timeline-range-label output{font-variant-numeric:tabular-nums;color:#8d6f36} #hv-vt440 #hv496-tour-scrub,#hv-vt440 #hv496-inspection-angle{display:block;min-width:0;width:100%;min-height:44px;margin:5px 0;accent-color:#a98547;cursor:pointer} #hv-vt440 .timeline-note{margin:8px 0 20px;color:#64665b;font-size:14px;line-height:1.5} #hv-vt440 .timeline-dialog>.btn{width:100%;min-height:48px} #hv-vt440 .inspection-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100svh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#f6f6f2;color:#242620;overflow:hidden} #hv-vt440 .inspection-dialog[open]{display:flex;flex-direction:column} #hv-vt440 .inspection-dialog .dialog-toolbar{padding:20px 28px;background:#fff;border-bottom:1px solid #b4b19e33;z-index:2} #hv-vt440 .inspection-viewport{position:relative;flex:1;min-height:120px;touch-action:pan-y;cursor:grab;overflow:hidden} #hv-vt440 .inspection-viewport:active{cursor:grabbing} #hv-vt440 #hv496-inspection-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none} #hv-vt440 .inspection-fallback{position:absolute;left:50%;top:50%;width:min(1000px,88%);height:auto;transform:translate(-50%,-50%)} #hv-vt440 .inspection-viewport.is-ready .inspection-fallback{display:none} #hv-vt440 .inspection-hint{position:absolute;bottom:10px;left:20px;right:20px;margin:0;text-align:center;color:#727363;font-size:13px;line-height:1.5;pointer-events:none} #hv-vt440 .inspection-controls{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:24px;flex:none;padding:13px max(28px,calc((100% - 1100px)/2)) calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid #aaa58f44;background:#fff;z-index:2} #hv-vt440 .inspection-angle{display:grid;grid-template-columns:auto 1fr 45px;align-items:center;gap:14px;font-size:14px} #hv-vt440 .inspection-angle output{text-align:right;font-variant-numeric:tabular-nums} #hv-vt440 .inspection-actions{display:flex;gap:10px} #hv-vt440 .inspection-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:9px 14px;border:1px solid #a89a7545;border-radius:13px;font-size:14px;background:#f9f8f3;color:#34372b} #hv-vt440 .inspection-actions button:disabled{opacity:.45;cursor:default} #hv-vt440 .dialog-macro{width:min(1000px,100%);max-height:75%;height:auto;filter:none!important} #hv-vt440 #hv496-dialog-macro[hidden]{display:none} #hv-vt440 .entry-bridge{position:fixed;z-index:48;inset:0;overflow:hidden;background:#fff;pointer-events:none} #hv-vt440 .entry-bridge[hidden]{display:none} #hv-vt440 .entry-bridge img{display:block;max-height:none;object-fit:contain;margin:0;border:0;border-radius:0;filter:none} #hv-vt440 .closing-product{isolation:isolate} #hv-vt440 .closing-product::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:var(--closing-light,0);background:linear-gradient(112deg,transparent 25%,#fff4d940 45%,#fff7dc75 49%,transparent 64%);mix-blend-mode:soft-light} #hv-vt440[data-tour-part=closing] .closing-details{opacity:1;transform:none} #hv-vt440 :is(.timeline-dialog,.inspection-dialog,.scene-console,.tour-panel) :is(button,input):focus-visible{outline:3px solid #b28d4d;outline-offset:3px} #hv-vt440:not(.enhanced) .scene-console,#hv-vt440:not(.enhanced) .kit-gesture{display:none!important} @media(max-width:760px){ #hv-vt440.enhanced .scene-console{width:calc(100% - 20px);padding:4px;border-radius:19px;gap:2px;bottom:calc(7px + env(safe-area-inset-bottom,0px))} #hv-vt440 .stage .scene-console .chapter-tabs button{flex-direction:column;gap:3px;min-height:53px;padding:6px 3px;font-size:13px} #hv-vt440 .stage .scene-console .stage-controls button{flex-direction:column;gap:3px;min-height:49px;padding:5px 2px;font-size:13px} #hv-vt440 .stage .scene-console .stage-controls .hv-icon{--hv-icon-size:16px} #hv-vt440 .stage .scene-console .chapter-tabs .hv-icon{--hv-icon-size:19px} #hv-vt440 .stage .stage-copy{bottom:calc(var(--scene-console-height,112px) + 18px);padding-inline:12px} #hv-vt440 .stage-copy p{margin-top:9px} #hv-vt440 .stage-top{top:calc(var(--header) + 18px)} #hv-vt440 .tour-panel button{flex-direction:column;gap:3px;min-height:48px;font-size:13px} #hv-vt440 .tour-panel .tour-label{font-size:11px;line-height:14px} #hv-vt440 .tour-panel .tour-status{font-size:11px;line-height:14px} #hv-vt440 .timeline-dialog{padding:20px;border-radius:22px} #hv-vt440 .timeline-moments{gap:8px;margin:22px 0} #hv-vt440 .timeline-moments button{min-height:72px;font-size:14px} #hv-vt440 .inspection-dialog .dialog-toolbar{padding:15px 18px;gap:12px} #hv-vt440 .inspection-dialog .dialog-toolbar h2{font-size:27px} #hv-vt440 .inspection-dialog .dialog-toolbar .eyebrow{font-size:11px;max-width:230px} #hv-vt440 .inspection-dialog .dialog-toolbar>button{padding:8px;font-size:13px} #hv-vt440 .inspection-controls{grid-template-columns:1fr;gap:3px;padding:8px 18px calc(10px + env(safe-area-inset-bottom,0px))} #hv-vt440 .inspection-angle{font-size:14px;gap:10px} #hv-vt440 .inspection-actions{justify-content:center} #hv-vt440 .inspection-actions button{flex:1;font-size:14px;padding:8px} #hv-vt440 .inspection-hint{font-size:12px} } #hv-vt440 .stage.is-landscape .stage-copy{left:25px;right:auto;top:var(--landscape-copy-y,50%);bottom:auto;width:30%;padding:0;translate:none;transform:translateY(-50%)!important;text-align:left;min-height:0} #hv-vt440 .stage.is-landscape .stage-copy h2{font-size:clamp(27px,3.7vw,40px);line-height:1.05;padding:0} #hv-vt440 .stage.is-landscape .stage-copy p{font-size:14px;line-height:1.4;margin-top:12px} #hv-vt440 .stage.is-landscape .stage-tech-line strong{font-size:20px} #hv-vt440 .stage.is-landscape .stage-tech-line span{font-size:13px} #hv-vt440 .stage.is-landscape .stage-readout{left:68%;top:calc(var(--header) + 46px);transform:translateX(-50%)} #hv-vt440 .stage.is-landscape .concept-label{left:68%;width:55%;font-size:11px} #hv-vt440 .stage.is-landscape .scene-console{width:calc(100% - 32px);display:flex;gap:12px;align-items:center;padding:4px 8px} #hv-vt440 .stage.is-landscape .scene-console .chapter-tabs{flex:1} #hv-vt440 .stage.is-landscape .scene-console .chapter-tabs button{min-height:43px;flex-direction:row;font-size:12px} #hv-vt440 .stage.is-landscape .scene-console .stage-controls{flex:1} #hv-vt440 .stage.is-landscape .scene-console .stage-controls button{min-height:43px;font-size:12px} @media(max-width:360px) and (max-height:640px){ #hv-vt440 .stage .stage-copy{padding-inline:4px} #hv-vt440 .stage .stage-copy h2{font-size:26px;line-height:1.04;padding-inline:0;max-width:none} #hv-vt440 .stage .stage-copy p{font-size:15px;line-height:1.35;margin-top:8px} #hv-vt440 .stage .stage-copy .stage-tech-line{margin-top:8px} #hv-vt440 .stage .stage-copy .stage-tech-line strong{font-size:20px;line-height:1.2} #hv-vt440 .stage .stage-copy[data-copy="1"] .stage-tech-line strong{font-size:16px;line-height:1.35} #hv-vt440 .stage .stage-copy .stage-tech-line>span{font-size:15px;line-height:1.3;margin-top:4px} } @media(min-width:620px) and (max-height:559px) and (min-aspect-ratio:5/4){ #hv-vt440.enhanced .stage{height:100svh;min-height:0} #hv-vt440.motion-reduced .experience,#hv-vt440.motion-reduced .stage{height:100svh;min-height:0} #hv-vt440 .tour-panel{grid-template-columns:64px repeat(4,minmax(0,1fr));bottom:10px;padding:6px 8px} #hv-vt440 .tour-panel .tour-label{display:none} #hv-vt440 .tour-panel .tour-status{position:static;grid-column:1;grid-row:1;align-self:center;margin:0;text-align:center;font-size:12px} #hv-vt440 .tour-panel button{min-height:44px;flex-direction:row;font-size:13px} } @media(max-height:500px) and (orientation:landscape){ #hv-vt440 .inspection-dialog .dialog-toolbar{padding:10px 20px} #hv-vt440 .inspection-dialog .dialog-toolbar h2{font-size:25px} #hv-vt440 .inspection-controls{grid-template-columns:minmax(200px,1fr) auto;padding:7px 20px;gap:20px} #hv-vt440 .inspection-hint{bottom:2px;font-size:12px} #hv-vt440 .timeline-dialog{max-height:calc(100svh - 16px);padding:18px} #hv-vt440 .timeline-moments{grid-template-columns:repeat(6,minmax(0,1fr));margin:16px 0} #hv-vt440 .timeline-moments button{min-height:62px;font-size:13px} } @media(prefers-reduced-motion:reduce){ #hv-vt440:not(.motion-enabled) .entry-bridge{display:none} } #hv-vt440.motion-reduced .entry-bridge{display:none} #hv-vt440{--paper:#fff;--ink:#191b1a;--gold:#997744;--line:#dfdfdb;--font-text:"SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",system-ui,"Segoe UI",Arial,sans-serif;--font-display:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Helvetica Neue",system-ui,"Segoe UI",Arial,sans-serif} #hv-vt440,#hv-vt440 button,#hv-vt440 input,#hv-vt440 select,#hv-vt440 textarea{font-family:var(--font-text);font-optical-sizing:auto;font-kerning:normal} #hv-vt440 h2,#hv-vt440 h3,#hv-vt440 .technical-measure-value,#hv-vt440 .data-key-number,#hv-vt440 .closing-price strong{font-family:var(--font-display);font-optical-sizing:auto} #hv-vt440 .hero h2,#hv-vt440 .stage-copy h2,#hv-vt440 .material-heading h2,#hv-vt440 .closing h2{font-weight:600;letter-spacing:-.045em} #hv-vt440 .hero .hero-subline{letter-spacing:-.015em} #hv-vt440 .stage-tech-line,#hv-vt440 .technical-measure-value,#hv-vt440 .data-key-number,#hv-vt440 .technical-number{font-variant-numeric:tabular-nums lining-nums} #hv-vt440 .btn,#hv-vt440 .scene-console button,#hv-vt440 .tour-panel button,#hv-vt440 .inspection-actions button{font-weight:500;letter-spacing:-.012em} #hv-vt440{scrollbar-gutter:stable} #hv-vt440{background:#fff} #hv-vt440 .hv-nowrap{display:inline!important;white-space:nowrap;font:inherit!important;letter-spacing:inherit!important;color:inherit} #hv-vt440 .hero{background:#fff} #hv-vt440 .hero h2{font-weight:600;text-wrap:balance} #hv-vt440 .hero-subline,#hv-vt440 .stage-copy h2,#hv-vt440 .material-heading h2,#hv-vt440 .closing h2{text-wrap:balance} #hv-vt440 .hero .hero-hand-image{image-rendering:auto} #hv-vt440 .stage-copy .stage-tech-line{font-variant-numeric:tabular-nums} #hv-vt440 .stage-copy[data-copy="1"] .stage-tech-line strong{font-size:clamp(16px,1.55vw,22px);font-weight:500} #hv-vt440 .stage-copy p{line-height:1.45} #hv-vt440 .stage-copy[data-copy="1"] p{color:#eee9dc} #hv-vt440 .color-wash::before{background:radial-gradient(ellipse 70% 35% at var(--light-travel) 40%,#c6a05d35,transparent 72%),linear-gradient(180deg,#111311 0%,#25251f 36%,#443c2b 46%,#1b1c17 65%,#10120f 100%)} #hv-vt440 .color-horizon{background:radial-gradient(ellipse 46% 55% at var(--studio-x,66.5%) 43%,#f2f3f328,transparent 73%)} #hv-vt440 .cinema-orbit{border-color:#d7b87816;border-top-color:#dbc18c35;box-shadow:none} #hv-vt440 .cinema-orbit::after{opacity:.3} #hv-vt440 .cinema-monogram{opacity:.025} #hv-vt440 .cinema-beam{opacity:calc(.06 + var(--color-ink)*.12 + var(--color-silver)*.12)} #hv-vt440 .scene-signet,#hv-vt440 .stage[data-chapter="1"] .scene-signet,#hv-vt440 .stage[data-chapter="3"] .scene-signet{box-shadow:inset 0 1px 0 #fff4,0 3px 12px #0002;border-width:1px} #hv-vt440 .scene-signet::before,#hv-vt440 .scene-signet::after{opacity:.25} #hv-vt440 .technical-sheet{background:#fff} #hv-vt440 .identity{background:#f7f8f6} #hv-vt440 .data-overview{background:radial-gradient(ellipse 70% 80% at 5% 0%,#b58b4015,transparent 70%),#121512} #hv-vt440 .data-overview::before{opacity:.45} #hv-vt440 .hv-emblem{filter:drop-shadow(0 5px 7px #0004)} #hv-vt440 .hv-symbol-glyph{transform-box:fill-box;transform-origin:center;animation-name:var(--emblem-motion,none);animation-duration:1.45s;animation-delay:var(--emblem-delay,0ms);animation-timing-function:cubic-bezier(.22,.68,.22,1);animation-iteration-count:1} #hv-vt440 .emblem-active[data-icon-kind="density"]{--emblem-motion:hv-density-reveal} #hv-vt440 .emblem-active[data-icon-kind="flexural"]{--emblem-motion:hv-flexural-reveal} #hv-vt440 .emblem-active[data-icon-kind="hardness"]{--emblem-motion:hv-hardness-reveal} #hv-vt440 .emblem-active[data-icon-kind="thermal"]{--emblem-motion:hv-thermal-reveal} @keyframes hv-density-reveal{0%{opacity:.45;transform:scale(.92)}55%{opacity:1;transform:scale(1.035)}100%{transform:scale(1)}} @keyframes hv-flexural-reveal{0%,100%{transform:scaleY(1)}45%{transform:scaleY(.9)}75%{transform:scaleY(1.02)}} @keyframes hv-hardness-reveal{0%,100%{transform:translateY(0)}45%{transform:translateY(2px)}75%{transform:translateY(.5px)}} @keyframes hv-thermal-reveal{0%{opacity:.45;transform:translateY(2px)}65%{opacity:1;transform:translateY(-1px)}100%{transform:translateY(0)}} #hv-vt440 .material-scene .material-motion{animation-iteration-count:2} #hv-vt440 .material-control[aria-pressed="true"]{border-color:#c5a36a;box-shadow:inset 0 -2px 0 #b89253} #hv-vt440 .material-visual{isolation:isolate} #hv-vt440 .material-heading h2{max-width:1050px} #hv-vt440 .closing-box{background:#fff} #hv-vt440 .closing-box::after{background:radial-gradient(ellipse at 5% 55%,#c5a46b0d,transparent 70%)} #hv-vt440 .closing-box .closing-product::before{background:linear-gradient(180deg,#fff,#f5f5f1 57%,#fff0);border-color:#d4d1c7;box-shadow:0 14px 20px -17px #3f3e3529} #hv-vt440 .closing-box .closing-product::after{background:radial-gradient(ellipse,#5a514020,transparent 67%)} #hv-vt440 .closing-box .closing-accent{background:none;color:#96733e;-webkit-text-fill-color:currentColor} #hv-vt440 .footer{background:#101310;border-color:#d5bd8f20;color:#eee} #hv-vt440 .footer p,#hv-vt440 .footer-controls button{color:#d1d5cb} #hv-vt440 .product-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;list-style:none;margin:0;padding:0 0 24px;font-size:14px;line-height:1.5;color:#656a60} #hv-vt440 .product-breadcrumb li:not(:last-child)::after{content:"/";padding-left:9px;color:#a4a79e} #hv-vt440 .product-breadcrumb a{text-decoration:underline;text-decoration-color:#b5b9ae;text-underline-offset:4px} #hv-vt440 .product-breadcrumb [aria-current]{color:#31382c;font-weight:550} #hv-vt440 .data-temperature-compact{display:none} @media(max-width:760px){ #hv-vt440 .stage-copy h2{font-size:clamp(29px,7.6vw,42px);line-height:1.04;letter-spacing:-.045em} #hv-vt440 .stage-copy[data-copy="1"] .stage-tech-line strong{font-size:16px;line-height:1.35} #hv-vt440 .stage-copy .stage-tech-line>span{font-size:14px;line-height:1.35} #hv-vt440 .color-wash::before{background:radial-gradient(ellipse 100% 40% at var(--light-travel) 36%,#c6a05d32,transparent 75%),linear-gradient(180deg,#111310 0%,#353329 37%,#3e382b 50%,#171b15 68%,#10130f 100%)} #hv-vt440 .closing-box{background:#fff} #hv-vt440 .closing-box::after{background:none} #hv-vt440 .product-breadcrumb{font-size:13px;padding-bottom:20px;gap:7px} #hv-vt440 .material-control{font-size:14px} #hv-vt440 .material-factors-heading h3{line-height:1.2} } @media(prefers-reduced-motion:reduce){ #hv-vt440:not(.motion-enabled) .hv-symbol-glyph{animation:none!important} } #hv-vt440.motion-reduced .hv-symbol-glyph{animation:none!important} @media(forced-colors:active){ #hv-vt440 .hv-symbol-glyph{animation:none!important} #hv-vt440 .product-breadcrumb a{color:LinkText} #hv-vt440 .footer{background:Canvas;color:CanvasText} } @media(max-width:760px) and (max-height:640px){ #hv-vt440.tour-running .data-overview{align-items:flex-start;min-height:calc(100svh - var(--header));padding:12px 0 108px} #hv-vt440.tour-running .material-data{--data-emblem-size:40px;--data-key-pad:7px;--data-key-gap:5px} #hv-vt440.tour-running .data-overview .data-eyebrow{font-size:12px;line-height:1.4;letter-spacing:.025em;margin-bottom:7px} #hv-vt440.tour-running .data-overview .data-overview-heading h2{font-size:28px;line-height:1.06;letter-spacing:-.04em} #hv-vt440.tour-running .material-data .data-key-values{margin-top:12px} #hv-vt440.tour-running .material-data .data-key-value{min-height:88px;padding-top:10px;padding-bottom:10px} #hv-vt440.tour-running .material-data .data-key-number{font-size:33px} #hv-vt440.tour-running .material-data .data-key-value dt{font-size:14px;line-height:1.25;margin-top:5px} #hv-vt440.tour-running .material-data .data-key-unit{font-size:14px;line-height:1.25} #hv-vt440.tour-running .data-overview .data-disclosure,#hv-vt440.tour-running .data-overview .data-secondary-link{display:none} #hv-vt440.tour-running .data-overview .data-temperature-note{font-size:14px;line-height:1.3;margin-top:10px;gap:6px} #hv-vt440.tour-running .data-overview .data-temperature-full{display:none} #hv-vt440.tour-running .data-overview .data-temperature-compact{display:inline} #hv-vt440.tour-running .data-overview .data-overview-actions{margin-top:12px;display:flex} #hv-vt440.tour-running .data-overview .data-primary-link{min-height:44px;padding:9px 16px} } @media(min-width:620px) and (max-height:500px) and (orientation:landscape){ #hv-vt440.tour-running .data-overview{align-items:flex-start;min-height:calc(100svh - var(--header));padding:8px 0 70px} #hv-vt440.tour-running .material-data{--data-emblem-size:36px;--data-key-pad:8px;--data-key-gap:6px} #hv-vt440.tour-running .data-overview .data-eyebrow{font-size:12px;line-height:1.4;margin-bottom:5px} #hv-vt440.tour-running .data-overview .data-overview-heading h2{font-size:30px;line-height:1.05} #hv-vt440.tour-running .material-data .data-key-values{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:8px} #hv-vt440.tour-running .material-data .data-key-value{min-height:82px;padding-top:8px;padding-bottom:8px;border-bottom:0} #hv-vt440.tour-running .material-data .data-key-value:nth-child(2){border-right:1px solid var(--data-line);padding-right:8px} #hv-vt440.tour-running .material-data .data-key-value:nth-child(3){padding-left:calc(var(--data-emblem-size) + var(--data-key-gap) + 8px)} #hv-vt440.tour-running .material-data .data-key-value:nth-child(3) .data-emblem{left:8px} #hv-vt440.tour-running .material-data .data-key-number{font-size:32px} #hv-vt440.tour-running .material-data .data-key-unit,#hv-vt440.tour-running .material-data .data-key-value dt{font-size:14px;line-height:1.25} #hv-vt440.tour-running .material-data .data-key-value dt{margin-top:5px} #hv-vt440.tour-running .data-overview .data-disclosure,#hv-vt440.tour-running .data-overview .data-secondary-link,#hv-vt440.tour-running .data-overview .data-temperature-full{display:none} #hv-vt440.tour-running .data-overview .data-temperature-compact{display:inline} #hv-vt440.tour-running .data-overview .data-temperature-note{font-size:14px;line-height:1.3;margin-top:6px} #hv-vt440.tour-running .data-overview .data-overview-actions{display:flex;margin-top:6px} #hv-vt440.tour-running .data-overview .data-primary-link{width:auto;min-height:42px;padding:8px 16px} } #hv-vt440 .technical-sheet .technical-dimension-figure.dimension-studio{ position:relative;margin:28px 0 0;padding:0 12px 18px;overflow:hidden; border:1px solid #e7e8e6;border-radius:28px;background:#fff; box-shadow:0 18px 48px -38px #222b3430; } #hv-vt440 .dimension-photo-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:25/14;background:#fff;overflow:hidden} #hv-vt440 .dimension-photo-stage .dimension-product-photo{position:absolute;display:block;left:6.5%;top:6.25%;width:88.7%;height:auto;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;object-fit:contain} #hv-vt440 .dimension-photo-stage .dimension-studio-svg{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;overflow:visible;pointer-events:none} #hv-vt440 .dimension-metrology .metrology-mobile{display:none} #hv-vt440 .dimension-metrology .metrology-measure{fill:none;stroke-linecap:butt;stroke-linejoin:round} #hv-vt440 .dimension-metrology .metrology-measure path{vector-effect:non-scaling-stroke} #hv-vt440 .dimension-metrology .metrology-axis{stroke:#947542;stroke-width:1.2} #hv-vt440 .dimension-metrology .metrology-extension{stroke:#b5bbb5;stroke-width:.85} #hv-vt440 .dimension-metrology .metrology-arrow{fill:#947542;stroke:none} #hv-vt440 .dimension-metrology .metrology-terminal{stroke:#947542;stroke-width:1.2} #hv-vt440 .dimension-metrology .metrology-leader{stroke:#947542;stroke-width:1.05} #hv-vt440 .dimension-metrology .metrology-trace{stroke-dasharray:1;stroke-dashoffset:0} #hv-vt440 .dimension-metrology .metrology-label{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 10px;background:#fff;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;text-align:center;font-family:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Helvetica Neue",system-ui,sans-serif} #hv-vt440 .dimension-metrology .metrology-label-length{left:46.687%;top:69.676%} #hv-vt440 .dimension-metrology .metrology-label-height{left:15.225%;top:26.34%} #hv-vt440 .dimension-metrology .metrology-label-thickness{left:92%;top:65.045%;padding-inline:8px} #hv-vt440 .dimension-metrology .metrology-label-name{display:block;font-size:10px;line-height:1.2;font-weight:550;letter-spacing:.14em;text-transform:uppercase;color:#73776e} #hv-vt440 .dimension-metrology .metrology-label-value{display:flex;align-items:baseline;gap:7px;color:#1d211e;font-size:clamp(28px,2.6vw,36px);line-height:1.05;font-weight:500;letter-spacing:-.055em;font-variant-numeric:tabular-nums} #hv-vt440 .dimension-metrology .metrology-label-unit{font-size:18px;line-height:1;font-weight:400;color:#6b7068;letter-spacing:-.035em} #hv-vt440.enhanced .dimension-metrology.reveal{opacity:1;transform:none;transition:none} #hv-vt440.motion-enabled .dimension-metrology .metrology-trace{transition:stroke-dashoffset .8s cubic-bezier(.2,.7,.2,1),opacity .35s ease} #hv-vt440.motion-enabled .dimension-metrology .metrology-height .metrology-trace{transition-delay:.1s} #hv-vt440.motion-enabled .dimension-metrology .metrology-thickness .metrology-trace{transition-delay:.18s} #hv-vt440.motion-enabled .dimension-metrology .metrology-label,#hv-vt440.motion-enabled .dimension-metrology .metrology-arrow,#hv-vt440.motion-enabled .dimension-metrology .metrology-terminal{transition:opacity .45s ease .28s} #hv-vt440.enhanced.motion-enabled .dimension-metrology.reveal:not(.is-visible) .metrology-trace{stroke-dashoffset:1;opacity:0} #hv-vt440.enhanced.motion-enabled .dimension-metrology.reveal:not(.is-visible) .metrology-label,#hv-vt440.enhanced.motion-enabled .dimension-metrology.reveal:not(.is-visible) .metrology-arrow,#hv-vt440.enhanced.motion-enabled .dimension-metrology.reveal:not(.is-visible) .metrology-terminal{opacity:0} #hv-vt440 .dimension-a11y{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} #hv-vt440 .technical-dimension-figure.dimension-studio figcaption{margin:0;padding:0 10px 2px;text-align:center;color:#666c63;font-size:15px;line-height:1.5} #hv-vt440 .technical-sheet .technical-measures.dimension-metrics{margin:24px 0 0;border:0;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))} #hv-vt440 .technical-measures.dimension-metrics::before{display:none} #hv-vt440 .dimension-metrics .technical-measure{margin:0;padding:25px 28px 27px;border:1px solid #e5e7e1;border-radius:20px;background:#fff;box-shadow:0 6px 24px -24px #151a1280} #hv-vt440 .dimension-metrics .technical-measure:first-child,#hv-vt440 .dimension-metrics .technical-measure:last-child{padding:25px 28px 27px;border:1px solid #e5e7e1} #hv-vt440 .dimension-metrics .technical-measure dt{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:#60675c;font-size:16px;line-height:1.25;font-weight:500;letter-spacing:0;text-transform:none} #hv-vt440 .dimension-metrics .technical-measure dt .hv-icon{width:28px;height:28px;min-width:28px;color:#a17c3b;stroke-width:1.4} #hv-vt440 .dimension-metrics .technical-measure dd{display:flex;align-items:baseline;gap:10px;margin:0;line-height:1} #hv-vt440 .dimension-metrics .technical-measure-value{font-size:clamp(44px,5.6vw,70px);font-weight:450;letter-spacing:-.065em;color:#1f241b} #hv-vt440 .dimension-metrics .technical-measure-unit{font-size:22px;font-weight:400;color:#6c7267;letter-spacing:-.025em;margin:0} @media(max-width:700px){ #hv-vt440 .technical-sheet .technical-dimension-figure.dimension-studio{padding:0 0 14px;margin-top:24px;border-radius:20px} #hv-vt440 .technical-dimension-figure.dimension-studio figcaption{font-size:14px;padding:3px 10px 0} #hv-vt440 .technical-sheet .technical-measures.dimension-metrics{gap:9px;margin-top:14px} #hv-vt440 .dimension-metrics .technical-measure,#hv-vt440 .dimension-metrics .technical-measure:first-child,#hv-vt440 .dimension-metrics .technical-measure:last-child{padding:18px 12px 20px;border-radius:16px} #hv-vt440 .dimension-metrics .technical-measure dt{display:block;font-size:14px;line-height:1.3;margin-bottom:14px} #hv-vt440 .dimension-metrics .technical-measure dt .hv-icon{display:block;width:28px;height:28px;margin-bottom:10px} #hv-vt440 .dimension-metrics .technical-measure dd{gap:5px;flex-wrap:wrap} #hv-vt440 .dimension-metrics .technical-measure-value{font-size:clamp(39px,10.8vw,55px)} #hv-vt440 .dimension-metrics .technical-measure-unit{font-size:18px} } @media(max-width:380px){ #hv-vt440 .technical-sheet .technical-measures.dimension-metrics{gap:6px} #hv-vt440 .dimension-metrics .technical-measure,#hv-vt440 .dimension-metrics .technical-measure:first-child,#hv-vt440 .dimension-metrics .technical-measure:last-child{padding:16px 10px 18px} #hv-vt440 .dimension-metrics .technical-measure dt{font-size:13px} #hv-vt440 .dimension-metrics .technical-measure-value{font-size:38px} #hv-vt440 .dimension-metrics .technical-measure-unit{font-size:17px} } @media print{ #hv-vt440 .technical-sheet .technical-dimension-figure.dimension-studio{padding:0!important;max-width:390pt!important;border:0!important;box-shadow:none!important;background:#fff!important;break-inside:avoid} #hv-vt440 .technical-sheet .technical-measures.dimension-metrics{display:grid!important;gap:10pt!important;border:0!important} #hv-vt440 .dimension-metrics .technical-measure,#hv-vt440 .dimension-metrics .technical-measure:first-child,#hv-vt440 .dimension-metrics .technical-measure:last-child{padding:10pt!important;border:1px solid #ddd!important;box-shadow:none!important} } @media(max-width:700px){ #hv-vt440 .dimension-metrology .metrology-desktop{display:none} #hv-vt440 .dimension-metrology .metrology-mobile{display:inline} #hv-vt440 .dimension-metrology .metrology-label{padding:5px 6px;gap:0} #hv-vt440 .dimension-metrology .metrology-label-length{left:46.185%;top:75.857%} #hv-vt440 .dimension-metrology .metrology-label-height{left:11.915%;top:19.625%} #hv-vt440 .dimension-metrology .metrology-label-thickness{left:auto;right:.5%;top:65.045%;transform:translateY(-50%);padding-inline:4px} #hv-vt440 .dimension-metrology .metrology-label-name{display:none} #hv-vt440 .dimension-metrology .metrology-label-value{font-size:22px;gap:4px;line-height:1.05;letter-spacing:-.045em} #hv-vt440 .dimension-metrology .metrology-label-unit{font-size:13px;letter-spacing:-.02em} #hv-vt440 .dimension-metrology .metrology-axis,#hv-vt440 .dimension-metrology .metrology-terminal{stroke-width:1.1} #hv-vt440 .dimension-metrology .metrology-extension{stroke-width:.75} #hv-vt440 .dimension-metrology .metrology-leader{stroke-width:1} } @media(max-width:380px){ #hv-vt440 .dimension-metrology .metrology-label-value{font-size:20px} #hv-vt440 .dimension-metrology .metrology-label-unit{font-size:12px} #hv-vt440 .dimension-metrology .metrology-label{padding-inline:5px} } @media(prefers-reduced-motion:reduce){ #hv-vt440 .dimension-metrology .metrology-trace,#hv-vt440 .dimension-metrology .metrology-label,#hv-vt440 .dimension-metrology .metrology-arrow,#hv-vt440 .dimension-metrology .metrology-terminal{transition:none!important;opacity:1!important;stroke-dashoffset:0!important} } @media print{ #hv-vt440 .dimension-metrology .metrology-trace,#hv-vt440 .dimension-metrology .metrology-label,#hv-vt440 .dimension-metrology .metrology-arrow,#hv-vt440 .dimension-metrology .metrology-terminal{transition:none!important;opacity:1!important;stroke-dashoffset:0!important} #hv-vt440 .dimension-metrology .metrology-label-value{font-size:15pt!important} #hv-vt440 .dimension-metrology .metrology-label-unit{font-size:8pt!important} #hv-vt440 .dimension-metrology .metrology-label-name{font-size:6pt!important} } #hv-vt440 .hv-language-switch[hidden]{ display: none !important; } #hv-vt440 .hv-language-switch{ display: inline-flex; flex: 0 0 auto; align-items: center; gap: 2px; padding: 3px; border: 1px solid rgba(137,110,62,.3); border-radius: 999px; background: rgba(240,237,230,.72); color: #39372f; } #hv-vt440 .hv-language-switch button{ display: grid; place-items: center; width: 44px; min-width: 44px; height: 44px; min-height: 44px; border: 0; border-radius: 999px; padding: 0; margin: 0; background: transparent; color: inherit; font: 650 13px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: .045em; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease; } #hv-vt440 .hv-language-switch button[aria-pressed="true"]{ background: #282722; color: #fff; box-shadow: 0 2px 7px #00000016; } #hv-vt440 .hv-language-switch button:focus-visible{ outline: 2px solid #96753a; outline-offset: 3px; } #hv-vt440 .site-header.on-dark .hv-language-switch{ color: #f5efe2; background: #ffffff09; border-color: #c4a36866; } #hv-vt440 .site-header.on-dark .hv-language-switch button[aria-pressed="true"]{ background: #e5ce9d; color: #211e17; } #hv-vt440 .header-end{ gap: 14px; } #hv-vt440[data-hv-locale="en"] .hero-line > span{ max-width: 100%; } #hv-vt440[data-hv-locale="en"] .stage-copy p{ text-wrap: pretty; } @media (max-width: 1180px){ #hv-vt440 .header-model{ display: none; } #hv-vt440 .header-links{ gap: 18px; } } @media (max-width: 920px){ #hv-vt440 .header-links,#hv-vt440 .header-data{ display: none; } #hv-vt440 .header-inner{ gap: 12px; } #hv-vt440 .header-end{ gap: 10px; } } @media (max-width: 600px){ #hv-vt440 .header-inner{ gap: 8px; } #hv-vt440 .header-end{ gap: 7px; } #hv-vt440 .header-inner .wordmark{ flex: 0 0 auto; } #hv-vt440 .header-inner .brand-logo{ width: 94px; } #hv-vt440 .header-end > .btn{ min-height: 46px; width: 105px; max-width: 105px; padding: 8px 10px; font-size: 14px; line-height: 1.12; white-space: normal; text-align: center; } #hv-vt440 .header-end > .btn .hv-icon{ display: none; } #hv-vt440[data-hv-locale="en"] .hero .second-line em{ display: block; } #hv-vt440[data-hv-locale="en"] .hero h2{ font-size: clamp(38px,9.6vw,57px); line-height: 1.05; } #hv-vt440[data-hv-locale="en"] .hero-intro{ padding-inline: 0; } } @media (max-width: 360px){ #hv-vt440 .site-header .header-inner{ width: calc(100% - 24px); gap: 6px; } #hv-vt440 .header-inner .brand-logo{ width: 82px; } #hv-vt440 .header-end{ gap: 6px; } #hv-vt440 .header-end > .btn{ width: 90px; max-width: 90px; padding-inline: 6px; } #hv-vt440 .hv-language-switch{ padding: 2px; gap: 0; } #hv-vt440[data-hv-locale="en"] .hero h2{ font-size: 37px; } } #hv-vt440.motion-reduced .hv-language-switch button{ transition: none; } @media (prefers-reduced-motion: reduce){ #hv-vt440:not(.motion-enabled) .hv-language-switch button{ transition: none; } } /* Component-only host defaults; WordPress theme/cart remain outside this scope. */ #hv-vt440{position:relative;display:block;width:100%;max-width:none;min-width:0;box-sizing:border-box;--hv-site-offset:0px;--hv-local-header-height:78px;--header:calc(var(--hv-local-header-height) + var(--hv-site-offset));isolation:isolate} #hv-vt440>.site-header{position:sticky;inset:auto;top:var(--hv-site-offset);width:100%} #hv-vt440 .header-inner{height:var(--hv-local-header-height)} #hv-vt440[data-hv-local-header="off"]{--hv-local-header-height:0px} #hv-vt440[data-hv-local-header="off"]>.site-header{display:none} #hv-vt440 .hv-story-main{display:block;margin:0;padding:0;width:100%;max-width:none} #hv-vt440 section[id],#hv-vt440 details[id],#hv-vt440 h2[id],#hv-vt440 h3[id]{scroll-margin-top:calc(var(--header) + 12px)} #hv-vt440 button,#hv-vt440 input,#hv-vt440 select,#hv-vt440 textarea{font-family:var(--font-text);text-transform:none;text-shadow:none} #hv-vt440 .hero-hand-image{height:auto} #hv-vt440 [hidden]{display:none!important} @media(max-width:760px){#hv-vt440{--hv-local-header-height:65px}}