:root{--navy:#061c29;--cream:#f1eadf;--blue:#9dcee4;--green:#567966}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:#102631;font:16px/1.55 Inter,sans-serif}main{max-width:1500px;margin:auto;padding:28px}.activities-hero{min-height:600px;padding:70px;display:flex;flex-direction:column;justify-content:flex-end;color:white;background:linear-gradient(90deg,rgba(4,24,35,.96),rgba(4,24,35,.28)),url('activity-hike.jpg') center/cover}.activities-hero>span,.activity-safety>span{text-transform:uppercase;letter-spacing:.2em;color:var(--blue);font-size:11px;font-weight:800}.activities-hero h1{font:700 clamp(70px,10vw,145px)/.82 'Barlow Condensed';text-transform:uppercase;margin:17px 0}.activities-hero p{max-width:760px;font-size:18px}.activities-hero a{align-self:flex-start;background:white;color:var(--navy);padding:15px 22px;text-decoration:none;font-weight:800}.activity-catalog{padding:65px 35px}.activity-catalog>section{display:grid;grid-template-columns:300px 1fr;border-top:1px solid #bdc8c4;padding:34px 0}.activity-catalog header span{color:var(--green);font-weight:800}.activity-catalog h2{font:700 50px/1 'Barlow Condensed';text-transform:uppercase;margin:8px 0}.activity-catalog>section>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.activity-catalog a{background:white;padding:22px;text-decoration:none;color:inherit;min-height:180px}.activity-catalog a:hover{background:var(--navy);color:white}.activity-catalog strong{font:700 27px 'Barlow Condensed';text-transform:uppercase}.activity-catalog small{color:var(--green);font-weight:700}.activity-safety{background:var(--navy);color:white;padding:65px;max-width:1100px;margin:0 35px 70px}.activity-safety h2{font:700 clamp(48px,6vw,85px)/.9 'Barlow Condensed';text-transform:uppercase;margin:14px 0}.activity-safety a{color:white;font-weight:800}@media(max-width:900px){main{padding:0}.activities-hero{padding:40px 22px}.activity-catalog>section{grid-template-columns:1fr}.activity-catalog>section>div{grid-template-columns:1fr 1fr}.activity-safety{margin:0;padding:40px 22px}}@media(max-width:520px){.activity-catalog{padding:35px 18px}.activity-catalog>section>div{grid-template-columns:1fr}.activities-hero h1{font-size:64px}}