/* Final hero: preserve entire editorial image including lettering and laptop. */
.hero .container.hero-grid{max-width:1600px!important;grid-template-columns:minmax(0,46%) minmax(0,54%)!important;min-height:0!important;align-items:center!important;padding:clamp(20px,3vw,44px) clamp(20px,4vw,60px)!important;gap:clamp(18px,2.2vw,34px)!important}
.hero-copy{padding:24px 0!important;max-width:620px!important}
.hero-copy::before{display:none!important}
.hero-art{height:auto!important;aspect-ratio:1025/485!important;align-self:center!important;background:#fff!important;overflow:visible!important}
.hero-art>img{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;aspect-ratio:1025/485!important;object-fit:contain!important;object-position:center!important;display:block!important}
.hero h1{font-size:clamp(38px,4vw,65px)!important}
/* A single, unbroken strip of five websites directly beneath the hero. */
.dark-section{padding:clamp(32px,4vw,55px) 0!important;overflow:hidden!important}
.dark-section>.container{max-width:none!important;width:100%!important;padding:0 clamp(20px,4vw,65px)!important}
.dark-section .section-head{margin-bottom:20px!important}
.dark-section .portfolio-grid{display:flex!important;flex-wrap:nowrap!important;gap:18px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;scroll-snap-type:none!important;scroll-behavior:auto!important;overscroll-behavior-x:contain!important;padding:4px 0 12px!important;align-items:stretch!important}
.dark-section .portfolio-grid::-webkit-scrollbar{display:none!important}
.dark-section .portfolio-grid>.work{flex:0 0 clamp(255px,26vw,380px)!important;width:clamp(255px,26vw,380px)!important;max-width:none!important;display:flex!important;flex-direction:column!important;text-decoration:none!important}
.dark-section .portfolio-grid .work img{width:100%!important;height:auto!important;aspect-ratio:1.65!important;object-fit:contain!important;background:#090909!important}
.dark-section .portfolio-grid .work span{flex:1!important}
@media(max-width:800px){.hero .container.hero-grid{display:flex!important;flex-direction:column!important;padding:30px 22px!important;gap:12px!important}.hero-copy{width:100%!important;padding:8px 0!important}.hero-art{width:100%!important;min-height:0!important;max-height:none!important}.hero h1{font-size:clamp(40px,7vw,58px)!important}.dark-section .portfolio-grid>.work{flex-basis:280px!important;width:280px!important}}
@media(prefers-reduced-motion:reduce){.portfolio-grid{scroll-behavior:auto!important}}