@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');
:root{--g:#2C3135;--s:#7D9485;--ls:#B7C5BC;--bg:#F7F6F3;--text:#121212}*,:before,:after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background: var(--bg);color:var(--text);font-family:Manrope,sans-serif;line-height:1.7;font-size:1rem}
.container{max-width:1200px;margin:0 auto;padding:2rem}
.logo{width:100%;max-width:420px;height:auto}
.site-header{padding:2rem 0 1rem}
.skip-link{position:absolute;left:-9999px;top:1rem;z-index:999}
.skip-link:focus{left:1rem;background:#fff;color:var(--g);padding:.75rem 1rem;border-radius:8px;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--s);outline-offset:4px}.hero{padding:4rem 0 5rem;box-shadow:0 0 40px rgba(0,0,0,.05)}
.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}
.hero-content{max-width:680px}
.hero-content p{margin:0 0 1.5rem}
.eyebrow{color:var(--s);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}h1{margin:0 0 1.5rem;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1;color:var(--g)}.lead{font-size:1.35rem;font-weight:500;color:var(--g)}
.hero-photo-card{background:#EEF2EE;border-radius:32px;border-right:1px solid var(--ls);border-bottom:1px solid var(--ls);padding:1rem; padding-bottom:0;}
.hero-photo-card img{width:100%;height:auto;display:block}
.hero-photo-cycle{background:#EEF2EE;border-radius:32px;border-right:1px solid var(--ls);border-bottom:1px solid var(--ls);padding:1rem;}
.hero-photo-cycle img{width:100%;height:auto;display:block}
.cta-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:var(--g);color:#fff;padding:14px 28px;border-radius:12px;text-decoration:none;font-weight:600;transition:background-color .2s ease}
.cta-button:hover{background:#1f2326}
.linkedin-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:48px;margin-left:1rem;padding:14px 28px;border-radius:12px;background:#fff;color:var(--g);text-decoration:none;font-weight:600;border:2px solid var(--ls);transition:all .2s ease;}
.linkedin-button:hover{background:#0077B5;color:#fff;border-color:#0077B5;}
.cycle-section,.cta-section{padding:4rem 0}
h2{margin:0 0 1.5rem;text-align:left;color:var(--g);font-size:clamp(2rem,4vw,3rem)}
.section-intro{margin:0 auto 3rem;text-align:left}
.cycle-svg{display:block;width:100%;max-width:800px;height:auto;margin:3rem auto}
.cta-section{background:#EEF2EE;border-top:1px solid var(--ls);text-align:left;box-shadow:0 0 40px rgba(0,0,0,.05)}
.cta-section p{margin:1rem auto 2rem}
.site-footer{padding:1rem 0;background:var(--bg);border-top:1px solid var(--ls)}
.footer-inner{display:flex;justify-content:space-between;align-items:center}.
site-footer img{width:48px;height:48px}
.site-footer p{margin:0}img,svg{max-width:100%}a{color:inherit}
@media(prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}*{animation:none!important;transition:none!important}
	}
@media (max-width: 1024px){
	.hero-grid{gap:2.5rem}
	.container{padding:1.5rem}
	}
@media (max-width: 768px){
	.linkedin-button{display:flex;width:100%;margin:1rem 0 0;}
	.cta-button{display:flex;width:100%;max-width:420px;justify-content:center;}
	.container{padding:1.25rem}
	.site-header{text-align:center}
	.hero{padding:2rem 0 3rem}
	.hero-grid{grid-template-columns:1fr;gap:2rem}
	.hero-content,.section-intro{max-width:none}
	.hero-content{text-align:left}
	.logo{max-width:280px}
	.hero-photo-card{padding-bottom:0;order:-1;border-radius:24px}
	.lead{font-size:1.1rem}h1{font-size:2.4rem}
	.cycle-svg{margin:2rem auto}
	.footer-inner{flex-direction:column;gap:1rem;text-align:center}
	}
@media (max-width:480px){
	.container{padding:1rem}h1{font-size:2rem}h2{font-size:1.75rem}
	.cta-button{padding:14px 18px}
	.hero-photo-card{padding:.75rem;padding-bottom:0;border-radius:20px}
	}