.brand-reactive{--brand-rx:0deg;--brand-ry:0deg;transform-style:preserve-3d}.intro-sculpture{transform:perspective(850px) rotateX(var(--brand-rx)) rotateY(var(--brand-ry));will-change:transform;touch-action:pan-y}.intro-sculpture img{width:177px;height:177px;transform:translateZ(30px);animation:dimensional-arrive 2.1s cubic-bezier(.16,1,.3,1) both;filter:drop-shadow(0 15px 18px #0008)}.intro-sculpture:after{inset:17% 13%;background:radial-gradient(ellipse at var(--brand-light-x,50%) var(--brand-light-y,45%),#c8a9e421,transparent 68%);filter:blur(12px);transform:translateZ(-20px);transition:opacity .6s}.intro-orbit{animation:orbit-breathe 9s ease-in-out infinite;animation-delay:1.5s}.orbit-two{animation-delay:-2s;animation-duration:12s}.intro-sculpture:before{transform:rotateX(35deg) rotateY(-20deg) translateZ(-12px)}.hero-brand-depth{position:absolute;right:31%;bottom:15%;width:145px;height:145px;transform:perspective(800px) rotateX(var(--brand-rx)) rotateY(var(--brand-ry));pointer-events:auto;touch-action:pan-y}.hero-brand-depth .hero-mark{position:relative;inset:auto;width:100%;height:100%;transform:translateZ(20px);filter:drop-shadow(0 15px 22px #0008);animation:brand-hover 8s ease-in-out infinite}.brand-touched:after{opacity:1.5}.intro-sculpture.brand-touched img{filter:drop-shadow(0 12px 25px #8a65b32b)}@keyframes dimensional-arrive{from{opacity:0;transform:translateZ(-30px) rotateY(-80deg) translateY(15px);filter:blur(5px)}to{opacity:1;transform:translateZ(30px);filter:drop-shadow(0 15px 18px #0008)}}@keyframes orbit-breathe{0%,100%{opacity:.6;translate:0 0}50%{opacity:1;translate:0 -4px}}@keyframes brand-hover{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media(max-width:760px){.intro-sculpture img{width:145px;height:145px}.hero-brand-depth{width:98px;height:98px;right:48%;bottom:10%}.hero-brand-depth .hero-mark{width:100%;height:100%}}
@media(max-height:700px){.intro-sculpture img{width:125px;height:125px}}
@media(prefers-reduced-motion:reduce){.brand-reactive{transform:none!important;will-change:auto}.intro-sculpture img,.intro-orbit,.hero-brand-depth .hero-mark{animation:none!important}.intro-sculpture img{transform:none}}
.intro-sculpture img{animation:dimensional-arrive 2.1s cubic-bezier(.16,1,.3,1) both,brand-hover 8s 2.1s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.intro-sculpture img{animation:none!important}}
/* Satin alloy signature: quieter material, thinner visual silhouette. */
.intro-sculpture img{width:164px;height:164px}.intro-sculpture:after{background:radial-gradient(ellipse at var(--brand-light-x,50%) var(--brand-light-y,45%),#bca9d012,transparent 70%)}.intro-orbit{border-color:#c4b7d01c}.orbit-two{border-color:#c4b7d011}.intro-sculpture:before{border-color:#b9adca11}.hero-brand-depth{width:130px;height:130px}
@media(max-width:760px){.intro-sculpture img{width:134px;height:134px}.hero-brand-depth{width:88px;height:88px}}
@media(max-height:700px){.intro-sculpture img{width:115px;height:115px}}
/* The dimensional identity across navigation, signature, and footer. */
.brand img{filter:none;object-fit:contain;transform:scale(1.16);margin-right:3px}.intro-sculpture:after{background:radial-gradient(ellipse at var(--brand-light-x,50%) var(--brand-light-y,45%),#a35cd31a,transparent 70%)}.intro-sculpture img{filter:drop-shadow(0 14px 20px #28113d50)}.hero-brand-depth .hero-mark{filter:drop-shadow(0 12px 20px #25103c50)}.intro-orbit{border-color:#b293d523}.orbit-two{border-color:#879ed21a}.brand-reactive.brand-touched:after{opacity:1.2}
/* Opening interaction: a deliberate pulse, available to touch and keyboard. */
.intro-sculpture[role=button]{cursor:pointer;border-radius:50%;-webkit-tap-highlight-color:transparent}.intro-sculpture[role=button]:focus-visible{outline:1px solid #ab92c152;outline-offset:4px}.intro-interaction-hint{display:block;color:#9a8ba8;font:9px 'DM Sans',Arial,sans-serif;letter-spacing:.35px;margin:-13px 0 23px;min-height:15px;max-width:280px;text-align:center}.brand-pulse:after{animation:brand-light-pulse 1.5s ease-out!important}.brand-pulse .intro-orbit{animation:brand-orbit-pulse 1.5s ease-out!important}.brand-pulse img{filter:drop-shadow(0 0 22px #8c63bc45)!important}@keyframes brand-light-pulse{0%{opacity:.3;scale:.85}40%{opacity:1;scale:1.25}100%{opacity:.4;scale:1}}@keyframes brand-orbit-pulse{0%{opacity:.3;scale:1}45%{opacity:1;scale:1.1}100%{opacity:.55;scale:1}}
@media(max-height:700px){.intro-interaction-hint{margin:-7px 0 14px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.brand-pulse:after,.brand-pulse .intro-orbit{animation:none!important}.brand-pulse img{filter:drop-shadow(0 0 12px #8c63bc25)!important}}
/* The hero is editorial again; the interactive sculpture belongs to the opening. */
.hero-layers{display:none}.hero-copy{max-width:400px}.hero-buttons{gap:34px}.intro-sculpture[role=button]{touch-action:none}.intro-sculpture.brand-pulse img{animation:logo-confirm .78s cubic-bezier(.2,.65,.2,1) both!important}.intro-sculpture.brand-pulse .intro-orbit{animation:entry-orbit-release .9s ease-out both!important}
@keyframes logo-confirm{0%{transform:translateZ(30px) scale(1)}35%{transform:translateZ(40px) rotateY(16deg) scale(1.08)}100%{transform:translateZ(65px) rotateY(0deg) scale(1.18);opacity:.8}}
@keyframes entry-orbit-release{0%{scale:1;opacity:.4}60%{scale:1.25;opacity:.85}100%{scale:1.5;opacity:0}}
@media(max-width:760px){.hero-buttons{gap:22px}.hero{min-height:720px}.hero-content{padding-bottom:130px}.hero-image{background-position:70% 55%}}
@media(prefers-reduced-motion:reduce){.intro-sculpture.brand-pulse img,.intro-sculpture.brand-pulse .intro-orbit{animation:none!important}}