/* A deep extruded monogram, lit like a metal object in a studio. */
.header{border-bottom-color:#c9e2ee0c}.hero{grid-template-columns:1.12fr 1fr;gap:24px;min-height:690px;padding-block:65px 80px}.hero:before{content:'';position:absolute;top:-86px;bottom:0;left:50%;width:var(--viewport-width,100%);transform:translateX(-50%);background:radial-gradient(ellipse at 78% 45%,#17455577,transparent 47%),radial-gradient(ellipse at 78% 10%,#38556322,transparent 50%);z-index:-2;pointer-events:none}.hero:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#aacddd26 .6px,transparent .6px);background-size:26px 26px;mask-image:linear-gradient(90deg,transparent 40%,#0009);pointer-events:none;z-index:-1;opacity:.22}
.hero h1{font-size:clamp(62px,6.2vw,90px);font-weight:550;line-height:1.07;letter-spacing:-4.1px;margin-block:28px}.hero h1 span{font-weight:550;background:linear-gradient(110deg,#ecf7fb 12%,#a0bfce 85%);color:transparent;background-clip:text;-webkit-background-clip:text}.hero .eyebrow{color:#b0c6d1}.hero-description{color:#9dafbb;max-width:440px}.hero-note{color:#78919f}.status-dot{border-radius:50%;box-shadow:0 0 14px #96c5d644}
.hero-actions .catalogue-cta{border-radius:12px;background:linear-gradient(145deg,#294b5c,#16313f);border:1px solid #b7d9e84d;color:#eaf5fa;padding-left:23px;min-height:58px;gap:24px;box-shadow:inset 0 1px 0 #f1fbff23,0 7px 0 #050c12,0 15px 35px #0005;transition:transform .25s,box-shadow .25s,border-color .25s}.catalogue-cta .cta-arrow{height:56px;width:53px;background:#a9d2e2;border-left:1px solid #d5efff44;color:#102934}.catalogue-cta:hover .cta-arrow{background:#c7e8f4}.hero-actions .catalogue-cta:hover{transform:translateY(-3px);border-color:#bde7f999;box-shadow:inset 0 1px 0 #f1fbff40,0 9px 0 #050c12,0 20px 40px #0006}
.sculpture-scene{height:530px;position:relative;margin:0;width:100%;padding:0;perspective:1100px;overflow:visible;isolation:isolate}.scene-halo{position:absolute;inset:8% -5% 13%;border-radius:50%;background:radial-gradient(ellipse,#327a8955,transparent 65%);filter:blur(24px);z-index:-1}.scene-arc{position:absolute;border:1px solid #a7d3df14;border-radius:50%;width:86%;height:95%;left:7%;top:-1%;transform:rotate(-25deg);pointer-events:none}.arc-b{width:66%;height:88%;left:18%;top:3%;transform:rotate(25deg);border-color:#a7d3df0b}
.monogram-float{position:absolute;inset:0;transform-style:preserve-3d}.monogram-solid{position:absolute;width:475px;height:475px;left:calc(50% - 237.5px);top:calc(47% - 237.5px);transform-style:preserve-3d;transform:rotateX(var(--metal-x,13deg)) rotateY(var(--metal-y,-24deg)) rotateZ(-9deg);transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.metal-layer,.metal-face{position:absolute;inset:0;mask:url('/assets/logo-white.png') center/contain no-repeat;-webkit-mask:url('/assets/logo-white.png') center/contain no-repeat;backface-visibility:hidden}.metal-layer{background:linear-gradient(125deg,#90bdcc -12%,#305569 15%,#06151e 42%,#3b748b 68%,#102e40 83%,#081a27);transform:translateZ(calc(var(--depth)*-6.6px))}.metal-face{transform:translateZ(.5px);background:linear-gradient(125deg,#dcecf3 4%,#94bacb 22%,#e4f3f9 36%,#739fb5 49%,#e8f8ff 57%,#a6cbdc 76%,#58849b 98%)}.metal-face:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#fff7 45%,transparent 65%);background-size:260% 100%;mix-blend-mode:screen;opacity:.48}
.scene-floor{position:absolute;left:7%;right:7%;height:105px;bottom:19px;border-radius:50%;background:radial-gradient(ellipse,#1e4b5f66,transparent 62%);border:1px solid #8eb5c526;box-shadow:0 12px 0 #07121a,0 13px 0 #8cb6c42a,0 24px 25px #0005,inset 0 0 35px #7fbbd00d;transform:rotate(-5deg);z-index:-1}.scene-floor span{position:absolute;inset:12px 14%;border-radius:50%;border:1px solid #9ad9ed1c}.scene-caption{position:absolute;bottom:-14px;left:10%;right:10%;display:flex;justify-content:space-between;gap:15px;color:#658c9f;font-family:ui-monospace,Consolas,monospace;font-size:8px;letter-spacing:1.2px;line-height:1.6}.scene-detail{color:#b1d0df;white-space:nowrap}
.intro-rail{border-color:#adcddd18}.button{border-radius:8px}.button-primary{background:#c2dce8;color:#112735}.button-primary:hover{background:#e0f1f9}.card-open{border-radius:10px}.quick-add{border-radius:7px}.cart-summary,.identity-card,.selected-product{background:linear-gradient(145deg,#152b38,#0f1d28);border-color:#a6c6db2b;border-radius:12px}.community{background:radial-gradient(ellipse at 90% 10%,#30637944,transparent 65%),#122631;border-radius:12px}.process-grid article{border-radius:10px}
@media(prefers-reduced-motion:no-preference){.monogram-float{animation:metal-float 9s ease-in-out infinite}.metal-face:after{animation:none}.scene-halo{animation:halo-light 9s ease-in-out infinite}}
@keyframes metal-float{0%,100%{translate:0 0}50%{translate:0 -13px}}@keyframes metal-light{0%,100%{background-position:100% 50%}50%{background-position:0 50%}}@keyframes halo-light{0%,100%{opacity:.65}50%{opacity:1}}
@media(min-width:1450px){.hero{min-height:730px}.sculpture-scene{height:570px}.monogram-solid{width:520px;height:520px;left:calc(50% - 260px);top:calc(47% - 260px)}}
@media(max-width:1100px) and (min-width:761px){.hero{grid-template-columns:1.2fr 1fr;gap:15px;min-height:630px;padding-block:55px 65px}.hero h1{font-size:61px;letter-spacing:-3px}.sculpture-scene{height:460px}.monogram-solid{width:390px;height:390px;left:calc(50% - 195px);top:calc(47% - 195px)}.scene-caption{left:3%;right:3%;font-size:7px;letter-spacing:.6px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:20px;padding-block:45px 45px;min-height:0}.hero:before{background:radial-gradient(ellipse at 65% 75%,#1a4c5f55,transparent 54%);top:-76px}.hero:after{mask-image:linear-gradient(0deg,#0008,transparent 70%)}.hero h1{font-size:clamp(48px,10.2vw,76px);letter-spacing:-2.8px;margin-block:25px}.hero-description{font-size:14px}.sculpture-scene{width:min(100%,480px);height:390px;justify-self:center}.monogram-solid{width:360px;height:360px;left:calc(50% - 180px);top:calc(46% - 180px)}.scene-floor{height:77px;bottom:25px;left:6%;right:6%}.scene-caption{bottom:-3px;font-size:7px;left:7%;right:7%;letter-spacing:.7px}.hero-actions .catalogue-cta{min-height:54px;padding-left:20px;border-radius:10px}.catalogue-cta .cta-arrow{height:52px;width:50px}}
@media(max-width:370px){.hero h1{font-size:44px;letter-spacing:-2.5px}.sculpture-scene{height:350px}.monogram-solid{width:320px;height:320px;left:calc(50% - 160px);top:calc(46% - 160px)}.scene-caption{font-size:6px;letter-spacing:.4px}}
@media(max-width:760px){.sculpture-scene{overflow:clip}.monogram-solid{width:330px;height:330px;left:calc(50% - 165px);top:calc(46% - 165px)}}@media(max-width:370px){.monogram-solid{width:300px;height:300px;left:calc(50% - 150px);top:calc(46% - 150px)}}
.hero-actions .catalogue-cta{padding:0 22px;min-height:52px;gap:20px;border-radius:8px;background:#d6e8f0;color:#16313e;border:1px solid #e8f5fa88;box-shadow:0 5px 20px #0003;font-weight:600}.hero-actions .catalogue-cta:hover{background:#e8f5fa;border-color:#f3fbff;box-shadow:0 8px 24px #0004;transform:translateY(-2px)}.hero-actions .catalogue-cta .cta-icon{width:18px;height:18px;transition:transform .2s}.hero-actions .catalogue-cta:hover .cta-icon{transform:translateX(3px)}@media(max-width:760px){.hero-actions .catalogue-cta{padding:0 20px;min-height:50px;gap:18px}}

/* Flatten nested masked 3D surfaces on Opera; keep the extruded silhouette. */
.opera-rendering .sculpture-scene{perspective:none}.opera-rendering .monogram-float{transform-style:flat;animation:none}.opera-rendering .monogram-solid{transform-style:flat;transform:rotate(-9deg) skewY(-4deg);transition:none}.opera-rendering .metal-layer{transform:translate(calc(var(--depth)*1.7px),calc(var(--depth)*2.1px))}.opera-rendering .metal-face{transform:none}.opera-rendering .metal-face:after{animation:none;mix-blend-mode:normal}.opera-rendering .scene-halo{filter:none;animation:none}
.page-inactive *, .page-inactive *:before,.page-inactive *:after,.motion-out-of-view *,.motion-out-of-view *:before,.motion-out-of-view *:after{animation-play-state:paused!important}
.reveal-pending{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){[data-reveal].is-visible{animation:reveal-arrive .55s ease both}}@keyframes reveal-arrive{from{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:none}}