.hero-sculpture{ width:530px; height:560px; right:32px; top:80px; perspective:1000px; }
.hero-sculpture::before{ inset:5% -5%; opacity:.65; }
.hero-sculpture::after{ inset:15%; }
.gear-art{
  display:block; width:100%; height:100%; overflow:visible;
  transform:translate3d(var(--ring-x,0px),var(--ring-y,0px),0) rotateX(calc(var(--ring-turn,0deg) * -.6)) rotateY(calc(var(--ring-tilt,0deg) * .6));
  filter:drop-shadow(0 28px 30px #030710aa);
  transition:transform .75s var(--ease);
  animation:gear-in 1.4s var(--ease) .3s both;
}
@keyframes gear-in{ from{ opacity:0; } to{ opacity:1; } }
.gear-ring,.gear-scan{ transform-origin:260px 260px; }
.gear-ring{ animation:gear-turn 48s linear infinite; }
.gear-scan{ animation:gear-turn 30s linear infinite reverse; }
@keyframes gear-turn{ to{ transform:rotate(360deg); } }
.gear-check{ stroke-dasharray:1; stroke-dashoffset:1; animation:gear-fixed .7s ease 1.6s forwards; }
@keyframes gear-fixed{ to{ stroke-dashoffset:0; } }
@media(min-width:1101px){
  .hero{ display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); column-gap:48px; grid-template-rows:auto auto auto 1fr auto; min-height:0; padding:64px 0 0; align-content:start; }
  .hero-eyebrow{ grid-column:1; grid-row:1; }
  .hero > .mask:not(.hero-statement-mask){ grid-column:1; grid-row:2; }
  .hero-title{ font-size:clamp(52px,5.6vw,84px); }
  .hero-statement-mask{ grid-column:1; grid-row:3; }
  .hero-foot{ grid-column:1; grid-row:4; align-self:start; }
  .hero-sculpture{ position:relative; grid-column:2; grid-row:1 / 5; width:100%; max-width:520px; height:auto; aspect-ratio:1; padding:24px; top:auto; right:auto; justify-self:end; align-self:center; }
  .hero-signature{ position:relative; grid-column:1 / -1; grid-row:5; margin-top:48px; }
  .scroll-hint{ display:none; }
}
@media(max-width:1100px){
  .hero-sculpture{ display:none; }
}
@media(min-width:768px) and (max-width:1100px){
  .hero{ min-height:0; padding:60px 0 0; }
  .hero-signature{ position:relative; margin-top:48px; }
}
@media(prefers-reduced-motion:reduce){
  .gear-art{ transform:none; transition:none; animation:none; }
  .gear-ring,.gear-scan{ animation:none; }
  .gear-check{ animation:none; stroke-dashoffset:0; }
}