@font-face{font-family:'Toppic Condensed';src:url('assets/fonts/Anton-Regular.woff') format('woff');font-style:normal;font-weight:400;font-display:block}
/* Mobile is a composed viewport, not a desktop column with fixed-height stages. */
@media(max-width:700px),(max-width:1000px) and (max-height:500px){
 :root{--gutter:18px;--header:calc(84px + env(safe-area-inset-top,0px));--footer:calc(72px + env(safe-area-inset-bottom,0px))}
 .scene-panel,.scene-panel.is-active{height:100dvh;overflow:hidden;overscroll-behavior:none}
 .scene-panel:before{display:none}
 .site-header{top:max(14px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));padding:0!important;background:none!important}
 .brand{width:44px;min-width:44px;height:54px;min-height:54px}.brand img{width:31px;height:40px}.brand-descriptor{display:none}
 .paper-actionbar{right:max(12px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));width:min(280px,calc(100vw - 76px));height:auto;aspect-ratio:5.142857}
 html:not([data-scene=inicio]) .paper-actionbar{width:180px;aspect-ratio:3.3}
 .scene-layout{display:flex;flex-direction:column;height:100%;min-height:0;padding:var(--header) var(--gutter) var(--footer);gap:8px;overflow:hidden}
 .scene-copy,#metal .scene-copy,#estudio .scene-copy{position:relative;inset:auto;transform:none;width:100%;max-width:none;flex:0 0 auto;clip-path:none!important}
 .scene-copy .eyebrow{font-size:.625rem;margin:0 0 9px;line-height:1.4}.registration{font-size:20px}
 .scene-copy h1,.scene-copy h2{max-width:none;line-height:.96}.hero-loud{font-size:clamp(44px,13.3vw,64px);line-height:.82}.hero-signoff{font-size:clamp(28px,8vw,38px);margin-top:7px}
 .scene-copy h2,#metal .scene-copy h2{font-size:clamp(36px,10.3vw,54px)}.scene-copy h2 br{display:none}
 .scene-description,#estudio .scene-description{font-size:.875rem;line-height:1.4;margin:10px 0 0;max-width:38rem}
 .scene-note,.scene-copy .text-link,.object-caption,.hero-orbit{display:none}
 .sticker-experience,.material-experience,.identity-experience{position:relative;inset:auto;width:100%;height:auto;min-height:0;flex:1 1 0%;margin:0}
 .material-experience{border-radius:35px 5px 5px 5px}.identity-experience{gap:2px}
 .identity-controls{margin:0;flex:none}.identity-controls button{min-height:44px;font-size:.75rem;padding:0 5px}.identity-controls button span{margin-right:4px}
 .identity-caption{margin:2px 0 0;min-height:0;font-size:.625rem;line-height:1.3}
 .scene-status{top:auto;bottom:calc(var(--footer) + 12px);left:22px;right:22px;font-size:.75rem}
 #device-tilt.paper-phone{top:auto;bottom:0;right:0;font-size:.6875rem;min-height:44px;padding:6px 10px}
 .scene-nav,html[data-scene=asador] .scene-nav{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));height:54px;gap:0;padding:4px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
 .scene-nav a{min-width:0;min-height:44px;justify-content:center;gap:4px;padding:0 3px;font-size:.625rem}.scene-nav a span{font-size:.5625rem}
 .site-signature{display:none}
 #scene-asador{padding:var(--header) max(10px,env(safe-area-inset-right)) var(--footer) max(10px,env(safe-area-inset-left));overflow:hidden}
 #grill-mount{height:100%!important;min-height:0!important}
 #contact-dialog{padding:26px 20px 16px;max-height:calc(var(--visual-height,100dvh) - 20px);top:calc(var(--visual-top,0px) + 10px);bottom:auto;margin:0 auto;overscroll-behavior:contain}
 #contact-dialog .eyebrow{margin-bottom:12px}#contact-dialog h2{font-size:34px}.contact-intro{margin:10px 0 12px;line-height:1.4}#project-form label{margin-top:10px}.contact-privacy{margin:8px 0;line-height:1.4}.whatsapp-link{margin-top:10px}
}
@media(max-width:700px) and (max-height:650px){
 .hero-loud br{display:none}.hero-loud{font-size:clamp(32px,9.7vw,50px);line-height:1}.hero-signoff{font-size:27px;margin-top:1px}.scene-copy h2,#metal .scene-copy h2{font-size:34px}
 .scene-copy .eyebrow{margin-bottom:5px}.scene-description{margin-top:7px;font-size:.8125rem}.scene-layout{gap:5px}
}
@media(min-width:701px) and (max-width:1000px) and (max-height:500px){
 :root{--header:78px;--footer:66px}
 .scene-layout{display:grid;grid-template-columns:40% minmax(0,1fr);gap:18px;align-items:stretch}
 .scene-copy,#metal .scene-copy,#estudio .scene-copy{align-self:center}.hero-loud{font-size:46px}.hero-loud br{display:none}.hero-signoff{font-size:30px}.scene-copy h2,#metal .scene-copy h2{font-size:38px}.scene-description{font-size:.8125rem;margin-top:8px}
 .sticker-experience,.material-experience,.identity-experience{height:100%;min-width:0}
}
/* Text enlargement and exceptionally short views can reflow; never clip access. */
@media(max-width:700px),(max-width:1000px) and (max-height:500px){
 .scene-panel.mobile-reflow{overflow-y:auto;overscroll-behavior:contain}
 .mobile-reflow .scene-layout{height:auto;min-height:100%;overflow:visible}
 .mobile-reflow .sticker-experience,.mobile-reflow .material-experience{flex:none;height:230px}
 .mobile-reflow .identity-experience{flex:none;height:285px}
}
/* The object leads on phones; the signature reads continuously beneath it. */
@media(max-width:700px){
 #inicio.scene-layout{gap:12px}
 #inicio .sticker-experience{order:0;flex:1 1 0%;min-height:0}
 #inicio .scene-copy{order:1;flex:none;padding:0 2px 4px}
 #inicio .scene-copy>.eyebrow{display:none}
 #inicio .scene-copy h1{display:flex;align-items:baseline;justify-content:center;gap:clamp(4px,1vw,8px);white-space:nowrap;line-height:1.05;letter-spacing:0}
 #inicio .hero-loud{display:inline;font-family:'Toppic Condensed',Impact,'Arial Narrow',sans-serif;font-size:clamp(30px,11vw,64px);font-weight:400;line-height:1.05;letter-spacing:-.025em;text-transform:uppercase}
 #inicio .hero-loud br{display:none}
 #inicio .hero-signoff{display:inline;font-size:clamp(18px,6.3vw,38px);line-height:1.1;letter-spacing:-.05em;margin:0;color:var(--blue)}
 #inicio .scene-description{font-size:.8125rem;line-height:1.4;margin:10px auto 0;max-width:38rem;text-align:center}
 #inicio .sticker-floor{mask-image:linear-gradient(180deg,transparent 0,black 22%,black 55%,transparent 76%);-webkit-mask-image:linear-gradient(180deg,transparent 0,black 22%,black 55%,transparent 76%)}
 .mobile-reflow #inicio .sticker-experience{flex:none;height:260px}
}

@media(max-width:700px){#inicio .scene-status{top:calc(var(--header) + 8px);bottom:auto;left:32px;right:32px;margin:0;padding:6px 10px;border-radius:9px;background:#eeeae0ed;font-size:.6875rem;line-height:1.35}}