/* Archivo-only text system; supplied title artwork and logos are preserved. */
@font-face{font-family:Archivo;src:url('assets/Archivo-Variable.woff2?v=6ff769840a6c') format('woff2');font-weight:100 900;font-stretch:62.5% 125%;font-style:normal;font-display:swap}
@font-face{font-family:Archivo;src:url('assets/Archivo-Italic-Variable.woff2?v=97287ebad98b') format('woff2');font-weight:100 900;font-stretch:62.5% 125%;font-style:italic;font-display:swap}
html body,html body *:not(#title-1){font-family:Archivo,Arial,sans-serif!important}
body{font-optical-sizing:auto;font-synthesis:none}
/* Neutral body, subtitles and controls keep their approved sizes. */
html body .copy,html body .section-subtitle,html body p,html body .cost-detail,html body .cost-overview{font-weight:400!important}
html body strong,html body b{font-weight:700!important}
/* A compact heavy cut replaces Anton while retaining the existing headline geometry. */
html body h2.headline,html body h2.headline *{font-family:Archivo,Arial,sans-serif!important;font-weight:650!important;font-stretch:100%;font-variation-settings:'wdth' 100,'wght' 650}
html body .v01-overlay .intro-statement .section-subtitle{font-weight:700!important}
/* Identical font family throughout the selectors and labels, at existing weights. */
html body #title-deliverables,html body #production-quotation-control-title,html body #studio-control-title,html body #more-media-title{font-family:Archivo,Arial,sans-serif!important;font-weight:400!important}
html body .tabs button{font-weight:400!important}

html body #deliverables .offer-frame .deliverables-note,html body #deliverables .offer-frame .optional-disclosure>.disclosure-toggle,html body #deliverables #more-media-title{font-family:Archivo,Arial,sans-serif!important}

/* Overlay context matches the credit size, with a slightly stronger weight. */
html body .v01-overlay .intro-statement .section-subtitle{font-size:var(--body);font-weight:600!important;line-height:1.3;letter-spacing:0}

/* Tighter editorial leading, retaining the approved type sizes and artwork. */
html body p,html body .copy,html body .cost-detail,html body .cost-overview{line-height:1.24!important}
html body h2.headline,html body h2.headline *{line-height:1!important}
html body .section-subtitle,html body .large-copy,html body h3{line-height:1.08!important}
html body .v01-overlay .intro-statement .section-subtitle{line-height:1.16!important}

/* Shared compact inset for framed headings and disclosure controls. */
:root{--compact-header-inset:18px}
html body #deliverables .offer-frame{padding-top:var(--compact-header-inset)}
html body #deliverables .offer-frame>.section-head{margin-top:0;margin-bottom:var(--compact-header-inset);padding:0}
html body #title-deliverables,html body #production-quotation-control-title,html body #more-media-title{padding-top:0;padding-bottom:0;line-height:1.24!important}
html body #deliverables .offer-frame .optional-disclosure>.disclosure-toggle,html body #quotation .chapter-disclosure>.chapter-disclosure-toggle,html body #liqen .chapter-disclosure>.chapter-disclosure-toggle{padding-top:var(--compact-header-inset);padding-bottom:var(--compact-header-inset);min-height:0;line-height:1.24!important}
/* The V01 context uses the same body size as the production introduction. */
html body .production-lead .copy,html body .v01-overlay .intro-statement .section-subtitle{font-size:var(--body)}
html body .v01-overlay .intro-statement .section-subtitle{font-weight:600!important}

/* A little more scale and tighter leading for the four main editorial headings. */
html body #title-5,html body #title-6,html body #title-7,html body #title-10{font-size:clamp(48.6px,5.445vw,81px)!important;line-height:.94!important}
html body #title-5 *,html body #title-6 *,html body #title-7 *,html body #title-10 *{line-height:inherit!important}

/* Anchor the three film qualities to the bottom of the adjacent paragraph. */
@media(min-width:901px){
 html body #the-film .film-copy>.section-head{display:flex;flex-direction:column;align-self:stretch;justify-content:space-between;margin-bottom:0}
 html body #the-film .film-copy>.section-head>.section-subtitle{margin-top:auto;padding-top:24px;margin-bottom:0}
 html body #the-film .film-copy>.copy{margin-bottom:0}
}

/* Keep the budget note on one line in the desktop layout. */
@media(min-width:901px){html body #quotation .cost-terms{max-width:none;width:100%;white-space:nowrap;font-size:clamp(12px,1.152vw,18px);text-align:center}}

/* One shared height for the three disclosure buttons. */
html body #deliverables .offer-frame .optional-disclosure>.disclosure-toggle,
html body #quotation .chapter-disclosure>.chapter-disclosure-toggle,
html body #liqen .chapter-disclosure>.chapter-disclosure-toggle{height:calc(2 * var(--compact-header-inset) + 24.8px);min-height:calc(2 * var(--compact-header-inset) + 24.8px);padding-top:0;padding-bottom:0;display:flex;align-items:center;justify-content:center}

/* Three deliberate lines for the partner heading. */
html body #title-7>span{display:block;white-space:nowrap}
@media(min-width:901px){
 html body #the-film .film-copy{align-items:stretch}
 html body #the-film .film-copy>.section-head{height:100%;min-height:0;box-sizing:border-box;margin:0;display:flex;flex-direction:column}
 html body #the-film .film-copy>.section-head>.section-subtitle{margin-top:auto;padding-top:24px;margin-bottom:0}
 html body #the-film .film-copy>.copy{align-self:stretch;margin-bottom:0}
}

/* A little more breathing room above the opening credit logo. */
html body .v01-overlay .intro-credit{gap:.65em}

/* Slightly stronger reading text; titles, subtitles and credit stay unchanged. */
html body p.copy:not(.intro-credit):not(.section-subtitle),html body #liqen .studio-frame .studio-description{font-weight:450!important}

/* V11: keep its former square height and expand to a horizontal 5:4 frame. */
@media(min-width:901px){
 html body #lets-talk .placeholder[data-asset^="V11"]{width:125%;max-width:none;height:auto;aspect-ratio:5/4;margin-left:-25%;border-radius:0}
}

/* Hand-drawn quotation marks framing the supplied title artwork. */
html body .hero-head h1{width:min(calc(100% - 96px),907px);overflow:visible}
html body .hero-head h1>.title-quote{position:absolute;top:-2%;height:44%;width:auto;aspect-ratio:112/110;color:var(--accent);pointer-events:none;overflow:visible}
html body .hero-head h1>.title-quote--open{right:calc(100% + 12px)}
html body .hero-head h1>.title-quote--close{left:calc(100% + 12px);transform:rotate(180deg)}