/* Shared fluid layout. Breakpoints follow available content space, not device names. */
html[data-theme]{--page-gutter:clamp(20px,4vw,96px)}
html[data-theme] .shell{width:min(1800px,calc(100% - var(--page-gutter)*2))!important;margin-inline:auto!important}
html[data-theme] .site-header{padding-inline:var(--page-gutter)!important;gap:clamp(12px,2vw,28px)!important}
html[data-theme] main{min-width:0}html[data-theme] main :is(article,.hero-inner,.global-showcase,.service-card,.price-card,.blog-card,.read-body,.contact-copy,.footer-links){min-width:0}
html[data-theme] :is(h1,h2,h3,p,li,a){overflow-wrap:break-word}
html[data-theme] .section{padding-block:clamp(52px,6vw,110px)!important}
html[data-theme] .hero{height:auto!important;min-height:100svh!important;align-items:center!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;padding:120px var(--page-gutter) 80px!important;gap:clamp(24px,4vw,80px)!important}
html[data-theme] .hero-inner{padding:0!important}
html[data-theme] .hero h1{font-size:clamp(42px,3.7vw,84px)!important;max-width:100%!important;text-wrap:balance}
html[data-theme] .hero-actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;width:auto!important}
html[data-theme] .hero-actions .button{width:auto!important;flex:0 1 auto;white-space:normal!important;text-align:center}
html[data-theme] .global-showcase{width:100%!important;max-width:760px!important;height:auto!important;aspect-ratio:1.25;min-height:320px;justify-self:center!important;transform:none!important}
html[data-theme] .showcase-window{border-radius:clamp(10px,1.2vw,18px)}
html[data-theme] .window-main{width:87%!important;top:12%!important}
html[data-theme] .window-second{width:75%!important;top:48%!important}
html[data-theme] .showcase-window img{height:auto!important;aspect-ratio:2.15;object-fit:cover}
html[data-theme] .window-second img{aspect-ratio:2.25}
html[data-theme] .showcase-note{top:auto!important;bottom:-28px!important;font-size:clamp(11px,.85vw,14px);text-align:right}
html[data-theme] .hero-scroll{bottom:20px!important}
html[data-theme] .display-title{font-size:clamp(34px,4.6vw,88px)!important;line-height:1.1!important;max-width:100%!important}
html[data-theme] .prototype-library{padding:clamp(24px,3vw,64px)!important}
html[data-theme] .hex-grid{max-width:1600px!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important}
html[data-theme] .hex-grid .hex-cell{min-width:0!important;height:auto!important}
html[data-theme] .project-modal{max-height:calc(100dvh - 32px)!important;max-width:calc(100% - 32px)!important}
html[data-theme] .mobile-menu{max-height:calc(100dvh - 92px)!important;overflow:auto!important;overscroll-behavior:contain}
html[data-theme] .editorial-main{width:100%;max-width:1100px!important;padding-inline:var(--page-gutter)!important;box-sizing:border-box}
html[data-theme] .pricing-page-main{max-width:1600px!important}
@media(min-width:1101px) and (max-height:750px){html[data-theme] .hero{padding-top:100px!important;padding-bottom:60px!important}.hero h1{font-size:clamp(38px,3.2vw,64px)!important}html[data-theme] .global-showcase{max-width:520px!important;min-height:270px}.hero-copy{margin-block:16px!important}}
@media(max-width:1100px){html[data-theme] .desktop-nav,html[data-theme] .header-actions>.button{display:none!important}html[data-theme] .menu-toggle{display:flex!important}html[data-theme] .hero{grid-template-columns:1fr!important;padding-top:110px!important;gap:42px!important}.hero-inner{grid-column:1!important;grid-row:1!important}html[data-theme] .global-showcase{grid-column:1!important;grid-row:2!important;max-width:640px!important}.hero h1{max-width:900px!important}.hero-scroll{display:none!important}html[data-theme] .hero h1{font-size:clamp(36px,5.8vw,62px)!important}html[data-theme] .global-partnership-head{grid-template-columns:1fr!important;gap:20px!important}html[data-theme] .global-benefits{grid-template-columns:repeat(3,minmax(0,1fr))!important}html[data-theme] .pricing-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){html[data-theme] .hero h1{font-size:clamp(32px,7.8vw,54px)!important;line-height:1.13!important}html[data-theme] .hero-copy{font-size:15px!important}.hero .eyebrow{display:flex!important;flex-wrap:wrap;gap:8px!important;line-height:1.5!important}html[data-theme] .hero{padding-bottom:65px!important;gap:28px!important}html[data-theme] .global-showcase{min-height:250px!important;margin-bottom:24px!important}html[data-theme] .showcase-note{bottom:-24px!important}html[data-theme] .global-benefits{grid-template-columns:1fr!important}.global-note{flex-direction:column!important}.global-benefits article{padding:24px!important}html[data-theme] .hex-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}html[data-theme] .pricing-page-grid{grid-template-columns:1fr!important}html[data-theme] .form-row{grid-template-columns:1fr!important}html[data-theme] .contact-actions{min-width:0!important}.footer-legal{flex-wrap:wrap!important}.editorial-deck{font-size:18px!important}}
@media(max-width:400px){html[data-theme] .hero-actions{display:grid!important;grid-template-columns:1fr!important}html[data-theme] .hero-actions .button{width:100%!important}.brand-name{font-size:12px!important}.brand-sub{font-size:9px!important}.brand-mark{width:34px!important}.window-bar{padding:8px!important;font-size:8px!important}.showcase-label{font-size:9px!important;letter-spacing:.08em!important}}
html[data-theme] .menu-toggle span{top:50%!important}
@media(min-width:1101px){html[data-theme] .hero .hero-inner{margin:0!important;justify-self:stretch!important}.hero .hero-copy{max-width:680px!important}}