:root{--atlas-night:#0b1b24;--atlas-sea:#173b42;--atlas-cream:#f7f2e8;--atlas-paper:#eae0cf;--atlas-copper:#d2a374}
.atlas-wide{width:min(100% - 2.5rem,92rem);margin-inline:auto}
.atlas-eyebrow{margin:0;color:#a85739;font:900 .75rem/1.4 Arial,Helvetica,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.atlas-hero{position:relative;isolation:isolate;min-height:42rem;display:flex;align-items:center;background:#102731;color:#fff;overflow:hidden}
.atlas-hero-art,.atlas-hero-art img,.atlas-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.atlas-hero-art{z-index:-2}.atlas-hero-art img{display:block;object-fit:cover;object-position:center}
.atlas-hero-shade{z-index:-1;background:linear-gradient(90deg,#081822f5 0%,#0a1e28ec 34%,#0b202a8c 62%,#0b202a08 100%)}
.atlas-hero-inner{padding-block:5.5rem;display:flex;align-items:center}
.atlas-hero-copy{max-width:46rem}
.atlas-hero .atlas-eyebrow{color:#f0bd80}
.atlas-hero h1{font:800 clamp(2.7rem,5.1vw,5.6rem)/1.04 Georgia,serif;letter-spacing:-.035em;color:#fff8ed;margin:.7rem 0 1.4rem;max-width:13ch}
.atlas-hero-copy>p:not(.atlas-eyebrow){font-size:clamp(1.05rem,1.3vw,1.27rem);line-height:1.65;max-width:39rem;margin:0 0 1rem;color:#f4efe6}
.atlas-hero-copy .atlas-hero-signature{font-weight:800;color:#f2c69b!important}
.atlas-hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.7rem}
.atlas-hero-actions a,.atlas-read a{display:inline-flex;align-items:center;justify-content:center;min-height:3.4rem;padding:.75rem 1.25rem;background:#dfaa75;border:2px solid #dfaa75;color:#172c33;text-decoration:none;font-weight:900}
.atlas-hero-actions a:nth-child(2){background:#0d2636ad;border-color:#f4eadc;color:#fff}
.atlas-hero-actions a:nth-child(3){background:transparent;border-color:transparent;color:#fff;text-decoration:underline}
.atlas-hero-actions a:hover,.atlas-hero-actions a:focus-visible,.atlas-read a:hover,.atlas-read a:focus-visible{background:#fff2de;color:#112b34;border-color:#fff2de;outline:3px solid #d39058;outline-offset:2px}
.atlas-intro{padding-block:4.3rem 4.7rem;display:grid;grid-template-columns:minmax(12rem,.65fr) minmax(0,1.6fr);column-gap:3rem;align-items:start}
.atlas-intro .atlas-eyebrow{grid-column:1;grid-row:1/3;padding-top:.5rem}
.atlas-intro h2,.atlas-world h2,.atlas-novels h2,.atlas-read h2{font:800 clamp(2.2rem,4vw,4.1rem)/1.1 Georgia,serif;letter-spacing:-.035em;margin:0 0 1.1rem}
.atlas-intro h2{color:#182f34}
.atlas-intro>p:last-child{grid-column:2;font-size:1.18rem;line-height:1.68;color:#344c4e;margin:0;max-width:48rem}
.atlas-world{background:#112a34;color:#fff;padding-block:4.8rem 5.5rem}
.atlas-world-head{max-width:62rem;margin:0 0 2rem}
.atlas-world .atlas-eyebrow,.atlas-novels .atlas-eyebrow{color:#e8b580}
.atlas-world h2,.atlas-novels h2{color:#fff7eb}
.atlas-world-head>p:last-child,.atlas-novels-head>p:last-child{font-size:1.15rem;line-height:1.6;color:#e9e8de;margin:0;max-width:45rem}
.atlas-desktop-experience{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(19rem,.85fr);align-items:start;gap:1.1rem}
.atlas-map{position:relative;aspect-ratio:8/5;overflow:hidden;background:#23434a;box-shadow:0 1rem 2.5rem #020d1480;border:1px solid #738780}
.atlas-map>img{display:block;width:100%;height:100%;object-fit:contain}
.atlas-pin{position:absolute;left:var(--pin-x);top:var(--pin-y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:.45rem;min-height:3.5rem;max-width:16rem;padding:.35rem .8rem .35rem .35rem;border:2px solid #fff0d4;border-radius:2rem;background:#0a2633e8;color:#fff;text-align:left;box-shadow:0 .35rem .9rem #07151eb0;cursor:pointer}
.atlas-pin:hover,.atlas-pin[aria-pressed=true]{background:#a75235}
.atlas-pin:focus-visible{outline:4px solid #f7c57f;outline-offset:4px}
.atlas-pin-number{display:grid;place-items:center;flex:none;width:2.45rem;height:2.45rem;border-radius:50%;background:#f2c189;color:#183037;font-weight:900}
.atlas-pin-label{font-weight:900;font-size:.91rem;line-height:1.15}
.atlas-panel{background:#f4efe4;color:#1d3437;min-height:100%;box-shadow:0 1rem 2.5rem #020d1460}
.atlas-panel-item[hidden]{display:none}
.atlas-panel-item>picture,.atlas-panel-item>picture img{display:block;width:100%}
.atlas-panel-item>picture img{height:9rem;object-fit:cover}
.atlas-panel-copy{padding:1.25rem 1.5rem 1.6rem}
.atlas-panel h3,.atlas-chapter h3{font:800 clamp(1.75rem,2.2vw,2.4rem)/1.08 Georgia,serif;color:#153b42;margin:.3rem 0 .55rem}
.atlas-panel-copy>p:not(.atlas-eyebrow),.atlas-chapter-copy>p:not(.atlas-eyebrow){font-size:.98rem;line-height:1.52;color:#34484a;margin:.45rem 0}
.atlas-panel-copy .atlas-panel-lead,.atlas-chapter-copy .atlas-chapter-lead{font-weight:800;color:#274d51!important}
.atlas-people{border-top:1px solid #d1c7b8;padding-top:.7rem}
.atlas-people strong,.atlas-related>strong{display:block;color:#9d4d31;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.3rem}
.atlas-related{display:flex;flex-wrap:wrap;gap:.4rem;padding-top:.7rem;border-top:1px solid #d1c7b8}
.atlas-related>strong{flex-basis:100%}
.atlas-related a{display:inline-flex;align-items:center;min-height:2.6rem;padding:.4rem .65rem;background:#e4d7c1;color:#124754;text-decoration:none;font-weight:800;font-size:.84rem;line-height:1.25}
.atlas-related a:hover,.atlas-related a:focus-visible{background:#c38e6b;color:#142d31;outline:2px solid #9d4d31}
.atlas-mobile-experience{display:none}
.atlas-novels{background:#0c1d26;color:#fff;padding-block:5rem 5.5rem}
.atlas-novels-head{max-width:55rem;margin-bottom:2.5rem}
.atlas-books{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.atlas-book{display:grid;grid-template-columns:minmax(9rem,37%) minmax(0,1fr);gap:1.3rem;padding:1.3rem;border:1px solid #597079;background:#19343d;align-items:start}
.atlas-book-cover picture,.atlas-book-cover img{display:block;width:100%}
.atlas-book-cover img{height:auto;aspect-ratio:2/3;object-fit:cover;box-shadow:.4rem .5rem .8rem #04151bbb}
.atlas-book-copy{padding:.2rem .2rem .2rem 0}
.atlas-book h3{font:800 clamp(1.4rem,2.3vw,2rem)/1.15 Georgia,serif;margin:.7rem 0}
.atlas-book h3 a{color:#fff4e7;text-decoration:none;overflow-wrap:anywhere}
.atlas-book h3 a:hover{text-decoration:underline}
.atlas-book-copy>p:not(.atlas-eyebrow){font-size:1rem;line-height:1.52;color:#e7e7dd;margin:.55rem 0}
.atlas-book-copy .atlas-book-theme{font-weight:800;color:#eec291!important}
.atlas-book-link{display:inline-flex;align-items:center;min-height:3.1rem;padding:.5rem .85rem;margin-top:.8rem;background:#e2aa73;color:#102a32;font-weight:900;text-decoration:none}
.atlas-book-link:hover,.atlas-book-link:focus-visible{background:#fff1d8;color:#102a32;outline:3px solid #e2aa73;outline-offset:2px}
.atlas-read{display:grid;grid-template-columns:minmax(0,1fr) minmax(8rem,15rem);gap:3rem;align-items:center;padding-block:4.5rem 5rem}
.atlas-read h2{color:#163840}
.atlas-read p:not(.atlas-eyebrow){font-size:1.14rem;line-height:1.65;color:#35494b;max-width:42rem}
.atlas-read a{margin-top:1rem;background:#164a57;border-color:#164a57;color:#fff}
.atlas-read-cover picture,.atlas-read-cover img{display:block;width:100%;height:auto;box-shadow:.6rem .8rem 1.2rem #0b2d3655}
@media(max-width:1100px){.atlas-desktop-experience{grid-template-columns:1fr}.atlas-map{width:100%}.atlas-panel{min-height:0}.atlas-panel-item{display:grid;grid-template-columns:minmax(13rem,35%) minmax(0,1fr)}.atlas-panel-item[hidden]{display:none}.atlas-panel-item>picture img{height:100%;min-height:19rem}.atlas-pin-label{font-size:.85rem}.atlas-books{grid-template-columns:1fr}.atlas-book{grid-template-columns:minmax(9rem,15rem) minmax(0,1fr)}}
@media(max-width:900px){.header-inner{flex-wrap:wrap;gap:.5rem;padding-block:.7rem}.main-nav{order:3;width:100%;margin-left:0;justify-content:space-between}}
@media(max-width:760px){.atlas-wide{width:min(100% - 1.5rem,92rem)}.atlas-hero{min-height:0;align-items:end}.atlas-hero-art img{object-position:center 35%}.atlas-hero-shade{background:linear-gradient(0deg,#081822f8 0%,#0a1e28e8 48%,#0b202a36 100%)}.atlas-hero-inner{min-height:48rem;align-items:end;padding-block:3rem}.atlas-hero-copy{max-width:100%}.atlas-hero h1{font-size:clamp(2.5rem,8.5vw,4rem)}.atlas-hero-copy>p:not(.atlas-eyebrow){font-size:1.08rem}.atlas-hero-actions{display:grid;grid-template-columns:1fr}.atlas-intro{display:block;padding-block:3rem}.atlas-intro .atlas-eyebrow{margin-bottom:.8rem}.atlas-intro>p:last-child{font-size:1.08rem}.atlas-world{padding-block:3.5rem 4rem}.atlas-world-head>p:last-child{font-size:1.06rem}.atlas-desktop-experience{display:none}.atlas-mobile-experience{display:block}.atlas-chapter{margin-block:2rem 3.5rem;background:#f4efe4;color:#19343b}.atlas-chapter-visual{position:relative}.atlas-chapter-visual picture,.atlas-chapter-visual img{display:block;width:100%;height:auto}.atlas-chapter-visual img{aspect-ratio:4/3;object-fit:cover}.atlas-chapter-visual>span{position:absolute;left:1rem;bottom:-1.1rem;background:#dba574;color:#102b32;padding:.45rem .75rem;font-weight:900;letter-spacing:.08em}.atlas-chapter-copy{padding:2.2rem 1.25rem 1.5rem}.atlas-chapter h3{font-size:2rem}.atlas-chapter-copy>p:not(.atlas-eyebrow){font-size:1.05rem;line-height:1.6}.atlas-chapter .atlas-related a{font-size:.92rem}.atlas-novels{padding-block:3.5rem 4rem}.atlas-books{grid-template-columns:1fr;gap:1rem}.atlas-book{grid-template-columns:minmax(7rem,34%) minmax(0,1fr)}.atlas-read{padding-block:3.5rem}.atlas-read-cover{align-self:start}}
@media(max-width:500px){.main-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem}.main-nav a{min-height:2.7rem;font-size:.78rem}.atlas-hero-inner{min-height:47rem}.atlas-hero h1{font-size:clamp(2.35rem,9vw,3rem)}.atlas-book{grid-template-columns:7rem minmax(0,1fr);gap:.8rem;padding:.8rem}.atlas-book h3{font-size:1.27rem}.atlas-book-copy>p:not(.atlas-eyebrow){font-size:.93rem}.atlas-book-link{font-size:.88rem;padding:.45rem .65rem}.atlas-read{grid-template-columns:1fr}.atlas-read-cover{display:none}}
@media(prefers-reduced-motion:no-preference){.atlas-pin,.atlas-book-cover img{transition:transform .2s ease,background .2s ease}.atlas-pin:hover{transform:translate(-50%,-50%) scale(1.04)}.atlas-book-cover:hover img{transform:translateY(-4px)}}
