@font-face{font-family:Course Pen;src:url(../media/course-pen.2odro31s3ijs9.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}.course{--paper:#f8efe9;--paper-2:#fffaf6;--note-yellow:#fbe6b2;--ink:#3b2a20;--ink-2:#6a574a;--bg:#674c3b;--grid:rgb(var(--c-line) / .12);--tile:#f1e2d6;--art-ink:#674c3b;--art-red:#d11414;--art-gold:#dfb174;--art-paper:#f8efe9;--c-line:103 76 59;--c-shade:40 22 12;--c-shade-2:60 36 20;--c-hl:223 177 116;--c-paper:248 239 233;--c-backdrop:52 30 18;--c-backdrop-2:30 18 10;--tag-bg:#efe1d4;--tag-native:#b8261a;--tag-korean:#674c3b;--tape:url(/hero/fa26/tape.webp);--head-mark:url(/hero/fa26/maple.webp);--pen:"Course Pen", var(--font-sans);--bar-h:60px;--toc-h:58px;width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);font-family:var(--font-sans);background:0 0;border:0;margin:0;padding:24px;position:fixed;inset:0;overflow:hidden}.course[open]{place-items:center;display:grid}.course--b{--bg:#b51d16;--tile:#f8dfd7}.course--winter{--paper:#f2f6fd;--paper-2:#fff;--note-yellow:#e4eefc;--ink:#142045;--ink-2:#4a587c;--bg:#102c7e;--tile:#e2eafa;--art-ink:#102c7e;--art-red:#e0262f;--art-gold:#7fa8ec;--art-paper:#f2f6fd;--c-line:24 52 128;--c-shade:8 20 60;--c-shade-2:14 30 80;--c-hl:140 182 245;--c-paper:242 246 253;--c-backdrop:6 18 56;--c-backdrop-2:4 10 32;--tag-bg:#e2eafa;--tag-native:#d8232c;--tag-korean:#102c7e;--tape:linear-gradient(100deg, #b2cef6d1, #e2eeffe6 46%, #a0c2f2d1);--head-glow:#4f86e6;--head-mark:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cg opacity=%22.16%22 transform=%22rotate(12 50 50)%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg transform=%22rotate(0 50 50)%22%3E%3Cpath d=%22M50 50V6M50 18l-9-9M50 18l9-9M50 32l-11-9M50 32l11-9%22/%3E%3C/g%3E%3Cg transform=%22rotate(60 50 50)%22%3E%3Cpath d=%22M50 50V6M50 18l-9-9M50 18l9-9M50 32l-11-9M50 32l11-9%22/%3E%3C/g%3E%3Cg transform=%22rotate(120 50 50)%22%3E%3Cpath d=%22M50 50V6M50 18l-9-9M50 18l9-9M50 32l-11-9M50 32l11-9%22/%3E%3C/g%3E%3Cg transform=%22rotate(180 50 50)%22%3E%3Cpath d=%22M50 50V6M50 18l-9-9M50 18l9-9M50 32l-11-9M50 32l11-9%22/%3E%3C/g%3E%3Cg transform=%22rotate(240 50 50)%22%3E%3Cpath d=%22M50 50V6M50 18l-9-9M50 18l9-9M50 32l-11-9M50 32l11-9%22/%3E%3C/g%3E%3Cg transform=%22rotate(300 50 50)%22%3E%3Cpath d=%22M50 50V6M50 18l-9-9M50 18l9-9M50 32l-11-9M50 32l11-9%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--flake-w:250px;--flake-top:-54px;--flake-roll:320px;--snow:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 220 160%22 width=%22220%22 height=%22160%22%3E%3Cg fill=%22%23ffffff%22%3E%3Ccircle cx=%2218%22 cy=%2222%22 r=%221.6%22 opacity=%22.55%22/%3E%3Ccircle cx=%2296%22 cy=%2258%22 r=%221.2%22 opacity=%22.4%22/%3E%3Ccircle cx=%22160%22 cy=%2218%22 r=%222%22 opacity=%22.45%22/%3E%3Ccircle cx=%22200%22 cy=%22104%22 r=%221.4%22 opacity=%22.5%22/%3E%3Ccircle cx=%2254%22 cy=%22128%22 r=%221.8%22 opacity=%22.4%22/%3E%3Ccircle cx=%22128%22 cy=%22140%22 r=%221.2%22 opacity=%22.55%22/%3E%3C/g%3E%3Cg transform=%22translate(62 70) scale(.16)%22 opacity=%22.35%22%3E%3Cg fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%226%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg transform=%22rotate(0 50 50)%22%3E%3Cpath d=%22M50 50V6M50 18l-9-9M50 18l9-9M50 32l-11-9M50 32l11-9%22/%3E%3C/g%3E%3Cg transform=%22rotate(60 50 50)%22%3E%3Cpath d=%22M50 50V6M50 18l-9-9M50 18l9-9M50 32l-11-9M50 32l11-9%22/%3E%3C/g%3E%3Cg transform=%22rotate(120 50 50)%22%3E%3Cpath d=%22M50 50V6M50 18l-9-9M50 18l9-9M50 32l-11-9M50 32l11-9%22/%3E%3C/g%3E%3Cg transform=%22rotate(180 50 50)%22%3E%3Cpath d=%22M50 50V6M50 18l-9-9M50 18l9-9M50 32l-11-9M50 32l11-9%22/%3E%3C/g%3E%3Cg transform=%22rotate(240 50 50)%22%3E%3Cpath d=%22M50 50V6M50 18l-9-9M50 18l9-9M50 32l-11-9M50 32l11-9%22/%3E%3C/g%3E%3Cg transform=%22rotate(300 50 50)%22%3E%3Cpath d=%22M50 50V6M50 18l-9-9M50 18l9-9M50 32l-11-9M50 32l11-9%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform=%22translate(170 120) scale(.11)%22 opacity=%22.3%22%3E%3Cg fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%227%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg transform=%22rotate(0 50 50)%22%3E%3Cpath d=%22M50 50V6M50 18l-9-9M50 18l9-9M50 32l-11-9M50 32l11-9%22/%3E%3C/g%3E%3Cg transform=%22rotate(60 50 50)%22%3E%3Cpath d=%22M50 50V6M50 18l-9-9M50 18l9-9M50 32l-11-9M50 32l11-9%22/%3E%3C/g%3E%3Cg transform=%22rotate(120 50 50)%22%3E%3Cpath d=%22M50 50V6M50 18l-9-9M50 18l9-9M50 32l-11-9M50 32l11-9%22/%3E%3C/g%3E%3Cg transform=%22rotate(180 50 50)%22%3E%3Cpath d=%22M50 50V6M50 18l-9-9M50 18l9-9M50 32l-11-9M50 32l11-9%22/%3E%3C/g%3E%3Cg transform=%22rotate(240 50 50)%22%3E%3Cpath d=%22M50 50V6M50 18l-9-9M50 18l9-9M50 32l-11-9M50 32l11-9%22/%3E%3C/g%3E%3Cg transform=%22rotate(300 50 50)%22%3E%3Cpath d=%22M50 50V6M50 18l-9-9M50 18l9-9M50 32l-11-9M50 32l11-9%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.course--winter.course--b{--head-glow:#6f9ef0;--bg:#1e50b3;--tile:#dce7fb}.course--winter .course__head{background:var(--snow) 0 0 / 220px 160px repeat, linear-gradient(175deg, var(--bg) 40%, color-mix(in srgb, var(--bg) 70%, var(--head-glow)))}.course--winter .course__head:before{top:var(--flake-top);width:var(--flake-w);aspect-ratio:1;opacity:1;rotate:none}.course--winter .course__bar{overflow:clip}.course--winter .course__bar:before{content:"";z-index:-1;height:calc(100% + var(--flake-roll));background:var(--head-mark) left calc(44% + .44 * var(--flake-w)) bottom calc(var(--flake-roll) - var(--flake-w) - var(--flake-top)) / var(--flake-w) no-repeat, var(--snow) left bottom / 220px 160px repeat;pointer-events:none;position:absolute;inset:0 0 auto}@media (prefers-reduced-motion:no-preference){.course--winter .course__bar:before{animation:linear both course-snow-roll;animation-timeline:scroll();animation-range:0 var(--flake-roll)}}@keyframes course-snow-roll{to{translate:0 calc(-1 * var(--flake-roll))}}@media (max-width:767px){.course--winter{--flake-w:190px;--flake-top:-40px}.course--winter .course__bar:before{background-position:right -60px bottom calc(var(--flake-roll) - var(--flake-w) - var(--flake-top)), left bottom}}@media (min-width:768px){.course--winter .course__paper{background:linear-gradient(var(--bg) 0 var(--bar-h), var(--paper) var(--bar-h));border-radius:14px 0 0}}.course--winter .course__paper{scrollbar-width:auto;scrollbar-color:auto}.course--winter .course__paper::-webkit-scrollbar{width:10px}.course--winter .course__paper::-webkit-scrollbar-track{background:var(--bg)}.course--winter .course__paper::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#fff;border-radius:999px}.course--winter .course__paper::-webkit-scrollbar-button{height:0;display:none}@supports ((-moz-appearance:none)){.course--winter .course__paper{scrollbar-width:thin;scrollbar-color:#fff var(--bg)}}.course--winter .course__ticket:after,.course--winter .note:after,.course--winter .note__figure:after,.course--winter .course__invite:after{opacity:1;box-shadow:0 1px 2px rgb(var(--c-shade) / .12)}.course :is(.course__ticket,.note,.note__figure,.course__invite):after{content:none}.course[data-course=elementary] .course__body{gap:30px;padding:26px 28px 30px}.course[data-course=elementary] .notes{gap:18px;margin-top:14px}.course[data-course=elementary] .note{gap:10px;padding:18px 20px 16px}.course[data-course=elementary] .note__figure{margin-top:6px}.course[data-course=elementary] .note__figure--side{margin:0 0 8px 18px}@media (min-width:1024px){.course[data-course=elementary] .note__text:has(>.note__figure--wide){grid-template-columns:minmax(0,1fr) auto;align-content:start;column-gap:28px;display:grid}.course[data-course=elementary] .note__text:has(>.note__figure--wide)>*{grid-column:1}.course[data-course=elementary] .note__text>.note__figure--wide{--wide-h:200px;width:calc(var(--wide-h) * var(--ar) + 20px);grid-area:1/2/span 6;align-self:start;max-width:none;margin:0}}@media (max-width:767px){.course[data-course=elementary] .course__body{gap:28px;padding:22px 14px 26px}.course[data-course=elementary] .note{padding:16px 14px 14px}.course[data-course=elementary] .note__figure--side{margin-left:12px}}.course::backdrop{background:rgb(var(--c-backdrop) / .55)}.course ::selection{background:rgb(var(--c-hl) / .55);color:var(--ink)}.course__paper{overscroll-behavior:contain;background:var(--paper);width:min(1040px,100%);max-height:min(90dvh,980px);box-shadow:0 2px 6px rgb(var(--c-shade) / .18), 0 40px 80px -20px rgb(var(--c-shade) / .55);scroll-padding-top:calc(var(--bar-h) + var(--toc-h));scrollbar-width:thin;scrollbar-color:rgb(var(--c-line) / .35) transparent;border-radius:28px;outline:none;flex-direction:column;display:flex;position:relative;overflow:auto}.course__paper>*{flex-shrink:0}.course__bar{z-index:3;min-height:var(--bar-h);background:var(--bg);color:var(--paper);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px 16px 8px 36px;display:grid;position:sticky;top:0}.course__paper[data-stuck] .course__bar{box-shadow:0 8px 16px -10px rgb(var(--c-shade) / .55)}.course__grip{display:none}.course__name{border-radius:var(--radius-pill);background:var(--paper);color:var(--bg);letter-spacing:-.01em;white-space:nowrap;margin:0;padding:.3em 1.05em .28em;font-size:1.0625rem;font-weight:800;rotate:-1deg}.course__bar-title{text-overflow:ellipsis;white-space:nowrap;opacity:0;min-width:0;margin:0;font-size:.9375rem;font-weight:700;overflow:hidden}.course__paper[data-stuck] .course__bar-title{opacity:1}.course__close{border-radius:var(--radius-pill);width:44px;height:44px;color:var(--paper);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:#ffffff24;border:0;place-items:center;display:grid}.course__close:hover{background:#ffffff42}.course__close:focus-visible{outline:3px solid var(--paper);outline-offset:2px}.course__close[data-quiet]:focus-visible{outline:none}.course__head{background:var(--bg);color:var(--paper);isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:start;gap:28px 44px;padding:10px 36px 46px;display:grid;position:relative;overflow:hidden}.course__head:after{content:"";background:var(--paper);height:14px;position:absolute;inset:auto 0 -1px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14' preserveAspectRatio='none'%3E%3Cpath d='M0 14V8l6-3 7 4 9-5 8 4 7-3 10 5 8-6 9 4 7-2 9 5 8-5 10 3 6-2 8 4 8-3V14z'/%3E%3C/svg%3E") 0 0/240px 100% repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14' preserveAspectRatio='none'%3E%3Cpath d='M0 14V8l6-3 7 4 9-5 8 4 7-3 10 5 8-6 9 4 7-2 9 5 8-5 10 3 6-2 8 4 8-3V14z'/%3E%3C/svg%3E") 0 0/240px 100% repeat-x}.course__head:before{content:"";z-index:-1;aspect-ratio:338/314;background:var(--head-mark) center / contain no-repeat;opacity:.18;width:230px;position:absolute;top:-70px;left:44%;rotate:18deg}.course__intro{min-width:0;padding-top:12px}.course__title{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(1.75rem,1.2rem + 1.8vw,2.75rem);font-weight:850;line-height:1.1}.course__count{opacity:.95;margin:10px 0 0;font-size:.9375rem;font-weight:700}.course__lead{max-width:34em;color:rgb(var(--c-paper) / .92);text-wrap:pretty;margin:16px 0 0;font-size:1rem;line-height:1.65}.course__points{color:rgb(var(--c-paper) / .86);letter-spacing:-.005em;margin:14px 0 0;font-size:.9375rem;font-weight:700}.course__ticket{color:var(--ink);isolation:isolate;margin-top:14px;padding:24px 24px 20px;position:relative}.course__ticket:before{content:"";z-index:-1;background:var(--paper-2);box-shadow:0 2px 3px rgb(var(--c-shade) / .2), 0 18px 30px -18px rgb(var(--c-shade) / .6);border-radius:4px;position:absolute;inset:0;rotate:1deg}.course__ticket:after{content:"";background:var(--tape) center / 100% 100% no-repeat;opacity:.92;pointer-events:none;width:104px;height:27px;position:absolute;top:-13px;left:50%;translate:-50%;rotate:-4deg}.course__facts{margin:0;display:grid}.course__fact+.course__fact{border-top:1px dashed rgb(var(--c-line) / .32);margin-top:12px;padding-top:12px}.course__fact dt{color:var(--ink-2);font-size:.8125rem;font-weight:700}.course__fact dd{color:var(--ink);letter-spacing:-.02em;text-wrap:balance;margin:3px 0 0;font-size:1.1875rem;font-weight:800;line-height:1.32}.course__fact-rows{gap:4px;display:grid}.course__fact-row{grid-template-columns:6rem minmax(0,1fr);align-items:baseline;gap:10px;display:grid}.course__fact-key{color:var(--bg);letter-spacing:0;white-space:nowrap;font-size:.8125rem;font-weight:800}.course__fact-rows .course__fact-val{font-size:1.0625rem}.course__fact-seg{white-space:nowrap}.course__terms{border-top:1px dashed rgb(var(--c-line) / .32);color:var(--ink-2);margin:16px 0 0;padding:12px 0 0;font-size:.875rem;line-height:1.55;list-style:none}.course__terms li+li{margin-top:4px}.course__toc{top:var(--bar-h);z-index:2;min-height:var(--toc-h);background:var(--paper);border-bottom:1px solid rgb(var(--c-line) / .16);scrollbar-width:none;align-items:center;gap:8px;padding:8px 36px;display:flex;position:sticky;overflow-x:auto}.course__toc::-webkit-scrollbar{display:none}.course__toc-chip{border:1.5px solid rgb(var(--c-line) / .32);border-radius:var(--radius-pill);background:var(--paper-2);min-height:40px;color:var(--ink);font:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);flex:none;padding:0 16px;font-size:.9375rem;font-weight:700}.course__toc-chip:hover{border-color:var(--bg)}.course__toc-chip[aria-current=true]{border-color:var(--bg);background:var(--bg);color:var(--paper)}.course__toc-chip:focus-visible,.note__more:focus-visible,.course__cta:focus-visible,.course__tel:focus-visible{outline:3px solid var(--bg);outline-offset:3px}.course__body{background-color:var(--paper);background-image:linear-gradient(to right, var(--grid) 1px, transparent 1px), linear-gradient(to bottom, var(--grid) 1px, transparent 1px);background-position:-1px -1px;background-size:24px 24px;flex-direction:column;gap:52px;padding:38px 36px 40px;display:flex}.course__group{scroll-margin-top:calc(var(--bar-h) + var(--toc-h) + 12px)}.course__group-title{background:linear-gradient(transparent 52%, rgb(var(--c-hl) / .5) 52%, rgb(var(--c-hl) / .5) 86%, transparent 86%);width:fit-content;color:var(--bg);font-family:var(--pen);outline:none;margin:0;padding:0 6px;font-size:2.75rem;font-weight:400;line-height:1.1}.course__group-title:focus-visible{outline:2px dashed var(--bg);outline-offset:4px}.course__group-note{max-width:62ch;color:var(--ink-2);margin:8px 0 0;font-size:.9375rem;font-weight:600;line-height:1.55}.notes{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:30px 24px;margin:22px 0 0;padding:0;list-style:none;display:grid}.note{--tilt:-.8deg;--tape-x:50%;--tape-rot:-4deg;grid-column:span var(--span,6);isolation:isolate;grid-template-columns:minmax(0,1fr);align-items:start;gap:14px;padding:26px 22px 20px;display:grid;position:relative}.note:nth-child(4n+2){--tilt:.7deg;--tape-x:30%;--tape-rot:5deg}.note:nth-child(4n+3){--tilt:-.4deg;--tape-x:68%;--tape-rot:-2deg;--note-paper:var(--note-yellow)}.note:nth-child(4n+4){--tilt:1deg;--tape-x:44%;--tape-rot:3deg}.note:before{content:"";z-index:-1;background:var(--note-paper,var(--paper-2));box-shadow:0 1px 2px rgb(var(--c-shade-2) / .12), 0 16px 24px -18px rgb(var(--c-shade-2) / .5);rotate:var(--tilt);border-radius:3px;position:absolute;inset:0}.note:after{content:"";top:-12px;left:var(--tape-x);background:var(--tape) center / 100% 100% no-repeat;width:86px;height:24px;translate:-50%;rotate:var(--tape-rot);opacity:.9;pointer-events:none;position:absolute}.note[data-fit=full] .note__lines{columns:2;column-gap:36px}.note[data-fit=full] .note__lines li{break-inside:avoid}.note[data-fit=full] .note__variants{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.note[data-fit=center]{grid-column:4/span 6}.note--art,.note--step{grid-template-columns:56px minmax(0,1fr)}.note .subject__art{width:56px;height:56px;display:block}.subject__art svg{width:100%;height:100%;display:block;overflow:visible}.subject__art-tile{fill:var(--tile)}.subject__art-shadow{fill:rgb(var(--c-line) / .12)}.note__step{color:var(--bg);font-family:var(--pen);text-align:center;font-size:3.25rem;line-height:.85}.note__text{min-width:0;display:flow-root}.note__name{color:var(--ink);font-family:var(--pen);overflow-wrap:anywhere;text-wrap:balance;margin:0;font-size:2.125rem;font-weight:400;line-height:1.05}.note__tags{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.tag{border-radius:var(--radius-pill);background:var(--tag-bg);color:var(--ink);border:1.5px solid #0000;padding:1px 10px;font-size:.8125rem;font-weight:700;line-height:1.6}.tag--native{background:var(--tag-native);color:#fff}.tag--korean{border-color:var(--tag-korean);color:var(--tag-korean);background:0 0}.note__lines{color:var(--ink-2);margin:12px 0 0;padding:0;font-size:.9375rem;line-height:1.6;list-style:none}.note__lines li{overflow-wrap:anywhere;padding-left:15px;position:relative}.note__lines li+li{margin-top:3px}.note__lines li:before{content:"";background:var(--bg);opacity:.6;border-radius:2px;width:7px;height:2px;position:absolute;top:.78em;left:0}.note__lines li[hidden]{display:none}.note__more{min-height:44px;color:var(--bg);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:-2px 0 -8px 13px;padding:0 4px;font-size:.875rem;font-weight:800;text-decoration:underline;text-decoration-thickness:1.5px}.note__variants{gap:10px 22px;margin:14px 0 0;display:grid}.note--wide .note__variants{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.note__variant{border-top:1px dashed rgb(var(--c-line) / .34);padding-top:10px}.note__variant dt{color:var(--bg);font-size:.875rem;font-weight:800}.note__variant dd{color:var(--ink);margin:3px 0 0;font-size:.9375rem;line-height:1.55}.note__figure{isolation:isolate;margin:22px 4px 4px;position:relative}.note__figure:after{content:"";background:var(--tape) center / 100% 100% no-repeat;opacity:.9;pointer-events:none;width:78px;height:22px;position:absolute;top:-11px;right:14%;rotate:6deg}.note__shot{cursor:zoom-in;isolation:isolate;background:0 0;border:0;width:100%;padding:10px;display:block;position:relative}.note__shot:before{content:"";z-index:-1;box-shadow:0 1px 2px rgb(var(--c-shade-2) / .16), 0 14px 22px -14px rgb(var(--c-shade-2) / .55);background:#fff;border-radius:2px;position:absolute;inset:0;rotate:-.9deg}.note__shot-img{border:1px solid rgb(var(--c-line) / .12);width:100%;height:auto;display:block}.note__zoom{border-radius:var(--radius-pill);background:var(--bg);width:36px;height:36px;color:var(--paper);box-shadow:0 6px 12px -6px rgb(var(--c-shade) / .6);place-items:center;display:grid;position:absolute;bottom:-6px;right:-6px}.note__shot:focus-visible{outline:3px solid var(--bg);outline-offset:4px}.note__caption{color:var(--ink-2);margin:10px 0 0;font-size:.875rem;line-height:1.5}.note__caption strong{color:var(--ink);font-weight:800}.note__figure--wide{--wide-h:280px;max-width:calc(var(--wide-h) * var(--ar) + 20px)}.note__figure--wide[data-kind=cover]{--wide-h:220px}.note__figure--side{z-index:1;float:right;width:var(--fig-w);margin:4px 2px 12px 22px}.note__figure--cover{--fig-w:132px}.note__figure--page{--fig-w:min(42%, calc(var(--fig-h,220px) * var(--ar)), 400px)}.note--wide .note__figure--page{--fig-h:330px}.note__figure--side:after{width:62px;height:18px;left:50%;right:auto;translate:-50%;rotate:-5deg}.note__figure--side .note__shot{padding:6px}.note__figure--side .note__zoom{width:30px;height:30px}.note__figure--side .note__caption{overflow-wrap:anywhere;margin-top:8px;font-size:.8125rem;line-height:1.4}.note__figure--side .note__caption strong{display:block}.shot{width:min(1240px, calc(100% - 32px), calc((100dvh - 120px) * var(--ar,3) + 28px));background:0 0;border:0;max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:visible}.shot::backdrop{background:rgb(var(--c-backdrop-2) / .78)}.shot__frame{background:#fff;border-radius:4px;padding:14px 14px 12px;position:relative;box-shadow:0 30px 60px -20px #0009}.shot__img{object-fit:contain;width:100%;height:auto;max-height:calc(100dvh - 120px);display:block}.shot__caption{color:var(--ink-2);margin:10px 4px 0;font-size:.9375rem}.shot__caption strong{color:var(--ink)}.shot__close{border-radius:var(--radius-pill);background:var(--bg);width:44px;height:44px;color:var(--paper);cursor:pointer;border:0;place-items:center;display:grid;position:absolute;top:-18px;right:-14px;box-shadow:0 8px 16px -8px #0009}.shot__close:focus-visible{outline-offset:2px;outline:3px solid #fff}.course__invite{color:var(--paper);isolation:isolate;margin:8px 0 0;padding:34px 34px 30px;position:relative}.course__invite:before{content:"";z-index:-1;background:var(--bg);box-shadow:0 2px 3px rgb(var(--c-shade) / .18), 0 22px 34px -22px rgb(var(--c-shade) / .7);border-radius:4px;position:absolute;inset:0;rotate:-.6deg}.course__invite:after{content:"";background:var(--tape) center / 100% 100% no-repeat;opacity:.92;pointer-events:none;width:104px;height:27px;position:absolute;top:-13px;left:18%;rotate:-6deg}.course__invite-title{font-family:var(--pen);text-wrap:balance;margin:0;font-size:2.375rem;font-weight:400;line-height:1.1}.course__invite-text{max-width:52ch;color:rgb(var(--c-paper) / .94);margin:10px 0 0;font-size:1rem;line-height:1.6}.course__invite-actions{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:20px;display:flex}.course__cta{border-radius:var(--radius-pill);background:var(--bg);min-height:48px;color:var(--paper);white-space:nowrap;box-shadow:0 10px 20px -12px rgb(var(--c-shade-2) / .6);justify-content:center;align-items:center;padding:0 26px;font-size:1rem;font-weight:800;text-decoration:none;display:inline-flex}.course__cta:hover{text-underline-offset:3px;text-decoration:underline}.course__cta--invite{background:var(--paper);color:var(--bg)}.course__tel{border-radius:var(--radius-pill);min-height:44px;color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;padding:0 10px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.course__tel:hover{text-underline-offset:3px;text-decoration:underline}.course__tel--invite{color:var(--paper)}.course__invite :is(.course__cta,.course__tel):focus-visible{outline-color:var(--paper)}.course__foot{z-index:3;height:0;position:sticky;bottom:0}.course__foot-in{background:var(--paper);border-top:1px solid rgb(var(--c-line) / .16);justify-content:flex-end;align-items:center;gap:10px;padding:12px 36px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.course__foot[data-hidden] .course__foot-in{opacity:0;clip-path:inset(100% 0 0);pointer-events:none}@media (prefers-reduced-motion:no-preference){.course[open]::backdrop{animation:course-fade .42s var(--ease-out)}.course[data-closing] .course__paper{animation:course-sink .3s var(--ease-standard) forwards}.course[data-closing]::backdrop{animation:course-fade .3s var(--ease-standard) reverse forwards}.course__bar-title{transition:opacity var(--duration-fast) var(--ease-out)}.course__foot-in{transition:opacity .2s var(--ease-out), clip-path .2s var(--ease-out)}}@keyframes course-fade{0%{opacity:0}}@keyframes course-sink{to{opacity:0;translate:0 14px;scale:.96}}@media (max-width:1023px){.course__fact dt,.course__fact-key,.tag,.note__figure--side .note__caption{font-size:.875rem}}@media (max-width:767px){.course{--bar-h:64px;--toc-h:60px;padding:0}.course__toc-chip{min-height:44px}.course[open]{place-items:end stretch}.course__paper{border-radius:24px 24px 0 0;width:100%;max-height:92dvh}.course__bar{touch-action:none;padding:16px 12px 6px 16px;position:sticky}.course__grip{border-radius:var(--radius-pill);background:rgb(var(--c-paper) / .5);width:40px;height:5px;display:block;position:absolute;top:6px;left:50%;translate:-50%}.course__head{grid-template-columns:minmax(0,1fr);gap:18px;padding:2px 20px 40px}.course__head:before{width:170px;top:-40px;left:auto;right:-60px}.course__intro{padding-top:6px}.course__ticket{margin:10px 4px 0;padding:22px 18px 16px}.course__fact dd{font-size:1.125rem}.course__fact-row{grid-template-columns:5.25rem minmax(0,1fr)}.course__toc{padding:8px 16px}.course__body{gap:44px;padding:30px 16px 34px}.course__group-title{font-size:2.375rem}.notes{grid-template-columns:minmax(0,1fr);gap:28px}.note,.note[data-fit]{grid-column:1/-1;padding:24px 16px 18px}.note[data-fit=full] .note__lines{columns:auto}.shot__close{top:-14px;right:-6px}.note--art,.note--step{grid-template-columns:44px minmax(0,1fr);gap:12px}.note .subject__art{width:44px;height:44px}.note__name{font-size:1.9375rem}.note__figure--side{margin-left:14px}.note--art .note__figure--wide,.note--step .note__figure--wide{margin-left:-52px}.note__figure--cover{--fig-w:104px}.note__figure--page,.note--wide .note__figure--page{--fig-w:min(44%, calc(150px * var(--ar)))}.course__invite{padding:30px 20px 24px}.course__invite-title{font-size:2.125rem}.course__foot-in{padding:10px 16px calc(10px + env(safe-area-inset-bottom));justify-content:space-between}.course__foot-in .course__cta{flex:1}@media (prefers-reduced-motion:no-preference){.course[data-closing] .course__paper{animation:course-drop .3s var(--ease-standard) forwards}}}@keyframes course-drop{to{translate:0 100%}}@media (max-height:560px){.course{padding:8px}.course__paper{max-height:96dvh}.course__toc{position:static}.course__foot{height:auto;position:static}.course__foot-in{position:static}.course__foot[data-hidden]{display:none}}@media (max-width:767px) and (max-height:560px){.course{padding:0}.course__paper{border-radius:0;height:100dvh;max-height:100dvh}}
.hm-course{--course-bg:#674c3b;display:flex}.hm-course[data-tone=b]{--course-bg:#b51d16}.hm-course:empty{margin-block:-8px}.hm-course__chip{border-radius:var(--radius-pill);background:var(--course-bg);color:#f8efe9;max-width:100%;font-size:var(--text-body-sm);align-items:center;gap:4px;margin:0;padding:4px 4px 4px 16px;font-weight:600;line-height:1.35;display:inline-flex;rotate:-.6deg;box-shadow:0 8px 16px -10px #3c24148c}.hm-course__text{min-width:0}.hm-course__text strong{font-weight:800}.hm-course__clear{border-radius:var(--radius-pill);width:36px;height:36px;color:inherit;cursor:pointer;transition:background var(--duration-fast) ease;background:#ffffff29;border:0;flex:none;place-items:center;margin:-4px 0;display:grid;position:relative}.hm-course__clear:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;translate:-50% -50%}.hm-course__clear:hover{background:#ffffff4d}.hm-course__clear:focus-visible{outline:3px solid var(--course-bg);outline-offset:3px}.hm-consult__form:has(.hm-course__chip){position:relative}.hm-consult__form:has(.hm-course__chip):before{content:"";opacity:.92;pointer-events:none;background:url(/hero/fa26/tape.webp) 50%/100% 100% no-repeat;width:112px;height:29px;position:absolute;top:-14px;left:50%;translate:-50%;rotate:-3deg}
.hero-page{--ribbon:0px;--bar-h:56px;--film:#1b1310;--swap-ms:.9s}.hero-page:has(.l-ribbon){--ribbon:44px}.hero{margin-top:calc(-1 * var(--spacing-header));position:relative}.hero__frame{background:var(--film);touch-action:pan-y;display:grid;position:relative;overflow:clip}html:not(.hero-js) .hero__frame{background:0 0;display:block}html:not(.hero-js) .hero__bar{display:none}.slide{isolation:isolate;min-height:calc(100svh - var(--ribbon) - var(--bar-h));background:var(--s-ground,var(--color-canvas-2));transform-origin:50%;position:relative;overflow:clip}.slide:after{content:"";z-index:20;background:var(--film);opacity:0;pointer-events:none;position:absolute;inset:0}.hero-js .slide{grid-area:1/1}.hero-js .slide[data-state=idle]{visibility:hidden}.slide__inner{z-index:2;width:100%;max-width:calc(var(--container-wide) + 2 * var(--spacing-gutter));min-height:inherit;padding:calc(var(--spacing-header) + clamp(8px, 2svh, 24px)) var(--spacing-gutter) clamp(20px, 3.4svh, 36px);grid-template-rows:1fr auto;align-items:center;gap:clamp(20px,3.4svh,40px);margin-inline:auto;display:grid;position:relative}.poster{--t:clamp(3.5rem, min(11.5vw, 17.5svh), 10.5rem);isolation:isolate;width:fit-content;font-size:var(--t);justify-self:center;padding:.34em .62em .5em .5em;position:relative}.poster__papers{z-index:-1;position:absolute;inset:0}.paper{filter:drop-shadow(0 .05em .1em #674c3b38);max-width:none;position:absolute}.paper--grid{width:calc(100% + .2em);height:calc(100% + .36em);inset:-.06em -.12em -.3em -.08em}.paper--red{width:calc(100% + .24em);height:calc(100% + .54em);inset:-.3em .12em -.24em -.36em}.paper--yellow{width:1.15em;height:auto;top:.9em;right:-.62em}@font-face{font-family:Hero Dangam;src:url(/hero/fonts/hero-dangam.woff)format("woff");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:Hero Dangam Fallback;src:local(Malgun Gothic Bold),local(맑은 고딕 Bold);font-weight:700;size-adjust:92%;ascent-override:102.17%;descent-override:28.26%;line-gap-override:0%}.poster__labels{transform-origin:100% 100%;justify-content:flex-end;margin:0 0 .08em;display:flex}.poster__labels-img{width:max(1.89em,12.5rem);max-width:none;height:auto;display:block}.poster__title{z-index:2;margin:0;font-size:1em;font-weight:700;line-height:.94;display:grid;position:relative}.poster__line{white-space:nowrap;display:block}.poster__line--1{margin-left:.73em;line-height:0}.poster__line--2{color:var(--s-title2);margin-top:.1em}.poster__in{padding-bottom:.04em;display:inline-block}.poster__art{width:2.72em;max-width:none;height:auto;display:block}.poster__dae{font-family:"Hero Dangam", "Hero Dangam Fallback", var(--font-sans);letter-spacing:.04em;font-weight:700;line-height:.92}.poster__badge{z-index:3;margin:0;font-size:clamp(1.125rem,.55rem + 1.45vw,1.875rem);position:absolute;bottom:.02em;right:-.32em;rotate:-6deg}.badge{border-radius:var(--radius-pill);background:var(--s-badge);color:#fff;letter-spacing:-.01em;white-space:nowrap;padding:.55em 1.15em .5em;font-weight:800;line-height:1;display:inline-block;position:relative;box-shadow:0 .18em .5em -.16em #34281473}.badge__tape{opacity:.92;width:3.4em;max-width:none;height:auto;position:absolute;top:-.62em;left:50%;translate:-50%;rotate:5deg}.badge__text{display:block;position:relative}.badge__art{width:6.2em;max-width:none;height:auto;display:block}.poster__maple{z-index:1;pointer-events:none;width:1.62em;position:absolute;top:-.42em;left:-1.18em;rotate:-10deg}.poster__maple-img{filter:drop-shadow(0 .06em .08em #674c3b47);width:100%;height:auto;display:block}.cards{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:clamp(10px,1.1vw,16px);width:100%;max-width:1180px;margin:0 auto;padding:0;list-style:none;display:grid}.card{--bg:var(--s-title2);--hi:var(--s-hi);border-radius:var(--radius-sm);background:var(--bg);color:var(--s-paper);text-align:center;transition:transform var(--duration-slow) var(--ease-out), rotate var(--duration-slow) var(--ease-out), box-shadow var(--duration-slow) var(--ease-out);display:flex;position:relative;rotate:-.7deg;box-shadow:0 1px 2px #3c24141f,0 10px 24px -10px #3c24146b}.card:nth-child(2n){rotate:.6deg}.card:before{content:"";z-index:1;aspect-ratio:156/40;opacity:.88;pointer-events:none;width:clamp(48px,4.6vw,64px);transition:rotate var(--duration-slow) var(--ease-out), translate var(--duration-slow) var(--ease-out);background:url(/hero/fa26/tape.webp) 50%/100% 100% no-repeat;position:absolute;top:-9px;left:50%;translate:-50%;rotate:-5deg}.card:nth-child(2n):before{rotate:4deg}.cards--winter .card:before{aspect-ratio:128/122;opacity:1;filter:drop-shadow(0 2px 3px #06123873);background:url(/hero/wi26/star.webp) 50%/contain no-repeat;width:clamp(22px,2vw,28px);top:-19px;rotate:-10deg}.cards--winter .card__btn{padding-top:18px}.cards--winter .card:nth-child(2n):before{filter:drop-shadow(0 0 .6px #fff)drop-shadow(0 0 .6px #fff)drop-shadow(0 2px 3px #06123873);background-image:url(/hero/wi26/star-navy.webp);rotate:8deg}@media (hover:hover){.cards--winter .card:hover:before{translate:-50% -2px;rotate:26deg}}.cards--winter .card:has(.card__btn:focus-visible):before{rotate:26deg}.card__btn{border-radius:inherit;width:100%;color:inherit;font:inherit;text-align:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;flex:1;align-items:stretch;gap:10px;margin:0;padding:12px 12px 16px;display:flex;position:relative}.card__btn:focus-visible{outline:3px solid var(--s-paper);outline-offset:3px}.card__name,.card__hi{display:block}.card__more{border-radius:var(--radius-pill);background:var(--s-paper);min-height:44px;color:var(--bg);white-space:nowrap;transition:box-shadow var(--duration-base) var(--ease-out), translate var(--duration-base) var(--ease-out);align-self:center;align-items:center;gap:8px;margin-top:2px;padding:0 6px 0 16px;font-size:.9375rem;font-weight:800;line-height:1.2;display:inline-flex;box-shadow:0 6px 12px -8px #28160c99}.card__more-icon{border-radius:var(--radius-pill);background:var(--bg);width:32px;height:32px;color:var(--s-paper);transition:rotate var(--duration-base) var(--ease-out);place-items:center;display:grid}.card__more-label--touch{display:none}@media (hover:none){.card__more-label--hover{display:none}.card__more-label--touch{display:inline}}.card__btn:active .card__more{translate:0 1px;box-shadow:0 3px 6px -4px #28160c99}@media (hover:hover){.card__btn:hover .card__more-icon{rotate:90deg}}.card__btn:focus-visible .card__more-icon{rotate:90deg}.card--b{--bg:var(--s-title1);--hi:var(--s-paper)}.card__name{border-radius:var(--radius-pill);background:var(--s-paper);color:var(--bg);letter-spacing:-.01em;margin:0;padding:.34em .6em .3em;font-size:clamp(1rem,.88rem + .32vw,1.1875rem);font-weight:800;line-height:1.2}.card__lines{flex-direction:column;flex:1;justify-content:center;margin:0;font-size:.9375rem;font-weight:500;line-height:1.42;display:flex}.card__line{display:block}.card__hi{color:var(--hi);letter-spacing:-.02em;margin:0;font-size:1.1875rem;font-weight:800;line-height:1.25}@media (hover:hover){.card:hover{transform:translateY(-8px)rotate(0);box-shadow:0 2px 4px #3c241424,0 22px 36px -14px #3c241480}.card:hover:before{translate:-50% -2px;rotate:3deg}}.card:has(.card__btn:focus-visible){transform:translateY(-8px)rotate(0);box-shadow:0 2px 4px #3c241424,0 22px 36px -14px #3c241480}.card:has(.card__btn:focus-visible):before{translate:-50% -2px;rotate:3deg}@media (prefers-reduced-motion:no-preference){.cards[data-nudge] .card__more{animation:card-nudge .64s var(--ease-out) calc(1.7s + var(--k,0) * .14s) 1 both}.cards[data-nudge] .card__more-icon{animation:card-nudge-turn .64s var(--ease-out) calc(1.7s + var(--k,0) * .14s) 1 both}}@keyframes card-nudge{0%,to{translate:0;box-shadow:0 6px 12px -8px #28160c99}40%{translate:0 -4px;box-shadow:0 12px 18px -10px #28160c99}}@keyframes card-nudge-turn{0%,to{rotate:0deg}45%{rotate:90deg}}.pic{max-width:none}.pic__art{align-self:stretch;place-items:center;min-height:clamp(200px,32svh,380px);display:grid;position:relative;container-type:size}.pic__frame{display:contents}.pic__img{width:min(100cqw, 100cqh * var(--pic-r));-webkit-mask-composite:source-in;-webkit-user-select:none;user-select:none;height:auto;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000),linear-gradient(#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000),linear-gradient(#0000,#000 6% 94%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.pic__hit{z-index:1;position:absolute;inset:0}.pic__hit:focus-visible{outline:3px solid var(--s-paper);outline-offset:-6px}@media (max-aspect-ratio:6/5){.pic__art{min-height:0;margin-inline:calc(-1 * var(--spacing-gutter));container-type:inline-size}.pic__img{width:100cqw}}.pic__back{z-index:0;background:linear-gradient(var(--s-ground) 30%, #2049a1);pointer-events:none;position:absolute;inset:0}.pic--layer .pic__art{isolation:isolate}.pic--layer .pic__img{--pic-w:min(100cqw, 100cqh * var(--pic-r), 600px);width:var(--pic-w);position:relative;-webkit-mask-image:none;mask-image:none}.pic__back-img{z-index:-1;width:calc(min(100cqw, 100cqh * var(--pic-r), 600px) * var(--pic-back));-webkit-mask-composite:source-in;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;height:auto;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000),linear-gradient(#0000,#000 4% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000),linear-gradient(#0000,#000 4% 86%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}@media (max-aspect-ratio:6/5){.pic--layer .pic__art{margin-inline:0;padding-top:8px}.pic--layer .pic__img{--pic-w:min(84cqw, 460px);margin-inline:auto}.pic--layer .pic__back-img{width:calc(min(84cqw, 460px) * var(--pic-back))}}.pic__float{z-index:-1;width:calc(min(100cqw, 100cqh * var(--pic-r), 600px) * var(--pic-back));aspect-ratio:1920/700;pointer-events:none;position:absolute;top:50%;left:50%;translate:-50% -50%}.pic__fly{display:block;position:absolute}.pic__bob{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.pic__words{height:auto;position:relative}.pic__word{display:block;position:absolute}.pic__word img{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}@media (max-aspect-ratio:6/5){.pic--layer .pic__float{width:calc(min(84cqw, 460px) * var(--pic-back))}}.slide--image{--t0:0s}.slide--image[data-film]{--t0:.25s}@media (prefers-reduced-motion:no-preference){.hero-js .slide--image:is([data-state=enter],[data-state=current],[data-state=leave]) .pic__word{animation:pic-word .9s var(--ease-enter) calc(var(--t0) + .15s + var(--k) * .16s) backwards}.hero-js .slide--image:is([data-state=enter],[data-state=current],[data-state=leave]) .pic__fly[data-move=bob]{animation:pic-fly 1.3s var(--ease-enter) calc(var(--t0) + .25s + (var(--k) - 5) * .18s) backwards}.hero-js .slide--image:is([data-state=enter],[data-state=current],[data-state=leave]) [data-move=bob] .pic__bob{animation:pic-bob var(--move-ms) ease-in-out calc(var(--t0) + 1.4s + var(--k) * -1700ms) infinite}.hero-js .slide--image:is([data-state=enter],[data-state=current],[data-state=leave]) [data-move=sway] .pic__bob{animation:pic-sway var(--move-ms) ease-in-out calc(var(--k) * -1100ms) infinite}.hero-js .slide--image[data-state=leave] .pic__bob,.hero-js .hero[data-still] .slide--image .pic__bob{animation-play-state:paused}}@keyframes pic-word{0%{opacity:0;filter:blur(6px);translate:0 24%;scale:.94}}@keyframes pic-fly{0%{opacity:0;translate:0 40%;scale:.82}}@keyframes pic-bob{0%,to{translate:0;rotate:0deg}30%{translate:0 calc(-1 * var(--move-lift,6%));rotate:var(--move-amp,3deg)}65%{translate:0 calc(-.35 * var(--move-lift,6%));rotate:calc(-.6 * var(--move-amp,3deg))}}@keyframes pic-sway{0%,to{translate:0;rotate:0deg}25%{translate:var(--move-lift,6%) 0;rotate:var(--move-amp,12deg)}75%{translate:calc(-1 * var(--move-lift,6%)) 0;rotate:calc(-1 * var(--move-amp,12deg))}}@media print{.pic__word,.pic__fly,.pic__bob{animation:none}}.slide__sky{z-index:0;pointer-events:none;position:absolute;inset:0}.slide__cloud{width:max(100%,1100px);max-width:none;height:auto;position:absolute;bottom:-14%;left:50%;translate:-50%}.slide__leaves{z-index:1;pointer-events:none;position:absolute;inset:0}.slide__leaves--near{z-index:3}.leaf{left:var(--x);top:var(--y);width:calc(var(--w) * var(--leaf-scale,1));position:absolute}.leaf__img{width:100%;height:auto;rotate:var(--rot);display:block}.leaf__img--flip{scale:-1 1}.slide__leaves--far .leaf{opacity:.9;filter:blur(.6px)}.leaf__drift{display:block}@media (prefers-reduced-motion:no-preference){.hero-js .slide:is([data-state=enter],[data-state=current],[data-state=leave]) .leaf__drift{animation:leaf-drift var(--dur,11s) linear var(--phase,0s) infinite}.hero-js .slide:is([data-state=enter],[data-state=current],[data-state=leave]) .poster__maple-sway{animation:3.8s ease-in-out 1.6s infinite maple-sway}.hero-js .slide[data-state=leave] :is(.leaf__drift,.poster__maple-sway),.hero-js .hero[data-still] :is(.leaf__drift,.poster__maple-sway){animation-play-state:paused}}.poster__maple-sway{transform-origin:62% 88%;display:block}@keyframes maple-sway{0%,to{transform:rotate(0)}22%{transform:rotate(9deg)translate(.02em,-.02em)}48%{transform:rotate(-6deg)}70%{transform:rotate(5deg)rotateY(18deg)}86%{transform:rotate(-2deg)}}@keyframes leaf-drift{0%{opacity:0;transform:translateY(-10vh)rotate(0)rotateX(0)}8%{opacity:1}25%{transform:translate(calc(var(--dx) * .18 + 2.2vw), -1vh) rotate(calc(var(--turn) * .25)) rotateX(55deg)}50%{transform:translate(calc(var(--dx) * .5 - 1.6vw), 8vh) rotate(calc(var(--turn) * .5)) rotateX(0deg)}75%{transform:translate(calc(var(--dx) * .78 + 1.8vw), 17vh) rotate(calc(var(--turn) * .75)) rotateX(-50deg)}90%{opacity:1}to{opacity:0;transform:translate(var(--dx), 26vh) rotate(var(--turn)) rotateX(0deg)}}.hero__bar{background:var(--color-navy);color:var(--color-on-navy);position:relative}.hero__bar:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#ffffff29 70%,#0000 76%) 0/22px 6px repeat-x;height:6px;position:absolute;inset:6px 0 auto}.hero__bar-inner{max-width:calc(var(--container-wide) + 2 * var(--spacing-gutter));min-height:var(--bar-h);padding:8px var(--spacing-gutter) 4px;align-items:center;gap:16px;margin-inline:auto;display:flex}@media (min-width:901px){.hero__bar-inner{padding-left:max(var(--spacing-gutter), 136px)}}.hero__now{min-width:0;font-size:var(--text-label);align-items:baseline;gap:12px;margin:0 auto 0 0;display:flex}.hero__now-count{color:var(--color-gold);letter-spacing:var(--tracking-caps);white-space:nowrap;font-weight:700}.hero__now-name{color:var(--color-on-navy-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hero__ticks{gap:2px;margin:0;padding:0;list-style:none;display:flex}.tick{cursor:pointer;background:0 0;border:0;place-items:center;width:30px;height:44px;padding:0;display:grid;position:relative}.tick:before{content:"";width:22px;height:14px;transition:width var(--duration-base) var(--ease-out), border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);border:1.5px solid #ffffff6b;border-radius:3px}.tick:hover:before{border-color:#fffc}.tick[aria-current=true]{width:52px}.tick[aria-current=true]:before{border-color:var(--color-gold);width:44px}@media (min-width:768px) and (max-width:1023px){.tick{width:44px}.tick[aria-current=true]{width:60px}}.tick__fill{background:var(--color-gold);transform-origin:0;width:40px;height:10px;animation:tick-fill var(--dwell,8s) linear both;border-radius:2px;position:absolute;top:50%;left:50%;translate:-50% -50%}.tick__fill[data-paused]{animation-play-state:paused}@keyframes tick-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero__btns{gap:4px;display:flex}.hero__btn{border-radius:var(--radius-pill);width:44px;height:44px;color:var(--color-on-navy);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:0;place-items:center;padding:0;display:grid}.hero__btn:hover{background:#ffffff1a}.hero__btn:active{transform:scale(.94)}.hero__btn:disabled{opacity:.4;cursor:default}.hero__prev-icon{rotate:180deg}.hero__bar :focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.band{background:var(--color-navy);color:var(--color-on-navy);padding-block:clamp(40px,6vw,104px) clamp(56px,8vw,128px);overflow:hidden}.band__inner{gap:clamp(32px, 4vw, 56px) var(--spacing-gutter);display:grid}.band__head{align-content:start;justify-items:start;gap:20px;display:grid}.band__title{font-size:var(--text-title-2);font-weight:700;line-height:var(--text-title-2--line-height);letter-spacing:var(--tracking-title);margin:0;display:grid}.band__title-line:first-child{color:var(--color-on-navy-2);font-size:var(--text-callout);letter-spacing:-.01em;font-weight:600}.band__link{border-radius:var(--radius-pill);min-height:44px;color:var(--color-on-navy);font-size:var(--text-label);transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border:1px solid #ffffff52;align-items:center;gap:4px;padding:0 14px 0 18px;font-weight:600;text-decoration:none;display:inline-flex}.band__link:hover{background:#ffffff14;border-color:#ffffffb3}.band__link:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.band__list{gap:40px var(--spacing-gutter);margin:0;padding:0;list-style:none;display:grid}.band__item{align-content:start;gap:18px;padding-top:22px;display:grid;position:relative;container-type:inline-size}.band__item:before{content:"";transform-origin:0;background:#ffffff3d;height:1px;position:absolute;inset:0 0 auto}.band__label{color:var(--color-on-navy-2);font-size:var(--text-body-sm);margin:0;line-height:1.5;display:grid}.band__figure{margin:0}.band__value{color:var(--color-gold);letter-spacing:-.045em;font-variant-numeric:tabular-nums;white-space:nowrap;transform-origin:0 100%;align-items:baseline;gap:.05em;font-size:min(30cqi,9.5rem);font-weight:700;line-height:.9;display:inline-flex}.band__num{justify-items:end;display:inline-grid}.band__num>*{grid-area:1/1}.band__ghost{visibility:hidden}.band__unit{letter-spacing:-.01em;font-size:.3em;font-weight:700}@media (min-width:900px){.band__inner{grid-template-columns:minmax(0,.9fr) minmax(0,2fr);align-items:end}.band__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1023px){.poster{--t:clamp(3.25rem, 15vw, 7rem)}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.hero-page{--bar-h:52px}.slide{min-height:0}.slide__inner{grid-template-rows:auto auto;gap:34px;padding-bottom:28px}.poster{--t:min(18.5vw, 5.5rem);padding:.42em .34em .62em .3em}.poster__labels{margin-bottom:.16em}.poster__badge{bottom:-.42em;right:-.12em}.poster__maple{width:1.12em;top:-.28em;left:-.62em}.paper--yellow{width:.86em;right:-.36em}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card:last-child:nth-child(odd){grid-column:1/-1}.card__lines{font-size:.875rem}.leaf{--leaf-scale:.55}.slide__leaves--near,.hero__now{display:none}.hero__bar-inner{padding-inline:max(12px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-right));gap:4px}.hero__ticks{flex:auto;min-width:0}.hero__ticks>li{flex:1 1 0;justify-content:center;min-width:0;display:flex}.tick,.tick[aria-current=true]{width:100%;min-width:24px}.tick:before{width:12px;height:12px}.tick[aria-current=true]:before{width:22px}.tick__fill{width:18px;height:8px}.hero__btns{flex:none;gap:0}}@media (prefers-reduced-motion:no-preference){.hero-js .hero__frame[data-moving] .slide:is([data-state=leave],[data-state=enter]){will-change:transform, opacity}.hero-js .hero__frame[data-moving] .slide[data-state=leave]{z-index:1;animation:swap-back var(--swap-ms) cubic-bezier(.32, .72, 0, 1) both}.hero-js .hero__frame[data-moving] .slide[data-state=enter]{z-index:2;animation:swap-front var(--swap-ms) cubic-bezier(.22, 1, .36, 1) both}.hero-js .hero__frame[data-moving][data-dir=prev] .slide[data-state=leave]{z-index:2;animation-name:swap-out-front}.hero-js .hero__frame[data-moving][data-dir=prev] .slide[data-state=enter]{z-index:1;animation-name:swap-in-back}.hero-js .hero__frame[data-moving] .slide[data-state=leave]:after{animation:swap-dim var(--swap-ms) cubic-bezier(.32, .72, 0, 1) both}.hero-js .hero__frame[data-moving][data-dir=prev] .slide[data-state=leave]:after{animation:none}.hero-js .hero__frame[data-moving][data-dir=prev] .slide[data-state=enter]:after{animation:swap-dim var(--swap-ms) cubic-bezier(.22, 1, .36, 1) reverse both}.hero-js .hero__frame[data-moving] .slide[data-state=leave][data-tall]:after{animation-name:swap-dim-deep}}@media (prefers-reduced-motion:reduce){.hero-js .hero__frame[data-moving] .slide[data-state=leave]{z-index:1}.hero-js .hero__frame[data-moving] .slide[data-state=enter]{z-index:2;animation:swap-fade var(--swap-ms) ease both}.hero-js .hero__frame[data-moving] .slide[data-state=leave][data-tall]{animation:swap-fade var(--swap-ms) ease reverse both}}@keyframes swap-back{0%{transform:none}to{transform:scale(.92)}}@keyframes swap-front{0%{opacity:0;transform:scale(1.08)}12%{opacity:0}55%{opacity:1}to{opacity:1;transform:none}}@keyframes swap-out-front{0%{opacity:1;transform:none}50%{opacity:0}to{opacity:0;transform:scale(1.08)}}@keyframes swap-in-back{0%{transform:scale(.92)}to{transform:none}}@keyframes swap-dim{0%{opacity:0}to{opacity:.45}}@keyframes swap-dim-deep{0%{opacity:0}35%,to{opacity:.72}}@keyframes swap-fade{0%{opacity:0}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.hero-js .slide:not([data-state=idle]) [data-depth]{translate:calc(var(--mx,0) * var(--pd) * -1px) calc(var(--my,0) * var(--pd) * -1px)}.hero-js .hero[data-tilt] .slide:not([data-state=idle]) [data-depth]{will-change:translate}}@media (prefers-reduced-motion:no-preference){.hero-js .slide:not([data-film]):is([data-state=current],[data-state=enter]) .poster__in{animation:hero-line .9s var(--ease-enter) both;animation-fill-mode:backwards}.hero-js .slide:not([data-film]):is([data-state=current],[data-state=enter]) .poster__line--2 .poster__in{animation-delay:.11s}.hero-js .slide:not([data-film]):is([data-state=current],[data-state=enter]) .poster__labels-img{animation:hero-wipe .9s var(--ease-enter) .26s backwards}.hero-js .slide:not([data-film]):is([data-state=current],[data-state=enter]) .poster__papers{animation:hero-paper .9s var(--ease-enter) backwards}.hero-js .slide:not([data-film]):is([data-state=current],[data-state=enter]) .poster__maple-img{animation:hero-maple 1.3s var(--ease-enter) .26s backwards}.hero-js .slide:is([data-state=current],[data-state=enter]) .badge{animation:.76s cubic-bezier(.3,1.3,.5,1) .72s backwards hero-pop}.hero-js .slide:is([data-state=current],[data-state=enter]) .card{animation:hero-card .76s var(--ease-enter) calc(.52s + var(--k) * 85ms) backwards}.hero-js .slide:is([data-state=current],[data-state=enter]) .leaf__img{animation:hero-leaf 1.6s var(--ease-out) calc(var(--k) * .11s) backwards}.hero-js .slide:not([data-film]):is([data-state=current],[data-state=enter]) .slide__cloud{animation:hero-cloud 1.4s var(--ease-enter) backwards}}.hero-js .slide[data-state=enter] :is(.poster__in,.poster__labels-img,.poster__papers,.poster__maple-img,.badge,.card,.leaf__img,.slide__cloud){animation-play-state:paused}@keyframes hero-line{0%{clip-path:inset(0 0 100%);transform:translateY(.38em)}to{clip-path:inset(0 0 -.2em);transform:none}}@keyframes hero-wipe{0%{opacity:.3;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes hero-paper{0%{opacity:0;transform:translateY(-.35em)rotate(-5deg)scale(1.04)}}@keyframes hero-maple{0%{opacity:0;transform:translate(-.5em,-.9em)rotate(-70deg)scale(.8)}}@keyframes hero-pop{0%{opacity:0;transform:scale(.3)rotate(-24deg)}}@keyframes hero-card{0%{opacity:0;transform:translateY(36px)}}@keyframes hero-leaf{0%{opacity:0;transform:translateY(-16vh)rotate(-80deg)}}@keyframes hero-cloud{0%{opacity:.4;transform:translateY(8%)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()){.hero-js .poster__line,.hero-js .leaf,.hero-js .slide__sky{animation:none;animation-timeline:scroll(root);animation-range:0 90vh}.hero-js .poster__line--1{animation-name:split-left}.hero-js .poster__line--2{animation-name:split-right}.hero-js .leaf{animation-name:leaf-fall}.hero-js .slide__sky{animation-name:sky-rise}}}@media (prefers-reduced-motion:no-preference) and (min-width:1024px){@supports (animation-timeline:scroll()){.hero-js .poster__labels,.hero-js .poster__badge,.hero-js .paper,.hero-js .poster__maple{animation:none;animation-timeline:scroll(root);animation-range:0 90vh}.hero-js .poster__labels{animation-name:labels-grow}.hero-js .poster__badge{animation-name:badge-drift}.hero-js .paper--grid{animation-name:paper-grid}.hero-js .paper--red{animation-name:paper-red}.hero-js .paper--yellow{animation-name:paper-yellow}.hero-js .poster__maple{animation-name:maple-fall}}}@keyframes split-left{to{translate:-22vw}}@keyframes split-right{to{translate:22vw}}@keyframes leaf-fall{to{translate:0 var(--fall);rotate:var(--spin)}}@keyframes sky-rise{to{translate:0 -14vh}}@keyframes labels-grow{to{translate:6vw -8vh;scale:1.4}}@keyframes badge-drift{to{translate:-16vw -10vh;rotate:4deg;scale:1.55}}@keyframes paper-grid{to{translate:0 -5vh;rotate:-2deg}}@keyframes paper-red{to{translate:-4vw 3vh;rotate:-7deg}}@keyframes paper-yellow{to{translate:9vw -2vh;rotate:18deg}}@keyframes maple-fall{to{translate:-7vw 26vh;rotate:-60deg}}.band[data-motion=ready] .band__item:before{transform:scaleX(0)}.band[data-motion=ready] .band__value{opacity:0;transform:translateY(.4em)}.band[data-motion=ready] .band__label,.band[data-motion=ready] .band__head{opacity:0;transform:translateY(12px)}.band[data-motion=play] .band__item:before{transition:transform .9s var(--ease-out) calc(var(--i) * .16s);transform:none}.band[data-motion=play] .band__head,.band[data-motion=play] .band__label{opacity:1;transition:opacity var(--duration-enter) var(--ease-enter) calc(var(--i,0) * .16s + .12s), transform var(--duration-enter) var(--ease-enter) calc(var(--i,0) * .16s + .12s);transform:none}.band[data-motion=play] .band__value{animation:band-rise 1.1s calc(var(--i) * .16s) both}.band[data-motion=play] .band__item[data-landed] .band__num{animation:band-land .52s var(--ease-out) both}@keyframes band-rise{0%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translateY(.4em)}60%{opacity:1;animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translateY(-.05em)}to{opacity:1;transform:none}}@keyframes band-land{0%{scale:1}38%{scale:1.07}to{scale:1}}.band__num{transform-origin:50% 85%}@media print{.hero__bar{display:none}.band .band__value,.band .band__label,.band .band__head{opacity:1!important;transform:none!important}}
@font-face{font-family:Hero G;src:url(/hero/fonts/hero-gm-b.woff)format("woff");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:Hero G;src:url(/hero/fonts/hero-gm-m.woff)format("woff");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:Hero J;src:url(/hero/fonts/hero-jal.woff)format("woff");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Hero JG;src:url(/hero/fonts/hero-jalg.woff)format("woff");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Hero L;src:url(/hero/fonts/hero-lsd.woff)format("woff");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:Hero P;src:url(/hero/fonts/hero-pl-7.woff)format("woff");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:Hero P;src:url(/hero/fonts/hero-pl-8.woff)format("woff");font-weight:800;font-style:normal;font-display:block}@font-face{font-family:Hero Pr;src:url(/hero/fonts/hero-pre.woff)format("woff");font-weight:100 900;font-style:normal;font-display:block}@font-face{font-family:Hero Y;src:url(/hero/fonts/hero-pyj-b.woff)format("woff");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:Hero Y;src:url(/hero/fonts/hero-pyj-r.woff)format("woff");font-weight:400;font-style:normal;font-display:block}
.slide--banner{min-height:calc(100svh - var(--ribbon) - var(--bar-h))}.bn{--aw:var(--d-aw);--ah:var(--d-ah);--half:var(--d-half);--gw:1920;--kk:var(--k);--edge:var(--spacing-gutter);--top:calc(var(--spacing-header) + clamp(8px, 1.6svh, 20px));--bot:clamp(12px, 2.6svh, 32px);--avail:calc(100cqh - var(--top) - var(--bot));--s:min(calc(100cqw * var(--kk) / var(--gw)), calc(var(--avail) / var(--ah)), calc((50cqw - var(--edge)) / var(--half)));--gap-b:calc(var(--bot) + (var(--avail) - var(--ah) * var(--s)) / 2);position:absolute;inset:0;overflow:clip;container-type:size}.bn__back{transform-origin:50% 100%;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.bn__sky{background-color:var(--sky-d-c);background-image:var(--sky-d);background-position:bottom;background-repeat:var(--sky-d-r);background-size:100%;flex:auto;min-height:0;margin-bottom:-2px}.bn__ground{flex:none;display:block;position:relative}.bn__ground>picture,.bn__ground>picture img{width:100%;height:auto;display:block}.bn__floor{background:var(--floor-d);flex:none;margin-top:-2px;display:none}.bn__stage{pointer-events:none;position:absolute;inset:0}.bn__stage--m{display:none}.bn__main{left:50%;top:calc(var(--top) + (var(--avail) - var(--ah) * var(--s)) / 2);width:calc(var(--aw) * var(--s));height:calc(var(--ah) * var(--s));--u:var(--s);position:absolute;translate:-50%}.bn__part{display:block;position:absolute}.bn__img{-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:auto;display:block}.bn__live{transform-origin:var(--ox,50%) var(--oy,50%);display:block;position:relative}.bn__glint{pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.bn__glint-band{background:linear-gradient(105deg,#0000 36%,#ffffff9e 50%,#0000 64%);position:absolute;inset:0;translate:-130%}.bn__gparts{--u:calc(100cqw / var(--gw));position:absolute;inset:0}.bn__gparts--m{display:none}.bn__gpart{display:block;position:absolute}.bn__text{text-rendering:geometricprecision;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bn__art{display:contents}.bn__stage:has(.bn__more){z-index:3}.bn__more{box-sizing:border-box;border:calc(var(--u) * 2) solid #006e89;color:#006e89;font-family:var(--font-sans);font-size:calc(var(--u) * var(--fz));letter-spacing:-.01em;white-space:nowrap;pointer-events:auto;background:#fffffff0;border-radius:999px;justify-content:center;align-items:center;font-weight:700;line-height:1;text-decoration:none;transition:background-color .16s,color .16s;display:flex;position:absolute}.bn__more:hover{color:#fff;background:#006e89}.bn__more:focus-visible{outline-offset:2px;outline:3px solid #fff;box-shadow:0 0 0 6px #006e89}.bn__hit{z-index:2;cursor:pointer;position:absolute;inset:0}.bn__hit:focus-visible{outline-offset:-11px;box-shadow:inset 0 0 0 8px var(--film);outline:3px solid #fff}@media (max-aspect-ratio:6/5){.slide--banner{min-height:0;container-type:inline-size}.bn{--aw:var(--m-aw);--ah:var(--m-ah);--half:var(--m-half);--gw:var(--m-aw);--kk:1;--edge:0px;--bot:0px;height:calc(var(--top) + 100cqw * var(--m-ah) / var(--m-aw));position:relative;inset:auto}.hero-js .hero__frame{align-items:start}.hero-js .hero__frame .slide[data-state=idle]{position:absolute;inset:0 0 auto}.hero-js .hero__frame[data-resize]{transition:height var(--swap-ms) cubic-bezier(.22, 1, .36, 1)}.bn__sky{background-color:var(--sky-m-c);background-image:var(--sky-m);background-repeat:var(--sky-m-r)}.bn__stage--d,.bn__gparts--d,.bn__fore.bn__fore--d{display:none}.bn__stage--m,.bn__gparts--m{display:block}}.slide--banner{--t0:0s}.slide--banner[data-film]{--t0:.25s}@media (prefers-reduced-motion:no-preference){.hero-js .hero__frame[data-moving] .slide--banner[data-state=enter] .bn__stage{animation:bn-follow var(--swap-ms) cubic-bezier(.22, 1, .36, 1) both}.hero-js .hero__frame[data-moving][data-dir=prev] .slide--banner[data-state=enter] .bn__stage{animation-name:bn-follow-prev}.hero-js .slide--banner:is([data-state=enter],[data-state=current],[data-state=leave]) .bn__back{animation:15s linear both bn-back}.hero-js .slide--banner:is([data-state=enter],[data-state=current],[data-state=leave]) .bn__part--frame{animation:bn-frame .9s var(--ease-enter) calc(var(--t0) + .12s + var(--i) * 90ms) backwards}.hero-js .slide--banner[data-film]:is([data-state=enter],[data-state=current],[data-state=leave]) .bn__part--frame{animation-name:bn-frame-film}.hero-js .slide--banner:is([data-state=enter],[data-state=current],[data-state=leave]) .bn__part--title{animation:bn-title .9s var(--ease-enter) calc(var(--t0) + .26s + var(--i) * .11s) backwards}.hero-js .slide--banner:is([data-state=enter],[data-state=current],[data-state=leave]) .bn__part--badge{animation:bn-badge .76s cubic-bezier(.3, 1.3, .5, 1) calc(var(--t0) + var(--late,0s) + .38s + var(--i) * 90ms) backwards}.hero-js .slide--banner:is([data-state=enter],[data-state=current],[data-state=leave]) .bn__line{animation:bn-line .6s var(--ease-enter) calc(var(--t0) + var(--late,0s) + .46s + var(--i) * 70ms) backwards}.hero-js .slide--banner:is([data-state=enter],[data-state=current],[data-state=leave]) .bn__part--deco{animation:bn-deco .76s cubic-bezier(.3, 1.3, .5, 1) calc(var(--t0) + var(--late,0s) + .82s + var(--i) * .11s) backwards}.hero-js .slide--banner:is([data-state=enter],[data-state=current],[data-state=leave]) [data-live]{animation:var(--live)}.hero-js .slide--banner[data-state=leave] [data-live],.hero-js .hero[data-still] .slide--banner [data-live]{animation-play-state:paused}.hero-js .slide--banner:is([data-state=enter],[data-state=current],[data-state=leave]) .bn__part--title[data-enter=write],.hero-js .slide--banner:is([data-state=enter],[data-state=current],[data-state=leave]) .bn__write,.hero-js .slide--banner:is([data-state=enter],[data-state=current],[data-state=leave]) [data-tool]{animation:var(--write)}.hero-js .slide--banner:is([data-state=enter],[data-state=current],[data-state=leave]) .bn__part--title[data-enter=stamp]{animation:bn-stamp .46s linear calc(var(--t0) + .26s) backwards}.hero-js .slide--banner:is([data-state=enter],[data-state=current],[data-state=leave]) .bn__more{animation:bn-settle .52s var(--ease-enter) calc(var(--t0) + .98s) backwards}.hero-js .slide--banner:is([data-state=enter],[data-state=current],[data-state=leave]) .bn__part--title[data-enter=after]{animation:bn-settle .52s var(--ease-enter) calc(var(--t0) + .64s + var(--i) * .11s) backwards}.hero-js .slide--banner:is([data-state=enter],[data-state=current],[data-state=leave]) .bn[data-shake]{animation:bn-shake .15s linear calc(var(--t0) + .582s)}.hero-js .slide--banner:is([data-state=enter],[data-state=current],[data-state=leave]) .bn__impact{animation:bn-impact .56s cubic-bezier(.22, 1, .36, 1) calc(var(--t0) + .582s)}.hero-js .slide--banner:is([data-state=enter],[data-state=current],[data-state=leave]) :is(.bn__part,.bn__gpart,.bn__solo,.bn__letter,.bn__ring)[data-scene]{animation:var(--scene)}.hero-js .slide--banner[data-state=current] [data-fly]{will-change:translate, rotate}}@keyframes bn-follow{0%{transform:scale(1.1)}}@keyframes bn-follow-prev{0%{transform:scale(.95)}}@keyframes bn-back{0%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:scale(1.06)}6%{animation-timing-function:ease;transform:none}to{transform:scale(1.03)}}@keyframes bn-frame{0%{opacity:0;transform:scale(.94)}}@keyframes bn-frame-film{0%{transform:scale(.965)}}@keyframes bn-title{0%{opacity:0;transform:translateY(38%)}}@keyframes bn-badge{0%{opacity:0;transform:scale(.3)rotate(-24deg)}}@keyframes bn-line{0%{opacity:0;transform:translateY(14px)}}@keyframes bn-deco{0%{opacity:0;transform:translateY(6%)scale(.6)rotate(-10deg)}}.bn__depth{pointer-events:none;position:absolute;inset:0}.bn{--sk:1}@media (max-aspect-ratio:6/5){.bn{--sk:.6}}@media (prefers-reduced-motion:no-preference){@media (hover:hover) and (pointer:fine){.hero-js .slide--banner:not([data-state=idle]) .bn__depth[data-depth=back]{scale:1.012}}.hero-js .slide--banner:not([data-state=idle]) .bn__depth:not([data-depth=back]){transform:translateY(calc(var(--hs,0) * var(--sd) * var(--sk) * 1%))}@supports (animation-timeline:view()){.hero-js .hero{view-timeline:--hero block}.hero-js .slide--banner:not([data-state=idle]) .bn__depth:not([data-depth=back]){animation:linear both bn-split;animation-timeline:--hero;animation-range:exit}}}@keyframes bn-split{0%{transform:none}to{transform:translateY(calc(var(--sd) * var(--sk) * 1%))}}.bn__fore{pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.bn__fore-box{width:100%;aspect-ratio:var(--gw) / var(--gh);position:relative}.bn__tool{transform-origin:var(--tx) var(--ty);display:block;position:absolute}.bn__tool--pencil{scale:0}.bn__impact{pointer-events:none;background:radial-gradient(closest-side,#0000 56%,#fff7aaf2 61%,#ffffff8c 66%,#0000 72%),repeating-conic-gradient(from 4deg,#ffffffe6 0deg 3deg,#0000 3deg 16deg);border-radius:50%;position:absolute;scale:0;-webkit-mask-image:radial-gradient(closest-side,#0000 46%,#000 60% 74%,#0000 100%);mask-image:radial-gradient(closest-side,#0000 46%,#000 60% 74%,#0000 100%)}@keyframes bn-stamp{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:scale(1.4)}70%{opacity:1;animation-timing-function:cubic-bezier(.22,1,.36,1);transform:scale(.96)}to{opacity:1;transform:none}}@keyframes bn-settle{0%{opacity:0;transform:translateY(-14%)scale(1.08)}}@keyframes bn-shake{0%,to{translate:0;scale:1}20%{translate:-3px 1px;scale:1.01}40%{translate:3px -1px;scale:1.01}60%{translate:-2px -1px;scale:1.01}80%{translate:2px 1px;scale:1.01}}@keyframes bn-impact{0%{opacity:0;scale:.55}18%{opacity:1}to{opacity:0;scale:1.75}}@keyframes bn-beat{0%,8%,24%,to{scale:1}11%{scale:1.08}15%{scale:.99}19%{scale:1.05}}.bn__part[data-scene],.bn__gpart[data-scene]{transform-origin:var(--eo,50% 50%)}.bn__solo,.bn__letter{transform-box:fill-box;transform-origin:50%}.bn__fx{pointer-events:none;position:absolute}.bn__ring{border:calc(var(--u) * 5) solid var(--ring,#fffffff2);box-shadow:0 0 0 calc(var(--u) * 1.5) #ffffff73, inset 0 0 0 calc(var(--u) * 1.5) #ffffff73;-webkit-mask-image:conic-gradient(from calc(var(--dir) + 45deg), transparent 0deg, #000 14deg 76deg, transparent 90deg);mask-image:conic-gradient(from calc(var(--dir) + 45deg), transparent 0deg, #000 14deg 76deg, transparent 90deg);-webkit-mask-image:conic-gradient(from calc(var(--dir) + 45deg), transparent 0deg, #000 14deg 76deg, transparent 90deg);border-radius:50%;position:absolute;inset:0;scale:0}.bn__shine{background-image:radial-gradient(ellipse calc(var(--u) * 30) calc(var(--u) * 4.2) at 18% 30%, #fffffff2 45%, transparent 100%), radial-gradient(ellipse calc(var(--u) * 18) calc(var(--u) * 3.2) at 61% 74%, #ffffffe6 45%, transparent 100%), radial-gradient(ellipse calc(var(--u) * 24) calc(var(--u) * 3.8) at 86% 46%, #ffffffe6 45%, transparent 100%);background-size:calc(var(--u) * 330) calc(var(--u) * 78);position:absolute;inset:0;scale:0;-webkit-mask-image:linear-gradient(#0000,#000 16% 84%,#0000);mask-image:linear-gradient(#0000,#000 16% 84%,#0000)}@keyframes bn-pop{0%{opacity:0;animation-timing-function:cubic-bezier(.3,0,.6,1);transform:scale(.4)}55%{opacity:1;animation-timing-function:cubic-bezier(.4,0,.6,1);transform:scale(1.12)}80%{transform:scale(.97)}to{opacity:1;transform:none}}@keyframes bn-grow{0%{opacity:0;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:scale(.06)}25%{opacity:1}62%{animation-timing-function:cubic-bezier(.4,0,.6,1);transform:scale(1.05)}to{opacity:1;transform:none}}@keyframes bn-rise{0%{clip-path:inset(0 0 100%);translate:0 100%}to{clip-path:inset(0);translate:0}}@keyframes bn-bloom{0%{opacity:0;animation-timing-function:cubic-bezier(.25,.8,.4,1);transform:scale(0)rotate(-140deg)}70%{opacity:1;animation-timing-function:cubic-bezier(.4,0,.6,1);transform:scale(1.08)rotate(10deg)}to{opacity:1;transform:none}}@keyframes bn-drop{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);translate:0 -45%;scale:1.3}14%{opacity:1}60%{animation-timing-function:cubic-bezier(.2,.7,.4,1);translate:0;scale:1}76%{animation-timing-function:cubic-bezier(.55,0,1,.45);translate:0 -16%}90%{animation-timing-function:cubic-bezier(.2,.7,.4,1);translate:0}95%{translate:0 -3%}to{opacity:1;translate:0}}@keyframes bn-hang{0%{opacity:0;animation-timing-function:cubic-bezier(.3,.6,.4,1);translate:0 -140%;rotate:0deg}12%{opacity:1}40%{animation-timing-function:cubic-bezier(.37,0,.63,1);translate:0;rotate:7deg}58%{animation-timing-function:cubic-bezier(.37,0,.63,1);rotate:-5deg}74%{animation-timing-function:cubic-bezier(.37,0,.63,1);rotate:3deg}88%{animation-timing-function:cubic-bezier(.37,0,.63,1);rotate:-1.2deg}to{translate:0;rotate:0deg}}@keyframes bn-unroll{0%{clip-path:inset(0 0 100%);transform:scaleY(.92)}to{clip-path:inset(0);transform:none}}@keyframes bn-fade{0%{opacity:0;translate:0 14%}}@keyframes bn-letter{0%{opacity:0;animation-timing-function:cubic-bezier(.3,0,.6,1);translate:0 38%}50%{opacity:1;animation-timing-function:cubic-bezier(.4,0,.6,1);translate:0 -16%}78%{translate:0 4%}to{opacity:1;translate:0}}@keyframes bn-wave{0%{opacity:0;scale:.22}14%{opacity:.95}to{opacity:0;scale:1}}@keyframes bn-wave-live{0%,10%{opacity:0;scale:.22}11%{opacity:.9}15.5%{opacity:0;scale:1}15.6%{opacity:0;scale:.22}16.6%{opacity:.9}21%,to{opacity:0;scale:1}}@keyframes bn-shimmer{0%{opacity:0;translate:-4%;scale:1}6%,48%{opacity:.85}58%,to{opacity:0;translate:4%;scale:1}}@keyframes bn-spin{to{rotate:calc(var(--spin-dir,1) * 360deg)}}@keyframes bn-sway{0%,to{rotate:0deg}25%{rotate:var(--sway-amp,3deg)}75%{rotate:calc(-1 * var(--sway-amp,3deg))}}@keyframes bn-bob{0%,to{translate:0}50%{translate:0 calc(-1 * var(--bob-amp,2%))}}@keyframes bn-buzz{0%,10%,24%,to{rotate:0deg}12%{rotate:-3deg}14%{rotate:2.5deg}16%{rotate:-2deg}18%{rotate:1.6deg}20%{rotate:-1deg}22%{rotate:.5deg}}@keyframes bn-twinkle{0%,to{opacity:1;scale:1}50%{opacity:.35;scale:.55}}@keyframes bn-flicker{0%,to{opacity:1}6%{opacity:.8}9%{opacity:1}44%{opacity:.9}47%{opacity:.7}51%{opacity:1}72%{opacity:.86}76%{opacity:1}}@keyframes bn-drift{0%,to{translate:0}50%{translate:var(--drift-amp,18%) 0}}@keyframes bn-glide{0%,to{translate:0;rotate:0deg}25%{translate:calc(var(--glide-amp,60%) * .5) -40%;rotate:-7deg}50%{translate:var(--glide-amp,60%) 0;rotate:0deg}75%{translate:calc(var(--glide-amp,60%) * .5) 35%;rotate:6deg}}@keyframes bn-flutter{0%,to{scale:1}25%{scale:.86 1.02}50%{scale:.97 .99}75%{scale:.9 1.015}}@keyframes bn-scribble{0%,8%,44%,to{translate:0;rotate:0deg}12%{translate:.6% -.4%;rotate:-1.6deg}17%{translate:-.4% .3%;rotate:1.2deg}22%{translate:.8% -.2%;rotate:-1.4deg}27%{translate:-.2% .4%;rotate:1deg}32%{translate:.5% -.3%;rotate:-1.2deg}38%{translate:0 .2%;rotate:.6deg}}@keyframes bn-glint{0%,20%{translate:-130%}34%,to{translate:130%}}@keyframes bn-trail{0%,8%{opacity:1}13%,56%{opacity:0}64%,to{opacity:1}}@media print{.bn__back,.bn__depth,[data-live],[data-scene]{animation:none}}
.hm-head{gap:14px;margin-bottom:clamp(32px,5vw,64px);display:grid}.hm-head__title,.hm-head__lead{margin:0}.hm-head__lead strong{color:var(--color-ink);font-weight:650}@media (min-width:900px){.hm-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}.hm-head__lead{text-align:right;justify-self:end}}.hm-pill{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-canvas);min-height:44px;color:var(--color-ink);font-size:var(--text-body-sm);letter-spacing:var(--tracking-label);white-space:nowrap;transition:border-color var(--duration-fast) ease, background-color var(--duration-fast) ease, transform var(--duration-base) var(--ease-out);align-items:center;gap:6px;padding:0 18px;font-weight:550;display:inline-flex}.hm-pill:hover{border-color:var(--color-ink)}.hm-pill:active{transform:scale(.97)}.hm-pill svg{color:var(--color-ink-2);flex:none}.hm-pill--strong{border-color:var(--color-navy);background:var(--color-navy);color:var(--color-on-navy);font-weight:650}.hm-pill--strong svg{color:var(--color-gold)}.hm-pill--strong:hover{border-color:var(--color-accent);background:var(--color-accent)}.hm-programs{padding-top:var(--spacing-section)}.hm-steps{margin:0;padding:0;list-style:none;display:grid}.hm-step{border-top:1px solid var(--color-ink);gap:24px;padding-block:clamp(28px,4vw,56px);display:grid}.hm-step:last-child{border-bottom:1px solid var(--color-line)}.hm-step__photo{aspect-ratio:680/485;border-radius:var(--radius-lg);background:var(--color-canvas-2);display:block;overflow:hidden}.hm-step__photo img{object-fit:cover;transform-origin:50% 60%;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out);display:block}.hm-step__text{align-content:start;justify-items:start;gap:18px;display:grid}.hm-step__num{color:var(--color-navy);letter-spacing:-.05em;margin:0;font-size:clamp(2.75rem,1.6rem + 4vw,6rem);font-weight:250;line-height:.9}.hm-step__title{margin:0}.hm-step__title a{border-radius:var(--radius-sm);gap:4px;display:grid}.hm-step__en{color:var(--color-ink-2);font-size:var(--text-callout);letter-spacing:.02em;font-weight:450}.hm-step__ko{font-size:var(--text-title-1);line-height:var(--text-title-1--line-height);letter-spacing:var(--tracking-title);font-weight:700}.hm-step__title a:hover .hm-step__ko{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}.hm-step__links{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hm-step__more{min-height:44px;font-size:var(--text-body)}@media (hover:hover){.hm-step:hover .hm-step__photo img{transform:scale(1.03)}}@media (min-width:900px){.hm-step{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,80px)}.hm-step__photo{order:2}.hm-step:nth-child(2){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.hm-step:nth-child(2) .hm-step__photo{order:0}}.hm-staff{padding-top:var(--spacing-section)}.hm-staff__head{justify-items:start;gap:28px;display:grid}.hm-staff__title{max-width:17em;margin:0;display:grid}.hm-staff__light{color:var(--color-ink-2);font-weight:500}@media (min-width:900px){.hm-staff__head{grid-template-columns:minmax(0,1fr) auto;align-items:end}}.hm-staff__track{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;border-radius:var(--radius-sm);margin-top:clamp(32px,4vw,56px);overflow-x:auto}.hm-staff__track::-webkit-scrollbar{display:none}.hm-staff__row{width:max-content;padding:0 max(var(--spacing-gutter), calc((100vw - var(--container-wide)) / 2)) 4px;gap:clamp(12px,1.6vw,20px);margin:0;list-style:none;display:flex}.hm-staff__card{scroll-snap-align:start;width:clamp(150px,15vw,216px);scroll-margin-inline:var(--spacing-gutter)}.hm-staff__photo{margin-bottom:12px}.hm-staff__name{font-size:var(--text-body);margin:0;font-weight:650}.hm-staff__role{color:var(--color-ink-2);font-size:var(--text-body-sm);margin:2px 0 0;line-height:1.45}@media (prefers-reduced-motion:no-preference) and (scripting:enabled) and (hover:hover) and (pointer:fine) and (min-width:1024px){.hm-staff__track{overflow:clip}.hm-staff__row{will-change:transform}}.hm-news{padding-top:var(--spacing-section)}.hm-boards{gap:40px var(--spacing-gutter);margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.hm-boards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.hm-boards{grid-template-columns:repeat(4,minmax(0,1fr))}}.hm-board{border-top:1px solid var(--color-ink);align-content:start;gap:10px;padding-top:18px;display:grid}.hm-board__name{font-size:var(--text-title-3);line-height:var(--text-title-3--line-height);letter-spacing:-.02em;margin:0;font-weight:700}.hm-board__name a{border-radius:var(--radius-sm);align-items:center;gap:4px;min-height:44px;display:inline-flex}.hm-board__name a svg{color:var(--color-ink-2);transition:transform var(--duration-base) var(--ease-out)}.hm-board__name a:hover svg{transform:translate(3px)}.hm-board__desc{color:var(--color-ink-2);font-size:var(--text-body-sm);margin:0}.hm-board__list{margin:8px 0 0;padding:0;list-style:none;display:grid}.hm-board__post{border-bottom:1px solid var(--color-line);gap:2px;min-height:44px;padding:12px 0;display:grid}.hm-board__title{-webkit-line-clamp:2;line-clamp:2;font-size:var(--text-body-sm);-webkit-box-orient:vertical;font-weight:550;line-height:1.5;display:-webkit-box;overflow:hidden}.hm-board__post:hover .hm-board__title{color:var(--color-accent);text-underline-offset:3px;text-decoration:underline}.hm-board__date{color:var(--color-ink-2);font-size:var(--text-label)}.hm-contact{border-top:1px solid var(--color-line);flex-wrap:wrap;gap:16px clamp(24px,4vw,56px);margin-top:clamp(40px,5vw,64px);padding-top:24px;display:flex}.hm-contact__item{flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0;display:flex}.hm-contact__label{font-size:var(--text-body);font-weight:650}.hm-quick{gap:12px;margin-top:28px;display:grid}.hm-quick--top{grid-template-columns:auto 1fr;align-items:center;gap:10px 18px;margin-top:clamp(18px,2.4vw,32px)}@media (max-width:720px){.hm-quick--top{grid-template-columns:1fr}}.hm-quick__title{color:var(--color-ink-2);font-size:var(--text-body-sm);margin:0;font-weight:600}.hm-quick__list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hm-consult-wrap{margin-top:var(--spacing-section);background:var(--color-canvas-2);padding-block:clamp(56px,7vw,120px)}.hm .l-footer{margin-top:0}.hm-consult{scroll-margin-top:var(--spacing-header);gap:clamp(32px,5vw,64px);display:grid}@media (min-width:1000px){.hm-consult{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.hm-consult__info{top:calc(var(--spacing-header) + 24px);position:sticky}}.hm-consult__info{justify-items:start;gap:18px;display:grid}.hm-consult__info h2{margin:0}.hm-consult__tel{min-height:44px;color:var(--color-navy);letter-spacing:-.035em;border-radius:var(--radius-sm);align-items:center;font-size:clamp(2.25rem,1.4rem + 3.2vw,4.25rem);font-weight:700;line-height:1;display:inline-flex}.hm-consult__tel:hover{color:var(--color-accent)}.hm-consult .hm-consult__ask{background:var(--color-canvas)}.hm-consult .hm-consult__ask:hover{background:var(--color-canvas-3)}.hm-consult__addr{font-style:normal;font-size:var(--text-body);margin:8px 0 0}.hm-consult__hours{gap:4px;margin:0;display:grid}.hm-consult__hours>div{gap:16px;display:flex}.hm-consult__hours dt{min-width:3.5em;color:var(--color-ink-2);font-weight:600}.hm-consult__hours dd{margin:0;font-weight:600}.hm-consult__visit{min-height:44px}.hm-consult__form{border-radius:var(--radius-lg);background:var(--color-canvas);box-shadow:var(--shadow-rest);gap:16px;padding:clamp(22px,3.4vw,44px);display:grid}.hm-consult__form h3{margin:0}.hm-consult__intro{color:var(--color-ink-2);font-size:var(--text-body-sm);margin:0}.hm-consult__privacy{color:var(--color-accent);text-underline-offset:3px;font-weight:600;text-decoration:underline}.hm-consult__kinds{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hm-consult__kinds .l-tag{min-height:28px;font-size:var(--text-label)}.hm-form{gap:16px;margin-top:8px;display:grid}.hm-form__row{gap:16px;display:grid}@media (min-width:640px){.hm-form__row{grid-template-columns:repeat(2,minmax(0,1fr))}}.hm-field{gap:6px;display:grid}.hm-field__label{font-size:var(--text-body-sm);font-weight:600}.hm-field__input{border:1px solid var(--color-ink-3);border-radius:var(--radius-sm);background:var(--color-canvas);width:100%;min-height:52px;color:var(--color-ink);font:inherit;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;appearance:none;padding:0 16px;font-size:1rem}.hm-field__input--area{resize:vertical;min-height:148px;padding-block:14px;line-height:1.6}.hm-field__input:hover{border-color:var(--color-ink-2)}.hm-field__input:focus-visible{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #2456cc40}.hm-consent{min-height:44px;color:var(--color-ink-2);font-size:var(--text-body-sm);cursor:pointer;align-items:flex-start;gap:10px;line-height:1.55;display:flex}.hm-consent__box{width:22px;height:22px;accent-color:var(--color-accent);cursor:pointer;flex:none;margin:1px 0 0}.hm-consent__more{color:var(--color-accent);text-underline-offset:3px;font-weight:600;text-decoration:underline}.hm-trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.hm-form__foot{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.hm-form__submit{min-width:9rem}.hm-form__msg{color:var(--color-ink);font-size:var(--text-body-sm);white-space:pre-line;margin:0;font-weight:600}.hm-form__msg:empty{display:none}.hm-form__msg--error{color:var(--color-danger)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.hm-step__photo{animation:linear both hm-open;animation-timeline:view();animation-range:entry cover 45%}.hm-step__photo img{animation:linear both hm-settle;animation-timeline:view();animation-range:entry cover 55%}}}@keyframes hm-open{0%{clip-path:inset(9% 11% 9% 11% round var(--radius-lg))}to{clip-path:inset(0 0 0 0 round var(--radius-lg))}}@keyframes hm-settle{0%{scale:1.16}to{scale:1}}.hm-bar{display:none}@media (max-width:900px){.hm-bar{z-index:var(--z-mbar);padding:8px var(--spacing-gutter) calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);transition:transform var(--duration-slow) var(--ease-out);background:#ffffffe6;border-top:1px solid #1111140f;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:8px;display:grid;position:fixed;inset:auto 0 0;transform:translateY(110%)}.hm-bar[data-show]{transform:none}.hm .l-footer{padding-bottom:calc(112px + env(safe-area-inset-bottom))}}.hm-bar__btn{border-radius:var(--radius-pill);min-height:52px;font-size:var(--text-body);transition:transform var(--duration-base) var(--ease-out);justify-content:center;align-items:center;gap:6px;font-weight:650;display:inline-flex}.hm-bar__btn:active{transform:scale(.97)}.hm-bar__btn--call{background:var(--color-canvas-2);color:var(--color-ink)}.hm-bar__btn--consult{background:var(--color-accent);color:#fff}
.hpop{--hpop-w:min(620px, calc(100vw - 32px));--hpop-bar:52px;width:var(--hpop-w);background:var(--color-canvas);max-width:none;max-height:calc(100dvh - 32px);color:var(--color-ink);border:0;border-radius:12px;margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 64px #040a2059}.hpop:focus,.hpop:focus-visible{outline:none}.hpop--poster{--hpop-w:min(860px, calc(100vw - 32px))}.hpop[open]{flex-direction:column;display:flex}.hpop::backdrop{background:#040a2099}.hpop__body{overscroll-behavior:contain;background:var(--color-canvas);scrollbar-width:auto;scrollbar-color:auto;flex:auto;min-height:0;overflow-y:auto}.hpop__body::-webkit-scrollbar{width:10px}.hpop__body::-webkit-scrollbar-track{background:#102c7e}.hpop__body::-webkit-scrollbar-thumb{background:#fff;border:2px solid #102c7e;border-radius:999px}.hpop__body::-webkit-scrollbar-button{height:0;display:none}@supports ((-moz-appearance:none)){.hpop__body{scrollbar-width:thin;scrollbar-color:#fff #102c7e}}.hpop__open{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.hpop__open img,.hpop__poster{width:100%;height:auto;aspect-ratio:var(--hpop-ar);display:block}.hpop__open:focus-visible{outline:3px solid var(--color-accent);outline-offset:-3px}.hpop__bar{height:var(--hpop-bar);background:var(--color-canvas);border-top:1px solid var(--color-line);flex:none;display:flex}.hpop__btn{min-height:44px;color:var(--color-ink);font:inherit;cursor:pointer;background:0 0;border:0;flex:1 1 0;padding:0 16px;font-size:15px;font-weight:500}.hpop__btn--close{border-left:1px solid var(--color-line);flex:none;min-width:112px;font-weight:650}.hpop__btn:hover{background:var(--color-canvas-2)}.hpop__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:-4px}