/* Theme Name: Life Saving Society Reference Design
Description: A reference-led WordPress charity theme.
Version: 1.0.0
Text Domain: lss-reference */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
:root{--blue:#183db5;--ink:#202a46;--green:#21b326;--yellow:#ffd500;--pale:#eef8fc;--cream:#fff2ca;--slate:#526c97}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:#0c1019}.wrap{width:min(1440px,94%);margin:auto}.top{background:var(--green);color:#fff}.top .wrap{height:95px;display:flex;align-items:center;gap:22px}.logo{width:68px;height:68px;border:3px solid var(--yellow);border-radius:14px;background:white;color:var(--green);display:grid;place-items:center;font-size:37px}.name{font-size:31px}.tag{margin-left:auto;font-size:18px;font-style:italic}.social{display:flex;gap:10px}.social span{width:48px;height:48px;border-radius:50%;background:#183db5;display:grid;place-items:center;font-weight:700}.social span:nth-child(2){background:#161616}.social span:nth-child(3){background:#d61f2d}.nav{background:var(--blue);padding:25px 0}.nav .wrap{display:flex;gap:35px;align-items:center}.menu{border:3px solid white;border-radius:15px;display:flex;justify-content:space-around;flex:1}.menu a{color:white;text-decoration:none;white-space:nowrap;padding:15px 9px;font-size:13px}.menu a:hover{color:var(--yellow)}.button{background:var(--green);border:3px solid var(--yellow);border-radius:13px;color:white;text-decoration:none;font-weight:600;letter-spacing:3px;padding:15px 25px;display:inline-block}.hero{min-height:710px;text-align:center;padding-top:45px;background:linear-gradient(180deg,#eaf7fbde,#eaf7fb5c),url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=2200&q=80') center/cover}.hero h1{color:#28591f;font-size:clamp(42px,5vw,68px);letter-spacing:13px;margin:0}.hero .sub{font-style:italic;letter-spacing:7px;font-size:clamp(18px,2.3vw,31px)}.hero .line{font-size:25px}.together{font-size:clamp(27px,4vw,50px);display:inline-block;background:#e8dfe2cc;padding:5px 15px}.actions{display:flex;justify-content:center;gap:38px;margin:24px}.pillars{max-width:1260px;margin:25px auto 0;padding:25px;background:var(--blue);display:grid;grid-template-columns:repeat(7,1fr);gap:22px}.pillar{height:250px;border:3px solid var(--yellow);border-radius:25px;color:#fff;display:flex;align-items:end;justify-content:center;padding:15px;text-align:center;background:linear-gradient(0deg,#1049a9 10%,transparent 70%),url('https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=500&q=75') center/cover}.pillar:nth-child(2){background-color:#108938}.pillar:nth-child(3){background-color:#c36714}.pillar:nth-child(4){background-color:#6927a5}.pillar:nth-child(5){background-color:#b01c37}.section-title{background:var(--blue);color:#fff;text-align:center;padding:22px;font-weight:400;font-size:clamp(29px,4vw,55px)}section.block{padding:42px 0}.two{display:grid;grid-template-columns:43% 57%;gap:42px}.art{min-height:635px;border:2px solid var(--yellow);background:url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=1200&q=80') center/cover}.list{padding:4px 20px}.list h3{font-size:23px;margin:20px 0 4px}.list p{font-size:18px;line-height:1.5;margin:0 0 24px}.help{background:var(--pale)}.intro{text-align:center;max-width:1250px;margin:0 auto 42px}.intro h2{font-size:31px;font-weight:500}.intro p{font-size:20px}.help-art{min-height:570px;border:2px solid var(--yellow);background:url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=1200&q=80') center/cover}.emphasis{text-align:center;font-size:29px;font-weight:700;font-style:italic;margin:38px}.stories{background:var(--cream)}.story-copy{width:min(820px,90%);margin:auto;font-size:15px;line-height:1.6}.story-copy h2{text-align:center;font-size:24px;font-weight:500}.projects{background:var(--slate);color:white}.project-intro{background:var(--ink);text-align:center;padding:30px}.project-intro h2{font-size:clamp(32px,4vw,55px);margin:0}.project-intro p{font-size:20px;max-width:1000px;margin:22px auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#8ba4c3;color:#10131a;padding:44px 20px;text-align:center}.stats b{display:block;color:var(--yellow);font-size:65px}.stats span{font-size:17px}.cards{padding:48px 10%;display:grid;grid-template-columns:repeat(2,1fr);gap:50px}.card img{width:100%;height:230px;object-fit:cover}.label{display:inline-block;background:var(--yellow);border:3px solid var(--blue);color:#111;padding:12px 24px;border-radius:12px;letter-spacing:3px;margin:18px 0}.card h3{font-size:28px;margin:0}.card p{font-size:18px;line-height:1.5}.more{text-align:center;background:var(--ink);padding:35px}.contact{background:var(--blue);color:white;padding:45px 0 0}.contact-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:25px}.contact-box{border:2px solid var(--yellow);padding:25px}.contact-box h2{font-size:33px;font-weight:400;margin:0 0 20px}.contact-box a,.contact-box p{display:block;color:#fff;text-decoration:none;margin:13px 0}.centre{text-align:center}.centre .logo{margin:auto}.copyright{text-align:center;background:var(--green);border:3px solid var(--yellow);padding:22px;margin-top:15px}@media(max-width:1100px){.tag,.social{display:none}.menu{overflow-x:auto;justify-content:flex-start}.nav .wrap{gap:12px}.pillars{grid-template-columns:repeat(4,1fr)}.two{grid-template-columns:1fr}.art,.help-art{min-height:390px}.contact-grid{grid-template-columns:1fr}}@media(max-width:600px){.top .wrap{height:75px}.logo{width:50px;height:50px}.name{font-size:20px}.nav{padding:12px 0}.nav>.wrap>.button{display:none}.pillars{grid-template-columns:repeat(2,1fr);padding:12px;gap:12px}.pillar{height:170px}.hero{min-height:540px}.hero h1{letter-spacing:5px}.hero .sub{letter-spacing:2px}.actions{flex-direction:column;gap:10px}.cards,.stats{grid-template-columns:1fr}.stats{gap:25px}}