.connect-page{color:#f2f5f8}.connect-page main{position:relative;background:#09131ded}.connect-hero{min-height:760px;height:92svh;position:relative;display:flex;align-items:center;padding:180px 8% 95px;background:linear-gradient(90deg,#06111ae8 0%,#06111a99 45%,#06111a15 100%),linear-gradient(0deg,#09131d,transparent 40%),url('temple-gate-expanded.png.webp') 65% center/cover}.connect-hero-copy{position:relative;max-width:850px}.connect-hero h1{font-size:clamp(64px,7.2vw,112px);font-weight:500;line-height:.98;letter-spacing:-1px;margin:24px 0}.connect-hero h1 em{font-style:normal;color:#e2ebf1}.connect-lede{font-size:17px;line-height:1.8;color:#e0e7ed;margin-bottom:22px}.location-mark{position:absolute;right:8%;bottom:65px;display:grid;gap:10px;text-align:right}.location-mark span{font-size:8px;letter-spacing:2px;color:#dce4ec}.location-mark strong{font-size:18px;font-weight:400}.studio-contact{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;padding:40px 8%;border-top:1px solid #d5e2ef30;border-bottom:1px solid #d5e2ef30;background:#112131}.studio-contact a,.studio-contact div>p:last-child{font-size:clamp(13px,1.3vw,19px);line-height:1.6;margin:0;overflow-wrap:anywhere}.connect-page .eyebrow{color:#d4e0e8;font-size:10px;letter-spacing:2.5px}.connect-team{padding:95px 8%}.contact-section-heading{max-width:700px;margin-bottom:42px}.connect-page h2{font-size:clamp(42px,4.8vw,72px);font-weight:500;line-height:1.05}.contact-section-heading>p:last-child,.connect-social>p:not(.eyebrow),.connect-dispatch p:not(.eyebrow){font-size:16px;line-height:1.8;color:#d0dbe4}.contact-people{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-person{display:flex;gap:25px;align-items:center;border:1px solid #d5e2ef26;background:#10202b88;padding:24px;min-width:0}.contact-person img{width:105px;height:130px;object-fit:cover;object-position:center 35%;filter:grayscale(1)}.contact-person>div{min-width:0}.contact-role{font-size:10px;color:#d0dae3;line-height:1.6;margin:0 0 10px}.contact-person h3{font-size:30px;line-height:1.1;margin:0 0 13px}.contact-person a{font-size:12px;line-height:1.8;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:5px}.contact-person a:hover{color:white}.connect-social{padding:80px 8%;border-top:1px solid #d5e2ef26;background:linear-gradient(120deg,#192c3d,#0b1722)}.social-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.connect-dispatch{padding:75px 8%;display:flex;gap:35px;justify-content:space-between;align-items:center}.connect-dispatch h2{font-size:clamp(35px,3.7vw,58px)}.connect-dispatch .film-action{flex-shrink:0}.connect-page footer{background:#08111b;flex-wrap:wrap}.connect-page.about-motion .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.connect-page.about-motion .reveal.visible{opacity:1;transform:none}.menu-socials{flex-wrap:wrap;gap:12px!important}.menu-socials a{font-size:10px!important}.connect-page a:focus-visible{outline:2px solid #e3edf7;outline-offset:5px}@media(max-width:1000px){.contact-people{grid-template-columns:1fr}.connect-dispatch{align-items:flex-start;flex-direction:column}.location-mark{display:none}}@media(max-width:600px){.connect-hero{height:auto;min-height:690px;padding:190px 7% 75px;background-position:60% center}.connect-hero h1{font-size:62px}.studio-contact{grid-template-columns:1fr;padding:30px 7%;gap:25px}.connect-team,.connect-social,.connect-dispatch{padding:55px 7%}.contact-person{padding:18px;gap:16px}.contact-person img{width:70px;height:105px}.contact-person h3{font-size:26px}.contact-person a{font-size:11px}.social-grid{gap:10px}}@media(prefers-reduced-motion:reduce){.connect-page .reveal{opacity:1!important;transform:none!important;transition:none!important}}
