.metal-surface{animation:sculpture-float 7s ease-in-out infinite;will-change:transform}
.metal-surface.artwork-paused{animation-play-state:paused}
@keyframes sculpture-float{0%,100%{transform:translateY(6px) rotate(-.7deg)}50%{transform:translateY(-13px) rotate(.7deg)}}
.hero h1{font-size:clamp(76px,8.1vw,134px);line-height:1.04;letter-spacing:-.06em}
.hero-bottom>p{max-width:330px}.hero-top-right p{max-width:220px;margin-left:auto}
.solutions-intro h2{font-size:clamp(34px,4vw,60px);line-height:1.12;letter-spacing:-.045em}
.in-action .action-heading h2{font-size:clamp(34px,3.8vw,57px);line-height:1.16;letter-spacing:-.035em}
.business-output h3{font-size:29px;line-height:1.2}.business-output h3 br{display:block}
.core-caption{letter-spacing:.06em}.contact h2{font-size:clamp(48px,7.5vw,110px);line-height:1.06}
@media(max-width:1100px){.business-output h3{font-size:25px}.service h3{font-size:19px}}
@media(max-width:800px){.hero h1{font-size:9.2vw}.solutions-intro h2{font-size:40px}.in-action .action-heading h2{font-size:39px}.service h3{font-size:21px}.business-output h3{font-size:22px}}
@media(max-width:640px){.in-action .action-heading h2{font-size:clamp(27px,7.1vw,40px)}.business-output h3{font-size:29px}.business-output h3>br{display:block}.business-output h3>br:after{content:none}.contact h2{font-size:10vw}}
@media(max-width:540px){.hero h1{font-size:12.1vw;letter-spacing:-.055em;line-height:1.08}.hero-bottom>p{max-width:none}.hero-composition{padding-bottom:268px}.hero-art{bottom:0}.solutions-intro h2{font-size:36px}.service h3{font-size:17px;line-height:1.35}.business-output h3{font-size:28px}.system-detail h3{font-size:24px}.process-heading h2{font-size:39px}}
@media(max-width:360px){.hero h1{font-size:11.8vw}.solutions-intro h2{font-size:31px}.service h3{font-size:15px}.business-output h3{font-size:25px}.process-heading h2{font-size:34px}.in-action .action-heading h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.metal-surface{animation:none!important;will-change:auto}}

.contact-headline{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-headline h2{flex:1}.contact-mark{width:clamp(180px,24vw,320px);height:auto;flex:none;opacity:.95;margin-right:3%;transform:rotate(-12deg)}
@media(max-width:800px){.contact-headline{gap:24px}.contact-mark{width:22vw;margin-right:0}}
@media(max-width:540px){.contact-headline{gap:16px}.contact-mark{width:28%;min-width:76px}.contact-headline h2{font-size:11vw;line-height:1.08}}
