.cwv-hero{padding-top:clamp(32px,4.5vw,60px);padding-bottom:clamp(56px,6.5vw,80px);overflow:clip}.cwv-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.cwv-hero__bg .cwv-floor{-webkit-mask-image:linear-gradient(to top,transparent 0%,#000 16%,transparent 76%);mask-image:linear-gradient(to top,transparent 0%,#000 16%,transparent 76%)}.cwv-hero__inner{position:relative}.cwv-hero__grid{display:grid;gap:clamp(36px,4.5vw,64px);align-items:center}@media(min-width:1101px){.cwv-hero__grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}}.cwv-hero__eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-weight:500;font-size:12px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}.cwv-hero__title{margin-top:22px;font-family:var(--font-display);font-weight:800;font-size:clamp(40px,5.4vw,78px);line-height:.95;letter-spacing:-.045em;text-transform:uppercase;color:#f4f7f9;overflow-wrap:break-word}.cwv-hero__line1{display:block}.cwv-hero__line2{display:block;padding-bottom:.04em}.cwv-hero__line2--long{margin-top:.5em;font-size:clamp(20px,2.25vw,32px);line-height:1.14;letter-spacing:-.02em}.cwv-hero__rule{margin-top:24px;max-width:470px}.cwv-hero__sub{margin-top:22px;max-width:540px;font-size:clamp(16px,1.3vw,18.5px);line-height:1.6;color:var(--fg-3)}.cwv-hero__actions{margin-top:28px}.cwv-hero__readout-wrap{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);max-width:560px}.cwv-hero__readout-head{font-family:var(--font-mono);font-weight:500;font-size:11.5px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}.cwv-hero__readout{margin:14px 0 0}.cwv-hero__readout dd{margin:0}@media(max-width:760px){.cwv-hero__readout{--cols:1 !important;gap:10px}.cwv-hero__readout>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:baseline}.cwv-hero__readout .cwv-readout__value{margin-top:0}}.cwv-hero__swatch-label{margin:30px 0 12px}.cwv-hero__swatches{max-width:560px}.cwv-hero__finish{min-height:1.6em;margin-top:12px;max-width:520px;font-size:14px;line-height:1.5;color:var(--fg-3)}.cwv-hero__sw{position:relative;display:inline-flex}.cwv-hero__tip{position:absolute;left:50%;bottom:calc(100% + 10px);z-index:6;width:max-content;max-width:min(260px,calc(100vw - 32px));padding:9px 12px;border-radius:10px;background:var(--acc);color:var(--acc-ink);font-family:var(--font-body);font-weight:600;font-size:13px;line-height:1.4;text-align:left;box-shadow:0 14px 34px #00000080;pointer-events:none;opacity:0;visibility:hidden;transform:translate(calc(-50% + var(--tip-dx,0px)),4px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}.cwv-hero__tip:after{content:"";position:absolute;left:calc(50% - var(--tip-dx,0px));top:100%;width:10px;height:10px;margin:-6px 0 0 -5px;background:inherit;border-radius:2px;transform:rotate(45deg)}.cwv-hero__sw:hover .cwv-hero__tip,.cwv-hero__sw:focus-within .cwv-hero__tip{opacity:1;visibility:visible;transform:translate(calc(-50% + var(--tip-dx,0px)));transition-delay:0s}.cwv-hero__sw.is-tip-off .cwv-hero__tip{opacity:0;visibility:hidden}@media(hover:none){.cwv-hero__sw:hover:not(:focus-within) .cwv-hero__tip{opacity:0;visibility:hidden}}.cwv-hero__visual{position:relative}.cwv-hero__halo{position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;background:radial-gradient(closest-side,var(--a15),transparent 72%);pointer-events:none}.cwv-hero__figure{position:relative;margin:0}.cwv-hero__vp{--reveal:100%;--qx1:calc(var(--x1) * 1%);--qy1:calc(var(--y1) * 1%);--qx2:calc(var(--x2) * 1%);--qy2:calc(var(--y2) * 1%);--qx3:calc(var(--x3) * 1%);--qy3:calc(var(--y3) * 1%);--qx4:calc(var(--x4) * 1%);--qy4:calc(var(--y4) * 1%);position:relative;z-index:1;aspect-ratio:1/1;border-radius:24px;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.14);background:#14191e;box-shadow:0 60px 120px -40px #000000e6}.cwv-hero__vp.is-before{--reveal:0%}.cwv-hero__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--img-pos,center)}.cwv-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0a0e1259,#0a0e1200 24% 70%,#0a0e1299)}.cwv-hero__before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-backdrop-filter:grayscale(1) brightness(.8) contrast(.86);backdrop-filter:grayscale(1) brightness(.8) contrast(.86);background-color:#0a0e1214;background-image:var(--grid-a);background-size:30px 30px;clip-path:inset(0 0 0 var(--reveal));transition:clip-path 1.2s cubic-bezier(.65,0,.35,1)}@supports not ((-webkit-backdrop-filter:grayscale(1)) or (backdrop-filter:grayscale(1))){.cwv-hero__before{background-color:#8a8f92;mix-blend-mode:saturation;background-image:none}}.cwv-hero__beam{position:absolute;top:0;bottom:0;left:var(--reveal);width:3px;margin-left:-1.5px;z-index:3;pointer-events:none;background:var(--acc);box-shadow:0 0 18px var(--acc),0 0 44px var(--a60);opacity:0;transition:left 1.2s cubic-bezier(.65,0,.35,1),opacity .25s ease}.cwv-hero__beam:before{content:"";position:absolute;top:0;bottom:0;right:100%;width:90px;background:linear-gradient(90deg,transparent,var(--a25))}.cwv-hero__vp.is-before .cwv-hero__beam:before{right:auto;left:100%;background:linear-gradient(270deg,transparent,var(--a25))}.cwv-hero__vp.is-sweeping .cwv-hero__beam{opacity:1}.cwv-hero__vp.is-instant .cwv-hero__before,.cwv-hero__vp.is-instant .cwv-hero__beam{transition:none}.cwv-hero__vp[data-intro] .cwv-hero__before{animation:cwvHeroReveal 2.8s cubic-bezier(.65,0,.35,1) .45s both}.cwv-hero__vp[data-intro] .cwv-hero__beam{animation:cwvHeroBeam 2.8s cubic-bezier(.65,0,.35,1) .45s both}@keyframes cwvHeroReveal{0%,28%{clip-path:inset(0 0 0 0)}94%,to{clip-path:inset(0 0 0 100%)}}@keyframes cwvHeroBeam{0%{left:0%;opacity:0}20%,28%{left:0%;opacity:1}94%{left:100%;opacity:1}to{left:100%;opacity:0}}.cwv-hero__floorplane{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;clip-path:polygon(var(--qx4) var(--qy4),var(--qx3) var(--qy3),100% min(100%,calc(var(--qy3) + 1.5%)),100% 100%,0% 100%,0% min(100%,calc(var(--qy4) + 6.5%)))}.cwv-hero__floorplane:before{content:"";position:absolute;left:-40%;right:-40%;top:calc(min(var(--y3),var(--y4))*1% - 2%);height:90%;background-image:linear-gradient(var(--a60) 1px,transparent 1px),linear-gradient(90deg,var(--a60) 1px,transparent 1px);background-size:54px 54px;transform:perspective(360px) rotateX(64deg);transform-origin:50% 0;opacity:.5}.cwv-hero__wall{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;clip-path:polygon(var(--qx1) var(--qy1),var(--qx2) var(--qy2),var(--qx3) var(--qy3),var(--qx4) var(--qy4))}.cwv-hero__wall:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--a25) 1px,transparent 1px),linear-gradient(90deg,var(--a25) 1px,transparent 1px);background-size:30px 30px;opacity:.5;transition:opacity .6s ease}.cwv-hero__vp.is-before .cwv-hero__wall:before{opacity:.9}.cwv-hero__tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;mix-blend-mode:soft-light;pointer-events:none;transition:opacity .6s ease;clip-path:polygon(var(--qx1) var(--qy1),var(--qx2) var(--qy2),var(--qx3) var(--qy3),var(--qx4) var(--qy4));border-radius:0;box-shadow:none}.cwv-hero__tint.is-on{opacity:.75}.cwv-hero__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.cwv-hero__poly{fill:var(--a08);stroke:var(--acc);stroke-width:1.6}.cwv-hero__dimlines line{stroke:var(--acc);stroke-width:1.2}.cwv-hero__baseline{stroke:var(--acc);stroke-width:1;stroke-dasharray:4 4;opacity:.7}.cwv-hero__corner{position:absolute;width:20px;height:20px;pointer-events:none;border:0 solid var(--acc)}.cwv-hero__corner--tl{left:var(--qx1);top:var(--qy1);border-top-width:2.5px;border-left-width:2.5px}.cwv-hero__corner--tr{left:var(--qx2);top:var(--qy2);border-top-width:2.5px;border-right-width:2.5px;transform:translate(-100%)}.cwv-hero__corner--br{left:var(--qx3);top:var(--qy3);border-bottom-width:2.5px;border-right-width:2.5px;transform:translate(-100%,-100%)}.cwv-hero__corner--bl{left:var(--qx4);top:var(--qy4);border-bottom-width:2.5px;border-left-width:2.5px;transform:translateY(-100%)}.cwv-hero__pt{position:absolute;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 3px var(--a25);pointer-events:none;left:calc(((1 - var(--v)) * ((1 - var(--u)) * var(--x1) + var(--u) * var(--x2)) + var(--v) * ((1 - var(--u)) * var(--x4) + var(--u) * var(--x3))) * 1%);top:calc(((1 - var(--v)) * ((1 - var(--u)) * var(--y1) + var(--u) * var(--y2)) + var(--v) * ((1 - var(--u)) * var(--y4) + var(--u) * var(--y3))) * 1%)}.cwv-hero__pt--ring{width:8px;height:8px;margin:-4px 0 0 -4px}.cwv-hero__pt--ring:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--acc);animation:cwvRing 2.2s ease-out infinite}.cwv-hero__pt--late:after{animation-delay:.8s}.cwv-hero__pt--floor{width:6px;height:6px;margin:-3px 0 0 -3px;box-shadow:none;opacity:.85}.cwv-hero__pt--f1{left:30%;top:calc((var(--y4) + (100 - var(--y4)) * .55) * 1%)}.cwv-hero__pt--f2{left:68%;top:calc((var(--y3) + (100 - var(--y3)) * .5) * 1%)}.cwv-hero__dimw{position:absolute;z-index:2;left:calc((var(--x1) + var(--x2)) / 2 * 1%);top:max(3%,calc(((var(--y1) + var(--y2)) / 2 - 4.5) * 1%));transform:translate(-50%,-50%)}@supports (transform:rotate(atan2(1,1))){.cwv-hero__dimw{transform:translate(-50%,-50%) rotate(atan2(calc(var(--y2) - var(--y1)),calc(var(--x2) - var(--x1))))}}.cwv-hero__dimh{position:absolute;z-index:2;left:max(3.5%,calc((var(--x1) - 4.1) * 1%));top:calc((var(--y1) + var(--y4)) / 2 * 1%);transform:translate(-50%,-50%) rotate(-90deg)}.cwv-hero__area{position:absolute;z-index:2;left:calc((var(--x4) + 5.2) * 1%);top:calc((var(--y4) - 10.5) * 1%);max-width:calc(100% - (var(--x4) + 8) * 1%);overflow:hidden;text-overflow:ellipsis}.cwv-hero__chip{position:absolute;z-index:3;right:3.5%;top:3.5%}.cwv-hero__hud{position:absolute;z-index:5;left:50%;bottom:16px;display:flex;align-items:center;gap:8px;padding:6px;border-radius:999px;background:#0a0e12d1;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;transform:translate(-50%)}.no-js .cwv-hero__hud{display:none}.cwv-hero__switch{display:flex;align-items:center;gap:10px;min-height:40px;padding:6px 12px 6px 8px;border:0;border-radius:999px;background:transparent;color:#f2f6f8;font-family:var(--font-body);font-weight:600;font-size:13.5px;cursor:pointer}.cwv-hero__switch:hover{color:var(--acc)}.cwv-hero__track{position:relative;display:inline-block;flex:none;width:38px;height:22px;border-radius:999px;background:#ffffff2e;transition:background-color .25s ease}.cwv-hero__knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#e6ecf0;transition:transform .25s var(--ease),background-color .25s ease}.cwv-hero__switch[aria-checked=true] .cwv-hero__track{background:var(--acc)}.cwv-hero__switch[aria-checked=true] .cwv-hero__knob{transform:translate(16px);background:var(--acc-ink)}.cwv-hero__state{padding:0 8px;font-family:var(--font-mono);font-weight:500;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}.cwv-hero__state-off{display:none;color:#aeb9c2}.cwv-hero__vp.is-before .cwv-hero__state-on{display:none}.cwv-hero__vp.is-before .cwv-hero__state-off{display:inline}.cwv-hero__shutter{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border-radius:50%;border:2px solid #F2F6F8;background:transparent;cursor:pointer;transition:border-color .2s ease}.cwv-hero__shutter>span{display:block;width:28px;height:28px;border-radius:50%;background:#f2f6f8;transition:transform .15s ease,background-color .2s ease}.cwv-hero__shutter:hover{border-color:var(--acc)}.cwv-hero__shutter:hover>span{background:var(--acc)}.cwv-hero__shutter:active>span{transform:scale(.86)}.cwv-hero__switch:focus-visible,.cwv-hero__shutter:focus-visible{outline-offset:2px}.cwv-hero__caption{position:absolute;z-index:6;left:-22px;bottom:84px;display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 40px);padding:8px 12px;border-radius:10px;background:#0e141a;border:1px solid var(--a40);box-shadow:0 14px 30px #00000080;font-family:var(--font-mono);font-weight:500;font-size:11.5px;line-height:1.35;letter-spacing:.12em;text-transform:uppercase;color:#e6ecf0;animation:cwvFloat 5s ease-in-out infinite}.cwv-hero__caption-dot{flex:none;width:7px;height:7px;background:var(--acc)}.cwv-hero__caption-label{color:var(--acc)}.cwv-hero__caption-label:after{content:" \b7";color:var(--acc)}.cwv-hero__caption-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cwv-hero__second{position:absolute;z-index:2;left:-26px;top:7%;width:31%;margin:0;padding:6px;border-radius:14px;background:#0e141a;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 50px #0009}.cwv-hero__second-media{aspect-ratio:4/3;border-radius:10px;--corner:10px;--corner-inset:6px}.cwv-hero__second-cap{padding:7px 4px 2px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#aeb9c2}.cwv-hero__ruler{position:absolute;z-index:2;right:-30px;top:10%;bottom:10%}@media(max-width:1180px){.cwv-hero__ruler{display:none}}@media(max-width:1100px){.cwv-hero__visual{max-width:680px;width:100%;margin-inline:auto}.cwv-hero__caption{left:12px}.cwv-hero__second{left:auto;right:-10px;top:auto;bottom:-34px;width:34%}}@media(max-width:640px){.cwv-hero__caption{position:relative;left:auto;top:auto;bottom:auto;margin-top:12px;max-width:100%;animation:none}.cwv-hero__chip .cwv-scanchip__main{display:none}.cwv-hero__hud{bottom:12px;gap:4px;padding:5px}.cwv-hero__switch{padding:6px 10px 6px 6px;font-size:13px}.cwv-hero__chip{right:3%;top:3%;padding:6px 11px 6px 8px;font-size:12px}.cwv-hero__area{font-size:11px;padding:5px 8px}}@media(max-width:420px){.cwv-hero__state{display:none}}[data-shift=off] .cwv-hero__vp[data-intro] .cwv-hero__before,[data-shift=off] .cwv-hero__vp[data-intro] .cwv-hero__beam{animation:none}[data-shift=off] .cwv-hero__pt--ring:after,[data-shift=off] .cwv-hero__caption{animation:none}[data-shift=off] .cwv-hero__shutter{display:none}@media(prefers-reduced-motion:reduce){.cwv-hero__vp[data-intro] .cwv-hero__before,.cwv-hero__vp[data-intro] .cwv-hero__beam,.cwv-hero__pt--ring:after,.cwv-hero__caption{animation:none!important}.cwv-hero__before,.cwv-hero__beam,.cwv-hero__tint,.cwv-hero__tip,.cwv-hero__knob,.cwv-hero__track,.cwv-hero__wall:before{transition:none!important}.cwv-hero__beam,.cwv-hero__shutter{display:none}}@media(forced-colors:active){.cwv-hero__before{display:none}.cwv-hero__track{border:1px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cwv-hero.css.map */