/* Keep title and credits in separate rows so short and zoomed screens cannot overlap. */
.hero{height:auto;min-height:max(780px,100svh);display:grid;grid-template-rows:1fr auto}
.hero .hero-copy{position:relative;top:auto;left:auto;right:auto;align-self:center;margin:170px 7.4vw 60px}
.hero .hero-bottom{position:relative;left:auto;right:auto;bottom:auto;margin:0 7.4vw 38px}
/* Keep hero credits in separate layout tracks, including narrow and zoomed views. */
.hero-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;column-gap:clamp(24px,4vw,70px)}
.hero-bottom .hero-origin{display:block;min-width:0;max-width:none;line-height:1.65;letter-spacing:.08em;overflow-wrap:normal}
.hero-bottom .film-button{justify-self:center;min-width:0;line-height:1.55;letter-spacing:.08em}
.hero-bottom .play-circle{flex-shrink:0}.hero-bottom .scroll-note{justify-self:end}
@media(max-width:1000px){.hero-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.hero-bottom .film-button{justify-self:end;text-align:left}.hero-bottom .scroll-note{display:none}}
@media(max-width:570px){.hero{height:auto;min-height:max(820px,100svh);display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:28px}.hero .hero-copy{position:relative;top:auto;left:auto;right:auto;margin:0;padding:180px 7vw 50px}.hero .hero-bottom{position:relative;left:auto;right:auto;bottom:auto;margin:0 7vw;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}.hero-bottom .film-button{justify-self:start}.hero-bottom .hero-origin{font-size:14px;line-height:1.65}.hero-bottom .film-button>span:last-child{min-width:0}}
/* Partner UX review. Preserve smaller-screen menu behavior. */
.main-nav a[aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
@media(min-width:1280px){.site-header{padding-left:3vw;padding-right:3vw;gap:24px}.site-header .main-nav,.site-header .main-nav.open{display:flex;position:static;flex-direction:row;align-items:center;gap:21px;padding:0;border:0;max-height:none;overflow:visible;background:transparent;color:inherit}.site-header .main-nav>a,.site-header .main-nav.open>a{font-size:15px;letter-spacing:0;white-space:nowrap;padding:12px 0;border:0}.site-header .menu-toggle{display:none}.header-right{gap:12px}.brand img{width:160px}.brand small{font-size:11px}}
.ux-section{padding-top:60px;padding-bottom:70px;scroll-margin-top:120px}.ux-section>p{max-width:800px;font-size:18px;line-height:1.8;margin:20px 0 35px}.ux-section h2,.ux-material-overview h2{font-size:clamp(30px,3.3vw,48px);font-weight:400;letter-spacing:-.035em}.ux-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.ux-product-grid img{width:100%;height:290px;object-fit:cover}.ux-product-grid h3{font-size:28px;font-weight:400;margin:20px 0 12px}.ux-material-overview{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-bottom:65px}.ux-material-overview img{width:100%;height:300px;object-fit:cover}.ux-material-overview h2{font-size:32px;margin:22px 0 15px}.ux-material-overview p{font-size:17px;line-height:1.8;margin-bottom:20px}.ux-material-overview a{font-size:16px;text-decoration:underline;text-underline-offset:6px}.ux-edition-note{font-size:18px;line-height:1.8;max-width:900px;margin:25px 0}.ux-colour-preview{margin:22px 0}.ux-colour-preview img,.ux-colour-approx{width:100%;height:145px;object-fit:cover;display:block}.ux-colour-preview [hidden]{display:none!important}.ux-colour-preview figcaption{font-size:15px;line-height:1.6;margin-top:9px}.ux-colour-note{font-size:14px!important;line-height:1.7!important}.ux-material-target{scroll-margin-top:120px}
@media(max-width:850px){.ux-product-grid,.ux-material-overview{grid-template-columns:1fr}.ux-product-grid{gap:35px}.ux-section{padding-top:35px;padding-bottom:45px}.ux-product-grid img{height:260px}.ux-material-overview img{height:260px}.ux-material-overview{gap:35px}.ux-colour-preview img,.ux-colour-approx{height:125px}}