:root{
  --ink:#0c0d0f;--ink2:#15171a;--paper:#f4ead5;--cream:#f7f0df;--gold:#f1c232;--gold2:#ffd84c;--red:#9e1b32;--white:#fff;--muted:#b7b9bd;--line:rgba(255,255,255,.12);--shadow:0 26px 70px rgba(0,0,0,.28);--radius:26px;--max:1200px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:"Nunito",system-ui,sans-serif;line-height:1.6;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit}button,input,textarea{font:inherit}.section{padding:108px 24px}.section-inner{max-width:var(--max);margin:0 auto}.section-heading{max-width:820px;margin-bottom:52px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2,.intro-grid h2,.artist-copy h2,.sketch-grid h2,.contact-grid h2{font-family:"Bangers",Impact,sans-serif;font-weight:400;letter-spacing:.015em;line-height:.98;font-size:clamp(2.8rem,6vw,5.6rem);margin:.18em 0 .28em}.section-heading p,.intro-copy,.artist-copy,.launch-lede{font-size:1.1rem;color:#d4d3cf}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-weight:900;font-size:.76rem;color:var(--cream);margin:0 0 12px}.eyebrow.gold{color:var(--gold2)}.eyebrow.dark{color:#2b2d30}.lead{font-size:1.35rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;text-decoration:none;font-weight:900;transition:.2s transform,.2s background,.2s color}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--gold2);color:#111}.button-ghost{border:1px solid rgba(255,255,255,.42);color:#fff;background:rgba(255,255,255,.04)}.button-dark{background:#151515;color:#fff}.image-button{border:0;padding:0;background:none;cursor:zoom-in;display:block;width:100%}.image-button img{width:100%;height:100%;object-fit:cover}

.site-header{position:fixed;z-index:100;top:0;left:0;right:0;height:74px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,rgba(4,5,6,.93),rgba(4,5,6,.64),transparent);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-family:"Bangers",Impact,sans-serif;font-size:1.55rem;letter-spacing:.05em}.brand-mark{color:var(--gold2);transform:translateY(-7px);font-family:Arial}.site-nav{display:flex;align-items:center;gap:24px;font-weight:800;font-size:.9rem}.site-nav a{text-decoration:none;color:#f1ede4}.nav-cta{padding:10px 17px;border:1px solid var(--gold2);border-radius:999px;color:var(--gold2)!important}.menu-toggle{display:none;border:1px solid #777;border-radius:999px;background:transparent;color:white;padding:8px 14px}

.hero{min-height:100svh;position:relative;overflow:hidden;padding:130px max(24px,calc((100vw - var(--max))/2)) 70px;display:grid;grid-template-columns:1.04fr .96fr;gap:40px;align-items:center;background:radial-gradient(circle at 72% 38%,rgba(241,194,50,.16),transparent 29%),linear-gradient(135deg,#08090a,#111316 58%,#070808)}.hero:before{content:"";position:absolute;inset:-40%;background:repeating-conic-gradient(from 0deg at 72% 50%,rgba(255,255,255,.028) 0 3deg,transparent 3deg 10deg);opacity:.38;transform:rotate(-4deg)}.hero-grain{position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.hero-copy,.hero-art{position:relative;z-index:2}.hero h1{font-family:"Bangers",Impact,sans-serif;font-size:clamp(4.5rem,9.2vw,9.4rem);line-height:.86;letter-spacing:.01em;margin:.05em 0 .15em;max-width:780px}.hero-lede{font-size:clamp(1.05rem,1.6vw,1.35rem);max-width:660px;color:#d7d7d6}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-proof{display:flex;gap:32px;margin-top:48px;flex-wrap:wrap}.hero-proof div{display:flex;flex-direction:column}.hero-proof strong{font-family:"Bangers",Impact,sans-serif;font-size:2rem;color:var(--gold2);font-weight:400}.hero-proof span{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:#aeb0b4}.hero-art{height:min(70vh,670px);display:flex;align-items:center;justify-content:center}.logo-crop{width:min(76%,460px);filter:drop-shadow(0 28px 35px rgba(0,0,0,.4));position:absolute;top:4%;z-index:4}.logo-crop img{width:100%;height:auto}.hero-card-stack{position:absolute;inset:27% 0 0;display:flex;align-items:flex-end;justify-content:center}.hero-card{position:absolute;width:min(34%,225px);border-radius:14px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.22)}.hc1{transform:translateX(-56%) rotate(-12deg)}.hc2{transform:translateX(3%) rotate(3deg);z-index:2}.hc3{transform:translateX(63%) rotate(14deg)}.scroll-cue{position:absolute;z-index:3;bottom:28px;left:50%;text-decoration:none;border:1px solid rgba(255,255,255,.25);border-radius:999px;width:38px;height:38px;display:grid;place-items:center;animation:bob 1.8s ease-in-out infinite}@keyframes bob{50%{transform:translateY(6px)}}

.intro-section{background:#f2eee6;color:#191b1d}.intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.intro-grid h2{margin-top:.1em}.intro-copy{color:#383b3e}.three-up{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:70px}.feature-card{padding:32px;border:1px solid #cfcac0;border-radius:22px;background:white}.feature-number{font-family:"Bangers";color:#c09513;font-size:2.3rem}.feature-card h3{font-size:1.4rem;margin:.25rem 0}.feature-card p{color:#53575b;margin:0}

.story-section{background:#0d0f11}.origin-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center}.origin-copy{display:grid;gap:22px}.story-step{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:20px 0;border-top:1px solid var(--line)}.story-step>span{font-family:"Bangers";font-size:2.35rem;color:var(--gold2)}.story-step h3{margin:0 0 5px;font-size:1.2rem}.story-step p{margin:0;color:#c5c5c3}.origin-visual{max-width:430px;justify-self:center}.origin-visual .image-button{border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.origin-caption{text-align:center;margin-top:14px;display:flex;flex-direction:column}.origin-caption span{font-size:.88rem;color:#aaa}.founders-strip{margin-top:84px;border-radius:28px;overflow:hidden;background:#181a1d;display:grid;grid-template-columns:1.1fr .9fr;align-items:stretch;border:1px solid var(--line)}.founders-photo{height:440px}.founders-copy{padding:44px;align-self:center}.founders-copy h3{font-family:"Bangers";font-weight:400;font-size:3rem;line-height:1;margin:.2em 0}.founders-copy p{color:#c8c9c8}

.artist-section{background:linear-gradient(135deg,#f2c5c8,#d8c7ee 55%,#f7e4b7);color:#1a1c1e}.artist-grid{display:grid;grid-template-columns:1.05fr .72fr;gap:72px;align-items:center}.artist-copy p{color:#34383a}.artist-portrait{height:560px;border-radius:28px;overflow:hidden;box-shadow:0 30px 70px rgba(60,40,40,.18)}.logo-evolution{display:grid;grid-template-columns:1.35fr .65fr;gap:24px;margin-top:58px}.logo-process-card{border-radius:24px;overflow:hidden;max-height:700px}.logo-process-card img{object-fit:cover;object-position:center}.art-mini-grid{display:grid;grid-template-rows:repeat(3,1fr);gap:16px}.art-mini-grid .image-button{border-radius:20px;overflow:hidden;min-height:0}

.process-section{background:#e7dfcf;color:#151719}.process-feature{display:grid;grid-template-columns:.92fr 1.08fr;gap:52px;align-items:center}.process-poster{border-radius:28px;overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.16);max-width:520px;margin:auto}.process-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.process-list div{background:rgba(255,255,255,.58);border:1px solid rgba(20,20,20,.1);padding:18px 17px;border-radius:18px;display:flex;gap:13px;align-items:flex-start}.process-list span{font-family:"Bangers";font-size:1.8rem;color:#9c7911}.process-list p{margin:0;font-weight:800;line-height:1.35}

.collection-section{background:#0b0d0f}.collection-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end}.collection-heading h2{font-family:"Bangers";font-weight:400;font-size:clamp(3.4rem,7vw,6.8rem);line-height:.9;margin:.12em 0}.collection-stat-card{justify-self:end;width:min(100%,360px);padding:30px;border-radius:24px;background:var(--gold2);color:#111;display:flex;flex-direction:column}.collection-stat-card strong{font-family:"Bangers";font-size:4.6rem;line-height:1;font-weight:400}.collection-stat-card span{font-weight:900}.collection-stat-card small{margin-top:6px}.category-chips{display:flex;flex-wrap:wrap;gap:10px;margin:48px 0 70px}.category-chips span{border:1px solid #3e4145;background:#15171a;border-radius:999px;padding:9px 14px;font-size:.84rem;font-weight:800}.gallery-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.gallery-intro h3{font-size:1.6rem;margin:0}.gallery-controls{display:flex;gap:8px}.gallery-controls button{width:44px;height:44px;border-radius:50%;border:1px solid #4b4d50;background:#17191c;color:white;cursor:pointer}.card-gallery{display:flex;gap:22px;overflow-x:auto;padding:20px 4px 38px;scroll-snap-type:x mandatory;scrollbar-color:#555 transparent}.trading-card{flex:0 0 clamp(210px,23vw,280px);aspect-ratio:2.5/3.5;perspective:1300px;scroll-snap-align:center;cursor:pointer}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:.65s cubic-bezier(.2,.7,.2,1)}.trading-card.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.38);background:#fff}.card-face.back{transform:rotateY(180deg)}.card-face img{width:100%;height:100%;object-fit:cover}

.rarity-section{background:linear-gradient(180deg,#131517,#0b0c0e)}.rarity-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.rarity-card{position:relative;background:#1a1c1f;border:1px solid #2f3236;border-radius:22px;padding:14px;overflow:hidden}.rarity-card img{width:100%;aspect-ratio:2.5/3.5;object-fit:cover;border-radius:14px}.rarity-number{position:absolute;z-index:2;top:22px;right:22px;padding:6px 10px;border-radius:999px;background:var(--gold2);color:#111;font-weight:900}.rarity-card h3{font-size:1.15rem;margin:16px 0 5px}.rarity-card p{font-size:.88rem;color:#bdbfbe;margin:0}.sketch-section{background:#f5f0e4;color:#1a1b1d}.sketch-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}.sketch-grid p{color:#45484b}.sketch-note{padding:12px 14px;background:#e5dcc8;border-left:4px solid #b88f16}.sketch-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.sketch-compare figure{margin:0;text-align:center}.sketch-compare img{border-radius:18px;box-shadow:0 20px 45px rgba(0,0,0,.13)}.sketch-compare figcaption{margin-top:10px;font-weight:800}.compare-arrow{font-family:"Bangers";font-size:3rem;color:#b38a10}

.history-section{background:#101215}.history-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.history-card{grid-column:span 2;border:1px solid #303338;border-radius:25px;background:#181a1e;overflow:hidden}.history-card:nth-child(n+4){grid-column:span 3}.history-card img{width:100%;height:380px;object-fit:cover;background:#222}.history-card.history-artist-insert img{object-fit:contain;background:#f3f0e8;padding:16px}.history-card div{padding:28px}.history-card h3{font-family:"Bangers";font-size:2.2rem;font-weight:400;margin:.2em 0}.history-card p{color:#bfc1c2}.history-count{display:inline-block;background:var(--gold2);color:#111;border-radius:999px;padding:6px 10px;font-weight:900;font-size:.75rem;letter-spacing:.08em}

.launch-section{background:#151719}.launch-intro{display:flex;justify-content:space-between;gap:40px;align-items:end}.launch-intro h2{font-family:"Bangers";font-size:clamp(3.2rem,6vw,6rem);font-weight:400;line-height:.95;margin:.1em 0}.big-stat{border-left:2px solid var(--gold2);padding-left:24px;display:flex;flex-direction:column;min-width:200px}.big-stat strong{font-family:"Bangers";font-size:5.3rem;line-height:.85;color:var(--gold2);font-weight:400}.big-stat span{font-weight:900}.big-stat small{color:#aaa}.launch-lede{max-width:800px;margin:24px 0 44px}.photo-mosaic{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-auto-rows:240px;gap:14px}.photo-mosaic .image-button{border-radius:18px;overflow:hidden}.photo-mosaic .wide{grid-row:span 2}.photo-mosaic button:nth-child(5){grid-column:2/span 1}.photo-mosaic button:nth-child(6){grid-column:3/span 1}

.impact-section{background:#0a0b0d}.impact-stories{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.impact-card{border:1px solid #292c30;border-radius:22px;padding:28px;background:linear-gradient(145deg,#141619,#101214)}.impact-icon{font-size:2rem;color:var(--gold2)}.impact-card h3{margin:11px 0 8px}.impact-card p{margin:0;color:#b7b9b9;font-size:.94rem}.quote{margin:60px auto 0;max-width:900px;text-align:center;font-size:clamp(1.7rem,3.4vw,3rem);line-height:1.22;font-weight:800}.quote p{margin-bottom:12px}.quote cite{font-style:normal;font-size:.9rem;color:var(--gold2);letter-spacing:.08em;text-transform:uppercase}

.club-section{background:#e6d8b8;color:#181a1c}.club-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:74px;align-items:center}.club-copy h2{font-family:"Bangers";font-size:5rem;font-weight:400;margin:.1em 0}.club-copy p{color:#3f4245}.check-list{padding:0;list-style:none;display:grid;gap:10px}.check-list li:before{content:"✓";font-weight:900;margin-right:11px;color:#8c6b0d}.club-panel{background:#111316;color:#fff;border-radius:28px;padding:32px}.panel-kicker{font-weight:900;color:var(--gold2)}.skill{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #333;padding:17px 0}.skill strong{font-family:"Bangers";font-size:2rem;color:#666;font-weight:400}

.reach-section{background:#f3efe7;color:#181a1c}.reach-section .section-heading p{color:#4c4f52}.reach-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.reach-feature{background:white;border:1px solid #d9d2c7;border-radius:26px;overflow:hidden}.reach-copy{padding:30px}.reach-copy h3{font-family:"Bangers";font-size:2.5rem;line-height:1;font-weight:400;margin:.25em 0}.reach-copy p{color:#505458}.reach-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px}.reach-gallery .image-button{height:200px;overflow:hidden;border-radius:12px}.press-label{display:inline-block;font-weight:900;color:#80620d;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}.press-card{margin-top:28px;background:#17191c;color:#fff;border-radius:24px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:30px}.press-card h3{margin:.25em 0;font-size:1.45rem}.press-card p{margin:0;color:#aaa}

.mission-section{background:#0e1012}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mission-card{border-radius:24px;padding:30px;background:#17191c;border:1px solid #2a2d31}.mission-card>span{font-family:"Bangers";font-size:2.3rem;color:var(--gold2)}.mission-card h3{font-size:1.45rem}.mission-card p{color:#b8bab9}.mission-card a{font-weight:900;color:var(--gold2);text-decoration:none}.series2-section{position:relative;overflow:hidden;padding:130px 24px;text-align:center;background:#050607}.series2-glow{position:absolute;width:700px;height:700px;border-radius:50%;background:rgba(241,194,50,.13);filter:blur(80px);left:50%;top:50%;transform:translate(-50%,-50%)}.series2-section .section-inner{position:relative}.series2-section h2{font-family:"Bangers";font-size:clamp(5rem,12vw,11rem);font-weight:400;line-height:.8;margin:.1em}.series2-section p:last-child{font-size:1.3rem}.contact-section{background:#f2eee5;color:#181a1c}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.contact-grid>div p{color:#515458}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{font-weight:900;font-size:.85rem;display:flex;flex-direction:column;gap:7px}.contact-form label:nth-child(4){grid-column:1/-1}.contact-form input,.contact-form textarea{border:1px solid #cdc6ba;border-radius:13px;background:white;padding:13px 14px;color:#111}.contact-form button{border:0;cursor:pointer;justify-self:start}.form-note{grid-column:1/-1;font-size:.78rem;color:#777}.site-footer{padding:44px 24px;text-align:center;background:#050607;border-top:1px solid #202225}.site-footer div{display:flex;justify-content:center;gap:10px;align-items:baseline}.site-footer strong{font-family:"Bangers";font-size:2rem;font-weight:400}.site-footer span{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em}.site-footer p{margin:.3em}.footer-small{font-size:.75rem;color:#777}

.lightbox{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.93);display:none;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox-content{max-width:min(1100px,92vw);max-height:90vh;text-align:center}.lightbox-content img{max-height:82vh;max-width:100%;object-fit:contain;margin:auto;border-radius:12px}.lightbox-content p{color:#ddd;margin:12px auto 0;max-width:800px}.lightbox-close{position:absolute;top:20px;right:24px;border:0;background:none;color:white;font-size:3rem;cursor:pointer;line-height:1}.reveal{opacity:0;transform:translateY(22px);transition:.7s opacity ease,.7s transform ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:1050px){.rarity-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.hero-art{height:520px}.origin-layout,.artist-grid,.process-feature,.sketch-grid,.club-grid,.contact-grid{grid-template-columns:1fr}.founders-strip{grid-template-columns:1fr}.founders-photo{height:360px}.artist-portrait{height:500px}.reach-grid{grid-template-columns:1fr}.history-grid{grid-template-columns:1fr 1fr}.history-card,.history-card:nth-child(n+4){grid-column:auto}.photo-mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.photo-mosaic .wide{grid-column:1/-1;grid-row:span 2}.photo-mosaic button:nth-child(5),.photo-mosaic button:nth-child(6){grid-column:auto}.impact-stories{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.section{padding:78px 18px}.site-header{height:66px;padding:0 18px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:64px;right:16px;left:16px;flex-direction:column;align-items:stretch;gap:2px;background:#0e1012;border:1px solid #2c2f33;border-radius:18px;padding:10px}.site-nav.open{display:flex}.site-nav a{padding:11px 13px}.hero{padding:110px 18px 55px;min-height:auto}.hero h1{font-size:clamp(4rem,20vw,7rem)}.hero-art{height:430px}.hero-card{width:min(38%,160px)}.hero-proof{gap:18px}.intro-grid,.collection-heading{grid-template-columns:1fr;gap:25px}.three-up,.rarity-grid,.history-grid,.impact-stories,.mission-grid{grid-template-columns:1fr}.history-card,.history-card:nth-child(n+4){grid-column:auto}.collection-stat-card{justify-self:start}.logo-evolution{grid-template-columns:1fr}.art-mini-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.art-mini-grid .image-button{height:200px}.process-list{grid-template-columns:1fr}.launch-intro{align-items:start;flex-direction:column}.photo-mosaic{grid-template-columns:1fr;grid-auto-rows:260px}.photo-mosaic .wide{grid-column:auto;grid-row:auto;height:300px}.reach-gallery{grid-template-columns:1fr 1fr}.press-card{flex-direction:column;align-items:flex-start}.contact-form{grid-template-columns:1fr}.contact-form label:nth-child(4){grid-column:auto}.form-note{grid-column:auto}.sketch-compare{grid-template-columns:1fr}.compare-arrow{transform:rotate(90deg);text-align:center}.origin-layout{gap:40px}.origin-visual{max-width:330px}.founders-copy{padding:30px}.rarity-card{display:grid;grid-template-columns:130px 1fr;gap:16px;align-items:center}.rarity-card img{width:130px}.rarity-number{top:20px;left:20px;right:auto}.history-card{display:grid;grid-template-columns:140px 1fr}.history-card img{height:100%;min-height:300px}.history-card div{padding:24px}.logo-process-card{max-height:none}}
@media(max-width:520px){.hero-art{height:360px}.logo-crop{width:88%;top:1%}.hero-card{width:42%}.hc1{transform:translateX(-48%) rotate(-10deg)}.hc2{transform:translateX(8%) rotate(2deg)}.hc3{transform:translateX(61%) rotate(13deg)}.rarity-card{grid-template-columns:1fr}.rarity-card img{width:100%}.history-card{grid-template-columns:1fr}.history-card img{height:340px}.reach-gallery{grid-template-columns:1fr}.reach-gallery .image-button{height:260px}.art-mini-grid{grid-template-columns:1fr;grid-template-rows:repeat(3,220px)}}

/* =========================================================
   VERSION 2.1 REFINEMENTS — preserve V1 / Sacred Legacy feel
   ========================================================= */

/* Temporary actual-wordmark treatment until the exact uploaded nav/footer logo replaces it */
.brand-logo{height:52px;display:flex;align-items:center;max-width:150px;overflow:hidden}
.brand-logo img{height:48px;width:132px;object-fit:cover;object-position:center 48%;border-radius:8px}

/* Restore the Version 1 hero composition: large logo field behind, three floating cards in front */
.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.85fr);align-items:center;gap:3vw;padding:110px clamp(22px,6vw,90px) 70px;background:radial-gradient(circle at 75% 42%,rgba(240,197,52,.16),transparent 28%),radial-gradient(circle at 20% 15%,#263037 0,transparent 38%),linear-gradient(140deg,#080a0b,#171a1c 55%,#0c0e10);overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 75% 55%,rgba(255,255,255,.025) 0 6deg,transparent 6deg 14deg);opacity:.55;mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 100%);transform:none}
.hero-noise{position:absolute;inset:0;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.hero-copy,.hero-art{position:relative;z-index:2}
.hero h1{font-family:"Bangers",Impact,sans-serif;font-weight:400;letter-spacing:.02em;line-height:.98;font-size:clamp(4.2rem,8vw,8.6rem);margin:.1em 0 .2em;max-width:8ch;text-wrap:balance;text-shadow:0 4px 28px #000}
.hero-lede{font-size:clamp(1.1rem,1.8vw,1.35rem);max-width:650px;color:#ddd;line-height:1.55}
.hero-art{min-height:620px;height:auto;display:block}
.logo-crop{position:absolute;top:4%;left:3%;right:3%;width:auto;height:470px;overflow:hidden;border-radius:32px;filter:drop-shadow(0 28px 40px #0009);z-index:1}
.logo-crop img{width:100%;height:100%;object-fit:cover;object-position:center 46%}
.floating-cards{position:absolute;inset:0;z-index:2}
.float-card{position:absolute;width:min(34%,220px);border-radius:15px;box-shadow:0 24px 45px #000a;border:1px solid #fff2;animation:float 6s ease-in-out infinite}
.c1{bottom:3%;left:5%;transform:rotate(-11deg)}
.c2{bottom:-1%;left:37%;transform:rotate(3deg);animation-delay:-2s}
.c3{bottom:4%;right:1%;transform:rotate(12deg);animation-delay:-4s}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}

/* Origin: founders photo immediately beside the Founders Card */
.story-section .origin-copy{max-width:920px}
.founders-origin-panel{margin-top:68px;display:grid;grid-template-columns:1.18fr .72fr .9fr;gap:18px;align-items:stretch;background:#181a1d;border:1px solid var(--line);border-radius:28px;padding:18px;overflow:hidden}
.founders-origin-panel .image-button{border-radius:18px;overflow:hidden;min-height:410px}
.founders-origin-panel .image-button img{width:100%;height:100%;object-fit:cover}
.founders-origin-card img{object-fit:contain!important;background:#111}
.founders-origin-copy{align-self:center;padding:20px 24px}
.founders-origin-copy h3{font-family:"Bangers",Impact,sans-serif;font-size:3rem;font-weight:400;line-height:1;margin:.15em 0 .35em}
.founders-origin-copy p:last-child{color:#c7c7c4}

/* Salma section: same cream editorial palette as “A collectible with a higher purpose.” */
.artist-section{background:#f2eee6;color:#191b1d}
.artist-copy p{color:#383b3e}
.artist-portrait{height:520px;border-radius:26px;overflow:hidden;box-shadow:0 24px 55px rgba(0,0,0,.12)}
.logo-evolution{display:block;margin-top:56px}
.logo-process-card{border-radius:24px;overflow:hidden;max-height:none;background:#111;box-shadow:0 22px 48px rgba(0,0,0,.12)}
.logo-process-card img{width:100%;height:auto;object-fit:contain}
.artist-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:18px}
.artist-gallery .image-button{height:190px;border-radius:16px;overflow:hidden;background:white;border:1px solid #d5cfc3}
.artist-gallery .image-button img{object-fit:cover}

/* Process readability */
.process-section .section-heading p:not(.eyebrow){color:#4b4b46}
.process-section .section-heading h2{color:#151719}

/* Updated collection total + all tier browsers */
.collection-breakdown{max-width:720px;color:#bbbcb9;font-size:1rem;margin:22px 0 0}
.collection-breakdown strong{color:var(--gold2)}
.tier-browser{margin-top:82px;padding-top:54px;border-top:1px solid #303338}
.tier-browser-heading{max-width:780px;margin-bottom:42px}
.tier-browser-heading h3{font-family:"Bangers",Impact,sans-serif;font-size:clamp(2.8rem,5vw,4.8rem);font-weight:400;line-height:1;margin:.12em 0 .2em}
.tier-browser-heading p:last-child{color:#b7b9bd}
.tier-group{margin:0 0 58px}
.tier-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:18px}
.tier-title>div{display:flex;align-items:center;gap:13px}
.tier-title h4{font-family:"Bangers",Impact,sans-serif;font-size:2.25rem;line-height:1;font-weight:400;margin:0}
.tier-title p{margin:0;color:#aeb0b3;text-align:right;max-width:440px}
.tier-badge{display:inline-grid;place-items:center;min-width:54px;height:38px;padding:0 12px;border-radius:999px;background:var(--gold2);color:#111;font-weight:900}
.tier-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;padding:8px 2px 24px;scrollbar-color:#666 transparent}
.tier-item{scroll-snap-align:start;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 18px 38px rgba(0,0,0,.28);aspect-ratio:2.5/3.5;border:1px solid rgba(255,255,255,.12)}
.tier-item img{width:100%;height:100%;object-fit:cover}

/* Better school-launch photo rhythm: six equal tiles, no awkward gaps */
.photo-mosaic{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:14px}
.photo-mosaic .image-button,.photo-mosaic .image-button.wide{grid-column:auto;grid-row:auto;height:auto;aspect-ratio:4/3;border-radius:18px;overflow:hidden}
.photo-mosaic .image-button img{width:100%;height:100%;object-fit:cover}
.photo-mosaic button:nth-child(5),.photo-mosaic button:nth-child(6){grid-column:auto}

/* HALO Club now includes community leadership photos */
.club-visuals{display:grid;gap:16px}
.club-panel{background:#111316;color:#fff;border-radius:28px;padding:30px}
.club-photo-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:9px}
.club-photo-grid .image-button{height:210px;border-radius:16px;overflow:hidden}
.club-photo-grid .image-button:first-child{grid-row:span 2;height:429px}
.club-photo-grid .image-button img{width:100%;height:100%;object-fit:cover}

/* Footer: image lockup instead of typed “HALO / Catholic Trading Cards” */
.site-footer{padding:48px 24px;text-align:center;background:#050607;border-top:1px solid #202225}
.footer-logo{width:min(260px,72vw);height:112px;object-fit:cover;object-position:center 48%;margin:0 auto 12px;border-radius:16px}
.site-footer p{margin:.35em}

@media(max-width:1050px){
  .founders-origin-panel{grid-template-columns:1fr 1fr}.founders-origin-copy{grid-column:1/-1;text-align:center}
  .artist-gallery{grid-template-columns:repeat(3,1fr)}
  .tier-track{grid-auto-columns:calc((100% - 36px)/3)}
  .club-photo-grid{grid-template-columns:1fr 1fr}.club-photo-grid .image-button:first-child{grid-row:auto;grid-column:1/-1;height:320px}.club-photo-grid .image-button{height:230px}
}

@media(max-width:760px){
  .brand-logo{height:44px;max-width:112px}.brand-logo img{height:42px;width:110px}
  .hero{grid-template-columns:1fr;padding-top:115px}.hero-copy{text-align:center}.hero h1{margin-left:auto;margin-right:auto}.hero-lede{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-art{min-height:560px;max-width:620px;width:100%;margin:auto}
  .logo-crop{height:390px}
  .float-card{width:min(34%,190px)}
  .founders-origin-panel{grid-template-columns:1fr}.founders-origin-panel .image-button{min-height:auto;aspect-ratio:4/3}.founders-origin-card{max-width:390px;margin:auto;width:100%;aspect-ratio:4/5!important}.founders-origin-copy{grid-column:auto;padding:20px 12px 26px}
  .artist-grid{gap:34px}.artist-portrait{height:460px}.artist-gallery{grid-template-columns:repeat(2,1fr)}.artist-gallery .image-button{height:190px}
  .tier-title{align-items:flex-start;flex-direction:column;gap:8px}.tier-title p{text-align:left}.tier-track{grid-auto-columns:calc((100% - 18px)/2)}
  .photo-mosaic{grid-template-columns:repeat(2,1fr)}
  .club-photo-grid{grid-template-columns:1fr 1fr}.club-photo-grid .image-button:first-child{grid-column:1/-1;height:300px}
  .footer-logo{height:96px}
}

@media(max-width:520px){
  .hero{padding:92px 18px 60px;min-height:auto}.hero h1{font-size:clamp(4rem,20vw,6.7rem)}.hero-art{min-height:430px}.logo-crop{height:340px}.float-card{width:33%}
  .c1{bottom:3%;left:4%;transform:rotate(-10deg)}.c2{bottom:0;left:37%;transform:rotate(2deg)}.c3{bottom:4%;right:1%;transform:rotate(12deg)}
  .artist-gallery{grid-template-columns:repeat(2,1fr)}.artist-gallery .image-button{height:155px}
  .tier-track{grid-auto-columns:76%}
  .photo-mosaic{grid-template-columns:1fr}.photo-mosaic .image-button,.photo-mosaic .image-button.wide{aspect-ratio:4/3}
  .club-photo-grid{grid-template-columns:1fr}.club-photo-grid .image-button:first-child,.club-photo-grid .image-button{grid-column:auto;height:250px}
}
.brand-logo img{object-fit:contain;object-position:center;background:#0b0d0f}
.footer-logo{object-fit:contain;object-position:center;background:#050607}

/* Version 2.3 — one continuous origin story */
.story-journey-section{background:#f2eee6;color:#191b1d;padding-top:120px;padding-bottom:120px}
.story-journey-section .eyebrow{color:#9a7711}
.story-journey-section p{color:#3f4345}
.journey-opening{display:grid;grid-template-columns:.82fr 1.18fr;gap:56px;align-items:start}
.journey-title-block h2{font-family:"Bangers",Impact,sans-serif;font-size:clamp(3.2rem,5.4vw,5.6rem);font-weight:400;line-height:.94;margin:.08em 0 0;color:#151719;white-space:nowrap;letter-spacing:.01em}
.journey-opening-copy{max-width:760px}.journey-opening-copy .lead{font-size:1.35rem;line-height:1.55}.journey-opening-copy strong{color:#16181a}
.journey-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.journey-pill-row span{border:1px solid #c8c0b1;background:#fff;border-radius:999px;padding:9px 14px;font-weight:900;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:#3b3b38}
.journey-steps{position:relative;display:grid;grid-template-columns:1fr;gap:24px;margin-top:78px;padding-left:34px}
.journey-steps::before{content:"";position:absolute;left:18px;top:12px;bottom:12px;width:3px;border-radius:999px;background:linear-gradient(180deg,#b18911 0%,#d0ae47 100%);opacity:.95}.journey-step{position:relative;display:grid;grid-template-columns:54px 1fr;gap:18px;align-items:start;padding:0;border:0}.journey-step>span{position:relative;z-index:1;display:grid;place-items:center;width:38px;height:38px;margin-top:6px;border-radius:999px;background:#b18911;color:#fff;font-size:.95rem;font-weight:900;letter-spacing:.08em;box-shadow:0 10px 22px rgba(138,108,16,.24)}.journey-step>div{background:rgba(255,255,255,.82);border:1px solid #d9d0c3;border-radius:24px;padding:22px 24px;box-shadow:0 18px 36px rgba(22,24,26,.07)}.journey-step h3{font-size:1.18rem;margin:0 0 8px;color:#17191b}.journey-step p{margin:0}
.founders-journey-panel{margin-top:74px;display:grid;grid-template-columns:1.18fr .72fr .9fr;gap:18px;align-items:stretch;background:#111316;border-radius:30px;padding:18px;overflow:hidden;box-shadow:0 26px 60px rgba(0,0,0,.16)}
.founders-journey-panel .image-button{border-radius:18px;overflow:hidden;min-height:390px}.founders-journey-panel .image-button img{width:100%;height:100%;object-fit:cover}.founders-journey-card img{object-fit:contain!important;background:#0d0f11}.founders-journey-copy{align-self:center;padding:22px 24px}.founders-journey-copy h3{font-family:"Bangers",Impact,sans-serif;font-size:3.1rem;font-weight:400;line-height:1;margin:.15em 0 .35em;color:#fff}.founders-journey-copy p:last-child{color:#c6c8c8}
.journey-chapter{margin-top:96px;padding-top:78px;border-top:1px solid #cec7bb}.journey-art-chapter{display:grid;grid-template-columns:1.15fr .85fr;gap:62px;align-items:center}.journey-chapter-copy h3,.journey-subhead h3,.journey-launch-heading h3{font-family:"Bangers",Impact,sans-serif;font-weight:400;line-height:.95;color:#151719}.journey-chapter-copy h3{font-size:clamp(3rem,5vw,5rem);margin:.14em 0 .3em}.journey-salma-photo{height:500px;border-radius:26px;overflow:hidden;box-shadow:0 22px 50px rgba(0,0,0,.13)}.journey-salma-photo img{width:100%;height:100%;object-fit:cover}
.journey-logo-wrap{margin-top:40px}.journey-mini-heading{display:flex;justify-content:space-between;gap:26px;align-items:end;margin-bottom:16px}.journey-mini-heading span{font-family:"Bangers",Impact,sans-serif;font-size:2.1rem;color:#151719}.journey-mini-heading p{margin:0;max-width:520px;text-align:right}.journey-logo-process{display:block;width:100%;border-radius:24px;overflow:hidden;background:#111;box-shadow:0 20px 45px rgba(0,0,0,.12)}.journey-logo-process img{display:block;width:100%;height:auto;object-fit:contain}.journey-art-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:14px}.journey-art-gallery .image-button{height:172px;border-radius:15px;overflow:hidden;background:#fff;border:1px solid #d4cec3}.journey-art-gallery img{width:100%;height:100%;object-fit:cover}
.journey-process-block{margin-top:100px;padding-top:82px;border-top:1px solid #cec7bb}.journey-subhead{max-width:820px;margin-bottom:40px}.journey-subhead h3{font-size:clamp(3.2rem,6vw,5.6rem);margin:.1em 0 .2em}.journey-subhead>p:last-child{font-size:1.1rem}.journey-process-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:center}.journey-process-poster{border-radius:26px;overflow:hidden;box-shadow:0 22px 50px rgba(0,0,0,.16);max-width:520px;margin:auto}.journey-process-poster img{width:100%;height:auto;display:block}.journey-process-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.journey-process-list div{background:#fff;border:1px solid #d8d0c3;padding:16px;border-radius:17px;display:flex;gap:12px;align-items:flex-start}.journey-process-list span{font-family:"Bangers",Impact,sans-serif;font-size:1.75rem;color:#a37e10}.journey-process-list p{margin:0;font-weight:800;line-height:1.35;color:#313437}
.journey-launch-block{margin-top:100px;padding-top:82px;border-top:1px solid #cec7bb}.journey-launch-heading{display:flex;justify-content:space-between;gap:54px;align-items:end;margin-bottom:40px}.journey-launch-heading>div:first-child{max-width:760px}.journey-launch-heading h3{font-size:clamp(3.3rem,6vw,5.8rem);margin:.12em 0 .22em}.journey-launch-stat{border-left:2px solid #c69a16;padding-left:24px;display:flex;flex-direction:column;min-width:205px;color:#17191b}.journey-launch-stat strong{font-family:"Bangers",Impact,sans-serif;font-size:5.2rem;line-height:.85;color:#bd9113;font-weight:400}.journey-launch-stat span{font-weight:900}.journey-launch-stat small{color:#666}
.journey-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.journey-photo-grid .image-button{aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#ddd}.journey-photo-grid .image-button.wide{grid-column:span 2}.journey-photo-grid img{width:100%;height:100%;object-fit:cover}

@media (max-width:1000px){.journey-opening,.journey-art-chapter{grid-template-columns:1fr}.journey-opening{gap:28px}.founders-journey-panel{grid-template-columns:1fr 1fr}.founders-journey-copy{grid-column:1/-1}.journey-art-gallery{grid-template-columns:repeat(3,1fr)}.journey-process-gallery{grid-template-columns:repeat(3,1fr)}.journey-launch-heading{align-items:flex-start}.journey-photo-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:680px){.story-journey-section{padding-top:84px}.journey-steps{gap:18px;padding-left:20px}.journey-steps::before{left:11px}.journey-step{grid-template-columns:44px 1fr;gap:14px}.journey-step>span{width:28px;height:28px;font-size:.78rem;margin-top:8px}.journey-step>div{padding:18px 18px 16px;border-radius:20px}.founders-journey-panel{grid-template-columns:1.05fr .8fr 1fr;gap:10px;padding:12px}.founders-journey-panel .image-button{min-height:0;aspect-ratio:3/4}.founders-journey-card{aspect-ratio:3/4!important}.founders-journey-copy{grid-column:auto;padding:6px 4px 6px 8px;display:flex;flex-direction:column;justify-content:center;align-self:stretch;min-width:0}.founders-journey-copy .eyebrow{font-size:.62rem;margin-bottom:6px}.founders-journey-copy h3{font-size:1.32rem;line-height:.98;margin:0}.journey-art-gallery{grid-template-columns:repeat(2,1fr)}.journey-art-gallery .image-button{height:150px}.journey-process-list{grid-template-columns:1fr}.journey-launch-heading{display:block}.journey-launch-stat{margin-top:28px}.journey-photo-grid{grid-template-columns:1fr}.journey-photo-grid .image-button.wide{grid-column:auto}.journey-mini-heading{display:block}.journey-mini-heading p{text-align:left;margin-top:6px}.journey-salma-photo{height:420px}}

/* Version 2.4 — tighter launch and HALO Club galleries */
.journey-photo-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:180px;
  grid-auto-flow:dense;
  gap:14px;
}
.journey-photo-grid .image-button{
  aspect-ratio:auto;
  min-height:0;
  border-radius:18px;
  overflow:hidden;
  background:#ddd;
}
.journey-photo-grid .image-button.wide{grid-column:span 2;grid-row:span 2}
.journey-photo-grid .image-button.tall{grid-column:span 1;grid-row:span 2}
.journey-photo-grid img{width:100%;height:100%;object-fit:cover}

.club-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.club-photo-grid .image-button,
.club-photo-grid .image-button:first-child{grid-column:auto;grid-row:auto;height:230px;border-radius:16px;overflow:hidden}
.club-photo-grid .image-button img{width:100%;height:100%;object-fit:cover}

@media(max-width:1000px){
  .journey-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px}
  .journey-photo-grid .image-button.wide{grid-column:span 2;grid-row:span 2}
  .journey-photo-grid .image-button.tall{grid-column:span 1;grid-row:span 2}
}

@media(max-width:680px){
  .journey-photo-grid{grid-template-columns:1fr;grid-auto-rows:auto}
  .journey-photo-grid .image-button,
  .journey-photo-grid .image-button.wide,
  .journey-photo-grid .image-button.tall{grid-column:auto;grid-row:auto;aspect-ratio:4/3}
  .club-photo-grid{grid-template-columns:1fr}
  .club-photo-grid .image-button,
  .club-photo-grid .image-button:first-child{height:260px}
}


/* =========================================================
   VERSION 2.5 — user-supplied transparent logo refinements
   ========================================================= */
.brand-logo{height:58px;max-width:190px;overflow:visible}
.brand-logo img{height:56px;width:auto;max-width:190px;object-fit:contain;object-position:center;background:transparent;border-radius:0;filter:drop-shadow(0 6px 10px rgba(0,0,0,.22))}
.logo-crop{top:1.5%;left:50%;right:auto;transform:translateX(-50%);width:min(88%,600px);height:auto;overflow:visible;border-radius:0;filter:drop-shadow(0 28px 40px rgba(0,0,0,.45));z-index:3;pointer-events:none}
.logo-crop img{width:100%;height:auto;object-fit:contain;object-position:center;background:transparent}
.floating-cards{z-index:2}
.footer-logo{width:min(320px,78vw);height:auto;max-height:140px;object-fit:contain;object-position:center;background:transparent;border-radius:0;filter:drop-shadow(0 12px 18px rgba(0,0,0,.18))}
@media (max-width: 980px){
  .brand-logo{height:50px;max-width:160px}
  .brand-logo img{height:48px;max-width:160px}
  .logo-crop{width:min(92%,520px)}
}
@media (max-width: 760px){
  .brand-logo{height:44px;max-width:138px}
  .brand-logo img{height:42px;max-width:138px}
  .logo-crop{top:3%;width:min(96%,440px)}
}
@media (max-width: 520px){
  .logo-crop{top:4%;width:min(98%,400px)}
  .footer-logo{width:min(270px,84vw)}
}


/* =========================================================
   VERSION 2.6 — move hero logo above the floating cards
   ========================================================= */
.logo-crop{
  top:-2%;
  left:50%;
  right:auto;
  transform:translateX(-50%);
  width:min(76%,520px);
  height:auto;
  z-index:3;
}
.logo-crop img{
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
}
.floating-cards{
  position:absolute;
  inset:0;
  z-index:2;
}
.float-card{
  width:min(32%,210px);
}
.c1{bottom:2%;left:1%;transform:rotate(-12deg)}
.c2{bottom:-1%;left:35%;transform:rotate(1deg)}
.c3{bottom:3%;right:-1%;transform:rotate(12deg)}

@media (max-width:1050px){
  .logo-crop{top:-1%;width:min(78%,500px)}
  .float-card{width:min(31%,185px)}
  .c1{left:4%}.c2{left:35%}.c3{right:3%}
}
@media (max-width:760px){
  .hero-art{min-height:460px}
  .logo-crop{top:0;width:min(84%,430px)}
  .float-card{width:min(32%,150px)}
  .c1{bottom:2%;left:3%}
  .c2{bottom:-1%;left:34%}
  .c3{bottom:3%;right:1%}
}
@media (max-width:520px){
  .hero-art{min-height:400px}
  .logo-crop{top:2%;width:min(88%,360px)}
  .float-card{width:31%}
  .c1{left:2%}.c2{left:35%}.c3{right:2%}
}


/* =========================================================
   VERSION 2.7 — hero logo separated from floating cards
   ========================================================= */
.hero-art{
  min-height:unset !important;
  height:auto !important;
  max-width:640px;
  width:100%;
  margin-inline:auto;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:34px;
  padding-top:10px;
  padding-bottom:6px;
}
.logo-crop{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  transform:none !important;
  width:min(88%,560px) !important;
  height:auto !important;
  overflow:visible !important;
  border-radius:0 !important;
  z-index:3;
  pointer-events:none;
}
.logo-crop img{
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block;
  background:transparent;
}
.floating-cards{
  position:relative !important;
  inset:auto !important;
  width:min(100%,580px);
  height:255px;
  z-index:2;
}
.float-card{
  position:absolute;
  bottom:0;
  width:min(31%,185px) !important;
}
.c1{left:2%;transform:rotate(-12deg) !important}
.c2{left:50%;transform:translateX(-50%) rotate(0deg) !important}
.c3{right:2%;transform:rotate(12deg) !important}

@media (max-width: 900px){
  .hero-art{max-width:560px;gap:28px}
  .logo-crop{width:min(90%,500px) !important}
  .floating-cards{height:230px}
  .float-card{width:min(31%,170px) !important}
}
@media (max-width: 760px){
  .hero-art{gap:24px;padding-top:4px}
  .logo-crop{width:min(92%,440px) !important}
  .floating-cards{height:205px}
  .float-card{width:31% !important}
}
@media (max-width: 520px){
  .logo-crop{width:min(96%,360px) !important}
  .floating-cards{height:165px}
  .float-card{width:31% !important}
  .c1{left:1%}.c3{right:1%}
}


/* =========================================================
   VERSION 2.8 — compact, parallel hero composition
   Logo and cards form one balanced block aligned to hero copy.
   ========================================================= */
.hero-art{
  min-height:520px !important;
  height:520px !important;
  max-width:590px !important;
  width:100% !important;
  margin-inline:auto !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
}
.logo-crop{
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  width:min(78%,445px) !important;
  height:auto !important;
  flex:0 0 auto !important;
  overflow:visible !important;
  z-index:3 !important;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.38)) !important;
}
.logo-crop img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}
.floating-cards{
  position:relative !important;
  inset:auto !important;
  width:min(100%,555px) !important;
  height:245px !important;
  flex:0 0 245px !important;
  z-index:2 !important;
}
.float-card{
  position:absolute !important;
  bottom:0 !important;
  width:min(30%,165px) !important;
}
.c1{left:4% !important;bottom:5px !important;transform:rotate(-10deg) !important}
.c2{left:50% !important;bottom:0 !important;transform:translateX(-50%) rotate(0deg) !important}
.c3{right:4% !important;bottom:5px !important;transform:rotate(10deg) !important}

/* The trimmed asset also makes the nav and footer logos visually tighter. */
.brand-logo{height:48px !important;max-width:175px !important}
.brand-logo img{height:46px !important;max-width:175px !important;width:auto !important;object-fit:contain !important}
.footer-logo{width:min(300px,75vw) !important;height:auto !important;max-height:none !important}

@media (max-width:1050px){
  .hero-art{height:500px !important;min-height:500px !important;max-width:560px !important;gap:12px !important}
  .logo-crop{width:min(76%,420px) !important}
  .floating-cards{width:min(100%,520px) !important;height:235px !important;flex-basis:235px !important}
  .float-card{width:min(30%,155px) !important}
}
@media (max-width:760px){
  .hero-art{height:440px !important;min-height:440px !important;gap:10px !important}
  .logo-crop{width:min(82%,390px) !important}
  .floating-cards{height:205px !important;flex-basis:205px !important;width:min(100%,470px) !important}
  .float-card{width:30% !important}
}
@media (max-width:520px){
  .hero-art{height:360px !important;min-height:360px !important;gap:8px !important}
  .logo-crop{width:min(84%,320px) !important}
  .floating-cards{height:168px !important;flex-basis:168px !important;width:100% !important}
  .float-card{width:29% !important}
  .c1{left:3% !important}.c3{right:3% !important}
}


/* =========================================================
   VERSION 2.10 — simplified HALO Club stewardship section
   ========================================================= */
.club-grid-simple{
  grid-template-columns:1.05fr .95fr;
  gap:58px;
  align-items:center;
}
.club-copy p{
  font-size:1.02rem;
  line-height:1.72;
}
.club-steward-list{
  margin-top:28px;
  gap:12px;
}
.club-photo-pair{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.club-photo-pair .image-button{
  width:100%;
  border-radius:20px;
  overflow:hidden;
  background:#cbbd9b;
  box-shadow:0 18px 40px rgba(0,0,0,.14);
}
.club-photo-pair .club-main-photo{
  aspect-ratio:3/2;
}
.club-photo-pair .club-secondary-photo{
  aspect-ratio:16/10;
}
.club-photo-pair img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
@media(max-width:1050px){
  .club-grid-simple{grid-template-columns:1fr;gap:34px}
  .club-photo-pair{grid-template-columns:1fr 1fr}
  .club-photo-pair .club-main-photo,
  .club-photo-pair .club-secondary-photo{aspect-ratio:4/3}
}
@media(max-width:680px){
  .club-photo-pair{grid-template-columns:1fr}
  .club-photo-pair .club-main-photo,
  .club-photo-pair .club-secondary-photo{aspect-ratio:4/3}
}


/* =========================================================
   VERSION 2.11 — hero uses uploaded presentation artwork
   Keep all headline/copy/buttons, but swap in the new design
   as the section background and rebalance the logo/card block.
   ========================================================= */
.hero{
  background:
    linear-gradient(90deg, rgba(7,8,10,.90) 0%, rgba(9,11,13,.76) 42%, rgba(8,9,11,.42) 68%, rgba(6,7,9,.30) 100%),
    linear-gradient(to top, rgba(5,6,8,.90) 0%, rgba(5,6,8,.45) 26%, rgba(5,6,8,.08) 46%),
    url('assets/photos/hero-header-bg.webp') center bottom / cover no-repeat !important;
}
.hero:before{
  display:none !important;
}
.hero-noise{
  opacity:.06 !important;
}
.hero-copy{
  z-index:4 !important;
}
.hero-copy .eyebrow,
.hero-copy h1,
.hero-copy .hero-lede{
  text-shadow:0 6px 24px rgba(0,0,0,.55);
}
.hero-art{
  min-height:510px !important;
  height:510px !important;
  max-width:560px !important;
  justify-content:flex-end !important;
  gap:18px !important;
  position:relative !important;
}
.hero-art::before{
  content:'';
  position:absolute;
  inset:8% 4% 7% 4%;
  border-radius:34px;
  background:linear-gradient(to bottom, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 60px rgba(0,0,0,.26);
  backdrop-filter:blur(1px);
  z-index:0;
}
.logo-crop{
  width:min(76%,410px) !important;
  z-index:2 !important;
  margin-top:24px !important;
}
.logo-crop img{
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.32));
}
.floating-cards{
  width:min(100%,520px) !important;
  height:230px !important;
  flex-basis:230px !important;
  z-index:2 !important;
}
.float-card{
  width:min(29%,160px) !important;
  box-shadow:0 22px 44px rgba(0,0,0,.48) !important;
}
.c1{left:5% !important; bottom:8px !important; transform:rotate(-11deg) !important}
.c2{left:50% !important; bottom:0 !important; transform:translateX(-50%) rotate(0deg) !important}
.c3{right:5% !important; bottom:8px !important; transform:rotate(11deg) !important}

@media (max-width:1050px){
  .hero{
    background:
      linear-gradient(180deg, rgba(7,8,10,.84) 0%, rgba(7,8,10,.58) 40%, rgba(7,8,10,.58) 100%),
      linear-gradient(to top, rgba(5,6,8,.86) 0%, rgba(5,6,8,.32) 28%, rgba(5,6,8,.12) 52%),
      url('assets/photos/hero-header-bg.webp') center bottom / cover no-repeat !important;
  }
  .hero-art{min-height:490px !important; height:490px !important; max-width:540px !important; gap:14px !important}
  .hero-art::before{inset:8% 3% 6% 3%}
  .logo-crop{width:min(74%,390px) !important}
  .floating-cards{width:min(100%,500px) !important; height:220px !important; flex-basis:220px !important}
}
@media (max-width:760px){
  .hero{
    background:
      linear-gradient(180deg, rgba(7,8,10,.92) 0%, rgba(7,8,10,.78) 38%, rgba(7,8,10,.70) 100%),
      linear-gradient(to top, rgba(5,6,8,.88) 0%, rgba(5,6,8,.52) 35%, rgba(5,6,8,.18) 58%),
      url('assets/photos/hero-header-bg.webp') 58% bottom / cover no-repeat !important;
  }
  .hero-art{min-height:430px !important; height:430px !important; gap:12px !important}
  .hero-art::before{inset:9% 1% 6% 1%; border-radius:26px}
  .logo-crop{width:min(80%,350px) !important; margin-top:16px !important}
  .floating-cards{width:min(100%,455px) !important; height:192px !important; flex-basis:192px !important}
  .float-card{width:min(31%,145px) !important}
}
@media (max-width:520px){
  .hero-art{min-height:360px !important; height:360px !important; gap:8px !important}
  .hero-art::before{display:none !important}
  .logo-crop{width:min(82%,310px) !important}
  .floating-cards{height:162px !important; flex-basis:162px !important; width:100% !important}
  .float-card{width:min(31%,115px) !important}
}


/* =========================================================
   VERSION 2.12 — remove translucent hero panel, enlarge logo,
   keep clean spacing between logo and three floating cards.
   ========================================================= */
.hero-art{
  min-height: 500px !important;
  height: 500px !important;
  max-width: 560px !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 22px !important;
  padding-top: 8px !important;
}
.hero-art::before{
  display: none !important;
  content: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.logo-crop{
  width: min(84%, 470px) !important;
  margin-top: 12px !important;
  margin-bottom: 0 !important;
}
.logo-crop img{
  filter: drop-shadow(0 14px 24px rgba(0,0,0,.30));
}
.floating-cards{
  width: min(100%, 525px) !important;
  height: 220px !important;
  flex-basis: 220px !important;
  margin-top: 0 !important;
}
.float-card{
  width: min(29%, 158px) !important;
}
.c1{ left: 7% !important; bottom: 8px !important; }
.c2{ left: 50% !important; bottom: 0 !important; }
.c3{ right: 7% !important; bottom: 8px !important; }

@media (max-width: 1050px){
  .hero-art{
    min-height: 470px !important;
    height: 470px !important;
    gap: 18px !important;
    padding-top: 6px !important;
  }
  .hero-art::before{display:none !important;content:none !important}
  .logo-crop{width:min(82%, 430px) !important; margin-top:10px !important}
  .floating-cards{width:min(100%, 500px) !important; height:210px !important; flex-basis:210px !important}
}
@media (max-width: 760px){
  .hero-art{
    min-height: 410px !important;
    height: 410px !important;
    gap: 14px !important;
    padding-top: 0 !important;
  }
  .hero-art::before{display:none !important;content:none !important}
  .logo-crop{width:min(84%, 360px) !important; margin-top:8px !important}
  .floating-cards{width:min(100%, 455px) !important; height:186px !important; flex-basis:186px !important}
  .float-card{width:min(31%, 140px) !important}
}
@media (max-width: 520px){
  .hero-art{
    min-height: 345px !important;
    height: 345px !important;
    gap: 10px !important;
  }
  .hero-art::before{display:none !important;content:none !important}
  .logo-crop{width:min(86%, 318px) !important}
  .floating-cards{height:154px !important; flex-basis:154px !important; width:100% !important}
  .float-card{width:min(31%, 110px) !important}
}


/* =========================================================
   VERSION 2.13 — fine-tune crop for the baptism/confirmation
   student display image so the face and poster are both visible.
   ========================================================= */
.journey-photo-grid .image-button.launch-baptism-focus img{
  object-position: center 10% !important;
}
@media (max-width: 680px){
  .journey-photo-grid .image-button.launch-baptism-focus img{
    object-position: center 14% !important;
  }
}


/* VERSION 2.14 — additional press feature */
.press-card .press-summary{margin-top:8px;max-width:780px;color:#c7c9c9;font-size:.92rem;line-height:1.5}


.journey-process-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px;align-items:start}.journey-process-gallery .image-button{overflow:visible;background:transparent;padding:0;border-radius:0;box-shadow:none;aspect-ratio:auto}.journey-process-gallery .image-button img{width:100%;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 14px 16px rgba(0,0,0,.14));transition:.22s transform}.journey-process-gallery .image-button:nth-child(4n+1){transform:rotate(-1.05deg)}.journey-process-gallery .image-button:nth-child(4n+2){transform:translateY(8px) rotate(.65deg)}.journey-process-gallery .image-button:nth-child(4n+3){transform:rotate(-.5deg)}.journey-process-gallery .image-button:nth-child(4n+4){transform:translateY(5px) rotate(.8deg)}.journey-process-gallery .image-button:hover{transform:translateY(-5px) scale(1.025)}

@media (max-width:760px){.journey-process-gallery{grid-template-columns:repeat(2,1fr);gap:24px 18px}}
@media (max-width:520px){.journey-process-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}.journey-process-gallery .image-button{width:100%;margin:0}}

.tier-hint{margin:-4px 0 14px;color:#e9cc8f;font-size:.93rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
@media (max-width:760px){.tier-hint{font-size:.86rem;letter-spacing:.06em}}

/* Version 2.22 — school story link */
.school-story-link{
  display:flex;
  align-items:center;
  gap:16px;
  width:min(100%,520px);
  margin-top:18px;
  padding:13px 18px 13px 14px;
  border:1px solid #c8c0b1;
  border-radius:20px;
  background:rgba(255,255,255,.8);
  color:#242628;
  text-decoration:none;
  box-shadow:0 10px 26px rgba(43,38,30,.06);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.school-story-link:hover{
  transform:translateY(-2px);
  border-color:#b8942a;
  box-shadow:0 14px 30px rgba(43,38,30,.11);
}
.school-story-link img{
  width:66px;
  height:66px;
  object-fit:contain;
  flex:0 0 66px;
}
.school-story-link-copy{display:flex;flex-direction:column;line-height:1.18;min-width:0}
.school-story-link-copy small{
  font-size:.69rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:#a07b14;
  margin-bottom:4px;
}
.school-story-link-copy strong{font-size:1rem;color:#1a1c1e}
.school-story-link-copy>span{
  margin-top:6px;
  font-size:.82rem;
  font-weight:800;
  color:#6b6255;
}
.school-story-link-copy b{color:#a07b14;font-size:1rem;margin-left:2px}
@media(max-width:520px){
  .school-story-link{gap:12px;padding:11px 13px;border-radius:17px}
  .school-story-link img{width:56px;height:56px;flex-basis:56px}
  .school-story-link-copy strong{font-size:.92rem}
  .school-story-link-copy>span{font-size:.78rem}
}

.press-card .button{white-space:nowrap}

/* v2.27 — HALO story opening refinement */
.journey-opening{align-items:stretch}
.journey-title-block{display:flex;flex-direction:column;align-items:flex-start;min-height:100%}
.journey-origin-logo{display:block;width:min(92%,620px);height:auto;align-self:center;margin:22px auto 0;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(33,31,27,.08))}
.journey-opening-copy{display:flex;flex-direction:column;justify-content:flex-start;gap:0;padding-top:0}
.journey-observation{border-left:3px solid #c59a1a;padding:4px 0 4px 22px;margin:2px 0 24px}
.journey-observation span{display:block;font-size:1.03rem;font-weight:800;letter-spacing:.01em;color:#66645f;margin-bottom:7px}
.journey-observation strong{display:block;font-size:clamp(1.7rem,2.2vw,2.28rem);line-height:1.1;color:#17191b;font-weight:900;max-width:560px}
.journey-question{font-size:1.11rem;line-height:1.62;margin:0 0 15px}
.journey-opening-copy>p:not(.journey-question){margin:0 0 18px}
.journey-opening-copy .journey-pill-row{margin-top:10px}
.journey-opening-copy .school-story-link{margin-top:24px}
@media(max-width:1000px){.journey-title-block h2{font-size:clamp(3rem,8vw,4.9rem)}.journey-origin-logo{width:min(82%,420px);margin:22px auto 0}.journey-title-block{min-height:auto}.journey-opening-copy{padding-top:0}}
@media(max-width:680px){.journey-title-block h2{font-size:clamp(2.75rem,13vw,4rem);white-space:nowrap}.journey-origin-logo{width:min(88%,340px);margin:18px auto 2px}.journey-observation{margin-bottom:22px;padding-left:17px}.journey-observation strong{font-size:1.6rem}.journey-question{font-size:1.03rem}}


/* =========================================================
   VERSION 2.34 — fine-tune crop for the Holy Cross display
   so the student's face is visible while preserving the poster.
   ========================================================= */
.journey-photo-grid .image-button.launch-holy-cross-focus img{
  object-position: center 18% !important;
}
@media (max-width: 680px){
  .journey-photo-grid .image-button.launch-holy-cross-focus img{
    object-position: center 22% !important;
  }
}


/* =========================================================
   VERSION 2.35 — nudge original HALO logo slightly left
   for better balance beneath “How it began.”
   ========================================================= */
.journey-origin-logo{
  transform:translateX(-18px);
}
@media(max-width:1000px){
  .journey-origin-logo{transform:translateX(-12px);}
}
@media(max-width:680px){
  .journey-origin-logo{transform:translateX(-6px);}
}


/* =========================================================
   VERSION 2.39 — re-crop the Holy Cross display so the
   student's face sits higher and balances against the poster.
   ========================================================= */
.journey-photo-grid .image-button.launch-holy-cross-focus img{
  object-position: center 8% !important;
}
@media (max-width: 680px){
  .journey-photo-grid .image-button.launch-holy-cross-focus img{
    object-position: center 12% !important;
  }
}


/* =========================================================
   VERSION 2.40 — push the Holy Cross crop higher so the top
   of the student's head nearly touches the top of the frame.
   ========================================================= */
.journey-photo-grid .image-button.launch-holy-cross-focus img{
  object-position: center 0% !important;
}
@media (max-width: 680px){
  .journey-photo-grid .image-button.launch-holy-cross-focus img{
    object-position: center 2% !important;
  }
}


/* =========================================================
   VERSION 2.41 — re-crop the Holy Cross display to show the
   student's full face, the poster, and the display more clearly.
   ========================================================= */
.journey-photo-grid .image-button.launch-holy-cross-focus img{
  object-position: center 58% !important;
}
@media (max-width: 1000px){
  .journey-photo-grid .image-button.launch-holy-cross-focus img{
    object-position: center 56% !important;
  }
}
@media (max-width: 680px){
  .journey-photo-grid .image-button.launch-holy-cross-focus img{
    object-position: center 50% !important;
  }
}


/* =========================================================
   VERSION 2.42 — precise Holy Cross crop:
   full face visible, poster preserved, head near top edge.
   ========================================================= */
.journey-photo-grid .image-button.launch-holy-cross-focus img{
  object-position: center 35% !important;
}
@media (max-width: 1000px){
  .journey-photo-grid .image-button.launch-holy-cross-focus img{
    object-position: center 35% !important;
  }
}
@media (max-width: 680px){
  .journey-photo-grid .image-button.launch-holy-cross-focus img{
    object-position: center 34% !important;
  }
}


/* Launch candidate: Cloudflare contact form behavior */
.form-honeypot{position:absolute!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;height:1px!important;width:1px!important;margin:-1px!important;padding:0!important;border:0!important;white-space:nowrap!important}
.contact-form button[disabled]{opacity:.68;cursor:wait;transform:none}
.form-note.form-success{color:#2e7d32}
.form-note.form-error{color:#ffb4a8}
.form-note.form-error a{font-weight:800}

/* =========================================================
   VERSION 2.45 — mobile-only spacing between hero buttons
   and hero artwork. No desktop/layout changes.
   ========================================================= */
@media (max-width: 760px){
  .hero-actions{
    margin-bottom: 28px;
  }
}

/* =========================================================
   VERSION 2.46 — very small mobile-only hero polish.
   Desktop and hero artwork remain unchanged.
   ========================================================= */
@media (max-width: 760px){
  .brand-logo{
    height:50px !important;
    max-width:154px !important;
  }
  .brand-logo img{
    height:48px !important;
    max-width:154px !important;
  }
  .hero-copy .eyebrow{
    margin-bottom:16px;
  }
  .hero h1{
    font-size:clamp(3.6rem,18vw,6rem) !important;
  }
  .hero-actions{
    gap:8px;
    flex-wrap:nowrap;
    margin-top:22px;
    margin-bottom:28px;
    justify-content:center;
  }
  .hero-actions .button{
    min-height:46px;
    padding:0 17px;
    font-size:.9rem;
    white-space:nowrap;
  }
}

/* =========================================================
   VERSION 2.49 — mobile-only Original Sketch Parallels polish.
   Keep both St. Peter cards equal-sized, side-by-side, and centered.
   Desktop remains unchanged.
   ========================================================= */
@media (max-width: 760px){
  .sketch-compare{
    grid-template-columns:minmax(0,145px) 26px minmax(0,145px) !important;
    justify-content:center;
    align-items:center;
    gap:10px;
  }
  .sketch-compare figure{
    width:100%;
    margin:0;
    text-align:center;
  }
  .sketch-compare figure img{
    display:block;
    width:100%;
    aspect-ratio:2.5 / 3.5;
    object-fit:contain;
    margin:0 auto;
  }
  .sketch-compare .compare-arrow{
    transform:none !important;
    text-align:center;
    font-size:1.7rem;
    line-height:1;
  }
  .sketch-compare figcaption{
    margin-top:8px;
    font-size:.78rem;
    line-height:1.2;
  }
}

/* =========================================================
   VERSION 2.50 — mobile-only Historic HALO cards compact grid.
   First row: 3 cards. Second row: 2 cards. Desktop unchanged.
   ========================================================= */
@media (max-width: 760px){
  .history-grid{
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:10px !important;
    align-items:stretch;
  }
  .history-card,
  .history-card:nth-child(n+4){
    grid-column:span 2 !important;
    display:flex !important;
    flex-direction:column;
    min-width:0;
    border-radius:16px;
  }
  .history-card:nth-child(4),
  .history-card:nth-child(5){
    grid-column:span 3 !important;
  }
  .history-card img,
  .history-card.history-artist-insert img{
    width:100%;
    height:auto !important;
    aspect-ratio:1 / 1;
    min-height:0 !important;
    object-fit:cover;
    padding:0;
  }
  .history-card.history-artist-insert img{
    object-fit:contain;
    background:#f3f0e8;
    padding:8px;
  }
  .history-card div{
    padding:12px 10px 13px !important;
  }
  .history-count{
    padding:4px 6px;
    font-size:.56rem;
    letter-spacing:.04em;
  }
  .history-card h3{
    font-size:1.12rem;
    line-height:1;
    margin:.35em 0 .25em;
  }
  .history-card p{
    margin:0;
    font-size:.68rem;
    line-height:1.28;
  }
}

/* =========================================================
   VERSION 2.52 — mobile-only Heart of HALO compact grid.
   Six impact stories arranged as 2 columns x 3 rows.
   Desktop remains unchanged.
   ========================================================= */
@media (max-width: 760px){
  .impact-stories{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    align-items:stretch;
  }
  .impact-card{
    min-width:0;
    padding:15px 12px 16px !important;
    border-radius:16px;
  }
  .impact-icon{
    font-size:1.2rem;
    line-height:1;
  }
  .impact-card h3{
    margin:8px 0 6px;
    font-size:.9rem;
    line-height:1.1;
  }
  .impact-card p{
    margin:0;
    font-size:.68rem;
    line-height:1.32;
  }
}

/* =========================================================
   VERSION 2.53 — mobile-only hero headline compaction.
   Keep the approved hero design; make the headline shorter
   by reducing type slightly so it settles into two lines.
   Desktop remains unchanged.
   ========================================================= */
@media (max-width: 760px){
  .hero h1{
    font-size:clamp(3.15rem,14.5vw,5.2rem) !important;
    line-height:.94 !important;
    max-width:100% !important;
  }
}

/* =========================================================
   VERSION 2.54 — mobile-only hero tightening.
   Slightly smaller headline, compact two-line lede target,
   and minimal space between the buttons and hero artwork.
   Desktop remains unchanged.
   ========================================================= */
@media (max-width: 760px){
  .hero h1{
    font-size:clamp(2.85rem,13.2vw,4.7rem) !important;
    line-height:.94 !important;
  }
  .hero-lede{
    font-size:clamp(.76rem,3.05vw,.84rem) !important;
    line-height:1.36 !important;
    max-width:100% !important;
    letter-spacing:-.012em;
    text-wrap:balance;
    margin-top:.55rem;
    margin-bottom:.35rem;
  }
  .hero-actions{
    margin-top:14px !important;
    margin-bottom:8px !important;
  }
}

/* =========================================================
   VERSION 2.55 — tiny mobile-only hero alignment polish.
   Visually center the header logo a touch higher and lower
   the scroll cue so it has breathing room below the cards.
   Desktop remains unchanged.
   ========================================================= */
@media (max-width: 760px){
  .brand-logo{
    transform:translateY(-3px);
  }
  .scroll-cue{
    bottom:7px !important;
  }
}

/* =========================================================
   VERSION 2.57 — corrected mobile-only hero swap test.
   Keep the small upper-left header HALO logo untouched.
   Swap only the main hero question and the large HALO logo
   that sits directly above the floating cards.
   Desktop remains unchanged.
   ========================================================= */
@media (max-width: 760px){
  /* Main copy area: HALO logo takes the exact role of the headline. */
  .hero h1{
    color:transparent !important;
    font-size:0 !important;
    line-height:0 !important;
    text-shadow:none !important;
    width:100% !important;
    max-width:none !important;
    margin:.08rem auto .55rem !important;
  }
  .hero h1::before{
    content:"";
    display:block;
    width:min(72vw,280px);
    aspect-ratio:678 / 428;
    margin:0 auto;
    background:url("assets/halo-brand-trimmed.png") center / contain no-repeat;
    filter:drop-shadow(0 8px 14px rgba(0,0,0,.28));
  }

  /* Above the floating cards: the question replaces the large HALO logo. */
  .logo-crop{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:min(88%,330px) !important;
    min-height:108px !important;
    margin-top:4px !important;
    margin-bottom:2px !important;
    filter:none !important;
    text-align:center;
  }
  .logo-crop img{
    display:none !important;
  }
  .logo-crop::before{
    content:"What do you most desire?";
    display:block;
    font-family:"Bangers",Impact,sans-serif;
    font-size:clamp(2.55rem,12vw,3.2rem);
    font-weight:400;
    line-height:.92;
    letter-spacing:.015em;
    color:#fff;
    text-align:center;
    text-wrap:balance;
    text-shadow:0 5px 20px rgba(0,0,0,.55);
  }
}

/* =========================================================
   VERSION 2.58 — mobile-only hero spacing polish.
   Match the swapped question to the site's original cream,
   lower the floating cards, center the scroll cue, and remove
   excess space before the HALO Story. Desktop unchanged.
   ========================================================= */
@media (max-width: 760px){
  .logo-crop::before{
    color:var(--cream) !important;
  }
  .hero{
    padding-bottom:12px !important;
  }
  .hero-art{
    min-height:408px !important;
    height:408px !important;
    overflow:visible !important;
  }
  .floating-cards{
    transform:translateY(88px) !important;
  }
  .scroll-cue{
    position:relative !important;
    inset:auto !important;
    left:auto !important;
    bottom:auto !important;
    margin:6px auto 2px !important;
    justify-self:center !important;
    align-self:center !important;
  }
}
@media (max-width: 520px){
  .hero-art{
    min-height:372px !important;
    height:372px !important;
  }
  .floating-cards{
    transform:translateY(88px) !important;
  }
}


/* =========================================================
   VERSION 2.59 — mobile-only crop polish for From sketch to logo.
   Keep Founders and Bishop Ricken artwork framed from the top so
   their card titles remain fully visible. Layout is unchanged.
   ========================================================= */
@media (max-width: 680px){
  .journey-art-gallery .image-button.mobile-art-title-focus img{
    object-position:center top !important;
  }
}

/* =========================================================
   VERSION 2.60 — mobile-only mission section compact grid.
   Keep Collect, Support, and Collaborate together in one
   three-column row and tighten the fundraiser intro to about
   two lines. Desktop remains unchanged.
   ========================================================= */
@media (max-width: 760px){
  .mission-section .section-heading > p:last-child{
    font-size:clamp(.76rem,3vw,.84rem) !important;
    line-height:1.34 !important;
    max-width:100% !important;
    margin-left:auto;
    margin-right:auto;
    text-wrap:balance;
    letter-spacing:-.01em;
  }
  .mission-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:9px !important;
    align-items:stretch;
  }
  .mission-card{
    min-width:0;
    padding:14px 10px 15px !important;
    border-radius:16px;
    display:flex;
    flex-direction:column;
  }
  .mission-card > span{
    font-size:1.45rem !important;
    line-height:1;
  }
  .mission-card h3{
    font-size:.96rem !important;
    line-height:1.08;
    margin:.45rem 0 .4rem;
  }
  .mission-card p{
    font-size:.63rem !important;
    line-height:1.3;
    margin:.1rem 0 .65rem;
  }
  .mission-card a{
    margin-top:auto;
    font-size:.61rem !important;
    line-height:1.2;
    overflow-wrap:anywhere;
  }
}

/* =========================================================
   VERSION 2.61 — mobile-only mission link polish.
   Keep “Request Information →” on one line.
   Desktop remains unchanged.
   ========================================================= */
@media (max-width: 760px){
  .mission-card:nth-child(3) a{
    white-space:nowrap !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    font-size:.56rem !important;
    letter-spacing:-.01em;
  }
}

/* =========================================================
   VERSION 2.62 — mobile-only Beyond the Classroom galleries.
   Walk to Mary + Community Presentation: 3 images in one row.
   Desktop remains unchanged.
   ========================================================= */
@media (max-width: 760px){
  .reach-gallery{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:5px !important;
    padding:5px !important;
  }
  .reach-gallery .image-button{
    width:100%;
    height:auto !important;
    aspect-ratio:1 / 1;
    min-width:0;
    overflow:hidden;
    border-radius:10px;
  }
  .reach-gallery .image-button img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
}

/* =========================================================
   VERSION 2.63 — mobile-only swapped hero question polish.
   Lower “What do you most desire?” slightly and increase its
   size for a stronger, more centered presence. Desktop unchanged.
   ========================================================= */
@media (max-width: 760px){
  .logo-crop{
    transform:translateY(48px) !important;
  }
  .logo-crop::before{
    font-size:clamp(2.9rem,13.5vw,3.65rem) !important;
    line-height:.92 !important;
  }
}

/* =========================================================
   VERSION 2.68 — mobile-only hero button spacing reset.
   Move Discover the Story / Explore Series 1 back down to
   the balanced position used before v2.67. Nothing else changes.
   ========================================================= */
@media (max-width: 760px){
  .hero-actions{
    transform:translateY(40px) !important;
  }
}

/* =========================================================
   VERSION 2.70 — mobile-only founders row equal sizing.
   Keep the three-column row from v2.69, but make the founder
   photo and HALO Founders Card occupy matching image tiles.
   Desktop remains unchanged.
   ========================================================= */
@media (max-width: 680px){
  .founders-journey-panel{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .founders-journey-photo,
  .founders-journey-card{
    width:100% !important;
    aspect-ratio:3 / 4 !important;
  }
  .founders-journey-photo img,
  .founders-journey-card img{
    width:100% !important;
    height:100% !important;
  }
}

/* =========================================================
   VERSION 2.71 — mobile-only school launch gallery mosaic.
   Eight launch photos arranged compactly in three rows:
   3 + 3 + 2 centered. Face crops are kept visible.
   Desktop remains unchanged.
   ========================================================= */
@media (max-width: 680px){
  .journey-photo-grid{
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    grid-auto-rows:auto !important;
    gap:8px !important;
  }
  .journey-photo-grid .image-button,
  .journey-photo-grid .image-button.wide,
  .journey-photo-grid .image-button.tall{
    grid-column:span 2 !important;
    grid-row:auto !important;
    aspect-ratio:1 / 1 !important;
    min-height:0 !important;
    border-radius:13px !important;
    overflow:hidden;
  }
  .journey-photo-grid .image-button:nth-child(7),
  .journey-photo-grid .image-button:nth-child(8){
    grid-column:span 3 !important;
  }
  .journey-photo-grid .image-button img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
  /* Keep student faces visible in the compact portrait crops. */
  .journey-photo-grid .image-button:nth-child(3) img{
    object-position:center 25% !important;
  }
  .journey-photo-grid .image-button:nth-child(4) img{
    object-position:center 24% !important;
  }
  .journey-photo-grid .image-button:nth-child(5) img{
    object-position:center 18% !important;
  }
  .journey-photo-grid .image-button:nth-child(7) img{
    object-position:center 20% !important;
  }
  .journey-photo-grid .image-button:nth-child(8) img{
    object-position:center 26% !important;
  }
}

/* =========================================================
   VERSION 2.73 — mobile-only HALO Club list + Featured cards.
   Smaller stewardship list text and genuinely compact feature cards.
   Desktop remains unchanged.
   ========================================================= */
@media (max-width: 820px){
  .club-steward-list{
    gap:7px !important;
  }
  .club-steward-list li{
    font-size:clamp(.64rem,2.35vw,.78rem) !important;
    line-height:1.14 !important;
    letter-spacing:-.025em !important;
    white-space:nowrap !important;
  }
  .club-steward-list li::before{
    margin-right:5px !important;
  }

  .press-features-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,145px)) !important;
    justify-content:center !important;
    align-items:stretch !important;
    gap:10px !important;
    width:min(100%,310px) !important;
    margin:24px auto 0 !important;
  }
  .press-features-grid .press-card{
    margin:0 !important;
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:11px 9px !important;
    border-radius:14px !important;
    gap:8px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:space-between !important;
  }
  .press-features-grid .press-label{
    font-size:.52rem !important;
    letter-spacing:.07em !important;
  }
  .press-features-grid .press-card h3{
    font-size:.72rem !important;
    line-height:1.08 !important;
    margin:.35em 0 .3em !important;
  }
  .press-features-grid .press-card p{
    font-size:.57rem !important;
    line-height:1.18 !important;
    margin:0 !important;
  }
  .press-features-grid .press-card .button{
    width:100% !important;
    min-height:29px !important;
    padding:0 5px !important;
    font-size:.53rem !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
}


/* =========================================================
   VERSION 2.74 — bilingual language switch only.
   Compact language button beside the existing navigation/menu.
   All existing desktop/mobile layouts remain unchanged.
   ========================================================= */
.lang-switch{
  margin-left:auto;
  margin-right:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border:1px solid rgba(241,194,50,.72);
  border-radius:999px;
  color:var(--gold2);
  background:rgba(8,9,10,.34);
  text-decoration:none;
  font-size:.78rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.02em;
  white-space:nowrap;
}
.lang-switch:hover{background:rgba(241,194,50,.10)}
@media(max-width:760px){
  .lang-switch{margin-right:8px;min-height:31px;padding:0 9px;font-size:.69rem}
}
@media(max-width:380px){
  .lang-switch{margin-right:6px;padding:0 7px;font-size:.64rem}
}

/* =========================================================
   VERSION 2.75 — Spanish mobile hero question.
   Keep the English hero swap unchanged; translate only the
   Spanish mobile pseudo-text above the floating cards.
   ========================================================= */
@media (max-width: 760px){
  html[lang="es"] .logo-crop::before{
    content:"¿Qué es lo que más deseas?" !important;
  }
}

/* =========================================================
   VERSION 2.76 — Spanish hero question only.
   Keep the Spanish wording on mobile and desktop; on desktop,
   slightly reduce the headline and allow a clean three-line wrap.
   Everything else remains unchanged.
   ========================================================= */
html[lang="es"] #hero-title{
  /* Spanish desktop headline: three balanced lines instead of four. */
  max-width:10.5ch;
  font-size:clamp(3.8rem,7vw,7.6rem);
  line-height:.98;
}
@media (max-width:760px){
  html[lang="es"] .logo-crop::before{
    content:"¿Qué es lo que más deseas?" !important;
  }
}

/* =========================================================
   VERSION 2.78 — Spanish hero typography polish only.
   Desktop: smaller question with more line spacing.
   Mobile: keep question size, add line spacing, and keep
   the Spanish eyebrow on one line. English remains unchanged.
   ========================================================= */
@media (min-width: 761px){
  html[lang="es"] #hero-title{
    font-size:clamp(3.35rem,6.2vw,6.8rem) !important;
    line-height:1.08 !important;
    max-width:10.8ch !important;
  }
}

@media (max-width: 760px){
  html[lang="es"] .logo-crop::before{
    line-height:1.08 !important;
  }
  html[lang="es"] .hero-copy .eyebrow{
    font-size:.60rem !important;
    letter-spacing:.08em !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
  }
}