.enter{z-index:85;background-color:var(--primary);color:var(--on-slab);text-align:center;place-items:center;padding:40px;display:grid;position:fixed;inset:0;overflow:hidden}.enter.in{animation:enter-in .24s var(--ease-out) both}.enter.out{animation:.5s cubic-bezier(.5,0,.75,0) both enter-out}@keyframes enter-in{0%{clip-path:polygon(0 0,0 0,-30% 100%,0 100%)}to{clip-path:polygon(0 0,130% 0,100% 100%,0 100%)}}@keyframes enter-out{0%{clip-path:polygon(0 0,130% 0,100% 100%,0 100%)}to{clip-path:polygon(130% 0,130% 0,100% 100%,100% 100%)}}.enter-in{justify-items:center;gap:14px;max-width:min(1100px,92vw);display:grid;position:relative}.enter h2{text-wrap:balance;font-size:clamp(38px,6.4vw,104px);line-height:.96}.enter h2 span{animation:enter-word .6s var(--ease-out) both;animation-delay:calc(var(--k,0) * 90ms);margin:0 .12em;display:inline-block}.enter p{opacity:.9;animation:enter-word .55s var(--ease-out) both;font-size:clamp(15px,1.4vw,19px);font-weight:600;animation-delay:.28s}.enter:is(.in,.kept) :is(h2 span,.enter-in p){animation:none}.enter.in .enter-st{display:none}@keyframes enter-word{0%{opacity:0;transform:translateY(34px)}}.enter .enter-load{letter-spacing:.01em;opacity:.92;justify-content:center;align-items:center;gap:12px;font-size:15px;font-weight:600;animation:none;display:flex;position:absolute;bottom:clamp(28px,7vh,64px);left:0;right:0}.enter-load .veil-bars{gap:5px;display:flex}.enter-load .veil-bars i{background:var(--on-slab);width:22px;height:7px;animation:1.05s ease-in-out infinite veil;transform:skew(-28deg)}.enter-load .veil-bars i:nth-child(2){animation-delay:.16s}.enter-load .veil-bars i:nth-child(3){animation-delay:.32s}@keyframes veil{0%,to{opacity:.16}40%{opacity:1}}.enter-st{pointer-events:none;position:absolute;inset:0}.enter-st i{width:clamp(18px,2vw,30px);animation:enter-drop .85s var(--ease-out) both;animation-delay:calc(var(--k) * .1s + .1s);position:absolute;top:-8%;transform:skew(-17deg)translateY(-125%)}@keyframes enter-drop{to{transform:skew(-17deg)}}.enter-st i:first-child{--k:0;background:color-mix(in srgb, var(--on-slab) 22%, transparent);height:34%;right:7vw}.enter-st i:nth-child(2){--k:1;background:var(--slab-lit);height:25%;right:10.5vw}.enter-st i:nth-child(3){--k:2;background:color-mix(in srgb, var(--primary) 55%, black);height:16%;right:14vw}.enter-st i:nth-child(n+4){top:auto;bottom:-8%;transform:skew(-17deg)translateY(125%)}.enter-st i:nth-child(4){--k:3;background:color-mix(in srgb, var(--primary) 55%, black);height:30%;left:7vw}.enter-st i:nth-child(5){--k:4;background:var(--slab-lit);height:19%;left:10.5vw}.enter.calm,.enter.calm *{animation:none!important}.enter.calm .enter-st i{transform:skew(-17deg)}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.16s;animation-timing-function:var(--ease-out)}::view-transition-new(root){animation-duration:.16s;animation-timing-function:var(--ease-out)}#rail{view-transition-name:rail}@media (prefers-reduced-motion){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.warm{--w:calc(var(--lean-x) + 9px);top:0;bottom:0;left:calc(var(--w) * -1);z-index:85;width:calc(100vw + var(--w) * 2);color:var(--on-slab);clip-path:polygon(var(--lean-x) 0, 100% 0, calc(100% - var(--lean-x)) 100%, 0 100%);place-items:center;display:grid;position:fixed}.warm:before,.warm:after,.warm-slash{content:"";background:var(--ink);clip-path:polygon(var(--lean-x) 0, calc(var(--lean-x) + 9px) 0, 9px 100%, 0 100%)}.warm:before,.warm:after{width:var(--w);position:absolute;top:0;bottom:0}.warm:before{left:0}.warm:after{right:0}.warm.out{animation:warm-out var(--leave,.62s) cubic-bezier(.6, 0, .8, .2) both}@keyframes warm-out{to{transform:translate(-100%)}}.warm-in{animation:rise .4s var(--ease-out) both;align-items:center;gap:clamp(18px,2.4vw,34px);display:flex}.warm-in .warm-logo{aspect-ratio:1;background:var(--logo) center / contain no-repeat;width:clamp(64px,8vw,104px);filter:var(--logo-filter)}.warm-in .warm-slash{--lean-x:calc(var(--h) * .2126);--h:clamp(88px, 13vh, 132px);width:calc(var(--lean-x) + 9px);height:var(--h);background:var(--on-slab)}.warm-in p{font:italic 900 clamp(26px, 3.4vw, 46px)/.95 var(--font-display);text-transform:uppercase;letter-spacing:-.02em}@media (prefers-reduced-motion){.warm-in{animation:none}.warm.out{animation:.2s both warm-fade}@keyframes warm-fade{to{opacity:0}}}