@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,500;9..144,600;9..144,700&family=Karla:wght@400;500;700;800&display=swap');

:root{
  --red: #b6303a;
  --red-dark: #7d1f27;
  --red-light: #e2565f;
  --gold: #d9a441;
  --gold-light: #f0c877;
  --cream: #faf7f0;
  --ink: #241f21;
  --muted: #6b625f;
  --line: rgba(36,31,33,0.1);
  --flag-blue:#3f6c9e;
  --flag-white:#f2ede2;
  --flag-red:#b23a3a;
  --flag-green:#4a7c59;
  --flag-yellow:#dba63f;
}

*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Karla', sans-serif; color:var(--ink); background:var(--cream); line-height:1.6;}
h1,h2,h3,.display{font-family:'Fraunces', serif;}
a{color:inherit;}
img{max-width:100%; display:block;}
.wrap{max-width:1140px; margin:0 auto; padding:0 24px;}
button{font-family:inherit; cursor:pointer;}

/* prayer-flag divider */
.flagline{display:flex; height:8px; width:100%;}
.flagline span{flex:1;}
.flagline span:nth-child(5n+1){background:var(--flag-blue);}
.flagline span:nth-child(5n+2){background:var(--flag-white);}
.flagline span:nth-child(5n+3){background:var(--flag-red);}
.flagline span:nth-child(5n+4){background:var(--flag-green);}
.flagline span:nth-child(5n+5){background:var(--flag-yellow);}

/* header */
header{position:sticky; top:0; z-index:60; background:var(--cream); border-bottom:1px solid var(--line);}
.nav{display:flex; align-items:center; justify-content:space-between; padding:14px 24px; max-width:1140px; margin:0 auto; gap:20px;}
.logo{font-family:'Fraunces',serif; font-weight:700; font-size:1.3rem; display:flex; align-items:center; gap:10px; text-decoration:none; white-space:nowrap;}
.footer-logo{color:#fff; font-family:'Fraunces',serif; font-weight:700; font-size:1.2rem; margin-bottom:12px; display:flex; align-items:center; gap:10px;}
.logo .heart{color:var(--red); font-size:1.2rem;}
nav.links{display:flex; gap:22px; flex-wrap:wrap; align-items:center;}
nav.links a{text-decoration:none; font-weight:700; font-size:0.92rem; opacity:0.82;}
nav.links a:hover, nav.links a.active{opacity:1; color:var(--red);}

/* dropdown nav categories */
.nav-drop{position:relative;}
.nav-drop > .nav-drop-label{display:flex; align-items:center; gap:5px; cursor:pointer; font-weight:700; font-size:0.92rem; opacity:0.82; user-select:none;}
.nav-drop > .nav-drop-label:hover{opacity:1; color:var(--red);}
.nav-drop .caret{font-size:0.65rem; transition:transform .15s;}
.nav-drop.open .caret{transform:rotate(180deg);}
.nav-drop-menu{
  position:absolute; top:100%; left:0; margin-top:14px;
  background:#fff; border:1px solid var(--line); border-radius:6px;
  box-shadow:0 12px 30px rgba(36,31,33,0.12);
  min-width:220px; padding:8px; display:none; z-index:80;
}
.nav-drop.open .nav-drop-menu{display:block;}
.nav-drop-menu a{display:block; padding:10px 12px; border-radius:4px; font-size:0.88rem; font-weight:600; opacity:1; color:var(--ink); text-decoration:none;}
.nav-drop-menu a:hover{background:var(--cream); color:var(--red);}
@media (max-width:900px){
  .nav-drop-menu{position:static; box-shadow:none; border:none; margin-top:4px; margin-left:12px; display:none; padding:0;}
  .nav-drop.open .nav-drop-menu{display:block;}
  .nav-drop > .nav-drop-label{padding:4px 0;}
}
.nav-cta{background:var(--red); color:#fff; padding:10px 18px; border-radius:3px; font-weight:800; font-size:0.88rem; text-decoration:none; white-space:nowrap;}
.nav-cta:hover{background:var(--red-dark);}
.menu-toggle{display:none; background:none; border:none; font-size:1.4rem;}
@media (max-width:900px){
  nav.links{position:absolute; top:100%; left:0; right:0; background:var(--cream); flex-direction:column; padding:16px 24px; border-bottom:1px solid var(--line); display:none;}
  nav.links.open{display:flex;}
  .menu-toggle{display:block;}
  .nav-cta{padding:9px 14px; font-size:0.8rem;}
}

/* buttons */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:14px 28px; border-radius:3px; font-weight:800; font-size:0.96rem; text-decoration:none; border:none; transition:transform .15s, box-shadow .15s, background .15s;}
.btn-primary{background:var(--red); color:#fff;}
.btn-primary:hover{background:var(--red-dark); transform:translateY(-2px); box-shadow:0 8px 18px rgba(182,48,58,0.3);}
.btn-gold{background:var(--gold); color:var(--ink);}
.btn-gold:hover{background:var(--gold-light); transform:translateY(-2px);}
.btn-outline{border:1.5px solid var(--ink); background:none; color:var(--ink);}
.btn-outline:hover{background:var(--ink); color:var(--cream);}
.btn-ghost-light{border:1.5px solid rgba(250,247,240,0.5); color:var(--flag-white); background:none;}
.btn-ghost-light:hover{border-color:#fff; background:rgba(255,255,255,0.08);}
.btn-block{width:100%;}
.btn:disabled{opacity:0.5; cursor:not-allowed;}

/* hero (dark) */
.hero-dark{background:linear-gradient(160deg, var(--red-dark), #4a141a 100%); color:var(--flag-white); padding:70px 24px 60px; position:relative;}
.eyebrow{font-size:0.8rem; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-light); font-weight:800; margin-bottom:16px; display:flex; align-items:center; gap:10px;}
.eyebrow .line{width:32px; height:1px; background:var(--gold-light);}

/* section shells */
section{padding:70px 24px;}
.section-head{max-width:640px; margin-bottom:44px;}
.section-eyebrow{font-size:0.8rem; letter-spacing:.1em; text-transform:uppercase; color:var(--red); font-weight:800; margin-bottom:12px;}
.section-head h2{font-size:clamp(1.7rem,4vw,2.4rem); font-weight:600; line-height:1.15;}
.section-head p{color:var(--muted); margin-top:14px; font-size:1.02rem;}
.center{text-align:center; margin-left:auto; margin-right:auto;}

/* cards generic */
.card{background:#fff; border:1px solid var(--line); border-radius:6px; transition:transform .15s ease, box-shadow .15s ease;}
a.card:hover, .child-card:hover{transform:translateY(-3px); box-shadow:0 10px 24px rgba(36,31,33,0.08);}

/* footer */
footer{background:#1c1618; color:rgba(250,247,240,0.7); padding:56px 24px 26px;}
.footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:36px; max-width:1140px; margin:0 auto 36px;}
@media (max-width:800px){.footer-grid{grid-template-columns:1fr 1fr;}}
footer h4{color:#fff; font-size:0.85rem; letter-spacing:.06em; text-transform:uppercase; margin-bottom:14px;}
footer p{font-size:0.9rem; max-width:320px;}
footer ul{list-style:none;}
footer ul li{margin-bottom:9px;}
footer a{text-decoration:none; font-size:0.9rem;}
footer a:hover{color:var(--gold-light);}
.footer-bottom{max-width:1140px; margin:0 auto; padding-top:22px; border-top:1px solid rgba(250,247,240,0.12); font-size:0.78rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px;}
.footer-logo{color:#fff; font-family:'Fraunces',serif; font-weight:700; font-size:1.2rem; margin-bottom:12px; display:flex; align-items:center; gap:10px;}

/* reveal on scroll */
.reveal{opacity:0; transform:translateY(14px); transition:opacity .6s ease, transform .6s ease;}
.reveal.in{opacity:1; transform:translateY(0);}
@media (prefers-reduced-motion: reduce){.reveal{opacity:1; transform:none;} html{scroll-behavior:auto;}}

/* modal */
.modal-overlay{position:fixed; inset:0; background:rgba(28,22,24,0.7); z-index:200; display:none; align-items:center; justify-content:center; padding:20px;}
.modal-overlay.open{display:flex;}
.modal-box{background:#fff; border-radius:8px; max-width:480px; width:100%; max-height:88vh; overflow-y:auto; position:relative; padding:0;}
.modal-close{position:absolute; top:12px; right:14px; background:none; border:none; font-size:1.4rem; color:var(--muted); z-index:2;}
.modal-header{padding:26px 26px 0;}
.modal-header h3{font-size:1.3rem;}
.modal-header p{color:var(--muted); font-size:0.92rem; margin-top:6px;}
.modal-body{padding:20px 26px 26px;}
.givebutter-slot{background:var(--cream); border:1px dashed var(--line); border-radius:6px; padding:22px; font-size:0.88rem; color:var(--muted); text-align:center;}

/* forms */
.form-grid{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
@media (max-width:700px){.form-grid{grid-template-columns:1fr;}}
.field{display:flex; flex-direction:column; gap:6px;}
.field.full{grid-column:1/-1;}
.field label{font-size:0.85rem; font-weight:700;}
.field input, .field select, .field textarea{padding:12px 14px; border:1px solid var(--line); border-radius:4px; font-family:inherit; font-size:0.95rem; background:#fff;}
.field textarea{resize:vertical; min-height:110px;}
.field input:focus, .field select:focus, .field textarea:focus{outline:2px solid var(--red); outline-offset:1px;}

/* toggle group (frequency / options) */
.toggle-group{display:flex; gap:10px; flex-wrap:wrap;}
.toggle-group input{position:absolute; opacity:0; pointer-events:none;}
.toggle-group label{padding:11px 20px; border:1.5px solid var(--line); border-radius:30px; font-weight:700; font-size:0.9rem; cursor:pointer; transition:all .15s;}
.toggle-group input:checked + label{background:var(--red); border-color:var(--red); color:#fff;}

.note-box{background:#fff7ea; border:1px solid var(--gold-light); border-radius:6px; padding:16px 18px; font-size:0.88rem; color:var(--ink);}

/* children sponsor grid */
.child-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:22px;}
.child-card{background:#fff; border:1px solid var(--line); border-radius:6px; overflow:hidden; display:flex; flex-direction:column;}
.child-card img{width:100%; aspect-ratio:4/3.2; object-fit:cover;}
.child-info{padding:16px; display:flex; flex-direction:column; gap:8px; flex:1;}
.child-info h3{font-size:1.05rem; font-weight:700;}
.child-info p{font-size:0.85rem; color:var(--muted); margin-bottom:4px;}
.filter-bar{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:30px;}
.filter-bar button{padding:9px 18px; border-radius:30px; border:1.5px solid var(--line); background:#fff; font-weight:700; font-size:0.85rem;}
.filter-bar button.active{background:var(--ink); color:#fff; border-color:var(--ink);}

/* ===== Mission SU 2026 redesign layer ===== */
:root{
  --red:#b42335; --red-dark:#711825; --red-light:#d94b5b;
  --gold:#e5ad43; --gold-light:#f6d88e; --cream:#fffaf3;
  --ink:#211a1c; --muted:#706669; --line:rgba(33,26,28,.11);
}
body{background:#fffaf3;}
header{background:rgba(255,250,243,.96);backdrop-filter:blur(14px);}
.nav{max-width:1240px;padding:15px 28px}.logo{font-size:1.42rem}.logo img{height:38px!important}
nav.links{gap:24px}.nav-cta{border-radius:999px;padding:11px 21px;box-shadow:0 6px 18px rgba(180,35,53,.16)}
.wrap{max-width:1200px}.btn{border-radius:999px;padding:14px 25px}.card,.child-card{border-radius:16px;box-shadow:0 8px 30px rgba(42,27,31,.045)}
section{padding:86px 24px}.section-head h2{font-size:clamp(2rem,4vw,3rem)}

.ms-hero{min-height:690px;position:relative;display:flex;align-items:center;color:#fff;background:#2c171c;overflow:hidden;padding:0}
.ms-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:saturate(.92)}
.ms-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,14,19,.91) 0%,rgba(31,14,19,.74) 44%,rgba(31,14,19,.18) 76%,rgba(31,14,19,.08) 100%)}
.ms-hero-inner{position:relative;z-index:2;width:100%;padding:92px 24px}.ms-hero-copy{max-width:690px}
.ms-kicker{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--gold-light);margin-bottom:18px}
.ms-kicker:before{content:"";width:34px;height:2px;background:var(--gold-light)}
.ms-hero h1{font-size:clamp(3rem,7vw,5.8rem);line-height:.98;letter-spacing:-.035em;font-weight:600;margin:0 0 24px}.ms-hero h1 em{color:var(--gold-light);font-weight:300}
.ms-hero p{font-size:1.14rem;line-height:1.7;max-width:610px;color:rgba(255,255,255,.9);margin-bottom:28px}.ms-actions{display:flex;gap:12px;flex-wrap:wrap}.ms-actions .btn-gold{box-shadow:0 10px 28px rgba(0,0,0,.18)}
.ms-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;font-size:.84rem;color:rgba(255,255,255,.78)}.ms-trust span:before{content:"✓";color:var(--gold-light);font-weight:800;margin-right:7px}

.ms-impact{background:#fff;padding:0 24px}.ms-impact-grid{position:relative;z-index:4;margin:-48px auto 0;max-width:1120px;background:#fff;border-radius:20px;box-shadow:0 18px 50px rgba(46,27,32,.13);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.ms-stat{padding:29px 24px;text-align:center;border-right:1px solid var(--line)}.ms-stat:last-child{border:0}.ms-stat strong{display:block;font-family:'Fraunces',serif;color:var(--red);font-size:2.35rem;line-height:1.1}.ms-stat span{font-size:.84rem;color:var(--muted)}
.ms-intro{background:#fff;padding-top:78px}.ms-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.ms-photo-stack{position:relative;padding:0 42px 42px 0}.ms-photo-stack img{border-radius:22px;box-shadow:0 20px 45px rgba(40,25,29,.13)}.ms-photo-stack:after{content:"Little Smiles. Big Dreams.";position:absolute;right:0;bottom:0;background:var(--red);color:#fff;padding:22px 24px;border-radius:16px;font-family:'Fraunces',serif;font-size:1.25rem;max-width:210px}
.ms-copy h2{font-size:clamp(2.2rem,4vw,3.35rem);line-height:1.08;margin-bottom:18px}.ms-copy p{color:var(--muted);font-size:1.02rem;margin-bottom:16px}.ms-copy .btn{margin-top:8px}
.ms-focus{background:linear-gradient(180deg,#fffaf3,#fff)}.ms-focus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ms-focus-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.ms-icon{width:48px;height:48px;border-radius:14px;background:#fff2df;display:grid;place-items:center;font-size:1.55rem;margin-bottom:18px}.ms-focus-card h3{font-size:1.2rem;margin-bottom:7px}.ms-focus-card p{font-size:.9rem;color:var(--muted)}
.ms-waiting{background:#28191d;color:#fff}.ms-waiting .section-eyebrow{color:var(--gold-light)}.ms-waiting-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.ms-waiting h2{font-size:clamp(2rem,4vw,3rem)}.ms-child-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ms-child-preview a{background:#fff;color:var(--ink);border-radius:16px;overflow:hidden;text-decoration:none;transition:.2s}.ms-child-preview a:hover{transform:translateY(-5px)}.ms-child-preview img{width:100%;aspect-ratio:1/1;object-fit:cover}.ms-child-preview div{padding:15px 16px}.ms-child-preview strong{display:block;font-family:'Fraunces',serif;font-size:1.1rem}.ms-child-preview span{font-size:.82rem;color:var(--muted)}
@media(max-width:900px){.ms-hero{min-height:620px}.ms-hero:after{background:linear-gradient(90deg,rgba(31,14,19,.88),rgba(31,14,19,.58))}.ms-impact-grid{grid-template-columns:1fr 1fr}.ms-stat:nth-child(2){border-right:0}.ms-stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.ms-intro-grid{grid-template-columns:1fr;gap:38px}.ms-focus-grid,.ms-child-preview{grid-template-columns:1fr 1fr}.ms-waiting-head{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.nav{padding:12px 16px}.logo span{display:none}.ms-hero{min-height:650px}.ms-hero-bg{object-position:64% center}.ms-hero:after{background:linear-gradient(90deg,rgba(31,14,19,.92),rgba(31,14,19,.64))}.ms-hero-inner{padding:70px 20px}.ms-hero h1{font-size:3.25rem}.ms-impact-grid{margin-top:-28px}.ms-stat{padding:20px 10px}.ms-stat strong{font-size:1.75rem}.ms-focus-grid,.ms-child-preview{grid-template-columns:1fr}.ms-photo-stack{padding:0 22px 34px 0}section{padding:64px 20px}}

/* ===== Premium polish layer ===== */

/* Refined typography rhythm */
.section-eyebrow{letter-spacing:.16em; font-size:0.78rem; display:inline-flex; align-items:center; gap:8px;}
.section-eyebrow:before{content:""; width:22px; height:1.5px; background:var(--red); display:inline-block;}
.section-head h2{letter-spacing:-0.01em;}
h1, h2, h3{letter-spacing:-0.01em;}
p{line-height:1.72;}

/* Elevated photo treatment - consistent shadow/radius for standalone images */
.photo-elevated{border-radius:20px; overflow:hidden; box-shadow:0 24px 60px rgba(40,25,29,.16); border:1px solid rgba(255,255,255,0.5);}
.photo-elevated img{display:block; width:100%;}

/* Refined card interactions */
.card{transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s cubic-bezier(.2,.8,.2,1); will-change:transform;}
a.card:hover, .card:hover{transform:translateY(-6px); box-shadow:0 26px 55px rgba(42,27,31,.12);}
.child-card{transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s cubic-bezier(.2,.8,.2,1);}
.child-card:hover{transform:translateY(-6px); box-shadow:0 26px 55px rgba(42,27,31,.14);}

/* Premium button interactions - subtle sheen sweep */
.btn{position:relative; overflow:hidden; letter-spacing:0.01em;}
.btn:before{
  content:""; position:absolute; top:0; left:-60%; width:40%; height:100%;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,0.35), transparent);
  transform:skewX(-20deg); transition:left .55s ease;
}
.btn:hover:before{left:120%;}
.btn-primary, .btn-gold{box-shadow:0 10px 26px rgba(180,35,53,.18);}
.btn-primary:hover, .btn-gold:hover{box-shadow:0 14px 34px rgba(180,35,53,.26);}

/* Refined section divider (subtle, fading prayer-flag line) */
.flagline{opacity:0.85; mask-image:linear-gradient(90deg, transparent, black 15%, black 85%, transparent);}

/* Nav link underline animation */
nav.links > a{position:relative; padding-bottom:4px;}
nav.links > a:after{
  content:""; position:absolute; left:0; bottom:0; width:0; height:2px;
  background:var(--red); transition:width .2s ease;
}
nav.links > a:hover:after, nav.links > a.active:after{width:100%;}

/* Staggered reveal - subtle scale + longer ease for a more editorial feel */
.reveal{transition:opacity .7s cubic-bezier(.16,.8,.3,1), transform .7s cubic-bezier(.16,.8,.3,1); transform:translateY(22px) scale(0.985);}
.reveal.in{transform:translateY(0) scale(1);}

/* Footer premium refinement */
footer{background:#1a1315; position:relative;}
footer:before{content:""; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg, transparent, rgba(230,173,67,.35), transparent);}
footer h4{letter-spacing:.1em; font-size:0.78rem; opacity:0.9;}
footer a{transition:color .15s ease, padding-left .15s ease;}
footer ul li a:hover{padding-left:4px;}

/* Section background rhythm - subtle warm tint alternation for non-dark sections */
section[id="faith"], section:has(> .wrap > .section-head.center){background:#fff;}

/* Founder / story image polish reuse */
#story .reveal > div:first-child img, 
section[style*="founder-portrait"] img {
  border-radius:20px;
}

@media (max-width:700px){
  .photo-elevated{border-radius:14px;}
}

/* ===== Bigger visual moves ===== */

/* Ken Burns slow zoom on hero background */
.ms-hero-bg{animation:ms-kenburns 22s ease-in-out infinite alternate;}
@keyframes ms-kenburns{from{transform:scale(1);} to{transform:scale(1.09);}}

/* Hero text staggered entrance */
.ms-kicker, .ms-hero h1, .ms-hero p, .ms-actions, .ms-trust{
  opacity:0; transform:translateY(18px);
  animation:ms-hero-in .8s cubic-bezier(.16,.8,.3,1) forwards;
}
.ms-kicker{animation-delay:.1s;}
.ms-hero h1{animation-delay:.22s;}
.ms-hero p{animation-delay:.36s;}
.ms-actions{animation-delay:.5s;}
.ms-trust{animation-delay:.62s;}
@keyframes ms-hero-in{to{opacity:1; transform:translateY(0);}}
@media (prefers-reduced-motion: reduce){
  .ms-hero-bg{animation:none;}
  .ms-kicker, .ms-hero h1, .ms-hero p, .ms-actions, .ms-trust{opacity:1; transform:none; animation:none;}
}

/* Focus-card icon circles now hold SVGs instead of emoji */
.ms-icon svg{width:24px; height:24px; color:var(--red);}
.ms-focus-card{transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s cubic-bezier(.2,.8,.2,1);}
.ms-focus-card:hover{transform:translateY(-6px); box-shadow:0 22px 45px rgba(42,27,31,.1);}

/* Get-involved cards (icon circle style, reused from ms-icon) */
.ms-gi-card{padding:30px 24px !important; text-decoration:none; color:var(--ink); text-align:center; display:block;}
.ms-gi-card .ms-icon{background:#fff2df;}

/* Editorial pull-quote section */
.ms-pullquote{background:#fffaf3;}
.ms-pullquote-inner{display:grid; grid-template-columns:0.55fr 1.45fr; gap:56px; align-items:center;}
.ms-pullquote-photo{max-width:280px; margin:0 auto;}
.ms-quote-mark{font-family:'Fraunces',serif; font-size:5rem; line-height:0.6; color:var(--gold); font-weight:600; margin-bottom:6px;}
.ms-pullquote-copy blockquote{font-family:'Fraunces',serif; font-size:clamp(1.6rem,3vw,2.3rem); font-weight:500; line-height:1.28; color:var(--ink); margin:0 0 18px; font-style:italic;}
.ms-quote-attr{color:var(--muted); font-size:0.92rem; font-weight:600;}
@media (max-width:800px){.ms-pullquote-inner{grid-template-columns:1fr; text-align:center;}}

/* Unified duotone treatment for the mixed-quality story gallery photos */
.ms-story-photo{position:relative; border-radius:16px; overflow:hidden;}
.ms-story-photo img{filter:saturate(0.78) contrast(1.05); transition:filter .3s ease, transform .4s ease;}
.ms-story-photo:after{content:""; position:absolute; inset:0; background:linear-gradient(160deg, rgba(180,35,53,0.16), rgba(40,25,29,0.06)); mix-blend-mode:multiply; pointer-events:none;}
.ms-story-photo:hover img{filter:saturate(0.95) contrast(1.05); transform:scale(1.04);}