:root{--navy:#26347e;--royal:#587bd5;--blue:#79bee7;--purple:#9172ce;--pink:#edb8d1;--gold:#e8c76c;--cream:#fff9ed;--ink:#33385f;--paper:#fffdfb;--muted:#747691;--shadow:0 20px 60px rgba(75,68,145,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f8fbff 0%,#fffaf0 46%,#f4f0ff 100%);color:var(--ink);font-family:Nunito,system-ui,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(circle at 15% 12%,#fff 0 3px,transparent 4px),radial-gradient(circle at 80% 30%,#7aa9ff 0 2px,transparent 3px);background-size:90px 90px,120px 120px}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,4vw,64px);background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(20,48,135,.1)}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--purple));color:var(--gold);border:2px solid var(--gold)}.brand strong{display:block;font-family:"Cormorant Garamond",serif;font-size:1.18rem;line-height:1}.brand small{font-size:.7rem;color:var(--muted)}nav{display:flex;gap:22px;align-items:center}nav a{font-size:.9rem;font-weight:800;color:var(--ink);text-decoration:none}.nav-order{padding:9px 16px;border-radius:999px;background:var(--navy);color:white}main{min-height:80vh}.page-view{display:none;animation:fade .35s ease}.page-view.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hero{min-height:calc(100vh - 68px);padding:clamp(55px,8vw,110px) clamp(22px,8vw,120px);display:none;grid-template-columns:1.15fr .85fr;align-items:center;overflow:hidden;background:radial-gradient(circle at 75% 45%,rgba(57,136,226,.25),transparent 30%),linear-gradient(140deg,#fffdf8 10%,#edf4ff 62%,#ede7ff)}.hero.active{display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:800;color:var(--purple);margin:0 0 10px}.hero h1,.section-heading h2,.about h2,.order h2{font-family:"Cormorant Garamond",serif;color:var(--navy);font-weight:700;line-height:.92;margin:.1em 0}.hero h1{font-size:clamp(4rem,9vw,7.8rem);max-width:720px}.hero-lead{max-width:620px;font-size:clamp(1.12rem,2vw,1.45rem);line-height:1.65;color:#3d4567}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 22px;border-radius:999px;text-decoration:none;font-weight:800;border:2px solid var(--navy);transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(18,28,99,.18)}.primary{background:linear-gradient(135deg,var(--navy),var(--royal));color:#fff;border-color:var(--navy)}.secondary{color:var(--navy);background:rgba(255,255,255,.66)}.hero-art{min-height:430px;display:grid;place-items:center;position:relative}.glass-orbit{width:min(340px,75vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,#62b8ff 0 26%,#245dc8 27% 45%,#6e49bd 46% 60%,#17388e 61%);border:10px solid var(--gold);box-shadow:0 0 0 8px #16277f,0 28px 65px rgba(24,39,129,.35);color:white}.glass-orbit:before{content:"";position:absolute;width:58%;height:58%;border-radius:50%;border:2px solid rgba(255,255,255,.4)}.glass-orbit span{font-family:"Cormorant Garamond",serif;font-size:7.5rem;line-height:.6;text-shadow:0 4px 0 rgba(0,0,0,.1)}.glass-orbit small{font-weight:800;text-transform:uppercase;letter-spacing:.16em}.bubble{position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.65);background:radial-gradient(circle at 35% 30%,white,rgba(109,192,255,.1) 42%,rgba(108,75,190,.25));box-shadow:inset 0 0 10px rgba(255,255,255,.8)}.b1{width:55px;height:55px;top:12%;right:2%}.b2{width:32px;height:32px;bottom:16%;left:5%}.b3{width:22px;height:22px;top:24%;left:8%}.directory{padding:70px clamp(18px,6vw,88px) 90px}.section-heading{text-align:center;max-width:760px;margin:0 auto 42px}.section-heading h2,.about h2,.order h2{font-size:clamp(2.8rem,6vw,5rem)}.section-heading>p:last-child{color:var(--muted);font-size:1.05rem}.apostle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1260px;margin:auto}.apostle-card{position:relative;display:block;overflow:hidden;border-radius:22px;background:white;border:3px solid var(--gold);box-shadow:var(--shadow);text-decoration:none;color:white;aspect-ratio:3/3.65}.apostle-card img{width:100%;height:100%;object-fit:cover;transition:.35s}.apostle-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(12,22,78,.96))}.apostle-card:hover img{transform:scale(1.035)}.apostle-label{position:absolute;z-index:2;left:18px;right:18px;bottom:17px}.apostle-label small{color:#f9d873;font-weight:800;letter-spacing:.12em}.apostle-label h3{font-family:"Cormorant Garamond",serif;font-size:1.75rem;margin:2px 0 0}.profile{padding-bottom:80px}.profile-hero{display:grid;grid-template-columns:minmax(290px,46%) 1fr;align-items:stretch;background:linear-gradient(135deg,var(--navy),#254fb2 64%,var(--purple));color:white;min-height:520px}.profile-image{min-height:520px;background:#10205e}.profile-image img{width:100%;height:100%;object-fit:cover}.profile-intro{padding:clamp(42px,7vw,90px);align-self:center}.profile-intro .eyebrow{color:#f6d774}.profile-intro h1{font-family:"Cormorant Garamond",serif;font-size:clamp(3.4rem,7vw,6rem);line-height:.9;margin:.1em 0}.profile-intro h2{font-family:"Cormorant Garamond",serif;font-size:clamp(1.4rem,3vw,2rem);font-weight:600;color:#f8df95}.facts{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.fact{padding:9px 13px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.08);font-size:.88rem}.profile-content{max-width:980px;margin:0 auto;padding:55px 22px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.content-card{background:rgba(255,255,255,.9);border:1px solid rgba(29,55,140,.12);border-radius:20px;padding:26px;box-shadow:0 10px 35px rgba(26,40,105,.08)}.content-card.wide{grid-column:1/-1}.content-card h3{font-family:"Cormorant Garamond",serif;color:var(--navy);font-size:2rem;margin:0 0 12px}.content-card p,.content-card li{line-height:1.75;color:#3e4563}.content-card ul{padding-left:20px}.prayer{background:linear-gradient(135deg,#172777,#6443a6);color:white}.prayer h3,.prayer p{color:white}.scripture-list{display:flex;flex-wrap:wrap;gap:8px}.scripture-list span{padding:8px 11px;border-radius:999px;background:#edf3ff;color:var(--navy);font-weight:700;font-size:.88rem}.back-row{max-width:980px;margin:0 auto;padding:0 22px}.about{padding:80px clamp(22px,7vw,100px);grid-template-columns:1.3fr .7fr;gap:26px;max-width:1250px;margin:auto}.about.active{display:grid}.about-card,.mission-card{background:white;border-radius:24px;padding:clamp(28px,5vw,58px);box-shadow:var(--shadow);border:1px solid rgba(24,56,146,.12)}.about p{font-size:1.05rem;line-height:1.8;color:#3f4664}.scripture-callout{margin-top:28px;padding:24px;border-left:5px solid var(--gold);background:#eef4ff;font-family:"Cormorant Garamond",serif;font-size:1.55rem;color:var(--navy)}.scripture-callout span{display:block;font:700 .78rem Nunito,sans-serif;margin-top:8px}.mission-card{background:linear-gradient(145deg,#192a80,#6846ad);color:white;align-self:start}.mission-card h3{font:700 2.3rem "Cormorant Garamond",serif;margin-top:0}.mission-card p{color:#f2f1ff}.signature{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:1.4rem!important;color:#f5d478!important}.order{min-height:72vh;padding:90px 22px;place-items:center;text-align:center;background:radial-gradient(circle,#fff 0,#f0f5ff 42%,#e7e0ff 100%)}.order.active{display:grid}.order>div{max-width:780px}.order p{font-size:1.08rem;line-height:1.7}.price{font:700 4rem "Cormorant Garamond",serif!important;color:var(--navy);margin:20px 0}.price span{display:block;font:700 .9rem Nunito,sans-serif;text-transform:uppercase;letter-spacing:.12em}.order-note{display:block;color:var(--muted);margin:13px auto;max-width:440px}footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(20px,5vw,70px);background:#101b5e;color:#dfe7ff;font-size:.8rem}
@media(max-width:900px){.apostle-grid{grid-template-columns:repeat(3,1fr)}.profile-hero{grid-template-columns:1fr}.profile-image{min-height:360px;max-height:520px}.about.active{grid-template-columns:1fr}.hero.active{grid-template-columns:1fr}.hero-art{min-height:360px}.hero-copy{text-align:center}.hero-lead{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}}
@media(max-width:650px){.site-header{align-items:flex-start}.brand small{display:none}nav{gap:10px}nav a:not(.nav-order){display:none}.hero{padding-top:40px}.hero h1{font-size:3.75rem}.hero-art{min-height:310px}.glass-orbit{width:250px}.glass-orbit span{font-size:5.5rem}.apostle-grid{grid-template-columns:repeat(2,1fr);gap:13px}.apostle-label{left:12px;right:12px;bottom:12px}.apostle-label h3{font-size:1.3rem}.profile-content{grid-template-columns:1fr}.content-card.wide{grid-column:auto}.profile-intro{padding:38px 22px}.profile-intro h1{font-size:3.55rem}footer{flex-direction:column;text-align:center}.directory{padding-left:14px;padding-right:14px}}
.release-banner{display:grid;grid-template-columns:auto 1fr;gap:3px 13px;align-items:center;max-width:620px;margin-top:30px;padding:17px 20px;border:1px solid rgba(28,54,139,.18);border-radius:18px;background:rgba(255,255,255,.64);box-shadow:0 10px 30px rgba(31,48,129,.08)}.release-banner span{grid-row:1/4;padding-right:14px;border-right:2px solid var(--gold);color:var(--purple);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.release-banner strong{font-family:"Cormorant Garamond",serif;color:var(--navy);font-size:1.17rem;line-height:1.1}.release-banner i{font-size:.72rem;color:var(--muted)}.special-heading{text-align:center;margin:80px auto 28px}.special-heading h2{font:700 clamp(2.3rem,5vw,4rem)/1 "Cormorant Garamond",serif;color:var(--navy);margin:0}.special-grid{grid-template-columns:minmax(240px,310px);justify-content:center}.special-grid .apostle-card{border-width:5px}.special-tag{background:var(--gold);color:var(--navy)!important;padding:4px 8px;border-radius:999px}@media(max-width:650px){.release-banner{grid-template-columns:1fr;text-align:left}.release-banner span{grid-row:auto;border-right:0;border-bottom:2px solid var(--gold);padding:0 0 8px;margin-bottom:4px}.special-grid{grid-template-columns:minmax(220px,300px)}}

/* Purple Beret pastel finish */
body{background:linear-gradient(155deg,#f4fbff 0%,#fff6fb 32%,#fffbed 58%,#f1edff 100%)}
body:before{opacity:.62;background:radial-gradient(circle at 12% 15%,rgba(176,222,255,.52),transparent 19%),radial-gradient(circle at 88% 18%,rgba(239,190,225,.44),transparent 18%),radial-gradient(circle at 72% 78%,rgba(196,184,255,.4),transparent 21%),radial-gradient(circle at 20% 83%,rgba(255,229,166,.3),transparent 17%)}
.site-header{background:rgba(255,251,255,.84);backdrop-filter:blur(18px);border-bottom-color:rgba(103,91,171,.11)}
.brand-mark{background:linear-gradient(135deg,#667bc5,#a177cb);box-shadow:0 4px 16px rgba(107,90,179,.2)}
.hero{background:radial-gradient(circle at 75% 45%,rgba(153,207,243,.35),transparent 31%),radial-gradient(circle at 18% 28%,rgba(255,205,229,.32),transparent 24%),linear-gradient(140deg,#fffdf8 8%,#eef8ff 58%,#f0eaff)}
.primary{background:linear-gradient(135deg,#6753b6,#638fd7 58%,#6aafd8);border-color:#6759b1;box-shadow:0 8px 25px rgba(91,83,176,.2)}
.glass-orbit{background:radial-gradient(circle,#b0def5 0 26%,#7ba0df 27% 45%,#ad91d7 46% 60%,#6674b9 61%);border-color:#f1d98c;box-shadow:0 0 0 8px #7777bd,0 28px 65px rgba(98,92,172,.25)}
.apostle-card,.about-card,.mission-card,.content-card{border-color:rgba(232,199,108,.8);box-shadow:0 20px 55px rgba(102,88,163,.13)}
.content-card{background:rgba(255,253,255,.88);backdrop-filter:blur(8px)}
.profile-hero,.mission-card,.prayer{background:linear-gradient(135deg,#526bb6,#758fd2 48%,#a17bca)}
.order{background:radial-gradient(circle at 50% 38%,#fffdfc 0,#f3f9ff 39%,#eee8ff 72%,#faeefa 100%)}
.floating-bubbles{position:fixed;inset:0;overflow:hidden;z-index:2;pointer-events:none}.floating-bubbles i{position:absolute;display:block;border-radius:50%;border:1.5px solid rgba(255,255,255,.78);background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.95),rgba(181,222,247,.13) 43%,rgba(189,151,220,.2));box-shadow:inset 0 0 11px rgba(255,255,255,.9),0 4px 14px rgba(113,115,190,.12);animation:float 9s ease-in-out infinite}.floating-bubbles i:nth-child(1){width:44px;height:44px;left:4%;top:18%}.floating-bubbles i:nth-child(2){width:22px;height:22px;left:13%;top:67%;animation-delay:-4s}.floating-bubbles i:nth-child(3){width:34px;height:34px;left:33%;top:9%;animation-delay:-6s}.floating-bubbles i:nth-child(4){width:18px;height:18px;right:38%;top:74%;animation-delay:-2s}.floating-bubbles i:nth-child(5){width:52px;height:52px;right:5%;top:22%;animation-delay:-7s}.floating-bubbles i:nth-child(6){width:27px;height:27px;right:13%;top:63%;animation-delay:-1s}.floating-bubbles i:nth-child(7){width:16px;height:16px;left:48%;top:44%;animation-delay:-5s}.floating-bubbles i:nth-child(8){width:38px;height:38px;right:27%;top:12%;animation-delay:-3s}@keyframes float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.04)}}@media(prefers-reduced-motion:reduce){.floating-bubbles i{animation:none}}

/* Special saints and studio patron */
.special-heading>p:last-child{max-width:660px;margin:12px auto 0;color:var(--muted)}
.special-grid{grid-template-columns:repeat(2,minmax(240px,310px))}
.patron-feature{display:grid;gap:2px;max-width:620px;margin-top:14px;padding:15px 20px;border:1px solid rgba(28,54,139,.18);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(237,232,255,.78));color:var(--ink);text-decoration:none;box-shadow:0 10px 30px rgba(31,48,129,.08);transition:.2s}
.patron-feature:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(31,48,129,.14)}
.patron-feature span{color:var(--purple);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.patron-feature strong{font:700 1.28rem "Cormorant Garamond",serif;color:var(--navy)}
.patron-feature small{color:var(--muted);line-height:1.45}
@media(max-width:650px){.special-grid{grid-template-columns:minmax(220px,300px)}.patron-feature{text-align:left}}