.studio-entrance{position:relative;isolation:isolate;color:#3d4438;padding:36px 24px 30px;overflow:hidden;min-height:calc(100dvh - 57px);background:radial-gradient(ellipse at 38% 5%,#fffdf5,#f4f1e8 60%,#edeee5)}.studio-entrance-heading{position:relative;z-index:2;text-align:center;animation:studio-heading-arrive 2.5s ease both}.studio-eyebrow{color:#95866b;font-size:10px;letter-spacing:.22em}.teacher-workbench .studio-entrance h1{margin:11px 0 8px;font:500 27px/1.4 Songti SC,"Noto Serif SC",serif;letter-spacing:.13em}.teacher-workbench .studio-entrance-heading p{font-size:11px;color:#90917f;letter-spacing:.08em}.studio-welcome{position:absolute;inset:0;z-index:8;display:grid;place-items:center;overflow:hidden;pointer-events:none;background:#f4f0e7;animation:studio-welcome-away 2.5s ease both}.studio-welcome-copy{position:relative;display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:-65px;color:#5a5341;animation:studio-welcome-copy 2.5s ease both}.studio-welcome-mark{display:grid;place-items:center;width:40px;height:50px;border:1px solid #a08b5877;box-shadow:inset 0 0 0 4px #f4f0e7,inset 0 0 0 5px #b3a07a44;font:24px Songti SC,serif;color:#a18a57;margin-bottom:9px}.studio-welcome-eyebrow{font-size:11px;letter-spacing:.4em;color:#9b8c70}.studio-welcome-copy strong{font:500 33px/1.5 Songti SC,"Noto Serif SC",serif;letter-spacing:.16em}.studio-welcome-rule{width:70px;height:1px;background:linear-gradient(90deg,transparent,#bda66e,transparent)}.studio-welcome-copy small{font-size:11px;letter-spacing:.1em;color:#a69b85}.studio-welcome-light{position:absolute;inset:-40%;background:linear-gradient(116deg,transparent 36%,#fff5d0aa 45%,#fffdf08c 53%,transparent 62%);transform:translateX(-15%);animation:studio-welcome-light 2.5s ease both}.studio-arrival-light{position:absolute;z-index:1;inset:-10% -40%;pointer-events:none;background:linear-gradient(115deg,transparent 32%,#fff6d86b 44%,transparent 63%);animation:studio-arrival-light 2.5s ease both}.studio-entrance.is-entering .studio-welcome,.studio-entrance:focus-within .studio-welcome{display:none}.studio-portal[data-entering=true] .studio-door{visibility:hidden}.studio-entrance.is-entering :is(.studio-hall,.studio-arrival-light){animation-play-state:paused}.studio-hall{position:relative;width:min(100%,940px);margin:31px auto 0;padding:30px 76px 54px;isolation:isolate;animation:studio-hall-arrive 2.5s cubic-bezier(.2,.55,.24,1) both}.studio-hall-wall{position:absolute;inset:0 0 53px;z-index:-2;background:radial-gradient(ellipse at 35% 12%,#fffdf599,transparent 60%),repeating-linear-gradient(0deg,#8a796204 0 1px,transparent 1px 4px),linear-gradient(90deg,#e1ded2,#efebe0 25%,#f2eee3 50%,#e8e3d6 80%,#dedbce);box-shadow:inset 0 -10px 22px #645c4810;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9% 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9% 91%,transparent)}.studio-hall-wall:after{content:"";position:absolute;inset:auto 0 0;height:24px;border-top:2px solid #cbc3ae;background:linear-gradient(#e7e1d3,#d6ceba);box-shadow:0 -1px 0 #fff9,0 4px 9px #63563922}.studio-hall-floor{position:absolute;z-index:-1;bottom:0;height:54px;left:-15%;right:-15%;background:repeating-conic-gradient(from 45deg at 50% -15%,#c4b79a15 0deg 1deg,transparent 1deg 16deg),linear-gradient(#d1c7b2,#eee8dc 65%,#f1f0e7);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20% 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20% 80%,transparent)}.studio-portals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,8vw,108px);max-width:610px;margin:auto}.studio-portal{position:relative;display:block;text-decoration:none;color:inherit;min-width:0;-webkit-tap-highlight-color:transparent}.studio-wall-light{position:absolute;left:50%;top:-16px;width:42px;height:5px;transform:translateX(-50%);border:1px solid #af9664;border-radius:1px;background:linear-gradient(#ddcead,#997d48);box-shadow:0 4px 10px #ffe0a094,0 22px 36px 13px #fff4d377}.studio-door{--door-angle:98deg;position:relative;display:block;width:100%;aspect-ratio:.56;padding:17px 16px 10px;background:transparent;border-top:4px solid #a89269;border-radius:2px 2px 0 0;box-shadow:0 0 0 1px #67583d80,0 0 0 3px #e7dfcd,0 0 0 4px #aa956f,0 0 0 7px #f6f1e6,0 0 0 8px #c8bda666,8px 11px 18px #40342128;perspective:1000px;transform-style:preserve-3d}.studio-door:before{content:"";position:absolute;inset:0;border:solid transparent;border-width:17px 17px 8px;-o-border-image:linear-gradient(90deg,#35271d,#816743 3%,#b7a079 5%,#5d452f 7%,#70533a 93%,#b7a079 95%,#7a603e 97%,#33261d) 17 stretch;border-image:linear-gradient(90deg,#35271d,#816743 3%,#b7a079 5%,#5d452f 7%,#70533a 93%,#b7a079 95%,#7a603e 97%,#33261d) 17 stretch;pointer-events:none}.studio-door--exam{--door-angle:-98deg}.studio-door-jamb{position:absolute;inset:15px 14px 7px;border:4px solid #2c241a;box-shadow:inset 0 0 10px 3px #201608a6}.studio-door-leaf{position:absolute;inset:19px 18px 9px;display:block;transform-style:preserve-3d;transform-origin:left center;transition:transform .85s cubic-bezier(.2,.65,.2,1)}.studio-door--exam .studio-door-leaf{transform-origin:right center}.studio-door-back,.studio-door-front{position:absolute;inset:0;display:block;backface-visibility:hidden;border:1px solid #35251a;background:repeating-linear-gradient(92deg,#b69c7410 0 1px,transparent 1px 7px,#1009040a 7px 8px,transparent 8px 15px),repeating-linear-gradient(89deg,transparent 0 34px,#10090414 35px 36px,transparent 37px 71px),linear-gradient(105deg,#624b38,#3a2b22 32%,#514030 70%,#30231c);box-shadow:inset 2px 0 2px #c7b58b3b,inset -3px 0 5px #1c120ca6,4px 3px 10px #0004}.studio-door-front{transform:translateZ(3px);isolation:isolate}.studio-door-back{transform:rotateY(180deg) translateZ(10px);background:linear-gradient(90deg,#443329,#70563d)}.studio-door-edge{position:absolute;width:13px;height:100%;right:0;top:0;transform:rotateY(90deg);transform-origin:right;background:linear-gradient(90deg,#21180f,#8d7150,#3c2b1f)}.studio-door--exam .studio-door-edge{left:0;right:auto;transform:rotateY(-90deg);transform-origin:left}.studio-door-inset{position:absolute;left:13%;right:13%;border:4px double #9c815466;box-shadow:inset 1px 2px 4px #1c100b8c,1px 1px 1px #c4ac7655,-1px -1px 1px #28180e;background:linear-gradient(100deg,#281a1333,#7b5f4030,#20150c33)}.studio-door-inset--upper{top:11%;height:68%}.studio-door-inset--upper:before{content:"";position:absolute;inset:5px;border:1px solid #ae936138}.studio-door-inset--lower{top:84%;bottom:5%;border-width:3px}.studio-door-number{position:absolute;top:4%;left:0;right:0;text-align:center;color:#bb9e63;font:10px/1.8 Georgia,serif;letter-spacing:.19em;text-shadow:0 1px 2px #0008}.studio-door-lettering{position:absolute;top:47%;left:50%;display:block;transform:translate(-50%,-50%);white-space:nowrap;writing-mode:vertical-rl;text-orientation:upright;font:500 clamp(20px,2.1vw,28px)/1.5 Songti SC,"Noto Serif SC",STSong,serif;letter-spacing:.34em;color:#e1ca90;text-shadow:-1px -1px 1px #2e1d0c,1px 1px 1px #f6dea755,0 2px 3px #0005}.studio-door-ornament{position:absolute;left:50%;width:14px;height:14px;transform:translateX(-50%) rotate(45deg);border:1px solid #b69a6388;box-shadow:inset 0 0 0 3px #463326,inset 0 0 0 4px #b69a6355}.studio-door-ornament:after,.studio-door-ornament:before{content:"";position:absolute;width:25px;height:1px;background:linear-gradient(90deg,transparent,#bb9c6866)}.studio-door-ornament:before{transform:rotate(-45deg);right:10px;top:22px}.studio-door-ornament:after{transform:rotate(-45deg);left:10px;bottom:22px}.studio-door-ornament--top{top:17%}.studio-door-ornament--bottom{bottom:26%}.studio-door-handle{position:absolute;top:54%;right:7%;width:13px;height:57px;border:1px solid #705527;border-radius:8px 8px 4px 4px;background:linear-gradient(90deg,#715426,#d5bd82 40%,#a48a50 66%,#675126);box-shadow:1px 2px 3px #170e08a6,inset 1px 0 1px #fff5}.studio-door-handle i{position:absolute;right:3px;top:17px;width:34px;height:6px;border-radius:3px;background:linear-gradient(#f0dba8,#ab8d50 50%,#604521);box-shadow:0 3px 4px #0007;transform-origin:right center;transition:transform .25s ease}.studio-door-handle:after{content:"";position:absolute;width:3px;height:6px;left:4px;bottom:10px;border-radius:2px;background:#4c3719}.studio-door--exam .studio-door-handle{left:7%;right:auto}.studio-door--exam .studio-door-handle i{left:3px;right:auto;transform-origin:left center}.studio-door-hinge{position:absolute;left:-3px;width:5px;height:24px;border:1px solid #766037;border-radius:2px;background:repeating-linear-gradient(#ad925c 0 4px,#594526 4px 5px)}.studio-door--exam .studio-door-hinge{left:auto;right:-3px}.studio-door-hinge--top{top:17%}.studio-door-hinge--bottom{bottom:17%}.studio-door-threshold{position:absolute;bottom:-3px;left:-3px;right:-3px;height:9px;background:linear-gradient(#c9b184,#7d6946 45%,#bba175 75%,#6a5638);box-shadow:0 4px 7px #4d3d293a;transform:translateZ(5px)}.teacher-workbench .studio-entrance-note{position:relative;z-index:2;text-align:center;margin:5px 0 0;color:#a2a08d;font-size:10px;letter-spacing:.14em;animation:studio-heading-arrive 2.5s ease both}@media (hover:hover){.studio-portal:hover .studio-door-leaf{transform:rotateY(4deg)}.studio-portal--exam:hover .studio-door-leaf{transform:rotateY(-4deg)}.studio-portal:hover .studio-door-handle i{transform:rotate(-10deg)}.studio-portal--exam:hover .studio-door-handle i{transform:rotate(10deg)}}.teacher-workbench .studio-portal:focus-visible{outline:2px solid #a88c50;outline-offset:13px;border-radius:2px}.studio-room{position:absolute;inset:19px 18px 9px;transform:translateZ(-300px) scale(1.3);overflow:hidden;background:#e8e1ce;box-shadow:inset 0 0 18px #30251570}.studio-room-photograph{position:absolute;inset:-2%;background:#dce4d9 url(/images/teacher-workbench/mountain-morning.png) 50%/cover}.studio-door--exam .studio-room-photograph{background-image:url(/images/teacher-workbench/sea-morning.png)}.studio-room-mist{position:absolute;left:-20%;right:-20%;top:24%;height:31%;background:radial-gradient(ellipse at 48% 55%,#fff9e94d,transparent 62%);opacity:.5}.studio-door--exam .studio-room-mist{display:none}.studio-room-sparkles{display:none;position:absolute;inset:45% -10% 29%;background:repeating-linear-gradient(177deg,transparent 0 12px,#fffbe030 13px 14px,transparent 15px 32px);-webkit-mask-image:radial-gradient(ellipse at 35% 45%,#0007,transparent 60%);mask-image:radial-gradient(ellipse at 35% 45%,#0007,transparent 60%);opacity:.25}.studio-door--exam .studio-room-sparkles{display:block}.studio-near-ground{position:absolute;inset:91% -20% -12%;background:repeating-linear-gradient(5deg,#9b8c6d13 0 1px,transparent 1px 13px),linear-gradient(120deg,#c9c0a9,#f0e4cc 55%,#c5b9a2);transform:perspective(400px) rotateX(17deg);box-shadow:inset 0 1px 2px #fff6}.studio-near-light{position:absolute;inset:85% -10% -10%;background:linear-gradient(116deg,transparent 16%,#fff2c166 30% 45%,transparent 55%),linear-gradient(115deg,transparent 35%,#fff9dd66 47% 61%,transparent 72%);transform:skewX(-15deg);opacity:.45}.studio-room-sunbeam{position:absolute;pointer-events:none;transform-origin:top left}.studio-room-sunbeam--wide{inset:-20% -30% -10% -50%;background:linear-gradient(122deg,transparent 33%,#fff6cd22 43%,#fff6d54d 47%,transparent 57%);opacity:.4}.studio-room-sunbeam--fine{inset:-10% -15% 0 -30%;background:linear-gradient(122deg,transparent 40%,#fff9e03b 45%,transparent 49%);opacity:.35}.studio-room-sunspill{position:absolute;inset:0;background:radial-gradient(ellipse at 0 5%,#fff6d98c,transparent 65%);opacity:.15}.studio-room-atmosphere{position:absolute;inset:0;box-shadow:inset 0 0 20px #2e281833;background:linear-gradient(110deg,#fff7dd12,transparent 45%,#6b573514);pointer-events:none}.studio-entry-transition{position:fixed;inset:0;z-index:10000;isolation:isolate;background:transparent;font:12px/1.6 -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}.studio-entry-transition *{box-sizing:border-box}.studio-entry-transition:before{content:"";position:absolute;inset:0;background:#e7dfce;animation:studio-entry-background var(--entry-duration) ease both}.studio-entry-camera{position:absolute;left:var(--entry-left);top:var(--entry-top);width:var(--entry-width);height:var(--entry-height);transform-origin:center;will-change:transform;animation:studio-camera-enter var(--entry-duration) cubic-bezier(.38,0,.22,1) both,studio-camera-reveal .15s ease both}.studio-entry-camera .studio-door{width:100%;height:100%;aspect-ratio:auto}.studio-entry-camera .studio-door-leaf{transition:none;will-change:transform;animation:studio-door-open 1.35s cubic-bezier(.22,.6,.3,1) .1s both}.studio-entry-camera .studio-door-handle i{transition:none;animation:studio-handle-turn .65s ease both}.studio-entry-camera .studio-door--exam .studio-door-handle i{animation-name:studio-handle-turn-right}.studio-entry-camera .studio-room-photograph{animation:studio-far-view var(--entry-duration) ease both}.studio-entry-camera .studio-near-ground,.studio-entry-camera .studio-near-light{animation:studio-near-step var(--entry-duration) ease both}.studio-entry-camera .studio-room-mist{animation:studio-mist-drift var(--entry-duration) ease both}.studio-entry-camera .studio-room-sparkles{animation:studio-sea-glint var(--entry-duration) ease both}.studio-entry-camera .studio-room-sunbeam,.studio-entry-camera .studio-room-sunspill{animation:studio-sun-enter var(--entry-duration) ease both}.studio-entry-sunwash{inset:-30%;background:linear-gradient(115deg,#fff8d900,#fff0b657 32%,#fffbe033 45%,transparent 66%);animation:studio-sunwash var(--entry-duration) ease both}.studio-entry-sunwash,.studio-entry-veil{position:absolute;pointer-events:none;opacity:0}.studio-entry-veil{inset:0;background:#f4f6f1;animation:studio-enter-veil var(--entry-duration) ease both}.studio-entry-status{position:absolute;inset:auto 16px max(30px,env(safe-area-inset-bottom)) 16px;text-align:center;color:#465746;letter-spacing:.06em;opacity:0;animation:studio-entry-status .4s ease 1.95s forwards}.studio-entry-status a{display:flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:4px;margin:10px auto 0;padding:8px;color:inherit;font-size:11px;text-underline-offset:4px;opacity:0;animation:studio-entry-status .3s ease 4s forwards}@keyframes studio-welcome-away{0%,27%{opacity:1}62%,to{opacity:0;visibility:hidden}}@keyframes studio-welcome-copy{0%{opacity:0;transform:translateY(9px)}15%,35%{opacity:1;transform:translateY(0)}57%,to{opacity:0;transform:translateY(-8px)}}@keyframes studio-welcome-light{0%{opacity:.1;transform:translateX(-15%)}65%,to{opacity:1;transform:translateX(12%)}}@keyframes studio-arrival-light{0%,25%{opacity:0;transform:translateX(-12%)}70%{opacity:.8}to{opacity:.35;transform:translateX(9%)}}@keyframes studio-heading-arrive{0%,32%{opacity:0;transform:translateY(8px)}80%,to{opacity:1;transform:translateY(0)}}@keyframes studio-hall-arrive{0%,26%{opacity:0;transform:translateY(15px)}57%{opacity:1}to{opacity:1;transform:translateY(0)}}@keyframes studio-entry-background{0%{opacity:0}30%,to{opacity:1}}@keyframes studio-camera-reveal{0%{opacity:var(--entry-opacity-start)}to{opacity:1}}@keyframes studio-door-open{0%{transform:var(--entry-leaf-start)}to{transform:rotateY(var(--door-angle))}}@keyframes studio-handle-turn{0%{transform:var(--entry-handle-start)}45%,75%{transform:rotate(-25deg)}to{transform:rotate(0)}}@keyframes studio-handle-turn-right{0%{transform:var(--entry-handle-start)}45%,75%{transform:rotate(25deg)}to{transform:rotate(0)}}@keyframes studio-camera-enter{0%{transform:translate(0) scale(1)}43%{transform:translate(var(--entry-x),var(--entry-y)) scale(1.05)}55%{transform:translate(var(--entry-x),var(--entry-y)) scale(1.16)}to{transform:translate(var(--entry-x),var(--entry-y)) scale(var(--entry-scale))}}@keyframes studio-far-view{0%,40%{transform:translateY(0) scale(1)}to{transform:translateY(-1.5%) scale(.985)}}@keyframes studio-near-step{0%,40%{transform:translateY(0)}to{transform:translateY(45%)}}@keyframes studio-mist-drift{0%{transform:translateX(-2%);opacity:.3}to{transform:translateX(4%);opacity:.55}}@keyframes studio-sea-glint{0%{transform:translateY(0);opacity:.1}50%{opacity:.4}to{transform:translateY(5%);opacity:.2}}@keyframes studio-sun-enter{0%,12%{opacity:.08;transform:translateX(-6%)}55%{opacity:.6}to{opacity:.8;transform:translateX(4%)}}@keyframes studio-sunwash{0%,20%{opacity:0;transform:translateX(-10%)}65%{opacity:.5}to{opacity:.8;transform:translateX(6%)}}@keyframes studio-enter-veil{0%,85%{opacity:0}to{opacity:1}}@keyframes studio-entry-status{to{opacity:1}}@media (max-width:1000px){.studio-hall{padding-inline:40px}.studio-portals{gap:54px;max-width:570px}}@media (max-width:690px){.studio-entrance{min-height:calc(100dvh - 145px);padding:29px 14px 24px}.teacher-workbench .studio-entrance h1{font-size:24px}.studio-welcome-copy strong{font-size:28px}.studio-hall{margin-top:30px;padding:26px 17px 46px}.studio-portals{gap:29px;max-width:420px}.studio-door{padding:12px 10px 7px;border-top-width:3px;box-shadow:0 0 0 1px #67583d88,0 0 0 2px #e7dfcd,0 0 0 3px #aa956f,0 0 0 5px #f6f1e6,0 0 0 6px #c8bda655,5px 8px 13px #40342128}.studio-door:before{border-width:11px 11px 6px}.studio-door-leaf,.studio-room{inset:13px 11px 7px}.studio-door-jamb{inset:10px 8px 5px}.studio-door-lettering{font-size:20px;letter-spacing:.18em}.studio-door-ornament{width:10px;height:10px}.studio-door-ornament--top{top:14%}.studio-door-ornament--bottom{bottom:20%}.studio-door-ornament:after,.studio-door-ornament:before{width:14px}.studio-door-ornament:before{right:7px;top:15px}.studio-door-ornament:after{left:7px;bottom:15px}.studio-door-handle{width:11px;height:44px;right:5%}.studio-door--exam .studio-door-handle{left:5%}.studio-door-handle i{width:22px;height:5px;top:13px}.studio-door-handle:after{left:3px;bottom:7px}.studio-door-inset{border-width:3px}.studio-door-inset--upper:before{inset:3px}.studio-door-number{font-size:8px}.studio-hall-floor{height:46px}.studio-hall-wall{bottom:45px}.studio-hall-wall:after{height:18px}}@media (max-width:359px){.studio-portals{gap:27px}.studio-hall{padding-inline:9px}.studio-door-lettering{font-size:18px;letter-spacing:.15em}.studio-door-handle i{width:18px}}@media (prefers-reduced-motion:reduce){.studio-arrival-light,.studio-welcome{display:none}.studio-entrance-heading,.studio-entrance-note,.studio-hall{animation:none}.studio-door-handle i,.studio-door-leaf{transition:none}.studio-portal:hover .studio-door-handle i,.studio-portal:hover .studio-door-leaf{transform:none}}