.opening{background:#0b0b0d;position:relative;overflow:hidden}.opening canvas{width:100%;height:100%;display:block;position:absolute;inset:0}@media (scripting:enabled){.opening-stage{margin-top:-4rem}.opening{height:100lvh}.opening-dim{--x:var(--light-x,50%);--y:var(--light-y,50%);--shut:rgb(0 0 0/calc(1 - var(--lift,0)));pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 19rem 12rem at calc(var(--x) - 3rem) calc(var(--y) + 1.5rem), var(--shut) 25%, #000 100%), radial-gradient(ellipse 11rem 16rem at calc(var(--x) + 8rem) calc(var(--y) - 5rem), var(--shut) 20%, #000 100%), radial-gradient(ellipse 10rem 8rem at calc(var(--x) - 12rem) calc(var(--y) - 7rem), var(--shut) 15%, #000 100%), radial-gradient(ellipse 14rem 9rem at calc(var(--x) + 4rem) calc(var(--y) + 10rem), var(--shut) 20%, #000 100%);mask-image:radial-gradient(ellipse 19rem 12rem at calc(var(--x) - 3rem) calc(var(--y) + 1.5rem), var(--shut) 25%, #000 100%), radial-gradient(ellipse 11rem 16rem at calc(var(--x) + 8rem) calc(var(--y) - 5rem), var(--shut) 20%, #000 100%), radial-gradient(ellipse 10rem 8rem at calc(var(--x) - 12rem) calc(var(--y) - 7rem), var(--shut) 15%, #000 100%), radial-gradient(ellipse 14rem 9rem at calc(var(--x) + 4rem) calc(var(--y) + 10rem), var(--shut) 20%, #000 100%);background:#0b0b0d73;position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}.opening-dim:after{content:"";opacity:var(--lift,0);-webkit-backdrop-filter:brightness(1.45)saturate(1.2);backdrop-filter:brightness(1.45)saturate(1.2);-webkit-mask-image:radial-gradient(ellipse 13rem 8rem at calc(var(--x) - 2rem) calc(var(--y) + 1rem), #000 20%, transparent 100%), radial-gradient(ellipse 7rem 11rem at calc(var(--x) + 7rem) calc(var(--y) - 4rem), #000 10%, transparent 100%), radial-gradient(ellipse 6rem 5rem at calc(var(--x) - 11rem) calc(var(--y) - 6rem), #000 10%, transparent 100%);mask-image:radial-gradient(ellipse 13rem 8rem at calc(var(--x) - 2rem) calc(var(--y) + 1rem), #000 20%, transparent 100%), radial-gradient(ellipse 7rem 11rem at calc(var(--x) + 7rem) calc(var(--y) - 4rem), #000 10%, transparent 100%), radial-gradient(ellipse 6rem 5rem at calc(var(--x) - 11rem) calc(var(--y) - 6rem), #000 10%, transparent 100%);position:absolute;inset:0}.opening-stage>section{z-index:1;background:0 0;border-color:#0000;flex-direction:column;justify-content:center;min-height:100lvh;margin-top:-100lvh;padding-top:4rem;display:flex;position:relative}.opening-stage>section>div{width:100%;padding-block:0 2rem}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}}@media (scripting:none){.opening{display:none}}