:root{--pal-bg:#090807;--pal-panel:#12100e;--pal-ink:#eee7da;--pal-muted:#aaa096;--pal-gold:#b69762;--pal-red:#6d211f;--pal-line:rgba(201,174,127,.2)}body.paladins-page{background:var(--pal-bg);color:var(--pal-ink)}
.order-hero{min-height:100svh;position:relative;display:grid;align-items:end;padding:130px max(5vw,28px) 80px;isolation:isolate;background:url('images/paladin_vs_dokain.jpg') 64% center/cover}.hero-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(7,7,7,.98) 0%,rgba(7,7,7,.78) 44%,rgba(7,7,7,.18) 78%),linear-gradient(0deg,#090807 0%,transparent 38%,rgba(0,0,0,.5))}.order-hero .hero-inner{max-width:1300px;width:100%;margin:auto}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:clamp(2.5rem,7vh,5.5rem);color:#a59c91;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.breadcrumbs a{text-decoration:none}.order-hero h1{max-width:930px;margin:0;font:600 clamp(4.6rem,10vw,9.3rem)/.72 var(--serif);letter-spacing:-.055em;text-transform:uppercase}.order-hero h1 em{display:block;color:transparent;-webkit-text-stroke:1px rgba(238,231,218,.72);font-style:normal}.hero-subtitle{margin:2rem 0 .35rem;color:#ded5c6;font:500 clamp(1.4rem,2.6vw,2.15rem)/1.2 var(--serif)}.hero-motto{margin:0;color:var(--pal-gold);font-size:.68rem;letter-spacing:.25em;text-transform:uppercase}.tome-nav{position:sticky;top:76px;z-index:30;border-block:1px solid var(--pal-line);background:rgba(14,12,10,.96);backdrop-filter:blur(12px)}.tome-nav>div{max-width:1180px;margin:auto;display:flex;justify-content:center;overflow-x:auto}.tome-nav a{padding:1rem 1.2rem;color:#9d948b;text-decoration:none;white-space:nowrap;font-size:.69rem;letter-spacing:.1em;text-transform:uppercase}.tome-nav a.active{color:#fff;background:rgba(182,151,98,.1);box-shadow:inset 0 -1px var(--pal-gold)}
.order-intro,.crown-section{width:min(1220px,90vw);margin:auto;padding:130px 0;display:grid;grid-template-columns:.8fr 1.25fr;gap:8vw}.order-intro h2,.faith-section h2,.ranks-section h2,.battle-section h2,.crown-section h2,.representatives-section h2,.return-section h2{margin:.1em 0 .5em;font:600 clamp(3.1rem,6vw,5.7rem)/.9 var(--serif);letter-spacing:-.035em}.prose{color:var(--pal-muted);font-size:.98rem;line-height:1.82}.prose p{margin:0 0 1rem}.lead-prose>p:first-child{color:#ddd4c7;font:500 clamp(1.5rem,2.5vw,2.1rem)/1.42 var(--serif)}
.faith-section{padding:130px max(5vw,28px);display:grid;grid-template-columns:minmax(320px,.78fr) 1.15fr;gap:8vw;align-items:center;background:#100e0c}.faith-section figure{position:relative;margin:0;max-width:560px;border:1px solid var(--pal-line);padding:9px;background:#181512}.faith-section img{width:100%;height:min(70vw,720px);object-fit:cover;object-position:center top;filter:saturate(.55) contrast(1.05)}.faith-section figcaption{padding:12px 5px 4px;color:#8f867c;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}
.ranks-section{padding:130px max(5vw,28px);background:radial-gradient(circle at 78% 25%,rgba(109,33,31,.15),transparent 34%),#0a0908}.ranks-section>header{max-width:850px;margin:0 auto 65px;text-align:center}.ranks-section>header .prose{max-width:720px;margin:auto}.rank-line{max-width:1220px;margin:auto;padding:0;display:grid;grid-template-columns:repeat(5,1fr);list-style:none}.rank-line li{position:relative;min-height:180px;display:grid;place-content:center;text-align:center;border:1px solid var(--pal-line);background:linear-gradient(145deg,#181410,#0e0c0a)}.rank-line li+li{border-left:0}.rank-line li:not(:last-child):after{position:absolute;z-index:2;right:-12px;top:calc(50% - 12px);width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--pal-line);background:#100e0c;color:var(--pal-gold);content:'›';transform:rotate(45deg)}.rank-line li:not(:last-child):after{line-height:18px}.rank-line span{font:600 clamp(2.2rem,4vw,3.5rem) var(--serif);color:#e6ddcf}.rank-line small{color:#8e857b;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase}.rank-line .judge{background:linear-gradient(145deg,rgba(109,33,31,.45),#130e0c);box-shadow:inset 0 0 0 1px rgba(182,151,98,.16)}.rank-line .judge span{color:var(--pal-gold)}
.battle-section{display:grid;grid-template-columns:1fr 1fr;min-height:900px;background:#100d0b}.battle-image{min-height:720px;background:linear-gradient(90deg,transparent 65%,#100d0b),url('images/Paladin_3.png') center top/cover}.battle-copy{align-self:center;padding:120px max(5vw,60px) 120px 7vw}.relic{margin-top:2.5rem;padding:14px;display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:center;border:1px solid var(--pal-line);background:#17120f}.relic img{width:130px;height:150px;object-fit:cover;filter:saturate(.72) contrast(1.05)}.relic span{color:var(--pal-gold);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase}.relic h3{margin:.2rem 0;font:600 2rem var(--serif)}.relic p{margin:.2rem 0 .8rem;color:var(--pal-muted);font-size:.78rem}.relic a{color:#c7aa79;font-size:.7rem;text-decoration:none}
.crown-section{background:linear-gradient(110deg,rgba(109,33,31,.08),transparent 45%)}.crown-section .button{margin-top:1.5rem}.paladins-page .button.secondary{background:transparent;color:#e2d9ca;border-color:var(--pal-line)}
.representatives-section{padding:130px max(5vw,28px);background:#100e0c}.representatives-section>header{max-width:1220px;margin:0 auto 55px}.representatives-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.representatives-grid>a{position:relative;min-height:610px;overflow:hidden;border:1px solid var(--pal-line);background:#17130f;text-decoration:none}.representatives-grid img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.55) brightness(.78);transition:.5s}.representatives-grid>a:hover img{transform:scale(1.035);filter:saturate(.72) brightness(.9)}.representatives-grid>a>div{position:absolute;inset:auto 0 0;padding:110px 28px 28px;background:linear-gradient(transparent,rgba(6,6,6,.98) 62%)}.representatives-grid h3{margin:0;font:600 2.6rem var(--serif)}.representatives-grid p{min-height:3.4em;margin:.5rem 0 1rem;color:#b3aaa0;font-size:.82rem;line-height:1.65}.representatives-grid span{color:var(--pal-gold);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.catalog-link{display:block;max-width:1220px;margin:28px auto 0;color:#c3aa7a;text-align:right}
.return-section{min-height:540px;display:grid;place-items:center;text-align:center;padding:100px 28px;background:linear-gradient(rgba(8,7,6,.78),#090807),url('images/fraki.jpg') center/cover}.return-section>div{max-width:800px}.return-section>div>div{display:flex;justify-content:center;gap:12px}
@media(max-width:1000px){.order-intro,.faith-section,.crown-section,.battle-section{grid-template-columns:1fr}.faith-section figure{width:min(560px,100%);margin:auto}.battle-image{min-height:680px;background:linear-gradient(0deg,#100d0b,transparent 35%),url('images/Paladin_3.png') center top/cover}.battle-copy{padding:90px max(5vw,28px)}.representatives-grid{grid-template-columns:repeat(2,1fr)}.representatives-grid>a:last-child{grid-column:1/-1;width:calc(50% - 9px);justify-self:center}}
@media(max-width:700px){.order-hero{min-height:760px;padding:110px 20px 55px;background-position:70% center}.order-hero h1{font-size:clamp(3.5rem,17vw,5.3rem)}.order-intro,.crown-section{width:calc(100% - 40px);padding:90px 0}.faith-section,.ranks-section,.representatives-section{padding:90px 20px}.faith-section img{height:620px}.rank-line{grid-template-columns:1fr}.rank-line li{min-height:115px}.rank-line li+li{border-left:1px solid var(--pal-line);border-top:0}.rank-line li:not(:last-child):after{right:calc(50% - 11px);top:auto;bottom:-12px}.battle-image{min-height:580px}.battle-copy{padding:80px 20px}.relic{grid-template-columns:95px 1fr}.relic img{width:95px;height:125px}.representatives-grid{grid-template-columns:1fr}.representatives-grid>a,.representatives-grid>a:last-child{width:100%;min-height:540px;grid-column:auto}.return-section>div>div{flex-direction:column}.return-section .button{width:100%}.tome-nav{top:72px}.tome-nav>div{justify-content:flex-start}}
@media(max-width:430px){.order-hero h1{font-size:15vw}.hero-subtitle{font-size:1.35rem}.faith-section img{height:500px}.battle-image{min-height:500px}.relic{grid-template-columns:1fr}.relic img{width:100%;height:180px}.representatives-grid>a{min-height:500px}}
@media(prefers-reduced-motion:reduce){.representatives-grid img{transition:none}}
