.whatsapp-link{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px}.whatsapp-link img{width:20px;height:20px}.language-picker{position:relative}.language-trigger{border:0;background:none;display:flex;align-items:center;gap:5px;padding:10px;font-size:13px}.header-actions .language-trigger span{margin:0}.language-trigger img{width:18px;height:18px}.language-options{position:absolute;right:0;top:100%;min-width:130px;background:#fff;box-shadow:0 8px 28px #0002;padding:6px;z-index:100;border:1px solid #e6dfd4}.language-options[hidden]{display:none}.language-options button{display:block;width:100%;border:0;background:none;text-align:left;padding:12px;font-size:14px}.language-options button:hover,.language-options button[aria-pressed=true]{background:#f1ebe2;color:#80602f}.social a{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:32px}.footer-contact>.whatsapp-link{vertical-align:middle;margin-right:8px;filter:brightness(0) invert(1)}.mobile-contact{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.mobile-social{width:100%;justify-content:flex-start;filter:brightness(0)}.mobile-contact .language-options{top:auto;bottom:100%}.social img{object-fit:contain}.hero-media img{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}.header-actions{gap:12px}.header-actions .whatsapp-link img{width:20px;height:20px}
.scroll-cue{width:61.53px;height:110.32px;left:calc(50% - 30.765px);padding:0;border:0;border-radius:0;background:transparent;mix-blend-mode:screen;cursor:pointer}
.scroll-cue video{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.scroll-cue:focus-visible{outline:2px solid white;outline-offset:8px}
@media(max-width:680px){.scroll-cue{width:44px;height:79px;left:calc(50% - 22px)}}
/* Distinct navigation lanes: image controls above, section controls below. */
:root{--control-edge:24px;--control-size:44px;--control-gap:12px}
.nav-ui{right:max(var(--control-edge),env(safe-area-inset-right));bottom:max(var(--control-edge),env(safe-area-inset-bottom));gap:var(--control-gap)}
.nav-ui button,.slider-arrows button{display:grid;place-items:center;flex:0 0 var(--control-size);width:var(--control-size);height:var(--control-size);padding:0;border-radius:50%;line-height:1;border:1px solid #ffffffa6;box-shadow:0 2px 12px #00000014;transition:background .2s ease,box-shadow .2s ease}
.nav-ui button{background:#fffffff0;color:#534838;border-color:#d7cfc3}
.slider-arrows{gap:var(--control-gap)}
.slider-arrows button{background:#19171470;color:#fff}
.nav-ui button:hover{background:#fff;box-shadow:0 3px 15px #0002}
.slider-arrows button:hover{background:#191714b3}
.nav-ui svg,.slider-arrows svg{display:block;pointer-events:none}
.slider-ui{bottom:92px;left:24px;right:80px;gap:20px}
.slider-dots{gap:0;align-items:center}
.slider-dot{position:relative;width:28px;height:44px;background:transparent!important;border:0;border-radius:0}
.slider-dot::after{content:'';position:absolute;width:7px;height:7px;left:10px;top:18px;border:1px solid white;border-radius:50%;background:#0004}
.slider-dot.current::after{background:white}
.counter{left:var(--control-edge);bottom:var(--control-edge);height:44px;display:flex;align-items:center;gap:5px;padding:0 16px}
body:has(.hero.active) .nav-ui,body.menu-open .nav-ui,body.menu-open .counter,.footer-open .nav-ui{visibility:hidden;pointer-events:none}
.scroll-cue{bottom:max(92px,9%)}
.scene-scroll .copy-inner{padding-bottom:92px!important}
.about-inner{padding-bottom:92px}
/* The first video frame stays below the film, including during network errors. */
.hero-media{position:relative}
.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;pointer-events:none;transition:opacity 850ms ease}
.hero-media.video-playing .hero-film{opacity:1}
@media(prefers-reduced-motion:reduce){.hero-film{display:none;transition:none}}
/* First paint stays visible; motion does not wait for a loader or script. */
.hero-media{animation:hero-soft-open 1650ms cubic-bezier(.22,1,.36,1) both;transform-origin:50% 45%}
.site-header .header-container{animation:header-soft-open 700ms cubic-bezier(.22,1,.36,1) both}
.scroll-cue{animation:cue-soft-open 850ms ease-out both}
@keyframes hero-soft-open{from{opacity:.18;transform:scale(1.045);filter:blur(3px)}to{opacity:1;transform:scale(1);filter:blur(0)}}
@keyframes header-soft-open{from{opacity:.65;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@keyframes cue-soft-open{from{opacity:.2;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:680px){
 :root{--control-edge:16px;--control-gap:10px}
 .slider-ui{bottom:16px;left:16px;right:16px}
 .center-split,.center-about{padding-bottom:80px}
 .counter{font-size:10px}
 .footer-cta{top:calc(var(--header) + 16px)}
 .center-copy .copy-inner{padding-bottom:88px!important}
 .scroll-cue{bottom:90px}
}
@media(prefers-reduced-motion:reduce){.hero-media,.site-header .header-container,.scroll-cue{animation:none}}
.language-picker{display:inline-flex;align-items:center;padding:14px 0}
.language-trigger{padding:0 0 0 4px;gap:8px}
.language-options{right:-16px;top:calc(100% + 4px);min-width:96px;padding:9px 0;border:1px solid #0000001f;box-shadow:0 18px 48px #00000021}
.language-options:not([hidden]){animation:language-open .22s ease both}
.language-options button{padding:10px 17px;font-size:13px;color:#111}
.language-options button:hover,.language-options button[aria-pressed=true]{background:#f5f2ee;color:#a98d61}
.language-trigger[aria-expanded=true] img{transform:rotate(180deg)}
.language-trigger img{transition:transform .22s ease}
.mobile-langs{display:flex;gap:18px;width:100%;margin-top:2px}
.mobile-langs button{background:none;border:0;padding:8px 0;font-size:15px}
.mobile-langs button[aria-pressed=true]{color:#9b7135;text-decoration:underline;text-underline-offset:6px}
@keyframes language-open{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.crm-form .iti{position:relative;width:100%;max-width:100%;z-index:2}
.crm-form .iti input[type=tel]{width:100%;padding-left:52px!important;padding-right:12px}
.crm-form .iti__country-list{max-width:calc(100vw - 80px);max-height:210px;overflow-x:hidden;border:1px solid #cfc7bc;border-radius:0;box-shadow:0 12px 30px #231e1924;font-size:13px;color:#231f20;text-align:left}
.crm-form .iti__country{min-height:36px;padding:7px 10px;white-space:normal}
.crm-form .iti__country-name{overflow-wrap:anywhere}
.crm-form input[aria-invalid=true]{border-color:#b42318;box-shadow:inset 0 0 0 1px #b42318}
.crm-form .submit:disabled{opacity:.6;cursor:wait}
.crm-form .form-note:empty{display:none}
.crm-form .form-note[data-message=error],.crm-form .form-note[data-message=invalid]{color:#a22b20}
.crm-form .form-note[data-message=success]{color:#386942}
.crm-form .check input{margin:3px 0 0;flex:none}
.crm-form .check a,.crm-form .check button{background:none;border:0;padding:0;color:#806945;font:inherit;text-align:left;text-decoration:underline;text-underline-offset:2px}
#preview-dialog{max-height:85svh;overflow:auto;width:680px}
#preview-dialog p{white-space:pre-line;line-height:1.6}
