.splash-page{min-width:0;margin:0;background:#07101c;--color-accent: #c7a75a}.book-splash{--cover-ink: #07101c;--cover-ivory: #eee9dc;--cover-muted: #b3b9ba;--cover-gold: #c7a75a;--cover-gold-bright: #e0c77f;display:flex;position:relative;flex-direction:column;isolation:isolate;min-height:100svh;color:var(--cover-ivory);background:var(--cover-ink);font-family:"Noto Serif KR",Georgia,serif}.book-splash *,.book-splash *:before,.book-splash *:after{box-sizing:border-box}.book-splash a{-webkit-tap-highlight-color:transparent}.book-splash a:focus-visible{outline:1px solid var(--cover-gold-bright);outline-offset:8px}.book-splash:before,.book-splash:after{position:fixed;inset:0;pointer-events:none;content:""}.book-splash:before{z-index:-2;background:url(/works-leather-texture-v2.webp) center top / 36rem auto repeat}.book-splash:after{z-index:-1;background:radial-gradient(ellipse at 65% 45%,transparent,rgb(1 5 10 / 35%)),linear-gradient(90deg,rgb(3 10 18 / 52%),transparent 40%);box-shadow:inset 0 0 7rem #0000004d}.book-splash__face{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:0;padding:clamp(1.5rem,3.5svh,2.5rem) 1.5rem 0;pointer-events:none}.book-splash__crest{position:relative;z-index:11;width:clamp(3.75rem,5.3vw,4.75rem);height:clamp(3.75rem,5.3vw,4.75rem)}.book-splash__crest-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 14px rgb(0 0 0 / 65%))}.book-splash__center{position:relative;z-index:2;margin-top:clamp(1.125rem,2.3svh,1.5rem)}.book-splash__title{margin:0}.book-splash__title-glyph{display:block;height:auto;width:min(54vw,20.5rem);max-width:54vw}.book-splash__tagline{position:relative;z-index:2;width:min(32rem,100%);margin:clamp(.15rem,.6svh,.45rem) 0 0;color:var(--cover-muted);font-size:.74rem;letter-spacing:.08em;line-height:1.8;text-align:center}.splash-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.book-splash__admin{position:absolute;top:3rem;right:3.5rem;z-index:2;display:flex;align-items:center;gap:.55rem;pointer-events:auto}.book-splash__admin[hidden],.book-splash__admin a[hidden]{display:none}.book-splash__admin a{display:grid;width:2.35rem;height:2.35rem;place-items:center;border:1px solid rgb(199 167 90 / 45%);border-radius:50%;color:var(--cover-muted);text-decoration:none}.book-splash__admin svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25}.book-splash__admin-login,.book-splash__admin a:hover{color:var(--cover-gold-bright)!important;border-color:var(--cover-gold-bright)!important}@media(max-width:760px){.book-splash__crest{width:4.25rem;height:4.25rem}.book-splash__tagline{font-size:.7rem}.book-splash__admin{top:2rem;right:2rem}}.splash-trail{--trail-ink: #eee9dc;--trail-react: .25s;--trail-open: .55s;--trail-ease: cubic-bezier(.22, .61, .36, 1);--stop-width: 25%;--stop-art-width: 64%;--stop-wordmark: clamp(1.05rem, 2.5cqw, 1.75rem);position:relative;width:clamp(44rem,calc((100svh - 16.4rem) * var(--trail-aspect)),82rem);max-width:calc(100% - 4rem);margin:auto auto clamp(1.25rem,calc(3svh - .5rem),2rem);padding-top:1rem;color:var(--trail-ink)}.splash-trail__canvas{position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:var(--trail-ratio)}.splash-stop{position:absolute;isolation:isolate;left:var(--stop-x);top:var(--stop-y);width:var(--stop-width);translate:-50% 0;color:inherit;text-decoration:none;text-align:center;border-radius:.5rem}.book-splash .splash-stop:focus-visible{outline:1px dashed var(--cover-gold-bright);outline-offset:5px}.splash-stop__tray{position:absolute;z-index:-1;inset:10% 7% auto;width:86%;height:auto;aspect-ratio:2.1;border-radius:7px;background:linear-gradient(180deg,#07101c61,#030a1285);box-shadow:inset 0 1px #eee9dc0a;transform:perspective(850px) rotateX(42deg);pointer-events:none}.splash-stop__tray-shadow{position:absolute;inset:5% -2% -4%;border-radius:6px;box-shadow:0 17px 18px -11px #000000e0}.splash-stop__contour{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none}.splash-stop__contour-rest{stroke:#c0ae86;stroke-width:.7px;stroke-opacity:0}.splash-stop__contour-trace{stroke:#c9b080;stroke-width:1.05px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset .45s ease,opacity .18s ease}.splash-stop:is(:hover,:focus-visible) .splash-stop__contour-trace{stroke-dashoffset:0;opacity:.88;transition:stroke-dashoffset 1.1s cubic-bezier(.3,.1,.35,1),opacity .15s ease}.splash-stop__contact{position:absolute;top:44%;left:24%;width:52%;height:12px;border-radius:50%;background:#01060bc9;filter:blur(6px);opacity:.38;pointer-events:none;transition:scale var(--trail-open) ease,opacity var(--trail-open) ease}.splash-stop:is(:hover,:focus-visible) .splash-stop__contact{scale:.78 1.3;opacity:.26}.splash-stop__art{display:block;width:var(--stop-art-width);position:relative;margin:0 auto 12px;pointer-events:none;transform:perspective(700px) rotateX(12deg) rotate(var(--stop-turn)) translateY(-10px);transform-origin:50% 85%;filter:drop-shadow(0 9px 6px #0008);transition:transform var(--trail-open) var(--trail-ease),filter var(--trail-open) ease}.splash-stop .chapter-art{display:block;width:100%;height:auto;overflow:visible}.splash-stop :is(.art-drifter,.art-ribbon,.art-orbit,.art-letter,.art-stars){transform-box:fill-box;transform-origin:center;transition:transform var(--trail-open) var(--trail-ease)}.splash-stop__copy{position:relative;z-index:1;text-shadow:0 1px 2px #02070c}.splash-stop__title{position:relative;width:fit-content;max-width:100%;margin:0 auto;line-height:0}.splash-stop__wordmark{display:block;width:calc(var(--stop-wordmark) * var(--wordmark-aspect));height:calc(var(--stop-wordmark) * 1.55);overflow:visible}.splash-stop__wordmark-layer--gold{opacity:0;transition:opacity var(--trail-react) ease}.splash-stop:is(:hover,:focus-visible) .splash-stop__wordmark-layer--gold{opacity:1}.splash-stop__description{display:block;margin-top:.25rem;color:#bcb6a8;font-size:clamp(.65rem,1.2cqw,.82rem);line-height:1.8;word-break:keep-all}.splash-stop__invitation{display:block;margin-top:.65rem;color:var(--cover-gold-bright);font-size:clamp(.65rem,1.1cqw,.75rem);line-height:1.8;opacity:0;translate:0 5px;transition:opacity var(--trail-react) ease,translate var(--trail-open) var(--trail-ease)}.splash-stop__invitation>span{margin-left:.4rem}.splash-stop:is(:hover,:focus-visible) .splash-stop__art{transform:perspective(700px) translateY(-20px) rotateX(0) rotate(0) scale(1.025);filter:drop-shadow(0 18px 9px #0007)}.splash-stop:is(:hover,:focus-visible) .splash-stop__invitation{opacity:1;translate:0 0}.splash-stop:is(:hover,:focus-visible) .chapter-art--journal .art-drifter{transform:translate(9px,-12px) rotate(-8deg)}.splash-stop:is(:hover,:focus-visible) .art-ribbon{transform:rotate(4deg)}.splash-stop:is(:hover,:focus-visible) .chapter-art--works .art-drifter{transform:rotate(5deg) translate(5px,-5px)}.splash-stop:is(:hover,:focus-visible) .art-orbit{transform:rotate(23deg)}.splash-stop:is(:hover,:focus-visible) .art-stars{transform:rotate(-9deg) scale(1.06)}.splash-stop:is(:hover,:focus-visible) .chapter-art--about .art-drifter{transform:rotate(-3deg) scale(1.04)}.splash-stop:is(:hover,:focus-visible) .art-letter{transform:translateY(-38px) rotate(-3deg)}@media(prefers-reduced-motion:no-preference){.splash-stop:is(:hover,:focus-visible) .chapter-art--journal .art-drifter{--detail-x: 5px;--detail-y: -7px;animation:splash-detail-drift 3.2s ease-in-out infinite}.splash-stop:is(:hover,:focus-visible) .art-ribbon{animation:splash-detail-sway 3.8s ease-in-out infinite}.splash-stop:is(:hover,:focus-visible) .chapter-art--works .art-drifter{--detail-x: -6px;--detail-y: -5px;animation:splash-detail-drift 3.5s ease-in-out infinite}.splash-stop:is(:hover,:focus-visible) .art-orbit{transform:none;animation:splash-detail-orbit 18s linear infinite}.splash-stop:is(:hover,:focus-visible) .art-stars{animation:splash-detail-twinkle 3s ease-in-out infinite}.splash-stop:is(:hover,:focus-visible) .chapter-art--about .art-drifter{--detail-x: 5px;--detail-y: -4px;animation:splash-detail-drift 4s ease-in-out infinite}.splash-stop:is(:hover,:focus-visible) .art-letter{--detail-x: 0px;--detail-y: -7px;animation:splash-detail-drift 3.6s ease-in-out infinite}}@keyframes splash-detail-drift{0%,to{translate:0 0}50%{translate:var(--detail-x) var(--detail-y)}}@keyframes splash-detail-sway{0%,to{rotate:-2deg}50%{rotate:3deg}}@keyframes splash-detail-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes splash-detail-twinkle{0%,to{scale:1}50%{scale:1.12}}@media(861px<=width<=900px),(min-width:861px)and (max-height:760px){.splash-trail{--stop-width: 23%}}@media(max-width:860px){.splash-trail{--stop-art-width: 10rem;--stop-wordmark: 1.55rem;width:calc(100% - 2rem);max-width:40rem;margin:0 auto 2rem;padding-top:2.5rem}.splash-trail__canvas{display:flex;flex-direction:column;align-items:center;gap:2.25rem;aspect-ratio:auto;padding:0 0 1rem}.splash-stop{position:relative;inset:auto;width:min(100%,20rem);translate:none}.splash-stop__tray{inset:.75rem auto auto 50%;width:13.5rem;height:7rem;translate:-50% 0;transform:perspective(600px) rotateX(38deg)}.splash-stop__art{margin-bottom:-.25rem}.splash-stop__contact{top:7.5rem;left:30%;width:40%}.splash-stop__description{font-size:.78rem}.splash-stop__invitation{font-size:.72rem}}