@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{--bg:#0d1c29;--bg2:#162d3b;--gold:#deb477;--cream:#f3e8d6;--muted:#b9c6c7;--line:#a3885b77}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font:16px/1.7 Manrope,Arial,sans-serif}a{color:inherit}a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Cormorant Garamond,Georgia,serif;font-weight:500;line-height:1.05}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.22em;font-size:.76rem;font-weight:700}.wrap{max-width:1250px;padding:0 1.5rem;margin:0 auto}.site-head{position:absolute;z-index:3;left:0;right:0;top:0;border-bottom:1px solid #ffffff44;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem clamp(1.25rem,5vw,5rem);background:#0b1b29a8}.site-head .brand{text-decoration:none;font:600 1.2rem Cormorant Garamond,Georgia,serif;letter-spacing:.12em}.brand span{color:var(--gold)}.site-head nav{display:flex;flex-wrap:wrap;gap:1.4rem}.site-head nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem}.site-head nav a:hover{color:var(--gold)}.hero{min-height:790px;position:relative;display:flex;align-items:end;background:linear-gradient(90deg,#091a28ec 0%,#102a3b98 53%,#09203024),linear-gradient(0deg,#0d1c29 0%,transparent 50%),url('saga.png') center/cover}.hero-inner{position:relative;padding:11rem 1.5rem 6rem;max-width:850px;margin-left:max(0px,calc((100vw - 1250px)/2))}.hero h1{font-size:clamp(4.2rem,9.7vw,9.3rem);letter-spacing:-.035em;margin:.7rem 0 1rem;text-shadow:0 3px 30px #081622}.hero p{font-size:1.14rem;max-width:660px;color:#f2ebe1}.gold-line{width:130px;height:1px;background:var(--gold);margin:1.8rem 0}.btn{display:inline-block;border:1px solid var(--gold);padding:.85rem 1.2rem;text-align:center;text-decoration:none;color:#ffdfa9;text-transform:uppercase;font-size:.78rem;letter-spacing:.11em;font-weight:700;background:#0d2838a8;transition:background .2s,color .2s}.btn:hover{background:var(--gold);color:#102333}.btn.primary{background:var(--gold);color:#122534}.btn.primary:hover{background:#f0cf9a}.btn-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}main{background:linear-gradient(#0d1c29,#1b3440 46%,#0d1c29)}.intro{padding:6.5rem 1.5rem;max-width:980px;text-align:center;margin:auto}.intro h2,.section h2{font-size:clamp(3rem,5.5vw,5.8rem);margin:.55rem 0 1.5rem}.intro p{font-size:1.08rem;color:#d5dedb}.intro strong{color:var(--gold);font-weight:600}.themes{display:flex;justify-content:center;gap:1.2rem 2.2rem;flex-wrap:wrap;padding-top:2rem;color:var(--gold);font:500 1.25rem Cormorant Garamond,Georgia,serif;letter-spacing:.08em}.section{padding:2rem 1.5rem 7rem;max-width:1250px;margin:auto}.section-head{text-align:center;margin-bottom:3rem}.section-head p{color:var(--muted)}.volumes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.volume{border:1px solid var(--line);background:#0d2130;min-height:480px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.volume-visual{height:190px;background:linear-gradient(0deg,#0d2130,transparent),url('saga.png') 10% 53%/auto 260px}.volume:nth-child(2) .volume-visual{background-image:linear-gradient(0deg,#0d2130,transparent),url('polimeria.png');background-position:70% 50%}.volume:nth-child(3) .volume-visual{background:radial-gradient(circle at 60% 70%,#32728988,transparent 35%),linear-gradient(160deg,#0e2232,#20394b 65%,#594a38)}.volume-copy{padding:1.6rem 1.8rem 2rem;flex:1;display:flex;flex-direction:column}.volume h3{font-size:clamp(2.3rem,3vw,3.4rem);margin:.8rem 0 1rem}.volume p{color:#c7d3d0;font-size:.92rem;margin-bottom:1.5rem}.volume .btn{margin-top:auto;align-self:start}.volume .status{margin-top:auto;color:var(--gold);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}.feature{margin:0 auto 6rem;max-width:1250px;min-height:530px;display:grid;grid-template-columns:1fr 1fr;background:#112837;border:1px solid var(--line)}.feature-img{min-height:420px;background:linear-gradient(90deg,transparent,#11283722),url('saga.png') left center/cover}.feature.polimeria .feature-img{background:linear-gradient(90deg,transparent,#11283722),url('polimeria.png') center/cover}.feature-copy{padding:clamp(2rem,5vw,5rem);align-self:center}.feature h2{font-size:clamp(3.4rem,5vw,5.6rem);margin:.7rem 0 1rem}.feature p{color:#d1dcda}.quote{text-align:center;padding:2rem 1.5rem 7rem;max-width:950px;margin:auto}.quote p{font:400 clamp(2rem,4vw,3.5rem)/1.2 Cormorant Garamond,Georgia,serif;color:#f1d4a7}footer{border-top:1px solid var(--line);padding:2rem clamp(1.25rem,5vw,5rem);display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.8rem}footer a{color:var(--gold)}.detail-hero{min-height:630px;display:flex;align-items:end;background:linear-gradient(90deg,#0b1d2ceb,#11293a88),linear-gradient(0deg,#0d1c29,transparent 50%),url('saga.png') center/cover}.detail-hero.polimeria{background-image:linear-gradient(90deg,#0b1d2ce8,#11293a55),linear-gradient(0deg,#0d1c29,transparent 50%),url('polimeria.png')}.detail-hero .wrap{width:100%;padding-top:10rem;padding-bottom:5rem}.detail-hero h1{font-size:clamp(4rem,8vw,7rem);max-width:850px;margin:.7rem 0 1.2rem}.detail-hero p{max-width:650px;font-size:1.2rem}.detail-content{max-width:900px;margin:auto;padding:6rem 1.5rem 7rem}.detail-content h2{font-size:clamp(3rem,5vw,5rem);margin-bottom:1.5rem}.detail-content p{font-size:1.08rem;color:#d6dfdb}.detail-panel{border:1px solid var(--line);padding:2rem;margin:3rem 0;background:#1b3440}.detail-panel h3{font-size:2.4rem;margin-bottom:1rem}.detail-panel p{margin-bottom:0}.back{display:inline-block;color:var(--gold);text-underline-offset:.35em;margin-top:2rem}@media(max-width:850px){.volumes{grid-template-columns:1fr}.volume{min-height:0}.volume-visual{height:220px;background-size:cover}.feature{grid-template-columns:1fr;margin:0 1.5rem 5rem}.feature-img{min-height:350px}}@media(max-width:550px){.site-head{padding:1rem;align-items:start}.site-head .brand{font-size:1rem}.site-head nav{gap:.45rem .9rem;justify-content:end}.site-head nav a{font-size:.65rem}.hero{min-height:720px}.hero-inner{padding:10rem 1.3rem 4rem}.hero h1{font-size:clamp(4rem,16vw,6rem)}.intro{padding-top:5rem}.feature-img{min-height:270px}footer{display:block}footer span{display:block;margin-top:.5rem}}