@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Libre+Franklin:ital,wght@0,800;1,800&display=swap');

:root{--ink:#11100e;--cream:#f2eadc;--orange:#d96b2b;--yellow:#e6aa37;--muted:#bdb3a4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:'DM Sans',Arial,sans-serif}
a{color:inherit}.site-header{min-height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #332f29;position:sticky;top:0;background:rgba(17,16,14,.92);backdrop-filter:blur(12px);z-index:10}
.brand{font-weight:800;text-decoration:none;letter-spacing:.04em}.site-header nav{display:flex;gap:24px}.site-header nav a{text-decoration:none;color:var(--muted);font-size:.9rem}
.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:6vw;padding:6vw 7vw}
.eyebrow{color:var(--yellow);font-size:.75rem;letter-spacing:.2em;font-weight:700}
h1,h2{font-family:'Libre Franklin',Arial,sans-serif;margin:.15em 0;line-height:.94}h1{font-size:clamp(3rem,6vw,7rem);letter-spacing:-.06em}h1 em{color:var(--orange)}h2{font-size:clamp(2.5rem,5vw,5.5rem);letter-spacing:-.05em}
.intro{max-width:650px;color:#d4ccbf;font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-block;padding:16px 22px;text-decoration:none;text-transform:uppercase;font-size:.78rem;font-weight:700;letter-spacing:.1em}.primary{background:var(--orange);color:#fff}.secondary{border:1px solid #5c554b}
.hero-image-wrap{position:relative;max-width:620px;justify-self:end}.hero-image{width:100%;display:block;aspect-ratio:4/5;object-fit:cover;filter:saturate(.8) contrast(1.05)}.frame-label{position:absolute;bottom:-26px;right:0;font-size:.7rem;letter-spacing:.16em;color:var(--muted)}
.manifesto{display:flex;justify-content:space-around;gap:20px;padding:28px 5vw;border-top:1px solid #332f29;border-bottom:1px solid #332f29;color:var(--yellow);font-weight:800;letter-spacing:.08em}
.about{padding:9vw 7vw;display:grid;grid-template-columns:.8fr 1fr .8fr;gap:5vw;align-items:center}.about-copy{font-size:1.12rem;line-height:1.8;color:#d4ccbf}.about-image{width:100%;aspect-ratio:4/5;object-fit:cover}
.breakdowns{padding:8vw 7vw;background:var(--cream);color:var(--ink)}.breakdowns .eyebrow{color:#a84b1c}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}.section-heading>p{max-width:430px;color:#665f55}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{min-height:360px;border:1px solid #c9beae;padding:28px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;transition:.2s;background:#ede3d3}.card:hover{transform:translateY(-5px);border-color:var(--orange)}.card .number{font-size:4rem;font-weight:800;color:var(--orange)}.card h3{font-size:1.7rem;margin:0}.card p{color:#6e6559}.card.visual{position:relative;overflow:hidden;color:#fff}.card.visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:brightness(.5)}.card.visual>*:not(img){position:relative;z-index:1}.card.visual p{color:#eee}
.quote{padding:10vw 8vw;text-align:center}.quote p{font-family:'Libre Franklin';font-size:clamp(2rem,5vw,5rem);line-height:1.05;letter-spacing:-.04em;max-width:1100px;margin:0 auto 30px}.quote span{color:var(--yellow);letter-spacing:.15em;font-size:.75rem}
.contact{padding:8vw 7vw;background:var(--orange);color:#fff}.contact .eyebrow{color:#211c17}.contact .primary{background:var(--ink)}
footer{padding:28px 5vw;display:flex;justify-content:space-between;color:var(--muted);font-size:.7rem;letter-spacing:.1em}
@media(max-width:800px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:14vw}.hero-image-wrap{justify-self:stretch}.manifesto{overflow:hidden;justify-content:flex-start;white-space:nowrap}.about{grid-template-columns:1fr}.about-image{max-height:560px}.section-heading{display:block}.cards{grid-template-columns:1fr}.card{min-height:260px}footer{display:block;line-height:2}}

.social-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:30px;max-width:850px}
.social-links a{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}