body.home-page #belief { align-items:flex-end; padding-bottom:clamp(64px,10dvh,104px); background:#091019; }
body.home-page #belief .belief-layout { width:min(100%,640px); max-width:none; margin:0; }
body.home-page #belief .belief-scene img { width:100%; height:100%; margin:0; object-fit:cover; object-position:50% 50%; }
body.home-page #belief .belief-scene::after { inset:0; width:100%; height:100%; background:linear-gradient(90deg,#040a1266,transparent 70%),linear-gradient(0deg,#040a12e6,#040a1257 32%,transparent 65%); }
html body.home-page #belief h2 { max-width:none; font-size:clamp(40px,4.6vw,64px); line-height:1.13; font-weight:500; letter-spacing:-.035em; }
body.home-page #belief .chapter-kicker { margin-bottom:20px; color:#e1e1db; }
body.home-page #belief .belief-statement>p:not(.chapter-kicker) { max-width:38ch; color:#e4e3de; }
body.home-page #belief .brand-film-launch { gap:20px; margin-top:26px; padding:15px 24px; border-color:#ffffffad; background:#ffffff0a; font-size:12px; text-transform:none; }
body.home-page #belief .brand-film-launch:hover { background:#fff; }
@media(max-width:600px) and (min-height:501px) {
  body.home-page #belief { padding-bottom:72px; }
  body.home-page #belief .belief-layout { width:100%; }
  body.home-page #belief .belief-scene img { object-position:48% 50%; }
  body.home-page #belief .belief-scene::after { background:linear-gradient(0deg,#040a12f2,#040a128c 34%,transparent 66%); }
  html body.home-page #belief h2 { max-width:9em; font-size:38px; }
  body.home-page #belief .belief-statement>p:not(.chapter-kicker) { max-width:28ch; font-size:14px; }
  body.home-page #belief .chapter-kicker { margin-bottom:14px; }
}
@media(max-height:500px) {
  body.home-page #belief { padding-bottom:42px; }
  body.home-page #belief .belief-layout { width:min(60%,540px); margin:0; }
  html body.home-page #belief h2 { font-size:30px; }
  body.home-page #belief .chapter-kicker { margin-bottom:10px; }
  body.home-page #belief .belief-statement>p:not(.chapter-kicker) { margin-top:12px; font-size:12px; }
  body.home-page #belief .brand-film-launch { min-height:40px; margin-top:16px; padding:10px 18px; font-size:10px; }
}
.brand-film-duration { font-variant-numeric:tabular-nums; opacity:.65; }
.brand-film-launch svg { flex-shrink:0; }
html:has(.brand-film-dialog[open]), html:has(.brand-film-dialog[open]) body { overflow:hidden; }
.brand-film-dialog { box-sizing:border-box; position:fixed; inset:0; width:100%; height:100dvh; max-width:none; max-height:none; margin:0; padding:max(20px,env(safe-area-inset-top)) clamp(20px,4vw,64px) max(20px,env(safe-area-inset-bottom)); border:0; color:#f1f0e9; background:#080a0c; }
.brand-film-dialog[open] { display:grid; grid-template-rows:auto minmax(0,1fr) auto; gap:20px; }
.brand-film-dialog::backdrop { background:#080a0c; }
.brand-film-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand-film-heading h2 { margin:0; color:inherit; font-size:clamp(16px,1.6vw,23px); font-weight:400; line-height:1.5; letter-spacing:-.025em; }
.brand-film-close { display:grid; flex-shrink:0; place-items:center; width:44px; height:44px; padding:0; border:1px solid #ffffff40; border-radius:50%; background:transparent; color:inherit; cursor:pointer; }
.brand-film-close:hover { color:#080a0c; background:#f1f0e9; }
.brand-film-close:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
.brand-film-video { display:block; width:100%; height:100%; min-width:0; min-height:0; margin:0; object-fit:contain; background:#080a0c; }
.brand-film-footnote { display:flex; justify-content:space-between; gap:24px; color:#a8ada9; font-size:11px; line-height:1.5; }
@media(max-height:500px) { .brand-film-dialog { padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left)); } .brand-film-dialog[open] { gap:8px; } .brand-film-heading h2 { font-size:15px; } .brand-film-footnote { font-size:9px; } }

body.home-page #preorder { position:relative; isolation:isolate; display:flex; align-items:flex-end; overflow:hidden; padding:var(--frame-top) var(--page-pad) clamp(64px,9dvh,96px); border:0; background:#100e12; color:#fff8ec; }
body.home-page #preorder .invitation-portrait { position:absolute; z-index:0; inset:var(--header-height) 0 0; width:100%; max-width:none; margin:0; }
body.home-page #preorder .invitation-portrait img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 40%; }
body.home-page #preorder .invitation-portrait::after { position:absolute; inset:0; content:""; background:linear-gradient(90deg,#150d1766,transparent 72%),linear-gradient(0deg,#150d17e6,#150d1752 38%,transparent 72%); }
body.home-page #preorder .invitation-portrait figcaption { position:absolute; z-index:1; inset-inline-end:var(--page-pad); bottom:24px; color:#f3e8d6b3; font-size:9px; line-height:1.5; }
body.home-page #preorder>.page-shell { position:relative; z-index:1; width:min(100%,720px); max-width:none; margin:0; padding:0; }
body.home-page #preorder .chapter-kicker { margin:0 0 20px; color:#e7cdb0; font-size:10px; letter-spacing:.16em; text-transform:uppercase; }
html body.home-page #preorder h2 { max-width:720px; margin:0; color:#fff8ec; font-size:clamp(40px,4.8vw,68px); line-height:1.12; font-weight:500; letter-spacing:-.035em; text-wrap:balance; }
html[lang|="zh"] body.home-page #preorder h2 { max-width:7em; }
body.home-page #preorder .invitation-lead { max-width:40ch; margin:22px 0 0; color:#eee5d9; font-size:15px; line-height:1.7; text-wrap:pretty; }
body.home-page #preorder .invitation-action { margin:0; }
body.home-page #preorder .button-primary { min-height:52px; margin:26px 0 0; padding:16px 26px; border:1px solid #fff4e5; border-radius:0; background:#fff4e5; color:#211821; font-size:12px; font-weight:400; gap:38px; box-shadow:none; }
body.home-page #preorder .button-primary:hover { background:#fff; border-color:#fff; }
body.home-page #preorder .availability-note { margin:12px 0 0; color:#d6c8b7; font-size:10px; line-height:1.5; }
@media(max-width:600px) and (min-height:501px) {
  body.home-page #preorder { padding-bottom:64px; }
  body.home-page #preorder .invitation-portrait img { object-position:48% 40%; }
  body.home-page #preorder .invitation-portrait::after { background:linear-gradient(0deg,#150d17f2,#150d178c 35%,transparent 73%); }
  html body.home-page #preorder h2 { font-size:38px; }
  body.home-page #preorder .chapter-kicker { margin-bottom:14px; }
  body.home-page #preorder .invitation-lead { max-width:28ch; margin-top:18px; font-size:14px; }
  body.home-page #preorder .button-primary { margin-top:22px; }
  body.home-page #preorder .invitation-portrait figcaption { bottom:20px; font-size:8px; }
}
@media(max-height:500px) {
  body.home-page #preorder { padding-bottom:34px; }
  body.home-page #preorder>.page-shell { width:min(60%,640px); }
  html body.home-page #preorder h2 { font-size:30px; }
  body.home-page #preorder .chapter-kicker { margin-bottom:9px; font-size:8px; }
  body.home-page #preorder .invitation-lead { max-width:40ch; margin-top:12px; font-size:12px; line-height:1.5; }
  body.home-page #preorder .button-primary { min-height:42px; margin-top:16px; padding:10px 20px; font-size:11px; }
  body.home-page #preorder .availability-note { margin-top:9px; font-size:9px; }
  body.home-page #preorder .invitation-portrait figcaption { bottom:16px; font-size:8px; }
}