@font-face{font-family:Hahmlet;src:url('./media/fonts/Hahmlet.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Kakao Small Sans';src:url('./media/fonts/KakaoSmallSans-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Kakao Small Sans';src:url('./media/fonts/KakaoSmallSans-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--u:1px;--ui-scale:1;--scene-scale:1;--title-scale:1;--small-title-scale:.506002;--transition:240ms;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#344f5e}body{height:100dvh;color:#fff;font-family:'Kakao Small Sans',sans-serif;font-weight:400;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}h1,h2,p,address{margin:0;font-size:inherit;font-weight:inherit}address{font-style:normal}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:0}button:disabled{cursor:default}img{display:block}a:focus,button:focus,[tabindex]:focus{outline:none}a:focus-visible,button:focus-visible{filter:brightness(1.35)}
.scenery,.glass-layer,#site,.view,.process-stage,.slides{position:absolute;inset:0;overflow:hidden}.scenery{pointer-events:none}.scene-canvas{position:absolute;left:50%;top:50%;width:403.147888px;height:691px;transform:translate(-50%,-50%) scale(var(--scene-scale));transform-origin:center;pointer-events:none}.video-mask{position:absolute;inset:0;mask-image:url('./media/figma/home-imgUntitled1.svg');mask-size:403px 691px;mask-repeat:no-repeat;overflow:hidden}#background-video{position:absolute;left:0;top:-25px;width:403px;height:716px;object-fit:cover;object-position:center;display:block}.glass-layer{pointer-events:none;background:rgba(0,0,0,.6);backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(100px);opacity:0;transition:opacity var(--transition) var(--ease),backdrop-filter var(--transition) var(--ease)}body[data-view='menu'] .glass-layer,body[data-view='info'] .glass-layer,body[data-view='invitation'] .glass-layer{opacity:1}body[data-view='invitation'] .glass-layer{backdrop-filter:blur(75px);-webkit-backdrop-filter:blur(75px)}
.view{overflow:clip;visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--transition) var(--ease),visibility 0s var(--transition)}.view.is-current{visibility:visible;opacity:1;pointer-events:auto;transition:opacity var(--transition) var(--ease)}#site{overflow:clip;pointer-events:none}.texture{position:absolute;inset:0;width:100%;height:100%;opacity:.1;pointer-events:none;z-index:8}.home-shadows{position:absolute;inset:0;overflow:hidden;pointer-events:none}.home-shadow-top,.home-shadow-bottom{position:absolute;left:0;right:0;filter:blur(calc(15*var(--u)));backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.home-shadow-top{top:calc(-15*var(--u));height:calc(196*var(--u));opacity:.3;background:linear-gradient(#000,transparent)}.home-shadow-bottom{bottom:calc(-17*var(--u));height:calc(104*var(--u));opacity:.7;background:linear-gradient(transparent,#000)}
/* The original title is an intentionally staggered vertical composition. */
.exhibition-title{position:absolute;left:calc(30.92871*var(--u));top:calc(17*var(--u));width:calc(79*var(--u));height:calc(218*var(--u))}.title-art{position:absolute;display:block;width:79px;height:218px;transform:scale(var(--title-scale));transform-origin:top left}.ko{position:absolute;white-space:nowrap;font-family:Hahmlet,serif;font-size:32px;font-weight:200;line-height:1.448;letter-spacing:6.4px;color:rgba(255,255,255,.9);opacity:.9}.ko-pu{left:0;top:0}.ko-reun{left:.07129px;top:36px}.ko-ttang{left:.07129px;top:86px}.ko-huin{left:46.40527px;top:0}.ko-dal{left:46.07129px;top:47.68164px}.hanja-art{position:absolute;left:1.19129px;top:96px}.artist-caption{position:absolute;right:calc(29.148*var(--u));top:calc(25*var(--u));font-family:Hahmlet,serif;font-size:calc(16*var(--u));font-weight:400;line-height:calc(22*var(--u));letter-spacing:calc(3.2*var(--u));color:rgba(255,255,255,.9);opacity:.3;width:calc(17*var(--u))}.small-title{position:absolute;left:calc(32*var(--u));top:calc(27*var(--u));width:calc(40*var(--u));height:calc(111*var(--u));z-index:5}.small-title .title-art{transform:scale(var(--small-title-scale))}.small-title .ko{opacity:.72}.small-title .ko-reun{top:36px}.small-title .ko-ttang{top:86px}
.home-footer{position:absolute;left:calc(30*var(--u));right:calc(31.148*var(--u));bottom:calc(30*var(--u) + env(safe-area-inset-bottom,0px));display:flex;align-items:flex-end;justify-content:space-between;gap:calc(16*var(--u))}.exhibition-dates{font-size:calc(20*var(--u));line-height:calc(30*var(--u));opacity:.75;white-space:nowrap}.venue{margin-top:calc(15*var(--u));font-size:calc(13*var(--u));line-height:calc(19*var(--u));letter-spacing:calc(-.13*var(--u));opacity:.5;white-space:nowrap}.venue address{margin-top:calc(3*var(--u))}.more-link{position:relative;font-size:calc(20*var(--u));line-height:calc(25*var(--u));text-decoration:underline;text-underline-position:from-font;text-decoration-thickness:from-font;opacity:.85}.more-link::before{content:'';position:absolute;inset:calc(-10*var(--u)) 0}.more-link:hover{opacity:1}
.close-link{position:absolute;top:calc(23*var(--u));right:calc(23.148*var(--u));width:calc(36*var(--u));height:calc(36*var(--u));z-index:6}.close-link::before{content:'';position:absolute;inset:calc(-4*var(--u))}.svg-scale{display:block;transform:scale(var(--ui-scale));transform-origin:top left}.close-link:hover{filter:brightness(1.35)}
.menu-picture-mask{position:absolute;inset:0;opacity:.5;mask:url('./media/figma/menu-img02711.svg') 0 0/403.148px 688.668px no-repeat}.menu-photo{position:absolute;left:-420px;top:0;width:1582.495px;height:873.154px;object-fit:cover;opacity:1}.menu-gradient{position:absolute;left:-22px;top:257.556px;width:445px;height:492.426px;background:linear-gradient(transparent,#000);filter:blur(15px);opacity:.7}.menu-links{position:absolute;left:calc(32*var(--u));bottom:calc(32*var(--u) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:calc(40*var(--u));z-index:4}.menu-links a{position:relative;display:flex;flex-direction:column;align-items:flex-start;height:calc(52*var(--u))}.menu-links a::before{content:'';position:absolute;inset:calc(-7*var(--u)) calc(-9*var(--u))}.menu-korean{font-family:Hahmlet,serif;font-weight:300;font-size:calc(20.204082*var(--u));line-height:calc(29*var(--u))}.menu-english{font-size:calc(13.469389*var(--u));line-height:calc(20*var(--u));margin-top:calc(3*var(--u));opacity:.25}.menu-links a:hover .menu-english,.menu-links a:focus-visible .menu-english{opacity:.6}
.info-photo{position:absolute;left:-33px;top:-141px;width:762px;height:974px;transform:scaleX(-1);overflow:hidden;opacity:.25}.info-photo img{position:absolute;left:-.07%;top:-.05%;width:100.1%;height:102.75%}.info-content{position:absolute;left:calc(54*var(--u));bottom:calc(79*var(--u));width:calc(300*var(--u));height:calc(281*var(--u));z-index:4;font-size:calc(14*var(--u));line-height:calc(21*var(--u));letter-spacing:calc(-.14*var(--u));white-space:nowrap}.info-content h2{font-family:Hahmlet,serif;font-size:calc(22*var(--u));font-weight:300;letter-spacing:calc(.88*var(--u));line-height:calc(32*var(--u))}.info-dates{position:absolute;top:calc(61*var(--u));font-weight:300;font-size:calc(22*var(--u));line-height:calc(33*var(--u));letter-spacing:0;opacity:.81}.info-opening{position:absolute;top:calc(98*var(--u));opacity:.9}.info-gallery{position:absolute;top:calc(148*var(--u));opacity:.75}.info-hours{position:absolute;top:calc(181*var(--u));font-weight:300;white-space:pre;opacity:.75}.info-hours p+p{margin-top:calc(2*var(--u))}.info-address{position:absolute;top:calc(237*var(--u));font-weight:300;opacity:.75}.info-phone{position:absolute;top:calc(260*var(--u));font-weight:300;opacity:.75}
.invitation-photo{position:absolute;left:0;top:0;width:608px;height:801px;transform:scaleX(-1);opacity:.1;overflow:hidden}.invitation-photo img{position:absolute;top:.05%;left:0;width:100%;height:99.91%}.invitation-wash{position:absolute;inset:0;background:rgba(159,159,159,.05);pointer-events:none}.invitation-content{position:absolute;left:calc(50% - 155.574*var(--u));top:calc(50% - 96.5*var(--u));width:calc(309*var(--u));height:calc(180.565*var(--u));font-size:calc(14*var(--u));font-weight:300;letter-spacing:calc(.7*var(--u));white-space:normal;z-index:4}.note-intro{white-space:pre-wrap;line-height:calc(24*var(--u));width:calc(307*var(--u))}.note-body{white-space:pre-wrap;position:absolute;left:calc(2*var(--u));top:calc(35*var(--u));width:calc(307*var(--u));line-height:calc(25*var(--u));word-break:break-all;overflow-wrap:break-word}.tracking-3{letter-spacing:calc(.42*var(--u))}.tracking-0{letter-spacing:0}.tracking-7{letter-spacing:calc(.98*var(--u))}.signature{position:absolute;left:calc(198.7041*var(--u));top:calc(154.7668*var(--u));transform:scale(var(--ui-scale));transform-origin:top left}
.process-stage{touch-action:pan-y;user-select:none;-webkit-user-select:none}.process-slide{position:absolute;inset:0;visibility:hidden;opacity:0;transition:opacity 220ms var(--ease),visibility 0s 220ms;pointer-events:none}.process-slide.is-active{visibility:visible;opacity:1;transition:opacity 220ms var(--ease)}.photo-mask{position:absolute;inset:0;overflow:hidden;mask-repeat:no-repeat}.work-photo{position:absolute;overflow:hidden}.work-photo img{display:block;position:absolute;width:100%;height:100%;object-fit:cover}.photo-dim{position:absolute;inset:0;background:rgba(0,0,0,.1)}.process-slide .texture{z-index:2}.process-slide[data-step='6'] .texture{display:none}.process-slide[data-step='7'] .texture,.process-slide[data-step='8'] .texture{opacity:.15}.gallery-top-shadow{position:absolute;top:calc(1*var(--u));left:calc(-18*var(--u));width:calc(100% + 37*var(--u));height:calc(104*var(--u));opacity:.5;filter:blur(calc(15*var(--u)));mask-image:url('./media/figma/work1-imgRectangle24.svg');mask-repeat:no-repeat;mask-size:100% calc(145*var(--u));mask-clip:no-clip;-webkit-mask-clip:no-clip;pointer-events:none;z-index:3}.gallery-top-shadow::before{content:'';position:absolute;inset:0;background:linear-gradient(#000,transparent)}.gallery-top-shadow::after{content:'';position:absolute;inset:0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);mask-image:linear-gradient(#000,transparent)}.process-view .close-link{top:calc(21*var(--u))}.process-progress{position:absolute;top:calc(37*var(--u));left:calc(50% - 39.574*var(--u));width:calc(80*var(--u));height:calc(3*var(--u));z-index:5}.progress-scale{position:relative;transform:scale(var(--ui-scale));transform-origin:top left;width:80px;height:3px}#process-progress{position:absolute;inset:-20px -4px;display:flex;justify-content:space-between}.progress-dot{width:11px;height:43px;position:relative}.progress-dot:focus-visible::after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35);left:2px;top:18px}.stage-nav{position:absolute;top:80px;bottom:0;width:30%;z-index:3;opacity:0}.stage-nav--previous{left:0;cursor:w-resize}.stage-nav--next{right:0;cursor:e-resize}.stage-nav:disabled{pointer-events:none}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.assistive-control{position:fixed;left:16px;bottom:16px;z-index:20;transform:translateY(200%);padding:12px 16px;background:rgba(0,0,0,.75);border-radius:4px;font-size:14px}.assistive-control:focus-visible{transform:none}.media-controls{position:fixed;z-index:20}.noscript-note{position:fixed;inset:auto 20px 90px;background:#17232d;padding:16px;z-index:99}
@media (prefers-reduced-motion:reduce){:root{--transition:0ms}.process-slide{transition:none}}

/* Keep both outer grid columns in view; never crop the 403 px composition to fit a tall phone. */
.process-view{--u:var(--gallery-unit);--ui-scale:var(--gallery-scale);--scene-scale:var(--gallery-scale);inset:auto;left:50%;top:50%;width:var(--gallery-width);height:var(--gallery-height);transform:translate(-50%,-50%)}

/* One persistent title moves continuously between the two original Figma sizes. */
:root{--transition:220ms;--ease:cubic-bezier(.23,1,.32,1)}
.site-title{position:fixed;left:0;top:0;width:79px;height:218px;z-index:12;transform-origin:0 0;will-change:transform;transition:opacity 160ms var(--ease);outline:none}
.site-title .title-art{transform:none}
.site-title .ko{transition:opacity 200ms var(--ease)}
body:not([data-view='home']) .site-title .ko{opacity:.72}
body[data-view='menu'] .site-title{pointer-events:none}
.glass-layer{transition:opacity 260ms var(--ease);will-change:opacity}
.view{transition:opacity var(--transition) var(--ease),visibility 0s var(--transition)}
.view.is-current{transition:opacity var(--transition) var(--ease)}
.menu-links a{opacity:0;transform:translate3d(0,10px,0);transition:opacity 140ms var(--ease),transform 180ms var(--ease)}
.menu-view.is-current .menu-links a{opacity:1;transform:translate3d(0,0,0);transition-duration:200ms,220ms;transition-delay:0ms}
.menu-view.is-current .menu-links a:nth-child(2){transition-delay:30ms}
.menu-view.is-current .menu-links a:nth-child(3){transition-delay:60ms}
.close-link,.more-link{transition:opacity 160ms ease,scale 140ms var(--ease)}
.close-link:active,.more-link:active{scale:.97;transition-duration:80ms}
.menu-links a:active{opacity:.65}

/* Start with the blue, defocused scene, including while its poster is loading. */
body[data-intro='waiting'],body[data-intro='playing']{background:linear-gradient(180deg,#6894a9 0%,#4e748b 52%,#34495d 76%,#263542 100%)}
body[data-intro='waiting'] .site-title,body[data-intro='waiting'] .home-footer,body[data-intro='waiting'] .artist-caption{opacity:0}
.artist-caption{--intro-opacity:.3}

/* Original photos are decoded ahead of neighboring pages. */
.process-slide,.process-slide.is-active{opacity:1;transition:none;overflow:hidden;contain:layout paint}
.gallery-picture{display:block;position:absolute;inset:0}
.gallery-photo{display:block;width:100%;height:100%;object-fit:fill;user-select:none;-webkit-user-drag:none}
.process-stage{cursor:grab;touch-action:pan-y}
.process-stage:active{cursor:grabbing}
.process-view>.photo-dim{z-index:2;pointer-events:none}
.gallery-top-shadow{inset:0 0 auto;top:0;left:0;width:100%;height:calc(160*var(--u));opacity:1;filter:none;mask:none;-webkit-mask:none;background:linear-gradient(180deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.31) 22%,rgba(0,0,0,.12) 48%,rgba(0,0,0,.025) 75%,rgba(0,0,0,0) 100%);z-index:4}
.gallery-top-shadow::before,.gallery-top-shadow::after{content:none}
.process-progress{z-index:6}


/* Keep info aligned to the menu's bottom-left inset as the viewport widens. */
.info-content{left:calc(32*var(--u));top:auto;bottom:calc(32*var(--u) + env(safe-area-inset-bottom,0px));width:calc(294*var(--u))}

@media(min-width:768px){
  .process-view{--u:1px;--ui-scale:1;left:0;top:0;width:100%;height:100%;transform:none}
  .gallery-picture{inset:64px 48px 32px}
  .gallery-photo{object-fit:contain}
  .process-view .close-link{top:20px;right:32px}
  .process-progress{top:37px}
  .gallery-top-shadow{height:180px}
  .process-slide[data-step='1'] .gallery-photo{filter:saturate(.66)}
  .process-slide[data-step='6'] .gallery-photo{filter:saturate(.87)}
  .menu-view .scene-canvas,.info-view .scene-canvas,.invitation-view .scene-canvas{inset:0;left:0;top:0;width:100%;height:100%;transform:none}
  .menu-picture-mask{mask:none;-webkit-mask:none}
  .menu-photo{left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%}
  .menu-gradient{left:0;top:35%;width:100%;height:65%;filter:none}
  .info-photo{left:0;top:0;width:100%;height:100%}
  .info-photo img{left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%}
  .invitation-photo{left:0;top:0;width:100%;height:100%}
  .invitation-photo img{left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:50% 65%}
}
@media(prefers-reduced-motion:reduce){
  :root{--transition:120ms}
  .site-title,.glass-layer,.menu-links a,.menu-view.is-current .menu-links a,.gallery-texture{transition:opacity 120ms ease;transform:none}
  body[data-intro='waiting'] .scenery{filter:none}
  body[data-intro='waiting'] .site-title,body[data-intro='waiting'] .home-footer,body[data-intro='waiting'] .artist-caption{opacity:var(--intro-opacity,1)}
  body[data-intro='playing'] .scenery,body[data-intro='playing'] .site-title,body[data-intro='playing'] .home-footer,body[data-intro='playing'] .artist-caption{animation:none}
}

/* The cube follows the gesture; pointer taps cut immediately. */
.process-view{--u:inherit;--ui-scale:inherit;--scene-scale:inherit;inset:0;left:0;top:0;width:100%;height:100%;transform:none;background:#17232c}
.process-stage.swiper{position:absolute;inset:0;margin:0;overflow:visible;touch-action:pan-y pinch-zoom;overscroll-behavior:none;cursor:grab;--swiper-wrapper-transition-timing-function:cubic-bezier(.23,1,.32,1)}
.slides.swiper-wrapper{position:relative;inset:auto;display:flex;width:100%;height:100%;overflow:visible;pointer-events:none}
.process-slide.swiper-slide{position:relative;inset:auto;flex:0 0 100%;height:100%;min-width:0;opacity:1;visibility:hidden;pointer-events:none;overflow:hidden;contain:layout paint;transition-property:transform;transition-timing-function:cubic-bezier(.23,1,.32,1)}
.process-stage .swiper-slide-active,.process-stage .swiper-slide-next,.process-stage .swiper-slide-prev,.process-stage .swiper-slide-next+.swiper-slide{visibility:visible}
.gallery-picture{inset:0;overflow:hidden}
.gallery-photo{position:absolute;width:auto;height:auto;max-width:none;object-fit:fill;pointer-events:none}
.process-slide[data-step='1'] .gallery-photo,.process-slide[data-step='6'] .gallery-photo{filter:none}
.process-stage.is-dragging{cursor:grabbing}
.process-stage .swiper-slide-shadow-cube{z-index:3;transition-timing-function:cubic-bezier(.23,1,.32,1)}
.process-stage .swiper-slide-shadow-left{background:linear-gradient(to left,rgba(0,0,0,.2),transparent)}
.process-stage .swiper-slide-shadow-right{background:linear-gradient(to right,rgba(0,0,0,.2),transparent)}
/* Keyboard focus is a small labeled control, never a full-height white edge. */
.stage-nav{top:auto;bottom:16px;width:auto;max-width:45%;padding:10px 14px;border-radius:6px;z-index:7;pointer-events:none;transform:translateY(calc(100% + 20px));opacity:0;background:rgba(12,18,22,.9);font-size:13px}
.stage-nav--previous{left:16px}.stage-nav--next{right:16px}
.stage-nav::after{content:attr(aria-label)}
.stage-nav:focus-visible{pointer-events:auto;transform:none;opacity:1;filter:none}
/* Exact Figma dots: 3 px diameter, 11 px centers, .5 / .9 opacity.
   Drawing them in place avoids eight separate SVG decodes while swiping. */
.progress-dot::before{content:'';position:absolute;left:4px;top:20px;width:3px;height:3px;border-radius:50%;background:#fff;opacity:.5;transition:opacity 90ms linear}
.progress-dot[aria-current='step']::before{opacity:.9}

/* The scene dissolves first; content follows without holding up navigation. */
:root{--transition:720ms;--ease:cubic-bezier(.22,1,.36,1);--scene-ease:cubic-bezier(.4,0,.2,1)}
.view{transition:opacity var(--transition) var(--scene-ease),visibility 0s var(--transition)}
.view.is-current{transition:opacity var(--transition) var(--scene-ease)}
.view.is-current{will-change:opacity}
.site-title{
  transform:translate3d(calc(30.92871*var(--u)),calc(17*var(--u)),0) scale(var(--ui-scale));
  transition:opacity 180ms var(--ease),visibility 0s;
}
body:not([data-view='home']) .site-title{
  transform:translate3d(calc(32*var(--u)),calc(27*var(--u)),0) scale(calc(.506002*var(--ui-scale)));
}
body[data-motion='ready'] .site-title{
  transition:transform 700ms var(--ease),opacity 240ms var(--ease),visibility 0s;
}
body[data-view='process'] .site-title{
  opacity:0;pointer-events:none;visibility:hidden;
  transition:transform 700ms var(--ease),opacity 240ms var(--ease),visibility 0s 240ms;
}
.site-title .ko{transition:opacity 600ms var(--scene-ease)}
.glass-layer{transition:opacity var(--transition) var(--scene-ease);visibility:hidden}
body[data-view='menu'] .glass-layer,body[data-view='info'] .glass-layer,body[data-view='invitation'] .glass-layer{visibility:visible}
body[data-view='home'] .glass-layer,body[data-view='process'] .glass-layer{
  transition:opacity var(--transition) var(--scene-ease),visibility 0s var(--transition);
}
.glass-layer canvas{position:absolute;transform-origin:0 0;pointer-events:none;visibility:hidden}
.glass-layer[data-live='true']{
  background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;
}
body[data-view='invitation'] .glass-layer[data-live='true']{backdrop-filter:none;-webkit-backdrop-filter:none}
.glass-layer[data-live='true'] canvas{visibility:inherit}
.glass-layer::before{
  content:'';position:absolute;inset:0;z-index:1;opacity:0;
  background:linear-gradient(180deg,#6894a9 0%,#4e748b 52%,#34495d 76%,#263542 100%);
  transition:opacity 1200ms var(--scene-ease);
}
.glass-layer[data-live='true']::after{content:'';position:absolute;inset:0;z-index:2;background:rgba(0,0,0,.6);transition:opacity var(--transition) var(--scene-ease)}
body[data-intro='waiting'] .glass-layer,body[data-intro='playing'] .glass-layer{
  visibility:visible;background:transparent;backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);
}
body[data-intro='waiting'] .glass-layer[data-live='true'],body[data-intro='playing'] .glass-layer[data-live='true']{backdrop-filter:none;-webkit-backdrop-filter:none}
body[data-intro='waiting'] .glass-layer{opacity:1;transition:none}
body[data-intro='waiting'] .glass-layer::before{opacity:1;transition:none}
body[data-intro='playing'] .glass-layer::before{opacity:0;transition:opacity 2.2s var(--scene-ease)}
body[data-intro='playing'] .glass-layer{opacity:0;transition:opacity 3.2s var(--scene-ease)}
body[data-intro='waiting'] .glass-layer::after,body[data-intro='playing'] .glass-layer::after{opacity:0}
.home-footer,.info-content,.invitation-content{
  opacity:0;transform:translate3d(0,6px,0);
  transition:opacity 180ms ease,transform 360ms var(--ease);
}
.view.is-current .home-footer,.view.is-current .info-content,.view.is-current .invitation-content{
  opacity:1;transform:translate3d(0,0,0);
  transition:opacity 520ms var(--scene-ease) 80ms,transform 640ms var(--ease) 80ms;
}
.artist-caption{transition:opacity 600ms var(--scene-ease)}
body[data-intro='waiting'] .home-view .home-footer{opacity:0;transform:translate3d(0,6px,0)}
body[data-intro='playing'] .home-view .home-footer,body[data-intro='playing'] .artist-caption{
  transition:opacity 2s var(--scene-ease) 120ms,transform 2s var(--ease) 120ms;
}
body[data-intro='playing'] .site-title{transition:transform 700ms var(--ease),opacity 2s var(--scene-ease) 120ms}
.menu-links a{transform:translate3d(0,6px,0);transition:opacity 180ms ease,transform 360ms var(--ease)}
.menu-view.is-current .menu-links a{transition:opacity 480ms var(--scene-ease) 60ms,transform 600ms var(--ease) 60ms}
.menu-view.is-current .menu-links a:nth-child(2){transition-delay:85ms}
.menu-view.is-current .menu-links a:nth-child(3){transition-delay:110ms}
.process-stage.swiper{--swiper-wrapper-transition-timing-function:cubic-bezier(.22,.68,0,1)}
.process-slide.swiper-slide,.process-stage .swiper-slide-shadow-cube{transition-timing-function:cubic-bezier(.22,.68,0,1)}
@media(prefers-reduced-motion:reduce){
  :root{--transition:120ms}
  body[data-motion='ready'] .site-title,body[data-view='process'] .site-title{transition:opacity 120ms ease,visibility 0s 120ms}
  .menu-links a,.menu-view.is-current .menu-links a,
  .home-footer,.info-content,.invitation-content,
  .view.is-current .home-footer,.view.is-current .info-content,.view.is-current .invitation-content{transform:none;transition:opacity 120ms ease;transition-delay:0ms}
  body[data-intro='playing'] .site-title,body[data-intro='playing'] .home-view .home-footer,body[data-intro='playing'] .artist-caption,.site-title .ko,.artist-caption{transition:opacity 120ms ease}
  body[data-intro='waiting'] .home-view .home-footer{opacity:1;transform:none}
  body[data-intro='waiting'] .glass-layer,body[data-intro='playing'] .glass-layer{opacity:0;transition:none}
  .glass-layer::before,.glass-layer::after{transition:none}
}
html[data-input='keyboard'] .view,html[data-input='keyboard'] .site-title,html[data-input='keyboard'] .site-title .ko,
html[data-input='keyboard'] .glass-layer,html[data-input='keyboard'] .glass-layer::before,html[data-input='keyboard'] .glass-layer::after,
html[data-input='keyboard'] .view .menu-links a,html[data-input='keyboard'] .view .home-footer,
html[data-input='keyboard'] .view .artist-caption,html[data-input='keyboard'] .view .info-content,
html[data-input='keyboard'] .view .invitation-content{transition-duration:0ms;transition-delay:0ms}