:root{--mi-gold:#e6bb78;--mi-light:#fff1d2;--mi-brown:#2b160a;--mi-deep:#140b06;--mi-line:rgba(230,187,120,.22)}.milagres-page{background:var(--mi-deep);color:var(--mi-light)}.milagres-page .topbar{background:linear-gradient(180deg,rgba(17,8,4,.9),transparent)}.milagres-page .eyebrow{color:var(--mi-gold)}.milagres-page .button.primary{background:var(--mi-gold);color:#251306}.milagres-page .button.ghost{border-color:rgba(230,187,120,.32)}
.mi-hero{min-height:100svh;position:relative;display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(3rem,6vw,7rem);align-items:center;padding:9rem clamp(1.25rem,6vw,6rem) 6rem;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 78% 20%,rgba(255,203,105,.18),transparent 30%),linear-gradient(140deg,#170b05,#3a210f 55%,#100804)}.mi-light{position:absolute;width:65vw;height:100vh;top:-65vh;right:4vw;border-radius:50%;background:#fff2be;filter:blur(90px);opacity:.2;z-index:-1}.mi-hero h1{font-family:var(--serif);font-size:clamp(5.7rem,12vw,12rem);line-height:.75;letter-spacing:-.055em;color:var(--mi-gold);margin:.8rem 0 2.5rem;text-shadow:0 15px 45px rgba(0,0,0,.4)}.mi-lead{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.8rem)!important;line-height:1.05;color:#ffeac1!important}.mi-hero-copy>p:not(.eyebrow,.mi-lead){color:#d0bfa7;max-width:600px}.mi-hero-books{display:flex;align-items:center;justify-content:center;min-height:650px;perspective:1200px}.mi-hero-books img{width:min(27%,220px);aspect-ratio:2/3;object-fit:cover;border:1px solid rgba(247,211,149,.28);box-shadow:0 35px 80px rgba(0,0,0,.56);margin-left:-6%;transition:.45s}.mi-hero-books img:first-child{margin-left:0;transform:rotate(-7deg) translateY(12px)}.mi-hero-books img:nth-child(2){transform:rotate(-2deg) translateY(-12px)}.mi-hero-books img:nth-child(3){transform:rotate(3deg) translateY(8px)}.mi-hero-books img:nth-child(4){transform:rotate(8deg) translateY(-9px)}.mi-hero-books:hover img{margin-left:-3%;transform:none}.mi-reference{position:absolute;bottom:1.8rem;left:clamp(1.25rem,6vw,6rem);font-family:var(--serif);letter-spacing:.18em;color:rgba(255,235,198,.4);font-size:.76rem}
.mi-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,9vw,11rem);background:linear-gradient(145deg,#1d0e07,#301b0d)}.mi-intro h2,.gallery-heading h2,.method-copy h2{font-family:var(--serif);font-size:clamp(3.3rem,6vw,6.5rem);line-height:.9;margin:0;color:#ffe7ba}.mi-intro-copy>p{font-size:1.08rem;color:#c6b59e}.mi-intro-copy blockquote{font-family:var(--serif);font-size:clamp(1.6rem,2.7vw,2.5rem);line-height:1.1;color:var(--mi-gold);border-left:1px solid var(--mi-gold);padding-left:1.5rem;margin:2rem 0 0}
.gospels{background:#110905}.gospel-list{display:grid;gap:1px;background:var(--mi-line);border:1px solid var(--mi-line)}.gospel{display:grid;grid-template-columns:minmax(280px,.68fr) 1.32fr;gap:clamp(3rem,8vw,9rem);align-items:center;padding:clamp(3rem,6vw,6rem);background:#160c07}.gospel.reverse{grid-template-columns:1.32fr minmax(280px,.68fr)}.gospel.reverse .gospel-cover{order:2}.gospel.reverse .gospel-copy{order:1}.gospel-cover{position:relative;width:min(100%,390px);aspect-ratio:2/3;margin:auto;perspective:900px}.gospel-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;box-shadow:0 30px 70px rgba(0,0,0,.58);border:1px solid rgba(230,187,120,.32);transition:.65s;backface-visibility:hidden}.flip-cover .back{opacity:0;transform:rotateY(-15deg)}.flip-cover:hover .front,.flip-cover:focus .front{opacity:0;transform:rotateY(15deg)}.flip-cover:hover .back,.flip-cover:focus .back{opacity:1;transform:none}.gospel-copy>span{font-size:.72rem;letter-spacing:.15em;color:#b79460}.gospel-copy h3{font-family:var(--serif);font-size:clamp(4.5rem,8vw,8rem);line-height:.72;margin:1rem 0;color:var(--mi-gold)}.gospel-copy h4{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.8rem);margin:0 0 1.5rem;color:#ffe6b7}.gospel-copy>p{color:#bfae97;max-width:720px}.mi-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.7rem}.mi-tags b{font-weight:400;font-size:.75rem;border:1px solid var(--mi-line);padding:.5rem .75rem;color:#e4c99c}
.miracle-gallery{background:linear-gradient(180deg,#2b170b,#100906)}.gallery-heading{max-width:900px;margin-bottom:clamp(3rem,7vw,7rem)}.gallery-heading>p:last-child{color:#c8b69d}.miracle-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:360px;gap:.9rem}.miracle-grid figure{position:relative;margin:0;overflow:hidden}.miracle-grid figure.wide{grid-column:span 2}.miracle-grid figure.tall{grid-row:span 2}.miracle-grid img{width:100%;height:100%;object-fit:cover;transition:.65s}.miracle-grid figure:hover img{transform:scale(1.045)}.miracle-grid figure:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,8,4,.92),transparent 55%)}.miracle-grid figcaption{position:absolute;z-index:2;left:1.5rem;bottom:1.4rem;font-family:var(--serif);font-size:1.65rem;color:#fff1d1}.miracle-grid figcaption span{display:block;font:400 .72rem var(--sans);letter-spacing:.08em;color:#d4b984;margin-top:.25rem}
.mi-method{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(3rem,8vw,9rem);align-items:center;background:#160c07}.method-image img{display:block;width:100%;border:1px solid var(--mi-line);box-shadow:0 30px 70px rgba(0,0,0,.45)}.method-copy ol{list-style:none;padding:0;margin:2rem 0 0}.method-copy li{display:grid;grid-template-columns:64px 1fr;gap:1.2rem;padding:1.15rem 0;border-bottom:1px solid var(--mi-line)}.method-copy li>span{font-family:var(--serif);font-size:2rem;color:rgba(230,187,120,.52)}.method-copy h3{font-family:var(--serif);font-size:1.65rem;color:var(--mi-gold);margin:0}.method-copy li p{color:#aa9a85;margin:.2rem 0}.mi-close{text-align:center;background:linear-gradient(180deg,#241208,#0f0805)}.mi-close blockquote{font-family:var(--serif);font-size:clamp(2.5rem,5vw,5rem);line-height:1;max-width:1100px;margin:1rem auto 2.5rem;color:#f7ddb1}
@media(max-width:1000px){.mi-hero{grid-template-columns:1fr}.mi-hero-books{min-height:530px}.mi-intro{grid-template-columns:1fr}.gospel,.gospel.reverse{grid-template-columns:minmax(250px,.75fr) 1.25fr;gap:4rem}.gospel.reverse .gospel-cover,.gospel.reverse .gospel-copy{order:initial}.mi-method{grid-template-columns:1fr 1.2fr}}
@media(max-width:700px){.mi-hero{padding-inline:1.25rem}.mi-hero h1{font-size:clamp(5rem,24vw,7.5rem)}.mi-hero-books{min-height:390px}.mi-hero-books img{width:37%}.mi-hero-books img:nth-child(3),.mi-hero-books img:nth-child(4){display:none}.mi-intro{grid-template-columns:1fr}.gospel,.gospel.reverse{grid-template-columns:1fr}.gospel.reverse .gospel-cover,.gospel.reverse .gospel-copy{order:initial}.gospel-cover{width:min(86%,370px)}.miracle-grid{grid-template-columns:1fr;grid-auto-rows:430px}.miracle-grid figure.wide{grid-column:auto}.miracle-grid figure.tall{grid-row:auto}.mi-method{grid-template-columns:1fr}}