.re-hero__scene.re-hero__scene--samples{mix-blend-mode:normal;perspective:none;height:450px;margin-top:24px;touch-action:pan-y pinch-zoom}.sample-pages{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;background:#fff}.sample-pages img{position:absolute;width:100%;height:100%;object-fit:contain;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .28s ease;pointer-events:none}.sample-pages img.is-current{opacity:1}.sample-preview{position:absolute;width:208px;top:33px;z-index:3;padding:0;border:0;background:none;color:#766586;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.sample-preview--left{left:10px;transform:translate3d(calc(var(--mx) * -12px),calc(var(--my) * -7px),0) rotate(-8deg)}.sample-preview--right{right:10px;top:81px;transform:translate3d(calc(var(--mx) * 12px),calc(var(--my) * 7px),0) rotate(8deg)}.sample-preview__frame{display:block;position:relative;width:100%;aspect-ratio:1 / 1.414;border:7px solid #ffffffa6;border-radius:13px;background:#eee5fa66;box-shadow:inset 0 0 0 1px #fff,0 15px 45px #57398516;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sample-preview .sample-pages{border-radius:4px}.sample-preview:hover{z-index:5;transform:translateY(-9px) rotate(0) scale(1.07)}.sample-preview__caption{display:block;margin-top:13px;font-size:11px;letter-spacing:-.02em}.sample-preview__zoom{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;color:#8064b5;background:#f2eaffdc;border:1px solid #fff;opacity:0;transition:opacity .2s}.sample-preview:hover .sample-preview__zoom,.sample-preview:focus-visible .sample-preview__zoom{opacity:1}.sample-book{position:absolute;top:28px;left:calc(50% - 270px);width:540px;height:350px;padding:0;border:0;background:none;perspective:1500px;z-index:2;-webkit-tap-highlight-color:transparent}.sample-book__volume{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform-style:preserve-3d;transform:rotateX(13deg) rotate(-1deg);transition:transform .9s cubic-bezier(.16,1,.3,1)}.sample-book__shadow{position:absolute;width:70%;height:42px;bottom:-5px;left:15%;border-radius:50%;background:#7958a629;filter:blur(20px);transform:scaleX(.45);transition:transform 1s,opacity 1s;opacity:.6}.sample-book__leaf{position:absolute;display:block;top:calc(15px - var(--leaf) * 1px);width:226px;height:320px;background:#fdfcff;border:1px solid #dad0e9;box-shadow:0 2px 1px #60447821;backface-visibility:hidden;transform-style:preserve-3d;opacity:0;transition:transform .95s cubic-bezier(.16,1,.3,1),opacity .22s;transition-delay:calc(var(--leaf) * 55ms)}.sample-book__leaf--left{right:50%;transform-origin:right center;border-radius:7px 2px 2px 9px;transform:rotateY(86deg) translateZ(calc(var(--leaf) * 2px))}.sample-book__leaf--right{left:50%;transform-origin:left center;border-radius:2px 7px 9px 2px;transform:rotateY(-86deg) translateZ(calc(var(--leaf) * 2px))}.sample-book__leaf:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to left,#57427426,transparent 16%,#ffffff00 86%,#b5a1d115);pointer-events:none}.sample-book__leaf--right:after{background:linear-gradient(to right,#57427426,transparent 16%,#ffffff00 86%,#b5a1d115)}.sample-book__leaf .sample-pages{top:7px;right:6px;bottom:7px;left:6px}.sample-book__leaf.is-cover{background:linear-gradient(110deg,#b59adc,#e6daf8 48%,#aa87d0);border:2px solid #dbcbf1;width:234px;height:330px;top:12px;box-shadow:0 4px #ad93ce,0 8px 18px #6b3ca52a}.sample-book__binding{position:absolute;left:calc(50% - 3px);top:13px;width:6px;height:332px;background:#baa2d7;border-radius:2px;box-shadow:0 0 7px #9c76bc40}.sample-book__jacket{display:block;position:absolute;left:calc(50% - 118px);top:5px;width:236px;height:334px;padding:7px 7px 7px 13px;border:1px solid #f7f1ff;border-radius:5px 12px 12px 5px;background:linear-gradient(120deg,#d9c5f4e6,#f3eaffc9);box-shadow:inset 4px 0 2px #9877bd60,5px 2px 0 -1px #f7f2ff,8px 3px 0 -1px #bd9cdc,0 24px 36px #5b387b25;transform-origin:left center;transform:translateZ(38px) rotateY(-15deg) rotate(-3deg);transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .35s .1s}.sample-book__jacket img{width:100%;height:100%;object-fit:cover;border-radius:2px 7px 7px 2px;opacity:.87}[data-open=true] .sample-book__jacket{transform:translate(-38px) translateZ(20px) rotateY(-100deg);opacity:0;pointer-events:none;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .22s}[data-open=true] .sample-book__leaf{opacity:1}[data-open=true] .sample-book__leaf--left{transform:rotateY(calc(4deg + var(--leaf) * 3deg)) rotate(calc((3 - var(--leaf)) * -1deg)) translateZ(calc(var(--leaf) * 3px))}[data-open=true] .sample-book__leaf--right{transform:rotateY(calc(-4deg - var(--leaf) * 3deg)) rotate(calc((3 - var(--leaf)) * 1deg)) translateZ(calc(var(--leaf) * 3px))}[data-open=true] .sample-book__shadow{transform:scaleX(1.08);opacity:1}.sample-picker{position:absolute;bottom:2px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:17px;padding:9px 12px 9px 18px;background:#fff6;border:1px solid white;border-radius:30px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:6}.sample-picker__title{min-width:82px;text-align:center;font-size:11px;color:#79638f}.sample-picker__dots{display:flex;gap:0}.sample-picker__dots button{position:relative;width:24px;height:26px;padding:0;border:0;border-radius:50%;background:none}.sample-picker__dots button:before{content:"";position:absolute;top:10px;right:9px;bottom:10px;left:9px;border-radius:4px;background:#d8cbe6;transition:background .2s,transform .2s}.sample-picker__dots button[aria-pressed=true]:before{background:#8b65ce;transform:scale(1.35)}.sample-dialog{position:fixed;top:22px;right:22px;bottom:22px;left:22px;padding:0;margin:auto;width:min(1240px,calc(100vw - 32px));max-width:none;height:fit-content;max-height:calc(100svh - 32px);border:1px solid #fff;border-radius:18px;background:#f3eff9;color:#31263d;box-shadow:0 25px 100px #24133144;overflow:auto;cursor:default}.sample-dialog::backdrop{background:#28203266;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sample-dialog__toolbar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;background:#f9f6ffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:2;border-bottom:1px solid #e5dbf2}.sample-dialog__toolbar>span{font-size:14px;font-weight:600}.sample-dialog__toolbar small{font-weight:400;font-size:10px;color:#98a;margin-left:8px}.sample-dialog__toolbar>div{display:flex;gap:7px}.sample-dialog__toolbar button{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ede5f9;border:1px solid white;color:#79608e}.sample-dialog__spread{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:calc(100% - 64px);max-width:1120px;margin:30px auto;padding:5px;gap:1px;border-radius:8px;background:#cfbde4;box-shadow:0 5px 0 -2px #bca6d3,0 9px 0 -4px #e2d7ec,0 18px 40px #4a266925}.sample-dialog__sheet{position:relative;min-width:0;background:#fff}.sample-dialog__sheet img{display:block;width:100%;height:auto}.sample-dialog__sheet:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to left,#49325820,#49325806 3%,transparent 9%)}.sample-dialog__sheet+.sample-dialog__sheet:after{background:linear-gradient(to right,#49325820,#49325806 3%,transparent 9%)}@media(max-width:1050px){.sample-preview{width:166px}.sample-preview--left{left:-10px}.sample-preview--right{right:-10px}.sample-book{transform:scale(.84);transform-origin:center top}.re-hero__scene.re-hero__scene--samples{height:410px}}@media(min-width:701px)and (max-height:820px){.re-hero__scene.re-hero__scene--samples{height:362px;margin-top:10px}.sample-picker{bottom:-67px}}@media(max-width:700px){.re-hero__scene.re-hero__scene--samples{height:347px;margin-top:14px}.sample-preview{width:110px;top:10px}.sample-preview--left{left:-6px}.sample-preview--right{right:-6px;top:108px}.sample-preview__frame{border-width:4px;border-radius:8px}.sample-preview__caption{font-size:9px;margin-top:8px}.sample-book{top:53px;transform:scale(.59)}.sample-picker{bottom:-2px;gap:8px;padding:6px 8px 6px 12px}.sample-picker__title{font-size:10px;min-width:73px}.sample-dialog{top:8px;right:8px;bottom:8px;left:8px;width:calc(100vw - 16px);max-height:calc(100svh - 16px);height:fit-content;border-radius:13px}.sample-dialog__toolbar{padding:12px}.sample-dialog__toolbar>span{font-size:12px}.sample-dialog__toolbar small{display:none}.sample-dialog__spread{width:calc(100% - 16px);margin:20px auto;padding:3px;border-radius:5px}}@media(max-width:370px){.sample-book{transform:scale(.51);top:68px}.sample-preview{width:93px}.sample-preview--right{top:115px}}@media(prefers-reduced-motion:reduce){.sample-book__leaf{opacity:1}.sample-book__jacket{display:none}.sample-book__leaf--left{transform:rotateY(7deg) translateZ(calc(var(--leaf) * 2px))}.sample-book__leaf--right{transform:rotateY(-7deg) translateZ(calc(var(--leaf) * 2px))}}@font-face{font-family:Real Hero Sans;src:url(/covers/fonts/PretendardVariable-subset.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Real Hero Korean Display;src:url(/covers/fonts/A2G-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Real Hero Display;src:url(/hero/fonts/SpaceGrotesk-Variable.woff2) format("woff2");font-weight:300 700;font-display:swap}.re-hero{--mx: 0;--my: 0;--light-x: 50%;--light-y: 45%;position:relative;isolation:isolate;overflow:hidden;min-height:100svh;display:flex;flex-direction:column;color:#211c32;background:#faf9fd;font-family:Real Hero Sans,Inter,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}.re-hero *,.re-hero *:before,.re-hero *:after{box-sizing:border-box}.re-hero button{font-family:inherit;cursor:pointer}.re-hero button:focus-visible{outline:3px solid #6a45e4;outline-offset:6px}.re-hero__header{width:100%;max-width:1560px;height:104px;flex-shrink:0;margin:auto;padding:0 64px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:2}.re-hero__logo{width:125px;height:48px;object-fit:contain}.re-hero__main{width:100%;max-width:1440px;margin:auto;padding:18px 32px 48px;flex:1;display:flex;flex-direction:column;justify-content:center}.re-hero__intro{position:relative;z-index:2;text-align:center;animation:re-hero-arrive .8s cubic-bezier(.2,.8,.2,1) both}.re-hero__intro:before{content:"";position:absolute;top:-24px;right:12%;bottom:-30px;left:12%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#bda4ff30,transparent 70%);opacity:0;transition:opacity .35s ease;pointer-events:none}.re-hero__intro-enter{position:absolute;top:-10px;right:0;bottom:-16px;left:0;width:100%;border:0;border-radius:20px;padding:0;background:transparent}.re-hero__headline,.re-hero__statement{transition:color .3s ease,transform .35s cubic-bezier(.2,.8,.2,1)}.re-hero__intro:focus-within:before{opacity:1}.re-hero__intro:focus-within .re-hero__headline,.re-hero__intro:focus-within .re-hero__statement{transform:translateY(-3px)}@media(hover:hover)and (pointer:fine){.re-hero__intro:hover:before{opacity:1}.re-hero__intro:hover .re-hero__headline,.re-hero__intro:hover .re-hero__statement{transform:translateY(-3px)}.re-hero__intro:hover .re-hero__statement svg{color:#8961ef}.re-hero__intro:hover .re-hero__statement path{stroke-dasharray:1;animation:re-hero-underline .55s cubic-bezier(.2,.8,.2,1) both}}.re-hero__intro:active .re-hero__headline,.re-hero__intro:active .re-hero__statement{transform:translateY(0) scale(.99)}@keyframes re-hero-underline{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.re-hero__headline{font-family:Real Hero Korean Display,Real Hero Sans,sans-serif;font-size:clamp(24px,2.5vw,36px);font-weight:400;letter-spacing:-.045em;line-height:1.4;margin:0}.re-hero__headline>span{color:#7652dc}.re-hero__statement{display:flex;justify-content:center;align-items:baseline;white-space:nowrap;font-family:Real Hero Display,Inter,sans-serif;font-size:clamp(82px,10.2vw,146px);font-weight:400;letter-spacing:-.04em;line-height:1.05;margin:8px 0 0}.re-hero__real{position:relative;margin-left:.22em;color:#7e5fee;font-weight:700;letter-spacing:-.04em}.re-hero__statement svg{position:absolute;bottom:-9px;left:2%;width:98%;height:16px;color:#b6a2f6;transform:rotate(-1deg)}.re-hero__word{--letter-base: #211c32;--letter-flash: #9864ed}.re-hero__real,.re-hero__period{--letter-base: #7e5fee;--letter-flash: #b693fa}.re-hero__letter{display:inline-block;color:var(--letter-base);transform-origin:50% 90%}.re-hero__intro:focus-within .re-hero__letter{animation:re-hero-letter-wave .65s calc(var(--letter-index) * 45ms) cubic-bezier(.2,.7,.25,1) both}@media(hover:hover)and (pointer:fine){.re-hero__intro:hover .re-hero__letter{animation:re-hero-letter-wave .65s calc(var(--letter-index) * 45ms) cubic-bezier(.2,.7,.25,1) both}}@keyframes re-hero-letter-wave{0%,to{color:var(--letter-base);transform:translateY(0) rotate(0)}40%{color:var(--letter-flash);transform:translateY(-.035em) rotate(-3deg)}65%{color:var(--letter-flash);transform:translateY(.008em) rotate(1deg)}}.re-hero__period{color:#7e5fee}.re-hero__scene{width:100%;flex-shrink:0;height:440px;position:relative;max-width:1100px;margin:3px auto 0;perspective:1100px;animation:re-hero-arrive 1s .08s cubic-bezier(.2,.8,.2,1) both}.re-hero__halo{position:absolute;top:-30px;right:-5%;bottom:-20px;left:-5%;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#d9c7fbb8 0,#e7ddf9a0 28%,#faf9fd00 69%);-webkit-mask-image:radial-gradient(ellipse,#000 20%,transparent 72%);mask-image:radial-gradient(ellipse,#000 20%,transparent 72%);pointer-events:none}.re-hero__scene{mix-blend-mode:multiply}.re-hero__orbit{position:absolute;left:20%;top:18%;width:60%;height:64%;border:1px solid #bda2ee27;border-radius:50%;transform:rotate(-14deg);pointer-events:none}.re-hero__orbit--two{transform:rotate(13deg);width:70%;left:15%;top:27%;height:54%}.re-hero__action{position:relative;text-align:center;z-index:5;margin-top:14px}.re-hero__cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:40px;padding:12px 28px;line-height:20px;font-size:14px;font-weight:600;color:#fff;background:#7e5fee;border:1px solid #a48af9;box-shadow:inset 0 1px 1px #ffffff50,0 6px 14px #7558cd24;transition:background .2s,transform .2s,box-shadow .2s}.re-hero__cta:hover{transform:translateY(-2px);background:#6a45e4;box-shadow:0 8px 24px #7558cd40}@media(min-width:1600px)and (min-height:1050px){.re-hero__main{padding-top:45px}.re-hero__scene{margin-top:22px;height:470px}}@media(max-width:1050px){.re-hero__header{padding:0 32px;height:90px}.re-hero__scene{max-width:840px;height:370px;margin-top:24px}}@media(max-width:700px){.re-hero__header{height:80px;padding:0 24px}.re-hero__logo{width:104px;height:40px}.re-hero__main{padding:20px 18px 48px;justify-content:space-evenly;gap:12px}.re-hero__headline{font-size:clamp(19px,4.7vw,29px);font-weight:400}.re-hero__statement{font-size:clamp(42px,13.6vw,88px);margin-top:8px}.re-hero__statement svg{bottom:-8px;height:10px}.re-hero__scene{margin-top:18px;height:345px;max-width:490px}.re-hero__action{margin-top:14px}.re-hero__cta{font-size:12px;padding:11px 26px}}@media(max-width:370px){.re-hero__header{padding:0 18px}.re-hero__scene{height:328px}}@media(prefers-reduced-motion:reduce){.re-hero{--mx: 0 !important;--my: 0 !important}.re-hero *,.re-hero *:before,.re-hero *:after{transition:none!important;animation:none!important}}@keyframes re-hero-arrive{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(min-width:701px)and (max-height:820px){.re-hero__header{height:76px}.re-hero__main{padding-top:6px;padding-bottom:28px}.re-hero__headline{font-size:28px}.re-hero__statement{font-size:clamp(82px,9vw,118px)}.re-hero__scene{height:350px;margin-top:0;transform:scale(.82);transform-origin:top center}.re-hero__action{margin-top:12px}}
