@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap');
:root{--red:#d71920;--deep-red:#8f0b12;--yellow:#ffd21f;--green:#087f3d}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:#fffdf3;color:#222;font-family:Poppins,Arial,sans-serif}
.top-flash{background:linear-gradient(90deg,var(--red),#ff5b00,var(--green));color:#fff;text-align:center;font-weight:800;letter-spacing:2px;padding:9px;overflow:hidden}
.top-flash span{display:inline-block;animation:flash 1.5s infinite}
.hero{min-height:360px;padding:24px 2.5%;background:radial-gradient(circle at center,#fff4a3 0,#ffe45a 28%,#d71920 100%)}
.hero-inner{width:100%;min-height:330px;display:grid;grid-template-columns:190px 1fr 190px;gap:24px;align-items:center;max-width:1400px;margin:auto}
.hero-content{text-align:center;color:#fff;text-shadow:0 3px 12px rgba(0,0,0,.45)}
.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:3px;color:var(--green);margin-bottom:7px}
.hero .eyebrow{color:var(--yellow)}
.flash-title{font-family:"Playfair Display",serif;font-size:clamp(2.4rem,6vw,5.2rem);line-height:1;margin:10px 0 18px;animation:titleGlow 2s ease-in-out infinite alternate}
.lead{font-size:1.05rem;max-width:720px;margin:0 auto 22px}
.photo-box{min-height:190px;border:4px solid var(--yellow);border-radius:22px;background:linear-gradient(135deg,rgba(215,25,32,.88),rgba(8,127,61,.88)),repeating-linear-gradient(45deg,transparent 0 10px,rgba(255,255,255,.08) 10px 20px);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.25)}
.photo-box:before{content:"";position:absolute;width:130%;height:35px;background:rgba(255,210,31,.35);transform:rotate(-35deg);animation:sweep 3s linear infinite}
.photo-box:after{content:attr(data-label);font-weight:800;letter-spacing:2px;color:#fff;font-size:1rem;z-index:2}
.hero-photo{height:250px}
.pulse-btn{font-weight:800;border:0;box-shadow:0 8px 22px rgba(0,0,0,.25);animation:pulse 1.8s infinite}
.main-nav{background:var(--green)!important;border-bottom:5px solid var(--yellow)}
.navbar-brand,.nav-link{color:#fff!important;font-weight:700}.nav-link{margin-left:12px;transition:.25s}.nav-link:hover{color:var(--yellow)!important;transform:translateY(-2px)}.navbar-toggler{background:var(--yellow)}
.section-heading,.about-card,.side-card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 10px 28px rgba(0,0,0,.09);border-top:6px solid var(--red)}
.section-heading h2,.about-card h2{font-family:"Playfair Display",serif;font-weight:800;color:var(--deep-red)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.gallery-box{min-height:180px;border-color:var(--green);cursor:pointer;transition:.3s}.gallery-box:hover{transform:translateY(-8px) rotate(.5deg);border-color:var(--red);box-shadow:0 18px 30px rgba(215,25,32,.22)}
.section-ribbon{background:linear-gradient(90deg,var(--red),var(--green));color:#fff;padding:12px;border-radius:10px;font-weight:800;letter-spacing:1px;margin-bottom:10px}
.story-list a{display:block;text-decoration:none;color:#222;font-weight:600;padding:12px 8px;border-bottom:1px dashed #ccc;transition:.25s}.story-list a:hover{background:var(--yellow);color:var(--deep-red);padding-left:16px;border-radius:8px}
.mini-note{margin-top:18px;background:#fff9df;padding:15px;border-left:5px solid var(--green);font-style:italic}
.article-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #eee}.article-item>span{font-size:1.5rem;font-weight:800;color:var(--red)}
.article-item h3{font-size:1rem;margin:0 0 5px;color:var(--green)}.article-item p{font-size:.82rem;margin:0;color:#666}
.quote-strip{margin-top:25px;background:var(--red);color:#fff;padding:30px}.quote-strip p{font-family:"Playfair Display",serif;font-size:1.6rem;margin:0}
footer{background:#101010;color:#ddd;padding:35px 0}footer h3{color:var(--yellow);font-family:"Playfair Display",serif}
#backTop{display:none;position:fixed;right:20px;bottom:20px;width:46px;height:46px;border:0;border-radius:50%;background:var(--yellow);color:var(--deep-red);font-size:1.5rem;font-weight:800;z-index:20}
@keyframes flash{0%,100%{opacity:1}50%{opacity:.35}}@keyframes titleGlow{from{text-shadow:0 0 8px rgba(255,210,31,.4)}to{text-shadow:0 0 28px rgba(255,210,31,.95)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes sweep{0%{left:-140%}100%{left:140%}}
@media(max-width:991px){.hero-inner{grid-template-columns:1fr;max-width:700px}.hero-photo{height:190px;min-height:190px}.hero-content{order:-1}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.hero{padding:15px}.gallery-grid{grid-template-columns:1fr}.gallery-box{min-height:210px}.hero-inner{gap:14px}.flash-title{font-size:2.6rem}.quote-strip p{font-size:1.2rem}}