@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0c151b;--panel:#121e25;--ink:#eeeae2;--muted:#a8b2b7;--gold:#c6a878;--line:#ffffff21}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 Manrope,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}header{height:100px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:var(--bg);border-bottom:1px solid var(--line)}.brand{font:600 30px/1 Cormorant Garamond,Georgia,serif;letter-spacing:.18em}.brand span{display:block;font:10px/1.5 Manrope,sans-serif;letter-spacing:.2em;margin-top:8px}nav{display:flex;gap:32px;font-size:14px}nav a:hover,footer a:hover{color:var(--gold)}.hero{min-height:690px;height:calc(100svh - 100px);max-height:950px;position:relative;display:flex;align-items:center;overflow:hidden}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 49%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#081218ee 0%,#081218b5 35%,#08121825 80%),linear-gradient(0deg,var(--bg),transparent 30%)}.hero-copy{position:relative;z-index:1;padding:40px 8%;max-width:950px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.2em;color:var(--gold);margin:0 0 24px}h1,h2,h3{font-family:Cormorant Garamond,Georgia,serif;font-weight:500;line-height:1.05}h1{font-size:clamp(52px,6vw,88px);margin:0 0 26px;letter-spacing:-.025em}.hero-copy>p:not(.eyebrow){font-size:19px;color:#d4d9d8}.actions{display:flex;align-items:center;gap:30px;margin-top:36px}.button{display:inline-block;background:var(--gold);color:#13191d;padding:14px 24px;border:0;font-size:14px;font-weight:700}.button:hover{background:#dbc195}.textlink{font-size:14px;border-bottom:1px solid #c6a87880;padding-bottom:5px}.hero-note{position:absolute;bottom:36px;right:6%;z-index:1;font-size:11px;letter-spacing:.2em;color:#d9dbd5}.section{padding:110px 8%;max-width:1600px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}h2{font-size:clamp(40px,4vw,60px);margin:0}.section-head>p{color:var(--muted);margin:0;font-size:15px}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.book{text-align:left;background:transparent;padding:0;border:0}.book-art{aspect-ratio:4/4.7;display:flex;flex-direction:column;justify-content:space-between;padding:38px;border:1px solid #ffffff20;box-shadow:inset 7px 0 #0005;transition:transform .25s;background:linear-gradient(145deg,#274052,#101c27)}.book:hover .book-art{transform:translateY(-7px)}.book-art>span{font:500 26px Cormorant Garamond,Georgia,serif;letter-spacing:.22em;color:#d0b98c}.book-art strong{font:500 clamp(30px,3.2vw,49px)/1.08 Cormorant Garamond,Georgia,serif}.book-art small{font-size:11px;letter-spacing:.2em;color:#cbbd9f}.second{background:linear-gradient(145deg,#603b3a,#201b20)}.third{background:#101a21;border-style:dashed;color:#82919b}.book-meta{display:flex;justify-content:space-between;margin-top:24px;font-size:11px;letter-spacing:.16em;color:var(--gold)}.book h3{font-size:29px;margin:13px 0 7px}.book p{color:var(--muted);font-size:14px;margin:0 0 18px}.detail-link{font-size:13px;border-bottom:1px solid var(--line)}.world{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.world-intro>p:not(.eyebrow){color:var(--muted);max-width:460px}.atlas{background:var(--panel);padding:36px}.tabs{display:flex;flex-wrap:wrap;gap:4px;margin:24px 0 36px}.tabs button{border:0;background:transparent;padding:9px 12px;color:var(--muted);font-size:14px}.tabs button[aria-selected=true]{background:var(--gold);color:var(--bg)}.region-num{color:var(--gold);font-size:13px}#continent h3{font-size:44px;margin:20px 0}#continent p{min-height:110px;color:#bcc5c8}.region-tags{display:flex;flex-wrap:wrap;gap:10px}.region-tags span{padding:4px 11px;border:1px solid var(--line);font-size:12px}.atlas-foot{border-top:1px solid var(--line);padding-top:22px;margin:28px 0 0;color:var(--muted);font-size:12px}.elements{display:grid;grid-template-columns:repeat(8,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.elements button{background:transparent;border:0;border-right:1px solid var(--line);padding:24px 5px;font:25px Cormorant Garamond,Georgia,serif}.elements button:last-child{border:0}.elements button[aria-pressed=true]{background:var(--gold);color:var(--bg)}.element-detail{display:flex;align-items:center;gap:30px;margin-top:28px}.element-detail span{font-size:12px;color:var(--gold)}.element-detail h3{font-size:35px;margin:0}.element-detail p{margin:0;color:var(--muted);font-size:14px}.progress{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;background:#111d24;border-top:1px solid var(--line)}.progress>div>p:not(.eyebrow){color:var(--muted)}.muted{font-size:13px;color:var(--muted)}.progress-list article{margin-bottom:30px}.progress-list article:last-child{margin:0}.progress-list article>div{display:flex;align-items:center;gap:16px}.progress-list article>div>span{font-size:12px;color:var(--gold)}.progress-list h3{font-size:25px;margin:0;flex:1}.progress-list strong{font-size:20px;font-weight:500}.progress-list p{font-size:12px;margin:4px 0 0;color:var(--muted)}progress{width:100%;height:4px;appearance:none;border:0;background:#29343a;display:block;margin:20px 0 10px}progress::-webkit-progress-bar{background:#29343a}progress::-webkit-progress-value{background:var(--gold)}progress::-moz-progress-bar{background:var(--gold)}footer{padding:60px 8%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line)}footer p,footer>a:last-child{font-size:13px;color:var(--muted)}dialog{background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:55px;max-width:620px;width:calc(100% - 36px)}dialog::backdrop{background:#03090dcc;backdrop-filter:blur(7px)}dialog h2{font-size:48px}dialog>p:not(.eyebrow){color:var(--muted)}.close{position:absolute;top:12px;right:18px;background:transparent;border:0;font-size:28px}.dialog-progress{display:flex;justify-content:space-between;margin-top:30px;font-size:14px}dialog .button{margin-top:15px}@media(max-width:800px){header{height:auto;min-height:110px;padding:22px 6%;align-items:start;gap:20px}.brand{font-size:25px}nav{gap:12px 20px;justify-content:flex-end;flex-wrap:wrap;font-size:12px;max-width:240px}.hero{min-height:600px;height:75svh}.hero-copy{padding:35px 6%}.hero:after{background:linear-gradient(90deg,#081218dd,#08121866),linear-gradient(0deg,var(--bg),transparent 45%)}.hero-note{left:6%;right:auto;font-size:9px}.section{padding:70px 6%}.section-head{display:block;margin-bottom:32px}.section-head>p{margin-top:22px}.book-grid{gap:22px}.book-art{padding:20px 14px}.book-art>span{font-size:18px}.book-art strong{font-size:28px}.book-art small{font-size:9px}.book h3{font-size:23px}.world,.progress{grid-template-columns:1fr;gap:36px}.atlas{padding:25px}.elements{grid-template-columns:repeat(4,1fr)}.elements button{border-bottom:1px solid var(--line);font-size:24px}.element-detail{flex-wrap:wrap;gap:14px}.element-detail p{width:100%}footer{flex-wrap:wrap}.actions{gap:20px}.progress-list h3{font-size:24px}}@media(max-width:520px){.book-grid{grid-template-columns:1fr;gap:40px}.book-art{max-width:none;aspect-ratio:4/3.8;padding:30px}.book-art strong{font-size:43px}.book-art>span{font-size:24px}.book-art small{font-size:11px}.hero-copy>p:not(.eyebrow){font-size:17px}h1{font-size:53px}.eyebrow{font-size:11px}.actions{align-items:start;flex-direction:column;gap:18px}dialog{padding:42px 26px}dialog h2{font-size:40px}.progress-list h3{font-size:22px}.progress-list strong{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.official-brand{display:block;line-height:0;flex-shrink:0}.official-brand img{width:210px;height:auto;display:block}.book-art.official-cover{padding:0;aspect-ratio:1054/1492;background:transparent;border:0;box-shadow:0 14px 35px #0005;overflow:hidden}.official-cover img{width:100%;height:100%;object-fit:contain;display:block}.book-art.third{aspect-ratio:1054/1492}.world-map{grid-column:1/-1;margin:0 0 15px}.world-map img{display:block;width:100%;height:auto;border:1px solid var(--line)}.world-map figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:16px;font-size:12px;letter-spacing:.12em;color:var(--gold)}.world-map figcaption a{letter-spacing:0;border-bottom:1px solid var(--gold)}@media(max-width:800px){.official-brand img{width:150px}}@media(max-width:520px){.official-brand img{width:125px}.world-map figcaption{font-size:11px;letter-spacing:.05em;flex-wrap:wrap}.book-art.third{aspect-ratio:1054/1492}}

.world-map img{border:0}

.bestiary{display:grid;grid-template-columns:.8fr 1.2fr;gap:6%;align-items:center;border-top:1px solid var(--line)}.bestiary-copy>p:not(.eyebrow){color:var(--muted)}.bestiary-copy h2{font-size:clamp(38px,3.6vw,54px)}.bestiary-caption{font-size:13px;border-top:1px solid var(--line);padding-top:22px;margin-top:28px}.bestiary-image{margin:0;min-width:0}.bestiary-image img{display:block;width:100%;height:auto}.bestiary-image figcaption{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:16px;color:var(--gold);font-size:12px}.bestiary-image figcaption a{border-bottom:1px solid var(--gold)}@media(max-width:1000px){header nav{gap:18px}}@media(max-width:800px){.bestiary{grid-template-columns:1fr;gap:32px}header nav{gap:12px 16px}}

.book-art.official-cover{position:relative}.book-art.official-cover::after{content:"";position:absolute;inset:0;background:#000;opacity:var(--cover-darkness,0);pointer-events:none}

.stone-instruction{color:var(--muted);font-size:14px}.stone-stage{position:relative;width:min(100%,850px);margin:30px auto 0}.stone-stage>img{display:block;width:100%;height:auto}.stone-hotspot{position:absolute;transform:translate(-50%,-50%);width:17%;height:20%;border:0;border-radius:45%;background:transparent;padding:0}.stone-hotspot:focus-visible{outline:2px solid #9b7837;outline-offset:2px}.stone-tip{display:none;position:absolute;z-index:3;left:50%;top:65%;transform:translateX(-50%);width:190px;padding:14px;background:#0c151bf5;border:1px solid var(--gold);box-shadow:0 8px 24px #0005;text-align:left;pointer-events:none;color:var(--ink);font-size:13px;line-height:1.5}.stone-tip strong{display:block;color:var(--gold);font:28px Cormorant Garamond,Georgia,serif;margin-bottom:4px}.stone-tip span{display:block}.stone-hotspot[aria-expanded=true] .stone-tip,.stone-hotspot:focus-visible .stone-tip{display:block}@media(max-width:520px){.stone-tip{width:145px;font-size:12px;padding:10px}.stone-hotspot:nth-of-type(3) .stone-tip{left:auto;right:0;transform:none}.stone-hotspot:nth-of-type(7) .stone-tip{left:0;transform:none}}

.stone-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:7%;align-items:center}.stone-layout .stone-stage{width:100%;max-width:500px;margin:0}.stone-description{padding:32px;background:var(--panel);border:1px solid var(--line);min-height:240px}.stone-description h3{font-size:42px;margin:0 0 18px}.stone-description>p:last-child{color:var(--muted);margin:0}.stone-hotspot{transition:background .2s,box-shadow .2s}.stone-hotspot[aria-pressed=true]{background:radial-gradient(ellipse,color-mix(in srgb,var(--stone-color) 50%,transparent),transparent 70%);box-shadow:0 0 24px 4px color-mix(in srgb,var(--stone-color) 65%,transparent);outline:2px solid color-mix(in srgb,var(--stone-color) 75%,transparent);outline-offset:-6px}.stone-hotspot:focus-visible{outline:2px solid var(--stone-color)}@media(max-width:650px){.stone-layout{grid-template-columns:1fr;gap:24px}.stone-layout .stone-stage{max-width:360px;margin:auto}.stone-description{min-height:190px;padding:24px}.stone-description h3{font-size:34px}}

.sample-section{display:grid;grid-template-columns:1fr .65fr;gap:12%;align-items:center;background:var(--panel)}.sample-section>div>p:not(.eyebrow){max-width:480px;color:var(--muted);margin:25px 0}.sample-cover{width:min(100%,260px);justify-self:center;padding:0;border:0;background:none;position:relative;box-shadow:10px 15px 40px #0008;transition:transform .25s}.sample-cover:hover{transform:rotate(-2deg) translateY(-4px)}.sample-cover img{width:100%;display:block}.sample-cover span{display:block;padding:10px;background:var(--gold);color:var(--bg);font-size:14px}#reader{width:min(960px,calc(100vw - 32px));max-width:960px;height:min(900px,94dvh);max-height:94dvh;padding:0;overflow:hidden;background:#101a20;border:1px solid #c6a87866}#reader[open]{display:flex;flex-direction:column}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;gap:20px;font-size:14px}.reader-toolbar button{border:0;background:none;font-size:28px}.reader-shortcuts{display:flex;gap:12px;padding:0 22px 12px}.reader-shortcuts button,.reader-controls button{border:1px solid var(--line);background:none;padding:8px 14px;font-size:14px}.reader-book{position:relative;flex:1;min-height:0;perspective:1500px;margin:0 24px;box-shadow:0 10px 30px #0008}.reader-page{height:100%;overflow:auto;overscroll-behavior:contain;background:#f3eddf;color:#30281f;padding:38px clamp(24px,7vw,92px);box-shadow:inset 14px 0 20px -15px #573d1d;scrollbar-color:#b4a284 #f3eddf}.reader-page>p{font:12px Manrope,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:#7b603b;margin:0 0 16px}.reader-page h2{font-size:38px;margin-bottom:32px}#reader-content p{font:18px/1.85 Georgia,serif;text-indent:1.4em;margin:0 0 14px}#reader-content .reader-divider{text-align:center;text-indent:0;margin:28px 0}#reader-content img{display:block;width:100%;height:auto}.reader-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px}.reader-controls span{font-size:13px}.reader-controls button:disabled{opacity:.3;cursor:default}.reader-opening{position:absolute;inset:0;z-index:2;background:#101a20;transform-origin:left center;pointer-events:none;opacity:0}.reader-opening img{height:100%;width:100%;object-fit:contain}.is-opening .reader-opening{animation:open-book 1s ease-in-out forwards}@keyframes open-book{0%{opacity:1;transform:rotateY(0)}75%{opacity:1;transform:rotateY(-105deg)}100%{opacity:0;transform:rotateY(-135deg)}}@media(max-width:650px){.sample-section{grid-template-columns:1fr;gap:35px}.sample-cover{width:200px}.reader-toolbar{font-size:12px;padding:10px 14px}.reader-book{margin:0 8px}.reader-page{padding:28px 22px}.reader-page h2{font-size:32px}#reader-content p{font-size:17px;line-height:1.8}.reader-controls{padding:12px 8px;gap:8px}.reader-controls button{font-size:12px;padding:9px}.reader-shortcuts{padding-left:14px}}@media(prefers-reduced-motion:reduce){.is-opening .reader-opening{animation:none;display:none}}

#reader-content h3{font-size:32px;line-height:1.2;margin:42px 0 25px;scroll-margin-top:24px}#reader-content img{margin:38px auto}#reader-content .reader-ending{text-indent:0;text-align:right;font-style:italic;margin-top:32px;margin-bottom:24px}.reader-page{scroll-behavior:smooth}.reader-book{margin-bottom:20px}@media(prefers-reduced-motion:reduce){.reader-page{scroll-behavior:auto}}

.book-grid{grid-template-columns:3fr 2fr;align-items:start}.book-grid>.book:first-child{grid-row:span 2}.book-grid>.book:not(:first-child) .book-art{max-width:155px}.book{cursor:default}.book>.detail-link{border:0;padding:0;background:none;cursor:pointer}.book h3{line-height:1.15}.book>p{font-size:16px;line-height:1.75}.book-art.official-cover::after{display:none}.world{display:flex;flex-direction:column;gap:42px}.world-intro{max-width:750px}.world-intro>p:not(.eyebrow){max-width:none}.world-map{width:100%}.world-map figcaption{justify-content:flex-start;gap:24px}.atlas{width:100%}.gairon-explanation{max-width:600px;color:var(--muted);margin:24px 0 0}.manifestations-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.manifestation{border:1px solid var(--line);padding:22px;text-align:center}.manifestation h3{font-size:28px;margin:14px 0 5px}.stone-color{font-size:14px;color:var(--muted)}.stone-symbol{display:block;width:80px;height:100px;margin:auto;background-image:url('/assets/oito-pedras.jpeg');background-size:560%;border-radius:35%}.author{border-top:1px solid var(--line)}.author>p:not(.eyebrow){max-width:780px;color:var(--muted);margin-top:25px}.sample-cover{cursor:default}.sample-cover:hover{transform:none}@media(max-width:650px){.book-grid{grid-template-columns:1fr}.book-grid>.book:first-child{grid-row:auto}.manifestations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manifestation{padding:18px 10px}.world-map{min-width:0}nav{max-width:260px}.section-head{display:block}}

.stone-symbol{object-fit:contain;background:none;border-radius:0;width:90px;height:120px}.book-status{letter-spacing:.04em;text-align:right}.book-meta{gap:15px}.author>p:not(.eyebrow){max-width:780px}.books .book:first-child .book-art{max-width:340px}.books .book:first-child{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.sample-section .sample-cover{box-shadow:10px 15px 40px #0008}@media(max-width:650px){.book-status{font-size:11px}.manifestations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.conard{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;border-top:1px solid var(--line)}.conard-copy>p{max-width:620px;color:var(--muted);margin:24px 0;line-height:1.8}.conard-titles{list-style:none;padding:0;margin:28px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.conard-titles li{padding:6px 0;border-bottom:1px solid var(--line)}.conard-image{margin:0}.conard-image img{width:100%;height:auto;display:block}@media(max-width:650px){.conard{grid-template-columns:1fr;gap:32px}.conard-image{order:-1}}
.living-slide[hidden]{display:none}.living-controls{display:flex;justify-content:center;align-items:center;gap:18px;padding:0 24px 42px}.living-controls button{border:1px solid var(--line);background:transparent;color:var(--gold);cursor:pointer;padding:7px 16px;font-size:20px}.living-controls #living-pause{font-size:13px;color:var(--muted)}.living-controls span{color:var(--muted);font-size:13px}
.conard-slide .bestiary-image img{aspect-ratio:4 / 3;object-fit:cover;object-position:center}
