body.devocional-page{background:#060c16;color:#f2eadc}body.devocional-page .topbar{background:rgba(5,11,21,.7);backdrop-filter:blur(12px)}
.dev-hero{position:relative;min-height:100svh;padding:clamp(8rem,12vw,12rem) clamp(1.25rem,8vw,8rem) 5rem;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.65fr);align-items:center;gap:clamp(2rem,7vw,8rem);overflow:hidden;background:radial-gradient(ellipse at 76% 40%,#3c271a 0%,#152033 33%,#070e1b 70%)}.dev-hero-glow{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 70%,#060c16),radial-gradient(circle at 68% 39%,rgba(244,174,73,.17),transparent 25%)}.dev-hero-copy,.dev-cover{position:relative;z-index:1}.dev-hero h1{font:600 clamp(6rem,17vw,16rem)/.78 var(--serif);letter-spacing:-.07em;margin:.5rem 0 1.2rem;color:#f5e3bd;text-shadow:0 15px 60px rgba(207,151,75,.2)}.dev-hero h1 span{color:#d5a954}.dev-hero-tagline{font:600 clamp(2.2rem,4.5vw,5rem)/.98 var(--serif);margin:0 0 1.6rem}.dev-hero-description{max-width:620px;color:#bdc9d3;font-size:1.07rem;line-height:1.75;margin:0 0 2rem}.dev-cover{margin:0;max-width:520px;justify-self:center;width:100%;transform:rotate(2deg)}.dev-cover img{display:block;width:100%;height:auto;box-shadow:0 38px 90px #000,0 0 0 1px rgba(255,232,180,.22)}
.dev-manifesto{text-align:center;background:#0a1322}.dev-manifesto h2{font-size:clamp(3.6rem,7vw,7.5rem)!important;color:#f0dec0}.dev-manifesto h2 em{font-weight:500;color:#d6af6a}.dev-manifesto>p:not(.eyebrow){max-width:790px;margin:2rem auto;color:#bdc9d3;font-size:1.08rem;line-height:1.85}.dev-rhythm{margin:3rem auto 0;max-width:1050px;display:flex;justify-content:center;flex-wrap:wrap;gap:.7rem}.dev-rhythm span{padding:.65rem 1rem;border:1px solid rgba(221,182,113,.36);color:#e5d0a6;font-size:.83rem;letter-spacing:.04em}
.dev-editions{background:linear-gradient(155deg,#07111e,#101e2c 60%,#09131e)}.dev-editions-heading{max-width:840px}.dev-editions h2,.dev-months h2,.dev-back h2{font-size:clamp(3.2rem,6vw,6.4rem);color:#f0dec0}.dev-editions-heading>p:not(.eyebrow),.dev-months-heading>p:not(.eyebrow){max-width:720px;color:#b6c3ce;line-height:1.8;font-size:1.05rem}.dev-edition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:3rem}.dev-edition{display:flex;flex-direction:column;min-height:300px;padding:clamp(1.5rem,3vw,2.6rem);border:1px solid rgba(221,182,113,.25);background:rgba(6,12,22,.7)}.dev-edition-number{color:#d6af6a;font-size:.8rem;letter-spacing:.18em}.dev-edition h3{font:600 clamp(2rem,3vw,3rem)/1 var(--serif);margin:1.4rem 0 .7rem}.dev-edition p{color:#acbac7;line-height:1.7;margin:0 0 2rem}.dev-purchase{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:50px;margin-top:auto;padding:.7rem 1rem;border:1px solid #d5a954;color:#f4ddb0;font-weight:700;font-size:.84rem}.dev-purchase.pending{border-color:rgba(221,182,113,.22);color:#b5a78f;background:rgba(255,255,255,.04);cursor:default}.dev-purchase:not(.pending):hover{background:#d5a954;color:#07101b}
.dev-months{background:#060c16}.dev-months-heading{text-align:center;max-width:1000px;margin:0 auto 3rem}.dev-months-heading>p:not(.eyebrow){margin:1.5rem auto 0}.dev-month-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,1.6vw,1.5rem)}.dev-month-grid a{position:relative;display:block;overflow:hidden;border:1px solid rgba(211,168,101,.22);background:#0e1b29;transition:border-color .25s,transform .25s}.dev-month-grid a:hover,.dev-month-grid a:focus-visible{transform:translateY(-5px);border-color:#e0b875}.dev-month-grid img{display:block;width:100%;height:auto;aspect-ratio:1054/1492;object-fit:cover;transition:transform .5s}.dev-month-grid a:hover img{transform:scale(1.03)}.dev-month-grid span{position:absolute;bottom:0;left:0;right:0;padding:2.4rem 1rem .9rem;background:linear-gradient(transparent,rgba(4,8,14,.92));font-size:.72rem;letter-spacing:.12em;color:#e3bd7f}.dev-month-grid strong{display:block;font:600 1.7rem/1 var(--serif);letter-spacing:0;color:#fff}
.dev-back{display:grid;grid-template-columns:1fr minmax(280px,.72fr);align-items:center;gap:clamp(2rem,8vw,8rem);background:radial-gradient(circle at 72% 50%,#263047,#0a1422 58%)}.dev-back>div>p:not(.eyebrow){color:#b8c4cd;max-width:610px;font-size:1.08rem;line-height:1.85;margin:1.5rem 0 2rem}.dev-back figure{margin:0;max-width:540px;justify-self:center}.dev-back img{display:block;width:100%;height:auto;box-shadow:0 30px 70px #000}
@media(max-width:900px){.dev-hero{grid-template-columns:1fr;min-height:auto;padding-top:9rem}.dev-cover{width:min(75%,450px)}.dev-edition-grid{grid-template-columns:1fr}.dev-edition{min-height:230px}.dev-month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dev-back{grid-template-columns:1fr}.dev-back figure{width:min(75%,450px)}}
@media(max-width:600px){.dev-hero h1{font-size:clamp(5.8rem,25vw,9rem)}.dev-hero-tagline{font-size:clamp(2.2rem,10vw,3.6rem)}.dev-cover{width:min(82%,380px)}.dev-month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-month-grid strong{font-size:1.35rem}.dev-month-grid span{padding-inline:.6rem}.dev-back figure{width:90%}}
@media(prefers-reduced-motion:reduce){.dev-month-grid a,.dev-month-grid img{transition:none}}