:root{--bg:#090a0b;--paper:#e8e1d8;--muted:#8d8984;--line:#292a2c;--red:#ad2834;--serif:Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.2em}.brand img{width:48px;height:34px;object-fit:cover;object-position:left}nav{display:flex;gap:35px;text-transform:uppercase;font-size:10px;letter-spacing:.15em;color:#aaa}#hamb{display:none;background:none;border:0;color:#fff;font-size:22px}.hero{min-height:100vh;padding:140px 8vw 90px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;background:radial-gradient(circle at 77% 45%,#351218,#100d0e 31%,#090a0b 62%)}.cap{font-size:10px;letter-spacing:.28em;color:#9c9790;text-transform:uppercase}.hero h1,.manifest h2,.catalog>h2,.world h2,.author h2,.shops h2,.details h2{font:400 clamp(52px,6.7vw,100px)/.94 var(--serif);letter-spacing:-.045em;margin:22px 0}.hero h1 em,h2 i{color:#9c9790;font-weight:400}.lead{max-width:620px;color:#aaa;line-height:1.8;font-size:17px}.cta{display:inline-flex;justify-content:space-between;gap:28px;min-width:205px;margin-top:28px;padding:18px 22px;border:0;background:#eee7dc;color:#111;text-transform:uppercase;font-weight:bold;font-size:10px;letter-spacing:.13em;cursor:pointer}.cta span{color:var(--red)}.orb{width:min(34vw,470px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font:100px var(--serif);background:radial-gradient(circle,#7c202a,#280d12 33%,#0d0b0c 68%);box-shadow:0 0 130px #8b1e2e45;border:1px solid #ffffff1c}.manifest{padding:130px 8vw;display:grid;grid-template-columns:.3fr 1.2fr .5fr;gap:6vw;border-block:1px solid var(--line)}.manifest h2{font-size:clamp(42px,5vw,76px);margin-top:0}.manifest p{color:#999;line-height:1.8}.manifest aside{align-self:end;color:#777;line-height:3;border-top:1px solid var(--line)}.manifest aside b{font:30px var(--serif);color:#ddd;margin-right:10px}.catalog{padding:125px 7vw}.catalog>h2,.shops h2{font-size:clamp(48px,6vw,82px)}.filters{display:flex;gap:7px;margin:35px 0}.filters button{padding:10px 16px;border:1px solid var(--line);background:none;color:#777;text-transform:uppercase;font-size:9px;letter-spacing:.13em;cursor:pointer}.filters .active{background:#e9e2d8;color:#111}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 22px}.grid article{cursor:pointer}.cover{aspect-ratio:.69;padding:26px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 24px 50px #0008;transition:.3s;background:radial-gradient(circle at 70% 25%,#84303a,#260d12 55%,#0c0b0c)}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#fff1,transparent 35%,#0008)}.cover span{position:absolute;right:-10px;top:12%;font:170px var(--serif);opacity:.15}.cover h3{z-index:1;font:400 clamp(25px,2.7vw,43px)/.96 var(--serif);margin:auto 0 25px}.cover small{font-size:8px;letter-spacing:.2em;z-index:1}.grid article:hover .cover{transform:translateY(-8px)}.grid article>p{font-size:9px;letter-spacing:.13em;color:#777;text-transform:uppercase;margin-top:18px}.grid article>h3{font:22px var(--serif);margin:8px 0 18px}.grid article>button{background:none;border:0;border-bottom:1px solid #444;color:#aaa;text-transform:uppercase;font-size:9px;letter-spacing:.12em;padding:0 0 8px}.spokoj{background:radial-gradient(circle at 70% 25%,#586775,#16202a 55%,#0b0d0f)}.sangariel{background:radial-gradient(circle at 70% 25%,#9c98ab,#312c41 40%,#11101a)}.bogowie{background:radial-gradient(circle at 65% 25%,#a7662c,#3b1e0c 48%,#100c08)}.doleczek{background:radial-gradient(circle at 65% 25%,#81506e,#2c1325 50%,#0e0a0e)}.sila{background:radial-gradient(circle at 65% 25%,#a28a58,#392f1c 50%,#0e0c09)}.world{min-height:750px;padding:110px 9vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;background:linear-gradient(90deg,#0b0d14,#191626,#090a0b)}.world h2{font-size:clamp(58px,7vw,100px)}.world>div>p:not(.cap){color:#aaa;line-height:1.8;max-width:560px}.moon{font-size:35px}.rings{height:580px;position:relative}.rings i{position:absolute;inset:5%;border:1px solid #b7acc72a;border-radius:50%}.rings i:nth-child(2){inset:20%}.rings i:nth-child(3){inset:35%;background:radial-gradient(circle,#b0a4c733,transparent)}.rings b{position:absolute;top:49%;font-size:9px;letter-spacing:.2em;color:#74707b}.rings b:last-child{right:0}.author{padding:135px 9vw;display:grid;grid-template-columns:.8fr 1.1fr;gap:9vw;align-items:center}.portrait{height:590px;display:grid;place-items:center;background:linear-gradient(145deg,#494039,#111 65%);font:120px var(--serif);clip-path:polygon(0 0,93% 5%,100% 93%,7% 100%)}.author h2{font-size:clamp(52px,6vw,84px)}blockquote{font:24px/1.5 var(--serif);margin:25px 0}.author div>p:not(.cap){color:#999;line-height:1.8}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{border:1px solid var(--line);padding:9px 12px;color:#777;text-transform:uppercase;font-size:9px}.shops{padding:120px 9vw;background:#e4ddd2;color:#161616}.shops>a{display:grid;grid-template-columns:.5fr 1fr;padding:26px 5px;border-bottom:1px solid #aaa49b}.shops>a:first-of-type{border-top:1px solid #aaa49b}.shops a b{font:23px var(--serif)}.shops a span{font-size:10px;letter-spacing:.12em;text-transform:uppercase}footer{padding:75px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:15px;color:#777}footer img{width:250px}footer a{text-align:right}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px}.back{display:none;position:fixed;inset:0;z-index:50;background:#000d;place-items:center;padding:22px;backdrop-filter:blur(10px)}.back.open{display:grid}.modal{position:relative;width:min(1000px,96vw);max-height:92vh;overflow:auto;background:#111214;display:grid;grid-template-columns:.7fr 1.3fr;border:1px solid #333}.modal>.cover{height:100%;min-height:640px}.close{position:absolute;z-index:3;right:17px;top:10px;background:none;border:0;color:#aaa;font-size:30px;cursor:pointer}.details{padding:55px}.details h2{font-size:48px}.details>p:not(.cap){color:#aaa;line-height:1.75}.meta{display:flex;gap:40px;border-block:1px solid var(--line);padding:18px 0;margin:24px 0}.meta b{font:22px var(--serif)}.meta small{display:block;color:#666;font:9px Arial;text-transform:uppercase}.details aside{border-left:2px solid var(--red);background:#191a1c;padding:18px 20px}.details aside strong{font-size:9px;letter-spacing:.18em;color:#d65}.details aside p{color:#999;font-size:13px;line-height:1.6}
@media(max-width:850px){#hamb{display:block}nav{display:none;position:absolute;top:80px;left:0;right:0;background:#0b0c0d;padding:30px;flex-direction:column}nav.show{display:flex}.hero{grid-template-columns:1fr}.orb{position:absolute;right:-25%;opacity:.4;width:70vw}.manifest{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.world{grid-template-columns:1fr}.rings{display:none}.author{grid-template-columns:1fr}.portrait{height:400px}.modal{grid-template-columns:1fr}.modal>.cover{display:none}}@media(max-width:550px){.hero,.manifest,.catalog,.world,.author,.shops{padding-inline:6vw}.hero h1{font-size:50px}.grid{grid-template-columns:1fr}.filters{overflow:auto}.author .portrait{display:none}.shops>a{grid-template-columns:1fr;gap:8px}footer{grid-template-columns:1fr}footer a{text-align:left}.details{padding:50px 24px}.details h2{font-size:35px}}
/*
Theme Name: Wydawnictwo Erxos
Theme URI: https://erxos.com
Author: Wydawnictwo Erxos
Author URI: https://erxos.com
Description: Autorski, responsywny motyw WordPress dla Wydawnictwa Erxos. Zawiera interaktywny katalog książek, blurby, światy literackie oraz sekcje autorek i autorów.
Version: 1.4.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: erxos
License: Proprietary
*/