/* Native vertical scrolling on phones and tablets, no scroll interception. */
@media(max-width:991px){
html,body{height:auto!important;overflow:auto!important;overflow-x:hidden!important}
#pagepiling{height:auto!important;overflow:visible!important}
#pagepiling>.section{position:relative!important;top:auto!important;left:auto!important;height:auto!important;min-height:100svh;width:100%;overflow:clip!important;transform:none!important;scroll-margin-top:76px}
#pagepiling .intro{display:block!important;height:auto!important;min-height:0!important;white-space:normal!important;opacity:1!important;transform:none!important}
#pagepiling .intro:before{display:none!important}
#pagepiling .scroll-wrap{display:block!important;padding:100px 24px 90px!important}
#pagepiling .container{max-width:100%!important;padding:0!important}
#pagepiling .row{margin-left:0;margin-right:0}#pagepiling [class*="col-"]{padding-left:0;padding-right:0}
.navbar-desctop{display:block!important;position:fixed!important;padding:16px 22px!important;background:rgba(250,250,248,.96);backdrop-filter:blur(12px)}
.navbar-desctop.navbar-white{background:rgba(5,10,14,.91)}
.navbar-desctop .header-contacts{display:none!important}
.navbar-desctop .animated-brand{width:175px!important}
.toggler,.close{min-width:44px;min-height:44px}
.navbar-bottom{position:fixed!important;bottom:0!important;padding:8px 16px!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important;background:#fafaf8ef}
.navbar-bottom.navbar-bottom-white{background:#080d12ef}
.navbar-bottom .social{display:none}.navbar-bottom .copy{position:static!important;float:none!important;width:100%;justify-content:center;font-size:11px!important}
.language-option{min-width:40px;min-height:40px}.progress-nav{display:none!important}
.navbar-mobile{width:min(100%,420px)!important;max-width:100%;padding:70px 28px 40px!important;overflow-y:auto;max-height:100dvh}
#home{background-position:65% center!important}#home .scroll-wrap{padding-top:150px!important;padding-bottom:110px!important;background:linear-gradient(90deg,#00121a99,transparent)}
#home h1{font-size:clamp(48px,13vw,82px)!important;letter-spacing:-2px!important}.hero-summary{font-size:17px!important;max-width:360px}
#about .bio-layout{display:flex!important;flex-direction:column;gap:34px}.bio-copy{padding-right:0!important;width:100%}#about .bio-title{position:static!important;text-align:left!important;font-size:40px!important;margin-bottom:25px!important;line-height:1!important}#about .bio-title span{display:inline!important}.bio-prose p{font-size:16px!important;line-height:1.65!important}.bio-visual{padding:0!important;width:100%}.bio-contact-row{justify-content:flex-start!important}.bio-signature{margin-top:0!important}.bio-signature .experience-text{white-space:normal}
.services-heading{display:block!important}.services-heading .text-link{display:inline-block;margin-top:20px}.service-card{flex:0 0 85%!important;min-width:0!important}.service-image-label{font-size:22px!important}
#skills .tech-square{max-width:550px;margin:0 auto 35px}#skills .offset-lg-1{margin-left:0}
.section h2{font-size:clamp(32px,8vw,48px)!important;line-height:1.16!important}.section h3{overflow-wrap:anywhere}.section p{overflow-wrap:break-word}
.btn{max-width:100%;white-space:normal!important;letter-spacing:2px!important;padding:18px 22px!important;font-size:12px!important;line-height:1.5}
#projects .portfolio-video-wrap{width:100%;margin-top:24px}.portfolio-video{min-height:200px}.video-external{min-height:44px;padding-top:12px}
#visions .vision-item{margin-top:24px}.club-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.club-caption{top:16px!important;left:15px!important;right:15px!important}.club-caption h3{font-size:20px!important}
#contact input,#contact textarea{font-size:16px!important}#contact .contact-details a{overflow-wrap:anywhere;font-size:18px}.form-group{margin-bottom:24px}
}
@media(max-width:575px){.club-grid{grid-template-columns:1fr!important}.bio-contact-row .bio-whatsapp{font-size:11px!important;letter-spacing:0!important;padding:14px 10px!important}.trainer-badge{flex-basis:80px!important}.bio-signature{gap:10px!important}.bio-signature .experience-text{font-size:12px!important}.service-image{aspect-ratio:1!important}}
