.opening{background:#0b0b0d;position:relative;overflow:hidden}.opening canvas{width:100%;height:100%;display:block;position:absolute;inset:0}@media (scripting:enabled){.opening-stage{min-height:200lvh;margin-top:-4rem}.cinematic .opening-stage{min-height:150lvh}.opening{height:100lvh;position:sticky;top:0}.opening-stage:not(:has(.opening[data-still]))>section{z-index:1;pointer-events:none;background:0 0;border-color:#0000;flex-direction:column;justify-content:center;min-height:100lvh;margin-top:-100lvh;padding-top:4rem;display:flex;position:sticky;top:0}.opening-stage:not(:has(.opening[data-still]))>section>div{opacity:0;will-change:opacity, filter;width:100%;padding-block:0 2rem}.opening-stage[data-in]:not(:has(.opening[data-still]))>section>div{pointer-events:auto}.opening-stage:not(:has(.opening[data-still]))>section>div:has(:focus-visible:not([tabindex="-1"])){pointer-events:auto}header{transition:background-color .2s,border-color .2s}:root[data-opening=over] header{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}:root[data-opening=over] header :is(a,button,fieldset):not(dialog *){--fg:#fafafa;--fg-soft:#d4d4d8;--fg-faint:#a1a1aa;--line:#ffffff2e;--line-strong:#ffffff4d;--bg:#ffffff0f;--bg-soft:#ffffff0f;--bg-sunk:#ffffff1f;--mark:#ececec}.opening-stage:has(.opening[data-still]){min-height:0}.opening-stage:has(.opening[data-still]) .opening{position:relative}}@media (scripting:none){.opening{display:none}}