/* Keep the complete homepage emblem clear of the headline. */
body .home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:clamp(32px,4vw,80px);align-items:center}
body .home-hero .hero-text{min-width:0;width:100%;padding-left:0;container-type:inline-size}
body .home-hero .hero-text h1{font-size:clamp(28px,11cqw,104px);white-space:nowrap}
body .home-hero .hero-art{min-width:0;width:100%;min-height:0;margin:0;transform:none;perspective:none;display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
body .home-hero .art-lines{display:none}
body .home-hero .hanging-label{position:relative;top:auto;right:auto;justify-self:end;margin:0 12px 8px 0;transform:rotate(5deg);font-size:26px;max-width:calc(100% - 24px)}
body .home-hero .metal-mount{position:relative;top:auto;inset:auto;padding:12px 0;width:100%;max-width:100%;transform:none!important;filter:none}
body .home-hero .metal-mount img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
body .home-hero .art-signature{position:static;justify-self:end;transform:rotate(-5deg);margin-right:10px;line-height:1.1;font-size:24px}
body .home-hero .art-caption{position:static;left:auto;right:auto;bottom:auto;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}
body .home-hero .art-caption a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:1050px){body .home-hero{grid-template-columns:minmax(0,1fr);row-gap:40px}body .home-hero .hero-text h1{font-size:clamp(28px,10.5cqw,86px)}body .home-hero .hero-art{max-width:700px;justify-self:center;min-height:0;width:100%;margin:0;transform:none}}
@media(max-width:600px){body .home-hero .hero-art{gap:20px}body .home-hero .hero-text h1{font-size:clamp(25px,10.6cqw,60px)}body .home-hero .hanging-label{font-size:23px}body .home-hero .art-signature{font-size:22px}}

/* Restore mouse-driven tilt within the logo's own column. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
body .home-hero .metal-mount{transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(.94)!important;transform-origin:center;transition:transform .22s ease-out;will-change:transform}
}
@media(prefers-reduced-motion:reduce){body .home-hero .metal-mount{transform:none!important;transition:none;will-change:auto}}

/* Gentle continuous drift, composed with the existing pointer tilt. */
body .home-hero .logo-motion-toggle{display:none;padding:8px 12px;border:1px solid #738663;min-height:44px;font:13px Arial,sans-serif;cursor:pointer}
@media(prefers-reduced-motion:no-preference){
body .home-hero .metal-mount img{animation:gk-logo-drift 7s ease-in-out infinite;transform-origin:center;will-change:transform}
body .home-hero .logo-motion-toggle{display:inline-flex;align-items:center}
body .home-hero .hero-art.motion-paused .metal-mount img{animation-play-state:paused}
body .home-hero .hero-art.motion-paused .metal-mount{transform:scale(.94)!important}
}
@keyframes gk-logo-drift{
0%,100%{transform:translate3d(0,-7px,0) rotate(-.6deg) scale(.97)}
50%{transform:translate3d(0,7px,0) rotate(.6deg) scale(.97)}
}
@media(prefers-reduced-motion:reduce){body .home-hero .metal-mount img{animation:none;transform:none;will-change:auto}}