:root{--bg:#101517;--panel:#171e20;--text:#eeeae0;--muted:#b8bcb5;--gold:#d4b982;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 system-ui,sans-serif}a{color:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.skip{position:absolute;top:-60px;background:var(--gold);color:#111;padding:10px;z-index:10}.skip:focus{top:0}header,main>section,footer,.theme-strip{padding-left:max(6vw,24px);padding-right:max(6vw,24px)}header{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font:17px/1.5 Georgia,serif;letter-spacing:3px}.brand span{display:block;font:9px/2 system-ui;letter-spacing:3px;color:var(--gold)}nav{display:flex;gap:30px;font-size:13px}nav a{text-decoration:none;color:var(--muted)}nav a:hover,.textlink:hover{color:var(--gold)}.hero{min-height:680px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;padding-top:70px;padding-bottom:65px;overflow:hidden;background:radial-gradient(ellipse at 75% 48%,#26363d66,transparent 55%)}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:600;color:var(--gold);margin:0 0 22px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.12;margin:0}h1{font-size:clamp(48px,5.3vw,82px);letter-spacing:-2px}h1 em{color:var(--gold);font-weight:400}h2{font-size:clamp(32px,3vw,46px);letter-spacing:-.7px}h3{font-size:28px}.intro{font-size:17px;max-width:470px;color:var(--muted);margin:27px 0}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px}.button{background:var(--gold);color:#161a1b;padding:14px 23px;display:inline-flex;gap:28px;text-decoration:none;font-size:13px;font-weight:600}.button:hover{background:#ead5a8}.textlink{font-size:13px;text-underline-offset:7px}.small{font-size:11px;color:#969f9e;margin-top:18px}.hero-art{position:relative;min-height:510px;display:flex;align-items:center;justify-content:center}.hero-art img{position:absolute;width:52%;max-height:440px;object-fit:contain;box-shadow:15px 25px 35px #0009}.front-cover{transform:rotate(-7deg);left:9%;top:25px}.back-cover{transform:rotate(10deg);right:1%;top:70px;filter:brightness(.8)}.halo{position:absolute;width:90%;aspect-ratio:1;border:1px solid #d4b98220;border-radius:50%}.art-caption{position:absolute;bottom:0;font-size:9px;letter-spacing:2px;color:var(--muted)}.theme-strip{display:flex;justify-content:space-around;padding-top:22px;padding-bottom:22px;border-block:1px solid var(--line);color:var(--gold);font:italic 19px Georgia}.section{padding-top:95px;padding-bottom:95px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.section-heading>p{max-width:370px;font-size:14px;color:var(--muted);margin:0}.books{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.cover-wrap{height:380px;display:flex;justify-content:center;align-items:center;margin-bottom:28px;overflow:hidden}.cover-wrap img{height:85%;max-width:80%;object-fit:contain;box-shadow:12px 15px 25px #0008;transition:transform .3s}.cover-wrap:hover img{transform:translateY(-6px)}.blue{background:radial-gradient(ellipse,#314457,#192128)}.red{background:radial-gradient(ellipse,#502c2d,#261b1c)}.green{background:radial-gradient(ellipse,#2b4736,#19221c)}.book .eyebrow{margin-bottom:12px}.book>p:not(.eyebrow){color:var(--muted);font-size:14px;min-height:100px}.book-link{display:block;padding-top:16px;border-top:1px solid var(--line);font-size:12px;text-decoration:none;color:var(--gold)}.world{background:#141c1e}.atlas{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(250px,1fr);border:1px solid var(--line)}.map-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:9px;letter-spacing:2px;background:#0e1517}.map-toolbar button{background:transparent;border:1px solid #ffffff30;color:var(--text);height:32px;min-width:32px;cursor:pointer;letter-spacing:0}.map-viewport{width:100%;height:430px;overflow:auto;background:#244456}.map-viewport img{display:block;width:100%;min-width:100%;height:auto;max-width:none}.map-note{font-size:10px;color:var(--muted);padding:0 15px}.place-panel{padding:28px;border-left:1px solid var(--line)}.place-tabs{display:flex;flex-wrap:wrap;gap:7px}.place-tabs button{font:11px system-ui;background:transparent;color:var(--muted);border:1px solid #ffffff25;padding:9px 11px;cursor:pointer}.place-tabs button[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#d4b98210}#place-detail{margin-top:30px}#place-detail h3{font-size:30px}#place-detail p{font-size:14px;color:var(--muted)}#place-detail .eyebrow{font-size:9px;color:var(--gold)}.extras{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:center}.extras>div>p:not(.eyebrow){max-width:480px;color:var(--muted)}.extra-illustration{border:1px solid #d4b98250;outline:1px solid #d4b98225;outline-offset:-10px;background:linear-gradient(#101517bb,#101517dd),url('assets/vrania-map.png') center/cover;text-align:center;padding:40px 20px;min-height:320px;display:flex;flex-direction:column;justify-content:center}.extra-illustration p{font:19px/1.6 Georgia;margin:15px auto!important;color:var(--text)!important;letter-spacing:2px}.extra-illustration em{font-size:36px;letter-spacing:0}.extra-illustration>span:last-child{font-size:8px;letter-spacing:3px;color:var(--gold)}.compass{font-size:52px;line-height:1;color:var(--gold)}.author{display:grid;grid-template-columns:1fr 1.4fr;gap:10%;border-top:1px solid var(--line)}.author p{color:var(--muted);font-size:14px}.author .author-lead{font:26px/1.5 Georgia;color:var(--text);margin-top:0}footer{border-top:1px solid var(--line);padding-top:35px;padding-bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p,footer>a:last-child{font-size:10px;color:var(--muted)}@media(min-width:1550px){header,main>section,footer,.theme-strip{padding-left:calc((100vw - 1350px)/2);padding-right:calc((100vw - 1350px)/2)}}@media(max-width:900px){nav{gap:16px}.hero{gap:0}.hero-art{min-height:420px}.hero-art img{width:60%;max-height:340px}.front-cover{left:0}.hero h1{font-size:54px}.books{gap:20px}.cover-wrap{height:300px}.atlas{grid-template-columns:1fr}.place-panel{border-left:0;border-top:1px solid var(--line)}.map-viewport{height:360px}.section-heading{align-items:start;flex-direction:column;gap:20px}.section-heading>p{max-width:600px}}@media(max-width:600px){header{flex-direction:column;align-items:flex-start;padding-top:22px;padding-bottom:18px;gap:16px}nav{width:100%;justify-content:space-between;font-size:11px;gap:8px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:35px}.hero h1{font-size:58px}.hero-art{min-height:420px;margin-top:35px}.hero-art img{width:52%;max-height:340px}.front-cover{left:8%}.back-cover{right:5%}.intro{font-size:15px}.theme-strip{font-size:12px;gap:12px;text-align:center}.section{padding-top:55px;padding-bottom:55px}.books{grid-template-columns:1fr;gap:45px}.cover-wrap{height:360px}.book>p:not(.eyebrow){min-height:0}.extras,.author{grid-template-columns:1fr;gap:35px}.map-viewport{height:260px}.map-toolbar{letter-spacing:1px}.map-note{line-height:1.6}footer{flex-direction:column;align-items:flex-start;gap:12px}.art-caption{font-size:8px}.actions{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.story-preview{border-top:1px solid var(--line);background:radial-gradient(ellipse at 20% 50%,#28333866,transparent 65%)}.preview-cover{max-width:320px;min-height:435px;margin:auto;width:100%;border:1px solid #b59a64;outline:1px solid #b59a6440;outline-offset:9px;background:#101719;box-shadow:20px 25px 40px #0005;padding:40px 25px;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.preview-cover>span{font-size:9px;color:var(--gold);letter-spacing:4px}.preview-cover h2{font-size:35px;line-height:1.3}.preview-cover h2 em{color:var(--gold)}.preview-cover p{font-size:11px;letter-spacing:4px}.preview-cover small{font:17px Georgia;letter-spacing:2px}.preview-note{font-size:12px;border-left:2px solid var(--gold);padding-left:15px}