:root{--bg:#0d1113;--paper:#e7dfcd;--muted:#b6bab6;--gold:#c3aa77;--line:#ffffff24;--serif:'Palatino Linotype','Book Antiqua',Palatino,Georgia,serif;--sans:'Segoe UI',system-ui,sans-serif;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--bg);color:var(--paper);font:16px/1.75 var(--sans)}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.13}h1{font-size:clamp(64px,7.4vw,112px);letter-spacing:-3px;margin-bottom:28px}h1 em{color:#d1bd96}h2{font-size:clamp(40px,4.3vw,64px);letter-spacing:-1.7px;margin-bottom:24px}h3{font-size:32px;letter-spacing:-.6px}p{margin-bottom:20px}.eyebrow{color:var(--gold);font:600 12px/1.6 var(--sans);letter-spacing:1.7px;text-transform:uppercase;margin-bottom:22px}.skip{position:fixed;top:-100px;left:12px;z-index:100;background:var(--bg);padding:12px}.skip:focus{top:12px}
.site-header{position:sticky;top:0;z-index:20;background:#0d1113f5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px);height:80px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 max(4%,24px)}.brand{display:flex;align-items:center;gap:14px;font:22px Georgia,serif;letter-spacing:3px;white-space:nowrap;min-height:44px}.brand img{object-fit:contain}nav{display:flex;gap:25px;align-items:center}nav a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;position:relative}nav a::after{content:'';position:absolute;bottom:2px;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .18s}nav a[aria-current]::after,nav a:hover::after{transform:scaleX(1)}nav a[aria-current],nav a:hover{color:var(--gold)}.menu{display:none}
.hero{min-height:660px;height:calc(100svh - 80px);max-height:940px;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d1113 0%,#0d1113de 28%,#0d11133b 70%,#0d111315),linear-gradient(0deg,#0d1113,transparent 45%),url('assets/mundo-velado-1600.webp') center/cover no-repeat;opacity:.9}.hero-content{width:min(var(--max),84%);margin:0 auto;padding-bottom:45px}.intro{font-size:19px;max-width:410px;color:#c5c9c5;line-height:1.75}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid #c3aa7780;padding:15px 22px;min-height:50px;font-size:14px;margin-top:14px;background:#10161755;transition:background .18s}.button:hover{background:#c3aa771a}.hero-bottom{position:absolute;bottom:30px;left:8%;right:8%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px;color:var(--muted)}
.section{padding:96px max(6%,24px);border-top:1px solid var(--line)}.section-inner{max-width:var(--max);margin:auto}.section-heading{display:grid;grid-template-columns:.85fr 1.5fr 1fr;gap:36px;align-items:start;margin-bottom:62px}.section-heading h2{font-size:clamp(40px,4vw,58px)}.section-heading>p:last-child{color:var(--muted);padding-top:5px}.collection+.collection{margin-top:76px}.collection-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:36px;padding-bottom:20px;border-bottom:1px solid var(--line)}.collection-heading h3{font-size:28px;margin:0}.collection-heading>span{font-size:11px;letter-spacing:1.5px;color:var(--gold);white-space:nowrap}.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}.book-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.cover-image,.cover-placeholder{width:240px;height:360px;flex:none;object-fit:contain;border:1px solid #9b8354;background:#101416;box-shadow:0 0 0 3px #9b835410,5px 8px 20px #0007,13px 19px 36px #0005}.card-body{margin-top:28px;display:flex;flex-direction:column;flex:1;width:100%;max-width:450px}.card-body .eyebrow{margin-bottom:10px}.card-body h4{min-height:2.26em;margin-bottom:18px;max-width:400px}.card-description{font-size:16px;color:var(--muted)}.card-end{margin-top:auto;display:flex;align-items:flex-start;gap:12px;flex-direction:column;padding-top:6px}.status{display:inline-block;font-size:12px;line-height:1.5;letter-spacing:.5px;border:1px solid #c3aa774d;padding:5px 10px;color:#cfbd99;width:fit-content}.text-link{min-height:44px;display:inline-flex;align-items:center;gap:22px;background:transparent;border:0;padding:8px 0;color:var(--paper);font-size:14px;position:relative}.text-link::after{content:'';position:absolute;bottom:7px;left:0;right:0;height:1px;background:#c3aa7755}.text-link:hover{color:var(--gold)}.text-link span{color:var(--gold)}
.cover-placeholder{display:flex;flex-direction:column;align-items:center;padding:24px 20px 20px;background:radial-gradient(ellipse at 50% 25%,#65543522,transparent 65%),#121719;text-align:center;position:relative}.cover-placeholder::before{content:'';position:absolute;inset:9px;border:1px solid #9b835425;pointer-events:none}.placeholder-brand{font:15px Georgia,serif;letter-spacing:2.2px;color:var(--gold)}.placeholder-rule{width:32px;height:1px;background:#9b83547a;margin-top:24px}.placeholder-title{font:29px/1.2 var(--serif);margin:auto 0;color:var(--paper);letter-spacing:-.4px}.placeholder-author{font:13px Georgia,serif;letter-spacing:2px;margin-bottom:16px}.placeholder-note{font:11px/1.5 var(--sans);color:#b5a581}
.world{background:#131b1e}.world>.eyebrow,.world-layout{max-width:var(--max);margin-left:auto;margin-right:auto}.world-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:12%;align-items:center}.world-layout h2{max-width:580px}.world-layout p{max-width:570px;color:var(--muted)}figure{margin:0;text-align:center}figure img{width:100%;height:auto;max-width:330px;margin:auto}figcaption{font:25px Georgia,serif;letter-spacing:4px;margin-top:28px}figcaption span{display:block;font:11px var(--sans);letter-spacing:2px;color:var(--gold);margin-top:14px}
.game-row{display:grid;grid-template-columns:240px minmax(0,1fr);gap:60px;align-items:center;border-top:1px solid var(--line);padding:44px 0}.game-row:last-child{border-bottom:1px solid var(--line)}.game-row.board-game{grid-template-columns:360px minmax(0,1fr)}.board-game>.cover-image{width:360px;height:auto;aspect-ratio:1491/1053}.game-copy{max-width:600px}.game-copy .eyebrow{margin-bottom:12px}.game-copy h3{font-size:36px;margin-bottom:20px}.game-copy>p:not(.eyebrow){color:var(--muted)}.game-copy .card-end{flex-direction:row;align-items:center;gap:24px;flex-wrap:wrap}.author{background:#161716}.author-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.author-caption{color:var(--gold);font-size:14px}.author-copy{max-width:650px;color:var(--muted)}.author-lead{font-family:var(--serif);font-size:26px;line-height:1.45;color:var(--paper)}.contact{text-align:center}.contact h2{max-width:550px;margin:0 auto 26px}.contact p{color:var(--muted)}.email{display:block;width:fit-content;margin:25px auto;font:clamp(23px,3vw,36px)/1.5 var(--serif);color:var(--gold);min-height:44px;overflow-wrap:anywhere}.social{display:inline-flex;align-items:center;min-height:44px;font-size:14px;border-bottom:1px solid var(--line)}.social:hover{color:var(--gold)}footer{padding:25px 4%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;color:var(--muted);font-size:13px}footer .brand{font-size:17px}footer>a:last-child{min-height:44px;display:flex;align-items:center}.back-top{position:fixed;right:24px;bottom:24px;z-index:25;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #c3aa7755;border-radius:50%;background:#0d1113e8;font-size:20px;color:var(--paper);padding:0}.back-top[hidden]{display:none}.back-top:hover{border-color:var(--gold)}
.work-dialog{border:1px solid #9b835466;background:#111719;color:var(--paper);padding:62px 48px 48px;width:min(940px,calc(100% - 48px));max-height:calc(100svh - 64px);overflow:auto;box-shadow:0 20px 100px #000a}.work-dialog::backdrop{background:#030607d9;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:12px;top:10px;min-width:44px;min-height:44px;font-size:29px;line-height:1;border:0;background:transparent;color:var(--paper)}.detail-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}.detail-cover .cover-image{width:240px;height:360px}.detail-cover .cover-image[src*="conquista"]{height:auto;aspect-ratio:1491/1053}.detail-copy h2{font-size:38px;margin-bottom:20px}.detail-copy>.status{margin-bottom:25px}.detail-copy>p:not(.eyebrow){color:var(--muted)}.detail-copy .detail-note{font-size:14px;border-top:1px solid var(--line);padding-top:20px}.detail-copy .detail-author{font-size:13px;color:var(--gold)}
@media(max-width:1000px){.brand{font-size:19px}nav{gap:17px}.section-heading{grid-template-columns:1fr 1.8fr;gap:20px}.section-heading>p:last-child{grid-column:2}.game-row{gap:38px}.game-row.board-game{grid-template-columns:320px minmax(0,1fr)}.board-game>.cover-image{width:320px}.author-layout{gap:45px}}
@media(max-width:900px){.site-header{height:72px}.menu{display:flex;min-height:44px;align-items:center;border:1px solid var(--line);color:var(--paper);padding:7px 13px;background:transparent;font-size:14px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0d1113;padding:16px 24px 20px;border-bottom:1px solid var(--line);box-shadow:0 18px 35px #0006}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:2px}nav a{padding:8px 6px;min-height:48px}nav a::after{right:auto;width:30px}.hero{height:720px;min-height:600px}.section{padding-top:76px;padding-bottom:76px}.book-grid{gap:44px}.collection-heading h3{font-size:26px}.collection-heading>span{font-size:10px}.world-layout{gap:7%}.work-dialog{padding:60px 30px 30px}.detail-layout{grid-template-columns:200px minmax(0,1fr);gap:30px}.detail-cover .cover-image,.detail-cover .cover-placeholder{width:200px;height:300px}.detail-cover .cover-image[src*="conquista"]{height:auto}.detail-copy h2{font-size:32px}}
@media(max-width:700px){.section-heading{grid-template-columns:1fr;gap:0;margin-bottom:44px}.section-heading>p:last-child{grid-column:auto;max-width:500px}.section-heading h2{max-width:540px}.world-layout{grid-template-columns:1fr}.world-layout figure{margin-top:32px}.world-layout figure img{max-width:240px}.author-layout{grid-template-columns:1fr;gap:18px}.game-row,.game-row.board-game{grid-template-columns:1fr;gap:30px}.game-row>.cover-image{margin:0 auto}.board-game>.cover-image{width:360px;max-width:100%}.game-copy{max-width:none}.collection-heading{align-items:flex-start;flex-direction:column;gap:8px}.collection-heading h3{font-size:25px}.game-copy h3{font-size:32px}}
@media(max-width:600px){html{scroll-padding-top:90px}.site-header{padding:0 18px;gap:10px}.brand{gap:9px;font-size:17px;letter-spacing:2px}.brand img{width:40px;height:auto}.menu{padding:7px 10px;font-size:13px}.hero{height:660px;min-height:580px}.hero-content{width:calc(100% - 48px);padding-bottom:34px}.hero-art{background-image:linear-gradient(90deg,#0d1113dd,#0d111370),linear-gradient(0deg,#0d1113,transparent 60%),url('assets/mundo-velado-800.webp');background-position:center,center,65% center;opacity:.8}h1{font-size:60px;letter-spacing:-1.7px}.intro{font-size:17px;max-width:340px}.hero-bottom{left:24px;right:24px;bottom:26px;font-size:10px;letter-spacing:1px}.hero-bottom span:last-child{display:none}.section{padding:64px 24px}h2{font-size:40px;letter-spacing:-1px}.book-grid{grid-template-columns:1fr;gap:56px}.book-card{align-items:center}.card-body{max-width:450px}.card-body h4{min-height:0;font-size:32px}.card-end{margin-top:8px}.collection+.collection{margin-top:64px}.collection-heading{margin-bottom:30px}.game-copy .card-end{gap:10px 24px}.author-lead{font-size:25px}.contact h2{max-width:340px}.email{font-size:25px}footer{flex-wrap:wrap;gap:8px 20px;padding:22px 24px}footer>span{display:none}footer .brand{font-size:15px;letter-spacing:2px}footer>a:last-child{font-size:12px}.back-top{right:16px;bottom:16px}.work-dialog{width:calc(100% - 24px);max-height:calc(100svh - 24px);padding:60px 24px 28px}.detail-layout{grid-template-columns:1fr;gap:28px}.detail-cover{display:flex;justify-content:center}.detail-copy h2{font-size:32px}.detail-copy .eyebrow{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}