@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{font-family:DM Sans,sans-serif;color:#29233a;background:#faf7f0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #7657d6;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Outfit,sans-serif;letter-spacing:-.045em}h1{line-height:1.06}p{line-height:1.65}.site{overflow:hidden;min-height:100vh}.header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,100px);border-bottom:1px solid #ece7dd;position:relative;z-index:5;background:#faf7f0}.brand{background:none;border:0;color:#29233a;font-family:Outfit,sans-serif;font-size:27px;letter-spacing:-.06em;font-weight:900;padding:0}.brandmark,.brand-dot{color:#7455d4}.brandmark{font-size:29px;vertical-align:middle}.desktop-nav{display:flex;gap:34px}.desktop-nav button,.footer-right button{background:none;border:0;font-size:14px;font-weight:700;color:#696376}.desktop-nav button.active{color:#7455d4}.nav-right{display:flex;align-items:center;gap:20px}.mini-tag{color:#7455d4;background:#eee7ff;padding:10px 15px;border-radius:30px;font-size:12px;font-weight:700;display:flex;gap:7px;align-items:center}.mobile-menu,.menu-panel{display:none}.icon-button{background:transparent;border:0;color:inherit}.hero{max-width:1540px;margin:auto;min-height:640px;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;padding:64px clamp(24px,7vw,110px) 85px}.hero-text{max-width:610px;z-index:2}.eyebrow{font-weight:800;font-size:11px;letter-spacing:.16em;color:#7559c8;display:inline-flex;align-items:center;gap:9px}.hero h1{font-size:clamp(46px,5.6vw,91px);margin:22px 0;letter-spacing:-.065em}.hero h1 em,.creator h2 em{font-style:normal;color:#7455d4}.hero p{font-size:17px;color:#635d70;max-width:440px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:33px}.btn{border:0;display:inline-flex;gap:12px;align-items:center;justify-content:center;border-radius:30px;padding:16px 24px;font-weight:800;font-size:13px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:#7455d4;color:#fff;box-shadow:0 12px 24px #7455d42b}.btn-outline{background:transparent;border:1px solid #cec6d5;color:#29233a}.hero-note{margin-top:35px;color:#807a89;font-size:12px;display:flex;align-items:center;gap:8px}.hero-art{height:520px;position:relative;background:radial-gradient(ellipse at center,#ede1ff 0,#f6edf9 48%,transparent 72%);display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:80%;aspect-ratio:1;border:1.5px dashed #c7b5eb;border-radius:50%;transform:rotate(-20deg)}.orbit-two{width:62%;transform:rotate(45deg);border-color:#e5c3b1}.hero-book{height:240px;width:340px;position:relative;display:flex;filter:drop-shadow(15px 25px 18px #6a49a139);transform:perspective(750px) rotate(-10deg) rotateY(calc(var(--mx)*.45)) translate(calc(var(--mx)*.3),calc(var(--my)*.4));transition:transform .2s ease-out;z-index:2}.cover-left,.cover-right{width:50%;height:100%;background:linear-gradient(140deg,#8062d8,#5942b8);border-radius:9px 2px 2px 12px;box-shadow:inset 0 0 0 8px #ffffff13;border:4px solid #4e3b9c;position:relative}.cover-right{background:linear-gradient(130deg,#f5b59a,#f7d59c);border-color:#e8a88a;border-radius:2px 12px 12px 2px;display:flex;align-items:center;justify-content:center;flex-direction:column}.book-spine{position:absolute;left:50%;top:0;height:100%;width:6px;background:#382e6e;z-index:2}.cover-speck{position:absolute;top:50px;left:55px;font-size:80px;color:#e5d1ff}.book-sun{font-size:100px;color:#fff3ca;line-height:1}.book-mountain{font-size:100px;color:#c97d87;line-height:.7}.floating-star{position:absolute;color:#f3b961;font-size:48px;animation:float 5s ease-in-out infinite}.star-one{top:10%;left:10%}.star-two{top:18%;right:4%;color:#a486db;font-size:70px;animation-delay:-2s}.star-three{bottom:13%;left:12%;color:#ec9eae;animation-delay:-3s}.hero-pill{position:absolute;background:#fff;color:#7455d4;box-shadow:0 15px 40px #463b6030;border-radius:28px;padding:12px 18px;font-size:12px;font-weight:800;z-index:3}.pill-top{top:19%;left:11%;transform:rotate(-8deg)}.pill-bottom{bottom:17%;right:1%;transform:rotate(6deg)}@keyframes float{50%{transform:translateY(-18px) rotate(15deg)}}.marquee{background:#7657d6;color:#fff;transform:rotate(-1deg) scale(1.02);padding:18px;text-align:center;font-size:15px;font-weight:900;letter-spacing:.17em;white-space:nowrap}.section{max-width:1370px;margin:0 auto;padding:110px clamp(24px,6vw,100px)}.section-header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section h2,.inner-page h1{font-size:clamp(38px,4.3vw,60px);margin:12px 0}.title-spark{color:#f4b55d;font-size:.7em;margin-left:12px}.section-header p,.inner-page>p{color:#716b7c;max-width:580px}.text-link{display:inline-flex;align-items:center;gap:8px;border:0;background:none;color:#7455d4;font-size:13px;font-weight:800}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.story-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 40px #55487510;transition:transform .3s,box-shadow .3s}.story-card:hover{transform:translateY(-8px);box-shadow:0 24px 50px #55487524}.card-art{height:380px;position:relative;overflow:hidden}.card-art.castle{background:linear-gradient(160deg,#2f2b69,#7450a5 65%,#d2a7c5)}.card-art.pastel{background:linear-gradient(140deg,#e2d5ff,#ffdac6 65%,#f9e6a4)}.card-top{display:flex;justify-content:space-between;padding:22px;position:relative;z-index:2;color:#fff;font-size:12px;font-weight:800}.card-top span:first-child{background:#ffffff2c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:9px 14px;border-radius:20px}.castle-art{position:absolute;left:20%;right:20%;bottom:0;height:80%}.moon{position:absolute;top:4%;left:55%;width:78px;height:78px;background:#ffecc7;border-radius:50%;box-shadow:0 0 70px #fff2cb}.castle-tower,.castle-base{position:absolute;bottom:0;background:#251d55}.castle-base{height:35%;width:100%;left:0}.castle-tower{width:24%;height:55%;left:3%;clip-path:polygon(0 17%,50% 0,100% 17%,100% 100%,0 100%)}.tower-center{left:37%;height:82%;width:27%}.tower-right{left:74%;height:63%}.castle-door{position:absolute;bottom:0;left:42%;height:20%;width:16%;border-radius:35px 35px 0 0;background:#d6abbe;box-shadow:0 0 55px #e8bbcc}.castle-stars{position:absolute;top:9%;left:0;color:#fff1c9;letter-spacing:28px;font-size:21px}.cover-title{position:absolute;top:45%;left:8%;font:900 45px/1 Outfit,sans-serif;letter-spacing:-.06em;color:#fff;white-space:pre-line;text-shadow:0 3px 30px #28204a7f}.pastel .cover-title{color:#6a4eab;text-shadow:none}.future-art{position:absolute;top:15%;right:15%;bottom:15%;left:15%;display:flex;align-items:center;justify-content:space-between;font-size:75px;color:#9776d7}.future-art span:nth-child(2){font-size:135px}.card-info{padding:28px}.card-info h3{font-size:30px;margin:10px 0 5px}.card-info p{color:#777080;font-size:14px}.card-info button{margin-top:22px;background:#f0eaff;color:#6f51cb;border:0;border-radius:24px;padding:11px 17px;font-size:13px;font-weight:800;display:inline-flex;gap:10px;align-items:center}.duo-section{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1370px;padding:0 clamp(24px,6vw,100px) 110px;margin:auto}.duo-card{position:relative;overflow:hidden;min-height:385px;padding:40px;border-radius:28px}.duo-purple{background:#eae0ff}.duo-peach{background:#ffe4d3}.duo-icon{width:57px;height:57px;background:#fff9;border-radius:20px;display:grid;place-items:center;color:#6f51cb;margin-bottom:20px}.duo-card h2{font-size:clamp(32px,3.1vw,50px);margin:12px 0}.duo-card p{color:#6c5e78;font-size:14px;max-width:360px}.duo-card button{border:0;background:transparent;color:#6c4bc5;font-weight:800;display:flex;align-items:center;gap:8px;margin-top:20px;padding:0}.duo-shape{position:absolute;font-size:155px;color:#7455d422;right:-15px;bottom:-50px}.creator{background:#f5eddd;display:flex;align-items:center;justify-content:center;gap:80px;padding:95px 25px}.creator-symbol{font-size:180px;color:#efb8a8;line-height:1}.creator>div:last-child{max-width:530px}.creator h2{font-size:clamp(35px,4vw,58px);margin:13px 0}.creator p{color:#6b6375}.creator-credit{display:block;margin-top:16px;color:#7559c8;font-size:12px;font-weight:700}.inner-page{max-width:1320px;margin:auto;min-height:650px;padding:95px clamp(24px,6vw,100px)}.inner-page>p{margin-bottom:35px}.search{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e8e2ee;border-radius:24px;padding:15px 21px;max-width:460px;margin-bottom:35px;color:#746e80}.search input{background:none;border:0;outline:none;width:100%}.watch-tabs{display:flex;gap:12px;flex-wrap:wrap}.watch-tabs span{background:#eae2fc;color:#7153bd;padding:11px 18px;font-size:13px;font-weight:800;border-radius:30px}.watch-empty{margin-top:40px;background:#efe6ff;border-radius:28px;padding:70px 24px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:15px}.watch-play{height:115px;width:115px;display:grid;place-items:center;background:#fff;border-radius:50%;color:#7958d4;margin-bottom:8px}.watch-empty h2{font-size:clamp(29px,3vw,43px)}.watch-empty p{max-width:520px;color:#716483}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}.video-card{background:#fff;padding:20px;border-radius:20px}.video-card iframe{width:100%;aspect-ratio:16/9;border:0}.video-card button{height:200px;width:100%;border:0;border-radius:15px;background:#e7ddff;display:flex;justify-content:center;align-items:center;gap:8px;color:#6f51cb}.video-card h3{margin-top:15px}.video-card p{font-size:13px;color:#787085}.empty-state{background:#eee8fc;padding:65px 20px;border-radius:30px;display:flex;gap:12px;align-items:center;flex-direction:column;text-align:center;color:#6e54a5;margin-top:30px}.empty-state h2{font-size:30px;color:#29233a}.empty-state p{color:#796d8a}.library-item{display:flex;align-items:center;gap:22px;padding:22px;background:#fff;border-radius:20px}.mini-cover{background:#7657d6;color:#fff;display:grid;place-items:center;font-size:55px;height:120px;width:90px;border-radius:10px}.reader{min-height:calc(100vh - 90px);background:#ebe5f3;padding:28px clamp(18px,4vw,65px) 80px}.reader-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#5d507a;font-size:11px;font-weight:800;letter-spacing:.1em}.back{display:flex;gap:9px;align-items:center;border:0;background:none;color:#6c52a4;font-weight:800}.reader-intro{text-align:center;max-width:580px;margin:35px auto}.reader-intro h1{font-size:clamp(30px,3.5vw,46px);margin:10px 0}.reader-intro p{font-size:13px;color:#726582}.book-stage{display:flex;align-items:center;justify-content:center;gap:20px}.page-arrow{display:grid;place-items:center;height:48px;width:48px;background:#fff;border:0;border-radius:50%;flex-shrink:0}.demo-page{height:min(520px,65vh);width:min(550px,65vw);background:#fffbf2;box-shadow:14px 18px 40px #51427544,inset -10px 0 20px #846c9b12;border-radius:4px 18px 18px 4px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:30px;animation:turn .5s ease;transform-origin:left center;text-align:center;position:relative}.page-alt{background:#f9f1ff}@keyframes turn{0%{opacity:.7;transform:perspective(1000px) rotateY(-13deg)}to{opacity:1;transform:perspective(1000px) rotateY(0)}}.page-decoration{height:48%;width:100%;border-radius:14px;background:radial-gradient(circle at 60% 40%,#ffe9bc,#d7c2ee 65%,#a18cdd);position:relative;overflow:hidden;display:flex;justify-content:space-around;align-items:center;color:#fff5ce;font-size:70px}.page-moon{width:110px;height:110px;background:#ffefd0;border-radius:50%;box-shadow:0 0 40px #fff2cc}.page-copy h2{font-size:clamp(24px,3vw,38px);margin:12px 0}.page-copy p{font-size:13px;color:#7c7189;max-width:390px}.page-number{font-size:11px;color:#958a99}.page-progress{max-width:580px;background:#d6cce7;height:5px;margin:30px auto 10px;border-radius:5px}.page-progress div{height:100%;background:#7657d6;border-radius:5px;transition:width .3s}.reader-hint{display:block;text-align:center;font-size:12px;color:#7b7089}.footer{background:#302747;color:#fff;padding:65px clamp(24px,6vw,100px) 25px;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-logo{font:700 31px Outfit,sans-serif}.footer p{color:#bab2c9;font-size:13px}.footer-right{display:flex;gap:25px;align-items:start}.footer-right button{color:#eee8f7}.footer-bottom{border-top:1px solid #665979;width:100%;padding-top:23px;display:flex;justify-content:space-between;gap:20px;color:#b6aec5;font-size:12px}.bottom-nav{display:none}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:65px}.hero-art{height:420px;order:-1}.hero-text{text-align:center;margin:auto}.hero-text p{margin:auto}.hero-actions,.hero-note{justify-content:center}.desktop-nav,.mini-tag{display:none}.mobile-menu{display:block}.menu-panel{display:flex;flex-direction:column;padding:10px 24px;background:#faf7f0}.menu-panel button{border:0;background:none;text-align:left;padding:13px;color:#665685;font-weight:800}.duo-section{grid-template-columns:1fr}.creator{gap:35px}.creator-symbol{font-size:100px}}@media(max-width:600px){.header{height:69px;padding:0 23px}.brand{font-size:24px}.hero{padding:25px 24px 60px;gap:12px}.hero-art{height:285px}.hero-book{width:220px;height:155px}.cover-speck{font-size:50px;left:32px;top:25px}.book-sun,.book-mountain{font-size:65px}.hero-pill{font-size:9px;padding:9px}.hero h1{font-size:clamp(43px,11vw,60px)}.hero p{font-size:14px}.hero-note{margin-top:24px}.marquee{font-size:11px;padding:14px}.section{padding:70px 24px}.section h2,.inner-page h1{font-size:38px}.section-header{align-items:start}.section-header .text-link{white-space:nowrap}.card-grid{grid-template-columns:1fr;gap:22px}.card-art{height:310px}.cover-title{font-size:38px}.duo-section{padding:0 24px 70px}.duo-card{min-height:330px;padding:30px}.creator{padding:65px 25px;display:block;text-align:center}.creator-symbol{font-size:95px}.inner-page{padding:55px 24px 100px}.watch-empty{padding:55px 20px}.video-grid{grid-template-columns:1fr}.footer{padding-bottom:100px}.footer-bottom{flex-direction:column}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fff;box-shadow:0 -5px 25px #26203816;padding:10px 5px max(10px,env(safe-area-inset-bottom));z-index:10}.bottom-nav button{border:0;background:none;color:#877d95;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:800}.bottom-nav button.active{color:#7555d2}.bottom-nav svg{width:21px}.reader-top>span{display:none}.reader{padding:20px 8px 50px}.book-stage{gap:6px}.page-arrow{width:35px;height:35px}.demo-page{width:calc(100vw - 95px);height:460px;padding:16px}.page-decoration{height:42%;font-size:36px}.page-moon{height:65px;width:65px}.page-copy h2{font-size:25px}.page-copy p{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.cursor-magic{position:fixed;left:0;top:0;width:68px;height:68px;z-index:100;pointer-events:none;opacity:0;border-radius:50%;background:radial-gradient(circle,#f8c65f54 0,#bfa2ff2b 46%,transparent 72%);will-change:transform;filter:blur(1px);transition:opacity .25s}.cursor-magic span{position:absolute;left:25px;top:18px;color:#e7a73a;text-shadow:0 0 12px #ffd27b;font-size:24px;animation:cursor-twinkle 1.2s ease-in-out infinite}@keyframes cursor-twinkle{50%{transform:rotate(70deg) scale(1.4);opacity:.5}}.magnetic{transform:translate(var(--mag-x,0px),var(--mag-y,0px));transition:transform .16s cubic-bezier(.2,1.3,.4,1),box-shadow .2s!important}.magnetic:hover{box-shadow:0 17px 34px #7455d43c}.hero-art{isolation:isolate}.hero-art:before{content:"";position:absolute;width:64%;height:64%;border-radius:50%;background:conic-gradient(from 180deg,#b994ff70,#ffd4aa90,#ddf6ff80,#b994ff70);filter:blur(40px);animation:magic-rotate 14s linear infinite;opacity:.65}@keyframes magic-rotate{to{transform:rotate(360deg)}}.watchful-mascot{position:absolute;z-index:5;left:0;bottom:5%;width:205px;height:205px;filter:drop-shadow(0 20px 22px #5846a345);animation:mascot-bob 4s ease-in-out infinite}@keyframes mascot-bob{50%{transform:translateY(-16px) rotate(-3deg)}}.mascot-face{position:absolute;top:23px;right:15px;bottom:20px;left:15px;background:linear-gradient(145deg,#ae87f3,#7751c7 80%);border-radius:48% 48% 45% 45%;border:5px solid #5a3e9d;transform:rotate(var(--face-rotate,0deg));box-shadow:inset -12px -14px 17px #4a318c55,inset 10px 12px 15px #e3cafa66}.mascot-ear{position:absolute;z-index:-1;background:#9972db;border:5px solid #5a3e9d;width:75px;height:98px;top:0;border-radius:90% 10% 55% 20%}.mascot-ear-left{left:16px;transform:rotate(-28deg)}.mascot-ear-right{right:16px;transform:scaleX(-1) rotate(-28deg)}.mascot-eyes{display:flex;gap:12px;position:absolute;left:50%;top:34%;transform:translate(-50%)}.mascot-eye{position:relative;overflow:hidden;width:60px;height:67px;border-radius:48% 48% 46% 46%;background:#fffdf5;border:3px solid #554180;box-shadow:inset 0 4px 7px #8f7ab02b}.mascot-pupil{width:29px;height:33px;border-radius:50%;background:radial-gradient(circle at 65% 30%,#6055c7 0,#251d4b 70%);position:absolute;left:12px;top:15px;transform:translate(var(--eye-x,0px),var(--eye-y,0px));will-change:transform}.mascot-pupil i{position:absolute;width:10px;height:11px;left:6px;top:5px;background:#fff;border-radius:50%;box-shadow:12px 15px 0 -3px #fff8}.mascot-brow{position:absolute;width:25px;height:7px;top:25%;background:#513487;border-radius:30px}.mascot-brow-left{left:23%}.mascot-brow-right{right:23%}.mascot-cheek{position:absolute;width:24px;height:12px;top:71%;background:#f5a8b7a8;border-radius:50%}.mascot-cheek-left{left:12%}.mascot-cheek-right{right:12%}.mascot-smile{position:absolute;left:45%;top:72%;height:13px;width:25px;border-bottom:4px solid #34265b;border-radius:50%}.mascot-speech{position:absolute;bottom:12px;left:118px;white-space:nowrap;background:#fff;border:2px solid #d1beed;border-radius:16px 16px 16px 3px;padding:10px 13px;font-size:10px;font-weight:800;color:#7455d4;box-shadow:0 7px 19px #5c41873b;transform:rotate(-7deg);animation:speech-bob 4s ease-in-out infinite}.mascot-speech span{color:#e7a73a}@keyframes speech-bob{50%{transform:translateY(6px) rotate(-4deg)}}.story-card{--card-x:0deg;--card-y:0deg;transform:perspective(1100px) rotateY(var(--card-x)) rotateX(var(--card-y)) translateZ(0);transform-style:preserve-3d;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.story-card:hover{transform:perspective(1100px) rotateY(var(--card-x)) rotateX(var(--card-y)) translateY(-8px);box-shadow:0 28px 60px #55487530}.card-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),#ffffff55,transparent 55%);opacity:0;pointer-events:none;transition:opacity .2s}.story-card:hover .card-art:after{opacity:1}@media(max-width:900px){.watchful-mascot{left:8%;bottom:0;transform:scale(.75);transform-origin:bottom left}.mascot-speech{display:none}}@media(max-width:600px){.watchful-mascot{left:-4%;bottom:-8%;transform:scale(.5);transform-origin:bottom left;animation:none}.hero-art:before{filter:blur(20px)}.story-card,.story-card:hover{transform:none}.cursor-magic{display:none}}@media(pointer:coarse){.cursor-magic{display:none}.story-card,.story-card:hover{transform:none}.magnetic{transform:none!important}.mascot-speech{display:none}}@media(prefers-reduced-motion:reduce){.cursor-magic{display:none}.watchful-mascot,.mascot-speech{animation:none}.hero-art:before{animation:none}.story-card,.story-card:hover{transform:none}.mascot-pupil{transform:none!important}}.wolferine-mascot{width:238px;height:188px;left:-3%;bottom:3%;border-radius:27px;overflow:visible;filter:drop-shadow(0 20px 24px #2a1c6f55);transform-origin:center}.wolferine-portrait{display:block;position:absolute;width:100%;height:160px;top:12px;left:0;object-fit:cover;border:5px solid #f8f1ff;border-radius:28px;box-shadow:0 0 0 2px #9277d3,0 22px 40px #271e6240;transform:rotate(var(--face-rotate,0deg));transition:transform .1s}.wolferine-eye-tracking{position:absolute;width:13px;height:13px;display:block;border-radius:50%;background:radial-gradient(circle at 40% 30%,#dff7ff 0,#dff7ff 17%,#1e66b5 24%,#203d87 65%,#132044 92%);box-shadow:0 0 5px #98d7ff,0 0 12px #519dff77;pointer-events:none;transform:translate(calc(var(--eye-x,0px)*.37),calc(var(--eye-y,0px)*.37));transition:transform .04s linear;opacity:.93;mix-blend-mode:screen}.wolferine-eye-tracking i{display:block;position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;top:2px;left:3px}.wolferine-eye-left{left:34%;top:50%}.wolferine-eye-right{left:73%;top:32%}.wolferine-caption{position:absolute;bottom:0;left:39px;background:#fff9f2;border:2px solid #9f88da;color:#493c87;border-radius:20px;font:700 12px Outfit,sans-serif;padding:9px 18px;box-shadow:0 7px 18px #291a5f33}.wolferine-caption span{color:#7859cd;margin-left:5px}@media(max-width:900px){.wolferine-mascot{left:0;bottom:3%;transform:scale(.7);transform-origin:bottom left}}@media(max-width:600px){.wolferine-mascot{left:-4%;bottom:0;transform:scale(.53);transform-origin:bottom left}.wolferine-eye-tracking{transform:none}}@media(pointer:coarse){.wolferine-eye-tracking{transform:none}}@media(prefers-reduced-motion:reduce){.wolferine-mascot{animation:none}.wolferine-eye-tracking{transform:none}}:root{color-scheme:dark;background:#080b1b;color:#f4f2ff}body,.site{background:#080b1b;color:#f4f2ff}.header{height:86px;background:#090c1ae8;border-bottom:1px solid #ffffff19;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);position:sticky;top:0}.brand{color:#f4f1ff}.brandmark{color:#bc9dfd}.brand-dot{color:#8ee9f4}.desktop-nav button{color:#a9a6bc}.desktop-nav button.active,.desktop-nav button:hover{color:#f8f5ff}.desktop-nav button.active:after{content:"";display:block;width:16px;height:3px;background:#a58bff;border-radius:9px;margin:8px auto -11px;box-shadow:0 0 15px #a58bff}.mini-tag{color:#c7b4ff;background:#7c66c01e;border:1px solid #9f8ae73c}.header .icon-button{color:#f7f1ff}.menu-panel{background:#12162a}.menu-panel button{color:#e2d9ff}.cinematic-hero{max-width:none;min-height:calc(100svh - 86px);padding:75px clamp(26px,7vw,135px) 105px;background:radial-gradient(ellipse at 79% 40%,#28305cba 0,transparent 33%),radial-gradient(ellipse at 46% 100%,#1b1345 0,transparent 45%),linear-gradient(120deg,#080b1b,#0c1026 63%,#14142f);position:relative;overflow:hidden;gap:2vw;isolation:isolate}.cinematic-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#070a1ab8 0,transparent 65%);pointer-events:none;z-index:-1}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(#aeb7ff0d 1px,transparent 1px),linear-gradient(90deg,#aeb7ff0d 1px,transparent 1px);background-size:78px 78px;-webkit-mask-image:linear-gradient(to bottom,transparent 2%,#0009 55%,transparent 99%);mask-image:linear-gradient(to bottom,transparent 2%,#0009 55%,transparent 99%)}.hero-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-stars i{width:2px;height:2px;position:absolute;background:#cbd8ff;border-radius:50%;box-shadow:0 0 9px #ddceff;animation:starlight 4s ease-in-out infinite}.hero-stars i:nth-child(1){top:16%;left:12%}.hero-stars i:nth-child(2){top:36%;left:44%;animation-delay:-2s}.hero-stars i:nth-child(3){top:72%;left:8%;animation-delay:-1s}.hero-stars i:nth-child(4){top:89%;left:60%}.hero-stars i:nth-child(5){top:11%;left:65%;animation-delay:-3s}.hero-stars i:nth-child(6){top:52%;left:73%}.hero-stars i:nth-child(7){top:25%;left:93%;animation-delay:-2s}.hero-stars i:nth-child(8){top:60%;left:97%}.hero-stars i:nth-child(9){top:95%;left:30%}.hero-stars i:nth-child(10){top:18%;left:28%}.hero-stars i:nth-child(11){top:66%;left:49%}.hero-stars i:nth-child(12){top:8%;left:85%}@keyframes starlight{50%{opacity:.22;transform:scale(.35)}}.hero-text{max-width:690px}.hero-kicker{color:#a6c9ea;letter-spacing:.22em;white-space:normal}.kicker-line{width:45px;height:1px;background:#8ce3fa6b;display:inline-block;margin-left:5px}.cinematic-hero h1{font-size:clamp(63px,6.4vw,115px);letter-spacing:-.085em;line-height:.96;font-weight:900;margin:31px 0 32px;color:#faf9ff}.cinematic-hero h1 em{font-style:normal;color:#acb3ff;background:linear-gradient(110deg,#f4f1ff,#aea4ff,#89e3ee 88%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-dot{color:#8ce7f1;-webkit-text-fill-color:#8ce7f1}.cinematic-hero p{color:#b8bad2;font-size:clamp(15px,1.3vw,19px);max-width:470px}.cinematic-hero p strong{color:#fff}.hero-actions{margin-top:38px}.btn{padding:17px 27px;letter-spacing:.005em}.btn-primary{background:linear-gradient(125deg,#9f91ff,#7b6fe4 70%,#5a6ccd);color:#fff;box-shadow:0 13px 35px #7463db40}.btn-primary:hover{box-shadow:0 15px 40px #8c78ed82}.btn-outline{background:#ffffff0a;border:1px solid #b5b8e457;color:#eae9fb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-outline:hover{background:#ffffff18}.hero-note{color:#a8abbc}.hero-coordinate{margin-top:77px;display:flex;align-items:center;gap:15px;color:#7a85ac;font-size:10px;letter-spacing:.13em;line-height:1.9}.hero-coordinate strong{color:#bdc4e5;font-weight:700}.coord-orbit{border:1px solid #7e7bc26b;border-radius:50%;height:49px;width:49px;display:grid;place-items:center;font-size:21px;color:#9edce5}.cosmic-stage{height:min(690px,73vh);min-height:500px;background:none;isolation:isolate;perspective:1000px}.cosmic-stage:before{width:77%;height:77%;background:radial-gradient(circle,#6d61eb80,#4780cd35 44%,transparent 72%);filter:blur(55px);opacity:.72;animation:aurora 15s ease-in-out infinite}@keyframes aurora{50%{transform:scale(1.2) rotate(30deg);opacity:.44}}.cosmic-orbit{position:absolute;border:1px solid #a7a8ff52;border-radius:50%;width:88%;aspect-ratio:1;transform:rotate(-20deg);box-shadow:inset 0 0 45px #a5a5ff11}.cosmic-orbit-two{width:66%;border-style:dashed;border-color:#7bcce954;animation:orbitspin 45s linear infinite}@keyframes orbitspin{to{transform:rotate(340deg)}}.cosmic-aura{position:absolute;width:55%;height:70%;border-radius:50%;background:radial-gradient(ellipse,#9da1ff38,transparent 65%);filter:blur(20px)}.cosmic-symbol{position:absolute;font-size:38px;color:#aeefff;filter:drop-shadow(0 0 18px #8ee9f4);animation:float 6s ease-in-out infinite}.symbol-one{top:7%;left:22%;font-size:62px}.symbol-two{right:2%;top:24%;animation-delay:-3s}.symbol-three{right:8%;bottom:12%;font-size:45px;animation-delay:-2s}.portal-frame{position:absolute;top:10%;right:17%;bottom:11%;left:17%;border-radius:48% 48% 8% 8%;border:3px solid #a8bfff88;background:linear-gradient(145deg,#5551bc33,#17184892 50%,#8c71e03c);box-shadow:inset 0 0 50px #b8adff33,0 0 45px #937de566,0 0 110px #705ddd2a;overflow:hidden;transform:translate3d(calc(var(--mx)*-.45),calc(var(--my)*-.5),0);transition:transform .15s}.portal-frame:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:45% 45% 7% 7%;border:1px solid #d7d8ff77}.portal-core{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:49% 49% 5% 5%;background:radial-gradient(ellipse at 50% 40%,#b3a7ff77,#514e9e9c 38%,#1e2456 72%);filter:blur(3px);animation:portalglow 7s ease-in-out infinite}@keyframes portalglow{50%{filter:blur(10px) brightness(1.55)}}.portal-moon{position:absolute;left:50%;top:15%;transform:translate(-50%);font-size:95px;color:#e0edff;text-shadow:0 0 40px #b2c9ff}.portal-spires{position:absolute;bottom:0;left:0;right:0;height:46%;display:flex;justify-content:space-around;align-items:end;opacity:.78}.portal-spires i{width:19%;height:80%;background:linear-gradient(#131833,#090e27);clip-path:polygon(0 20%,50% 0,100% 20%,100% 100%,0 100%)}.portal-spires i:nth-child(2),.portal-spires i:nth-child(4){height:58%}.portal-spires i:nth-child(3){height:100%}.portal-reflection{position:absolute;bottom:0;height:5px;background:#b6adff;box-shadow:0 0 50px 15px #a6a1ff88;width:100%}.cosmic-stage .hero-book{width:210px;height:147px;position:absolute;bottom:11%;right:-2%;z-index:3;transform:perspective(800px) rotate(-19deg) rotateY(calc(var(--mx)*.35)) translate(calc(var(--mx)*.7),calc(var(--my)*.7));filter:drop-shadow(0 22px 25px #03050bd9)}.cosmic-stage .cover-speck{font-size:50px;top:23px;left:28px}.cosmic-stage .book-sun,.cosmic-stage .book-mountain{font-size:65px}.cosmic-stage .hero-pill{background:#0d1336d9;color:#d8d7ff;border:1px solid #b0a7ef61;box-shadow:0 10px 40px #02031288;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.cosmic-stage .pill-top{top:12%;left:3%;font-size:11px}.cosmic-stage .pill-bottom{right:0;bottom:1%;display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.1em}.pill-bottom span{color:#98eaf4}.cinematic-hero .wolferine-mascot{left:-4%;bottom:7%;z-index:9;animation:mascot-bob 5s ease-in-out infinite}.cinematic-hero .wolferine-portrait{border-color:#a6aaf4;box-shadow:0 0 0 2px #838bdb,0 0 45px #9e92f478}.cinematic-hero .wolferine-caption{background:#121735;color:#e9e9ff;border-color:#b2a4ff}.hero-scroll-hint{position:absolute;bottom:25px;left:50%;transform:translate(-50%);color:#8b90b6;font-size:10px;letter-spacing:.24em;display:flex;align-items:center;gap:12px}.scroll-line{display:inline-block;width:39px;height:1px;background:#8b90b6}.world-intro{padding:110px max(7vw,25px);background:#0c1024;display:flex;justify-content:space-between;align-items:center;position:relative;border-top:1px solid #777eae18}.world-intro-copy h2{font-size:clamp(36px,5vw,75px);line-height:1.07;margin:16px 0;color:#f5f4ff}.world-intro-copy h2 em,.character-feature h2 em{font-style:normal;color:#a9a2ff}.world-intro-copy p{max-width:520px;color:#adafcb}.world-intro-mark{font-size:180px;color:#5750a12b;line-height:1}.world-portal{background:#0c1024;padding:0 clamp(24px,7vw,120px) 125px}.world-portal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.world-side-note{font-size:10px;color:#8088b4;letter-spacing:.17em}.portal-tile{position:relative;border:1px solid #8187d557;background:#111931;width:100%;min-height:480px;overflow:hidden;border-radius:26px;text-align:left;padding:65px;color:#fff;isolation:isolate;box-shadow:0 20px 80px #01041250;transition:transform .5s,box-shadow .5s}.portal-tile:hover{transform:translateY(-7px);box-shadow:0 35px 100px #8179d13b}.portal-night{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 78% 37%,#b8b5ff95 0,#777ad03a 12%,transparent 33%),radial-gradient(ellipse at 80% 100%,#4d487b 0,transparent 50%),linear-gradient(130deg,#101629,#202343);z-index:-1}.portal-night:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#ffffff72 1px,transparent 1px);background-size:47px 47px;opacity:.18}.portal-castle{position:absolute;right:5%;bottom:-110px;color:#10152a;text-shadow:0 0 60px #b6b3ff44;font-size:470px;line-height:1;transform:scaleX(1.35);transition:transform .6s ease}.portal-tile:hover .portal-castle{transform:scaleX(1.35) translateY(-25px)}.portal-tile-copy{position:relative;z-index:2;max-width:520px}.portal-tile h2{font-size:clamp(55px,6.6vw,105px);line-height:.94;margin:18px 0 25px;letter-spacing:-.085em}.portal-tile h2 span{color:#a3e3ff}.portal-tile p{color:#bac2df;max-width:420px;font-size:15px}.portal-link{display:inline-flex;gap:10px;align-items:center;margin-top:35px;font-weight:800;font-size:14px;color:#c0caff}.portal-ring{position:absolute;right:8%;top:9%;height:360px;width:360px;border-radius:50%;border:1px solid #b2c6ff58;box-shadow:0 0 100px #b8b0ff35;pointer-events:none}.marquee{background:#8373d4;transform:none;box-shadow:0 0 70px #7f64da1c}.section{max-width:1500px;padding-top:120px;padding-bottom:130px}.section h2{color:#f4f3ff}.section-header p,.inner-page>p{color:#a8acc4}.text-link{color:#ac9af9}.story-card{background:#171a32;border:1px solid #a6a2ea34;box-shadow:0 20px 60px #01030c60}.story-card:hover{box-shadow:0 25px 60px #8981d154}.card-info h3{color:#f5f3ff}.card-info p{color:#a9acc9}.card-info button{background:#9f8bef24;color:#c1b1ff}.card-art.castle{background:linear-gradient(160deg,#101432,#41367b 70%,#a17ab9)}.card-art.pastel{background:linear-gradient(160deg,#2b2755,#6d4d87 80%,#ae7895)}.pastel .cover-title{color:#e2d6ff}.duo-section{max-width:1500px}.duo-card{background:#181d37;border:1px solid #7776b151;min-height:410px;box-shadow:0 22px 60px #02030b33}.duo-purple{background:radial-gradient(circle at 95% 85%,#55529b44,transparent 50%),#181e39}.duo-peach{background:radial-gradient(circle at 90% 90%,#8d5a8444,transparent 50%),#211b35}.duo-card h2{color:#f4f2ff}.duo-card p{color:#afb2c8}.duo-card button{color:#b6b1ff}.duo-icon{background:#a8a1ff1b;color:#c8beff}.duo-shape{color:#a69aff18}.character-feature{max-width:1360px;margin:0 auto 110px;padding:85px clamp(30px,7vw,110px);border:1px solid #8586e84d;border-radius:35px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden;background:radial-gradient(circle at 85% 45%,#5c63a85b,transparent 35%),linear-gradient(110deg,#191c3e,#10152b)}.character-feature h2{font-size:clamp(45px,5vw,72px);margin:16px 0;line-height:1.01}.character-feature p{color:#b7bad0;max-width:540px;margin-bottom:23px}.character-tag{display:block;font-size:11px;letter-spacing:.13em;color:#9fe6f5;font-weight:800;margin-bottom:25px}.character-orbit{height:300px;width:300px;flex-shrink:0;border:2px solid #b8c5ff4f;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 90px #928eff41,inset 0 0 80px #948dfb2d;animation:orbitspin 35s linear infinite}.character-sigil{font-size:170px;color:#d4dcff;text-shadow:0 0 65px #989fea}.character-spark{position:absolute;right:15%;top:22%;font-size:37px;color:#c1c1ff}.creator{background:#12172c;border-top:1px solid #9091c726}.creator-symbol{color:#a89cff}.creator h2{color:#f4f2ff}.creator p{color:#aeb0cd}.creator-credit{color:#b5a4ff}.inner-page{background:#080b1b}.inner-page h1{color:#f4f2ff}.search{background:#191e36;border-color:#525779;color:#bdbed5}.search input{color:#f4f2ff}.watch-tabs span{background:#252448;color:#c3b4ff}.watch-empty{background:radial-gradient(circle at 50% 30%,#3a3a7a,#171b34 65%);border:1px solid #7871b25d}.watch-play{background:#ffffff1b;color:#d2c7ff}.watch-empty h2,.empty-state h2,.library-item h3{color:#f4f2ff}.watch-empty p,.empty-state p{color:#aeb0ce}.empty-state{background:#1b203a;color:#b8a2ff}.library-item,.video-card{background:#171b35}.video-card button{background:#34305d;color:#e4d9ff}.video-card p{color:#aeb0ce}.footer{background:#080a17;border-top:1px solid #ffffff23}.footer-logo{color:#f5f2ff}@media(max-width:900px){.cinematic-hero{padding:55px 28px 80px;min-height:auto;grid-template-columns:1fr}.hero-art{order:0}.cinematic-hero .hero-text{text-align:center}.hero-coordinate{justify-content:center;margin-top:40px}.cosmic-stage{height:550px;min-height:430px;max-width:650px;width:100%;margin:auto}.world-intro{padding:85px 30px}.world-intro-mark{font-size:115px}.portal-tile{padding:50px;min-height:440px}.portal-castle{right:-9%;font-size:380px}.character-feature{margin:0 25px 90px;padding:55px}.character-orbit{width:200px;height:200px}.character-sigil{font-size:115px}}@media(max-width:600px){.header{background:#090c1af5}.cinematic-hero{padding:56px 23px 70px}.cinematic-hero h1{font-size:clamp(51px,12vw,73px)}.cinematic-hero p{font-size:15px}.hero-kicker{font-size:9px}.hero-actions{justify-content:center}.cosmic-stage{height:355px;min-height:330px}.cosmic-stage .hero-book{width:140px;height:98px;right:2%;bottom:8%}.cosmic-stage .cover-speck{font-size:35px;left:14px;top:10px}.cosmic-stage .book-sun,.cosmic-stage .book-mountain{font-size:40px}.portal-moon{font-size:55px}.cosmic-stage .pill-top{top:5%;font-size:9px;left:0}.cosmic-stage .pill-bottom{bottom:0;font-size:9px}.cinematic-hero .wolferine-mascot{left:0;bottom:1%}.hero-scroll-hint{bottom:13px;font-size:8px}.world-intro{padding:75px 24px}.world-intro-mark{display:none}.world-portal{padding:0 20px 80px}.world-side-note{display:none}.portal-tile{padding:35px 25px;min-height:390px}.portal-tile h2{font-size:58px}.portal-tile p{max-width:235px;font-size:13px}.portal-castle{font-size:290px;right:-21%;bottom:-55px;opacity:.7}.portal-ring{height:235px;width:235px;right:-30%;top:20%}.section{padding-top:80px}.character-feature{margin:0 20px 70px;padding:45px 25px;min-height:480px;display:block}.character-feature h2{font-size:48px}.character-orbit{position:absolute;right:-85px;bottom:-90px;opacity:.4}.creator{background:#12172c}}@media(prefers-reduced-motion:reduce){.cosmic-stage:before,.cosmic-orbit-two,.portal-core,.hero-stars i,.character-orbit{animation:none}}.wolferine-portrait{background-image:url(/images/wolferine-character-sheet.png);background-repeat:no-repeat;background-size:293% auto;background-position:right top;background-color:#1a213e}.wolferine-mascot .wolferine-eye-left{left:35%;top:54%}.wolferine-mascot .wolferine-eye-right{left:73%;top:32%}.wolferine-mascot .wolferine-eye-tracking{opacity:.7;mix-blend-mode:screen;transform:translate(calc(var(--eye-x,0px)*.27),calc(var(--eye-y,0px)*.27))}@media(prefers-reduced-motion:reduce){.wolferine-mascot .wolferine-eye-tracking{transform:none}}
