/* Compact closing section, aligned with the studio's glass surfaces. */
.section.studio-formats{padding-bottom:32px}
#contact.section{padding-top:24px;padding-bottom:32px;scroll-margin-top:145px}
#contact .contact{padding:30px;border-radius:24px;gap:0;border:1px solid var(--line);background:radial-gradient(ellipse at 0 0,#dfeeff90,transparent 65%),linear-gradient(120deg,#ffffffdd,#eff8ffbd 65%,#eef5efaa);box-shadow:inset 0 1px 0 #fff,0 12px 36px #314c7709}
#contact .contact-copy{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin:0}
#contact .contact-copy h2{margin:0 0 16px}
.contact-intro>p{max-width:45ch;font-size:15px;line-height:1.7;color:var(--muted);margin:0}
.contact-personal{display:block;margin-top:22px;font-size:13px;line-height:1.7;color:var(--muted)}
#contact .contacts{margin:0;gap:0}
#contact .contacts a{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;gap:14px;align-items:center;padding:15px 10px;border-bottom:1px solid var(--line);border-radius:10px;transition:background .2s,transform .2s;color:var(--ink)}
#contact .contacts a:last-child{border-bottom-color:transparent}
#contact .contacts a:hover{background:#ffffffb0;transform:translateX(3px)}
#contact .contacts a:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.contact-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #c8def0;border-radius:13px;background:linear-gradient(135deg,#ffffffdd,#dfedff90);color:var(--brand);box-shadow:inset 0 1px 0 white}
.contact-icon svg{width:22px;height:22px}
.contacts small{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-bottom:4px}
.contacts strong{font-size:16px;line-height:1.4;font-weight:550}
.contact-arrow{font-size:18px;color:var(--brand)}
.footer{padding-top:24px;padding-bottom:28px}
@media(max-width:700px){
 #contact.section{padding-top:16px;padding-bottom:24px;scroll-margin-top:90px}
 #contact .contact{padding:22px}
 #contact .contact-copy{grid-template-columns:minmax(0,1fr);gap:18px}
 .contact-personal{margin-top:16px}
 #contact .contacts a{padding:14px 0;gap:10px}
 .contacts strong{font-size:15px}
 .footer{padding-bottom:28px}
}
@media(prefers-reduced-motion:reduce){#contact .contacts a{transition:none}}
#contact .contact-copy{grid-template-columns:.8fr 1.4fr;gap:28px}
.contact-people{display:grid;grid-template-columns:1fr 1fr;gap:22px;min-width:0}
.contact-person{min-width:0;padding-left:22px;border-left:1px solid var(--line);scroll-margin-top:160px}
.contact-person h3{font-size:18px;line-height:1.35;margin:0 0 10px}
.contact-person>p{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 14px;min-height:42px}
#contact .contact-person .contacts a{display:flex;justify-content:space-between;gap:8px;padding:11px 0;font-size:13px;color:var(--brand)}
.contact-max-note{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:12px}
.header-actions,.header-messengers{display:flex;align-items:center;gap:10px}
.header-messengers{gap:6px}
.header-messengers a{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d5e3f4;border-radius:11px;background:#edf6ff;color:var(--brand);transition:background .2s}
.header-messengers a:hover{background:#dcecff}
.header-messengers a:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.header-messengers svg{width:21px;height:21px}
.header-messengers .header-max{background:#f1edff;color:#6f63bb}
.studio-header .header.wrap{column-gap:16px}
@media(min-width:761px) and (max-width:1200px){.studio-header .header.wrap{grid-template-columns:auto 1fr auto;row-gap:5px}.studio-header .header-center{grid-column:1/-1;grid-row:2}.header-actions{grid-column:3;grid-row:1}}
@media(max-width:1000px){#contact .contact-copy{grid-template-columns:1fr}.contact-person:first-child{border:0;padding-left:0}}
@media(max-width:760px){.header-actions{grid-column:2;grid-row:1}.studio-header .header-actions .header-cta{display:none}.header-menu-toggle{grid-column:3;grid-row:1}}
@media(max-width:600px){.contact-people{grid-template-columns:1fr;gap:20px}.contact-person{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.contact-person>p{min-height:0}.contact-person:first-child{padding-top:0}.contact-person{scroll-margin-top:95px}}
/* Consistent icon controls for personal contact channels. */
.contact-person{display:flex;flex-direction:column}
#contact .contact-person .contacts a{justify-content:flex-start;gap:10px;border-bottom:0;padding:9px 0;color:var(--ink)}
.contact-person .contacts svg{width:18px;height:18px;flex:none;color:var(--brand)}
.contact-person .contacts a span{min-width:0;overflow-wrap:anywhere}
.contact-messengers{display:flex;gap:10px;padding-top:16px;margin-top:auto}
.contact-messengers .messenger-icon,.header-messengers a{display:grid;place-items:center;border-radius:13px;border:1px solid #bad9f0;background:linear-gradient(145deg,#f8fcff,#dcefff);color:#258ac4;box-shadow:inset 0 1px 0 #fff,0 3px 10px #3765860c;transition:transform .2s,box-shadow .2s}
.contact-messengers .messenger-icon{width:44px;height:44px;text-decoration:none}
.contact-messengers svg{width:24px;height:24px}
.contact-messengers .messenger-max,.header-messengers .header-max{border-color:#d5c9f3;background:linear-gradient(145deg,#f8f5ff,#e7dfff);color:#7760cf}
.contact-messengers .messenger-icon:hover,.header-messengers a:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 white,0 5px 14px #42658a20}
.contact-messengers a:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.contact-messengers .messenger-icon,.header-messengers a{transition:none}}
/* Full-width glass contact rows: one consistent surface per channel. */
#contact .contact-person .contacts{display:grid;gap:8px;margin:0}
#contact .contact-person .contacts a,
#contact .contact-person .contacts a:last-child{display:grid;grid-template-columns:22px minmax(0,1fr) 14px;align-items:center;gap:10px;min-height:46px;padding:11px 13px;border:1px solid #cbdfee;border-radius:12px;background:linear-gradient(115deg,#ffffffdc,#f5faff85 48%,#e1effb99);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff70,0 3px 10px #45678508;backdrop-filter:blur(12px);color:var(--ink);font-size:13px;line-height:1.5;transition:background .2s,box-shadow .2s,border-color .2s}
#contact .contact-person .contacts a:hover{transform:none;border-color:#a6c7e3;background:linear-gradient(115deg,#fff,#e7f3ffbb);box-shadow:inset 0 1px 0 #fff,0 5px 14px #45678514}
#contact .contact-person .contacts .messenger-max{background:linear-gradient(115deg,#fff,#f4f0ff99 48%,#e9e2fa80);border-color:#d9d0ed}
#contact .contact-person .contacts .messenger-max svg{color:#7760cf}
#contact .contact-person .contacts svg{width:21px;height:21px}
.contact-row-arrow{font-size:16px;color:var(--brand);opacity:.65;text-align:right}
@media(prefers-reduced-motion:reduce){#contact .contact-person .contacts a{transition:none}}
/* Studio pastel accents, shared across the two contact columns. */
#contact .contact-person .contacts a{--contact-tint:#e1edff;--contact-edge:#c4d8f4;--contact-ink:#467bc0;border-color:var(--contact-edge);background:linear-gradient(115deg,#ffffffdc 0%,color-mix(in srgb,var(--contact-tint) 62%,white) 48%,var(--contact-tint) 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff80,0 3px 12px #4567850b}
#contact .contact-person .contacts a[href^="mailto:"]{--contact-tint:#eee3fa;--contact-edge:#dac9ef;--contact-ink:#9366b7}
#contact .contact-person .contacts a[href^="tel:"]{--contact-tint:#dff2ed;--contact-edge:#bcdfd5;--contact-ink:#378d80}
#contact .contact-person .contacts a.messenger-max{--contact-tint:#e9e1fa;--contact-edge:#d2c5ee;--contact-ink:#8062bc;border-color:var(--contact-edge);background:linear-gradient(115deg,#ffffffdc,color-mix(in srgb,var(--contact-tint) 62%,white) 48%,var(--contact-tint))}
#contact .contact-person .contacts a svg,#contact .contact-person .contacts a .contact-row-arrow{color:var(--contact-ink)}
#contact .contact-person .contacts a:hover{border-color:var(--contact-ink);background:linear-gradient(115deg,#fff,var(--contact-tint));box-shadow:inset 0 1px 0 #fff,0 5px 16px color-mix(in srgb,var(--contact-ink) 15%,transparent)}
#contact .contact-person .contacts a:last-child{border-color:var(--contact-edge);background:linear-gradient(115deg,#ffffffdc,color-mix(in srgb,var(--contact-tint) 62%,white) 48%,var(--contact-tint))}
#contact .contact-person .contacts a:last-child:hover{border-color:var(--contact-ink);background:linear-gradient(115deg,#fff,var(--contact-tint))}
/* Transparent glass header, including its scrolled state. */
.site-header.studio-header,.site-header.studio-header.is-scrolled{background:linear-gradient(115deg,rgba(255,255,255,.56),rgba(239,247,255,.28) 55%,rgba(248,243,255,.38));border:1px solid rgba(203,222,242,.65);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.32),0 8px 26px rgba(45,77,119,.07);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
.header-messengers .header-max svg{width:20px;height:20px;stroke:none}
#contact .contact-person .contacts .messenger-max svg{width:21px;height:21px;stroke:none}
/* Narrower header with larger, readable navigation. */
.site-header.studio-header{width:min(1180px,calc(100% - 48px))}
.studio-header .header.wrap{width:calc(100% - 32px);padding-block:12px;column-gap:14px}
.studio-header .header nav{font-size:15px;gap:18px}
@media(min-width:761px) and (max-width:1320px){
 .studio-header .header.wrap{grid-template-columns:auto 1fr auto;row-gap:2px}
 .studio-header .brand-lockup{grid-column:1;grid-row:1}
 .studio-header .header-actions{grid-column:3;grid-row:1}
 .studio-header .header-center{grid-column:1/-1;grid-row:2}
 .studio-header .header nav{font-size:15px;gap:22px}
 .studio-header .header nav>a{padding-block:8px}
}
@media(max-width:760px){
 .site-header.studio-header{width:calc(100% - 24px)}
 .studio-header .header.wrap{width:calc(100% - 24px);padding-block:10px;column-gap:8px}
 .studio-header .header nav>a{font-size:16px}
}
/* Tighter transitions between team, formats and contacts. */
#team.section{padding-bottom:20px}
#formats.section{padding-top:24px;padding-bottom:16px}
#contact.section{padding-top:16px}
@media(max-width:700px){#team.section{padding-bottom:12px}#formats.section{padding-top:16px;padding-bottom:12px}#contact.section{padding-top:12px}}