.activities-page { background: #f8f0df url("assets/paper-texture.svg") repeat; }
.activities-main { width: min(1200px, 91vw); margin: auto; padding: clamp(8rem, 11vw, 11rem) 0 5rem; }
.activities-hero { max-width: 950px; padding: 1rem 0 clamp(4rem, 8vw, 7rem); }
.activities-hero h1 { font-size: clamp(4.5rem, 10vw, 9rem); line-height: .9; margin: .4rem 0 2rem; }
.activities-hero h1 span { color: var(--cobalt); }
.activities-hero > p:not(.eyebrow) { max-width: 760px; font: clamp(1.45rem, 2.4vw, 2rem)/1.28 var(--notes); }
.activities-jump { display: flex; flex-wrap: wrap; gap: .65rem 1.7rem; margin-top: 2rem; font: 1.35rem var(--notes); }
.activities-jump a { text-decoration-thickness: 1px; text-underline-offset: .24em; }
.activities-feature { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: clamp(2rem, 5vw, 6rem); padding: clamp(3rem, 6vw, 5.5rem) 0; scroll-margin-top: 2rem; }
.activities-feature__marker { align-self: start; display: flex; flex-direction: column; align-items: flex-start; font: 3.8rem/1 var(--display); color: var(--cobalt); transform: rotate(-6deg); }
.activities-feature__marker span { font: 4.5rem/1 var(--notes); color: var(--clay); }
.activities-feature--herbs .activities-feature__marker { color: var(--olive); }
.activities-feature--boat .activities-feature__marker { color: var(--teal); }
.activities-feature--wine .activities-feature__marker { color: var(--plum); }
.activities-feature--harvest .activities-feature__marker { color: var(--ochre); }
.activities-feature--wine .activities-feature__note a { color: var(--cobalt); text-underline-offset: .18em; }
.activities-feature__body { max-width: 850px; }
.activities-feature h2 { max-width: 800px; font-size: clamp(3rem, 6vw, 5.7rem); margin: .2rem 0 1.4rem; }
.activities-feature__body > p:not(.eyebrow) { font: clamp(1.4rem, 1.9vw, 1.7rem)/1.27 var(--notes); }
.activities-feature__body .activities-feature__note { color: var(--cobalt); font-size: clamp(1.2rem, 1.6vw, 1.45rem); transform: rotate(-1deg); margin: 1.2rem 0 0; }
.activities-feature__body a { color: var(--cobalt); text-underline-offset: .18em; }
#walking { grid-template-columns: 120px minmax(0, 1fr) clamp(185px, 20vw, 245px); gap: clamp(1.5rem, 3vw, 3rem); align-items: start; }
.activities-guide-photo { margin: 2.5rem 0 0; padding: .65rem .65rem .25rem; background: #fffaf0; box-shadow: 5px 7px 14px rgb(41 43 35 / .17); transform: rotate(4deg); }
.activities-guide-photo img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
.activities-guide-photo figcaption { padding: .45rem .3rem .3rem; font: 1.1rem/1.05 var(--notes); text-align: center; }
.activities-more { padding: clamp(4rem, 8vw, 7rem) 0; scroll-margin-top: 2rem; }
.activities-more h2 { font-size: clamp(3.2rem, 6vw, 5.8rem); }
.activities-more__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem clamp(2rem, 5vw, 5rem); margin-top: 3rem; }
.activities-more__grid article { position: relative; padding: clamp(1.6rem, 3vw, 2.5rem); background: #f8f0df; clip-path: polygon(0 1%,23% 0,48% 1%,73% 0,100% 1%,99% 27%,100% 53%,99% 78%,100% 100%,72% 99%,46% 100%,21% 99%,0 100%,1% 74%,0 48%,1% 24%); filter: drop-shadow(5px 8px 6px rgb(41 43 35 / .16)); transform: rotate(-1deg); }
.activities-more__grid article:nth-child(even) { transform: rotate(1deg) translateY(1.5rem); }
.activities-more__grid article > span { display: block; font: 2rem/1 var(--display); color: var(--clay); margin-bottom: .9rem; }
.activities-more__grid h3 { font: 400 clamp(2.2rem, 3.6vw, 3.6rem)/1 var(--display); margin-bottom: 1rem; }
.activities-more__grid p { font: 1.5rem/1.23 var(--notes); margin: 0; }
.activities-outro { display: grid; grid-template-columns: 1.3fr .7fr; align-items: center; gap: clamp(2rem, 5vw, 5rem); padding: clamp(3rem, 7vw, 6rem); background: #dce1d5; clip-path: polygon(1% 1%,26% 0,51% 1%,75% 0,99% 1%,100% 25%,99% 49%,100% 74%,99% 99%,76% 100%,49% 99%,25% 100%,0 99%,1% 71%,0 47%); }
.activities-outro h2 { font-size: clamp(3.2rem, 5.8vw, 5.5rem); }
.activities-outro p:not(.eyebrow) { font: 1.55rem/1.24 var(--notes); }
.activities-outro__links { display: grid; justify-items: start; gap: 1.5rem; }
.activities-outro__links .paper-button { display: inline-block; white-space: nowrap; text-decoration: none; }
@media (max-width: 700px) { .activities-main { padding-top: 8rem; } .activities-hero h1 { font-size: clamp(4rem, 13vw, 6rem); } .activities-feature { grid-template-columns: 1fr; gap: .5rem; } .activities-feature__marker { font-size: 2.5rem; flex-direction: row; gap: 1rem; align-items: center; } .activities-feature__marker span { font-size: 3rem; } .activities-more__grid { grid-template-columns: 1fr; gap: 2rem; } .activities-more__grid article:nth-child(even) { transform: none; } .activities-outro { grid-template-columns: 1fr; padding: 2.5rem 1.5rem; } }
@media (max-width: 900px) { #walking { grid-template-columns: 1fr; } .activities-guide-photo { width: min(58vw, 235px); margin: 1.4rem auto 0; } }

.activities-more__grid article::before { content: ''; position: absolute; top: 0; left: 39%; width: 22%; height: .75rem; background: #e7dcc6; transform: rotate(-4deg); }


.activities-divider { height: 21px; margin: 1.5rem 0; background: url("assets/footer-stroke.svg") center / 100% 100% no-repeat; }