  <style> <!-- :root {
     --wc-dark-blue: #003767;
     --wc-medium-blue: #004d8c;
     --wc-light-blue: #79bde8;
     --wc-accent-blue: #00a3e0;
     --wc-white: #ffffff;
     --wc-off-white: #f7f9fb;
     --wc-dark: #0a1628;
     --wc-gray: #6c757d;
     --wc-light-gray: #e9ecef;
     --wc-transition: cubic-bezier(0.4, 0, 0.2, 1);
     --wc-transition-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
}
 .intro-stripe {
     background: linear-gradient(135deg, #0a1628 0%, #003767 50%, #004d8c 100%);
     color: white;
     padding: 4rem 0 3.5rem;
     position: relative;
     overflow: hidden;
}
 .intro-stripe::before {
     content: '';
     position: absolute;
     top: -100px;
     right: -100px;
     width: 350px;
     height: 350px;
     border: 50px solid rgba(121, 189, 232, 0.06);
     border-radius: 50%;
     pointer-events: none;
}
 .intro-stripe::after {
     content: '';
     position: absolute;
     bottom: -60px;
     left: -60px;
     width: 200px;
     height: 200px;
     background: rgba(121, 189, 232, 0.04);
     transform: rotate(45deg);
     pointer-events: none;
}

 .intro-stripe h1 {
     font-family: var(--wc-font-heading);
     font-weight: 700;
     letter-spacing: 3px;
     text-transform: uppercase;
     position: relative;
     color: white;
}
 .intro-stripe p {
     color: rgba(255, 255, 255, 0.88);
}
 .intro-stripe .lead strong {
     color: var(--wc-light-blue);
}
 .intro-stats {
     display: flex;
     justify-content: center;
     gap: 3rem;
     margin-top: 2rem;
     flex-wrap: wrap;
}
 .intro-stat {
     text-align: center;
}
 .intro-stat__number {
     font-family: var(--wc-font-heading);
     font-size: 2.8rem;
     font-weight: 700;
     color: var(--wc-light-blue);
     line-height: 1;
     display: block;
}
 .intro-stat__label {
     font-size: 0.85rem;
     text-transform: uppercase;
     letter-spacing: 2px;
     opacity: 0.75;
     margin-top: 0.25rem;
     display: block;
}
 .adventure-section {
     padding: 4rem 0 0;
     text-align: center;
}
 .adventure-chooser {
     position: relative;
     height: 70vh;
     min-height: 500px;
     max-height: 720px;
     display: flex;
     overflow: hidden;
     cursor: default;
     margin-top: 2.5rem;
}
 .adventure-panel {
     position: relative;
     flex: 1;
     overflow: hidden;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: flex 0.65s var(--wc-transition);
}
 .adventure-panel__bg {
     position: absolute;
     inset: 0;
     background-size: cover;
     background-position: center;
     transition: transform 0.7s var(--wc-transition);
}
 .panel-athletic .adventure-panel__bg {
     background: linear-gradient(160deg, #000d1a 0%, var(--wc-dark-blue) 40%, #0a3d6b 100%);
}
 .panel-athletic .adventure-panel__bg::before {
     content: '';
     position: absolute;
     inset: 0;
     background-image: repeating-linear-gradient( -45deg, transparent, transparent 20px, rgba(121, 189, 232, 0.03) 20px, rgba(121, 189, 232, 0.03) 40px );
}
 .panel-academic .adventure-panel__bg {
     background: linear-gradient(160deg, var(--wc-medium-blue) 0%, #0066b3 40%, #0080d4 100%);
}
 .panel-academic .adventure-panel__bg::before {
     content: '';
     position: absolute;
     inset: 0;
     background-image: repeating-linear-gradient( 45deg, transparent, transparent 20px, rgba(255, 255, 255, 0.02) 20px, rgba(255, 255, 255, 0.02) 40px );
}
 .adventure-panel:hover .adventure-panel__bg {
     transform: scale(1.06);
}
 .adventure-panel__overlay {
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.15);
     transition: background 0.5s ease;
}
 .adventure-panel:hover .adventure-panel__overlay {
     background: rgba(0, 0, 0, 0.05);
}
 .adventure-chooser:hover .adventure-panel:not(:hover) .adventure-panel__overlay {
     background: rgba(0, 0, 0, 0.35);
}
 .adventure-chooser:hover .adventure-panel:not(:hover) .adventure-panel__content {
     opacity: 0.65;
}
 .panel-athletic {
     clip-path: polygon(0 0, 100% 0, calc(100% - 70px) 100%, 0 100%);
     z-index: 2;
     margin-right: -35px;
}
 .panel-academic {
     clip-path: polygon(70px 0, 100% 0, 100% 100%, 0 100%);
     z-index: 1;
     margin-left: -35px;
}
 .adventure-chooser:hover .adventure-panel {
     flex: 0.82;
}
 .adventure-chooser .adventure-panel:hover {
     flex: 1.35;
}
 .panel-athletic .panel-deco {
     position: absolute;
     top: -50px;
     right: 30px;
     width: 220px;
     height: 220px;
     border: 35px solid rgba(121, 189, 232, 0.08);
     border-radius: 50%;
     pointer-events: none;
     z-index: 1;
}
 .panel-academic .panel-deco {
     position: absolute;
     bottom: -40px;
     left: 20px;
     width: 180px;
     height: 180px;
     border: 25px solid rgba(255, 255, 255, 0.06);
     transform: rotate(45deg);
     pointer-events: none;
     z-index: 1;
}
 .adventure-panel__content {
     position: relative;
     z-index: 3;
     text-align: center;
     color: white;
     padding: 2rem;
     transition: opacity 0.5s ease, transform 0.5s var(--wc-transition);
}
 .adventure-panel:hover .adventure-panel__content {
     transform: scale(1.04);
}
 .adventure-panel__icon {
     font-size: 3rem;
     margin-bottom: 0.75rem;
     display: block;
     transition: transform 0.45s var(--wc-transition-bounce);
     color: var(--wc-light-blue);
}
 .adventure-panel:hover .adventure-panel__icon {
     transform: scale(1.2) rotate(-5deg);
}
 .adventure-panel__count {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 52px;
     height: 52px;
     border: 2px solid rgba(121, 189, 232, 0.5);
     font-family: var(--wc-font-heading);
     font-size: 1.6rem;
     font-weight: 700;
     color: var(--wc-light-blue);
     margin-bottom: 0.5rem;
     transition: all 0.4s var(--wc-transition-bounce);
}
 .adventure-panel:hover .adventure-panel__count {
     border-color: var(--wc-light-blue);
     background: rgba(121, 189, 232, 0.15);
     transform: scale(1.1);
}
 .adventure-panel__count-label {
     font-size: 0.75rem;
     text-transform: uppercase;
     letter-spacing: 2px;
     opacity: 0.7;
     margin-bottom: 1rem;
     display: block;
}
 .adventure-panel__title {
     font-family: var(--wc-font-heading);
     font-size: 2.8rem;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 4px;
     margin-bottom: 0.6rem;
     text-shadow: 2px 4px 12px rgba(0,0,0,0.3);
     line-height: 1.1;
}
 .adventure-panel__subtitle {
     font-size: 1rem;
     opacity: 0.85;
     margin-bottom: 1.8rem;
     font-weight: 300;
     max-width: 300px;
     margin-left: auto;
     margin-right: auto;
     line-height: 1.5;
}
 .adventure-panel__cta {
     display: inline-flex;
     align-items: center;
     gap: 0.6rem;
     font-family: var(--wc-font-heading);
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 0.9rem;
     padding: 0.85rem 2rem;
     border: 2px solid rgba(255, 255, 255, 0.6);
     color: white;
     text-decoration: none;
     transition: all 0.35s var(--wc-transition);
     position: relative;
     overflow: hidden;
}
 .adventure-panel__cta::before {
     content: '';
     position: absolute;
     inset: 0;
     background: white;
     transform: translateX(-101%);
     transition: transform 0.35s var(--wc-transition);
     z-index: -1;
}
 .adventure-panel:hover .adventure-panel__cta {
     border-color: white;
     color: var(--wc-dark-blue);
}
 .adventure-panel:hover .adventure-panel__cta::before {
     transform: translateX(0);
}
 .adventure-panel__cta .cta-arrow {
     transition: transform 0.3s ease;
     font-size: 1.1rem;
}
 .adventure-panel:hover .adventure-panel__cta .cta-arrow {
     transform: translateX(5px);
}
 .panel-academic:hover .adventure-panel__cta .cta-arrow {
     transform: translateY(4px);
}
 .adventure-or {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%) rotate(45deg);
     z-index: 10;
     width: 64px;
     height: 64px;
     background: var(--wc-light-blue);
     display: flex;
     align-items: center;
     justify-content: center;
     border: 3px solid var(--wc-white);
     box-shadow: 0 0 30px rgba(121, 189, 232, 0.4), 0 0 60px rgba(121, 189, 232, 0.15);
     pointer-events: none;
}
 .adventure-or span {
     transform: rotate(-45deg);
     font-family: var(--wc-font-heading);
     font-weight: 700;
     font-size: 1rem;
     letter-spacing: 2px;
     color: var(--wc-dark-blue);
}
 @keyframes orPulse {
     0%, 100% {
         box-shadow: 0 0 25px rgba(121, 189, 232, 0.4), 0 0 50px rgba(121, 189, 232, 0.1);
    }
     50% {
         box-shadow: 0 0 40px rgba(121, 189, 232, 0.7), 0 0 80px rgba(121, 189, 232, 0.25);
    }
}
 .adventure-panel.flash .adventure-panel__overlay {
     background: rgba(121, 189, 232, 0.35) !important;
     transition: background 0.15s ease;
}
 @keyframes slideFromLeft {
     from {
         transform: translateX(-80px);
         opacity: 0;
    }
     to {
         transform: translateX(0);
         opacity: 1;
    }
}
 @keyframes slideFromRight {
     from {
         transform: translateX(80px);
         opacity: 0;
    }
     to {
         transform: translateX(0);
         opacity: 1;
    }
}
 @keyframes scaleInRotate {
     from {
         transform: translate(-50%, -50%) rotate(45deg) scale(0);
         opacity: 0;
    }
     to {
         transform: translate(-50%, -50%) rotate(45deg) scale(1);
         opacity: 1;
    }
}
 @keyframes fadeInUp {
     from {
         transform: translateY(25px);
         opacity: 0;
    }
     to {
         transform: translateY(0);
         opacity: 1;
    }
}
 .panel-athletic {
     animation: slideFromLeft 0.8s var(--wc-transition) 0.2s both;
}
 .panel-academic {
     animation: slideFromRight 0.8s var(--wc-transition) 0.35s both;
}
 .adventure-or {
     animation: scaleInRotate 0.6s var(--wc-transition-bounce) 0.7s both, orPulse 2.5s ease-in-out 1.3s infinite;
}
 .adventure-section .wc-heading {
     animation: fadeInUp 0.7s var(--wc-transition) 0.1s both;
}
 .adventure-section .wc-section-subtitle {
     animation: fadeInUp 0.7s var(--wc-transition) 0.2s both;
}
 .academic-section {
     padding: 5rem 0 4rem;
     background: var(--wc-off-white);
     position: relative;
}
 .academic-section-divider {
     position: relative;
     width: 100%;
     height: 80px;
     overflow: hidden;
     background: var(--wc-white);
}
 .academic-section-divider::after {
     content: '';
     position: absolute;
     left: -5%;
     right: -5%;
     bottom: 0;
     height: 100%;
     background: var(--wc-off-white);
     transform-origin: bottom right;
     transform: skewY(-2.2deg);
}
 .academic-section .section-header {
     position: relative;
     z-index: 2;
}
 .academic-section .camp-card .card-body {
     padding: 1.5rem;
}
 .policy-section {
     padding: 0 0 4rem;
     background: var(--wc-off-white);
}
 .policy-box {
     background: var(--wc-white);
     border: 1px solid var(--wc-light-gray);
     padding: 2rem;
     transition: box-shadow 0.3s ease;
}
 .policy-box:hover {
     box-shadow: 0 5px 20px rgba(0, 55, 103, 0.08);
}
 @media (max-width: 991.98px) {
     .adventure-panel__title {
         font-size: 2.2rem;
         letter-spacing: 3px;
    }
     .adventure-panel__icon {
         font-size: 2.5rem;
    }
     .intro-stat__number {
         font-size: 2.2rem;
    }
}
 @media (max-width: 767.98px) {
     .intro-stripe {
         padding: 3rem 0 2.5rem;
    }
     .intro-stats {
         gap: 2rem;
    }
     .adventure-chooser {
         flex-direction: column;
         height: auto;
         min-height: auto;
         max-height: none;
    }
     .adventure-panel {
         min-height: 300px;
         flex: none !important;
    }
     .panel-athletic {
         clip-path: polygon(0 0, 100% 0, 100% calc(100% - 45px), 0 100%);
         margin-right: 0;
         margin-bottom: -22px;
         animation: fadeInUp 0.7s var(--wc-transition) 0.2s both;
    }
     .panel-academic {
         clip-path: polygon(0 45px, 100% 0, 100% 100%, 0 100%);
         margin-left: 0;
         margin-top: -22px;
         animation: fadeInUp 0.7s var(--wc-transition) 0.35s both;
    }
     .adventure-chooser:hover .adventure-panel {
         flex: none;
    }
     .adventure-chooser .adventure-panel:hover {
         flex: none;
    }
     .adventure-panel:hover .adventure-panel__content {
         transform: none;
    }
     .adventure-panel:hover .adventure-panel__bg {
         transform: none;
    }
     .adventure-chooser:hover .adventure-panel:not(:hover) .adventure-panel__overlay {
         background: rgba(0, 0, 0, 0.15);
    }
     .adventure-chooser:hover .adventure-panel:not(:hover) .adventure-panel__content {
         opacity: 1;
    }
     .adventure-panel__title {
         font-size: 2rem;
         letter-spacing: 2px;
    }
     .adventure-panel__icon {
         font-size: 2.2rem;
         margin-bottom: 0.5rem;
    }
     .adventure-panel__count {
         width: 44px;
         height: 44px;
         font-size: 1.3rem;
    }
     .adventure-panel__subtitle {
         font-size: 0.9rem;
         margin-bottom: 1.2rem;
    }
     .adventure-panel__cta {
         padding: 0.7rem 1.5rem;
         font-size: 0.82rem;
    }
     .adventure-or {
         top: auto;
         bottom: auto;
         width: 48px;
         height: 48px;
    }
     .adventure-or span {
         font-size: 0.8rem;
    }
     .adventure-panel__content {
         padding: 2rem 1.5rem;
    }
     .panel-athletic .adventure-panel__content {
         padding-bottom: 3rem;
    }
     .panel-academic .adventure-panel__content {
         padding-top: 3rem;
    }
     .academic-section {
         padding: 4rem 0 3rem;
    }
     .academic-section-divider {
         height: 50px;
    }
     .camp-img-wide {
         aspect-ratio: 1 / 1;
    }
}
 @media (max-width: 575.98px) {
     .adventure-panel {
         min-height: 260px;
    }
     .adventure-panel__title {
         font-size: 1.7rem;
         letter-spacing: 1.5px;
    }
     .adventure-panel__count {
         width: 40px;
         height: 40px;
         font-size: 1.2rem;
    }
     .intro-stripe h1 {
         font-size: 1.5rem !important;
    }
     .academic-section-divider {
         height: 35px;
    }
}
 </style>