/* Brand reference: Rubik / SemiBold / Italic. Keep body typography independent. */
@font-face{font-family:"Crew Rubik";src:url("/fonts/rubik-semibold-italic.ttf") format("truetype");font-style:italic;font-weight:600;font-display:swap}
:root{--crew-brand-font:"Crew Rubik",Arial,sans-serif;--crew-page-gutter:5vw}
a.brand,.cinema-content .crew-wordmark{font-family:var(--crew-brand-font);font-weight:600;font-style:italic;font-synthesis:none;text-transform:none;letter-spacing:0;line-height:1.2}
header>a.brand{font-size:clamp(15px,1.65vw,22px);letter-spacing:0}
.drawer-head a.brand{font-size:20px;letter-spacing:0}
.site-footer .footer-identity a.brand{font-size:20px;letter-spacing:0}
.cinema-content .crew-wordmark{font-size:clamp(30px,5.2vw,72px);margin:0;text-align:center;white-space:nowrap}
.crew-identity{gap:18px}
.crew-identity .crew-mark{width:clamp(90px,14vw,180px);height:auto}
/* One shared left edge for page copy, headings, and their translations. */
.wrap{padding-inline:var(--crew-page-gutter)}
header{padding-inline:var(--crew-page-gutter)}
:is(.artist-directory,.archive-page,.about-page,.board-page,.support-page,.approvals-page,.studio-page,.auth-page) > :is(.eyebrow,h1,h2,.about-title,.muted,.page-intro){margin-inline:0;padding-inline:0;text-align:start}
:is(.archive-heading,.section-heading,.community-heading,.approval-heading,.support-heading) :is(h1,h2,h3,.eyebrow){margin-inline:0;padding-inline:0;text-align:start}
:is(.artist-directory,.archive-heading,.community-heading,.about-title,.support-heading) .english-caption{margin-inline:0;padding-inline:0;text-align:inherit}
.section-heading>div{padding-inline:0}
.site-footer{margin-inline:auto;width:calc(100% - 2 * var(--crew-page-gutter));max-width:calc(1440px - 2 * var(--crew-page-gutter))}
@media(max-width:760px){:root{--crew-page-gutter:6vw}header>a.brand{font-size:clamp(13px,3.5vw,19px)}.cinema-content .crew-wordmark{font-size:clamp(26px,7vw,42px)}.crew-identity{gap:16px}.crew-identity .crew-mark{width:clamp(90px,23vw,120px)}}