:root{--min-touch-target:44px;--mobile-spacing:16px;--fluid-base:clamp(16px,4vw,18px);--fluid-h1:clamp(28px,8vw,48px);--fluid-h2:clamp(24px,6vw,36px);--fluid-h3:clamp(20px,5vw,28px);--fluid-h4:clamp(18px,4.5vw,24px)}body,html{max-width:100%;overflow-x:hidden}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}@media (max-width:768px){body{font-size:var(--fluid-base);line-height:1.6}h1{font-size:var(--fluid-h1);line-height:1.2}h2{font-size:var(--fluid-h2);line-height:1.3}h3{font-size:var(--fluid-h3)}h3,h4{line-height:1.4}h4{font-size:var(--fluid-h4)}li,p{font-size:var(--fluid-base);line-height:1.7;margin-bottom:1.25em}.btn,.nav__cta,.nav__link,a.button,button,input[type=button],input[type=submit]{font-size:16px;min-height:var(--min-touch-target);min-width:var(--min-touch-target);padding:12px 20px}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea{font-size:16px;min-height:var(--min-touch-target);padding:12px 16px}li a,p a{display:inline-block;margin:-4px 0;padding:4px 0}.header{height:auto;padding:1rem 0}.nav{padding:0 var(--mobile-spacing)}.nav__logo{font-size:1.5rem}.nav__toggle{align-items:center;display:flex;font-size:24px;height:var(--min-touch-target);justify-content:center;padding:0;width:var(--min-touch-target)}.nav__menu{background:var(--color-bg);box-shadow:-2px 0 10px rgba(0,0,0,.1);height:100vh;max-width:320px;overflow-y:auto;padding:2rem 0;position:fixed;right:-100%;top:0;transition:right .3s ease-in-out;width:100%;z-index:1000}.nav__menu.show{right:0}.nav__list{flex-direction:column;gap:0;padding:0 var(--mobile-spacing)}.nav__item{border-bottom:1px solid hsla(0,0%,100%,.1);width:100%}.nav__link{display:block;font-size:18px;padding:16px 20px;text-align:left;width:100%}.nav__close{align-items:center;display:flex;font-size:24px;height:var(--min-touch-target);justify-content:center;position:absolute;right:1rem;top:1rem;width:var(--min-touch-target)}.nav__overlay{background:rgba(0,0,0,.5);display:none;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:999}.nav__overlay.show{display:block}.hero{min-height:auto;padding:4rem 0 3rem}.hero__content{padding:0 var(--mobile-spacing);text-align:center}.hero__title{margin-bottom:1rem}.hero__subtitle{margin-bottom:2rem}section{padding:3rem 0}.container{padding:0 var(--mobile-spacing)}.portfolio__item,.service__card,.tech__card{margin-bottom:2rem}.footer__content{gap:2rem;grid-template-columns:1fr;text-align:center}.footer__links{justify-content:center}}@media (max-width:480px){:root{--mobile-spacing:12px}body{font-size:15px}.nav__logo{font-size:1.25rem}.hero__cta{align-items:stretch;flex-direction:column;gap:1rem}.hero__cta .btn{justify-content:center;width:100%}.portfolio__item,.service__card{padding:1.5rem}}@media (min-width:480px) and (max-width:768px){.container{padding:0 24px}.portfolio__grid,.services__grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-height:600px) and (orientation:landscape){.hero{min-height:auto;padding:2rem 0}.nav__menu{padding:1rem 0}.nav__link{padding:10px 20px}}@media (min-resolution:192dpi){.portfolio__item,.service__card{box-shadow:0 2px 20px rgba(0,0,0,.08)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.back-to-top,.hero__cta,.nav__menu,.nav__toggle{display:none!important}body{font-size:12pt;line-height:1.5}h1{font-size:24pt}h2{font-size:18pt}h3{font-size:14pt}a{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}}