#loading{position:fixed;inset:0;z-index:9999;background:#7397ac;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3rem;transform-origin:bottom center;transition:transform 1.1s var(--ease-out-expo)}#loading.is-hidden{transform:translateY(-100%);pointer-events:none}.loading__logo-svg{width:62vw;max-width:48rem;height:auto;clip-path:inset(100% 0 0 0)}@media(min-width:768px){.loading__logo-svg{width:38vw}}.loading__percent{font-family:var(--ff-en);font-size:1.5rem;font-weight:400;letter-spacing:.12em;color:#fff9;line-height:1;min-width:5ch;text-align:center}.t-display{font-size:4.2rem;line-height:var(--lh-medium);letter-spacing:var(--ls-default)}@media(min-width:768px){.t-display{font-size:calc(var(--col) * 8);line-height:1.2}}.t-h1{font-size:3.2rem;line-height:var(--lh-medium);letter-spacing:var(--ls-default)}@media(min-width:768px){.t-h1{font-size:calc(var(--col) * 4.6)}}.t-h2{font-size:2.6rem;line-height:var(--lh-medium);letter-spacing:var(--ls-default)}@media(min-width:768px){.t-h2{font-size:calc(var(--col) * 4.6)}}.t-h3{font-size:2rem;line-height:var(--lh-medium);letter-spacing:var(--ls-default)}@media(min-width:768px){.t-h3{font-size:calc(var(--col) * 3.8)}}.t-h4{font-size:1.8rem;line-height:var(--lh-medium);letter-spacing:var(--ls-default)}@media(min-width:768px){.t-h4{font-size:2.4rem}}.t-lead{font-size:1.6rem;line-height:var(--lh-loose);letter-spacing:var(--ls-default)}@media(min-width:768px){.t-lead{font-size:2rem}}.t-body{font-size:1.3rem;line-height:var(--lh-loose);letter-spacing:var(--ls-default)}@media(min-width:768px){.t-body{font-size:1.5rem}}.t-nav{font-size:1.4rem;line-height:var(--lh-tight);letter-spacing:var(--ls-en)}.t-caption{font-size:1.2rem;line-height:var(--lh-medium);letter-spacing:var(--ls-default);color:var(--cl-gray-3);font-weight:500}.t-tag{font-size:1.2rem;line-height:var(--lh-tight);letter-spacing:var(--ls-en);color:var(--cl-gray-3)}.t-section-label{font-size:1.1rem;line-height:var(--lh-tight);letter-spacing:var(--ls-en)}@media(min-width:768px){.t-section-label{font-size:1.3rem}}.container{padding-right:var(--container-pad);padding-left:var(--container-pad)}.section{padding-top:8rem;padding-bottom:8rem}@media(min-width:768px){.section{padding-top:14rem;padding-bottom:14rem}}.bg-black{background-color:var(--cl-black);color:var(--cl-white)}.btn{display:inline-flex;position:relative;align-items:center;justify-content:center;min-height:4.5rem;padding:1.3rem 2.5rem;gap:0 1rem;border-radius:var(--radius-button);background-color:var(--cl-black);color:var(--cl-white);font-size:1.6rem;line-height:var(--lh-tight);letter-spacing:var(--ls-en);cursor:pointer;border:none}.btn--white{background-color:var(--cl-white);color:var(--cl-accent);border:1px solid var(--cl-accent);overflow:hidden;isolation:isolate;transition:color .3s ease .3s,border-color .6s var(--ease-out-expo)}.btn--white:before{content:"";position:absolute;left:-20%;bottom:-160%;width:140%;height:160%;background:var(--cl-accent);border-radius:50% 50% 0 0/40% 40% 0 0;z-index:-1;transition:bottom .8s var(--ease-out-expo),border-radius .6s ease}.btn--pink{background-color:var(--cl-pink);color:var(--cl-white)}@media(hover:hover){.btn--white:hover:before{bottom:-20%;border-radius:30% 30% 0 0/15% 15% 0 0}.btn--white:hover{color:var(--cl-white);border-color:var(--cl-accent)}}.slider-nav-btn{position:absolute;top:38%;transform:translateY(-50%);width:3.6rem;height:3.6rem;background:#ffffffeb;border:1px solid var(--cl-gray-1);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background-color .25s ease,opacity .25s ease}.slider-nav-btn svg{width:1.4rem;height:1.4rem;pointer-events:none}@media(hover:hover){.slider-nav-btn:hover{background:var(--cl-white)}}.slider-nav-btn:disabled{opacity:.25;cursor:not-allowed}.slider-nav-btn--prev{left:-1.8rem}.slider-nav-btn--next{right:-1.8rem}@media(max-width:767px){.slider-nav-btn--prev{left:.4rem}.slider-nav-btn--next{right:.4rem}}.top-works-slider-outer{position:relative}.top-works-slider-viewport{overflow:hidden}.top-works-slider-track{display:flex;gap:var(--col);transition:transform .55s cubic-bezier(.65,0,.35,1)}.top-works-slider-item{flex:0 0 80%;min-width:0}@media(min-width:768px){.top-works-slider-item{flex:0 0 calc((100% - var(--col) * 2) / 3)}}.card{display:flex;flex-direction:column;width:100%;gap:.8rem 0;cursor:pointer;transition:transform .45s var(--ease-out-back)}@media(hover:hover){.card:hover{transform:translateY(-6px)}}.card__thumb{position:relative;width:100%;aspect-ratio:675 / 400;overflow:hidden;background-color:var(--cl-gray-0)}.card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out-expo)}.card__body{display:flex;flex-direction:column;gap:.5rem}.card__tags{display:inline-flex;flex-wrap:wrap;gap:.6rem 1.2rem}.section-label{display:block;font-size:1.3rem;letter-spacing:.06em;color:var(--cl-gray-3);margin-bottom:3rem}@media(min-width:768px){.section-label{margin-bottom:4rem}}.view-more-wrap{display:flex;justify-content:center;margin-top:5rem}@media(min-width:768px){.view-more-wrap{margin-top:8rem}}.hero{position:relative;width:100%;height:100svh;min-height:500px;overflow:hidden;background:#111}.hero__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:1;transition:opacity 1.2s var(--ease-out-expo)}.hero__media.is-loaded{opacity:1}@media(max-width:767px){.hero__media{height:auto;top:50%;bottom:auto;transform:translateY(-50%)}}.hero__bg-fallback{position:absolute;inset:0;z-index:0;background:linear-gradient(165deg,#1c1c1c,#2a2a2a,#111)}.hero__scroll{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.8rem;color:#fff9}.hero__scroll-line{width:1px;height:4rem;background:#fff6;animation:scrollLine 2s var(--ease-out-expo) infinite;transform-origin:top}@keyframes scrollLine{0%{transform:scaleY(0);opacity:1}70%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}.hero__scroll-text{font-size:1rem;letter-spacing:.2em;color:#ffffff80;writing-mode:vertical-rl;margin-top:.4rem}.hero__sound{position:absolute;bottom:3rem;right:var(--container-pad);font-size:1.1rem;letter-spacing:.12em;color:#fff9;cursor:pointer;border:1px solid rgba(255,255,255,.3);padding:.6rem 1.2rem;background:none;transition:border-color .3s ease,color .3s ease}@media(hover:hover){.hero__sound:hover{border-color:#fffc;color:#ffffffe6}}@media(max-width:767px){.hero__sound{display:none}}.actors{padding-top:8rem;padding-bottom:8rem}@media(min-width:768px){.actors{padding-top:14rem;padding-bottom:14rem}}.actors__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.4rem var(--space-xs)}@media(min-width:480px){.actors__grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.actors__grid{grid-template-columns:repeat(4,1fr);gap:4rem var(--col)}}.actor-card{display:flex;flex-direction:column;cursor:pointer;transition:transform .45s var(--ease-out-back)}@media(hover:hover){.actor-card:hover{transform:translateY(-8px)}}.actor-card__photo{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background-color:var(--cl-gray-0)}.actor-card__photo img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--ease-out-expo)}.actor-card__photo-placeholder{position:absolute;inset:0;background:var(--cl-gray-0);display:flex;align-items:flex-end;justify-content:center;padding-bottom:15%}.actor-card__photo-placeholder svg{width:40%;opacity:.25}@media(hover:hover){.actor-card:hover .actor-card__photo img{transform:scale(1.04)}}.actor-card__info{padding-top:var(--space-xs);display:flex;flex-direction:column;gap:.2rem}.actor-card__name{font-size:1.4rem;font-weight:500;letter-spacing:-.01em;line-height:var(--lh-medium)}@media(min-width:768px){.actor-card__name{font-size:1.6rem}}.actor-card__name-en{font-size:1rem;letter-spacing:.06em;color:var(--cl-gray-3);line-height:1}.actor-card__meta{font-size:1.1rem;color:var(--cl-gray-3);letter-spacing:.02em;line-height:var(--lh-tight);margin-top:.2rem}.works{padding-top:8rem;padding-bottom:8rem}@media(min-width:768px){.works{padding-top:14rem;padding-bottom:14rem}}.lesson{padding-top:10rem;padding-bottom:10rem}@media(min-width:768px){.lesson{padding-top:16rem;padding-bottom:16rem;display:grid;grid-template-columns:1fr 1fr;gap:0 calc(var(--col) * 6);align-items:center}.lesson.container{display:grid;grid-template-columns:1fr 1fr;gap:0 calc(var(--col) * 6);align-items:center}}.lesson__heading{font-size:3.6rem;font-weight:700;line-height:1.3;letter-spacing:-.02em}@media(min-width:768px){.lesson__heading{font-size:calc(var(--col) * 5.5)}}.lesson__right{margin-top:3.6rem}@media(min-width:768px){.lesson__right{margin-top:0}}.lesson__body{font-size:1.4rem;line-height:var(--lh-loose);color:var(--cl-black);margin-bottom:var(--space-xl)}@media(min-width:768px){.lesson__body{font-size:1.6rem}}#page-wrapper{opacity:0;transition:opacity .6s var(--ease-out-expo)}#page-wrapper.is-visible{opacity:1}