:root {
/* Brand */
--abyss: #001219;
--ocean-deep: #005f73;
--ocean-light: #94d2bd;
/* Type */
--font-body: "Inter", sans-serif;
--font-display: "Syne", sans-serif;
/* Text colors */
--af-white: #ffffff;
--af-white-40: rgba(255,255,255,0.4);
--af-gray-300: #d1d5db;
--af-gray-400: #9ca3af;
--af-gray-500: #6b7280;
/* Spacing scale (rem) — only these; no ad-hoc rem in new rules */
--af-space-1: 0.25rem;
--af-space-2: 0.5rem;
--af-space-3: 0.75rem;
--af-space-4: 1rem;
--af-space-5: 1.25rem;
--af-space-6: 1.5rem;
--af-space-8: 2rem;
--af-space-10: 2.5rem;
--af-space-12: 3rem;
--af-space-16: 4rem;
--af-space-20: 5rem;
--af-space-24: 6rem;
/* Layout */
--af-wrap: 72rem;
--af-wrap-narrow: 56rem;
--af-radius-card: 24px;
/* WP theme kills */
--wp--style--global--content-size: min(100%, 100vw);
--wp--style--global--wide-size: min(100%, 100vw);
--wp--style--root--padding-left: 0px;
--wp--style--root--padding-right: 0px;
--wp--style--root--padding-top: 0px;
--wp--style--root--padding-bottom: 0px;
}
html, body {
background-color: var(--abyss) !important;
color: var(--af-white) !important;
font-family: var(--font-body) !important;
}
.wp-block-post-title,
.entry-title { display: none !important; }
main.wp-block-group,
.wp-block-group.has-global-padding,
.entry-content.is-layout-constrained,
.wp-block-post-content.is-layout-constrained,
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: none !important;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.breakdance,
#bde-main,
.af-page {
width: 100% !important;
max-width: none !important;
}
.af-page {
display: flex !important;
flex-direction: column !important;
}
.af-section .bde-f-text,
.af-nav .bde-f-text,
.af-footer .bde-f-text,
.af-mobile-overlay .bde-f-text {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.af-body {
display: flex !important;
flex-direction: column !important;
gap: 1.5rem !important;
}
.af-body > p,
.af-body > .bde-f-text {
margin: 0 !important;
}
.af-about-grid > .bde-f-container:not(.af-profile-wrap),
.af-course-grid > .bde-f-container,
.af-community-grid > .bde-f-container {
display: flex !important;
flex-direction: column !important;
gap: 1.5rem !important;
min-width: 0 !important;
}
@media (min-width: 640px) {
.af-about-grid > .bde-f-container:not(.af-profile-wrap) {
gap: 2rem !important;
}
}
.bde-f-svg-icon.af-scroll-icon,
.bde-f-svg-icon.af-service-icon,
.bde-f-svg-icon.af-check-icon,
.bde-f-svg-icon.af-meta-icon,
.bde-f-svg-icon.af-challenge-icon,
.bde-f-svg-icon.af-quote-icon,
.bde-f-svg-icon.af-social-icon,
.bde-f-svg-icon.af-faq-chevron-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
color: var(--ocean-light) !important;
line-height: 0 !important;
}
.bde-f-svg-icon.af-scroll-icon { --bde-f-icon-size: 1.5rem; color: var(--af-white) !important; }
.bde-f-svg-icon.af-service-icon,
.bde-f-svg-icon.af-challenge-icon { --bde-f-icon-size: 2rem; }
.bde-f-svg-icon.af-check-icon,
.bde-f-svg-icon.af-meta-icon { --bde-f-icon-size: 1rem; }
.bde-f-svg-icon.af-quote-icon { --bde-f-icon-size: 1.5rem; }
.bde-f-svg-icon.af-social-icon { --bde-f-icon-size: 2rem; }
.bde-f-svg-icon.af-scroll-icon > svg,
.bde-f-svg-icon.af-service-icon > svg,
.bde-f-svg-icon.af-check-icon > svg,
.bde-f-svg-icon.af-meta-icon > svg,
.bde-f-svg-icon.af-challenge-icon > svg {
width: 100% !important;
height: 100% !important;
display: block !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: unset !important;
}
.bde-f-svg-icon.af-quote-icon > svg,
.bde-f-svg-icon.af-social-icon > svg {
width: 100% !important;
height: 100% !important;
display: block !important;
fill: currentColor !important;
stroke: none !important;
stroke-width: 0 !important;
}
img.af-social-icon,
.bde-f-image.af-social-icon {
display: block !important;
width: 2.25rem !important;
height: 2rem !important;
object-fit: contain !important;
}
.af-social-yt .af-social-icon,
.af-social-yt .bde-f-svg-icon.af-social-icon { color: #ef4444 !important; }
.af-social-bsky .af-social-icon,
.af-social-bsky .bde-f-svg-icon.af-social-icon { color: #0ea5e9 !important; }
.af-faq-chevron {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
width: 2rem !important;
height: 2rem !important;
border-radius: 9999px !important;
background: rgba(0,95,115,0.3) !important;
transition: transform 0.4s ease !important;
color: var(--ocean-light) !important;
}
.af-faq-chevron svg,
.af-faq-chevron-icon {
width: 1rem !important;
height: 1rem !important;
display: block !important;
fill: none !important;
stroke: currentColor !important;
color: var(--ocean-light) !important;
}
.af-faq-item[open] .af-faq-chevron { transform: rotate(180deg) !important; }
.af-service-icon-wrap,
.af-challenge-icon-wrap {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 4rem !important;
height: 4rem !important;
margin-bottom: 2rem !important;
padding: 0 !important;
border-radius: 1rem !important;
background: rgba(0,95,115,0.2) !important;
box-sizing: border-box !important;
}
.af-challenge-icon-wrap { background: rgba(0,95,115,0.3) !important; }
.af-check {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
width: 2rem !important;
height: 2rem !important;
padding: 0 !important;
border-radius: 9999px !important;
background: rgba(0,95,115,0.3) !important;
box-sizing: border-box !important;
}
.af-social-icon-wrap {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 4rem !important;
height: 4rem !important;
padding: 0 !important;
border-radius: 9999px !important;
box-sizing: border-box !important;
}
.af-social-yt { background: rgba(239,68,68,0.1) !important; }
.af-social-bsky { background: rgba(14,165,233,0.1) !important; }
.af-quote-mark {
position: absolute !important;
top: -1.5rem !important;
left: 2rem !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 3rem !important;
height: 3rem !important;
padding: 0 !important;
border-radius: 9999px !important;
background: var(--ocean-deep) !important;
color: var(--ocean-light) !important;
box-shadow: 0 10px 15px -3px rgba(0,0,0,0.3) !important;
box-sizing: border-box !important;
}
.af-meta-item {
display: flex !important;
align-items: center !important;
gap: 0.5rem !important;
color: var(--af-gray-400) !important;
}
.af-nav {
position: fixed !important;
top: calc(var(--wp-admin--admin-bar--height, 0px) + 0px) !important;
left: 0 !important;
right: 0 !important;
z-index: 50 !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
width: 100% !important;
max-width: none !important;
padding: 2rem !important;
margin: 0 !important;
box-sizing: border-box !important;
background: transparent !important;
border-bottom: 1px solid transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
transform: translateZ(0) !important;
backface-visibility: hidden !important;
transition: padding 0.3s ease, background 0.3s ease, border-color 0.3s ease, backdrop-filter 0.3s ease !important;
}
.af-nav.af-is-scrolled {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
background: rgba(0, 18, 25, 0.85) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}
.af-logo {
position: relative !important;
z-index: 50 !important;
color: var(--af-white) !important;
font-family: var(--font-display) !important;
font-size: 1.5rem !important;
font-weight: 700 !important;
letter-spacing: -0.05em !important;
text-decoration: none !important;
white-space: nowrap !important;
}
.af-logo:hover { color: var(--af-white) !important; opacity: 0.8 !important; }
.af-logo-accent { color: var(--ocean-light) !important; }
.af-nav-links {
display: flex !important;
align-items: center !important;
gap: 1.5rem !important;
padding: 0 !important;
margin: 0 !important;
}
.af-nav-link {
color: var(--af-white) !important;
font-family: var(--font-body) !important;
font-size: 0.875rem !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.1em !important;
text-decoration: none !important;
white-space: nowrap !important;
transition: color 0.3s ease !important;
}
.af-nav-link:hover { color: var(--ocean-light) !important; }
.af-hamburger {
display: none !important;
position: relative !important;
z-index: 50 !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
gap: 0 !important;
padding: 0.5rem !important;
background: transparent !important;
border: none !important;
cursor: pointer !important;
border-radius: 0.25rem !important;
}
.af-bar-1, .af-bar-2, .af-bar-3 {
display: block !important;
width: 24px !important;
height: 2px !important;
min-height: 2px !important;
margin: 6px 0 !important;
padding: 0 !important;
background: #ffffff !important;
border-radius: 2px !important;
font-size: 0 !important;
line-height: 0 !important;
overflow: hidden !important;
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out !important;
}
.af-hamburger.af-is-open .af-bar-1 { transform: translateY(8px) rotate(45deg) !important; }
.af-hamburger.af-is-open .af-bar-2 { opacity: 0 !important; transform: scale(0) !important; }
.af-hamburger.af-is-open .af-bar-3 { transform: translateY(-8px) rotate(-45deg) !important; }
.af-mobile-overlay {
position: fixed !important;
inset: 0 !important;
z-index: 40 !important;
display: none !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 1.5rem !important;
background: rgba(0, 0, 0, 0.95) !important;
clip-path: circle(0% at 90% 5%) !important;
pointer-events: none !important;
transition: clip-path 0.6s cubic-bezier(0.77, 0, 0.175, 1) !important;
}
.af-mobile-overlay.af-is-open {
clip-path: circle(150% at 90% 5%) !important;
pointer-events: auto !important;
}
.af-mobile-link {
color: var(--af-white) !important;
font-size: 1.125rem !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.1em !important;
text-decoration: none !important;
transition: color 0.3s ease !important;
}
.af-mobile-link:hover { color: var(--ocean-light) !important; }
@media (max-width: 1279px) {
.af-nav { padding: 1.5rem !important; }
.af-nav.af-is-scrolled {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.af-nav-links { display: none !important; }
.af-hamburger { display: flex !important; }
.af-mobile-overlay { display: flex !important; }
}
.af-hero {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
max-width: none !important;
height: 100vh !important;
min-height: 560px !important;
margin: 0 !important;
padding: 1.5rem !important;
overflow: hidden !important;
text-align: center !important;
background-color: var(--abyss) !important;
box-sizing: border-box !important;
}
.af-hero-bg {
position: absolute !important;
inset: 0 !important;
z-index: 0 !important;
overflow: hidden !important;
background: var(--abyss) !important;
padding: 0 !important;
margin: 0 !important;
}
.af-hero-img {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
filter: brightness(0.7) contrast(1.05) !important;
transform: scale(1.01) !important;
}
.af-hero-gradient {
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
background: linear-gradient(to bottom, rgba(0,18,25,0.1) 0%, rgba(0,18,25,0.6) 60%, var(--abyss) 100%) !important;
pointer-events: none !important;
}
.af-hero-content {
position: relative !important;
z-index: 10 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
max-width: 56rem !important;
min-width: 0 !important;
padding: 0 !important;
}
.af-hero .af-hero-title,.af-hero-title{margin:0 0 var(--af-space-6)!important;color:var(--af-white)!important;font-family:var(--font-display)!important;font-weight:800!important;font-size:4.5rem!important;line-height:1.1!important;text-transform:uppercase!important;letter-spacing:-0.02em!important}
.af-hero-accent { color: var(--ocean-light) !important; }
.af-hero .af-hero-sub,.af-hero-sub{display:block!important;max-width:42rem!important;margin:0 auto var(--af-space-10)!important;color:var(--af-gray-300)!important;font-family:var(--font-body)!important;font-weight:300!important;font-size:1.25rem!important;line-height:1.625!important}.af-hero .af-cta{margin:0!important}
.af-scroll-hint {
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 2.5rem !important;
z-index: 10 !important;
display: flex !important;
justify-content: center !important;
color: var(--af-white) !important;
opacity: 0.5 !important;
animation: af-bounce 2s infinite !important;
padding: 0 !important;
}
@keyframes af-bounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(8px); }
}
@media (max-width: 1023px) {
.af-hero-title { font-size: 3rem !important; color: var(--af-white) !important; }
}
@media (max-width: 767px) {
.af-hero-title { font-size: 2.5rem !important; color: var(--af-white) !important; }
.af-hero-sub { font-size: 1rem !important; }
}
.af-section {
position: relative !important;
z-index: 2 !important;
isolation: isolate !important;
width: 100% !important;
max-width: none !important;
background-color: var(--abyss) !important;
padding-block: 6rem !important;
padding-inline: 1.5rem !important;
scroll-margin-top: 5rem !important;
overflow-x: clip !important;
box-sizing: border-box !important;
}
@media (max-width: 767px) {
.af-section { padding-block: 4rem !important; padding-inline: 1rem !important; }
}
.af-wrap {
width: 100% !important;
max-width: 72rem !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
}
.af-wrap.af-about-grid {
display: grid !important;
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr) !important;
align-items: center !important;
gap: 3rem !important;
}
@media (max-width: 1023px) {
.af-wrap.af-about-grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: 2rem !important;
}
}
.af-h2,
.af-about-title,
.af-course-title,
.af-challenge-title,
.af-service-title,
.af-comp-name,
.af-log-title,
.af-social-name,
.af-person-name,
.af-faq-summary,
h2.af-h2 {
color: var(--af-white) !important;
font-family: var(--font-display) !important;
text-transform: uppercase !important;
letter-spacing: -0.02em !important;
}
.af-h2, h2.af-h2 {
display: block !important;
margin: 0 0 0.75rem !important;
font-size: 2.25rem !important;
font-weight: 700 !important;
line-height: 1.15 !important;
}
.af-h2.af-text-gradient { color: var(--af-white) !important; }
.af-text-gradient {
color: var(--ocean-light) !important;
-webkit-text-fill-color: var(--ocean-light) !important;
background: none !important;
}
.af-about-title {
margin: 0 0 2rem !important;
font-size: 3.75rem !important;
font-weight: 800 !important;
line-height: 1.1 !important;
}
.af-about-dim { color: rgba(255,255,255,0.4) !important; }
.af-course-title, .af-challenge-title {
margin: 0 0 1.5rem !important;
font-size: 3rem !important;
font-weight: 800 !important;
line-height: 1.15 !important;
}
.af-eyebrow {
display: block !important;
margin-bottom: 0.75rem !important;
color: var(--ocean-light) !important;
font-weight: 700 !important;
font-size: 0.75rem !important;
text-transform: uppercase !important;
letter-spacing: 0.2em !important;
}
.af-body { color: var(--af-gray-300) !important; line-height: 1.7 !important; font-size: 1.125rem !important; }
.af-muted, .af-service-desc, .af-quote-text, .af-faq-answer, .af-contact-quote, .af-social-handle, .af-comp-meta { color: var(--af-gray-400) !important; }
.af-person-role, .af-social-cta, .af-type-pill, .af-judge-aida, .af-tag { color: var(--ocean-light) !important; }
.af-service-title {
margin: 0 0 1rem !important;
font-size: 1.25rem !important;
font-weight: 700 !important;
}
@media (max-width: 1023px) {
.af-about-title { font-size: 2.5rem !important; color: var(--af-white) !important; }
.af-course-title, .af-challenge-title { font-size: 2rem !important; color: var(--af-white) !important; }
.af-h2, h2.af-h2 { font-size: 1.875rem !important; color: var(--af-white) !important; }
}
.af-glass {
background: rgba(255,255,255,0.03) !important;
border: 1px solid rgba(255,255,255,0.1) !important;
border-radius: 24px !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
transform: translateZ(0) !important;
isolation: isolate !important;
box-sizing: border-box !important;
}
/* Panel primitives — padding ONLY via #section scopes in DS layer */
.af-panel {
position: relative !important;
overflow: hidden !important;
padding: 0 !important;
}
.af-panel-bar {
position: absolute !important;
top: 0 !important; left: 0 !important; right: 0 !important;
width: 100% !important;
height: 4px !important; min-height: 4px !important; max-height: 4px !important;
margin: 0 !important; padding: 0 !important; border: 0 !important;
font-size: 0 !important; line-height: 0 !important; overflow: hidden !important;
background: linear-gradient(to right, transparent, var(--ocean-light), transparent) !important;
pointer-events: none !important;
z-index: 5 !important;
color: transparent !important;
}
.af-cta, .af-signal {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0.5rem !important;
border-radius: 9999px !important;
background-color: var(--ocean-light) !important;
color: var(--abyss) !important;
font-family: var(--font-body) !important;
text-decoration: none !important;
text-transform: uppercase !important;
letter-spacing: 0.1em !important;
box-sizing: border-box !important;
transition: transform 0.4s cubic-bezier(0.4,0,0.2,1), box-shadow 0.4s cubic-bezier(0.4,0,0.2,1), filter 0.4s cubic-bezier(0.4,0,0.2,1), color 0.2s ease !important;
}
.af-cta { padding: 1rem 2.5rem !important; font-weight: 800 !important; font-size: 0.875rem !important; }
.af-signal { padding: 0.65rem 1.25rem !important; font-weight: 700 !important; font-size: 0.75rem !important; }
.af-cta:hover, .af-signal:hover { color: var(--abyss) !important; transform: translateY(-3px) !important; }
.af-cta:hover { box-shadow: 0 10px 40px -10px rgba(148,210,189,0.6) !important; filter: brightness(1.1) !important; }
.af-signal:hover { box-shadow: 0 10px 30px -5px rgba(148,210,189,0.4) !important; filter: brightness(1.05) !important; }
@media (max-width: 767px) { .af-cta { width: 100% !important; } }
.af-services-grid, .af-testimonials-grid, .af-logs-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 2rem !important;
}
.af-course-grid, .af-community-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 3rem !important;
align-items: stretch !important;
}
.af-social-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 1.5rem !important;
max-width: 48rem !important;
margin-left: auto !important;
margin-right: auto !important;
}
.af-gallery-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
grid-auto-rows: 210px !important;
gap: 0.75rem !important;
}
.af-gallery-item-lg { grid-column: span 2 !important; grid-row: span 2 !important; }
.af-gallery-item-wide { grid-column: span 2 !important; }
@media (max-width: 1023px) {
.af-services-grid, .af-testimonials-grid, .af-logs-grid,
.af-course-grid, .af-community-grid { grid-template-columns: minmax(0, 1fr) !important; }
.af-gallery-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-auto-rows: 180px !important;
}
}
@media (max-width: 767px) {
.af-social-grid { grid-template-columns: minmax(0, 1fr) !important; }
.af-gallery-grid { grid-auto-rows: 120px !important; gap: 0.5rem !important; }
}
.af-section-head, .af-services-head { text-align: center !important; }
.af-section-head { margin-bottom: 4rem !important; }
.af-services-head { margin-bottom: 4rem !important; }
@media (max-width: 767px) {
.af-section-head { margin-bottom: 2.5rem !important; }
.af-services-head { margin-bottom: 2.5rem !important; }
}
.af-service-card {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
padding: 2.5rem !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
.af-tags, .af-feature-list, .af-faq-list, .af-comp-list {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}


.af-feature-list { display: flex !important; flex-direction: column !important; gap: 1rem !important; margin-top: 1.5rem !important; }
.af-feature-item {
display: flex !important;
align-items: center !important;
gap: 1rem !important;
color: var(--af-gray-300) !important;
list-style: none !important;
}
.af-profile-wrap { position: relative !important; width: 100% !important; max-width: 400px !important; margin: 0 auto !important; }
.af-profile-glow {
position: absolute !important; inset: 0 !important;
background: rgba(6,182,212,0.1) !important; border-radius: 9999px !important;
filter: blur(100px) !important; pointer-events: none !important;
}
.af-profile-img-wrap {
position: relative !important; z-index: 10 !important; aspect-ratio: 1 !important;
overflow: hidden !important; border-radius: 9999px !important;
border: 2px solid rgba(255,255,255,0.1) !important; background: #000 !important;
box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5) !important;
}
.af-profile-img, .af-media-img, .af-gallery-img, .af-log-img, .af-avatar {
display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important;
}
.af-judge-badge {
position: absolute !important; right: -0.5rem !important; bottom: -1rem !important; z-index: 20 !important;
padding: 1rem 1.5rem !important;
background: rgba(0,18,25,0.55) !important;
border: 1px solid rgba(148,210,189,0.35) !important;
border-radius: 16px !important;
backdrop-filter: blur(24px) !important;
-webkit-backdrop-filter: blur(24px) !important;
box-shadow: 0 8px 32px rgba(0,0,0,0.45), 0 0 24px rgba(148,210,189,0.12) !important;
}
@media (min-width:640px){}
.af-media-frame { position: relative !important; min-height: 400px !important; height: 100% !important; overflow: hidden !important; border-radius: 1rem !important; }
.af-media-fade {
position: absolute !important; inset: 0 !important; pointer-events: none !important;
background: linear-gradient(to top, rgba(0,18,25,0.9) 0%, transparent 55%, transparent 100%) !important;
}
.af-comp-list { display: flex !important; flex-direction: column !important; gap: 0.75rem !important; }
.af-comp-card {
display: flex !important; justify-content: space-between !important; align-items: center !important;
gap: 1rem !important; padding: 1.25rem !important; transition: background 0.3s ease !important;
}
.af-comp-card:hover { background: rgba(255,255,255,0.05) !important; color: inherit !important; }
.af-comp-name-row { display: flex !important; align-items: center !important; gap: 0.75rem !important; flex-wrap: wrap !important; }
@media (max-width: 1023px) {
.af-comp-card { flex-direction: column !important; text-align: center !important; }
}
.af-gallery-item {
position: relative !important; height: 100% !important; min-height: 0 !important;
overflow: hidden !important; border-radius: 1rem !important;
border: 1px solid rgba(255,255,255,0.1) !important;
}
.af-gallery-item:hover .af-gallery-img { transform: scale(1.06) !important; }
.af-gallery-img { transition: transform 0.7s ease !important; }
.af-gallery-num {
position: absolute !important; bottom: 0.75rem !important; left: 0.75rem !important;
color: rgba(255,255,255,0.5) !important; font-size: 10px !important; font-weight: 700 !important;
text-transform: uppercase !important; letter-spacing: 0.15em !important;
}
.af-challenge {
position: relative !important; overflow: hidden !important; text-align: center !important;
padding: 3rem !important; max-width: 56rem !important; margin: 0 auto !important;
}
@media (max-width: 767px) { .af-challenge { padding: 2rem 1.25rem !important; } }
.af-quote-card { position: relative !important; padding: 2rem !important; overflow: visible !important; }
.af-quote-person { display: flex !important; align-items: center !important; gap: 1rem !important; }
.af-avatar {
width: 3rem !important; height: 3rem !important; border-radius: 9999px !important;
border: 1px solid rgba(255,255,255,0.1) !important;
}
.af-stars { position: absolute !important; right: 2rem !important; bottom: 2rem !important; color: #facc15 !important; font-size: 0.75rem !important; }
.af-video-shell {
position: relative !important; width: 100% !important; overflow: hidden !important;
margin-bottom: 1.5rem !important; padding-top: 56.25% !important;
background: #000 !important; border-radius: 0.75rem !important;
border: 1px solid rgba(255,255,255,0.1) !important;
box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5) !important;
}
.af-video-shell .bde-f-html-code,
.af-video-shell .bde-f-html-code > *,
.af-video-iframe {
position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; border: 0 !important; margin: 0 !important; padding: 0 !important; max-width: none !important; display: block !important; box-sizing: border-box !important;
}
@media (min-width: 768px) {
.af-video-shell { border-radius: 1rem !important; }
}
.af-log-card, .af-social-card {
text-decoration: none !important;
transition: transform 0.3s ease, background 0.3s ease !important;
}
.af-log-card { display: block !important; padding: 1.25rem !important; }
.af-social-card {
display: flex !important; flex-direction: column !important; align-items: center !important;
justify-content: center !important; gap: 1.5rem !important; padding: 2rem !important;
}
.af-log-card:hover, .af-social-card:hover {
background: rgba(255,255,255,0.05) !important; transform: translateY(-8px) !important; color: inherit !important;
}
.af-log-img-wrap {
position: relative !important; overflow: hidden !important; aspect-ratio: 4/3 !important;
margin-bottom: 1.5rem !important; border-radius: 0.75rem !important;
}
.af-log-cat {
position: absolute !important; top: 1rem !important; left: 1rem !important;
color: var(--ocean-light) !important; font-size: 10px !important; font-weight: 700 !important;
text-transform: uppercase !important; letter-spacing: 0.15em !important;
padding: 0.25rem 0.75rem !important; border-radius: 9999px !important;
background: rgba(0,0,0,0.5) !important; border: 1px solid rgba(255,255,255,0.1) !important;
}
.af-log-date { display: block !important; color: #6b7280 !important; font-size: 0.75rem !important; margin-bottom: 0.5rem !important; }
.af-faq-list {
display: flex !important; flex-direction: column !important; gap: 1rem !important;
max-width: 56rem !important; margin: 0 auto !important;
}
.af-faq-item { overflow: hidden !important; }
.af-faq-summary {
display: flex !important; justify-content: space-between !important; align-items: center !important;
gap: 1rem !important; padding: 1.5rem 2rem !important; cursor: pointer !important; list-style: none !important;
color: var(--af-white) !important; font-family: var(--font-display) !important; font-weight: 700 !important; font-size: 1.25rem !important;
text-transform: none !important; letter-spacing: 0 !important;
}
.af-faq-summary::-webkit-details-marker { display: none !important; }
.af-faq-answer {
padding: 1.25rem 2rem 1.5rem !important;
border-top: 1px solid rgba(255,255,255,0.05) !important;
line-height: 1.7 !important;
}
.af-social-cta {
color: var(--ocean-light) !important; font-size: 0.75rem !important; font-weight: 700 !important;
text-transform: uppercase !important; letter-spacing: 0.15em !important;
padding: 0.5rem 1.5rem !important; border-radius: 9999px !important;
background: rgba(255,255,255,0.05) !important; border: 1px solid rgba(255,255,255,0.1) !important;
}
.af-contact-inner { position: relative !important; overflow: hidden !important; text-align: center !important; padding: 5rem !important; }
@media (max-width: 1023px) { .af-contact-inner { padding: 2.5rem 1.25rem !important; } }
.af-contact-box {
margin-top: 2rem !important; padding: 2.5rem !important;
background: rgba(0,0,0,0.2) !important; border-radius: 1.5rem !important;
border: 1px solid rgba(255,255,255,0.05) !important;
}
.af-contact-row { display: flex !important; justify-content: center !important; align-items: center !important; gap: 3rem !important; }
@media (max-width: 1023px) { .af-contact-row { flex-direction: column !important; gap: 2rem !important; } }
.af-qr-wrap { flex-shrink: 0 !important; padding: 0.5rem !important; background: #fff !important; border-radius: 0.75rem !important; }
.af-qr { display: block !important; width: 7rem !important; height: 7rem !important; }
.af-contact-actions { display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important; }
@media (max-width: 1023px) { .af-contact-actions { align-items: center !important; text-align: center !important; } }
.af-footer {
position: relative !important; z-index: 10 !important; width: 100% !important; max-width: none !important;
margin: 0 !important; padding: 2.5rem 1.5rem !important; text-align: center !important;
background: rgba(0,0,0,0.2) !important; border-top: 1px solid rgba(255,255,255,0.05) !important;
box-sizing: border-box !important;
}
.af-footer-copy { margin: 0 !important; color: #6b7280 !important; font-size: 0.75rem !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; }
.af-footer-built { margin: 1rem 0 0 !important; color: #4b5563 !important; font-size: 0.75rem !important; letter-spacing: 0.05em !important; }
.af-footer-link { color: rgba(148,210,189,0.8) !important; text-decoration: none !important; }
.af-footer-link:hover { color: var(--ocean-light) !important; text-decoration: underline !important; text-underline-offset: 4px !important; }
.af-soon {
flex-shrink: 0 !important; color: #6b7280 !important; font-weight: 700 !important; font-size: 0.75rem !important;
text-align: center !important; padding: 0.65rem 1.25rem !important; border-radius: 9999px !important;
background: rgba(255,255,255,0.05) !important; border: 1px solid rgba(255,255,255,0.1) !important;
}
.af-type-pill {
display: inline-flex !important; color: var(--ocean-light) !important; font-weight: 700 !important;
font-size: 10px !important; text-transform: uppercase !important; letter-spacing: 0.15em !important;
padding: 0.15rem 0.65rem !important; border-radius: 9999px !important;
background: rgba(0,95,115,0.2) !important; border: 1px solid rgba(255,255,255,0.1) !important;
}
.af-nav-cta, .af-menu-btn, .af-nav-bar, .af-mobile-menu { display: none !important; }

/* ============================================================
   AF DESIGN SYSTEM — overrides & section scopes
   Tokens live in :root above. Do not add patch stylesheets.
   ============================================================ */

/* --- Base type & color --- */
.af-page,.af-section{background-color:var(--abyss)!important;color:var(--af-white)!important;font-family:var(--font-body)!important}
.af-section{position:relative!important;z-index:2!important;isolation:isolate!important;padding-block:var(--af-space-24)!important;padding-inline:var(--af-space-6)!important;scroll-margin-top:5rem!important;overflow-x:clip!important}
@media (max-width:640px){.af-section{padding-block:var(--af-space-16)!important;padding-inline:var(--af-space-4)!important}}
.af-wrap{width:100%!important;max-width:var(--af-wrap)!important;margin-inline:auto!important;min-width:0!important;padding:0!important}

/* --- Typography roles --- */
.af-h2,.af-about-title,.af-course-title,.af-challenge-title,.af-service-title,.af-comp-name,.af-log-title,.af-social-name,.af-person-name,h2.af-h2,h3.af-comp-name{
  color:var(--af-white)!important;
  font-family:var(--font-display)!important;
  text-transform:uppercase!important;
  letter-spacing:-0.02em!important;
}
.af-h2,h2.af-h2{display:block!important;margin:0 0 var(--af-space-3)!important;font-size:2.25rem!important;font-weight:700!important;line-height:1.15!important}
@media (max-width:639px){.af-h2,h2.af-h2{font-size:1.875rem!important}}
.af-course-title,.af-challenge-title{display:block!important;margin:0 0 var(--af-space-6)!important;font-size:3rem!important;font-weight:800!important;line-height:1.15!important}
@media (max-width:767px){.af-course-title,.af-challenge-title{font-size:1.875rem!important}}
.af-about-title{display:block!important;margin:0 0 var(--af-space-8)!important;font-size:3.75rem!important;font-weight:800!important;line-height:1.1!important}
@media (max-width:767px){.af-about-title{font-size:2.25rem!important;margin-bottom:var(--af-space-6)!important}}
@media (max-width:639px){.af-about-title{font-size:1.875rem!important}}
.af-service-title{margin:0 0 var(--af-space-4)!important;font-size:1.25rem!important;font-weight:700!important;line-height:1.3!important}
.af-comp-name,h3.af-comp-name{margin:0!important;font-size:1.5rem!important;font-weight:700!important;line-height:1.25!important;text-transform:uppercase!important}
@media (max-width:767px){.af-comp-name,h3.af-comp-name{font-size:1.25rem!important}}
@media (max-width:639px){.af-comp-name,h3.af-comp-name{font-size:1.125rem!important}}

.af-body{color:var(--af-gray-300)!important;font-family:var(--font-body)!important;font-size:1.125rem!important;line-height:1.7!important;display:flex!important;flex-direction:column!important;gap:var(--af-space-4)!important}
.af-body>p,.af-body>.bde-f-text{margin:0!important;color:inherit!important}
@media (max-width:639px){.af-body{font-size:1rem!important}}
#about .af-body{gap:var(--af-space-6)!important}
#contact .af-body{display:block!important;font-weight:300!important;font-size:1rem!important;margin:0 0 var(--af-space-8)!important;gap:0!important}
@media (min-width:640px){#contact .af-body{font-size:1.25rem!important}}
#challenge .af-body{display:block!important;max-width:36rem!important;margin:0 auto var(--af-space-10)!important}
#community .af-body{display:block!important;margin:0 0 var(--af-space-8)!important;gap:0!important}

.af-muted,.af-service-desc,.af-quote-text,.af-faq-answer,.af-contact-quote,.af-social-handle,.af-comp-meta{color:var(--af-gray-400)!important;font-family:var(--font-body)!important}
.af-muted{margin:0!important;font-size:1rem!important}
.af-section-head .af-muted,.af-services-head .af-muted,
.af-service-desc,.af-quote-text,.af-faq-answer{font-size:1rem!important;line-height:1.6!important}
.af-contact-quote{font-size:0.875rem!important;font-style:italic!important;max-width:32rem!important;margin:0 auto var(--af-space-8)!important;line-height:1.6!important}

.af-eyebrow{display:block!important;margin:0 0 var(--af-space-3)!important;color:var(--ocean-light)!important;font-family:var(--font-body)!important;font-size:0.75rem!important;font-weight:700!important;letter-spacing:0.2em!important;text-transform:uppercase!important}


.af-text-gradient,span.af-text-gradient,.af-h2.af-text-gradient,h2.af-h2.af-text-gradient{
  background:linear-gradient(to right,#ffffff,var(--ocean-light))!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important;
}
.af-about-dim{color:var(--af-white-40,rgba(255,255,255,0.4))!important}

/* --- Primitives --- */
.af-glass{
  background:rgba(255,255,255,0.03)!important;
  border:1px solid rgba(255,255,255,0.1)!important;
  border-radius:var(--af-radius-card)!important;
  backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
  transform:translateZ(0)!important;isolation:isolate!important;box-sizing:border-box!important;
  /* NO PADDING on glass */
}
.af-panel{position:relative!important;overflow:hidden!important;/* NO default padding */}
.af-panel-bar{
  position:absolute!important;top:0!important;left:0!important;right:0!important;
  width:100%!important;height:4px!important;min-height:4px!important;max-height:4px!important;
  margin:0!important;padding:0!important;border:0!important;
  font-size:0!important;line-height:0!important;overflow:hidden!important;
  pointer-events:none!important;z-index:5!important;
  background:linear-gradient(to right,transparent,var(--ocean-light),transparent)!important;
  color:transparent!important;
}

/* --- Section panel paddings (ISOLATED) --- */
#course .af-panel{padding:var(--af-space-5)!important}
@media (min-width:640px){#course .af-panel{padding:var(--af-space-8)!important}}
@media (min-width:768px){#course .af-panel{padding:var(--af-space-16)!important}}
#course .af-panel::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;
  background:linear-gradient(to bottom right,rgba(0,95,115,0.2),transparent)!important;
}
#course .af-panel::after{
  content:""!important;position:absolute!important;top:-6rem!important;right:-6rem!important;
  width:16rem!important;height:16rem!important;border-radius:9999px!important;
  background:rgba(148,210,189,0.1)!important;filter:blur(48px)!important;pointer-events:none!important;z-index:0!important;
}
#course .af-course-grid{position:relative!important;z-index:1!important}
#course .af-panel-bar{z-index:5!important}
#course .af-course-grid>.bde-f-container:first-child{gap:0!important}
#course .af-eyebrow{margin:0 0 0.75rem!important}
#course .af-course-title{margin:0 0 1.5rem!important}
#course .af-body{gap:1rem!important;margin:0!important}
#course .af-feature-list{margin-top:2rem!important;margin-bottom:0!important}
#course .af-feature-list+.bde-f-container{margin-top:2rem!important}
#course .af-cta{margin-top:0!important}

#community .af-panel{padding:var(--af-space-5)!important}
@media (min-width:640px){#community .af-panel{padding:var(--af-space-8)!important}}
@media (min-width:768px){#community .af-panel{padding:var(--af-space-12)!important}}
/* Community — match CommunityFull spacing + members/online overlays */
#community .af-community-grid>.bde-f-container:first-child{gap:0!important}
.af-section #community .af-eyebrow,
#community .af-eyebrow{display:block!important;margin:0 0 0.75rem!important}
.af-section #community .af-course-title,
#community .af-course-title{margin:0 0 1.5rem!important}
.af-section #community .af-body,
#community .af-body{display:block!important;margin:0 0 2rem!important;gap:0!important}
#community .af-cta{margin:0!important}
/* CTA arrow (CommunityFull) */
#community .af-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0.5rem!important}
#community .af-cta::after{
  content:""!important;display:block!important;width:1rem!important;height:1rem!important;flex-shrink:0!important;
  background-color:currentColor!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 8l4 4m0 0l-4 4m4-4H3'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 8l4 4m0 0l-4 4m4-4H3'/%3E%3C/svg%3E") center/contain no-repeat!important;
  transition:transform 0.3s ease!important;
}
#community .af-cta:hover::after{transform:translateX(0.25rem)!important}
/* Members row under CTA — CommunityFull mt-8 */
#community .af-community-grid>.bde-f-container:first-child>.bde-f-container:last-child{
  display:flex!important;align-items:center!important;gap:1rem!important;
  margin-top:2rem!important;width:100%!important;
}
#community .af-community-grid>.bde-f-container:first-child>.bde-f-container:last-child>.bde-f-container:first-child{
  display:flex!important;align-items:center!important;flex-direction:row!important;
  margin:0!important;padding:0!important;gap:0!important;
}
#community .af-community-grid>.bde-f-container:first-child>.bde-f-container:last-child>.bde-f-container:first-child>.bde-f-image,
#community .af-community-grid>.bde-f-container:first-child>.bde-f-container:last-child>.bde-f-container:first-child>.bde-f-text{
  width:2.5rem!important;height:2.5rem!important;min-width:2.5rem!important;min-height:2.5rem!important;
  border-radius:9999px!important;border:2px solid var(--abyss)!important;
  object-fit:cover!important;margin:0 0 0 -0.75rem!important;padding:0!important;
  box-sizing:border-box!important;flex-shrink:0!important;
}
#community .af-community-grid>.bde-f-container:first-child>.bde-f-container:last-child>.bde-f-container:first-child>.bde-f-image:first-child,
#community .af-community-grid>.bde-f-container:first-child>.bde-f-container:last-child>.bde-f-container:first-child>*:first-child{
  margin-left:0!important;
}
#community .af-community-grid>.bde-f-container:first-child>.bde-f-container:last-child>.bde-f-container:first-child>.bde-f-text{
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:var(--ocean-deep)!important;color:var(--af-white)!important;
  font-size:0.75rem!important;font-weight:700!important;font-family:ui-monospace,monospace!important;
  line-height:1!important;margin-top:0!important;margin-bottom:0!important;
}
#community .af-community-grid>.bde-f-container:first-child>.bde-f-container:last-child>.bde-f-container:last-child{
  display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:0!important;min-width:0!important;
}
#community .af-community-grid>.bde-f-container:first-child>.bde-f-container:last-child>.bde-f-container:last-child>.bde-f-text:first-child{
  display:block!important;color:var(--af-white)!important;font-size:0.875rem!important;font-weight:700!important;
  margin:0!important;line-height:1.3!important;
}
#community .af-community-grid>.bde-f-container:first-child>.bde-f-container:last-child>.bde-f-container:last-child>.bde-f-text:last-child{
  display:block!important;color:var(--af-gray-400)!important;font-size:0.875rem!important;font-weight:600!important;
  margin:0!important;line-height:1.3!important;
}
/* Image column glow + overlay + online badge */
#community .af-media-frame{
  position:relative!important;z-index:1!important;overflow:hidden!important;
  border:1px solid rgba(255,255,255,0.1)!important;
  border-radius:1rem!important;
  box-shadow:
    0 25px 50px -12px rgba(0,0,0,0.5),
    0 0 60px 8px rgba(148,210,189,0.18),
    0 0 90px 24px rgba(0,95,115,0.16)!important;
}
#community .af-media-frame .af-media-img,
#community .af-media-frame img{
  border-radius:1rem!important;
}
#community .af-media-fade{
  background:linear-gradient(to top,#001219 0%,transparent 55%,transparent 100%)!important;
  background-color:transparent!important;opacity:0.6!important;
  border-radius:1rem!important;
}
#community .af-media-frame>.bde-f-container:last-child{
  position:absolute!important;z-index:3!important;left:1.5rem!important;right:auto!important;bottom:1.5rem!important;
  display:inline-flex!important;align-items:center!important;gap:0.5rem!important;
  width:auto!important;height:auto!important;margin:0!important;padding:0.75rem 1rem!important;
  border-radius:0.75rem!important;box-sizing:border-box!important;
  background:rgba(255,255,255,0.08)!important;border:1px solid rgba(255,255,255,0.12)!important;
  backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
}
#community .af-media-frame>.bde-f-container:last-child::before{
  content:""!important;width:0.5rem!important;height:0.5rem!important;border-radius:9999px!important;
  background:#22c55e!important;flex-shrink:0!important;
  box-shadow:0 0 0 0 rgba(34,197,94,0.7)!important;animation:af-online-pulse 1.5s ease-out infinite!important;
}
#community .af-media-frame>.bde-f-container:last-child>.bde-f-text{
  margin:0!important;padding:0!important;color:var(--af-white)!important;
  font-size:0.75rem!important;font-weight:700!important;letter-spacing:0.05em!important;
  text-transform:uppercase!important;line-height:1!important;font-family:var(--font-body)!important;
}
@keyframes af-online-pulse{
  0%{box-shadow:0 0 0 0 rgba(34,197,94,0.55)}
  70%{box-shadow:0 0 0 0.5rem rgba(34,197,94,0)}
  100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}
}


#moments .af-panel{padding:var(--af-space-2)!important}
@media (min-width:640px){#moments .af-panel{padding:var(--af-space-4)!important}}
@media (min-width:768px){#moments .af-panel{padding:var(--af-space-6)!important}}
.af-moments-head,#moments .af-moments-head{text-align:left!important;margin-bottom:var(--af-space-8)!important}
@media (min-width:768px){.af-moments-head,#moments .af-moments-head{margin-bottom:var(--af-space-10)!important}}


.af-challenge,#challenge .af-challenge{
  position:relative!important;overflow:hidden!important;text-align:center!important;
  padding:var(--af-space-8)!important;max-width:56rem!important;width:100%!important;margin-inline:auto!important;
}
@media (min-width:768px){.af-challenge,#challenge .af-challenge{padding:var(--af-space-12)!important}}.af-section #challenge .af-challenge-title,#challenge .af-challenge-title,.af-challenge .af-challenge-title{margin:0 0 1.5rem!important}
.af-challenge::before,.af-challenge::after{
  content:""!important;position:absolute!important;width:16rem!important;height:16rem!important;
  border-radius:9999px!important;pointer-events:none!important;filter:blur(48px)!important;z-index:0!important;
}
.af-challenge::before{left:-5rem!important;bottom:-5rem!important;background:rgba(0,95,115,0.2)!important}
.af-challenge::after{right:-5rem!important;top:-5rem!important;background:rgba(148,210,189,0.1)!important}
.af-challenge>*{position:relative!important;z-index:1!important}
.af-challenge>.af-panel-bar{position:absolute!important;z-index:5!important}
.af-challenge-icon-wrap{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:4rem!important;height:4rem!important;margin:0 auto var(--af-space-8)!important;
  border-radius:1rem!important;background:rgba(0,95,115,0.3)!important;
}
.af-challenge-form{max-width:36rem!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;gap:var(--af-space-4)!important}
@media (min-width:768px){.af-challenge-form{flex-direction:row!important;align-items:stretch!important}}
.af-input,input.af-input{
  flex:1 1 auto!important;width:100%!important;box-sizing:border-box!important;
  background:rgba(255,255,255,0.05)!important;border:1px solid rgba(255,255,255,0.1)!important;
  border-radius:9999px!important;padding:var(--af-space-4) var(--af-space-6)!important;
  color:var(--af-white)!important;font-family:var(--font-body)!important;font-size:1rem!important;outline:none!important;
}
.af-input::placeholder{color:var(--af-gray-500)!important}
.af-input:focus,.af-input:focus-visible{border-color:var(--ocean-light)!important}
.af-challenge-form .af-cta{white-space:nowrap!important;width:100%!important}
@media (min-width:768px){.af-challenge-form .af-cta{width:auto!important}}
#challenge .af-muted{margin-top:var(--af-space-6)!important;color:var(--af-gray-500)!important;font-size:0.75rem!important}

.af-contact-inner{
  position:relative!important;overflow:hidden!important;text-align:center!important;
  padding:var(--af-space-10) var(--af-space-5)!important;
}
@media (min-width:640px){.af-contact-inner{padding:var(--af-space-12) var(--af-space-5)!important}}
@media (min-width:768px){.af-contact-inner{padding:var(--af-space-20)!important}}
#contact .af-h2{margin-bottom:var(--af-space-6)!important}
.af-contact-box{
  margin:0!important;padding:var(--af-space-5)!important;background:rgba(0,0,0,0.2)!important;
  border-radius:1.5rem!important;border:1px solid rgba(255,255,255,0.05)!important;min-width:0!important;
}
@media (min-width:640px){.af-contact-box{padding:var(--af-space-10)!important}}
.af-contact-split{
  margin-top:var(--af-space-8)!important;padding-top:var(--af-space-8)!important;
  border-top:1px solid rgba(255,255,255,0.05)!important;text-align:center!important;
}
.af-contact-row{display:flex!important;justify-content:center!important;align-items:center!important;gap:var(--af-space-12)!important}
@media (max-width:767px){.af-contact-row{flex-direction:column!important;gap:var(--af-space-8)!important}}
.af-contact-actions{display:flex!important;flex-direction:column!important;align-items:center!important;gap:var(--af-space-3)!important}
@media (min-width:768px){.af-contact-actions{align-items:flex-start!important}}

/* --- Section heads --- */
.af-section-head,.af-services-head{text-align:center!important;margin-bottom:var(--af-space-16)!important}
@media (max-width:767px){.af-section-head,.af-services-head{margin-bottom:var(--af-space-10)!important}}







.af-comp-list{display:flex!important;flex-direction:column!important;gap:var(--af-space-3)!important;list-style:none!important;margin:0!important;padding:0!important}
.af-comp-card{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:space-between!important;
  gap:var(--af-space-4)!important;padding:var(--af-space-4)!important;min-width:0!important;transition:background 0.3s ease!important;
}
@media (min-width:768px){.af-comp-card{flex-direction:row!important;align-items:center!important;padding:var(--af-space-5)!important}}
.af-comp-card:hover{background:rgba(255,255,255,0.05)!important}
.af-comp-info{flex:1 1 auto!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:var(--af-space-2)!important;text-align:center!important}
@media (min-width:768px){.af-comp-info{text-align:left!important}}
.af-comp-name-row{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:var(--af-space-2)!important}
@media (min-width:768px){.af-comp-name-row{justify-content:flex-start!important}}
.af-comp-meta{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0.375rem!important;font-size:0.75rem!important}
@media (min-width:768px){.af-comp-meta{flex-direction:row!important;justify-content:flex-start!important;gap:1.25rem!important;font-size:0.875rem!important}}
.af-meta-item{display:inline-flex!important;align-items:center!important;gap:var(--af-space-2)!important;color:var(--af-gray-400)!important}
.af-soon{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:0.65rem 1.25rem!important;border-radius:9999px!important;border:1px solid rgba(255,255,255,0.1)!important;
  background:rgba(255,255,255,0.05)!important;color:var(--af-gray-500)!important;font-size:0.75rem!important;font-weight:700!important;
  text-align:center!important;width:100%!important;box-sizing:border-box!important;
}
@media (min-width:768px){.af-soon,.af-comp-card>.af-signal{width:auto!important}}
.af-comp-card>.af-signal{width:100%!important;justify-content:center!important;white-space:nowrap!important}
@media (min-width:768px){.af-comp-card>.af-signal{width:auto!important}}
.af-type-pill{
  display:inline-flex!important;color:var(--ocean-light)!important;font-weight:700!important;font-size:10px!important;
  text-transform:uppercase!important;letter-spacing:0.15em!important;padding:0.15rem 0.65rem!important;border-radius:9999px!important;
  background:rgba(0,95,115,0.2)!important;border:1px solid rgba(255,255,255,0.1)!important;
}

/* --- Buttons --- */
.af-cta,.af-signal{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:var(--af-space-2)!important;
  border-radius:9999px!important;background-color:var(--ocean-light)!important;color:var(--abyss)!important;
  font-family:var(--font-body)!important;text-decoration:none!important;
  transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),box-shadow 0.4s cubic-bezier(0.4,0,0.2,1),filter 0.4s cubic-bezier(0.4,0,0.2,1)!important;
}
.af-cta{text-transform:uppercase!important;letter-spacing:0.1em!important;padding:var(--af-space-4) 2.5rem!important;font-weight:800!important;font-size:0.875rem!important}
.af-signal{text-transform:none!important;letter-spacing:normal!important;padding:0.65rem 1.25rem!important;font-weight:700!important;font-size:0.75rem!important}
#contact .af-cta,#contact .af-signal{font-size:0.875rem!important;padding:0.75rem 1.5rem!important}
.af-cta:hover,.af-signal:hover{color:var(--abyss)!important;transform:translateY(-3px)!important}
.af-cta:hover{box-shadow:0 10px 40px -10px rgba(148,210,189,0.6)!important;filter:brightness(1.1)!important}
.af-signal:hover{box-shadow:0 10px 30px -5px rgba(148,210,189,0.4)!important;filter:brightness(1.05)!important}
/* Event Details arrow — Next signal-btn trailing chevron */
#competitions .af-signal::after,
.af-comp-card>.af-signal::after{
  content:""!important;display:block!important;width:1rem!important;height:1rem!important;flex-shrink:0!important;
  background-color:currentColor!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14 5l7 7m0 0l-7 7m7-7H3'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14 5l7 7m0 0l-7 7m7-7H3'/%3E%3C/svg%3E") center/contain no-repeat!important;
  transition:transform 0.3s ease!important;
}
#competitions .af-signal:hover::after,
.af-comp-card>.af-signal:hover::after{transform:translateX(0.25rem)!important}


/* --- Grids --- */
.af-course-grid,.af-community-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:var(--af-space-8)!important;align-items:stretch!important;min-width:0!important}
@media (min-width:768px){
  .af-course-grid,.af-community-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--af-space-12)!important}
}
.af-course-grid>.bde-f-container,.af-community-grid>.bde-f-container,.af-about-grid>.bde-f-container:not(.af-profile-wrap){
  display:flex!important;flex-direction:column!important;gap:var(--af-space-6)!important;min-width:0!important;
}
@media (min-width:640px){.af-about-grid>.bde-f-container:not(.af-profile-wrap){gap:var(--af-space-8)!important}}
.af-services-grid,.af-testimonials-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:var(--af-space-6)!important}
@media (min-width:768px){
  .af-services-grid,.af-testimonials-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:var(--af-space-8)!important}
}
.af-gallery-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:120px!important;gap:var(--af-space-2)!important;min-width:0!important}
@media (min-width:640px){.af-gallery-grid{grid-auto-rows:180px!important;gap:var(--af-space-3)!important}}
@media (min-width:768px){
  .af-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:210px!important}
  .af-gallery-item-lg{grid-column:span 2!important;grid-row:span 2!important}
  .af-gallery-item-wide{grid-column:span 2!important}
}
@media (max-width:767px){.af-gallery-item-lg,.af-gallery-item-wide{grid-column:span 1!important;grid-row:span 1!important}}
.af-gallery-item{
  position:relative!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;
  overflow:hidden!important;border-radius:0.75rem!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.1)!important;
  padding:0!important;margin:0!important;background:rgba(0,0,0,0.35)!important;cursor:pointer!important;
}
@media (min-width:768px){.af-gallery-item{border-radius:1rem!important}}
.af-gallery-item:hover{box-shadow:inset 0 0 0 1px rgba(148,210,189,0.4)!important}
.af-gallery-img,.af-gallery-item img,.af-gallery-item .bde-f-image{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;
  display:block!important;margin:0!important;transition:transform 0.7s ease-out!important;
}
.af-gallery-item:hover .af-gallery-img,.af-gallery-item:hover img{transform:scale(1.06)!important}
.af-gallery-num{
  position:absolute!important;left:0.75rem!important;bottom:0.75rem!important;z-index:2!important;
  color:rgba(255,255,255,0.5)!important;font-size:10px!important;font-weight:700!important;
  letter-spacing:0.15em!important;text-transform:uppercase!important;margin:0!important;pointer-events:none!important;
}
.af-gallery-item:hover .af-gallery-num{color:var(--ocean-light)!important}
.af-gallery-item::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;
  background:linear-gradient(to top,rgba(0,18,25,0.7),rgba(0,18,25,0.1),transparent)!important;opacity:0.6!important;transition:opacity 0.3s ease!important;
}
.af-gallery-item:hover::after{opacity:0.9!important}

/* Media frames */
.af-media-frame{position:relative!important;min-height:400px!important;height:100%!important;overflow:hidden!important;border-radius:1rem!important}
.af-media-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.af-media-fade{position:absolute!important;inset:0!important;pointer-events:none!important;background:linear-gradient(to top,rgba(0,18,25,0.9) 0%,transparent 55%,transparent 100%)!important}

/* Cards */
.af-service-card{padding:var(--af-space-6)!important}
@media (min-width:640px){.af-service-card{padding:var(--af-space-10)!important}}
.af-quote-card{padding:var(--af-space-8)!important;overflow:visible!important}
/* Testimonials — Next: quote text-sm gray-300 mt-4 mb-6; name text-sm bold (not display/uppercase); role text-xs */
#testimonials .af-quote-card .af-quote-text,
.af-quote-card .af-quote-text{
  color:var(--af-gray-300)!important;
  font-family:var(--font-body)!important;
  font-size:0.875rem!important;
  font-weight:400!important;
  line-height:1.625!important;
  margin:1rem 0 1.5rem!important;
  text-transform:none!important;
  letter-spacing:normal!important;
}
#testimonials .af-quote-card .af-person-name,
.af-quote-card .af-person-name{
  color:var(--af-white)!important;
  font-family:var(--font-body)!important;
  font-size:0.875rem!important;
  font-weight:700!important;
  line-height:1.25!important;
  margin:0!important;
  text-transform:none!important;
  letter-spacing:normal!important;
}
#testimonials .af-quote-card .af-person-role,
.af-quote-card .af-person-role{
  display:block!important;
  color:var(--ocean-light)!important;
  font-family:var(--font-body)!important;
  font-size:0.75rem!important;
  font-weight:700!important;
  line-height:1.3!important;
  margin:0!important;
  text-transform:uppercase!important;
  letter-spacing:0.05em!important;
}
#testimonials .af-quote-person{
  display:flex!important;align-items:center!important;gap:1rem!important;margin:0!important;
}
#testimonials .af-quote-person>.bde-f-container{
  display:flex!important;flex-direction:column!important;gap:0.125rem!important;margin:0!important;padding:0!important;min-width:0!important;
}

.af-feature-list{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:var(--af-space-4)!important}
.af-feature-item{display:flex!important;align-items:center!important;gap:var(--af-space-4)!important;color:var(--af-gray-300)!important}

/* Lightbox */
.af-lightbox{position:fixed!important;inset:0!important;z-index:100!important;display:none!important;align-items:center!important;justify-content:center!important;padding:var(--af-space-4)!important}
.af-lightbox.af-is-open{display:flex!important}
.af-lightbox-backdrop{position:absolute!important;inset:0!important;background:rgba(0,18,25,0.95)!important;backdrop-filter:blur(8px)!important;border:0!important;padding:0!important;cursor:pointer!important}
.af-lightbox-img-wrap{position:relative!important;z-index:2!important;width:min(100%,64rem)!important;height:min(85vh,720px)!important;border-radius:1rem!important;overflow:hidden!important;background:rgba(0,0,0,0.4)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.1)!important}
.af-lightbox-img-wrap img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
.af-lightbox-btn{position:absolute!important;z-index:3!important;width:2.75rem!important;height:2.75rem!important;border-radius:9999px!important;background:rgba(255,255,255,0.1)!important;border:1px solid rgba(255,255,255,0.1)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;font-size:1.25rem!important;line-height:1!important}
.af-lightbox-close{top:1rem!important;right:1rem!important}
.af-lightbox-prev{left:0.5rem!important;top:50%!important;transform:translateY(-50%)!important}
.af-lightbox-next{right:0.5rem!important;top:50%!important;transform:translateY(-50%)!important}
.af-lightbox-count{position:absolute!important;z-index:3!important;bottom:1.5rem!important;left:50%!important;transform:translateX(-50%)!important;color:rgba(255,255,255,0.5)!important;font-size:0.75rem!important;font-weight:700!important;letter-spacing:0.15em!important;text-transform:uppercase!important}

/* Theme padding kill */
main.wp-block-group,.wp-block-group.has-global-padding{padding:0!important}

/* Normalize BD text margins inside designed blocks */
.af-section .bde-f-text,.af-nav .bde-f-text,.af-footer .bde-f-text,.af-mobile-overlay .bde-f-text,
.af-comp-card .bde-f-text,.af-gallery-item .bde-f-text,.af-challenge .bde-f-text,.af-contact-inner .bde-f-text{
  margin-top:0!important;margin-bottom:0!important;
}

#about .af-about-grid>.bde-f-container:not(.af-profile-wrap){gap:0!important}#about .af-eyebrow{display:block!important;margin:0 0 var(--af-space-4)!important;font-size:0.875rem!important;font-weight:600!important;letter-spacing:0.1em!important}#about .af-about-title{margin:0 0 var(--af-space-6)!important}@media (min-width:640px){#about .af-about-title{margin-bottom:var(--af-space-8)!important}}#about .af-body{margin:0!important}

/* Judge badge — match Next About.tsx + .judge-badge */
#about .af-judge-badge,
.af-judge-badge{
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  z-index:20!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:0!important;
  width:max-content!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  padding:0.75rem 1rem!important;
  box-sizing:border-box!important;
  text-align:left!important;
  background:rgba(0,18,25,0.55)!important;
  border:1px solid rgba(148,210,189,0.35)!important;
  border-radius:16px!important;
  backdrop-filter:blur(24px)!important;
  -webkit-backdrop-filter:blur(24px)!important;
  box-shadow:0 8px 32px rgba(0,0,0,0.45),0 0 24px rgba(148,210,189,0.12)!important;
  transform:translateZ(0)!important;
  isolation:isolate!important;
}
@media (min-width:640px){
  #about .af-judge-badge,
  .af-judge-badge{
    right:-0.5rem!important;
    bottom:-1rem!important;
    padding:1rem 1.5rem!important;
  }
}
#about .af-judge-badge .af-judge-aida,
#about .af-judge-aida,
.af-judge-badge .af-judge-aida,
.af-judge-aida{
  display:block!important;
  font-family:var(--font-body)!important;
  font-weight:600!important;
  font-size:1.25rem!important;
  line-height:1!important;
  margin:0 0 0.25rem!important;
  padding:0!important;
  color:var(--ocean-light)!important;
  text-transform:none!important;
  letter-spacing:normal!important;
  -webkit-text-fill-color:var(--ocean-light)!important;
}
@media (min-width:640px){
  #about .af-judge-badge .af-judge-aida,
  #about .af-judge-aida,
  .af-judge-badge .af-judge-aida,
  .af-judge-aida{font-size:1.5rem!important}
}
#about .af-judge-badge .af-judge-label,
#about .af-judge-label,
.af-judge-badge .af-judge-label,
.af-judge-label{
  display:block!important;
  font-family:var(--font-body)!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1.2!important;
  margin:0!important;
  padding:0!important;
  text-transform:uppercase!important;
  letter-spacing:0.2em!important;
  color:rgba(255,255,255,0.8)!important;
  -webkit-text-fill-color:rgba(255,255,255,0.8)!important;
}

/* About tags — Next: flex flex-wrap gap-3, pills shrink to content on one row */
#about .af-tags,.af-tags{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:0.75rem!important;width:100%!important;max-width:100%!important;list-style:none!important;margin-top:2.5rem!important;margin-right:0!important;margin-bottom:0!important;margin-left:0!important;padding:0!important}
#about .af-tag,
.af-tag{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  padding:0.5rem 1.25rem!important;
  box-sizing:border-box!important;
  border-radius:9999px!important;
  border:1px solid rgba(255,255,255,0.1)!important;
  background:rgba(255,255,255,0.05)!important;
  color:var(--ocean-light)!important;
  font-family:var(--font-body)!important;
  font-size:0.75rem!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:0.1em!important;
  list-style:none!important;
  white-space:nowrap!important;
}
#about .af-tag .bde-f-text,
.af-tag .bde-f-text{
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  text-transform:inherit!important;
  white-space:nowrap!important;
}


/* Course — spacing + rating overlay (must follow text/margin resets) */
.af-section #course .af-course-title,
#course .af-course-title{margin-top:0!important;margin-bottom:1.5rem!important}
.af-section #course .af-eyebrow,
#course .af-course-grid>.bde-f-container:first-child{gap:0!important}
#course .af-eyebrow{margin:0 0 0.75rem!important}
#course .af-feature-list{margin-top:2rem!important;margin-bottom:0!important}
#course .af-feature-list+.bde-f-container{margin-top:2rem!important}
#course .af-media-fade{background:linear-gradient(to top,rgba(0,18,25,0.9) 0%,transparent 55%,transparent 100%)!important;background-color:transparent!important}
#course .af-media-frame{background:transparent!important}
#course .af-media-frame>.bde-f-container{position:absolute!important;z-index:2!important;left:1.5rem!important;right:1.5rem!important;bottom:1.5rem!important;display:flex!important;align-items:center!important;gap:1rem!important;padding:1rem!important;border-radius:0.75rem!important;background:rgba(255,255,255,0.1)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,0.2)!important;box-sizing:border-box!important;width:auto!important;height:auto!important;margin:0!important}
#course .af-media-frame>.bde-f-container>.bde-f-text:first-child{font-size:1.875rem!important;font-weight:700!important;color:var(--af-white)!important;line-height:1!important;margin:0!important;font-family:var(--font-body)!important;flex-shrink:0!important}
#course .af-media-frame>.bde-f-container>.bde-f-container{position:static!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;display:block!important;padding:0!important;border:0!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:0!important;width:auto!important;flex:1!important;min-width:0!important;gap:0!important}
#course .af-media-frame>.bde-f-container>.bde-f-container:last-child{flex:0 0 auto!important;text-align:right!important}
#course .af-media-frame>.bde-f-container>.bde-f-container>.bde-f-text:first-child{font-size:0.75rem!important;line-height:1!important;margin:0 0 0.25rem!important;color:#facc15!important;letter-spacing:0.05em!important;font-weight:400!important}
#course .af-media-frame>.bde-f-container>.bde-f-container:last-child>.bde-f-text:first-child{font-size:1.125rem!important;font-weight:700!important;color:var(--af-white)!important;margin:0!important;line-height:1.2!important;letter-spacing:normal!important}
#course .af-media-frame>.bde-f-container>.bde-f-container>.bde-f-text:last-child{font-size:10px!important;text-transform:uppercase!important;letter-spacing:0.05em!important;font-weight:700!important;color:var(--af-gray-300)!important;margin:0!important;font-family:var(--font-body)!important;line-height:1.3!important}



/* Challenge title mb-6 — beat .af-challenge .bde-f-text wipe */

#challenge .af-body{display:block!important;max-width:36rem!important;margin:0 auto 2.5rem!important}
/* Video / Freediving in Dahab — Next Videos.tsx */
#video .af-panel{padding:1.25rem!important}
@media (min-width:640px){#video .af-panel{padding:2rem!important}}
@media (min-width:768px){#video .af-panel{padding:3rem!important}}
#video .af-video-shell{margin-bottom:1.5rem!important}
#video .af-h2,#video h2.af-h2,#video .af-h2 .bde-f-text,#video .af-h2.bde-f-text{
  display:block!important;margin:0 0 1rem!important;font-family:var(--font-body)!important;
  font-size:1.25rem!important;font-weight:700!important;line-height:1.25!important;
  text-transform:none!important;letter-spacing:normal!important;
  background:linear-gradient(to right,#ffffff,var(--ocean-light))!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:#ffffff!important;
}
@media (min-width:640px){#video .af-h2,#video h2.af-h2,#video .af-h2 .bde-f-text,#video .af-h2.bde-f-text{font-size:1.5rem!important}}
@media (min-width:768px){#video .af-h2,#video h2.af-h2,#video .af-h2 .bde-f-text,#video .af-h2.bde-f-text{font-size:1.875rem!important}}
#video .af-body{
  display:block!important;margin:0!important;gap:0!important;color:var(--af-gray-300)!important;
  font-family:var(--font-body)!important;font-size:1rem!important;line-height:1.625!important;
  font-weight:400!important;text-transform:none!important;
}
@media (min-width:640px){#video .af-body{font-size:1.125rem!important}}
/* Moments head — Next: left-aligned; Gallery mb-3 to Moments */
.af-section #moments .af-moments-head .af-eyebrow,
#moments .af-moments-head .af-eyebrow{display:block!important;margin:0 0 0.75rem!important;text-align:left!important}
.af-section #moments .af-moments-head .af-h2,
#moments .af-moments-head .af-h2{margin:0 0 0.75rem!important;text-align:left!important}
.af-section #moments .af-moments-head .af-muted,
#moments .af-moments-head .af-muted{margin:0!important;text-align:left!important;font-size:1rem!important;color:var(--af-gray-400)!important}
/* Competitions spacing: head mb-8 to cards; 4rem between groups only */
.af-comps-gap,#competitions .af-comps-gap{display:flex!important;flex-direction:column!important;gap:0!important}
#competitions .af-section-head{margin-bottom:2rem!important}
#competitions .af-section-head .af-h2{margin-bottom:0.75rem!important}
#competitions .af-comp-list{margin-bottom:4rem!important}
#competitions .af-comp-list:last-child{margin-bottom:0!important}
/* Service cards — Next: h3 mb-4 (1rem) between title and description */
.af-section .af-service-card .af-service-title,
.af-section .af-service-title{
  margin-top:0!important;
  margin-bottom:1rem!important;
}
.af-section .af-service-card .af-service-desc,
.af-section .af-service-desc{
  margin:0!important;
}

/* Section heads — system-wide for every title+subtitle pair */
.af-section .af-h2:has(+ .af-muted),
.af-section .af-section-head .af-h2,
.af-section .af-services-head .af-h2,
.af-section .af-moments-head .af-h2{
  margin-top:0!important;
  margin-bottom:1rem!important;
}
.af-section .af-h2 + .af-muted,
.af-section .af-section-head .af-muted,
.af-section .af-services-head .af-muted,
.af-section .af-moments-head .af-muted{
  margin:0!important;
  font-size:0.875rem!important;
  line-height:1.5!important;
  color:var(--af-gray-400)!important;
}
@media (min-width:640px){
  .af-section .af-h2 + .af-muted,
  .af-section .af-section-head .af-muted,
  .af-section .af-services-head .af-muted,
  .af-section .af-moments-head .af-muted{
    font-size:1rem!important;
  }
}

.af-challenge-form,#challenge .af-challenge-form{max-width:36rem!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;gap:var(--af-space-4)!important}@media (min-width:768px){.af-challenge-form,#challenge .af-challenge-form{flex-direction:row!important;align-items:stretch!important}}.af-input,input.af-input{flex:1 1 auto!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;background:rgba(255,255,255,0.05)!important;border:1px solid rgba(255,255,255,0.1)!important;border-radius:9999px!important;padding:var(--af-space-4) var(--af-space-6)!important;color:var(--af-white)!important;font-family:var(--font-body)!important;font-size:1rem!important;outline:none!important}@media (min-width:768px){}.af-input::placeholder{color:var(--af-gray-500)!important}.af-input:focus,.af-input:focus-visible{border-color:var(--ocean-light)!important}.af-challenge-form .af-cta{white-space:nowrap!important;width:100%!important;flex-shrink:0!important}@media (min-width:768px){.af-challenge-form .af-cta{width:auto!important}}

/* ===== Dive Logs — match DiveLog.tsx ===== */
#journal .af-section-head {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 1.5rem !important;
  text-align: left !important;
  margin-bottom: 3rem !important;
}
@media (min-width: 768px) {
  #journal .af-section-head {
    flex-direction: row !important;
    align-items: flex-end !important;
  }
}
@media (max-width: 767px) {
  #journal .af-section-head {
    margin-bottom: 2.5rem !important;
  }
}
#journal .af-section-head > .bde-f-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: none !important;
}
#journal .af-section-head .af-h2 {
  margin: 0 0 1rem !important;
  text-align: left !important;
  text-transform: uppercase !important;
  font-size: 2.25rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}
#journal .af-section-head .af-muted {
  margin: 0 !important;
  text-align: left !important;
  color: var(--af-gray-400) !important;
}
#journal .af-section-head .af-cta {
  align-self: flex-start !important;
  width: auto !important;
  padding: 0.75rem 1.5rem !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.1em !important;
  margin: 0 !important;
}
#journal .af-section-head .af-cta::after {
  content: "" !important;
  display: block !important;
  width: 1rem !important;
  height: 1rem !important;
  flex-shrink: 0 !important;
  background-color: currentColor !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 8l4 4m0 0l-4 4m4-4H3'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 8l4 4m0 0l-4 4m4-4H3'/%3E%3C/svg%3E") center / contain no-repeat !important;
  transition: transform 0.3s ease !important;
}
#journal .af-section-head .af-cta:hover::after {
  transform: translateX(0.25rem) !important;
}
#journal .af-logs-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 2rem !important;
  margin: 0 !important;
}
@media (min-width: 768px) {
  #journal .af-logs-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
#journal .af-log-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  height: 100% !important;
  padding: 1.25rem !important;
  text-decoration: none !important;
  transition: transform 0.3s ease, background 0.3s ease !important;
}
#journal .af-log-card:hover {
  background: rgba(255,255,255,0.05) !important;
  transform: translateY(-0.5rem) !important;
  color: inherit !important;
}
#journal .af-log-img-wrap {
  position: relative !important;
  overflow: hidden !important;
  aspect-ratio: 4 / 3 !important;
  margin: 0 0 1.5rem !important;
  border-radius: 0.75rem !important;
  flex-shrink: 0 !important;
}
#journal .af-log-img,
#journal .af-log-img-wrap .bde-f-image,
#journal .af-log-img-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.7s ease !important;
}
#journal .af-log-card:hover .af-log-img,
#journal .af-log-card:hover .af-log-img-wrap img {
  transform: scale(1.1) !important;
}
#journal .af-log-cat {
  position: absolute !important;
  top: 1rem !important;
  left: 1rem !important;
  z-index: 2 !important;
  color: var(--ocean-light) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  padding: 0.25rem 0.75rem !important;
  border-radius: 9999px !important;
  background: rgba(0,0,0,0.5) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}
#journal .af-log-date {
  display: block !important;
  margin: 0 0 0.5rem !important;
  color: #6b7280 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  font-size: 0.75rem !important;
  line-height: 1.4 !important;
}
#journal .af-log-title,
#journal h3.af-log-title {
  margin: 0 0 0.75rem !important;
  color: var(--af-white) !important;
  font-family: var(--font-display) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.04em !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  transition: color 0.3s ease !important;
}
#journal .af-log-card:hover .af-log-title {
  color: var(--ocean-light) !important;
}
#journal .af-log-card .af-service-desc {
  margin: 0 !important;
  color: var(--af-gray-400) !important;
  font-size: 0.875rem !important;
  line-height: 1.625 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
#journal .af-log-card > .bde-f-text-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin-top: auto !important;
  padding-top: 1.5rem !important;
  color: var(--ocean-light) !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  width: auto !important;
  align-self: flex-start !important;
}
#journal .af-log-card > .bde-f-text-link:hover,
#journal .af-log-card > .bde-f-text-link:focus {
  color: var(--ocean-light) !important;
  background: transparent !important;
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
}
#journal .af-log-card > .bde-f-text-link::after {
  content: "" !important;
  display: block !important;
  width: 1rem !important;
  height: 1rem !important;
  flex-shrink: 0 !important;
  background-color: currentColor !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14 5l7 7m0 0l-7 7m7-7H3'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14 5l7 7m0 0l-7 7m7-7H3'/%3E%3C/svg%3E") center / contain no-repeat !important;
  transition: transform 0.3s ease !important;
}
#journal .af-log-card:hover > .bde-f-text-link::after {
  transform: translateX(0.25rem) !important;
}

/* journal card title wrap */
#journal .af-log-title,
#journal h3.af-log-title,
#journal .af-log-card .af-log-title {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  text-transform: uppercase !important;
  letter-spacing: -0.04em !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  white-space: normal !important;
  line-height: 1.2 !important;
}
#journal .af-log-card > .bde-f-text.af-log-title,
#journal .af-log-card > .af-log-title {
  flex: 0 0 auto !important;
  align-self: stretch !important;
}

/* faq question case */
#faq .af-faq-summary,
.af-faq-summary {
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* faq answer spacing */
#faq .af-faq-answer,
.af-faq-answer {
  padding-top: 1.25rem !important;
}
@media (max-width: 767px) {
  #faq .af-faq-answer,
  .af-faq-answer {
    padding: 1rem 1.5rem 1.25rem !important;
  }
}

/* social connect interactions */
#social-connect.af-section,
#social-connect {
  overflow: visible !important;
}
#social-connect .af-wrap,
#social-connect .af-social-grid {
  overflow: visible !important;
}
#social-connect .af-social-card,
a.af-social-card,
.af-glass.af-social-card {
  cursor: pointer !important;
  position: relative !important;
  z-index: 2 !important;
  pointer-events: auto !important;
  text-decoration: none !important;
  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease !important;
}
#social-connect .af-social-card:hover,
#social-connect .af-glass.af-social-card:hover,
a.af-social-card:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  transform: translate3d(0, -0.5rem, 0) !important;
  color: inherit !important;
}
#social-connect .af-social-card:hover .af-social-name,
#social-connect .af-social-card:hover .af-social-handle,
#social-connect .af-social-card:hover .af-social-cta {
  color: inherit !important;
}
#social-connect .af-social-card:hover .af-social-name {
  color: var(--af-white) !important;
}
#social-connect .af-social-card:hover .af-social-handle {
  color: var(--af-gray-400) !important;
}
#social-connect .af-social-cta {
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}
#social-connect .af-social-card:hover .af-social-cta {
  background: var(--ocean-light) !important;
  color: var(--abyss) !important;
  border-color: var(--ocean-light) !important;
}
#social-connect .af-social-icon-wrap {
  transition: background 0.3s ease !important;
}
#social-connect .af-social-card:hover .af-social-yt {
  background: rgba(239, 68, 68, 0.2) !important;
}
#social-connect .af-social-card:hover .af-social-bsky {
  background: rgba(14, 165, 233, 0.2) !important;
}

/* social name handle type */
#social-connect .af-social-name,
#social-connect h3.af-social-name {
  margin: 0 0 0.25rem !important;
  color: var(--af-white) !important;
  font-family: var(--font-display) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.75rem !important;
  text-transform: uppercase !important;
  letter-spacing: -0.02em !important;
}
#social-connect .af-social-handle {
  display: block !important;
  margin: 0 !important;
  color: var(--af-gray-400) !important;
  font-family: var(--font-body) !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  line-height: 1.25rem !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}
#social-connect .af-social-card > .bde-f-container:not(.af-social-icon-wrap) {
  text-align: center !important;
}

/* contact lets dive spacing */
#contact .af-contact-inner .af-h2 {
  margin: 0 0 1.5rem !important;
}
#contact .af-contact-inner .af-body,
#contact .af-body {
  display: block !important;
  margin: 0 0 2rem !important;
  font-weight: 300 !important;
}
#contact .af-contact-inner .af-contact-quote,
#contact .af-contact-quote {
  display: block !important;
  margin: 0 auto 2rem !important;
  font-size: 0.875rem !important;
  font-style: italic !important;
  line-height: 1.6 !important;
  max-width: 32rem !important;
  color: var(--af-gray-400) !important;
}
#contact .af-contact-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3rem !important;
  margin: 0 !important;
}
@media (max-width: 767px) {
  #contact .af-contact-row {
    flex-direction: column !important;
    gap: 2rem !important;
  }
}
#contact .af-contact-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  gap: 0 !important;
  margin: 0 !important;
}
@media (max-width: 767px) {
  #contact .af-contact-actions {
    align-items: center !important;
    text-align: center !important;
  }
}
#contact .af-contact-actions .af-eyebrow,
#contact .af-contact-split .af-eyebrow {
  display: block !important;
  margin: 0 0 0.75rem !important;
}
#contact .af-contact-actions .af-signal {
  margin: 0 !important;
}
#contact .af-contact-actions .af-muted {
  margin: 1rem 0 0 !important;
  font-size: 0.875rem !important;
  color: #6b7280 !important;
}
#contact .af-contact-split {
  margin-top: 2rem !important;
  padding-top: 2rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  text-align: center !important;
}
#contact .af-contact-split .af-cta {
  margin: 0 !important;
}
#contact .af-qr-wrap {
  flex-shrink: 0 !important;
  padding: 0.5rem !important;
  background: #fff !important;
  border-radius: 0.75rem !important;
  margin: 0 !important;
}
#contact .af-signal {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
}
#contact .af-signal::before {
  content: "" !important;
  display: block !important;
  width: 1rem !important;
  height: 1rem !important;
  flex-shrink: 0 !important;
  background-color: currentColor !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2C6.477 2 2 6.477 2 12c0 1.891.524 3.662 1.435 5.174L2.065 22.15l5.064-1.341C8.614 21.551 10.258 22 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2zm0 18c-1.477 0-2.854-.383-4.053-1.049l-.291-.161-3.003.796.812-2.912-.178-.297C4.606 15.178 4 13.654 4 12c0-4.411 3.589-8 8-8s8 3.589 8 8-3.589 8-8 8z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2C6.477 2 2 6.477 2 12c0 1.891.524 3.662 1.435 5.174L2.065 22.15l5.064-1.341C8.614 21.551 10.258 22 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2zm0 18c-1.477 0-2.854-.383-4.053-1.049l-.291-.161-3.003.796.812-2.912-.178-.297C4.606 15.178 4 13.654 4 12c0-4.411 3.589-8 8-8s8 3.589 8 8-3.589 8-8 8z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}
#contact .af-contact-split .af-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
}
#contact .af-contact-split .af-cta::after {
  content: "" !important;
  display: block !important;
  width: 1rem !important;
  height: 1rem !important;
  flex-shrink: 0 !important;
  background-color: currentColor !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14 5l7 7m0 0l-7 7m7-7H3'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14 5l7 7m0 0l-7 7m7-7H3'/%3E%3C/svg%3E") center / contain no-repeat !important;
  transition: transform 0.3s ease !important;
}
#contact .af-contact-split .af-cta:hover::after {
  transform: translateX(0.25rem) !important;
}

/* footer text row spacing */
.af-footer .af-footer-copy.bde-f-text,
.af-footer .af-footer-copy {
  margin: 0 !important;
}
.af-footer .af-footer-built.bde-f-text,
.af-footer .af-footer-built {
  margin: 1rem 0 0 !important;
}

/* theme header strip */
main.wp-block-group,
main.wp-block-group.has-global-padding,
.wp-site-blocks > main {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.wp-site-blocks > main > .wp-block-group,
main.wp-block-group > .wp-block-group.has-global-padding {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.entry-content.alignfull,
.wp-block-post-content.alignfull,
.entry-content > .breakdance:first-child {
  margin-top: 0 !important;
}

/* course community media zoom */
#course .af-media-frame,
#community .af-media-frame {
  overflow: hidden !important;
}
#course .af-media-frame .af-media-img,
#course .af-media-frame img,
#community .af-media-frame .af-media-img,
#community .af-media-frame img {
  transform: scale(1) !important;
  transition: transform 700ms ease !important;
  will-change: transform !important;
}
#course .af-media-frame:hover .af-media-img,
#course .af-media-frame:hover img,
#community .af-media-frame:hover .af-media-img,
#community .af-media-frame:hover img {
  transform: scale(1.05) !important;
}

/* Competition card Breakdance ID aliases (auto-merged) */
.af-comp-card:has(.af-comp-cta-link[href]:not([href=""]):not([href="#"])) .af-comp-cta-soon{display:none}.af-comp-meta-item{display:inline-flex;align-items:center;gap:0.5rem}#competitions .bde-loop{display:flex;flex-flow:column;gap:var(--af-space-3,.75rem);margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}#competitions .bde-loop{list-style:none}#competitions .bde-loop-item{width:100%;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}#competitions .bde-f-container-18-199{margin-bottom:4rem}#competitions .bde-f-container-18-255{margin-bottom:0px}.bde-f-container-120-113{display:flex;flex-flow:row;justify-content:space-between;align-items:center;gap:var(--af-space-4,1rem);min-width:0px;box-sizing:border-box;padding-top:var(--af-space-5,1.25rem);padding-right:var(--af-space-5,1.25rem);padding-bottom:var(--af-space-5,1.25rem);padding-left:var(--af-space-5,1.25rem);background-color:rgba(255,255,255,.03);border-radius:var(--af-radius-card,24px);border-top:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1);transition:background 0.3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform:translate3d(0,0,0px)}.bde-f-container-120-113:hover{background-color:rgba(255,255,255,.05)}.bde-f-container-120-113 .bde-f-text{margin-top:0px;margin-bottom:0px}.bde-f-container-120-113{isolation:isolate}@media (max-width:767px){.bde-f-container-120-113{flex-flow:column;align-items:stretch;text-align:center;padding-top:var(--af-space-4,1rem);padding-right:var(--af-space-4,1rem);padding-bottom:var(--af-space-4,1rem);padding-left:var(--af-space-4,1rem)}}.bde-f-container-120-110{display:flex;flex-flow:column;gap:var(--af-space-2,.5rem);flex-grow:1;flex-shrink:1;flex-basis:auto;min-width:0px;text-align:left}@media (max-width:767px){.bde-f-container-120-110{text-align:center}}.bde-f-container-120-102{display:flex;justify-content:start;align-items:center;gap:var(--af-space-2,.5rem)}.bde-f-container-120-102{flex-wrap:wrap}@media (max-width:767px){.bde-f-container-120-102{justify-content:center}}.bde-f-text-120-100{color:var(--af-white);font-family:var(--font-display);font-weight:700;font-size:1.5rem;line-height:1.25;text-transform:uppercase;letter-spacing:-0.02em;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}@media (max-width:1023px){.bde-f-text-120-100{font-size:1.25rem}}@media (max-width:767px){.bde-f-text-120-100{font-size:1.125rem}}.bde-f-text-120-101{display:inline-flex;color:var(--ocean-light);font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:0.15em;padding-top:0.15rem;padding-right:0.65rem;padding-bottom:0.15rem;padding-left:0.65rem;background-color:rgba(0,95,115,.2);border-radius:9999px;border-top:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1)}.bde-f-container-120-109{display:flex;flex-flow:row;justify-content:start;align-items:center;gap:1.25rem;color:var(--af-gray-400);font-family:var(--font-body);font-size:0.875rem}.bde-f-container-120-109{flex-wrap:wrap}@media (max-width:767px){.bde-f-container-120-109{flex-flow:column;align-items:center;gap:0.375rem;font-size:0.75rem}}.bde-f-container-120-105{display:inline-flex;align-items:center;gap:0.5rem;color:var(--af-gray-400)}.bde-f-container-120-108{display:inline-flex;align-items:center;gap:0.5rem;color:var(--af-gray-400)}.bde-f-text-120-104{color:var(--af-gray-400);font-family:var(--font-body);margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}.bde-f-text-120-107{color:var(--af-gray-400);font-family:var(--font-body);margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}.bde-f-svg-icon-120-103{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:1rem;height:1rem;color:var(--ocean-light);line-height:0}.bde-f-svg-icon-120-106{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:1rem;height:1rem;color:var(--ocean-light);line-height:0}.bde-f-svg-icon-120-103>svg{display:block;width:100%;height:100%}.bde-f-svg-icon-120-103>svg{fill:none;stroke:currentColor}.bde-f-svg-icon-120-106>svg{display:block;width:100%;height:100%}.bde-f-svg-icon-120-106>svg{fill:none;stroke:currentColor}.bde-f-text-link-120-111{display:inline-flex;justify-content:center;align-items:center;gap:var(--af-space-2,.5rem);flex-shrink:0;width:auto;box-sizing:border-box;color:var(--abyss);font-family:var(--font-body);font-weight:700;font-size:0.75rem;text-decoration:none;text-transform:none;letter-spacing:normal;padding-top:0.65rem;padding-right:1.25rem;padding-bottom:0.65rem;padding-left:1.25rem;background-color:var(--ocean-light);border-radius:9999px;transition:transform 0.4s cubic-bezier(.4,0,.2,1),box-shadow 0.4s cubic-bezier(.4,0,.2,1),filter 0.4s cubic-bezier(.4,0,.2,1),color 0.2s ease}.bde-f-text-link-120-111:hover{color:var(--abyss);box-shadow:0px 10px 30px -5px rgba(148,210,189,.4);filter:brightness(105%);transform:translate3d(0,-3px,0)}.bde-f-text-link-120-111::after{display:block;flex-shrink:0;width:1rem;height:1rem;background-color:currentColor;transition:transform 0.3s ease}.bde-f-text-link-120-111::after{content:"";-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'none\' viewBox=\'0 0 24 24\' stroke=\'black\'%3E%3Cpath stroke-linecap=\'round\' stroke-linejoin=\'round\' stroke-width=\'2\' d=\'M14 5l7 7m0 0l-7 7m7-7H3\'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'none\' viewBox=\'0 0 24 24\' stroke=\'black\'%3E%3Cpath stroke-linecap=\'round\' stroke-linejoin=\'round\' stroke-width=\'2\' d=\'M14 5l7 7m0 0l-7 7m7-7H3\'/%3E%3C/svg%3E") center/contain no-repeat}.bde-f-text-link-120-111:hover::after{transform:translate3d(0.25rem,0,0)}.bde-f-text-link-120-111{white-space:nowrap}@media (max-width:767px){.bde-f-text-link-120-111{justify-content:center;width:100%}}.bde-f-text-120-112{display:none}.bde-f-text-link-120-111[href="#"]{display:none}.bde-f-text-link-120-111[href=""]{display:none}.bde-f-text-link-120-111:not([href]){display:none}.bde-f-text-link-120-111[href="#"] + .bde-f-text-120-112{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:auto;box-sizing:border-box;color:var(--af-gray-500,#6b7280);font-weight:700;font-size:0.75rem;text-align:center;padding-top:0.65rem;padding-right:1.25rem;padding-bottom:0.65rem;padding-left:1.25rem;background-color:rgba(255,255,255,.05);border-radius:9999px;border-top:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1)}.bde-f-text-link-120-111[href="#"] + .bde-f-text-120-112{white-space:nowrap}@media (max-width:767px){.bde-f-text-link-120-111[href="#"] + .bde-f-text-120-112{width:100%}}.bde-f-text-link-120-111[href=""] + .bde-f-text-120-112{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:auto;box-sizing:border-box;color:var(--af-gray-500,#6b7280);font-weight:700;font-size:0.75rem;text-align:center;padding-top:0.65rem;padding-right:1.25rem;padding-bottom:0.65rem;padding-left:1.25rem;background-color:rgba(255,255,255,.05);border-radius:9999px;border-top:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1)}.bde-f-text-link-120-111[href=""] + .bde-f-text-120-112{white-space:nowrap}@media (max-width:767px){.bde-f-text-link-120-111[href=""] + .bde-f-text-120-112{width:100%}}