:root{--ink:#11191c;--petrol:#294952;--ivory:#f2f0e8;--sand:#e9e4d9;--muted:#676d70}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.7 Manrope,sans-serif}header{position:fixed;z-index:9;inset:0 0 auto;display:flex;align-items:center;padding:16px 6%;background:rgba(17,25,28,.94);color:white}.logo{display:flex;gap:12px;align-items:center;font:600 25px 'Cormorant Garamond';color:inherit;text-decoration:none}.logo span,.logo small{display:block}.logo small{font:8px Manrope;letter-spacing:.2em}nav{margin-left:auto;display:flex;gap:24px;align-items:center}nav a{color:inherit;text-decoration:none;font-size:12px}.wa{background:var(--ivory);color:var(--ink)!important;padding:13px 20px}#menu{display:none;margin-left:auto;background:none;border:0;color:white;font-size:22px}section,footer{padding:100px max(6%,calc((100% - 1180px)/2))}h1,h2{font:600 clamp(40px,5vw,72px)/1 'Cormorant Garamond';margin:0 0 25px}.hero{min-height:780px;background:var(--ink);color:white;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.hero img{width:100%;height:570px;object-fit:cover}.hero p{color:#bdc6c7;max-width:700px}.btn,.outline{display:inline-block;text-decoration:none;margin:20px 10px 20px 0}.outline{color:white;border:1px solid #ffffff55;padding:12px 20px}.meta{font-size:11px}.light{background:var(--ivory)}.dark,.cta{background:var(--petrol);color:white}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff33}.grid article{padding:30px;background:inherit;border:1px solid #ffffff22;font:600 21px 'Cormorant Garamond'}.situations article{background:white;border-color:#00000015}details{border-top:1px solid #ddd;padding:20px 0}summary{font-weight:700;cursor:pointer}.cta{text-align:center}footer{background:var(--ink);color:#c5cdce;padding-top:60px;padding-bottom:60px}footer strong{font:600 28px 'Cormorant Garamond'}@media(max-width:760px){header nav{display:none;position:absolute;top:70px;left:0;right:0;padding:30px;background:var(--ink);flex-direction:column}header nav.open{display:flex}#menu{display:block}.hero{grid-template-columns:1fr;padding-top:120px}.hero img{height:420px;order:-1}.grid{grid-template-columns:1fr 1fr}section{padding-top:75px;padding-bottom:75px}}@media(max-width:440px){.grid{grid-template-columns:1fr}h1,h2{font-size:42px}}