/* Same grotesk as the approved WE BUILD / SOUL heading throughout the interface */
:root{--bbq-font:Arial,Helvetica,sans-serif;--bbq-weight:700;--bbq-tracking:-.02em;--bbq-display-tracking:-.0642857em;--bbq-word-spacing:.11em}
/* Preserve the approved bold, tight display face while keeping ordinary words
   distinct in paragraphs, captions, dialogs and controls at every size. */
body,body *,body *::before,body *::after{font-family:var(--bbq-font)!important;font-weight:var(--bbq-weight)!important;letter-spacing:var(--bbq-tracking)!important;word-spacing:var(--bbq-word-spacing)!important;text-transform:uppercase}
h1,h2,h3,.case-tag,.tile-caption strong,.case-cover-caption strong,.menu-monogram,.closing-line{--bbq-tracking:var(--bbq-display-tracking);--bbq-word-spacing:.14em}
.chapter,.corner-signature,.case-facts,.film-list small,#filmStatus,.drag-hint,.welcome-edition,.moment-heading p,.conviction-card small,.form-note,.text-footer{--bbq-tracking:-.005em;--bbq-word-spacing:.1em}
.welcome-expansion{--bbq-tracking:-.035em;--bbq-word-spacing:.16em}
/* One typographic system: upright capitals + the same bold italic accent as WITH */
em,em *{font-style:italic;text-transform:lowercase}
input,textarea{text-transform:none;--bbq-tracking:0;--bbq-word-spacing:0}
input::placeholder,textarea::placeholder{font-family:var(--bbq-font);font-weight:var(--bbq-weight);letter-spacing:0;word-spacing:.08em;text-transform:uppercase}
h1,h2,h3,.case-story h1,.case-tag,.tile-caption strong,.case-cover-caption strong,.menu-monogram,.closing-line{font-weight:700}
em{font-family:var(--bbq-font);font-weight:700;letter-spacing:-.055em}
.welcome-mark{font-weight:700;letter-spacing:-.075em}.welcome-expansion{font-weight:700;letter-spacing:-.055em}
.welcome-statement{font-size:14px;line-height:1.1}.welcome-edition{font-size:11px;line-height:1.15}.enter-studio span{font-size:10px;line-height:1.05}.skip-intro{font-size:11px}.conviction-card small{font-size:10px;line-height:1.05;margin-bottom:8px}.corner-signature{font-size:10px}
.conviction-card strong{line-height:1.02}.manifesto p,.commission-layout p,.case-story>p,.form-note{line-height:1.45;text-wrap:pretty}.commission-lead{text-wrap:balance!important}
.chapter,.corner-signature,.case-facts,.film-list small,#filmStatus,.drag-hint,.welcome-edition,.moment-heading p{font-weight:600}
.index-button{font-weight:700;font-size:12px;padding-inline:16px}.nav-bbq{font-size:13px;font-weight:800;letter-spacing:-1px;line-height:1}.corner-signature>span{font-size:12px;font-weight:700;letter-spacing:-.7px}
@media(max-width:650px){.index-button{font-size:11px;padding-inline:12px}}

.collaborate-button{gap:9px;font-size:12px;font-weight:700;padding-inline:15px}.collaborate-button>span{font-size:14px;font-weight:400}.chrome-nav{align-items:center}@media(max-width:650px){.collaborate-button{font-size:11px;padding-inline:11px;gap:6px}.collaborate-button>span{font-size:12px}}

.conviction-symbol,.conviction-card:nth-child(2) .conviction-symbol,.conviction-card:nth-child(3) .conviction-symbol,.conviction-card:nth-child(4) .conviction-symbol{background:#101010;border-color:#ffffff14;overflow:hidden;padding:0}
.conviction-symbol img{display:block;width:100%;height:100%;object-fit:contain}
.conviction-card{background:#191919;border-color:#ffffff26;box-shadow:0 14px 35px #0005;backdrop-filter:none;color:#f3f3ed}
.conviction-card small{color:#939393}.conviction-card strong{font-weight:600}
.conviction-stack:hover .conviction-card.arrived,.conviction-stack:focus-visible .conviction-card.arrived{background:#202020;border-color:#ffffff45}
.is-welcome .motion-tools,.is-opening .motion-tools{background:none;border:0;padding:0;backdrop-filter:none}

.welcome-logo{display:block;width:clamp(215px,20vw,350px);height:auto;max-width:80vw;margin:auto}.welcome-identity .welcome-expansion{margin-top:4px}.wordmark img{width:64px;height:40px;object-fit:contain}.icon-button.lime img.nav-bbq{width:32px;height:24px;object-fit:contain;filter:brightness(0)}.corner-signature>img{width:32px;height:20px;object-fit:contain}
@media(max-width:650px){.wordmark img{width:51px;height:32px}.icon-button.lime img.nav-bbq{width:28px}.welcome-identity .welcome-expansion{font-size:16px;margin-top:3px}}

.menu-monogram img{width:clamp(150px,20vw,280px);height:auto}

@media(max-width:650px){.welcome-statement{font-size:12px}}
