body.project-page>.header{position:sticky;top:0;inset:auto;z-index:20;background:#090a08f5}
.project-page-links{display:flex;flex-wrap:wrap;gap:14px;margin:8px 0 34px}
.project-page-links a{display:inline-flex;align-items:center;min-height:48px;padding:12px 20px;border:1px solid #ffe430;border-radius:6px;color:#090a08;background:#ffe430;font-weight:700;font-size:15px}
.project-page-links a.secondary{background:transparent;color:#ffe430}
.project-page-links a:hover{filter:brightness(1.15)}
.project-page .simple-footer{justify-content:space-between}
.project-heading{position:static;display:block;padding:28px 0 12px;border:0}
.project-heading h1{font-size:clamp(36px,6vw,66px);line-height:1.08;margin:0 0 14px}
.project-overview{display:grid;grid-template-columns:minmax(120px,240px) 1fr;align-items:center;gap:32px;padding:10px 0 36px}
.project-overview>img{display:block;width:100%;height:auto;border:1px solid #ffe43060;border-radius:6px}
.project-overview p{max-width:560px;font-size:18px;line-height:1.7}
.project-page .project-page-links{margin-top:32px}
.project-page .theater+.theater{margin-top:32px}
@media(max-width:600px){.project-overview{grid-template-columns:110px 1fr;gap:20px}.project-overview p{font-size:15px}.project-heading h1{font-size:36px}}

.project-page .chronicles-main{position:relative;isolation:isolate}
.project-page .chronicles-main::before{content:"";position:absolute;z-index:-1;top:25px;left:0;right:0;height:480px;pointer-events:none;background:radial-gradient(ellipse at 20% 15%,var(--project-glow,#ffe4301c),transparent 68%)}
.project-page:has(.project-kind:first-child) .project-heading{padding-top:36px}
.project-kind{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#ffe430;margin:0 0 14px}
.project-overview{align-items:center;grid-template-columns:minmax(150px,280px) minmax(0,1fr);gap:clamp(22px,4vw,56px)}
.project-overview>img{box-shadow:0 18px 45px #0008}
.project-overview p{font-size:clamp(18px,2.2vw,23px);line-height:1.55;max-width:590px;margin-top:0}
.project-overview-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 19px;border:1px solid #ffe430;border-radius:8px;color:#ffe430;font-size:15px;font-weight:700}
.project-overview-action:hover{background:#ffe430;color:#11130b}
.project-overview-action:focus-visible{outline:3px solid #fff;outline-offset:4px}
.project-page:has(a[href="#world-trailer"]){--project-glow:#2875d83b}
.project-page:has(a[href="#hats-trailer"]){--project-glow:#6930b637}
.project-page:has(a[href="#agency-links"]){--project-glow:#158f9030}
.project-page #first-look,.project-page #world-trailer,.project-page #hats-trailer,.project-page #agency-links{scroll-margin-top:115px}
@media(max-width:600px){.project-overview{grid-template-columns:minmax(108px,36%) minmax(0,1fr);gap:16px}.project-overview p{font-size:clamp(15px,4vw,18px);line-height:1.5}.project-heading h1{font-size:clamp(32px,8vw,40px)}.project-overview-action{padding:9px 12px;font-size:13px}}
.project-page .theater[hidden],.project-page a[hidden]{display:none!important}