/*
Theme Name: Silvachar — Earth, Elevated (Optimized)
Theme URI: https://silvachar.ca
Author: Silvachar Environmental Inc.
Description: A custom, lightweight WordPress theme for Silvachar.
Version: 1.1.0
Text Domain: silvachar
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;1,600&family=Barlow:wght@400;500;600&display=swap');
:root{--ink:#10251f;--paper:#f4f1e9;--moss:#54744a;--clay:#d5ad74;--line:rgba(16,37,31,.16);--sans:'Barlow',Arial,sans-serif;--condensed:'Barlow Condensed','Arial Narrow',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.5;font-size:18px}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{position:absolute;z-index:3;width:100%;color:#fff;padding:25px 0}.nav{display:flex;justify-content:space-between;align-items:center}.brand{font-family:var(--condensed);font-size:1.8rem;font-weight:800;letter-spacing:-.055em}.brand small{font-family:var(--sans);font-size:.42em;letter-spacing:.12em;margin-left:6px;vertical-align:middle}.nav-links{display:flex;align-items:center;gap:25px;font-family:var(--condensed);font-weight:600;font-size:1.05rem;letter-spacing:.025em}.nav-links a:hover{text-decoration:underline}.nav-links .nav-cta,.button{display:inline-block;background:#fff;color:var(--ink);padding:11px 18px;border-radius:999px;font-family:var(--condensed);font-weight:700;font-size:1.05rem;letter-spacing:.025em}.hero{min-height:760px;color:#fff;background:linear-gradient(90deg,rgba(5,17,13,.67),rgba(5,17,13,.18)),url('assets/images/silvachar-hero.png') center/cover;display:flex;align-items:flex-end;padding-bottom:70px}.eyebrow,.kicker{font-family:var(--condensed);text-transform:uppercase;letter-spacing:.13em;font-size:.85rem;font-weight:700}.hero h1,.display,.quote,.metric strong,.card h3,.footer-title,.application-row h2,.posts h2,.prose h2{font-family:var(--condensed);font-weight:700;letter-spacing:-.035em}.hero h1{font-size:clamp(4.4rem,10vw,9.2rem);line-height:.78;max-width:850px;margin:18px 0 25px}.hero p{max-width:535px;font-size:1.15rem;margin:0 0 26px;font-weight:500}.intro{padding:130px 0 105px}.display{font-size:clamp(3.1rem,6vw,6.25rem);line-height:.86;max-width:950px;margin:0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:50px}.intro-grid p{font-size:1.13rem;margin:0}.kicker{color:var(--moss)}.how-it-works{padding:100px 0;background:#d9e5b8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:52px}.step{border-top:1px solid var(--ink);padding-top:17px}.step-num{font-family:var(--condensed);font-weight:700;font-size:1rem}.step h3{font-family:var(--condensed);font-size:2.1rem;line-height:.9;margin:26px 0 12px}.step p{margin:0;font-size:1.04rem}.impact{background:var(--ink);color:#fff;padding:100px 0}.impact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px}.impact .display{color:#e7e2d8}.metric{border-top:1px solid rgba(255,255,255,.25);padding:24px 0}.metric strong{font-size:5.1rem;display:block;line-height:.85}.metric span,.quote-source{font-family:var(--condensed);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.quote{font-size:clamp(2.8rem,5vw,5rem);line-height:.88;margin:0}.quote-source{display:block;margin-top:25px;color:#b7c4a1}.uses{padding:120px 0}.uses-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:42px}.uses-head .display{max-width:650px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{min-height:350px;background:#c8b18f;padding:28px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}.card:nth-child(2){background:#879b83}.card:nth-child(3){background:#6d8495}.card:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.46))}.card>*{position:relative;color:white}.card h3{font-size:2.8rem;line-height:.85;margin:10px 0 0}.calculator{padding:100px 0;background:#e4ddce}.calculator-shell{border:1px solid var(--line);background:#f9f7f1;margin-top:42px;overflow:hidden}.calculator-top{padding:25px 30px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line)}.calculator-top p{margin:0;max-width:600px}.calculator-frame{display:block;width:100%;height:720px;border:0;background:#fff}.fallback{padding:35px;text-align:center}.blog-preview{padding:100px 0}.blog-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:42px}.post{border-top:1px solid var(--ink);padding-top:16px}.post time{font-family:var(--condensed);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.post h3{font-family:var(--condensed);font-size:2rem;line-height:.9;font-weight:700;margin:15px 0}.site-footer{background:#0c1d18;color:#e7e2d8;padding:65px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-title{font-size:3.2rem;line-height:.82;margin:0}.footer-links{display:grid;gap:7px}.legal{margin-top:60px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2);font-family:var(--condensed);font-size:.8rem;color:#a7b1a0}.page-hero{padding:190px 0 80px;background:var(--ink);color:#fff}.page-hero .display{max-width:800px}.prose{padding:80px 0;max-width:820px}.prose h2{font-size:3rem;line-height:.9;margin-top:55px}.prose p,.prose li{font-size:1.08rem}.applications{padding:70px 0}.application-row{border-top:1px solid var(--line);padding:32px 0;display:grid;grid-template-columns:1fr 2fr;gap:35px}.application-row h2{font-size:2.8rem;line-height:.9;margin:0}.application-row p{margin:0;font-size:1.08rem}.posts{padding:70px 0}.posts article{padding:30px 0;border-top:1px solid var(--line)}.posts h2{font-size:3rem;line-height:.9;margin:9px 0}.posts article p{max-width:720px}@media(max-width:760px){body{font-size:16px}.nav-links a:not(.nav-cta){display:none}.hero{min-height:650px}.intro,.uses,.how-it-works{padding:80px 0}.intro-grid,.impact-grid,.cards,.blog-list,.steps{grid-template-columns:1fr;gap:28px}.uses-head,.footer-top{display:block}.uses-head .button{margin-top:24px}.card{min-height:260px}.calculator{padding:70px 0}.calculator-top{display:block}.calculator-top .button{margin-top:18px}.calculator-frame{height:760px}.application-row{grid-template-columns:1fr;gap:10px}}
