/* Motion stays optional; content is visible before scripts load. */
.home-motion .hero{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);min-height:620px;background:var(--black)}
.home-motion .hero-copy{background:var(--paper);padding:46px 3vw;display:flex;flex-direction:column;justify-content:center}
.home-motion .hero h1{font-size:clamp(56px,6.4vw,112px);line-height:.88;margin:30px 0}
.home-motion .hero-copy p{font-size:17px;line-height:1.6}
.home-motion .hero-cta{flex-wrap:wrap;gap:12px}
.home-motion .hero-photo{display:flex;align-items:center;min-height:620px;background:var(--acid);border-bottom:8px solid var(--orange)}
.home-motion .hero-photo img{width:100%;height:auto;aspect-ratio:1000/715;object-fit:contain;position:relative}
.home-motion .photo-tag{z-index:1;font-size:11px;padding:16px 20px}
.home-motion .photo-data{font-size:11px;padding:18px 20px;gap:15px}
.motion-toggle{position:fixed;z-index:11;right:20px;bottom:88px;border:1px solid var(--black);background:var(--paper);color:var(--black);padding:10px 12px;font:600 10px 'IBM Plex Mono',monospace;cursor:pointer;box-shadow:none}
.motion-toggle:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body:not(.motion-paused) .button,body:not(.motion-paused) .nav-action,body:not(.motion-paused) .portfolio-float{transition:transform .2s ease,background-color .2s ease}body:not(.motion-paused) .button:hover,body:not(.motion-paused) .nav-action:hover,body:not(.motion-paused) .portfolio-float:hover{transform:translateY(-3px)}body:not(.motion-paused) .work-image img{transition:transform .45s ease}body:not(.motion-paused) .work-image:hover img{transform:scale(1.025)}.work-image{overflow:hidden}}
@media(max-width:1000px){.home-motion .hero{grid-template-columns:1fr}.home-motion .hero-photo{grid-row:1;min-height:0}.home-motion .hero-photo img{max-height:72vh}.home-motion .hero-copy{padding:36px 6vw}.home-motion .hero h1{font-size:clamp(54px,11vw,100px)}.home-motion .hero-cta{display:flex}.home-motion .hero-cta .outline{margin-top:0}}
@media(max-width:540px){.home-motion .hero-photo{padding:38px 0 42px}.home-motion .photo-tag{padding:12px;font-size:9px}.home-motion .photo-data{padding:12px;font-size:9px}.home-motion .hero-copy p{font-size:16px}.motion-toggle{right:16px;bottom:86px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}