/* Family compatibility (v3): the film pages' own class names, drawn in the homepage family.
   Loaded after the homepage base stylesheet; replaces iim-v2.css on those pages. */
.skip{position:absolute;left:-9999px;top:0}.skip:focus{left:12px;top:calc(var(--gs-head) + 8px);z-index:200;background:var(--butter);padding:10px 14px;border:2px solid var(--ink);border-radius:8px}
.page{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,40px) 24px}
.page>section{padding-block:clamp(36px,5vw,64px)}
.page>section:first-of-type{background:var(--red);color:var(--cream);margin:0 calc(50% - 50vw);padding:clamp(56px,7vw,88px) calc(50vw - 50% + clamp(0px,0vw,0px)) clamp(48px,6vw,72px)}
.page>section:first-of-type .eyebrow{color:var(--butter)}
.page>section:first-of-type .subhead{color:rgba(251,243,228,.92)}
.page>section:first-of-type .h-display em{color:var(--butter)}
.h-display{font:400 clamp(56px,8.4vw,120px)/.92 var(--anton);margin:0 0 20px;color:inherit}
.h-display em,.h-section em{font-style:normal}
.h-display em{color:var(--red)}
.h-section{font:400 clamp(36px,4.8vw,58px)/1.02 var(--anton);margin:0 0 18px}
.h-section em{color:var(--red)}
.subhead{font:italic 400 clamp(20px,2.2vw,26px)/1.42 var(--serif);max-width:62ch;margin:0}
.serif-pull{font-family:var(--serif);font-style:italic}
.body-large{font-size:clamp(18px,1.5vw,21px);line-height:1.6;margin:0 0 14px}
.body-soft,.muted{color:var(--ink-2)}
.caption{font-size:13px;color:var(--ink-3)}
.divider{height:0;border:0;border-top:2px solid var(--hair);margin:28px 0}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:26px}
.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:8px;font:700 16px/1 var(--sans);border-radius:999px;padding:15px 22px;text-decoration:none;cursor:pointer;white-space:nowrap}
.btn-primary{background:var(--butter);color:var(--ink)!important;border:2px solid var(--ink);box-shadow:var(--sh-s)}
.btn-primary:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
.btn-secondary{background:transparent;color:inherit;border:2px solid currentColor}
.page>section:first-of-type .btn-primary{background:var(--butter)!important;color:var(--ink)!important}
.page>section:first-of-type .btn-secondary{color:var(--cream)!important;border-color:rgba(251,243,228,.8)!important}
.btn-link{font-weight:700;text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
.hub-stat{border-top:2px solid var(--ink);padding-top:14px}
.hub-stat-num{font:400 clamp(44px,5vw,64px)/1 var(--anton);color:var(--red)}
.hub-stat-cap{font-size:15px;line-height:1.45;margin-top:8px}
:root{--ink-soft:var(--ink-2);--ink-faint:var(--ink-3);--rule:var(--hair);--rule-strong:rgba(32,28,24,.24)}
/* the page's own pieces, in the family's frame */
:is(.ag-grid,.br-grid) .tile{color:var(--ink)!important;background:var(--paper)!important;aspect-ratio:auto!important;min-height:0!important}
:is(.ag-grid,.br-grid) .tile img{height:auto!important}
:is(.ag-grid,.br-grid) .tile:hover img{transform:none!important}
:is(.ag-grid,.br-grid) .tile h3{color:var(--ink)!important}
:is(.ag-grid,.br-grid) .tile p{color:var(--ink-2)!important}
:is(.ag-grid,.br-grid) .tile::after,:is(.ag-grid,.br-grid) .tile::before{content:none!important}
.ag-film,.ag-shot,.ag-turn,.ag-logos{border:var(--bd);box-shadow:6px 6px 0 var(--ink)!important;border-radius:14px!important}
.ag-turn h2{font-family:var(--anton)!important;font-weight:400!important;letter-spacing:.005em!important;text-transform:none!important}
:is(.ag-grid,.br-grid) .tile{border:var(--bd)!important;border-radius:14px!important;box-shadow:var(--sh);background:var(--paper)}
:is(.ag-grid,.br-grid) .tile .fig{font-family:var(--anton)!important;font-weight:400!important}
.ag-quote{font-family:var(--serif)}