.Doorways-module__fxSz-q__doors{grid-template-columns:repeat(var(--cols1,8), minmax(0, 1fr));gap:5.5cqi 2.2cqi;padding:4.5cqi 0 2cqi;display:grid}@container (min-width:600px){.Doorways-module__fxSz-q__doors{grid-template-columns:repeat(var(--cols2,14), minmax(0, 1fr));gap:4cqi 1.6cqi;padding:3cqi 0 1cqi}}.Doorways-module__fxSz-q__door{--ar:4 / 5;--arch:50% 38%;--w:var(--w1,var(--i));grid-row:var(--r1);grid-column:var(--c1);isolation:isolate;min-width:0}.Doorways-module__fxSz-q__door[data-gate]{--open-at:74deg;--ar:1.675;--arch:50% 34%}@container (min-width:600px){.Doorways-module__fxSz-q__door{--ar:.92;--w:var(--w2,var(--i));grid-row:var(--r2);grid-column:var(--c2)}.Doorways-module__fxSz-q__door[data-gate]{--ar:1.954}.Doorways-module__fxSz-q__door .Doorways-module__fxSz-q__key{width:clamp(26px,6.4cqi,46px)}}.Doorways-module__fxSz-q__door.Doorways-module__fxSz-q__door:hover{translate:0 -1.2cqi;scale:1}.Doorways-module__fxSz-q__spill{background:radial-gradient(closest-side, color-mix(in srgb, var(--c) 55%, transparent), transparent);filter:blur(4px);z-index:-1;opacity:.8;pointer-events:none;border-radius:50%;height:7cqi;position:absolute;bottom:.5cqi;left:8%;right:8%}.Doorways-module__fxSz-q__frame{width:100%;aspect-ratio:var(--ar);border-top-left-radius:var(--arch);border-top-right-radius:var(--arch);background:radial-gradient(circle at 1px 1px, #ffffff2e 1px, transparent 1.5px) 0 0 / 9px 9px, linear-gradient(160deg, var(--c), var(--c-deep));box-shadow:0 clamp(4px, 1cqi, 6px) 0 color-mix(in srgb, var(--c-deep) 80%, #000), 0 18px 28px -12px color-mix(in srgb, var(--c-deep) 75%, transparent), inset 0 2px 0 #ffffff73;border-bottom-right-radius:clamp(9px,2.2cqi,16px);border-bottom-left-radius:clamp(9px,2.2cqi,16px);padding:clamp(4px,1.4cqi,10px);display:block;position:relative}.Doorways-module__fxSz-q__frame:after{content:"";border-radius:inherit;pointer-events:none;border:2px dashed #ffffff80;position:absolute;inset:clamp(2px,.6cqi,4px)}.Doorways-module__fxSz-q__view{border-top-left-radius:var(--arch);border-top-right-radius:var(--arch);background:var(--c-soft);width:100%;height:100%;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c-deep) 70%, #000);perspective:600px;border-bottom-right-radius:clamp(5px,1.3cqi,10px);border-bottom-left-radius:clamp(5px,1.3cqi,10px);display:block;position:relative;overflow:hidden}.Doorways-module__fxSz-q__shot{object-fit:cover;object-position:50% 50%;width:100%;height:100%;transition:transform .5s var(--ease-out,ease-out), filter .5s var(--ease-out,ease-out);position:absolute;inset:0}.Doorways-module__fxSz-q__stand{aspect-ratio:1;width:60%;height:auto;position:absolute;top:54%;left:50%;overflow:visible;translate:-50% -50%}.Doorways-module__fxSz-q__glass{z-index:2;border-radius:inherit;background:linear-gradient(120deg, #ffffff47, transparent 32%), radial-gradient(120% 90% at 50% 120%, color-mix(in srgb, var(--c-deep) 45%, transparent), transparent 60%);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 18px #00000040}.Doorways-module__fxSz-q__light{z-index:2;background:radial-gradient(75% 65% at 50% 60%, #fffdeef2, color-mix(in srgb, var(--c-soft) 55%, #ffe8a0b3) 50%, transparent 85%);opacity:0;pointer-events:none;position:absolute;inset:0}.Doorways-module__fxSz-q__leaf{--open:var(--open-at,66deg);z-index:3;background:radial-gradient(circle, color-mix(in srgb, var(--c-soft) 90%, #fff) 0 2.4px, transparent 3px) no-repeat, repeating-linear-gradient(90deg, transparent 0 9px, #0000001f 9px 11px), linear-gradient(180deg, color-mix(in srgb, var(--c-deep) 82%, #2a1606), color-mix(in srgb, var(--c-deep) 60%, #1a0d04));backface-visibility:visible;width:50%;transition:transform .45s var(--ease-bounce,cubic-bezier(.34, 1.56, .64, 1));position:absolute;top:0;bottom:0;box-shadow:inset 0 0 0 2px #0003}.Doorways-module__fxSz-q__leaf[data-side=l]{--dir:-1;transform-origin:0;transform:rotateY(calc(var(--open) * -1));background-position:88% 55%,0 0,0 0;left:0}.Doorways-module__fxSz-q__leaf[data-side=r]{--dir:1;transform-origin:100%;transform:rotateY(var(--open));background-position:12% 55%,0 0,0 0;right:0}.Doorways-module__fxSz-q__door:hover .Doorways-module__fxSz-q__leaf,.Doorways-module__fxSz-q__door:focus-visible .Doorways-module__fxSz-q__leaf{--open:104deg}.Doorways-module__fxSz-q__door:hover .Doorways-module__fxSz-q__shot,.Doorways-module__fxSz-q__door:focus-visible .Doorways-module__fxSz-q__shot{filter:brightness(1.06)saturate(1.1)}.Doorways-module__fxSz-q__rays{z-index:-1;background:repeating-conic-gradient(from 0deg at 50% 58%, #fff6c8e6 0 7deg, transparent 7deg 18deg);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-26% -24% -6%;-webkit-mask-image:radial-gradient(closest-side at 50% 58%,#000 30%,#0000);mask-image:radial-gradient(closest-side at 50% 58%,#000 30%,#0000)}.Doorways-module__fxSz-q__sparks{z-index:6;pointer-events:none;width:0;height:0;font-size:clamp(3px,.9cqi,7px);position:absolute;top:62%;left:50%}.Doorways-module__fxSz-q__sparks:before,.Doorways-module__fxSz-q__sparks:after{content:"";opacity:0;background:#fff;border-radius:50%;width:1.2em;height:1.2em;margin:-.6em;position:absolute;box-shadow:-3em -4em .5em .15em #fff4bef2,3.5em -5em .5em .15em #fff,-5.5em -1em .5em .15em #fff4bef2,5em -1.5em .5em .15em #fff,-1.5em -7.5em .5em .15em #fff,2em -2.5em .5em .15em #fff4bef2,0 -10em .5em .15em #fff}.Doorways-module__fxSz-q__sparks:after{box-shadow:-4.5em -6.5em .5em .1em #fff,4em -8.5em .5em .1em #fff4bef2,-2em -3em .5em .1em #fff,6.5em -4em .5em .1em #fff4bef2,2.5em -11em .5em .1em #fff,-7em -3.5em .5em .1em #fff}.Doorways-module__fxSz-q__key{z-index:4;aspect-ratio:1;border:clamp(2px, .6cqi, 3px) solid var(--c-deep);background:var(--card);width:clamp(26px,7.4cqi,46px);box-shadow:0 3px 0 var(--c-deep);border-radius:50%;padding:clamp(4px,1.1cqi,8px);display:block;position:absolute;top:0;left:50%;translate:-50% -42%}.Doorways-module__fxSz-q__keyArt{width:100%;height:100%;display:block;overflow:visible}.Doorways-module__fxSz-q__door .Doorways-module__fxSz-q__word{z-index:5;width:max-content;min-width:min-content;max-width:calc(100% + 2cqi);font-size:clamp(13px, calc(3cqi * var(--wfit,1)), 18px);white-space:normal;text-align:center;text-wrap:balance;margin-top:-2.4cqi;padding:2px clamp(6px,1.3cqi,10px) 3px}@container (min-width:600px){.Doorways-module__fxSz-q__door .Doorways-module__fxSz-q__word{max-width:calc(100% + 4cqi)}}.Doorways-module__fxSz-q__mote{z-index:4;width:5px;height:5px;box-shadow:0 0 8px 2px color-mix(in srgb, var(--c) 80%, #fff);opacity:0;pointer-events:none;background:#fff;border-radius:50%;position:absolute;bottom:10%;left:30%}.Doorways-module__fxSz-q__mote[data-n="2"]{bottom:20%;left:62%}.Doorways-module__fxSz-q__mote[data-n="3"]{bottom:4%;left:48%}.Doorways-module__fxSz-q__slide{opacity:0;position:absolute;inset:0}.Doorways-module__fxSz-q__slide:first-child{opacity:1}.Doorways-module__fxSz-q__caption{z-index:3;color:#fff;white-space:nowrap;background:#140a289e;border-radius:999px;padding:2px 10px 3px;font-size:clamp(11px,2.6cqi,15px);font-weight:700;position:absolute;bottom:7%;left:50%;translate:-50%}.Doorways-module__fxSz-q__door[data-k=math] .Doorways-module__fxSz-q__shot{object-position:40% 50%}.Doorways-module__fxSz-q__door[data-k=make] .Doorways-module__fxSz-q__shot{object-position:52% 50%}.Doorways-module__fxSz-q__door[data-k=world] .Doorways-module__fxSz-q__shot{object-position:60% 50%}.Doorways-module__fxSz-q__door[data-k=typing] .Doorways-module__fxSz-q__shot{object-position:50% 80%}.Doorways-module__fxSz-q__door[data-k=studio] .Doorways-module__fxSz-q__shot{object-position:30% 60%}.Doorways-module__fxSz-q__door[data-k=tv] .Doorways-module__fxSz-q__shot{object-position:55% 40%}.Doorways-module__fxSz-q__door[data-k=build] .Doorways-module__fxSz-q__shot{object-position:50% 50%}.Doorways-module__fxSz-q__door[data-k=kitchen] .Doorways-module__fxSz-q__shot{object-position:45% 60%}.Doorways-module__fxSz-q__door[data-k=body] .Doorways-module__fxSz-q__shot{object-position:50% 20%}.Doorways-module__fxSz-q__door[data-k=magic] .Doorways-module__fxSz-q__shot{object-position:12% 50%}.Doorways-module__fxSz-q__door[data-k=comics] .Doorways-module__fxSz-q__shot{object-position:15% 50%}.Doorways-module__fxSz-q__door[data-k=sciencefair] .Doorways-module__fxSz-q__shot{object-position:20% 50%}.Doorways-module__fxSz-q__door[data-k=animals] .Doorways-module__fxSz-q__shot{object-position:45% 60%}.Doorways-module__fxSz-q__door[data-k=bookclub] .Doorways-module__fxSz-q__shot{object-position:15% 50%}.Doorways-module__fxSz-q__door[data-in] .Doorways-module__fxSz-q__leaf{--open:120deg}.Doorways-module__fxSz-q__door[data-in] .Doorways-module__fxSz-q__shot{filter:brightness(1.15);transform:scale(1.2)}.Doorways-module__fxSz-q__doors[data-going] .Doorways-module__fxSz-q__door:not([data-in]){opacity:.55;transition:opacity .3s}@media (prefers-reduced-motion:no-preference){.Doorways-module__fxSz-q__leaf{animation:Doorways-module__fxSz-q__swing 1.1s var(--ease-bounce,cubic-bezier(.34, 1.56, .64, 1)) backwards;animation-delay:calc(.25s + var(--w,var(--i)) * 70ms)}.Doorways-module__fxSz-q__shot{animation:16s ease-in-out infinite alternate Doorways-module__fxSz-q__drift;animation-delay:calc(var(--i) * -2.3s)}.Doorways-module__fxSz-q__mote{animation:4.2s ease-in infinite Doorways-module__fxSz-q__float;animation-delay:calc(var(--i) * -.7s)}.Doorways-module__fxSz-q__mote[data-n="2"]{animation-duration:5.1s;animation-delay:calc(var(--i) * -.7s - 1.6s)}.Doorways-module__fxSz-q__mote[data-n="3"]{animation-duration:3.7s;animation-delay:calc(var(--i) * -.7s - 2.9s)}.Doorways-module__fxSz-q__slide{animation:15s linear infinite Doorways-module__fxSz-q__turn;animation-delay:calc(var(--j) * 3s - 1.5s)}.Doorways-module__fxSz-q__slide:first-child{opacity:0}.Doorways-module__fxSz-q__slide .Doorways-module__fxSz-q__shot{animation:none;scale:1.04}.Doorways-module__fxSz-q__doors[data-go] .Doorways-module__fxSz-q__leaf{animation:Doorways-module__fxSz-q__swing 1.1s var(--ease-bounce,cubic-bezier(.34, 1.56, .64, 1)) backwards, Doorways-module__fxSz-q__dw-knock 1.6s linear;animation-delay:calc(.25s + var(--w,var(--i)) * 70ms), calc(var(--w,var(--i)) * 50ms)}.Doorways-module__fxSz-q__doors[data-go] .Doorways-module__fxSz-q__frame{transform-origin:50% 100%;animation:Doorways-module__fxSz-q__dw-rattle 1.6s linear calc(var(--w,var(--i)) * 50ms)}.Doorways-module__fxSz-q__doors[data-go] .Doorways-module__fxSz-q__key{animation:Doorways-module__fxSz-q__dw-key 1.6s ease-out calc(var(--w,var(--i)) * 50ms)}.Doorways-module__fxSz-q__doors[data-go] .Doorways-module__fxSz-q__light{animation:Doorways-module__fxSz-q__dw-flood 1.6s linear calc(var(--w,var(--i)) * 50ms)}.Doorways-module__fxSz-q__doors[data-go] .Doorways-module__fxSz-q__rays{animation:Doorways-module__fxSz-q__dw-rays 1.6s ease-out calc(var(--w,var(--i)) * 50ms)}.Doorways-module__fxSz-q__doors[data-go] .Doorways-module__fxSz-q__spill{animation:Doorways-module__fxSz-q__dw-spill 1.6s ease-out calc(var(--w,var(--i)) * 50ms)}.Doorways-module__fxSz-q__doors[data-go] .Doorways-module__fxSz-q__sparks:before{animation:Doorways-module__fxSz-q__dw-spark 1.6s ease-out calc(var(--w,var(--i)) * 50ms)}.Doorways-module__fxSz-q__doors[data-go] .Doorways-module__fxSz-q__sparks:after{animation:Doorways-module__fxSz-q__dw-spark 1.6s ease-out calc(var(--w,var(--i)) * 50ms + 90ms);rotate:25deg}}@keyframes Doorways-module__fxSz-q__swing{0%{transform:rotateY(0)}}@keyframes Doorways-module__fxSz-q__drift{0%{object-position:20% 50%;scale:1.08}to{object-position:80% 50%;scale:1.14}}@keyframes Doorways-module__fxSz-q__float{0%{opacity:0;translate:0}20%{opacity:.9}to{opacity:0;translate:6px -60px}}@keyframes Doorways-module__fxSz-q__turn{0%{opacity:0}4%{opacity:1}20%{opacity:1}24%{opacity:0}to{opacity:0}}@keyframes Doorways-module__fxSz-q__dw-knock{0%{transform:rotateY(calc(var(--open) * var(--dir)));animation-timing-function:cubic-bezier(.5,0,.9,.6)}13%{transform:rotateY(0)}18%{transform:rotateY(calc(6deg * var(--dir)))}22%{transform:rotateY(0)}27%{transform:rotateY(calc(6deg * var(--dir)))}31%{animation-timing-function:cubic-bezier(.2,.9,.3,1.2);transform:rotateY(0)}48%{transform:rotateY(calc(128deg * var(--dir)))}68%{transform:rotateY(calc(118deg * var(--dir)));animation-timing-function:cubic-bezier(.6,0,.9,.7)}82%{animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:rotateY(0)}to{transform:rotateY(calc(var(--open) * var(--dir)))}}@keyframes Doorways-module__fxSz-q__dw-rattle{0%,15%,22%,24%,31%,to{transform:none}18%{transform:scale(.96)rotate(-1deg)}27%{transform:scale(.96)rotate(1deg)}}@keyframes Doorways-module__fxSz-q__dw-key{0%,14%,33%,to{rotate:none;scale:1}18%{rotate:-16deg}27%{rotate:14deg}48%{scale:1.25}64%{scale:1}}@keyframes Doorways-module__fxSz-q__dw-flood{0%,31%{opacity:0}46%{opacity:1}68%{opacity:.8}82%,to{opacity:0}}@keyframes Doorways-module__fxSz-q__dw-rays{0%,31%{opacity:0;rotate:none;scale:.5}50%{opacity:1;scale:1}70%{opacity:.75}86%,to{opacity:0;rotate:24deg;scale:1.12}}@keyframes Doorways-module__fxSz-q__dw-spill{0%,31%{opacity:.8;scale:1}50%{opacity:1;scale:1.35 2.2}70%{opacity:1;scale:1.3 2}86%,to{opacity:.8;scale:1}}@keyframes Doorways-module__fxSz-q__dw-spark{0%,36%{opacity:0;translate:0 1em;scale:.2}48%{opacity:1}90%,to{opacity:0;translate:0 -4em;scale:1.7}}
