@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Prata&display=swap');
@import url('./design-system.css');
body.home-page .volume-info>a:not([hidden]){display:inline-flex;min-height:52px;padding:.9rem 1.7rem;align-items:center;justify-content:center;border:1px solid #f4dbab;border-radius:3px;color:#17110b!important;background:linear-gradient(135deg,#f3dbad,#cba466);box-shadow:0 12px 32px #0008,0 0 28px #e4ba7140;font-size:.79rem;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}body.home-page .volume-info>a:hover,body.home-page .volume-info>a:focus-visible{transform:translateY(-3px);background:#f8e5bf;box-shadow:0 16px 40px #000a,0 0 38px #e4ba7170;outline:2px solid #f8e5bf;outline-offset:3px}
:root{color-scheme:dark;--ink:#f3eee5;--muted:#aaa297;--gold:#c8a876;--light:#ead7b2;--bg:#090808;--panel:#100e0d;--line:rgba(234,215,178,.18);--serif:"Prata",Georgia,serif;--sans:"Manrope",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.home-page{margin:0;min-width:320px;overflow-x:hidden;color:var(--ink);background:var(--bg);font:16px/1.65 var(--sans)}body.home-page.menu-open{overflow:hidden}body.home-page a{color:inherit}img{display:block;max-width:100%}.skip-link{position:fixed;z-index:300;top:1rem;left:1rem;padding:.7rem 1rem;color:#080707!important;background:var(--light);transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{position:fixed;inset:0 0 auto;z-index:100;border-bottom:1px solid transparent;background:linear-gradient(#050505aa,transparent);transition:.35s}.site-header.scrolled,.site-header.open{border-color:var(--line);background:#090808e9;box-shadow:0 15px 50px #0005;backdrop-filter:blur(18px)}.header-inner{display:flex;width:min(1440px,calc(100% - 64px));min-height:84px;margin:auto;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:.9rem;font:400 .92rem var(--serif);letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid #ead7b277;color:var(--light);font-size:.5rem;transform:rotate(45deg)}.brand-mark::first-line{transform:rotate(-45deg)}.site-nav{display:flex;align-items:center;gap:clamp(1rem,2vw,2.2rem)}.site-nav a{position:relative;padding:.7rem 0;color:#f3eee5bf!important;font-size:.72rem;font-weight:600;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}.site-nav a::after{position:absolute;right:0;bottom:.3rem;left:0;height:1px;content:"";background:var(--gold);transform:scaleX(0);transition:.2s}.site-nav a:hover,.site-nav a.active{color:var(--ink)!important}.site-nav a:hover::after,.site-nav a.active::after{transform:scaleX(1)}.menu-toggle{display:none}
.hero{position:relative;display:grid;min-height:100svh;overflow:hidden;align-items:end;isolation:isolate;background:url("images/paladin_vs_dokain.jpg") center/cover no-repeat}.hero::before{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(90deg,#040404d9 0%,#04040466 50%,#04040433),linear-gradient(0deg,var(--bg),transparent 38%,#0003)}.hero-content{width:min(1440px,calc(100% - 64px));margin:auto;padding:11rem 0 clamp(7rem,14vh,11rem)}.eyebrow{margin:0 0 1.2rem;color:var(--gold);font-size:.7rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase}.hero h1{max-width:950px;margin:0;font:400 clamp(4rem,9vw,9.2rem)/.9 var(--serif);letter-spacing:-.045em;text-transform:uppercase;text-shadow:0 16px 70px #000a}.hero-lead{max-width:690px;margin:2.3rem 0 0;color:#f3eee5c7;font-size:clamp(1rem,1.35vw,1.18rem)}.actions{display:flex;margin-top:2.3rem;align-items:center;gap:1rem;flex-wrap:wrap}.button{display:inline-flex;min-width:170px;min-height:52px;padding:.8rem 1.5rem;align-items:center;justify-content:center;border:1px solid transparent;font-size:.75rem;font-weight:600;letter-spacing:.11em;text-decoration:none;text-transform:uppercase;transition:.25s}.button:hover{transform:translateY(-2px)}.button.primary{color:#090808!important;background:var(--light)}.button.primary:hover{background:#f7e8cb}.button.secondary{border-color:#f3eee566;background:#08080833;backdrop-filter:blur(8px)}.button.secondary:hover{border-color:var(--gold);background:#08080899}.scroll-cue{position:absolute;right:3rem;bottom:3rem;display:flex;align-items:center;gap:1rem;color:#f3eee58c!important;font-size:.64rem;letter-spacing:.17em;text-decoration:none;text-transform:uppercase;writing-mode:vertical-rl}.scroll-cue i{width:1px;height:64px;background:linear-gradient(var(--gold),transparent)}
.volumes{position:relative;min-height:100svh;padding:clamp(7rem,11vw,11rem) 0;overflow:hidden;background:radial-gradient(circle at 50% 47%,#86512d26,transparent 31%),linear-gradient(var(--bg),#0e0c0b 48%,var(--bg))}.volumes::before{position:absolute;top:22%;left:50%;width:min(800px,78vw);aspect-ratio:1;border:1px solid #c8a87614;border-radius:50%;content:"";transform:translateX(-50%);box-shadow:0 0 0 90px #c8a87608,0 0 0 180px #c8a87605}.section-heading{position:relative;z-index:2;width:min(720px,calc(100% - 40px));margin:0 auto 3rem;text-align:center}.section-heading h2,.reading h2{margin:0;font:400 clamp(2.5rem,5vw,5rem)/1.08 var(--serif)}.section-heading>p:last-child{max-width:560px;margin:1.2rem auto 0;color:var(--muted)}
.carousel{position:relative;width:min(1320px,100%);height:clamp(390px,48vw,590px);margin:auto;outline:none;touch-action:pan-y}.carousel:focus-visible{outline:1px solid var(--gold);outline-offset:8px}.carousel-viewport{position:absolute;inset:0 70px;overflow:visible;perspective:1500px}.carousel-track{position:relative;width:100%;height:100%;cursor:grab;transform-style:preserve-3d}.carousel-track.dragging{cursor:grabbing}.volume-card{--offset:0;position:absolute;top:50%;left:50%;width:clamp(220px,24vw,340px);aspect-ratio:.69;opacity:0;pointer-events:none;filter:brightness(.42) saturate(.65);transform:translate(-50%,-50%) translateX(calc(var(--offset)*min(29vw,390px))) translateZ(-520px) rotateY(calc(var(--offset)*-34deg)) scale(.68);transition:transform .65s cubic-bezier(.2,.7,.15,1),opacity .5s,filter .5s;will-change:transform}.volume-card[data-distance="0"]{z-index:5;opacity:1;pointer-events:auto;filter:none;transform:translate(-50%,-50%) translateZ(80px)}.volume-card[data-distance="1"]{z-index:3;opacity:.76;pointer-events:auto;transform:translate(-50%,-50%) translateX(calc(var(--offset)*min(29vw,390px))) translateZ(-210px) rotateY(calc(var(--offset)*-34deg)) scale(.8)}.volume-card[data-distance="2"]{z-index:1;opacity:.12;transform:translate(-50%,-50%) translateX(calc(var(--offset)*min(38vw,520px))) translateZ(-420px) rotateY(calc(var(--offset)*-38deg)) scale(.68)}.volume-card button{width:100%;height:100%;padding:0;overflow:hidden;border:1px solid #ead7b238;border-radius:2px;background:#151210;box-shadow:0 40px 90px #000c;cursor:pointer}.volume-card[data-distance="0"] button{box-shadow:0 45px 105px #000d,0 0 0 1px #ead7b226}.volume-card img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.arrow{position:absolute;top:50%;z-index:10;display:grid;width:56px;height:56px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:#0c0b0ac7;font-size:1.2rem;cursor:pointer;transform:translateY(-50%);transition:.2s}.arrow:hover:not(:disabled){color:#090808;border-color:var(--light);background:var(--light)}.arrow:disabled{opacity:.2;cursor:not-allowed}.arrow.prev{left:1rem}.arrow.next{right:1rem}.volume-info{position:relative;z-index:2;width:min(720px,calc(100% - 40px));margin:2.5rem auto 0;text-align:center}.volume-info>p{margin:0 0 .5rem;color:var(--gold);font-size:.7rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.volume-info h3{min-height:1.3em;margin:0;font:400 clamp(1.7rem,3vw,2.8rem) var(--serif)}.volume-meta{display:flex;margin-top:.9rem;justify-content:center;gap:1rem;color:var(--muted);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.volume-meta span+span::before{content:"·";margin-right:1rem;color:var(--gold)}.volume-info>a{display:inline-block;margin-top:1.4rem;color:var(--light)!important;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.volume-info>a[hidden]{display:none}
.reading{display:grid;min-height:720px;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);background:#0c0b0a}.reading-image{min-height:620px;background:linear-gradient(90deg,transparent 62%,#0c0b0a),url("images/tome_1_tob_back.jpg") center/cover no-repeat;filter:sepia(.12) contrast(1.05)}.reading-content{display:flex;max-width:680px;padding:clamp(4rem,8vw,9rem) clamp(2rem,7vw,7rem);flex-direction:column;justify-content:center}.reading-content>p:not(.eyebrow){margin:1.7rem 0 0;color:var(--muted);font-size:1.04rem}.text-link{color:var(--light)!important;font-size:.74rem;font-weight:600;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.site-footer{padding:5rem max(32px,calc((100vw - 1440px)/2)) 1.5rem;border-top:1px solid var(--line);background:#070606}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:clamp(2rem,5vw,6rem)}.footer-intro p{max-width:420px;margin:1.5rem 0 0;color:var(--muted);font-size:.88rem}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:.62rem}.footer-grid h2{margin:0 0 .55rem;color:var(--gold);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase}.footer-grid>div:not(:first-child) a{color:var(--muted)!important;font-size:.84rem;text-decoration:none}.footer-grid a:hover{color:var(--ink)!important}.footer-bottom{display:flex;margin-top:4rem;padding-top:1.4rem;justify-content:space-between;gap:1rem;border-top:1px solid #ead7b21a;color:#77716a;font-size:.68rem;letter-spacing:.06em}
@media(max-width:980px){.header-inner{width:calc(100% - 40px);min-height:72px}.menu-toggle{display:flex;padding:.7rem 0;align-items:center;gap:.8rem;border:0;color:var(--ink);background:none;font:600 .68rem var(--sans);letter-spacing:.12em;text-transform:uppercase}.menu-toggle i,.menu-toggle i::before,.menu-toggle i::after{display:block;width:25px;height:1px;background:currentColor;transition:.25s}.menu-toggle i{position:relative}.menu-toggle i::before,.menu-toggle i::after{position:absolute;content:""}.menu-toggle i::before{top:-6px}.menu-toggle i::after{top:6px}.open .menu-toggle i{background:transparent}.open .menu-toggle i::before{top:0;transform:rotate(45deg)}.open .menu-toggle i::after{top:0;transform:rotate(-45deg)}.site-nav{position:absolute;top:100%;right:0;left:0;display:grid;max-height:0;padding:0 20px;overflow:hidden;background:#090808f7;opacity:0;transition:.3s}.open .site-nav{max-height:500px;padding:.8rem 20px 1.5rem;border-bottom:1px solid var(--line);opacity:1}.site-nav a{padding:.8rem 0}.hero-content{width:calc(100% - 40px)}.scroll-cue{display:none}.reading{grid-template-columns:1fr}.reading-image{min-height:54vw;background-image:linear-gradient(0deg,#0c0b0a,transparent 45%),url("images/tome_1_tob_back.jpg")}.reading-content{max-width:720px;margin:-2rem auto 0;padding-top:0}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-intro{grid-column:1/-1}}
@media(max-width:680px){.brand>span:last-child,.menu-toggle>span{display:none}.hero{min-height:760px;background-position:46% center}.hero-content{padding-bottom:6rem}.hero h1{font-size:clamp(3.15rem,14vw,4.5rem)}.hero-lead{margin-top:1.7rem;font-size:.94rem}.button{width:100%}.volumes{padding-block:6.5rem}.section-heading{margin-bottom:2rem}.carousel{height:420px}.carousel-viewport{inset-inline:0}.volume-card{width:min(62vw,270px)}.volume-card[data-distance="1"]{opacity:.6;transform:translate(-50%,-50%) translateX(calc(var(--offset)*58vw)) translateZ(-210px) rotateY(calc(var(--offset)*-38deg)) scale(.73)}.volume-card[data-distance="2"]{opacity:0}.arrow{top:auto;bottom:-3.5rem;width:48px;height:48px}.arrow.prev{left:calc(50% - 58px)}.arrow.next{right:calc(50% - 58px)}.volume-info{margin-top:6rem}.volume-meta{flex-direction:column;gap:.15rem}.volume-meta span+span::before{display:none}.reading{min-height:0}.reading-image{min-height:78vw}.reading-content{padding:0 20px 5rem}.site-footer{padding:4rem 20px 1.2rem}.footer-grid{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.hero{background-image:url("images/home-chronicles.jpg");background-position:center}
.volumes{background:linear-gradient(#090808f4,#0e0c0bd9 48%,#090808f4),url("images/home-volume-hall.jpg") center/cover fixed}
.reading-image{background-image:linear-gradient(90deg,transparent 58%,#0c0b0a),url("images/home-reading-finale.jpg");background-position:center;background-size:cover}
@media(max-width:980px){.reading-image{background-image:linear-gradient(0deg,#0c0b0a,transparent 45%),url("images/home-reading-finale.jpg")}}