/* Shared responsive contract. Loaded last on standard pages only. */
@media(max-width:1200px),(hover:none),(pointer:coarse){
 html{scroll-padding-top:calc(var(--mobile-header-height,84px) + 16px)}
 html body{padding-top:var(--mobile-header-height,84px);--rail-clearance:0px;overflow-x:visible}
 html body>.scroll-navigation{display:none!important}
 html body .site-header,html.navigation-docked body .site-header,html.work-immersive body .site-header{position:fixed;inset:0 0 auto;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:120;max-width:100%}
 html body .site-header .desktop-nav{display:none}
 html body .site-header .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;flex:0 0 44px;color:#fff;background:transparent}
 html body .site-header .menu-toggle span{width:22px;height:2px;background:currentColor}
 html body .site-header .header-inner{height:auto;min-height:72px;gap:8px;padding-block:10px}
 html body .site-header .personal-logo-frame{width:clamp(104px,30vw,180px);height:auto;aspect-ratio:7.51;flex:0 1 auto}
 html body .site-header .header-inner>.button{margin-left:auto;font-size:.875rem;line-height:1.35;max-width:140px;min-height:44px;flex:0 1 auto;padding:9px 10px}
 html body .site-header .mobile-nav{display:flex;flex-direction:column;padding:10px 20px 16px;max-height:calc(100vh - var(--mobile-header-height,84px));max-height:calc(100dvh - var(--mobile-header-height,84px));overflow:auto;overscroll-behavior:contain}
 html body .site-header .mobile-nav[hidden]{display:none!important}
 html body .site-header .mobile-nav a{min-height:44px;white-space:normal;overflow-wrap:anywhere}
 html body main,html body main>*{min-width:0}
 html body :is(.container,.contact-inner,main.service-content){padding-left:var(--page-gutter)!important;padding-right:var(--page-gutter)!important}
 html body :is(.hero.container,.notes-section.container,.learning-comparison.container){padding-inline:var(--page-gutter)!important}
 html body main.service-content>:is(.service-hero,.about-page-hero){margin-inline:0}
 html body .work-orbit-scene{width:100%;margin-left:0}
 html body :is(.service-hero-grid,.about-page-hero,.landing-studio,.journey-inspector,.build-panel){grid-template-columns:minmax(0,1fr)}
 html body :is(.service-hero-grid,.about-page-hero,.landing-studio,.journey-inspector,.build-panel,.directory-project,.service-grid)>*{min-width:0}
 html body .work-orbit-section.orbit-ready .work-orbit-stage{top:var(--mobile-header-height,84px);height:calc(100svh - var(--mobile-header-height,84px));min-height:0}
 html body .work-orbit-section.orbit-ready .section-heading{top:16px}
 html body .work-orbit-scene{touch-action:pan-y pinch-zoom}
 html body .work-orbit-hub{max-width:40vw}
 html body :is(h1,h2,h3,h4,p,li,dd,.text-link){overflow-wrap:break-word}
 html body :is(.button,.page-actions a){max-width:100%;white-space:normal;line-height:1.4}
 html body .page-actions{flex-wrap:wrap}
 html body :is(.preview-tabs,.scene-steps,.scene-chrome,.scene-footer,.launch-track){flex-wrap:wrap}
 html body .preview-tabs button{min-width:0;min-height:44px;flex:1 1 68px;white-space:normal;font-size:.875rem}
 html body :is(.journey-play,.roadmap-expand,.roadmap-close){min-height:44px;min-width:44px}
 html body :is(.service-hero-image,.landing-demo-shot,.full-site-preview){max-width:100%;min-width:0}
 html body :is(.service-hero-image img,.landing-demo-shot img,.n8n-screen-grid img){max-width:100%;height:auto}
 html body :is(.roadmap-dialog,.dialog){max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);overflow:auto}
 html body .whatsapp-float.radiant-control{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:48px;height:48px;min-height:48px;max-width:48px;padding:0}
 html body .whatsapp-float :is(.cta-label,span){display:none}
}
@media(min-width:761px) and (max-width:1200px){
 html body :is(.service-hero h1,.about-page-hero h1){font-size:clamp(2.5rem,5.6vw,4rem);line-height:1.15}
 html body .automation-journey .journey-controls{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
 html body{--page-gutter:20px;--visual-gutter:20px}
 html body .site-header .header-inner{padding-inline:12px!important}
 html body :is(.service-hero h1,.about-page-hero h1,.hero h1){font-size:clamp(2rem,8vw,3rem);line-height:1.18;white-space:normal}
 html body :is(.service-block h2,.landing-section h2,.process-heading h2){font-size:clamp(1.65rem,6vw,2.4rem);line-height:1.25}
 html body :is(.service-block p,.service-card p,.journey-inspector p,.biography-stage p){font-size:1rem;line-height:1.65}
 html body :is(.service-grid,.featured-work,.project-directory,.n8n-screen-grid,.landing-demo-grid){grid-template-columns:minmax(0,1fr)}
 html body .directory-project{padding:18px;gap:20px}
 html body .full-site-preview{min-height:0!important;height:clamp(280px,90vw,430px)}
 html body .node-stream{gap:6px;flex-wrap:wrap}
 html body .node-stream i{font-size:.875rem;padding:16px 10px;min-width:0}
 html body .launch-track{font-size:.875rem;letter-spacing:0;gap:12px}
 html body .journey-inspector{padding:20px}
 html body .launch-product{width:calc(100% - 12px);max-width:260px}
 html body .landing-step-buttons{grid-template-columns:minmax(0,1fr)}
 html body .landing-step-buttons button{min-width:0;white-space:normal}
 html body .roadmap-dialog-content{padding:20px;min-width:0}
 html body .site-footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'top services' 'credit credit';gap:12px;padding-bottom:calc(76px + env(safe-area-inset-bottom))}
 html body .site-footer .footer-top{grid-area:top}
 html body .site-footer .footer-services{grid-area:services;white-space:normal}
 html body .site-footer .footer-credit{grid-area:credit;min-width:0}
 html body .page-links{gap:16px}
 html body .page-links a{font-size:.9375rem}
 html body .biography-stage{grid-template-columns:34px minmax(0,1fr);gap:10px}
 html body .biography-stage>div:last-child{padding:18px}
}
@media(max-width:360px){
 html body{--page-gutter:16px;--visual-gutter:16px}
 html body .site-header .header-inner{gap:6px;padding-inline:10px!important}
 html body .site-header .header-inner>.button{font-size:.875rem;max-width:116px;padding:8px}
 html body .automation-journey .journey-controls{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .mobile-nav,.site-header{transition:none!important}
}