.gravel-page{--gravel-earth: #6b4f36;--gravel-earth-light: #8a6a4e;--gravel-earth-fade: rgba(107, 79, 54, .08);--gravel-earth-fade-20: rgba(107, 79, 54, .2);--gravel-sand: #f5f0e8;--gravel-moss: #4a6b3a;--gravel-stone: #7a7a6e;--gravel-gold: #c49a45}.gravel-page .content-hero__overlay{background:linear-gradient(170deg,#1e140a33,#32230f73 40%,#281e0fd9)}.gravel-page .content-hero__title{font-size:2.6rem;letter-spacing:-.02em;text-shadow:0 2px 20px rgba(0,0,0,.5),0 4px 40px rgba(0,0,0,.3)}.gravel-page .content-hero__subtitle{text-shadow:0 1px 8px rgba(0,0,0,.5)}.gravel-section{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-section) var(--spacing-md);position:relative}.gravel-section__title{font-family:var(--font-hero-title);font-size:1.9rem;font-style:italic;font-weight:400;color:var(--gravel-earth);text-align:center;margin-bottom:var(--spacing-md);letter-spacing:-.01em;position:relative}.gravel-section__title:after{content:"";display:block;width:72px;height:3px;background:linear-gradient(90deg,transparent,var(--gravel-earth-fade-20),var(--gravel-earth),var(--gravel-earth-fade-20),transparent);margin:var(--spacing-md) auto 0;border-radius:2px}.gravel-section__subtitle{font-family:var(--font-body);font-size:1.08rem;color:var(--color-text-light);text-align:center;max-width:680px;margin:var(--spacing-md) auto var(--spacing-xl);line-height:1.7}.gravel-intro{background:linear-gradient(180deg,var(--gravel-sand) 0%,#f0ebe2 100%);position:relative}.gravel-intro:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 70%,rgba(107,79,54,.03) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(107,79,54,.02) 0%,transparent 50%);pointer-events:none}.gravel-intro__content{max-width:780px;margin:0 auto;position:relative}.gravel-intro__text{font-family:var(--font-body);font-size:1.1rem;line-height:1.85;color:var(--color-text-light);text-align:center;margin-bottom:var(--spacing-md)}.gravel-intro__text:first-child:first-letter{font-family:var(--font-hero-title);font-size:2.8rem;font-weight:400;float:left;line-height:.85;padding-right:8px;padding-top:4px;color:var(--gravel-earth)}.gravel-intro__text:last-child{margin-bottom:0}.gravel-why__grid{display:grid;grid-template-columns:1fr;grid-auto-rows:minmax(140px,auto);gap:var(--spacing-md)}@media(min-width:768px){.gravel-why__grid .gravel-why__card:first-child{grid-column:span 2}}.gravel-why__card{background:var(--color-background);border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:var(--spacing-lg);text-align:left;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.gravel-why__card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6b4f3605,#6b4f360f);opacity:0;transition:opacity .4s ease;border-radius:16px}.gravel-why__card:hover:before{opacity:1}.gravel-why__card:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 20px 50px -15px #6b4f3626,0 8px 20px -8px #6b4f3614}.gravel-why__card-icon{font-size:2.2rem;display:block;margin-bottom:var(--spacing-md)}.gravel-why__card-title{font-family:var(--font-hero-title);font-size:1.3rem;font-style:italic;font-weight:500;color:var(--gravel-earth);margin-bottom:var(--spacing-sm)}.gravel-why__card-desc{font-family:var(--font-body);font-size:.9rem;color:var(--color-text-light);line-height:1.65}.gravel-events{background:linear-gradient(180deg,var(--gravel-sand) 0%,#ece6db 100%);position:relative}.gravel-events:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--gravel-gold),var(--gravel-earth));border-radius:2px}.gravel-events__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media(min-width:768px){.gravel-events__grid .gravel-event-card:first-child{grid-column:span 2;background:var(--gravel-earth);border-color:transparent}.gravel-events__grid .gravel-event-card:first-child .gravel-event-card__name{color:#fff;font-size:1.6rem}.gravel-events__grid .gravel-event-card:first-child .gravel-event-card__desc{color:#fffc;max-width:600px}.gravel-events__grid .gravel-event-card:first-child .gravel-event-card__meta{color:#ffffffa6;border-color:#ffffff26}.gravel-events__grid .gravel-event-card:first-child:hover{box-shadow:0 20px 50px -15px #6b4f3666}}.gravel-event-card{background:var(--color-background);border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.gravel-event-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gravel-earth),var(--gravel-gold));opacity:0;transition:opacity .3s ease}.gravel-event-card:hover:after{opacity:1}.gravel-event-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 50px -15px #6b4f361f,0 8px 20px -8px #0000000f}.gravel-event-card__name{font-family:var(--font-hero-title);font-size:1.4rem;font-style:italic;font-weight:500;color:var(--gravel-earth)}.gravel-event-card__desc{font-family:var(--font-body);font-size:.9rem;color:var(--color-text-light);line-height:1.65;flex-grow:1}.gravel-event-card__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-md);font-family:var(--font-body);font-size:.8rem;color:var(--gravel-stone);padding-top:var(--spacing-sm);border-top:1px solid var(--gravel-earth-fade-20)}.gravel-event-card__meta-item{display:inline-flex;align-items:center;gap:4px}.gravel-routes__grid{display:grid;grid-template-columns:1fr;grid-auto-rows:minmax(120px,auto);gap:var(--spacing-md)}@media(min-width:768px){.gravel-routes__grid .gravel-route-card:nth-child(1){grid-column:span 2}.gravel-routes__grid .gravel-route-card:nth-child(4){grid-column:span 2}}.gravel-route-card{background:var(--color-background);border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.gravel-route-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gravel-earth),var(--gravel-moss));opacity:0;transition:opacity .3s ease}.gravel-route-card:hover:before{opacity:1}.gravel-route-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 50px -15px #6b4f361f,0 8px 20px -8px #0000000f}.gravel-route-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.gravel-route-card__name{font-family:var(--font-hero-title);font-size:1.35rem;font-style:italic;font-weight:500;color:var(--color-text);line-height:1.3}.gravel-route-card__badge{font-family:var(--font-body);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:5px 12px;border-radius:50px;white-space:nowrap;flex-shrink:0}.gravel-route-card__stats{display:flex;gap:var(--spacing-md);font-family:var(--font-body);font-size:.85rem;color:var(--color-text-light)}.gravel-route-card__stat{display:flex;align-items:center;gap:4px}.gravel-route-card__desc{font-family:var(--font-body);font-size:.9rem;color:var(--color-text-light);line-height:1.6;flex-grow:1}.gravel-community{background:linear-gradient(180deg,var(--gravel-sand) 0%,#f0ebe2 100%);position:relative}.gravel-community__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media(min-width:768px){.gravel-community__grid .gravel-community-card:first-child{grid-row:span 2;background:var(--gravel-earth);border-color:transparent}.gravel-community__grid .gravel-community-card:first-child .gravel-community-card__icon,.gravel-community__grid .gravel-community-card:first-child .gravel-community-card__name{color:#fff}.gravel-community__grid .gravel-community-card:first-child .gravel-community-card__detail{color:#fff9}.gravel-community__grid .gravel-community-card:first-child .gravel-community-card__desc{color:#fffc}.gravel-community__grid .gravel-community-card:first-child:hover{box-shadow:0 20px 50px -15px #6b4f3666}}.gravel-community-card{background:var(--color-background);border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:var(--spacing-lg);text-align:left;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s cubic-bezier(.2,.8,.2,1)}.gravel-community-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 50px -15px #6b4f361f,0 8px 20px -8px #0000000f}.gravel-community-card__icon{color:var(--gravel-earth);margin-bottom:var(--spacing-sm)}.gravel-community-card__name{font-family:var(--font-hero-title);font-size:1.3rem;font-style:italic;font-weight:500;color:var(--gravel-earth);margin-bottom:var(--spacing-xs)}.gravel-community-card__detail{font-family:var(--font-body);font-size:.78rem;font-weight:700;color:var(--gravel-stone);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.06em}.gravel-community-card__desc{font-family:var(--font-body);font-size:.9rem;color:var(--color-text-light);line-height:1.6}.gravel-gear__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.gravel-gear__card{background:linear-gradient(135deg,var(--gravel-sand) 0%,#f0ebe2 100%);border-left:4px solid var(--gravel-earth);border-radius:0 16px 16px 0;padding:var(--spacing-lg);transition:transform .3s ease,box-shadow .3s ease}.gravel-gear__card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #6b4f361a}.gravel-gear__card-title{font-family:var(--font-hero-title);font-size:1.2rem;font-style:italic;font-weight:500;color:var(--gravel-earth);margin-bottom:var(--spacing-sm)}.gravel-gear__card-text{font-family:var(--font-body);font-size:.9rem;color:var(--color-text-light);line-height:1.7}.gravel-page .lead-magnet{background:linear-gradient(135deg,#5a4230 0%,var(--gravel-earth) 50%,#7a5f44 100%);border-radius:20px;position:relative;overflow:hidden}.gravel-page .lead-magnet:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.03) 0%,transparent 40%);pointer-events:none}.gravel-page .lead-magnet__type-icon,.gravel-page .lead-magnet__title{color:#fff}.gravel-page .camp-cta{background:linear-gradient(180deg,var(--gravel-sand) 0%,rgba(107,79,54,.05) 100%);position:relative}.gravel-page .camp-cta:before{content:"";display:block;width:60px;height:3px;background:linear-gradient(90deg,var(--gravel-gold),var(--gravel-earth));margin:0 auto var(--spacing-xl);border-radius:2px}.gravel-page .camp-cta__title{color:var(--gravel-earth)}.gravel-page .camp-cta__btn{background:var(--gravel-earth);color:#fff;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.gravel-page .camp-cta__btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #6b4f364d}@media(min-width:768px){.gravel-page .content-hero__title{font-size:4rem}.gravel-section__title{font-size:2.6rem}.gravel-why__grid,.gravel-routes__grid,.gravel-community__grid{grid-template-columns:repeat(3,1fr)}.gravel-events__grid{grid-template-columns:repeat(2,1fr)}.gravel-gear__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.gravel-section{padding:var(--spacing-section-lg) var(--spacing-md)}.gravel-lead-section{padding-top:0}.gravel-intro__text:first-child:first-letter{font-size:3.4rem}}@media(min-width:769px){.gravel-route-card__badge{font-size:.68rem}}