/* Mobile images are independent blocks, never backgrounds behind the copy. */
@media(max-width:860px){
 html{scroll-padding-top:100px}
 body header{left:12px;right:12px;top:12px;transform:none;width:auto;height:68px;padding:8px 15px;gap:12px;border-radius:21px;border:1px solid #d5b17c4d;background:#160f0be8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 30px #0002}
 body header.scrolled{background:#160f0bf5}
 header>a{display:flex;align-items:center;margin-right:auto;min-width:0}
 body header .logo{width:170px;max-width:calc(100vw - 130px);height:48px;display:block;object-fit:contain}
 body header .menu{display:grid;place-items:center;flex-shrink:0;margin:0;width:44px;height:44px;padding:0;border:1px solid #d5b17c55;border-radius:14px;background:#d5b17c12;color:#e5c796;font-size:25px;cursor:pointer}
 body header> .socials{display:none}
 body header nav{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;margin:0;padding:14px;background:#1c130ff7;border:1px solid #d5b17c4d;border-radius:21px;box-shadow:0 14px 40px #0004;flex-direction:column;gap:4px;max-height:calc(100dvh - 110px);overflow-y:auto;font-size:16px}
 body header nav.open{display:flex}
 header nav>a{padding:12px 15px;border-radius:12px}
 header nav>a:hover,header nav>a[aria-current=page]{background:#d5b17c16;color:#edcca0}
 body header nav .socials{display:flex;position:static;flex-direction:row;gap:12px;padding:16px 15px 8px;margin-top:6px;border-top:1px solid #d5b17c30}
 body header nav .social-icon{width:40px;height:40px;padding:10px}
}
@media(max-width:700px){
 body .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:0;background:#1a0f08;overflow:hidden}
 body .hero-content{order:1;width:100%;max-width:none;padding:118px 22px 30px}
 body .hero h1{font-size:clamp(34px,9vw,45px);line-height:1.12;max-width:500px}
 body .hero-content p{font-size:16px;line-height:1.7;max-width:500px}
 body .hero-content .button{max-width:100%;font-size:14px;padding:17px 27px}
 body .hero-location{font-size:12px;max-width:340px;line-height:1.6}
 body .heroimage{position:relative;order:2;inset:auto;flex:none;width:100%;height:auto;aspect-ratio:4/5;background-image:url('assets/hero.png');background-size:cover;background-position:68% center;background-repeat:no-repeat}
 body .hero-info{position:relative;order:3;bottom:auto;left:auto;width:100%;padding:16px 0;animation:none}
 body .emblema{display:none}
 body .process-scene{display:block;min-height:0;padding:0 0 40px;background:#e6d3b8}
 body .process-scene:before{content:'';display:block;width:100%;aspect-ratio:4/5;background:url('assets/banner.png') 19% center/cover no-repeat}
 body .process-photo{display:none}
 body .process-cards{width:auto;max-width:none;margin:0 20px;padding:24px 0 0;grid-template-columns:1fr;gap:16px}
 body .about{padding:0 0 48px;min-height:0;background:#e5d0b9}
 body .about-photo{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:27% center}
 body .about .wrap{padding-top:30px;display:block}
 body .about-content{width:100%;max-width:none;padding:0;background:none}
 body .about-content h2{font-size:32px}
 body .about-facts{grid-template-columns:1fr 1fr}
 body .about-facts>div{min-width:0;padding:16px 14px}
 body .about-facts p{font-size:13px}
 body .demands:before{background-position:center;background-size:auto 100%;opacity:.12}
 body .hero-content,body .process-cards,body .about-content{min-width:0}
}
@media(prefers-reduced-motion:reduce){header,header nav{transition:none}}