/* Home and about page layouts */

  .guide-profile-section {
    padding: 80px 0;
    background: #0d1b1e;
    color: #f1f5f9;
    font-family: inherit;
  }
  .guide-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(243, 192, 48, 0.12);
    color: #f3c030;
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 15px;
    border: 1px solid rgba(243, 192, 48, 0.3);
  }
  .guide-header {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 50px;
  }
  .guide-header h2 {
    font-size: clamp(2rem, 3vw, 2.7rem);
    color: #ffffff;
    margin-bottom: 12px;
  }
  .guide-header p {
    color: #94a3b8;
    font-size: 16px;
    line-height: 1.6;
  }
  .guide-tabs {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 40px;
  }
  .guide-tab-btn {
    background: #1e293b;
    color: #cbd5e1;
    border: 1px solid #334155;
    padding: 10px 24px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .guide-tab-btn.active, .guide-tab-btn:hover {
    background: #00a4ec;
    color: #ffffff;
    border-color: #00a4ec;
    box-shadow: 0 4px 15px rgba(84, 153, 100, 0.35);
  }
  .guide-panel {
    display: none;
    animation: fadeInTab 0.4s ease forwards;
  }
  .guide-panel.active {
    display: grid;
  }
  .cert-grid {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
  }
  .cert-card {
    background: #162427;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 24px;
    transition: transform 0.3s ease, border-color 0.3s ease;
    display: flex;
    align-items: flex-start;
    gap: 16px;
  }
  .cert-card:hover {
    transform: translateY(-4px);
    border-color: #f3c030;
  }
  .cert-num {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    background: #00a4ec;
    color: #fff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
  }
  .cert-info h4 {
    color: #ffffff;
    margin: 0 0 6px;
    font-size: 17px;
  }
  .cert-info p {
    color: #94a3b8;
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
  }
  .river-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 18px;
  }
  .river-card {
    background: #162427;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease;
  }
  .river-card:hover {
    background: #1e3338;
    border-color: #00a4ec;
    transform: translateY(-3px);
  }
  .river-card .icon {
    font-size: 26px;
    margin-bottom: 10px;
    display: block;
  }
  .river-card h4 {
    color: #ffffff;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
  }
  @keyframes fadeInTab {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
  }
/* Scope the new components to the two refreshed pages. */
.experience-home h1,.experience-about h1{font-size:clamp(2.8rem,5.4vw,5.6rem);letter-spacing:-.035em;max-width:820px}.experience-home h2,.experience-about h2{font-size:clamp(2.1rem,3.6vw,3.7rem)}.experience-home .section,.experience-about .section{padding:78px 0}.experience-home .ho-hero{min-height:610px;position:relative;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(4,24,35,.85),rgba(4,24,35,.15)),var(--hero-image);background-size:cover;background-position:center 45%;color:white}.ho-hero-inner{padding:85px 0 115px;position:relative}.ho-hero-inner p{font-size:1.06rem;line-height:1.8;max-width:620px;color:#e6f0f3}.ho-kicker{display:block;color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;margin-bottom:18px}.ho-actions,.ho-about-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:25px}.ho-trip-finder{position:relative;z-index:2;margin:-49px 0 0;padding:17px;background:white;border-radius:12px;box-shadow:0 20px 48px rgba(7,29,43,.2);display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end}.ho-trip-finder label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.ho-trip-finder input,.ho-trip-finder select{display:block;width:100%;height:47px;padding:0 10px;margin-top:6px;border:1px solid #cbd8dc;border-radius:5px;background:#fff;color:var(--ink);font:500 .82rem Manrope,Arial,sans-serif}.ho-trip-finder .btn{border:0;cursor:pointer;height:47px;white-space:nowrap}.ho-trust{border-bottom:1px solid var(--line);background:#f8fbfa}.ho-trust-inner{display:flex;justify-content:space-around;flex-wrap:wrap;gap:15px;padding:25px 0}.ho-trust span{color:#345663;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:900}.ho-cards{gap:22px}.ho-card{border-radius:11px;overflow:hidden}.ho-card img{aspect-ratio:1.45;object-fit:cover}.ho-card .card-body{padding:23px}.ho-card h3{font-size:1.5rem;margin-bottom:11px}.ho-card .card-body p{min-height:4.5em}.ho-card .ho-text-link,.ho-story-card .ho-text-link{color:var(--teal);font-size:.78rem}.ho-text-link{font-weight:800;text-decoration:none!important}.ho-text-link:hover{text-decoration:underline!important}.ho-image-break{position:relative;background-size:cover;background-position:center;min-height:330px;display:flex;align-items:center;color:#fff}.ho-image-break:before{content:"";position:absolute;inset:0;background:#071d2bb5}.ho-image-break .container{position:relative;padding:55px 0}.ho-image-break h2{max-width:560px;color:#fff}.ho-image-break p{color:#e6f0f3;max-width:560px}.ho-pair .media img,.ho-about-intro .media img{aspect-ratio:1.22;border-radius:11px}.ho-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ho-benefits article{background:white;border:1px solid var(--line);border-radius:11px;padding:27px;text-align:center;box-shadow:0 8px 25px #071d2b0a}.ho-benefits article>span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;margin:0 auto 18px;background:var(--ice);color:var(--teal);font-size:2rem;line-height:1}.ho-benefits h3{font-size:1.4rem;margin-bottom:10px}.ho-benefits p{font-size:.85rem;margin:0}.ho-secondary-link{color:var(--teal);font-weight:800;text-decoration:none;margin-left:15px}.ho-location{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.ho-map-card{padding:42px;min-height:275px;border-radius:13px;background:radial-gradient(circle at 78% 30%,#6fbcca 0,#6fbcca 10%,transparent 11%),linear-gradient(135deg,#d6ede8,#e9f2df 50%,#bedcdb);display:flex;flex-direction:column;justify-content:center}.ho-map-card span{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#3c7175;font-weight:800}.ho-map-card strong{font:800 2.3rem 'Barlow Condensed',sans-serif;text-transform:uppercase;max-width:290px;line-height:1.1;margin-top:12px}.ho-map-card a{color:var(--teal);font-weight:800}.ho-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ho-gallery img{height:210px;object-fit:cover;border-radius:6px}.ho-gallery img:first-child,.ho-gallery img:last-child{grid-column:span 2}.ho-story{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.ho-story-card{border-radius:12px;border:1px solid var(--line);padding:30px;background:#fff;box-shadow:0 12px 34px #071d2b12}.ho-story-card>span{color:var(--orange);font:800 5rem Georgia;line-height:.9}.ho-story-card p{font-size:1.05rem;color:var(--ink)}.ho-story-card small{display:block;margin:0 0 20px;font-weight:800}.ho-faq-list{max-width:860px;margin:auto}.ho-faq-list details{border-bottom:1px solid var(--line);padding:18px 5px}.ho-faq-list summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:15px}.ho-faq-list summary:after{content:'+';font-size:1.4rem;color:var(--orange);line-height:1}.ho-faq-list details[open] summary:after{content:'−'}.ho-faq-list p{margin:12px 0 0}.ho-about-hero{position:relative;min-height:380px;display:grid;place-items:center;text-align:center;background-size:cover;background-position:center 46%;color:white}.ho-about-hero:before{content:"";position:absolute;inset:0;background:rgba(4,24,35,.53)}.ho-about-hero .container{position:relative;padding:85px 0}.ho-about-hero h1{margin:0 auto 12px}.ho-about-hero p{color:#fff;margin:0}.ho-about-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:27px 0}.ho-about-strip>div{border-right:1px solid var(--line);text-align:center}.ho-about-strip>div:last-child{border:0}.ho-about-strip strong,.ho-about-strip span{display:block}.ho-about-strip strong{font:800 1.9rem 'Barlow Condensed',sans-serif;text-transform:uppercase;color:var(--navy)}.ho-about-strip span{font-size:.75rem;color:var(--mut)}.experience-about .guide-profile-section{background:#0d1b1e}.experience-about .guide-header h2{font-size:clamp(2.1rem,3.6vw,3.7rem)}.experience-about .guide-tab-btn.active,.experience-about .guide-tab-btn:hover{background:var(--teal);border-color:var(--teal)}.experience-about .cert-num{background:var(--teal)}
@media(max-width:960px){.ho-trip-finder{grid-template-columns:repeat(2,1fr)}.ho-trip-finder .btn{width:100%}.ho-benefits{grid-template-columns:repeat(2,1fr)}.ho-gallery{grid-template-columns:repeat(3,1fr)}.ho-gallery img:first-child,.ho-gallery img:last-child{grid-column:auto}.ho-location,.ho-story{gap:30px}}
@media(max-width:620px){.experience-home .section,.experience-about .section{padding:60px 0}.experience-home .ho-hero{min-height:560px}.ho-hero-inner{padding:65px 0 105px}.ho-trip-finder{grid-template-columns:1fr;margin-top:-35px}.ho-trust-inner{display:grid;grid-template-columns:repeat(2,1fr);text-align:center}.ho-benefits,.ho-location,.ho-story{grid-template-columns:1fr}.ho-gallery{grid-template-columns:repeat(2,1fr)}.ho-gallery img{height:150px}.ho-about-hero{min-height:310px}.ho-about-strip{grid-template-columns:repeat(2,1fr)}.ho-about-strip>div:nth-child(2){border:0}.ho-about-strip>div{padding:8px 0}.guide-tabs{flex-wrap:wrap}.guide-tab-btn{flex:1 1 200px}.ho-secondary-link{margin-left:0}}