:root{--fw-t: 0ms}.fw{position:fixed;inset:0;z-index:1000;pointer-events:none;display:grid;place-items:center;overflow:hidden;background:transparent;transform-origin:50% 50%;will-change:transform,opacity;animation:fw-in 224ms cubic-bezier(.2,.6,.3,1) calc(0ms - var(--fw-t)) both,fw-through 576ms cubic-bezier(.6,0,.4,1) calc(1024ms - var(--fw-t)) both}.fw__opening{position:relative;width:min(86vw,920px);height:min(52svh,560px);border:22px solid transparent;border-bottom-width:34px;border-image:linear-gradient(180deg,#c9c4bb,#d8d3cb) 1;background:transparent;box-shadow:inset 0 18px 24px -12px #00000073,0 30px 60px -20px #00000059,0 0 0 100vmax #e7e3dc}.fw__sill{position:absolute;left:-14px;right:-14px;bottom:-18px;height:30px;background:linear-gradient(180deg,#f3f1ec,#d8d4cc);box-shadow:0 10px 18px -6px #00000073,inset 0 1px #ffffffe6;border-radius:2px}.fw__frame{position:relative;width:100%;height:100%;border:15px solid #31363c;box-shadow:inset 2px 2px #ffffff24,inset -2px -2px #00000073,0 0 0 1px #00000059;perspective:1200px;perspective-origin:50% 50%;background:transparent}.fw__sash{position:absolute;top:0;bottom:0;width:50%;border:24px solid transparent;border-image:linear-gradient(135deg,#4a5159,#353a41 55%,#2c3036) 1;background:transparent;box-shadow:inset 1px 1px #ffffff1f,inset -1px -1px #00000080;transform-style:preserve-3d;will-change:transform,filter;animation-duration:.8s;animation-timing-function:cubic-bezier(.42,0,.18,1);animation-fill-mode:both}.fw__sash--l{left:0;transform-origin:0% 50%;animation-name:fw-open-l;animation-delay:calc(512ms - var(--fw-t))}.fw__sash--r{right:0;transform-origin:100% 50%;animation-name:fw-open-r;animation-delay:calc(576ms - var(--fw-t))}.fw__edge{position:absolute;top:0;bottom:0;width:20px;background:linear-gradient(180deg,#3d434a,#262a2f);backface-visibility:visible}.fw__sash--l .fw__edge{right:0;transform-origin:100% 50%;transform:rotateY(90deg)}.fw__sash--r .fw__edge{left:0;transform-origin:0% 50%;transform:rotateY(-90deg)}.fw__glass{position:absolute;inset:0;border:5px solid #3d434a;box-shadow:0 0 0 3px #0e1012,inset 0 0 0 1px #ffffff14;overflow:hidden;background:linear-gradient(165deg,#cde4f057,#96bed42e 50%,#78a5be4d)}.fw__glass:before,.fw__glass:after{content:"";position:absolute;top:-20%;bottom:-20%;width:9%;background:linear-gradient(90deg,#fff0,#ffffff38,#fff0);transform:skew(-24deg)}.fw__glass:before{left:18%}.fw__glass:after{left:58%;width:4%;opacity:.7}.fw__handle{position:absolute;top:50%;right:8px;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7fb0ff,#0b5ed7 55%,#083f91);box-shadow:0 2px 4px #0000008c,inset 0 -1px 2px #0000004d;transform-origin:13px 13px;animation:fw-handle 256ms cubic-bezier(.4,0,.2,1) calc(.24s - var(--fw-t)) both}.fw__handle:after{content:"";position:absolute;left:6px;top:10px;width:14px;height:74px;border-radius:7px;background:linear-gradient(90deg,#5e9bff,#0b5ed7 60%,#083f91);box-shadow:2px 3px 6px #00000080,inset 1px 0 #ffffffb3}.fw__hinge{position:absolute;width:12px;height:34px;border-radius:6px;background:linear-gradient(90deg,#e6e8eb,#a9aeb5 60%,#7c8188);box-shadow:0 1px 3px #0009}.fw__hinge--l{left:-7px}.fw__hinge--r{right:-7px}.fw__hinge--t{top:14%}.fw__hinge--b{bottom:14%}html.fw-leave body{animation:fw-leave .7s ease-out calc(0ms - var(--fw-t)) both}html.fw-enter{background:#e7e3dc}html.fw-enter body{transform-origin:50% 50%;animation:fw-page .8s cubic-bezier(.42,0,.18,1) calc(672ms - var(--fw-t)) both}@keyframes fw-in{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes fw-through{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(3.6)}}@keyframes fw-handle{0%{transform:rotate(0)}to{transform:rotate(-90deg)}}@keyframes fw-open-l{0%{transform:rotateY(0);filter:brightness(1)}12%{transform:rotateY(-4deg);filter:brightness(.97)}to{transform:rotateY(-110deg);filter:brightness(.62)}}@keyframes fw-open-r{0%{transform:rotateY(0);filter:brightness(1)}12%{transform:rotateY(4deg);filter:brightness(.97)}to{transform:rotateY(110deg);filter:brightness(.62)}}@keyframes fw-leave{0%{opacity:1}to{opacity:.55}}@keyframes fw-page{0%{transform:scale(.86);opacity:.3}to{transform:scale(1);opacity:1}}@media(max-width:599px){.fw__opening{width:86vw;height:min(50svh,420px);border-width:16px;border-bottom-width:26px}.fw__frame{border-width:12px}.fw__sash{border-width:18px}.fw__handle{right:4px;width:22px;height:22px;margin-top:-11px;transform-origin:11px 11px}.fw__handle:after{left:5px;top:8px;width:12px;height:56px}}@media(prefers-reduced-motion:reduce){.fw,.fw__sash,.fw__handle,html.fw-leave body,html.fw-enter body{animation:none!important}.fw{display:none!important}}.fw--tuer{display:block;transform-origin:50% 55%}.fw__opening--tuer{position:absolute;left:50%;top:6svh;bottom:0;width:40vw;height:auto;transform:translate(-50%);border:22px solid transparent;border-bottom:0;border-image:linear-gradient(180deg,#c9c4bb,#d8d3cb) 1;box-shadow:inset 0 18px 24px -12px #00000073,0 30px 60px -20px #00000059,0 0 0 100vmax #e7e3dc}.fw__frame--tuer{border-bottom-width:0;perspective-origin:50% 60%}.fw__frame--tuer .fw__hinge--1{top:10%}.fw__frame--tuer .fw__hinge--2{top:48%}.fw__frame--tuer .fw__hinge--3{top:86%}.fw__threshold{position:absolute;left:-22px;right:-22px;bottom:0;height:14px;background:linear-gradient(180deg,#e9ebee,#b9bec5 60%,#9aa0a7);box-shadow:0 -2px 6px #00000059,inset 0 1px #fffc}.fw__door{position:absolute;top:0;bottom:0;left:0;width:70%;background:linear-gradient(135deg,#4a5159,#353a41 55%,#2c3036);box-shadow:inset 1px 1px #ffffff1f,inset -1px -1px #00000080;transform-origin:0% 50%;transform-style:preserve-3d;will-change:transform,filter;animation:fw-door-open .8s cubic-bezier(.42,0,.18,1) calc(512ms - var(--fw-t)) both,fw-recoil 256ms cubic-bezier(.4,0,.2,1) calc(.24s - var(--fw-t)) backwards}.fw__edge--door{width:28px;right:0;transform-origin:100% 50%;transform:rotateY(90deg);background:linear-gradient(180deg,#3d434a,#262a2f)}.fw__strip{position:absolute;left:12%;top:8%;bottom:8%;width:9%;background:linear-gradient(180deg,#ffffff6b,#ffffff4d);border:2px solid #3d434a;box-shadow:0 0 0 2px #0e1012,inset 0 0 12px #ffffff80;overflow:hidden}.fw__strip:after{content:"";position:absolute;top:-10%;bottom:-10%;left:30%;width:25%;background:linear-gradient(90deg,#fff0,#ffffff80,#fff0);transform:skew(-18deg)}.fw__bar{position:absolute;right:12%;top:20%;height:60%;width:14px;border-radius:7px;background:linear-gradient(90deg,#5e9bff,#0b5ed7 45%,#083f91);box-shadow:3px 4px 8px #0000008c,inset 1px 0 #fffc;overflow:hidden}.fw__bar:before{content:"";position:absolute;left:2px;right:2px;top:12%;height:10px;border-radius:3px;background:linear-gradient(90deg,#4c8df0,#0a4fb5);box-shadow:0 54vh #b5babf}.fw__bar:after{content:"";position:absolute;left:0;right:0;top:0;height:28%;background:linear-gradient(180deg,#fff0,#fffffff2,#fff0);opacity:0;animation:fw-unlock 256ms ease-in-out calc(.24s - var(--fw-t)) both}.fw__lock{position:absolute;right:calc(12% + 2px);top:56%;width:10px;height:20px;border-radius:5px;background:linear-gradient(90deg,#5e9bff,#0a4fb5);box-shadow:0 1px 3px #0009}.fw__lock:after{content:"";position:absolute;left:4px;top:8px;width:2px;height:6px;background:#2a2e33}.fw__panel{position:absolute;top:0;bottom:0;right:0;width:30%;border-left:10px solid #31363c;box-sizing:border-box;overflow:hidden;background:linear-gradient(165deg,#ffffff9e,#ffffff80);box-shadow:inset 0 0 20px #ffffff8c}.fw__panel:after{content:"";position:absolute;top:-10%;bottom:-10%;left:35%;width:18%;background:linear-gradient(90deg,#fff0,#ffffff59,#fff0);transform:skew(-20deg)}@keyframes fw-door-open{0%{transform:rotateY(0);filter:brightness(1)}12%{transform:rotateY(-4deg);filter:brightness(.97)}to{transform:rotateY(-105deg);filter:brightness(.6)}}@keyframes fw-recoil{0%{transform:rotateY(0)}45%{transform:rotateY(-2deg)}to{transform:rotateY(0)}}@keyframes fw-unlock{0%{opacity:0;transform:translateY(-100%)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(360%)}}@media(max-width:899px){.fw__opening--tuer{width:70vw;border-width:16px;border-bottom:0}.fw__frame--tuer{border-width:12px;border-bottom-width:0}.fw__threshold{left:-16px;right:-16px;height:12px}.fw__bar{width:11px;right:11%}.fw__edge--door{width:22px}}@media(prefers-reduced-motion:reduce){.fw__door,.fw__bar:after{animation:none!important}}