@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Prata&display=swap');
:root{--ink:#20251f;--paper:#f2f0e8;--acid:#ddea7c;--clay:#b86246;--mist:#d8dde0;--line:rgba(32,37,31,.2);--serif:"Prata",Georgia,serif;--sans:"Manrope",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.58}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%}h1,h2,h3,p{margin-top:0}.section{padding:clamp(85px,10vw,150px) clamp(20px,5vw,76px)}
.header{position:fixed;z-index:50;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:78px;padding:0 clamp(20px,4vw,62px);color:#fff;transition:.3s}.header.scrolled,.header.open{height:68px;background:rgba(242,240,232,.95);color:var(--ink);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;width:max-content;font-size:.69rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid currentColor;font:400 .68rem var(--serif);transform:rotate(45deg)}.brand-mark::first-letter{transform:rotate(-45deg)}.nav{display:flex;gap:25px;font-size:.62rem;text-transform:uppercase;letter-spacing:.09em}.header-link{justify-self:end;font-size:.65rem;text-transform:uppercase;letter-spacing:.09em}.header-link span{margin-left:12px}.menu{display:none;background:none;border:0;color:inherit}.menu span{display:block;width:24px;height:1px;margin:6px;background:currentColor}
.quote-zero{min-height:38vh;padding:130px 20px 80px;display:grid;place-items:center;text-align:center;background:var(--ink);color:#fff}.quote-zero blockquote{max-width:980px;margin:0;font:400 clamp(1.6rem,3.4vw,3.4rem)/1.38 var(--serif)}.quote-zero p{margin:28px 0 0;color:var(--acid);font-size:.65rem;text-transform:uppercase;letter-spacing:.14em}
.hero{position:relative;min-height:100svh;overflow:hidden;color:#fff;background:var(--ink)}.hero>img,.hero-overlay{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center 65%}.hero-overlay{background:linear-gradient(90deg,rgba(17,21,17,.94),rgba(17,21,17,.58) 48%,rgba(17,21,17,.08)),linear-gradient(0deg,rgba(17,21,17,.48),transparent 48%)}.hero-copy{position:absolute;left:clamp(20px,6vw,92px);bottom:clamp(115px,16vh,180px);max-width:1050px}.eyebrow,.index{font-size:.65rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.eyebrow{color:var(--acid)}.hero h1{font:400 clamp(4rem,9vw,9rem)/.92 var(--serif);letter-spacing:-.055em;margin:25px 0}.hero h1 em,h2 em{font-weight:400;color:var(--acid)}.hero-copy>p:not(.eyebrow){max-width:650px;color:rgba(255,255,255,.8)}.button{display:flex;align-items:center;justify-content:space-between;gap:35px;width:max-content;min-height:58px;margin-top:34px;padding:0 27px;border:0;font-size:.67rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.button-acid{background:var(--acid);color:var(--ink)}.button-dark{background:var(--ink);color:#fff}.hero-sign{position:absolute;right:clamp(20px,5vw,76px);bottom:40px;padding-top:16px;border-top:1px solid rgba(255,255,255,.5);font-size:.61rem;text-transform:uppercase;letter-spacing:.15em}
.section-head{display:grid;grid-template-columns:.32fr .9fr 1fr;gap:5vw;align-items:end}.section-head h2{margin:0}.section-head>p:last-child{max-width:500px;color:#62675f}.index{color:var(--clay)}h2{font:400 clamp(2.8rem,5.5vw,5.8rem)/1.04 var(--serif);letter-spacing:-.045em}h2 em{color:var(--clay)}
.path-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:75px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.path-card{min-height:350px;padding:27px;text-align:left;color:var(--ink);background:transparent;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;display:flex;flex-direction:column;transition:.25s}.path-card:hover{transform:translateY(-5px);box-shadow:0 16px 45px rgba(32,37,31,.12)}.path-card>span{font-size:.62rem;color:var(--clay)}.path-card>b{margin:35px 0 auto;font:400 2rem var(--serif)}.path-card h3{font:400 1.7rem var(--serif);margin-bottom:12px}.path-card p{font-size:.8rem;color:#646960}.path-card i{margin-top:20px;padding-top:14px;border-top:1px solid currentColor;font-size:.62rem;font-style:normal;text-transform:uppercase;letter-spacing:.1em}.path-dark{background:var(--ink);color:#fff}.path-dark p{color:rgba(255,255,255,.65)}.path-dark>span,.path-dark>b{color:var(--acid)}.path-clay{background:var(--clay);color:#fff}.path-clay p{color:rgba(255,255,255,.7)}.path-clay>span{color:var(--acid)}.path-acid{background:var(--acid)}
.change{display:grid;grid-template-columns:.8fr 1fr;gap:8vw;background:var(--ink);color:#fff}.change-photo{align-self:center;background:#151916}.change-photo img{height:auto;max-height:900px;object-fit:contain;filter:saturate(.75)}.change-copy{align-self:center}.light{color:rgba(255,255,255,.45)}.change-copy h2{margin:45px 0 30px}.change-copy p:not(.eyebrow):not(.index){color:rgba(255,255,255,.66)}.change-copy .lead{font:400 1.25rem/1.5 var(--serif);color:#fff!important}.trinity{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.2)}.trinity article{min-height:270px;padding:28px;border-right:1px solid rgba(255,255,255,.2)}.trinity article:last-child{border:0}.trinity span,.pillars span{font-size:.62rem;color:var(--acid)}.trinity h3{margin:75px 0 15px;font:400 2rem var(--serif)}.trinity p{font-size:.8rem;color:rgba(255,255,255,.6)}
.approach-layout{display:grid;grid-template-columns:.8fr 1fr;gap:8vw;margin-top:80px}.approach-photo img{height:auto;max-height:900px;object-fit:contain}.pillars{border-top:1px solid var(--line)}.pillars article{padding:30px 0;border-bottom:1px solid var(--line)}.pillars h3{font:400 1.7rem var(--serif);margin:15px 0 12px}.pillars p{color:#61675f;font-size:.85rem}.union{margin:80px 0 0 26%;padding:45px;border:1px solid var(--line);display:grid;grid-template-columns:.7fr 1fr;gap:5vw}.union h3{font:400 2rem var(--serif)}.union p{color:#60665e}
.beyond{position:relative;min-height:85vh;color:#fff;display:grid;place-items:center;text-align:center;overflow:hidden;background:var(--ink)}.beyond>img,.beyond-overlay{position:absolute;inset:0;height:100%;object-fit:contain}.beyond-overlay{background:linear-gradient(rgba(26,30,25,.18),rgba(26,30,25,.84))}.beyond-copy{position:relative;max-width:950px;padding:90px 20px}.beyond-copy p:not(.eyebrow){max-width:680px;margin:30px auto;color:rgba(255,255,255,.72)}.beyond-copy strong{font:400 1.25rem var(--serif);color:var(--acid)}
.journey{display:grid;grid-template-columns:.75fr .65fr 1fr;gap:5vw;align-items:start}.journey-title{position:sticky;top:120px}.journey-title .lead{font:400 1.2rem var(--serif)}.journey-photo img{height:auto;max-height:780px;object-fit:contain}.journey-text{padding-top:75px;color:#5e645c}.journey-text p{margin-bottom:27px}.journey-text strong{color:var(--clay)}
.about{display:grid;grid-template-columns:.8fr 1fr;gap:8vw;align-items:center;background:var(--clay);color:#fff}.about-photo img{height:auto;max-height:850px;object-fit:contain}.about-copy h2{font-size:clamp(2.4rem,4vw,4.5rem);margin:35px 0}.about-copy p:not(.eyebrow):not(.index){color:rgba(255,255,255,.72)}.about-copy blockquote{margin:45px 0 0;padding:30px 0;border-block:1px solid rgba(255,255,255,.3);font:400 1.5rem/1.5 var(--serif);color:var(--acid)}
.story-grid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:75px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.story-grid article{grid-column:span 2;min-height:340px;padding:28px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.story-grid article:nth-child(n+4){grid-column:span 3}.story-grid span{font-size:.62rem;color:var(--clay)}.story-grid p{margin:60px 0 30px;font:400 1.15rem/1.55 var(--serif)}.story-grid strong{margin-top:auto;font-size:.63rem;text-transform:uppercase;letter-spacing:.12em}.story-dark{background:var(--ink);color:#fff}.story-dark span{color:var(--acid)}.story-clay{background:var(--clay);color:#fff}.story-clay span{color:var(--acid)}
.final{position:relative;min-height:100svh;color:#fff;display:grid;place-items:center;text-align:center;overflow:hidden;background:var(--ink)}.final>img,.final-overlay{position:absolute;inset:0;height:100%;object-fit:contain}.final-overlay{background:rgba(20,24,20,.74)}.final-copy{position:relative;max-width:970px;padding:100px 20px}.final-copy>p{font:400 clamp(1.8rem,4vw,4rem)/1.35 var(--serif)}.final-brand{display:flex;align-items:center;justify-content:center;gap:22px;margin:65px 0 25px}.final-brand h2{margin:0;font-size:clamp(2.5rem,5vw,5rem);color:#fff}.final-copy>span{display:block;color:rgba(255,255,255,.65)}.final .button{margin:45px auto 0}.footer{padding:65px clamp(20px,5vw,76px);display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;background:var(--ink);color:#fff}.footer div{display:flex;flex-direction:column;gap:12px;font-size:.67rem;text-transform:uppercase;letter-spacing:.1em}.footer p{color:rgba(255,255,255,.5);font-size:.75rem}
.modal{width:min(740px,calc(100% - 32px));padding:clamp(32px,6vw,65px);border:0;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.4)}.modal::backdrop{background:rgba(17,21,17,.78);backdrop-filter:blur(5px)}.modal h2{font-size:clamp(2.4rem,5vw,4.7rem);margin:18px 0 28px}.modal-text{color:#60665e}.modal-close{position:absolute;right:18px;top:10px;border:0;background:none;font-size:2rem;cursor:pointer}.modal .button{margin-top:40px}
.brand-logo img{width:118px;height:58px;object-fit:contain;mix-blend-mode:multiply}.header:not(.scrolled):not(.open) .brand-logo img{filter:invert(1) grayscale(1);mix-blend-mode:screen}.education{margin-top:38px;border-block:1px solid rgba(255,255,255,.3)}.education summary{display:flex;justify-content:space-between;padding:20px 0;cursor:pointer;list-style:none;font:400 1.25rem var(--serif)}.education summary::-webkit-details-marker{display:none}.education ul{padding:0 0 18px 20px;color:rgba(255,255,255,.72);font-size:.78rem}.education li{margin-bottom:8px}.certificate-link{display:flex;justify-content:space-between;margin:8px 0 25px;padding:15px 0;border-block:1px solid rgba(255,255,255,.3);color:var(--acid);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.final-brand img{width:min(420px,80vw);padding:12px;background:rgba(242,240,232,.9)}.footer .brand-logo img{filter:invert(1) grayscale(1);mix-blend-mode:screen}
.reveal{opacity:0;transform:translateY(25px);transition:.75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.header{grid-template-columns:1fr auto}.nav{display:none;position:absolute;top:68px;left:0;right:0;padding:25px;background:var(--paper);color:var(--ink);flex-direction:column}.header.open .nav{display:flex}.header-link{display:none}.menu{display:block}.section-head{grid-template-columns:1fr}.path-grid{grid-template-columns:repeat(2,1fr)}.change,.approach-layout,.about{grid-template-columns:1fr 1fr}.journey{grid-template-columns:1fr 1fr}.journey-title{position:static;grid-column:1/-1}.union{margin-left:0}.story-grid article,.story-grid article:nth-child(n+4){grid-column:span 3}}
@media(max-width:650px){.section{padding-block:75px}.brand>span:last-child{display:none}.quote-zero{min-height:55vh}.hero>img{object-fit:contain;object-position:center top}.hero-overlay{background:linear-gradient(0deg,rgba(17,21,17,.96),rgba(17,21,17,.15) 90%)}.hero-copy{bottom:115px}.hero h1{font-size:clamp(3.2rem,15vw,5rem)}.hero-sign{display:none}.path-grid{grid-template-columns:1fr}.path-card{min-height:300px}.change,.approach-layout,.about,.journey{grid-template-columns:1fr}.trinity{grid-template-columns:1fr}.trinity article{border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.union{grid-template-columns:1fr;padding:28px}.beyond>img,.final>img{object-position:center;object-fit:contain}.journey-title{grid-column:auto}.journey-text{padding-top:0}.about-copy h2{font-size:2.4rem}.story-grid{grid-template-columns:1fr}.story-grid article,.story-grid article:nth-child(n+4){grid-column:1;min-height:280px}.footer{grid-template-columns:1fr}.section-head h2,h2{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}