/* Mobile ergonomics V5 */
@media(max-width:760px){
html{scroll-padding-top:75px}body{overflow-x:hidden}
.nav{height:70px;padding:0 5%;gap:10px}.nav .brand{font-size:28px}.nav nav{top:70px;padding:18px 6% 24px;gap:5px}.nav nav a{font-size:16px;padding:11px 5px;width:100%}.menu-toggle{font-size:25px;min-width:42px;min-height:44px}.nav-cta{font-size:11px;padding:12px 13px;min-height:42px}
.hero-left{padding:102px 6% 28px;min-height:unset}.hero-eyebrow{margin-bottom:12px}.hero-copy h1{margin-bottom:14px;line-height:1.04}.hero-copy>p{line-height:1.48;margin:0;font-size:15px}.hero-buttons{margin:19px 0 22px;gap:10px}.hero-buttons .button,.hero-buttons .underlink{min-height:46px;padding:12px 16px;font-size:12px}.benefits{padding-top:0;margin-top:8px;gap:9px}.benefits>div{gap:7px}.benefits p{margin:0}.benefits strong{margin-bottom:1px}.hero-right{min-height:325px}.laptop{top:18%;width:85%;left:7%}
.projects{padding:36px 0 40px;display:block;overflow:hidden}.projects-intro{padding:0 6%;margin-bottom:20px}.projects-intro h2{margin:10px 0 12px;line-height:1.1}.projects-intro>p{margin:0;line-height:1.45}.projects-intro .outline-button{margin-top:15px}
.project-grid,.inner-page .project-grid{display:flex!important;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:6%;padding:0 6% 12px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.project-grid::-webkit-scrollbar{display:none}.project-card{flex:0 0 min(84vw,350px);min-width:0;scroll-snap-align:start}.project-image{height:290px}.project-caption{margin-top:9px}.demo-note{padding:0 6%;margin-top:10px!important;font-size:10px}
.carousel-controls{display:flex;align-items:center;justify-content:space-between;padding:3px 6% 0}.carousel-count{font-size:12px;color:#666}.carousel-buttons{display:flex;gap:8px}.carousel-arrow{width:42px;height:42px;border:1px solid #a6a098;background:#fff9f0;border-radius:50%;font-size:20px;display:grid;place-items:center}.carousel-arrow:disabled{opacity:.3}.carousel-hint{font-size:11px;color:#716a61;padding:0 6%;margin:4px 0 0}
.inner-hero{padding:43px 6% 30px}.inner-hero h1{margin:10px 0 12px;font-size:clamp(49px,12vw,75px)}.inner-hero p{font-size:15px;line-height:1.5;margin:0}.inner-page .projects{padding:28px 0 45px}.inner-page .projects-intro{padding:0 6%;margin-bottom:20px}.inner-page .project-grid{grid-template-columns:none!important}.inner-page .demo-note{margin-top:12px}
.inner-page .details,.inner-page .about,.inner-page .pricing,.inner-page .contact{padding:47px 6%}.section-header h2,.about h2,.pricing h2,.contact h2{margin:14px 0 20px;line-height:1.1}.about p,.pricing p,.contact>p{margin:0 0 18px;line-height:1.55;font-size:15px}.service-list article{padding:20px 0}.service-list h3{font-size:22px}.service-list p{line-height:1.5}.pricing{gap:0}.pricing>div:last-child{margin-top:0}.page-end{padding:43px 6%}.page-end p{margin:0 0 17px}.contact form{margin-top:22px}.contact label{margin-bottom:15px}.form-note{margin-top:12px}.contact input,.contact textarea{font-size:16px}.inner-page footer,footer{padding:28px 6%;gap:12px}
}
@media(max-width:380px){.nav-cta{font-size:10px;padding:10px}.hero-copy h1{font-size:38px}.benefits>div{min-width:45%}.project-card{flex-basis:86vw}}
@media(min-width:761px){.carousel-controls,.carousel-hint{display:none}}