@media(max-width:800px){
  :root{--mobile-dock-height:calc(68px + env(safe-area-inset-bottom,0px))}
  body{padding-bottom:var(--mobile-dock-height)}
  .site-header .brand{width:150px;height:60px;flex-basis:150px}
  .site-header .brand img{width:142px;height:56px}
  .site-header.scrolled .brand{width:130px;height:50px;flex-basis:130px}
  .site-header.scrolled .brand img{width:125px;height:47px}
  .mobile-toggle,.site-header.scrolled .mobile-toggle{width:38px;height:38px;padding:9px;border-radius:12px;background:#fffdf8;border:1px solid #c8b88b70;box-shadow:none}
  .mobile-toggle:hover{box-shadow:0 3px 12px #4c432610}
  .mobile-toggle .menu-glyph{width:20px;height:20px;gap:7px;align-items:center}
  .mobile-toggle .menu-glyph i{height:1.5px;background:#342f24;border-radius:2px}
  .mobile-toggle .menu-glyph i:first-child{width:20px}
  .mobile-toggle .menu-glyph i:nth-child(2){display:none}
  .mobile-toggle .menu-glyph i:last-child{width:15px;align-self:flex-end}
  .mobile-toggle.open .menu-glyph i:first-child{width:19px;transform:translateY(4.25px) rotate(45deg)}
  .mobile-toggle.open .menu-glyph i:last-child{width:19px;align-self:center;transform:translateY(-4.25px) rotate(-45deg)}
  .hero{height:calc(100svh - var(--mobile-dock-height));min-height:0;max-height:none}
  .hero .slide{padding:108px 6% 116px;display:flex;flex-direction:column}
  .hero .slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .hero .slide .hero-copy{position:relative;inset:auto;left:auto;right:auto;top:auto;width:100%;max-width:none;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
  .hero .hero-title{font-size:clamp(30px,8.5vw,44px);line-height:1.19;letter-spacing:-1.2px;margin:0 0 20px}
  .hero-copy .eyebrow{font-size:7px;letter-spacing:1.2px;line-height:1.5;margin:0 0 18px;gap:10px}
  .hero-copy .eyebrow:before{width:24px}
  .hero-copy p{font-size:12px;line-height:1.85;margin:0;max-width:390px}
  .hero-actions{display:flex;flex-direction:row;align-items:stretch;gap:10px;width:100%;max-width:440px;margin-top:25px}
  .hero-actions .button{flex:1;justify-content:space-between;gap:10px;min-height:51px;padding:12px 14px;font-size:10px;line-height:1.6;border-radius:9px}
  .hero-actions .button>span[aria-hidden]{margin-left:0;font-size:17px;flex-shrink:0}
  .hero-project{left:6%;right:auto;bottom:64px;text-align:left}
  .hero-project>span{font-size:6px;letter-spacing:1px;margin-bottom:8px}
  .hero-project a{font-size:12px}
  .slider-controls{left:6%;bottom:18px;gap:9px}
  .slide-tabs{gap:12px;margin-right:6px}
  .slide-tabs button{font-size:8px;gap:7px}
  .slide-tabs i{width:20px}
  .slide-tabs button[aria-pressed=true] i{width:30px}
  .prev,.next{width:29px;height:29px}
  .mobile-dock{height:var(--mobile-dock-height);grid-template-columns:1fr 1fr;gap:10px;padding:9px 6% calc(9px + env(safe-area-inset-bottom,0px));background:#fffdf9f5;border-top:1px solid #d9ceb54d;box-shadow:0 -4px 22px #1520180d;backdrop-filter:blur(18px)}
  .mobile-dock>a{min-height:48px;height:48px;gap:9px;padding:7px 10px;border-radius:13px;box-shadow:inset 0 1px #ffffff45}
  .mobile-dock>.dock-call{background:linear-gradient(115deg,#d1b574,#f2e3b9,#d9bf83);border-color:#d3b777!important;color:#302918}
  .mobile-dock>.dock-whatsapp{background:linear-gradient(125deg,#174a35,#246749);border-color:#246044!important}
  .mobile-dock .dock-icon{width:22px;height:24px;flex:0 0 22px}
  .mobile-dock svg,.mobile-dock .dock-whatsapp svg{width:22px;height:22px}
  .mobile-dock strong{font-size:10px;line-height:1.4;letter-spacing:0;white-space:nowrap}
  .mobile-dock small{font-size:7px;line-height:1.35;margin-bottom:2px;letter-spacing:.1px}
  .dock-divider{display:none}
  .nav-wrap{max-height:calc(100svh - 110px - var(--mobile-dock-height));border-radius:22px;background:#fffdf9}
  .section{padding-top:64px;padding-bottom:64px}
}
@media(max-width:480px){
  .site-header .brand{width:140px;height:55px;flex-basis:140px}
  .site-header .brand img{width:132px;height:52px}
  .site-header.scrolled .brand{width:125px;height:47px;flex-basis:125px}
  .site-header.scrolled .brand img{width:119px;height:45px}
  .hero .slide{padding-top:100px;padding-bottom:108px}
  .hero .hero-title{font-size:clamp(29px,8.5vw,39px);margin-bottom:18px}
  .hero-actions{gap:9px;margin-top:22px}
  .hero-actions .button{font-size:9px;padding:11px 12px;min-height:50px}
  .section{padding-top:52px;padding-bottom:52px}
}
@media(max-width:800px) and (max-height:720px){
  .hero .slide{padding-top:94px;padding-bottom:92px}
  .hero .hero-title{font-size:clamp(27px,7.7vw,35px);margin-bottom:14px}
  .hero-copy .eyebrow{margin-bottom:13px}
  .hero-copy p{font-size:11px;line-height:1.7}
  .hero-actions{margin-top:17px}
  .hero-project{bottom:56px}
  .hero-project>span{display:none}
  .slider-controls{bottom:13px}
}
@media(max-width:800px) and (max-height:510px){
  .site-header{top:8px}.header-inner{height:58px}.brand{height:51px}.brand img{height:48px}
  .hero .slide{padding:78px 6% 42px}
  .hero .slide .hero-copy{display:grid;grid-template-columns:1.1fr 1fr;column-gap:24px;align-content:center;align-items:center}
  .hero-copy .eyebrow{grid-column:1/-1;margin-bottom:9px}
  .hero .hero-title{font-size:26px;margin:0;grid-row:2/4}
  .hero-copy p{font-size:10px;line-height:1.6}
  .hero-actions{margin-top:10px;gap:7px}
  .hero-actions .button{min-height:39px;font-size:8px;padding:7px 9px}
  .hero-project{display:none}
  .slider-controls{bottom:9px}
}