/* Seamless five-layer product sculpture. All source assets remain intact.
   The central 480×768 viewport enlarges the original 1376×768 composition. */
.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:25px;align-items:center;padding-top:18px;padding-bottom:35px;min-height:0}
.hero-copy{display:block;padding-bottom:20px}.hero-note{margin-bottom:29px}.hero h1{font-size:clamp(62px,6.25vw,91px);line-height:1.025;letter-spacing:-4px}.hero-description{max-width:390px;font-size:15px;line-height:1.8;margin:25px 0 29px}.hero-actions{display:flex;gap:24px;align-items:center}.hero-signature{margin-top:45px;font-size:10px}
.product-theatre.hardware-hero{height:710px;position:relative;margin:0;background:radial-gradient(ellipse at 48% 49%,#103b35 0,#09272466 43%,transparent 71%);border:0;border-radius:0;isolation:isolate;overflow:visible;color:var(--ink)}
.hardware-hero .theatre-caption{position:absolute;left:15px;right:15px;top:8px;display:flex;justify-content:space-between;font-size:9px;color:#9ebbb1;gap:20px}.hardware-hero .theatre-caption>span:last-child{font-size:8px}
.hardware-crop{position:absolute;left:50%;top:27px;width:min(100%,395px);aspect-ratio:480/768;transform:translateX(-50%);overflow:hidden}
.hardware-stack.puck-scene{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;perspective:none;transform:none;background:transparent;overflow:hidden}
.hardware-stack .puck-layer,.hardware-stack .hardware-assembled-endpoint{position:absolute;left:-93.75%;top:0;width:286.666667%;height:100%;max-width:none;object-fit:fill;inset-block-start:0;border:0;border-radius:0;translate:none;rotate:none;background:none;box-shadow:none;transform-style:flat;pointer-events:none;user-select:none;transition:none;mask-image:none}
.hardware-stack .puck-layer{transform:translateY(calc((1 - var(--split)) * var(--assembled-offset)));opacity:clamp(0,calc(var(--split) * 10),1);will-change:transform}
.hardware-stack .render-display{--assembled-offset:30.7%;z-index:5;clip-path:none}.hardware-stack .render-ring{--assembled-offset:15.9%;z-index:4}.hardware-stack .render-board{--assembled-offset:-1%;z-index:3}.hardware-stack .render-power{--assembled-offset:-15.1%;z-index:2}.hardware-stack .render-base{--assembled-offset:-25%;z-index:1}
.hardware-stack .hardware-assembled-endpoint{z-index:6;transform:none;opacity:clamp(0,calc(1 - var(--split) * 10),1)}
.hardware-hero .hardware-callouts{position:absolute;inset:0;z-index:7;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s}.hardware-hero.show-callouts .hardware-callouts{opacity:1;visibility:visible}.hero-hardware-label{position:absolute;display:flex;align-items:center;gap:7px;font-size:8px;line-height:1.65;color:#a3c0b7}.hero-hardware-label i{display:block;width:28px;height:1px;background:#3e7868;position:relative}.hero-hardware-label i:before{content:'';position:absolute;left:-3px;top:-2px;width:4px;height:4px;border-radius:50%;border:1px solid #62b49a}.hardware-label-top{top:18%;right:0}.hardware-label-middle{top:49%;left:-4px;flex-direction:row-reverse;text-align:right}.hardware-label-bottom{top:83%;right:0}
.hardware-hero .assembly-controls{position:absolute;left:17px;right:17px;bottom:24px;display:flex;align-items:center;gap:16px;padding:0;border:0}.hardware-hero .assembly-toggle{border:1px solid #31594e;border-radius:25px;background:#0b2520;min-width:116px;min-height:38px;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 13px;color:#ceeee1;font-size:10px}.hardware-hero .assembly-toggle:hover{background:#143d31}.hardware-hero .assembly-toggle svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.2}.hardware-hero .assembly-controls input{width:100%;min-width:25px;height:28px;accent-color:#41d6a3;cursor:ew-resize;margin:0}.hardware-motion-toggle{border:0;background:none;padding:8px 0;color:#a0bdb2;font-size:8px;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.hardware-motion-toggle:hover{color:#71efc9}.hardware-motion-toggle[hidden]{display:none}.hardware-hero .visual-note{position:absolute;bottom:1px;left:0;width:100%;padding:0;margin:0;text-align:center;font-size:7px;color:#89a69b;background:none}
/* Dark brushed enclosure consistent with the selected hardware artwork. */
.demo-dial{background:conic-gradient(from 30deg,#353d42,#697276 12%,#313d43 25%,#747e80 39%,#26323a 52%,#566467 68%,#27343c 82%,#353d42);border:1px solid #4e5a5e;padding:5px;box-shadow:0 2px 0 #515e63,0 6px 0 #2c3941,0 10px 0 #172730,0 12px 0 #3a494f,12px 25px 25px #00100890}
.demo-dial:before,.demo-dial:after{content:'';position:absolute;right:-3px;width:4px;height:17px;background:linear-gradient(90deg,#2c3a42,#647277);border:1px solid #44555e;border-radius:3px;z-index:-1}.demo-dial:before{top:78px;rotate:-23deg}.demo-dial:after{top:202px;rotate:23deg}.demo-bezel{padding:14px;border:1px solid #333e44;background:radial-gradient(ellipse at 24% 13%,#3d494e,#162128 29%,#030b11 80%);box-shadow:inset 0 2px 3px #5c696f,inset 0 -2px 3px #020a10}.demo-screen{border:2px solid #213c37;box-shadow:0 1px 1px #8baba0,inset 0 2px 3px #000;background:radial-gradient(circle at 40% 25%,#102d22,#02130d 72%)}.demo-screen:after{content:'';position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,#dcefe80c,transparent 37%,transparent 64%,#dcefe805 65%,transparent 75%);pointer-events:none}.demo-engraving{display:none}.demo-club{color:#a0c0a9}.demo-carry{color:#f1fff1}.demo-direction{color:#9ede87}.demo-label{color:#a6c7b3}.demo-verdict{color:#9bc7b1}
@media(min-width:1600px){.hero h1{font-size:96px}.hardware-hero .theatre-caption{left:20px;right:20px}.product-theatre.hardware-hero{height:730px}.hardware-crop{width:410px}}
@media(max-width:1150px){.hero{grid-template-columns:.95fr 1.05fr;gap:20px;padding-top:17px}.hero h1{font-size:67px;letter-spacing:-3px}.hero-description{font-size:14px;max-width:335px}.hero-actions{gap:16px}.hero-signature{margin-top:35px}.product-theatre.hardware-hero{height:670px}.hardware-crop{top:21px;width:min(100%,370px)}.hero-hardware-label{font-size:7px;gap:5px}.hero-hardware-label i{width:17px}.hardware-label-top,.hardware-label-bottom{right:-5px}.hardware-label-middle{left:-6px}.hardware-hero .assembly-controls{left:6px;right:6px;gap:12px}.hardware-hero .assembly-toggle{min-width:112px}}
@media(max-width:900px){.hero{grid-template-columns:.91fr 1.09fr;gap:18px}.hero h1{font-size:59px;letter-spacing:-2.7px}.hero-description{font-size:13px;max-width:280px}.hero-note{font-size:10px;gap:8px}.hero-actions{flex-wrap:wrap;gap:10px 18px}.hero-signature{font-size:8px;margin-top:29px}.product-theatre.hardware-hero{height:640px}.hardware-crop{top:30px;width:min(100%,350px)}.hardware-hero .theatre-caption{left:2px;right:2px;font-size:8px;top:7px}.hardware-hero .theatre-caption>span:last-child{font-size:7px}.hardware-label-top,.hardware-label-bottom{right:-7px}.hardware-label-middle{left:-8px}.hero-hardware-label{font-size:6.5px;line-height:1.55}.hero-hardware-label i{width:10px}.hardware-hero .assembly-controls{left:1px;right:1px;gap:10px}.hardware-hero .assembly-toggle{min-width:104px;font-size:9px;padding:8px 10px}.hardware-motion-toggle{font-size:7px}.hardware-hero .visual-note{font-size:6.5px}}
@media(max-width:680px){.hero{grid-template-columns:1fr;gap:16px;padding-top:31px;padding-bottom:25px}.hero-copy{padding-bottom:0}.hero-note{margin-bottom:22px}.hero h1{font-size:clamp(55px,12.9vw,77px);line-height:1.01;letter-spacing:-2.5px}.hero-description{font-size:13px;max-width:350px;margin:20px 0 23px}.hero-actions{flex-wrap:nowrap;gap:19px}.hero-signature{margin-top:25px;font-size:9px}.product-theatre.hardware-hero{height:645px;margin:0 -4px}.hardware-crop{width:min(100%,355px);top:24px}.hardware-hero .theatre-caption{left:8px;right:8px;top:3px;font-size:8px}.hardware-hero .theatre-caption>span:last-child{font-size:7px}.hero-hardware-label{font-size:7px;line-height:1.55}.hero-hardware-label i{width:9px}.hardware-label-top{top:18%;right:0}.hardware-label-middle{top:49%;left:-2px}.hardware-label-bottom{top:81%;right:0}.hardware-hero .assembly-controls{left:12px;right:12px;bottom:25px;gap:13px}.hardware-hero .assembly-toggle{min-width:111px;font-size:9px}.hardware-motion-toggle{font-size:7px}.hardware-hero .visual-note{font-size:7px;bottom:3px}}
@media(max-width:370px){.hero h1{font-size:53px}.hero-actions{gap:15px}.product-theatre.hardware-hero{height:568px}.hardware-crop{top:20px}.hardware-hero .theatre-caption{font-size:7px;left:4px;right:4px}.hardware-hero .theatre-caption>span:last-child{font-size:6px}.hero-hardware-label{font-size:6px;gap:3px}.hero-hardware-label i{width:6px}.hardware-label-top{right:-1px}.hardware-label-middle{left:-2px}.hardware-label-bottom{right:-1px;top:80%}.hardware-hero .assembly-controls{left:5px;right:5px;gap:10px}.hardware-hero .assembly-toggle{min-width:100px;font-size:8px;padding-inline:9px}.hardware-motion-toggle{font-size:6px}.hardware-hero .visual-note{font-size:6px}}
@media(prefers-reduced-motion:reduce){.hardware-stack .puck-layer{will-change:auto}.hardware-hero .hardware-callouts{transition:none!important}.hardware-motion-toggle{display:none}}