.hub-education-page{background:#000;min-height:100vh}.hub-education-page .hub-shell-header{height:calc(var(--s) * 121)}.education-main{z-index:1;width:calc(var(--s) * 1440);height:calc(var(--s) * 1024);isolation:isolate;background:#000;margin:0 auto;position:relative;overflow:hidden}.education-title{z-index:8;top:calc(var(--s) * 121);color:#fff;font:700 calc(var(--s) * 46)/1.112 "Playfair Display", var(--font-display);letter-spacing:-.025em;text-align:center;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#ffe0de 10.747%,#fff 51.063%,#e7ecff 90.611%);-webkit-background-clip:text;background-clip:text;margin:0;position:absolute;left:50%;transform:translate(-50%)}.education-back{z-index:9;top:calc(var(--s) * 147);left:calc(var(--s) * 130);min-height:calc(var(--s) * 28);align-items:center;gap:calc(var(--s) * 17);color:#fff;font:400 calc(var(--s) * 20.666)/1.239 "DM Sans", var(--font-body);text-decoration:none;display:inline-flex;position:absolute}.education-back>span{top:calc(var(--s) * -1);color:#7d8795;font:300 calc(var(--s) * 36)/.7 var(--font-body);transition:color .16s,transform .16s;position:relative}.education-back:hover>span,.education-back:focus-visible>span{color:#fe6057;transform:translateX(calc(var(--s) * -3))}.education-back:focus-visible{outline-offset:5px;border-radius:3px;outline:2px solid #fe6057}.education-library,.education-scene{position:absolute;inset:0}.education-picker{z-index:14;left:calc(var(--s) * 130);width:calc(var(--s) * 270);position:absolute}.education-picker--poomsae{top:calc(var(--s) * 280)}.education-picker--technique{top:calc(var(--s) * 369)}.education-picker.is-open{z-index:30}.education-picker__label{height:calc(var(--s) * 25);color:#aab2bf;font:500 calc(var(--s) * 22)/1.14 var(--font-body);display:block}.education-picker__trigger{width:100%;height:calc(var(--s) * 60);grid-template-columns:minmax(0, 1fr) calc(var(--s) * 38);padding:0 calc(var(--s) * 10) 0 calc(var(--s) * 20);border-radius:calc(var(--s) * 4);appearance:none;color:#eaecef;font:500 calc(var(--s) * 22)/1.2 var(--font-body);text-align:center;cursor:pointer;background:#000000b3;border:1px solid #aab2bf;align-items:center;transition:border-color .16s,background-color .16s,color .16s;display:grid}.education-picker__trigger:hover,.education-picker__trigger:focus-visible{border-color:#e7ecff}.education-picker__trigger:focus-visible{outline-offset:3px;outline:2px solid #6282ffd1}.education-picker__trigger:disabled{color:#aab2bf9e;cursor:not-allowed;border-color:#aab2bf7a}.education-picker.is-open .education-picker__trigger{border-radius:calc(var(--s) * 4) calc(var(--s) * 4) 0 0;color:#73839c;background:#f1f3f7;border-color:#aab2bf}.education-picker__chevron{width:calc(var(--s) * 11);height:calc(var(--s) * 11);border-right:calc(var(--s) * 2) solid #8b9bb2;border-bottom:calc(var(--s) * 2) solid #8b9bb2;transform:translateY(calc(var(--s) * -3)) rotate(45deg);justify-self:center;transition:transform .16s}.education-picker.is-open .education-picker__chevron{transform:translateY(calc(var(--s) * 3)) rotate(225deg)}.education-picker__list{z-index:20;top:calc(var(--s) * 85);width:100%;max-height:calc(var(--s) * 396);border-radius:0 0 calc(var(--s) * 4) calc(var(--s) * 4);box-shadow:0 calc(var(--s) * 18) calc(var(--s) * 42) #00000085;scrollbar-color:#eaecefa6 #2f436366;scrollbar-width:thin;overscroll-behavior:contain;background:#2f4363c7;position:absolute;left:0;overflow:hidden auto}.education-picker__list[hidden]{display:none}.education-picker__option{width:100%;height:calc(var(--s) * 44);padding:0 calc(var(--s) * 12);appearance:none;color:#eaecef;font:400 calc(var(--s) * 22)/1 var(--font-body);text-align:center;cursor:pointer;background:#2f43638a;border:0;border-bottom:1px solid #7688a32b;display:block}.education-picker__option:last-child{border-bottom:0}.education-picker__option:hover,.education-picker__option:focus-visible{background:#5b7194e0;outline:0}.education-picker__option.is-selected{color:#fff;background:#4b6082d1}.education-technique{z-index:7;top:calc(var(--s) * 586);left:calc(var(--s) * 142);width:calc(var(--s) * 270);position:absolute}.education-technique h2{color:#cf0005;font:400 calc(var(--s) * 48)/1 var(--font-accent);letter-spacing:.005em;white-space:nowrap;margin:0}.education-technique p{width:calc(var(--s) * 270);margin:calc(var(--s) * 47) 0 0;color:#fff;font:500 calc(var(--s) * 20)/1.01 var(--font-body);letter-spacing:-.012em;text-align:justify;text-align-last:left}.education-floor-grid{z-index:2;top:calc(var(--s) * 765);width:100%;height:calc(var(--s) * 189);clip-path:polygon(32.58% 0,67.48% 0,100% 100%,0 100%);opacity:.93;pointer-events:none;position:absolute;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#00000040 8%,#000 33% 100%);mask-image:linear-gradient(#0000 0,#00000040 8%,#000 33% 100%)}.education-floor-grid>span{width:100%;height:calc(var(--s) * 1580);transform:translateX(-50%) perspective(calc(var(--s) * 800)) rotateX(70deg);transform-origin:bottom;position:absolute;bottom:0;left:50%}.education-floor-grid>span:before,.education-floor-grid>span:after{content:"";background:linear-gradient(#6282ff6b,#cf1b2beb);position:absolute;inset:0}.education-floor-grid>span:before{-webkit-mask-image:linear-gradient(#000 0 1px,#0000 1px),linear-gradient(90deg,#000 0 1px,#0000 1px);-webkit-mask-repeat:repeat;-webkit-mask-size:calc(var(--s) * 65) calc(var(--s) * 65);mask-image:linear-gradient(#000 0 1px,#0000 1px),linear-gradient(90deg,#000 0 1px,#0000 1px);-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:calc(var(--s) * 65) calc(var(--s) * 65);mask-size:calc(var(--s) * 65) calc(var(--s) * 65);background:linear-gradient(#6282ff3d,#7149cd99 52%,#cf1b2bf5)}.education-floor-grid>span:after{background:linear-gradient(#0000 72%,#cf1b2b0e)}.education-red-light{z-index:1;top:calc(var(--s) * 880);left:calc(var(--s) * 433);width:calc(var(--s) * 574);height:calc(var(--s) * 56);clip-path:polygon(9.4% 0,90.35% 0,100% 100%,0 100%);mix-blend-mode:difference;pointer-events:none;background:radial-gradient(48% 50% at 49.3%,#cf1b2b 0,#cf1b2bdb 18%,#5e070f7a 45%,#000 100%);position:absolute;box-shadow:inset 0 0 0 1px #000}.education-model-shadow{z-index:3;top:calc(var(--s) * 876);width:calc(var(--s) * 220);height:calc(var(--s) * 32);filter:blur(calc(var(--s) * 4));opacity:.9;pointer-events:none;transform-origin:50%;background:radial-gradient(#000000c7,#00000057 46%,#0000 75%);border-radius:50%;transition:width .18s,height .18s,top .18s,opacity .18s,transform .18s;position:absolute;left:50%;transform:translate(-50%)}.education-scene[data-view=back] .education-model-shadow{width:calc(var(--s) * 205);transform:translate(-50%)skew(-4deg)}.education-scene[data-view=side] .education-model-shadow{top:calc(var(--s) * 880);width:calc(var(--s) * 104);height:calc(var(--s) * 24);transform:translateX(calc(-50% + var(--s) * 7)) skewX(-12deg)}.education-scene[data-view=up] .education-model-shadow{top:calc(var(--s) * 729);width:calc(var(--s) * 420);height:calc(var(--s) * 46);opacity:.62;transform:translate(-50%)skew(4deg)}.education-scene[data-view=down] .education-model-shadow{top:calc(var(--s) * 741);width:calc(var(--s) * 332);height:calc(var(--s) * 38);opacity:.72;transform:translate(-50%)skew(-5deg)}.education-model-viewport{--education-drag-x:0px;z-index:5;top:calc(var(--s) * 402);left:calc(var(--s) * 472);width:calc(var(--s) * 497);height:calc(var(--s) * 497);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:0;position:absolute}.education-model-viewport:focus-visible{border-radius:calc(var(--s) * 3);outline-offset:calc(var(--s) * 8);outline:2px solid #fe6057eb}.education-model-viewport.is-dragging{cursor:grabbing}.education-model-image{object-fit:contain;object-position:center;pointer-events:none;width:100%;height:100%;transform:translateX(var(--education-drag-x));transition:transform .18s cubic-bezier(.2,.72,.2,1),opacity .16s;display:block}.education-model-image[hidden]{display:none}.education-model-viewport.is-dragging .education-model-image{transition:none}.education-empty-state{width:min(86%, calc(var(--s) * 390));color:#aab2bf;font:500 calc(var(--s) * 18)/1.45 var(--font-body);text-align:center;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.education-empty-state[hidden]{display:none}.education-technique-point{z-index:8;width:calc(var(--s) * 23.116);height:calc(var(--s) * 23.116);appearance:none;cursor:help;background:0 0;border:0;padding:0;display:block;position:absolute;top:97.8%;left:50%;transform:translate(-50%,-50%)}.education-scene[data-view=side] .education-technique-point{left:51.4%}.education-scene[data-view=up] .education-technique-point{top:54%}.education-scene[data-view=down] .education-technique-point{top:46%}.education-technique-point[hidden]{display:none}.education-technique-point__dot{top:calc(var(--s) * 3.47);width:calc(var(--s) * 12.72);height:calc(var(--s) * 12.72);border:calc(var(--s) * 1.16) solid #91000480;box-shadow:0 calc(var(--s) * 2.3) calc(var(--s) * 4.6) #00000078;background:#d72b30;border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.education-technique-point:focus-visible{outline-offset:2px;border-radius:50%;outline:2px solid #fff}.education-technique-point__tip{bottom:calc(100% + var(--s) * 5);width:calc(var(--s) * 104);min-height:calc(var(--s) * 37);align-content:center;gap:calc(var(--s) * 1);padding:calc(var(--s) * 3) calc(var(--s) * 8) calc(var(--s) * 4) calc(var(--s) * 18);border-radius:calc(var(--s) * 2);box-shadow:0 calc(var(--s) * 6) calc(var(--s) * 18) #00000042;color:#fff;font:400 calc(var(--s) * 11)/1.1 var(--font-body);text-align:left;opacity:0;pointer-events:none;transform:translate(-50%, calc(var(--s) * 4));-webkit-backdrop-filter:blur(calc(var(--s) * 5));background:#f0f2f6b8;border:1px solid #ffffff70;transition:opacity .13s,transform .13s;display:grid;position:absolute;left:50%}.education-technique-point__tip>span:before{content:"•";margin-left:calc(var(--s) * -10);position:absolute}.education-technique-point:hover .education-technique-point__tip,.education-technique-point:focus-visible .education-technique-point__tip{opacity:1;transform:translate(-50%)}.education-orientation{z-index:7;top:calc(var(--s) * 750);left:calc(var(--s) * 1184);width:calc(var(--s) * 125);height:calc(var(--s) * 150);color:#aab2bf;position:absolute}.education-orientation__label{height:calc(var(--s) * 20);font:500 calc(var(--s) * 16)/1.2 var(--font-body);text-align:center;display:block}.education-view-cube{width:calc(var(--s) * 110);height:calc(var(--s) * 110);margin:calc(var(--s) * 4) auto 0;isolation:isolate;position:relative}.education-view-cube:focus-within{border-radius:calc(var(--s) * 5);outline-offset:calc(var(--s) * 5);outline:2px solid #fe6057d6}.education-view-cube__wire,.education-view-cube__wire:after{clip-path:polygon(50% 0,97.3% 28.2%,97.3% 71.8%,50% 100%,2.7% 71.8%,2.7% 28.2%);position:absolute;inset:0}.education-view-cube__wire{z-index:4;pointer-events:none;background:#e2e7efd1;display:block}.education-view-cube__wire:after{content:"";inset:calc(var(--s) * 1);background:#30374094}.education-view-cube__wire i{z-index:2;transform-origin:50%;background:#e2e7efad;width:1px;display:block;position:absolute}.education-view-cube__wire i:first-child{height:100%;top:0;left:50%}.education-view-cube__wire i:nth-child(2){width:94.6%;height:1px;top:27%;left:2.7%}.education-view-cube__wire i:nth-child(3){width:94.6%;height:1px;top:71.8%;left:2.7%}.education-view-cube__wire i:nth-child(4){width:55%;height:1px;top:49.6%;left:2.7%;transform:rotate(29.7deg)}.education-view-cube__wire i:nth-child(5){width:55%;height:1px;top:49.6%;right:2.7%;transform:rotate(-29.7deg)}.education-view-face{z-index:5;appearance:none;cursor:pointer;background:#373f4852;border:0;padding:0;transition:background-color .14s,filter .14s;position:absolute}.education-view-face:hover{background:#707d8e6b}.education-view-face:focus-visible{filter:brightness(1.45);outline:0}.education-view-face.is-active{background:#d51d08e0}.education-view-face:disabled{cursor:not-allowed;opacity:.38}.education-view-face--up{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:94.6%;height:55%;top:1%;left:2.7%}.education-view-face--down{clip-path:polygon(0 44%,50% 0,100% 44%,50% 100%);width:94.6%;height:50%;top:49.6%;left:2.7%}.education-view-face--front{clip-path:polygon(0 0,100% 50%,100% 100%,0 44%);width:47.3%;height:50.4%;top:49.6%;left:2.7%}.education-view-face--back{clip-path:polygon(0 50%,100% 0,100% 50%,0 100%);width:47.3%;height:45%;top:27.2%;left:50%}.education-view-face--side{clip-path:polygon(0 50%,100% 0,100% 44%,0 100%);width:47.3%;height:50.4%;top:49.6%;left:50%}.education-scene.is-unavailable .education-floor-grid,.education-scene.is-unavailable .education-red-light,.education-scene.is-unavailable .education-model-shadow{opacity:.2}html.motion-reduced .education-back>span,html.motion-reduced .education-picker__trigger,html.motion-reduced .education-picker__chevron,html.motion-reduced .education-model-image,html.motion-reduced .education-model-shadow,html.motion-reduced .education-technique-point__tip,html.motion-reduced .education-view-face{transition:none!important}@media (min-width:1441px){.education-main{width:min(100%,1920px)}}@media (max-width:900px){.hub-education-page .hub-shell-header{height:96px}.education-main{width:100%;height:auto;min-height:1180px;padding:104px 20px 76px;overflow:hidden}.education-back{gap:12px;min-height:28px;margin-top:23px;font-size:18px;position:relative;top:auto;left:auto}.education-back>span{font-size:32px;top:-1px}.education-title{margin:29px auto 0;font-size:clamp(40px,10vw,50px);position:relative;top:auto;left:auto;transform:none}.education-library{flex-direction:column;align-items:flex-start;width:100%;margin-top:55px;display:flex;position:relative;inset:auto}.education-picker{width:min(100%,320px);position:relative;top:auto;left:auto}.education-picker--technique{margin-top:12px}.education-picker__label{height:25px;font-size:20px}.education-picker__trigger{border-radius:4px;grid-template-columns:1fr 42px;height:58px;padding-left:20px;font-size:20px}.education-picker__chevron{border-width:2px;width:10px;height:10px}.education-picker__list{border-radius:0 0 4px 4px;max-height:352px;top:83px}.education-picker__option{height:44px;font-size:19px}.education-technique{width:min(100%,430px);margin:58px 0 0;position:relative;top:auto;left:auto}.education-technique h2{font-size:clamp(41px,11vw,48px)}.education-technique p{width:100%;margin-top:30px;font-size:18px;line-height:1.35}.education-scene{width:calc(100% + 40px);height:min(650px,112vw);min-height:520px;margin:34px 0 0 -20px;position:relative;inset:auto}.education-floor-grid{height:25%;top:63%}.education-floor-grid>span{bottom:0}.education-red-light{width:min(72%,574px);height:7.5%;top:78%;left:50%;transform:translate(-50%)}.education-model-viewport{width:min(100vw - 32px,497px);height:min(100vw - 32px,497px);top:0;left:50%;transform:translate(-50%)}.education-model-shadow,.education-scene[data-view=back] .education-model-shadow{width:26%;height:5%;top:76%}.education-scene[data-view=side] .education-model-shadow{width:14%;height:4%;top:76%}.education-scene[data-view=up] .education-model-shadow{width:56%;height:6%;top:50%}.education-scene[data-view=down] .education-model-shadow{width:46%;height:6%;top:51%}.education-empty-state{width:min(86%,390px);font-size:17px}.education-technique-point{width:23px;height:23px}.education-technique-point__dot{border-width:1px;width:13px;height:13px;top:3px;box-shadow:0 2px 5px #00000078}.education-technique-point__tip{width:104px;min-height:37px;padding:3px 8px 4px 18px;font-size:11px;bottom:calc(100% + 5px)}.education-orientation{top:auto;right:max(13px, env(safe-area-inset-right));width:112px;height:136px;bottom:0;left:auto}.education-orientation__label{height:19px;font-size:14px}.education-view-cube{width:96px;height:96px;margin-top:4px}}@media (max-width:560px){.education-main{min-height:1100px;padding-inline:14px}.education-library{margin-top:45px}.education-picker{width:100%}.education-technique{margin-top:48px}.education-technique p{text-align:left;font-size:17px;line-height:1.42}.education-scene{width:calc(100% + 28px);min-height:500px;margin-left:-14px}.education-model-viewport{width:min(100vw - 20px,497px);height:min(100vw - 20px,497px)}.education-orientation{transform-origin:100% 100%;bottom:-4px;right:8px;transform:scale(.86)}}@media (prefers-reduced-motion:reduce){html:not(.motion-allowed) .education-back>span,html:not(.motion-allowed) .education-picker__trigger,html:not(.motion-allowed) .education-picker__chevron,html:not(.motion-allowed) .education-model-image,html:not(.motion-allowed) .education-model-shadow,html:not(.motion-allowed) .education-technique-point__tip,html:not(.motion-allowed) .education-view-face{transition:none!important}}
