
/* Original transparent logo, framed in CSS without changing the artwork. */
.logo-frame{display:block;position:relative;overflow:hidden;aspect-ratio:252/339;flex-shrink:0}
.logo-frame .logo-art{position:absolute;left:-49.20635%;top:-23.30383%;width:198.4127%;height:auto;max-width:none;padding:0;background:none;border-radius:0}
.compact-emblem{width:37px}
.site-header .logo-art,.hero-emblem .logo-art{filter:invert(1) sepia(.15) brightness(1.12)}
.site-header{width:min(1240px,calc(100% - 64px));min-height:90px;padding:18px 0;grid-template-columns:1fr auto 1fr;border-bottom-color:#fff8eb30;z-index:10}
.site-header .brand{gap:13px}.site-header .brand-name strong{font-size:17px}.site-header .brand-name small{font-size:8px}.site-header nav{gap:24px}.header-cta{justify-self:end}
.hero.hero-impact{display:block;min-height:780px;min-height:max(780px,100svh);padding:110px 24px 240px;background:#2b1b14;isolation:isolate;position:relative;text-align:center;overflow:hidden}
.hero-impact:before{display:none}
.hero-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 66%;z-index:-3}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(22,13,10,.55) 0%,rgba(26,15,10,.24) 30%,rgba(23,14,10,.30) 53%,rgba(23,14,10,.04) 72%,rgba(23,14,10,.50) 100%)}
.hero-center{width:min(1100px,100%);margin:0 auto;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}
.hero-emblem{width:154px;filter:drop-shadow(0 3px 18px #20120950);margin:0 auto 13px}
.hero-tagline{font-size:10px;line-height:1.6;text-transform:uppercase;letter-spacing:.26em;font-weight:600;color:#fff1d5;text-shadow:0 2px 12px #1b0e0b;margin:0 0 19px}
.hero-impact h1{font-family:Georgia,serif;max-width:none;font-size:clamp(34px,3.4vw,52px);line-height:1.13;letter-spacing:-.035em;text-shadow:0 2px 24px #21100d99;display:flex;flex-wrap:wrap;justify-content:center;gap:0 12px;margin:0;color:#fff9ed}
.hero-impact h1 em{display:inline;color:#f4d7a2;font-weight:400}
.hero-impact .hero-lead{font-family:Georgia,serif;font-size:17px;line-height:1.55;max-width:590px;color:#fff4e3;margin:17px auto 0;text-shadow:0 2px 15px #1c0f0be0}
.hero-impact .hero-actions{justify-content:center;gap:12px;margin:23px 0 0}
.hero-impact .button{min-height:48px;padding:14px 23px;font-size:12px}
.hero-impact .button-primary{background:#ddaf66;color:#27170e;box-shadow:0 5px 22px #13090630}
.hero-impact .button-ghost{border-color:#fff4e375;background:#24160d35;color:#fff8eb;backdrop-filter:blur(8px)}
.hero-impact .hero-verse{position:absolute;left:24px;right:24px;bottom:22px;max-width:none;justify-content:center;margin:0;color:#fff4de;text-shadow:0 2px 12px #140b07;gap:16px}
.hero-impact .hero-verse span{color:#f0c98c}.hero-impact .hero-verse p{font-size:13px}
.footer-brand .compact-emblem{width:52px}.footer-brand .logo-art{filter:none}
@media(min-width:1600px){.hero.hero-impact{padding-top:130px}.hero-emblem{width:180px}.hero-impact .hero-lead{max-width:680px;font-size:19px}}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto;width:calc(100% - 40px)}.site-header nav{display:none}.hero.hero-impact{min-height:820px;padding-top:112px;padding-bottom:285px}.hero-impact h1{max-width:700px;font-size:44px}.hero-landscape{object-position:55% center}}
@media(max-width:600px){.site-header{min-height:79px;padding:14px 0;width:calc(100% - 36px)}.compact-emblem{width:31px}.site-header .brand-name strong{font-size:14px}.site-header .brand-name small{font-size:7px}.site-header .header-cta{padding:10px 13px;font-size:11px}.hero.hero-impact{min-height:850px;min-height:max(850px,100svh);padding:105px 22px 300px}.hero-emblem{width:130px;margin-bottom:13px}.hero-tagline{font-size:8px;letter-spacing:.19em;margin-bottom:18px}.hero-impact h1{font-size:36px;line-height:1.08;max-width:350px;gap:4px}.hero-impact h1 span,.hero-impact h1 em{display:block}.hero-impact .hero-lead{font-size:16px;max-width:330px;margin-top:17px}.hero-impact .hero-actions{gap:10px;margin-top:22px;flex-direction:row;flex-wrap:nowrap;width:100%}.hero-impact .hero-actions .button{width:auto;flex:1;min-height:46px;padding:13px 8px;font-size:11px;white-space:nowrap}.hero-landscape{object-position:50% bottom}.hero-impact .hero-verse{flex-direction:column;gap:4px;bottom:19px;left:22px;right:22px}.hero-impact .hero-verse p{font-size:11px;line-height:1.4}.hero-impact .hero-verse span{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
