/* Phone frames preserve the complete 9:16 footage inside a dark metal bezel. */
.film-frame{border:8px solid #252727;border-radius:42px;aspect-ratio:9/17.5;box-shadow:0 0 0 1px #747772,0 0 0 3px #0a0b0a,0 35px 70px #0008,inset 0 0 0 2px #000}
.film-frame video{border-radius:32px;object-fit:contain;background:#080808}
.film-frame:before,.phone-player:before{content:'';position:absolute;top:10px;left:50%;transform:translateX(-50%);width:34%;height:20px;background:#050505;border-radius:20px;box-shadow:inset -8px 0 0 #111617;z-index:4;pointer-events:none}
.film-frame:after{border-radius:0 0 32px 32px}
.film-mark{bottom:33px;left:16px;font-size:6px}.preview-toggle{bottom:26px}
.film-frame .film-play{width:62px;height:62px}
.phone-player{position:relative;width:48%;flex-shrink:0;padding:7px;background:#242626;border:1px solid #777b73;border-radius:34px;box-shadow:0 0 0 2px #090a09,0 25px 55px #0007;overflow:hidden}
.film-dialog .phone-player video{width:100%;max-height:78svh;aspect-ratio:9/16;object-fit:contain;border-radius:26px}
.phone-player:before{top:13px;height:19px;width:30%}
.film-dialog>div.phone-player{padding:7px}
.mobile-project-bar{display:none}
@media(max-width:800px){
 body{padding-bottom:76px}html{scroll-padding-bottom:90px}
 .mobile-project-bar{position:fixed;bottom:0;left:0;right:0;z-index:21;display:flex;gap:10px;padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:#111210f5;backdrop-filter:blur(20px);border-top:1px solid #bca17a50;box-shadow:0 -12px 35px #0003}
 .mobile-project-bar>a{display:flex;justify-content:center;align-items:center;gap:13px;min-height:46px;font-size:11px;font-weight:600}
 .mobile-project-bar .mobile-start{flex:1;background:var(--gold);color:#12130f}.mobile-start span{font-size:22px}
 .mobile-project-bar .mobile-call{padding:0 16px;border:1px solid #ffffff35;color:#e9e5da}.mobile-call svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
 .modal-open .mobile-project-bar{visibility:hidden}
 .mobile-nav{box-shadow:0 15px 40px #0008}.hero-scenes{max-width:360px}
}
@media(max-width:540px){
 .hero{min-height:820px}.hero-content{padding-top:125px;padding-bottom:195px}.hero h1{font-size:52px}.hero h1 em{font-size:.88em}.hero-content .eyebrow{margin-bottom:24px}
 .hero-intro{margin-top:22px}.hero-links{gap:20px;margin-top:24px}.hero-scenes{bottom:83px}
 html[lang=es] .hero h1{font-size:49px}
 .film-frame{border-width:7px;border-radius:39px}.film-frame video{border-radius:30px}
 .phone-player{width:min(100%,300px);margin:20px auto 0}.film-dialog .phone-player video{width:100%;max-height:65svh}
 .film-dialog>div.phone-player{padding:7px}.film-dialog>div:not(.phone-player){padding:22px}
 .mobile-project-bar{padding-left:12px;padding-right:12px}.mobile-project-bar .mobile-call{padding:0 12px}
 .mobile-project-bar>a{font-size:10px}.form-grid{grid-template-columns:1fr}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px}label{font-size:11px}
}