.hero-photo { background: linear-gradient(90deg, rgba(20,43,77,.98) 8%, rgba(20,43,77,.78) 46%, rgba(20,43,77,.2)), url("assets/img/hero/home.jpg") center/cover; inset: 0; opacity: .9; position: absolute; }.founder-header { background: var(--ivory); position: relative; }.founder-hero { background: var(--navy); color: white; min-height: 540px; overflow: hidden; padding: 130px 10vw 100px; position: relative; }.founder-hero::after { border: 1px solid rgba(225,196,158,.28); border-radius: 50%; content: ""; height: 680px; position: absolute; right: -12vw; top: 20px; width: 680px; }.founder-hero > * { position: relative; z-index: 1; }.founder-hero h1 { font-size: clamp(58px, 8vw, 108px); }.founder-hero p:last-child { font-size: 18px; margin-top: 30px; max-width: 440px; }.founder-story { display: grid; gap: 9vw; grid-template-columns: .85fr 1.15fr; }.founder-portrait { min-height: 600px; }.founder-copy h2 { margin-bottom: 35px; }.founder-copy p { color: var(--muted); max-width: 530px; }.founder-copy .lead { color: var(--ink); font: 25px/1.4 var(--serif); }.founder-copy .signature { color: var(--ink); font-family: var(--serif); margin-top: 38px; }.founder-copy .signature strong { font-size: 20px; font-weight: 400; }.founder-values { background: #eee5da; display: grid; gap: 12vw; grid-template-columns: .8fr 1.2fr; }.value-list { border-top: 1px solid var(--line); }.value-list > div { border-bottom: 1px solid var(--line); display: grid; gap: 25px; grid-template-columns: 40px 1fr; padding: 25px 0; }.value-list span { color: #947252; font-size: 11px; }.value-list p { margin: 0; }.value-list strong { font-family: var(--serif); font-size: 24px; font-weight: 400; }
@media (max-width: 760px) { .founder-header { position: relative; }.founder-hero { min-height: 500px; padding: 105px 7vw 80px; }.founder-hero::after { height: 130vw; right: -48vw; width: 130vw; }.founder-story, .founder-values { display: block; }.founder-portrait { margin-bottom: 60px; min-height: 390px; }.founder-values h2 { margin-bottom: 55px; } }

.hero-photo { background-position: center; background-size: cover; transition: background-image 1.2s ease-in-out; }
.hero-photo-next { opacity: 0; transition: opacity 1.4s ease-in-out; z-index: 0; }
.hero-photo-next.is-visible { opacity: .9; }
.site-header { background: rgba(247,243,237,.96); position: fixed; }
.founder-header { position: fixed; }
.hero { padding-top: 230px; }