/* Summit: Outdoor & Camping theme styles by SmartestDeveloper. */
.color-dark, .footer { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' fill='none' stroke='rgba(255,255,255,0.07)' stroke-width='1'%3E%3Cpath d='M10 120c40-60 80-60 110-20s70 40 110-10'/%3E%3Cpath d='M10 150c40-60 80-60 110-20s70 40 110-10'/%3E%3Cpath d='M10 90c40-60 80-60 110-20s70 40 110-10'/%3E%3Cpath d='M10 180c40-50 80-50 110-15s70 35 110-5'/%3E%3Cpath d='M10 60c40-50 80-50 110-15s70 35 110-5'/%3E%3C/svg%3E"); }
.color-alt { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' fill='none' stroke='rgba(29,58,47,0.08)' stroke-width='1'%3E%3Cpath d='M10 120c40-60 80-60 110-20s70 40 110-10'/%3E%3Cpath d='M10 150c40-60 80-60 110-20s70 40 110-10'/%3E%3Cpath d='M10 90c40-60 80-60 110-20s70 40 110-10'/%3E%3Cpath d='M10 180c40-50 80-50 110-15s70 35 110-5'/%3E%3Cpath d='M10 60c40-50 80-50 110-15s70 35 110-5'/%3E%3C/svg%3E"); }
.header { background: var(--color-bg); }
.header__logo-text::before { content: "▲ "; color: var(--color-accent); }
.button { border-radius: 4px; text-transform: uppercase; letter-spacing: .12em; font-size: .82rem; }
.button::before { content: ""; position: absolute; inset: 4px; border: 1px dashed currentColor; border-radius: 2px; opacity: .45; pointer-events: none; }
.hero--overlay .hero__heading { font-size: calc(clamp(3rem, 8vw, 7rem) * var(--heading-scale)); line-height: .92; }
.hero--overlay .hero__content { align-items: flex-end; padding-bottom: 96px; }
.hero--overlay .hero__box::before { content: "N 46°34' · E 7°59'"; display: block; margin-bottom: 18px; font-family: ui-monospace, monospace; font-size: .8rem; letter-spacing: .2em; opacity: .8; }
.kicker { color: var(--color-accent); }
.card--bordered { border-width: 2px; border-radius: 6px; }
.card--bordered .card__media { border-radius: 3px; }
.card--bordered .card__info::before { content: "Field tested"; display: inline-block; margin-bottom: 8px; padding: 2px 8px; border: 1px solid var(--color-accent); color: var(--color-accent); font-size: .66rem; letter-spacing: .14em; text-transform: uppercase; }
.clist--overlay .clist__media, .clist--overlay .clist__media::after { border-radius: 6px; }
.feature__num { font-size: 4.4rem; -webkit-text-stroke: 1.5px var(--color-accent); color: transparent; }
.features--numbered .feature { border-top: 1px dashed currentColor; }
