
/* Next-gen motion system. Decorative layers never block controls. */
.hero{isolation:isolate;min-height: min(920px,100svh);overflow:hidden;background:radial-gradient(ellipse at 55% 45%,#1b170e 0%,#08090c 60%,#050507 100%)}
#cinematic-canvas{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.9}
#cinematic-canvas canvas{width:100%;height:100%;display:block}
.cinematic-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,5,8,.65),transparent 58%),linear-gradient(0deg,#070709,transparent 35%)}
.cinematic-content{position:relative;z-index:3;will-change:transform}
.hero .scroll-note,.hero .hero-number,.hero-tech-label{z-index:4;position:absolute}
.hero-tech-label{left:5%;top:50%;writing-mode:vertical-rl;letter-spacing:.36em;font:10px sans-serif;color:#c7a66d;opacity:.65}
.hero h1{font-size:clamp(3.4rem,7.5vw,8.8rem);line-height:1.08;letter-spacing:-.045em}
.hero h1 span{display:block;background:linear-gradient(110deg,#a87931,#fff1b6 45%,#ba8c3e 68%,#f4d898);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:220% 100%;animation:gold-sweep 8s ease-in-out infinite}
@keyframes gold-sweep{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.identity-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:clamp(7px,1.3vw,16px)!important}
.identity-logo{min-width:0!important;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s!important;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015))!important}
.identity-logo:hover{transform:translateY(-7px) scale(1.025)!important;box-shadow:0 14px 45px rgba(181,133,55,.16)!important;border-color:rgba(215,171,91,.45)!important}
.identity-logo img{max-height:64px!important;object-fit:contain;filter:none!important}
.partners-showcase{background:radial-gradient(ellipse at 50% 0%,#252017,#0b0c10 70%)!important;border:1px solid rgba(208,168,92,.18)!important}
.works-grid img{transition:transform .85s cubic-bezier(.2,.75,.2,1)}.works-grid article:hover img{transform:scale(1.075)}
.motion-word{display:inline-block;will-change:transform,opacity}
@media(max-width:650px){.hero{min-height:790px}.hero-tech-label{display:none}.identity-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.identity-logo img{max-height:43px!important}.hero h1{font-size:clamp(2.8rem,11vw,4.6rem)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}#cinematic-canvas{display:none}}
