*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;background:#fff;color:#101013;font-family:Arial,"Malgun Gothic",sans-serif}a{color:inherit}.intro{width:940px;height:1175px;position:relative;margin:0 auto;overflow:hidden;background:radial-gradient(ellipse at 54% 44%,#fff5f730,transparent 65%)}.top-rule{position:absolute;left:88px;top:178px;width:226px;border-top:4px dotted #141414}.top-rule:after{content:"";position:absolute;left:167px;top:10px;width:138px;border-top:4px dotted #141414}.edition{position:absolute;left:88px;top:144px;font-size:10px;letter-spacing:2px}.tiny-square{position:absolute;right:147px;top:276px;width:14px;height:28px;background:#111}.intro-title{position:absolute;top:320px;left:165px;z-index:5;pointer-events:none;transform:rotate(-5deg)}.intro-title>span{font-size:58px;font-weight:950;letter-spacing:-5px}.intro-title small{display:block;font-size:12px;margin:8px 0 0 7px;letter-spacing:1px}.artwork{position:absolute;left:196px;top:147px;width:555px;height:875px;display:block;perspective:1100px;--px:0;--py:0;outline-offset:14px;isolation:isolate}.panel{position:absolute;inset:0;overflow:hidden;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s;animation:panel-in 1.2s cubic-bezier(.2,.7,.2,1) both}.panel img{width:100%;height:100%;object-fit:cover;object-position:var(--image-x,50%) var(--image-y,50%);transform:scale(1.035) translate(calc(var(--px)*-4px),calc(var(--py)*-4px));transition:transform .5s;user-select:none}.panel-one{clip-path:polygon(39% 3%,65% 3%,25% 73%,0 73%);animation-delay:0s}.panel-two{clip-path:polygon(65% 0,100% 0,50% 100%,21% 100%);animation-delay:.13s}.panel-three{clip-path:polygon(87% 35%,99% 35%,67% 100%,58% 100%);animation-delay:.26s}.artwork:hover .panel-one{transform:translate(-7px,-5px);filter:brightness(1.04)}.artwork:hover .panel-two{transform:translateY(-3px)}.artwork:hover .panel-three{transform:translate(8px,5px);filter:brightness(1.08)}.artwork:focus-visible{outline:3px solid #df668b}.image-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#ffffff90 49%,transparent 63%);clip-path:polygon(39% 3%,63% 3%,63% 0,100% 0,85% 35%,96% 35%,67% 100%,21% 100%,32% 73%,0 73%);opacity:0;mix-blend-mode:screen;background-size:240% 100%;background-position:100% 0;transition:opacity .4s,background-position 1.1s}.artwork:hover .image-shine{opacity:.45;background-position:0 0}.paper-strip{position:absolute;width:180px;height:58px;background:#fff;border:1px solid #d7d4d3;box-shadow:3px 5px 3px #0004;transform:rotate(24deg);pointer-events:none}.strip-top{left:195px;top:118px}.strip-bottom{left:202px;bottom:100px}.side-caption{position:absolute;top:564px;left:136px;writing-mode:vertical-rl;font-size:12px;font-weight:900;letter-spacing:1px}.side-caption:before,.side-caption:after{content:"";height:94px;border-left:3px dotted;display:inline-block;margin:0 4px 12px}.side-caption:after{height:110px;margin-top:12px}.intro-brand{position:absolute;left:637px;top:688px;z-index:5;width:235px;pointer-events:none}.intro-brand h1{font-weight:950;font-size:29px;line-height:.91;letter-spacing:-1.3px;margin:0}.intro-brand h1 span{font-size:26px}.intro-brand p{font-size:9px;letter-spacing:-.3px}.brand-spark{position:absolute;left:161px;top:-20px;font-size:31px;transform:rotate(18deg)}.bottom-rule{position:absolute;right:125px;top:784px;height:280px;border-right:3px dotted}.enter{position:absolute;left:625px;top:972px;display:flex;align-items:center;gap:24px;text-decoration:none;font-size:12px;font-weight:700;border-bottom:1px solid #111;padding:12px 0;transition:color .2s}.enter span:last-child{font-size:26px}.enter:hover{color:#d54f80}.enter:focus-visible{outline:3px solid #df668b;outline-offset:6px}footer{position:absolute;bottom:44px;left:88px;right:88px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#686469}@keyframes panel-in{from{opacity:0;translate:0 35px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.artwork:hover .panel{transform:none}.panel img{transform:none}.image-shine{display:none}}

#view-intro .diary{opacity:1!important;animation:none!important} #view-intro #page-loader{display:none!important}
