/* @bulk:start web-kit/styles/content library Hero And Editorial Content Styles */
.wk-canvas, .wk-hero__aurora { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; pointer-events: none; }.wk-canvas--static { background: radial-gradient(circle at 74% 18%, var(--wk-canvas-primary), transparent 48%), radial-gradient(circle at 20% 76%, var(--wk-canvas-accent), transparent 42%); }
.wk-hero { position: relative; min-block-size: 44rem; overflow: clip; display: grid; align-items: center; border-block-end: 1px solid var(--wk-outline); }.wk-hero[data-full="true"] { min-block-size: calc(100vh - 4.7rem); }.wk-hero__aurora { background: linear-gradient(115deg, color-mix(in srgb, var(--wk-bg) 92%, transparent), transparent 60%); }.wk-hero__inner { position: relative; z-index: 1; inline-size: 100%; max-inline-size: var(--wk-content-max); margin-inline: auto; padding: var(--wk-section-y) var(--wk-gutter); display: grid; grid-template-columns: minmax(0,1.05fr) minmax(18rem,.95fr); align-items: center; gap: clamp(2rem,6vw,6rem); }.wk-hero__copy { display: grid; gap: var(--wk-space-6); }.wk-hero__title { max-inline-size: 13ch; margin: 0; font-size: var(--wk-text-display); line-height: .91; letter-spacing: -.065em; text-wrap: balance; }.wk-hero__accent { display: block; color: var(--wk-highlight); text-shadow: 0 0 2.8rem color-mix(in srgb, var(--wk-highlight) 24%, transparent); }.wk-hero__lead { max-inline-size: 42rem; margin: 0; color: var(--wk-muted); font-size: var(--wk-text-lead); line-height: 1.65; }.wk-hero__actions { display: flex; flex-wrap: wrap; gap: var(--wk-space-3); }.wk-hero__proof { color: var(--wk-muted); font-size: .86rem; }.wk-hero__media { position: relative; min-block-size: 28rem; border: 1px solid var(--wk-outline); border-radius: var(--wk-radius-xl); overflow: hidden; background: var(--wk-glass); box-shadow: var(--wk-shadow-lg); transform: rotate(2deg); }.wk-hero__media img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.wk-section-heading { display: grid; gap: var(--wk-space-3); margin-block-end: var(--wk-space-12); }.wk-section-heading[data-align="center"] { justify-items: center; text-align: center; }.wk-section-heading__eyebrow { color: var(--wk-accent); font-size: .72rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }.wk-section-heading__title { max-inline-size: 18ch; margin: 0; font-size: var(--wk-text-h2); line-height: 1.04; letter-spacing: -.045em; text-wrap: balance; }.wk-section-heading__lead { max-inline-size: 46rem; margin: 0; color: var(--wk-muted); font-size: var(--wk-text-lead); line-height: 1.65; }.wk-section-heading__action{margin-block-start:var(--wk-space-4)}
.wk-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--wk-space-4); }.wk-feature { position: relative; min-block-size: 17rem; padding: var(--wk-space-8); border: 1px solid var(--wk-outline); border-radius: var(--wk-radius-lg); overflow: hidden; background: linear-gradient(145deg,var(--wk-surface-2),var(--wk-surface)); transition: transform var(--wk-motion-fast), box-shadow var(--wk-motion-fast), border-color var(--wk-motion-fast); }.wk-feature::after { content: ''; position: absolute; inline-size: 10rem; block-size: 10rem; inset-block-end: -7rem; inset-inline-end: -5rem; border-radius: 50%; background: var(--wk-primary); filter: blur(3rem); opacity: .18; }.wk-feature:hover { transform: translateY(-5px); box-shadow: var(--wk-shadow-lg); border-color: color-mix(in srgb,var(--wk-accent) 45%,transparent); }.wk-feature__icon { inline-size: 3rem; block-size: 3rem; display: grid; place-items: center; border-radius: var(--wk-radius-md); color: var(--wk-accent); background: color-mix(in srgb,var(--wk-accent) 12%,transparent); font-size: 1.35rem; }.wk-feature__title { margin-block: var(--wk-space-8) var(--wk-space-3); font-size: 1.25rem; }.wk-feature__body { color: var(--wk-muted); line-height: 1.65; }.wk-feature__meta { color: var(--wk-highlight); font-size: .78rem; font-weight: 850; }
.wk-cta { position: relative; max-inline-size: var(--wk-content-max); margin: var(--wk-section-y) auto; padding: clamp(2rem,6vw,5rem); border-radius: var(--wk-radius-xl); overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: var(--wk-space-8); background: linear-gradient(125deg,var(--wk-primary),color-mix(in srgb,var(--wk-primary) 54%,var(--wk-accent))); color: var(--wk-on-primary); box-shadow: var(--wk-shadow-lg); }.wk-cta__flare { position: absolute; inline-size: 24rem; block-size: 24rem; inset-block-start: -14rem; inset-inline-end: -8rem; border-radius: 50%; background: color-mix(in srgb,var(--wk-seed-white) 24%,transparent); filter: blur(4rem); }.wk-cta__copy, .wk-cta > .wk-button { position: relative; }.wk-cta__title { margin: 0; font-size: var(--wk-text-h2); }.wk-cta__lead { max-inline-size: 40rem; margin-block-end: 0; opacity: .82; }
.wk-team { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--wk-space-4); }.wk-team__card { border-radius: var(--wk-radius-lg); overflow: hidden; background: var(--wk-surface); border: 1px solid var(--wk-outline); transition: transform var(--wk-motion-fast); }.wk-team__card:hover { transform: translateY(-5px); }.wk-team__media { aspect-ratio: 4/4.4; overflow: hidden; background: var(--wk-surface-2); }.wk-team__media img { inline-size: 100%; block-size: 100%; object-fit: cover; transition: transform var(--wk-motion-slow); }.wk-team__card:hover img { transform: scale(1.04); }.wk-team__copy { padding: var(--wk-space-6); }.wk-team__copy h3, .wk-team__copy p { margin-block: 0 var(--wk-space-2); }.wk-team__copy p { color: var(--wk-muted); }.wk-team__bio { font-size: .9rem; line-height: 1.6; }
.wk-contact { padding: clamp(1.5rem,5vw,4rem); border: 1px solid var(--wk-outline); border-radius: var(--wk-radius-xl); display: grid; grid-template-columns: 1fr 1fr; gap: var(--wk-space-12); background: linear-gradient(145deg,var(--wk-surface),var(--wk-surface-2)); }.wk-contact__channels { display: grid; gap: var(--wk-space-3); }.wk-contact__channel { padding: var(--wk-space-4); border-radius: var(--wk-radius-md); display: flex; gap: var(--wk-space-3); background: var(--wk-glass); }.wk-contact__form { display: grid; gap: var(--wk-space-4); }.wk-contact__form label { display: grid; gap: var(--wk-space-2); color: var(--wk-muted); font-size: .82rem; font-weight: 750; }.wk-contact__form input, .wk-contact__form textarea { inline-size: 100%; padding: .9rem 1rem; border: 1px solid var(--wk-outline); border-radius: var(--wk-radius-md); background: var(--wk-bg); color: var(--wk-text); font: inherit; }.wk-contact__form input:focus, .wk-contact__form textarea:focus { outline: 2px solid var(--wk-accent); outline-offset: 2px; }
@media (max-width: 850px) { .wk-hero { min-block-size: auto; }.wk-hero__inner { grid-template-columns: 1fr; }.wk-hero__media { min-block-size: 19rem; transform: none; }.wk-feature-grid, .wk-team { grid-template-columns: 1fr; }.wk-cta { margin-inline: var(--wk-gutter); flex-direction: column; align-items: flex-start; }.wk-contact { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .wk-feature, .wk-team__card, .wk-team__media img { transition: none; }.wk-feature:hover, .wk-team__card:hover { transform: none; } }
.wk-feature-grid > div, .wk-team > div, .wk-contact__channels > div { display: contents; }
/* Missing editorial media is a valid Obour content state; failed loads use the same branded surface. */
.obour-site .ob-story__media{isolation:isolate}.obour-site .ob-story__media:before,.obour-site .ob-story__media:after{position:absolute;z-index:1;opacity:0;pointer-events:none;transition:opacity .28s ease}.obour-site .ob-story__media:before{content:"";inset:0;background:url("/obour-assets/header-logo.v1.png") center 43%/clamp(76px,30%,132px) auto no-repeat,radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--ob-lime) 24%,transparent) 0 17%,transparent 18% 34%,color-mix(in srgb,var(--ob-white) 8%,transparent) 35% 35.6%,transparent 36%),repeating-linear-gradient(112deg,transparent 0 28px,color-mix(in srgb,var(--ob-white) 3.5%,transparent) 29px 30px),linear-gradient(145deg,var(--ob-forest-950),var(--ob-forest-700) 62%,var(--ob-cyan))}.obour-site .ob-story__media:after{content:"نادي العبور الرياضي";inset:auto 1rem 1rem;padding:.42rem .72rem;border:1px solid color-mix(in srgb,var(--ob-white) 18%,transparent);border-radius:999px;background:color-mix(in srgb,var(--ob-forest-950) 72%,transparent);backdrop-filter:blur(8px);color:var(--ob-white);font:700 .7rem/1.4 var(--ob-font-display);letter-spacing:.04em;text-align:center}.obour-site[lang="en"] .ob-story__media:after,html[lang^="en"] .obour-site .ob-story__media:after{content:"AL-OBOUR SPORTS CLUB"}.obour-site .ob-story__media:has(>img:not([src])):before,.obour-site .ob-story__media:has(>img[src=""]):before,.obour-site .ob-story__media:has(>img[data-load-state="error"]):before,.obour-site .ob-story__media:has(>img[src^="https://www.facebook.com/"]):before,.obour-site .ob-story__media:has(>img:not([src])):after,.obour-site .ob-story__media:has(>img[src=""]):after,.obour-site .ob-story__media:has(>img[data-load-state="error"]):after,.obour-site .ob-story__media:has(>img[src^="https://www.facebook.com/"]):after{opacity:1}.obour-site .ob-story__media>img:not([src]),.obour-site .ob-story__media>img[src=""],.obour-site .ob-story__media>img[data-load-state="error"],.obour-site .ob-story__media>img[src^="https://www.facebook.com/"]{opacity:0!important}.obour-site .ob-story__media>.wk-progressive-image{z-index:2}.obour-site .ob-story__media>.ob-play{z-index:3}@media(prefers-reduced-motion:reduce){.obour-site .ob-story__media:before,.obour-site .ob-story__media:after{transition:none}}
/* @bulk:end */