/* A conventional contact page: one full-width film, direct channels and client support. */
.contact-page{color:#202020;background:#fff}
.contact-page h1,.contact-page h2,.contact-page h3{color:inherit;font-weight:400;letter-spacing:-.045em}
.contact-page a:focus-visible,.contact-page button:focus-visible{outline:3px solid #969696;outline-offset:5px}
.contact-hero{position:relative;isolation:isolate;overflow:hidden;background:#171717;color:#fff;min-height:clamp(560px,44vw,660px)}
.contact-hero-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center;filter:grayscale(1)!important;z-index:-2;pointer-events:none}
.contact-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.65) 40%,rgba(0,0,0,.12) 78%),linear-gradient(0deg,rgba(0,0,0,.2),transparent 45%);pointer-events:none}
.contact-hero-copy{position:relative;padding-block:36px 58px}
.contact-breadcrumb{display:flex;align-items:center;gap:19px;font-size:11px;color:#ddd;margin-bottom:65px}
.contact-breadcrumb a:hover{text-decoration:underline}
.contact-page .contact-kicker{font-size:10px;font-weight:600;letter-spacing:.17em;line-height:1.5;margin:0 0 23px;color:#ddd}
.contact-page .contact-hero h1{font-size:clamp(42px,4.5vw,67px);line-height:1.09;max-width:760px;margin:0}
.contact-page .contact-hero-description{max-width:485px;color:#e0e0e0;font-size:16px;line-height:1.8;margin:28px 0 26px}
.contact-page .contact-down{display:inline-flex;align-items:center;gap:24px;min-height:44px;font-size:12px;color:#fff;border-bottom:1px solid #999}
.contact-down span{font-size:20px}
.contact-down:hover{border-color:#fff}
.contact-motion-toggle{position:absolute;right:max(28px,calc((100% - 1280px)/2 + 28px));bottom:28px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #ffffff70;border-radius:50%;color:#fff;background:#17171780;cursor:pointer;transition:background .2s}
.contact-motion-toggle[hidden]{display:none}
.contact-motion-toggle:hover{background:#171717}
.contact-section{padding-block:70px 64px;scroll-margin-top:110px}
.contact-page .contact-section h2{font-size:clamp(27px,2.7vw,36px);line-height:1.2;margin:0 0 37px}
.contact-channels{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.contact-channel{padding-top:25px;border-top:1px solid #d9d9d9;scroll-margin-top:110px}
.contact-page .contact-channel h3{font-size:27px;line-height:1.25;margin:0 0 14px}
.contact-page .contact-channel-description{font-size:15px;color:#656565;line-height:1.7;max-width:430px;min-height:51px;margin:0 0 26px}
.contact-channel-details{margin:0 0 25px;display:grid;gap:15px}
.contact-channel-details>div{display:grid;grid-template-columns:75px 1fr;align-items:baseline;gap:12px}
.contact-channel-details dt{color:#747474;font-size:12px}
.contact-channel-details dd{margin:0}
.contact-page .contact-detail{color:#292929;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.contact-page .contact-detail:hover{text-decoration:underline;text-underline-offset:4px}
.contact-page .contact-action{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:49px;padding:13px 18px;border:1px solid #999;color:#242424;background:transparent;font-size:13px;font-weight:600;line-height:1.5;transition:background .2s,border-color .2s}
.contact-action svg{width:19px;height:19px;flex-shrink:0}
.contact-page .contact-action:hover{background:#eee;border-color:#555}
.contact-extra-channels{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:39px;padding-top:26px;border-top:1px solid #e3e3e3}
.contact-extra-channels>div{display:flex;flex-direction:column;gap:6px}
.contact-extra-channels span{font-size:12px;color:#747474}
.contact-support{background:#f4f4f4;border-top:1px solid #e3e3e3;scroll-margin-top:110px}
.contact-support-inner{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-block:42px 46px}
.contact-page .contact-support h2{font-size:27px;line-height:1.25;margin:0 0 12px}
.contact-page .contact-support p{font-size:14px;line-height:1.8;color:#656565;max-width:740px;margin:0}
.contact-support .contact-action{flex-shrink:0}
@media(max-width:800px){
 .contact-hero{min-height:555px}
 .contact-hero-copy{padding-block:28px 58px}
 .contact-breadcrumb{margin-bottom:55px}
 .contact-hero::before{background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.62) 56%,rgba(0,0,0,.25))}
 .contact-page .contact-hero h1{font-size:clamp(38px,6.5vw,52px);max-width:630px}
 .contact-page .contact-hero-description{max-width:440px;font-size:15px}
 .contact-channels,.contact-extra-channels{gap:36px}
 .contact-channel-details>div{grid-template-columns:1fr;gap:1px}
 .contact-section{padding-block:52px 46px}
 .contact-support-inner{align-items:flex-start;flex-direction:column;gap:24px}
}
@media(max-width:580px){
 .contact-hero{min-height:540px}
 .contact-hero-video{object-position:65% center}
 .contact-hero-copy{padding-bottom:76px}
 .contact-breadcrumb{margin-bottom:42px}
 .contact-page .contact-kicker{margin-bottom:20px;font-size:9px}
 .contact-page .contact-hero h1{font-size:38px;line-height:1.12}
 .contact-page .contact-hero-description{font-size:14px;margin-top:24px}
 .contact-channels,.contact-extra-channels{grid-template-columns:1fr;gap:30px}
 .contact-page .contact-channel-description{min-height:0}
 .contact-channel-details>div{grid-template-columns:65px 1fr;gap:8px}
 .contact-page .contact-detail{font-size:14px}
 .contact-page .contact-section h2{font-size:29px;margin-bottom:28px}
 .contact-page .contact-channel h3{font-size:25px}
 .contact-motion-toggle{right:22px;bottom:20px}
}
@media(prefers-reduced-motion:reduce){.contact-page a,.contact-page button{transition:none}}
/* Keep the whole isolated receiver visible on portrait media and wide displays. */
@media(max-width:760px),(min-width:2000px){.contact-hero-video{object-fit:contain!important;object-position:right center!important;background:#121212}}

/* Two lightweight studio objects extend the handset's visual language. */
.contact-orbitals{position:absolute;inset:0;z-index:-2;pointer-events:none;perspective:950px}
.contact-orbital-object{position:absolute;filter:grayscale(1) drop-shadow(0 20px 15px #0009);transform-style:preserve-3d;animation:contact-object-turn 12s ease-in-out infinite;will-change:transform}
.contact-orbital-object svg{display:block;width:100%;height:auto}
.contact-orbital-email{width:clamp(120px,13vw,205px);right:5%;top:13%;animation-delay:-2s}
.contact-orbital-whatsapp{width:clamp(105px,10vw,160px);right:25%;bottom:8%;animation-delay:-7s}
.contact-hero:hover .contact-orbital-whatsapp,.contact-hero:focus-within .contact-orbital-whatsapp{filter:grayscale(0) drop-shadow(0 20px 15px #0009)}
.contact-hero[data-contact-playback="paused"] .contact-orbital-object{animation-play-state:paused}
.contact-hero-channels{display:flex;align-items:center;gap:12px;margin:24px 0 22px}
.contact-hero-channels a{display:inline-flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid #ffffff65;border-radius:30px;color:#f1f1f1;background:#13171635;backdrop-filter:blur(8px);font-size:12px;line-height:1.4;text-decoration:none;min-height:44px;transition:background .3s,border-color .3s}
.contact-hero-channels a:hover{background:#ffffff14;border-color:#fff}
.contact-hero-channels a>span{font-size:19px;line-height:1}
@keyframes contact-object-turn{0%,100%{transform:translate3d(0,0,0) rotateY(-16deg) rotateZ(-9deg)}50%{transform:translate3d(0,-15px,24px) rotateY(18deg) rotateZ(5deg)}}
@media(max-width:760px){.contact-orbital-email{width:112px;top:11%;right:2%}.contact-orbital-whatsapp{width:102px;bottom:6%;right:12%}.contact-hero-channels{margin:20px 0 18px}.contact-hero-channels a{font-size:11px;padding:9px 13px}.contact-hero .contact-orbital-whatsapp{filter:grayscale(0) drop-shadow(0 20px 15px #0009)}}
@media(prefers-reduced-motion:reduce){.contact-orbital-object{animation:none;will-change:auto}}