@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Cormorant+Garamond:wght@400;500;600;700&display=swap";:root{color:#f7f0dd;background:#04150f;font-family:Cormorant Garamond,Georgia,serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--emerald-950: #02110c;--emerald-900: #051d14;--emerald-800: #092a1e;--moss: #7f8a45;--gold: #d8bd75;--gold-soft: #f0dca2;--ivory: #fff8e9;--muted: #cfc6aa;--shadow: rgba(0, 0, 0, .56)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit}.site-shell{position:relative;isolation:isolate;min-height:100svh;overflow-x:hidden;background:radial-gradient(circle at 50% 16%,rgba(50,91,58,.42),transparent 34rem),linear-gradient(145deg,#010806 0%,var(--emerald-950) 32%,#071f16 58%,#010806 100%)}.site-shell:before{position:absolute;inset:-5%;z-index:-4;background-image:url(/images/mesalladelbosque-cover.jpeg);background-position:center;background-size:cover;content:"";filter:blur(18px) saturate(.9);opacity:.16;transform:scale(1.08)}.site-shell:after{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(1,10,7,.92),transparent 22%,transparent 78%,rgba(1,10,7,.92)),radial-gradient(circle at 50% 50%,transparent 0 42%,rgba(0,0,0,.58) 100%);content:"";pointer-events:none}.forest-shadow{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(112deg,transparent 0 42px,rgba(216,189,117,.035) 43px 44px,transparent 45px 92px),repeating-linear-gradient(28deg,transparent 0 56px,rgba(118,150,92,.045) 57px 59px,transparent 60px 124px);-webkit-mask-image:radial-gradient(circle at center,black 0 62%,transparent 88%);mask-image:radial-gradient(circle at center,black 0 62%,transparent 88%);opacity:.72}.mist{position:absolute;left:-12vw;right:-12vw;z-index:-1;height:18rem;background:linear-gradient(90deg,transparent,rgba(225,235,205,.07),transparent),linear-gradient(180deg,transparent,rgba(149,169,130,.12),transparent);filter:blur(20px);opacity:.8;pointer-events:none;will-change:opacity,transform}.mist-one{top:11%;animation:mist-drift 16s ease-in-out infinite alternate}.mist-two{bottom:15%;animation:mist-drift 20s ease-in-out infinite alternate-reverse;opacity:.56}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);align-items:center;gap:clamp(2rem,6vw,5.5rem);width:min(1180px,calc(100% - 2rem));min-height:86svh;margin:0 auto;padding:clamp(3rem,6vw,5.5rem) 0 clamp(2rem,4vw,3rem)}.hero-copy{max-width:680px;animation:copy-reveal .9s ease both}.eyebrow{display:inline-flex;align-items:center;gap:.85rem;margin:0 0 1.15rem;color:var(--gold-soft);font-family:Cinzel,Georgia,serif;font-size:.9rem;font-weight:600;letter-spacing:0;text-transform:uppercase}.eyebrow:before,.eyebrow:after{display:block;width:clamp(1.4rem,4vw,3.6rem);height:1px;background:linear-gradient(90deg,transparent,var(--gold));content:""}.eyebrow:after{background:linear-gradient(90deg,var(--gold),transparent)}h1{margin:0;color:var(--ivory);font-family:Cinzel,Georgia,serif;font-size:6.8rem;font-weight:700;line-height:.96;text-shadow:0 0 26px rgba(216,189,117,.2),0 18px 42px rgba(0,0,0,.46)}.tagline{width:min(100%,620px);margin:1.35rem 0 0;color:var(--gold-soft);font-size:2.15rem;font-weight:600;line-height:1.12}.invitation{width:min(100%,520px);margin:1.1rem 0 0;color:var(--muted);font-size:1.32rem;line-height:1.45}.primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;margin-top:0;padding:.1rem 1.45rem 0;border:1px solid rgba(216,189,117,.58);border-radius:999px;background:#02130d8f;box-shadow:0 18px 40px #0000004d,inset 0 0 24px #d8bd750f;color:var(--ivory);font-family:Cinzel,Georgia,serif;font-size:.82rem;font-weight:600;letter-spacing:0;text-decoration:none;text-transform:uppercase;transition:border-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}.primary-link:hover,.primary-link:focus-visible{border-color:#f0dca2f2;box-shadow:0 20px 48px #00000061,0 0 34px #d8bd7526;color:var(--gold-soft);transform:translateY(-2px)}.cta-row{display:inline-flex;align-items:center;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.shop-link,.primary-link{min-width:10rem;display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:.1rem 1.45rem 0}@media(max-width:680px){.cta-row{width:100%;gap:.85rem}.cta-row .primary-link,.cta-row .shop-link{flex:1 1 100%;min-width:0;width:100%}}.shop-link{border:1px solid rgba(216,189,117,.9);border-radius:999px;background:#d8bd7526;color:var(--ivory);font-family:Cinzel,Georgia,serif;font-size:.82rem;font-weight:600;letter-spacing:0;text-decoration:none;text-transform:uppercase;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease;animation:pulse-glow 2.2s ease-in-out infinite}.shop-link:hover,.shop-link:focus-visible{border-color:#fff8e9f2;box-shadow:0 20px 42px #d8bd753d,inset 0 0 12px #fff8e91a;background:#d8bd7540;transform:translateY(-2px) scale(1.02)}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 0 #d8bd7526}50%{transform:scale(1.01);box-shadow:0 0 22px 6px #d8bd7529}}.reveal{opacity:0;will-change:opacity;transition:opacity 1.2s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1}.synopsis-section{width:min(1180px,calc(100% - 2rem));margin:3rem auto 0;padding:1.85rem 1.75rem;border:1px solid rgba(216,189,117,.14);border-radius:1.5rem;background:#02130d8c;box-shadow:inset 0 0 0 1px #fff8e908}.synopsis-copy{display:grid;gap:1rem;color:var(--ivory);font-family:Cormorant Garamond,serif;font-size:1.05rem;line-height:1.8}.synopsis-question{margin:0;color:var(--gold-soft);font-family:Cinzel,Georgia,serif;font-size:1.4rem;font-weight:600;letter-spacing:.01em;line-height:1.3}.synopsis-copy p{margin:0}.author-section{width:min(1180px,calc(100% - 2rem));margin:3rem auto 0;padding:1.75rem;border:1px solid rgba(216,189,117,.16);border-radius:1.5rem;background:#02130d8c;box-shadow:inset 0 0 0 1px #fff8e908}.author-section h2{margin:0 0 1.4rem;color:var(--gold);font-family:Cinzel,Georgia,serif;font-size:1.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.author-panel{display:grid;grid-template-columns:minmax(0,180px) 1fr;gap:1.35rem;align-items:start}.author-photo{margin:0;border-radius:1.5rem;overflow:hidden;box-shadow:0 0 0 1px #d8bd751f,0 18px 40px #00000038}.author-photo img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover}.author-copy{display:grid;gap:1rem;color:var(--ivory);font-family:Cormorant Garamond,serif;font-size:1.05rem;line-height:1.85}.author-copy p{margin:0}.book-stage{position:relative;display:grid;place-items:center;margin:0;perspective:1200px}.book-stage:before{position:absolute;right:6%;bottom:-7%;left:4%;height:16%;background:radial-gradient(ellipse at center,rgba(0,0,0,.58),transparent 70%);content:"";filter:blur(8px);transform:rotate(-2deg)}.book-frame{position:relative;width:min(100%,420px);aspect-ratio:949 / 1600;overflow:hidden;border:1px solid rgba(240,220,162,.28);border-radius:8px;background:var(--emerald-900);box-shadow:0 34px 80px #00000094,0 0 70px #d8bd7521,inset 0 0 28px #ffffff0d;transform:rotateY(-7deg) rotateX(2deg);transform-origin:center;animation:cover-reveal 1.2s cubic-bezier(.2,.82,.18,1) both,cover-breathe 5.6s ease-in-out 1.2s infinite}.book-frame:before{position:absolute;inset:0;z-index:2;border:1px solid rgba(255,248,233,.16);border-radius:inherit;content:"";pointer-events:none}.book-frame:after{position:absolute;inset:-35% auto -35% -48%;z-index:3;width:34%;background:linear-gradient(90deg,transparent,rgba(255,248,224,.3),transparent);content:"";filter:blur(10px);opacity:0;pointer-events:none;transform:rotate(14deg);animation:glint 5.8s ease-in-out 2s infinite}.book-frame img{display:block;width:100%;height:100%;object-fit:cover}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:1.15rem 0 1.35rem;border-top:1px solid rgba(216,189,117,.18);color:var(--muted)}.footer-copy p,.footer-copy span{margin:0}.footer-copy p{color:var(--ivory);font-family:Cinzel,Georgia,serif;font-size:.95rem;font-weight:600;letter-spacing:0;text-transform:uppercase}.footer-copy span{display:block;margin-top:.25rem;font-size:1rem}.social-links{display:flex;align-items:center;gap:.75rem}.social-link{display:inline-grid;place-items:center;width:3rem;height:3rem;border:1px solid rgba(216,189,117,.32);border-radius:999px;background:#041911b3;color:var(--gold-soft);font-size:1.1rem;text-decoration:none;transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease}.social-link:hover,.social-link:focus-visible{border-color:#f0dca2cc;background:#d8bd7524;color:var(--ivory);transform:translateY(-3px)}@keyframes copy-reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes cover-reveal{0%{opacity:0;filter:blur(12px);transform:rotateY(-15deg) rotateX(6deg) translateY(28px) scale(.94)}to{opacity:1;filter:blur(0);transform:rotateY(-7deg) rotateX(2deg) translateY(0) scale(1)}}@keyframes cover-breathe{0%,to{transform:rotateY(-7deg) rotateX(2deg) translateY(0)}50%{transform:rotateY(-4deg) rotateX(1deg) translateY(-8px)}}@keyframes glint{0%,54%{left:-48%;opacity:0}62%{opacity:.7}76%{left:118%;opacity:0}to{left:118%;opacity:0}}.music-float-button{position:fixed;right:1.25rem;bottom:1.25rem;z-index:30;width:2.85rem;height:2.85rem;border:1px solid rgba(240,220,162,.4);border-radius:999px;background:#04150eb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--gold-soft);display:grid;place-items:center;cursor:pointer;box-shadow:0 18px 42px #00000047;animation:float-spin 6s linear infinite;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.music-float-button:hover,.music-float-button:focus-visible{transform:scale(1.05);box-shadow:0 22px 50px #00000057}.music-float-button.playing{background:#d8bd752e}.music-icon{font-size:1.6rem;display:inline-block}.music-note{position:absolute;bottom:1.2rem;opacity:0;color:var(--ivory);font-size:.95rem;animation:note-rise 1.6s ease-out infinite}.music-note:nth-of-type(2){left:.9rem;animation-delay:.18s}.music-note:nth-of-type(3){left:1.75rem;animation-delay:.12s}.music-note:nth-of-type(4){left:2.5rem;animation-delay:.3s}.music-note:nth-of-type(5){left:1.5rem;animation-delay:.24s}@keyframes note-rise{0%{transform:translateY(0) scale(.88);opacity:1}50%{opacity:1}to{transform:translateY(-3.4rem) scale(1.2);opacity:0}}@keyframes float-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes mist-drift{0%{transform:translate3d(-3%,0,0)}to{transform:translate3d(5%,-8px,0)}}@media(max-width:820px){.site-shell{overflow-y:visible}.hero{grid-template-columns:1fr;gap:2rem;min-height:auto;padding-top:2.25rem;text-align:center}.hero-copy{justify-self:center}.eyebrow{justify-content:center;width:100%}.tagline,.invitation{margin-right:auto;margin-left:auto}.book-stage{order:-1}.book-frame{width:min(78vw,360px);transform:none}.author-section{width:min(100%,calc(100% - 1.5rem));margin:2rem auto 0;padding:1.5rem}.author-panel{grid-template-columns:1fr}.author-photo{width:100%}.cta-row{width:min(100%,calc(100% - 1rem));display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:1rem;margin:1.5rem auto 0}.shop-link,.primary-link{width:100%}h1{font-size:4.65rem}.tagline{font-size:1.7rem}.invitation{font-size:1.16rem}.site-footer{flex-direction:column;justify-content:center;padding-bottom:1.6rem;text-align:center}}@media(max-width:480px){.hero{width:min(100% - 1.2rem,1180px);gap:1.55rem;padding-top:1.4rem}h1{font-size:3.55rem}.eyebrow{gap:.5rem;font-size:.7rem}.tagline{font-size:clamp(1.3rem,7vw,1.7rem)}.primary-link{width:min(100%,19rem);padding-right:1rem;padding-left:1rem;font-size:.74rem}.book-frame{width:min(83vw,330px)}.social-link{width:2.8rem;height:2.8rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}.splash-screen{position:relative;min-height:100vh;background:radial-gradient(circle at 50% 16%,rgba(50,91,58,.42),transparent 34rem),linear-gradient(145deg,#010806 0%,var(--emerald-950) 32%,#071f16 58%,#010806 100%);overflow:hidden}.splash-screen:before{position:absolute;inset:-5%;z-index:-1;background-image:url(/images/mesalladelbosque-cover.jpeg);background-position:center;background-size:cover;content:"";filter:blur(40px) saturate(.9);opacity:.3;transform:scale(1.08)}.splash-screen:after{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,10,7,.95),transparent 22%,transparent 78%,rgba(1,10,7,.95)),radial-gradient(circle at 50% 50%,transparent 0 42%,rgba(0,0,0,.7) 100%);content:"";pointer-events:none}.splash-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.splash-content h1{font-family:Cinzel,serif;font-size:3rem;font-weight:700;color:var(--gold);margin:0 0 2rem;text-shadow:0 0 20px rgba(216,189,117,.5)}.discover-button{font-family:Cormorant Garamond,serif;font-size:1.25rem;font-weight:600;color:var(--ivory);background:transparent;border:2px solid var(--gold);padding:.75rem 2rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.discover-button:hover{background:var(--gold);color:var(--emerald-950);transform:translateY(-2px);box-shadow:0 4px 12px #d8bd754d}