.hardware{isolation:isolate;z-index:1;--hardware-pointer-norm-x:0;--hardware-pointer-norm-y:0;--hardware-pointer-focus:0;perspective:1400px;background:0 0;margin-top:0;padding-top:110px;position:relative;overflow:visible}.hardware--motion-lite{perspective:none}.hardware-shell{z-index:1;grid-template-columns:minmax(0,1fr) minmax(26rem,34rem);align-items:center;gap:clamp(20px,2.8vw,48px);display:grid;position:relative}.hardware-visual-stage{width:calc(100% + var(--page-gutter) + (100vw - min(var(--shell-max), calc(100vw - var(--page-gutter) * 2))) / 2);margin-left:calc(-1 * (var(--page-gutter) + (100vw - min(var(--shell-max), calc(100vw - var(--page-gutter) * 2))) / 2));align-items:flex-end;min-height:clamp(680px,70vw,980px);display:flex;position:relative;overflow:visible}.hardware-visual{width:100%;min-height:inherit;transform-style:preserve-3d;--hardware-tilt-strength:calc(var(--hardware-pointer-focus,0) * 6deg);--hardware-shift-strength:calc(var(--hardware-pointer-focus,0) * 14px);--hardware-reveal-offset:calc((1 - var(--hardware-parallax-progress,0)) * 120px);--hardware-scroll-offset:calc(var(--hardware-scroll-travel,0) * 14vh);--hardware-reveal-eased:clamp(0, calc(var(--hardware-parallax-progress,0) * 1.15), 1);opacity:var(--hardware-reveal-eased);transform:translate3d(calc(var(--hardware-pointer-norm-x,0) * var(--hardware-shift-strength) * -1), calc(var(--hardware-reveal-offset) + var(--hardware-scroll-offset) + var(--hardware-pointer-norm-y,0) * var(--hardware-shift-strength) * -1), 0) rotateX(calc(var(--hardware-pointer-norm-y,0) * var(--hardware-tilt-strength) * -1)) rotateY(calc(var(--hardware-pointer-norm-x,0) * var(--hardware-tilt-strength)));will-change:transform, opacity;justify-content:flex-start;align-items:flex-end;margin:0;display:flex;position:relative}.hardware--motion-lite .hardware-visual{--hardware-tilt-strength:0deg;--hardware-shift-strength:0px;transform-style:flat;will-change:transform, opacity}@media (hover:hover) and (pointer:fine){.hardware-visual{transition:transform .12s ease-out}}.hardware-image{object-fit:contain;object-position:left bottom;--hw-feather:2.5%;width:min(1600px,100%);max-width:100%;height:auto;-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--hw-feather), #000 calc(100% - var(--hw-feather)), transparent 100%), linear-gradient(to bottom, transparent 0, #000 var(--hw-feather), #000 calc(100% - var(--hw-feather)), transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right, transparent 0, #000 var(--hw-feather), #000 calc(100% - var(--hw-feather)), transparent 100%), linear-gradient(to bottom, transparent 0, #000 var(--hw-feather), #000 calc(100% - var(--hw-feather)), transparent 100%);mask-composite:intersect}.hardware-copy{z-index:1;place-self:center end;gap:14px;width:100%;max-width:38rem;padding-right:clamp(0px,1vw,16px);display:grid;position:relative}.hardware-copy h2+.section-text{margin-top:clamp(18px,2.4vw,32px)}.hardware-copy h2{color:#fff;text-wrap:balance;max-width:14.8ch;margin:0;font-size:clamp(2.9rem,5vw,5.7rem);line-height:.88}.hardware-copy .section-text{max-width:52ch;color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-family:inherit;font-size:.72rem;font-weight:400;line-height:1.4}.hardware-title-text{z-index:1;display:block;position:relative}@media (width<=1100px){.hardware-shell{grid-template-columns:1fr;align-items:start;gap:24px}.hardware-visual-stage{min-height:clamp(400px,52vw,640px)}.hardware-copy{justify-self:start;max-width:42rem;padding-right:0}.hardware-copy h2{max-width:15ch;font-size:clamp(2.35rem,7vw,4.4rem)}}@media (width<=760px){.hardware{padding-top:84px}.hardware-visual-stage{min-height:clamp(280px,62vw,420px)}.hardware-copy{gap:12px}.hardware-copy h2{max-width:13.2ch;font-size:clamp(2.2rem,10.6vw,4rem)}.hardware-copy .section-text{max-width:44ch}}