:root{--navy:#101f3a;--orange:#f36b2d;--paper:#f5f7fa;--muted:#627087}body{background:var(--paper);color:var(--navy)}h1,h2,h3,h4,h2 span,.hero-photographic h1 em{font-family:'DM Sans',Arial,sans-serif;font-style:normal}h2{font-weight:700;letter-spacing:-2px}h2 span{color:var(--orange);font-weight:700;font-style:normal}.section-label{color:#c34d15;letter-spacing:1.8px;font-weight:700}.button{border-radius:4px;font-weight:700}.button.orange,.registration-primary{background:var(--orange);border-color:var(--orange)}.textlink{font-weight:700}.section{padding:95px 6.5%}.section-heading{gap:35px}.section-heading p,.roster-heading p{line-height:1.8}
/* Main navigation: persistent brand colours and category menus. */
header,header.is-scrolled{position:fixed;inset:0 0 auto;height:86px;background:#101f3af5;border-bottom:2px solid var(--orange);color:#fff;z-index:100;padding:0 4%;backdrop-filter:blur(12px)}header .brand{color:#fff;gap:12px}header .brand img{background:white;border-radius:4px;padding:3px}header .brand>span{font-size:22px}header .brand small{color:#dce4f1;letter-spacing:2.2px}header nav{height:100%;gap:20px;font-size:12px;color:#fff}header nav>a,header nav .nav-parent{color:#fff;padding:13px 0;white-space:nowrap}header nav a[aria-current=location],header nav a:hover,header nav a:focus-visible{color:#ff9a69;text-decoration:none}header .nav-cta{background:var(--orange);color:#fff;padding:12px 16px}.nav-group{position:relative;display:flex;align-items:center;height:100%}.nav-parent{display:flex;align-items:center;gap:6px}.nav-parent>span{font-size:12px;color:#ff9a69}.nav-dropdown{position:absolute;left:-18px;top:100%;min-width:230px;background:#101f3a;box-shadow:0 16px 35px #0003;border-top:3px solid var(--orange);padding:10px;visibility:hidden;opacity:0;transform:translateY(7px);transition:opacity .16s,transform .16s,visibility .16s;display:flex;flex-direction:column;gap:0}.nav-dropdown a{display:block;padding:12px 14px!important;color:#fff;font-size:12px;border-bottom:1px solid #ffffff12;text-decoration:none}.nav-dropdown a:last-child{border-bottom:0}.nav-dropdown a:hover,.nav-dropdown a:focus-visible{background:#ffffff0e;color:#ff9a69}.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown{visibility:visible;opacity:1;transform:none}header .menu{color:#fff;border-color:#ffffff60}.reading-progress{z-index:120}.skip:focus{z-index:200}
/* A full viewport video with registration information above it. */
.hero.hero-photographic{position:relative;display:flex;flex-direction:row;align-items:center;height:100svh;min-height:650px;margin:0;padding:105px 0 55px;background:var(--navy);color:#fff;border:0;isolation:isolate}.hero-photographic .hero-background{position:absolute;inset:0;left:0;right:0;top:0;bottom:0;width:100%;height:100%;margin:0;border-radius:0;z-index:0}.hero-video-background video{width:100%;height:100%;object-fit:cover;object-position:center 48%}.hero-photographic .hero-background:after{position:absolute;inset:0;background:linear-gradient(90deg,#08162de8 0%,#0b1a31b8 38%,#0b1a3150 70%,#0b1a3138 100%);z-index:1}.hero-photographic .hero-copy{position:relative;z-index:2;width:100%;max-width:1050px;padding:35px 7%;order:0}.hero-photographic .eyebrow{color:#fff;font-size:11px;letter-spacing:2px}.hero-photographic h1{font-size:clamp(58px,7.2vw,108px);line-height:1.02;letter-spacing:-4px;color:#fff;font-weight:700;margin:30px 0}.hero-photographic h1 em{color:#ff8a51;font-size:1em;line-height:1.05;font-weight:700}.hero-photographic .hero-copy>p{font-size:18px;line-height:1.85;color:#edf1f7;max-width:600px}.hero-photographic .hero-actions{margin-top:35px;gap:28px}.hero-photographic .hero-actions .textlink{color:#fff}.hero-photographic .hero-actions .button{padding:17px 25px;font-size:14px}.hero-video-background{pointer-events:none}.hero-background-controls{display:none}
/* Alternating navy and white sections with orange identity accents. */
.contact{background:var(--navy);border-top:7px solid var(--orange)}.contact h2,.contact p{color:#fff}.contact .section-label{color:#ffa273}.contact h2 span{color:#ff8a51}.contact .message-box{border:1px solid #ffffff30;background:#ffffff07;border-radius:5px}.contact .whatsapp-button{background:var(--orange);border-color:var(--orange);color:#fff}.contact .contact-phone{color:#fff}.contact .message-box .eyebrow{color:#ffab80}.team-roster.teams-first{background:#fff;margin-top:0}.roster-heading h2{font-weight:700}.team-roster-grid{gap:24px}.roster-card{position:relative;min-height:335px;overflow:hidden;background:var(--navy);border:0;border-radius:5px;scroll-margin-top:110px}.roster-card .roster-season-photo{position:absolute;inset:0;width:100%;height:100%;margin:0;aspect-ratio:auto;border-radius:0;background:var(--navy)}.roster-card .roster-season-photo img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.roster-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 15%,#101f3a50 45%,#101f3af5 100%);pointer-events:none}.roster-card-content{position:absolute;left:0;right:0;bottom:0;padding:25px;z-index:2;color:#fff;transition:transform .25s}.roster-card .roster-category{color:#ffb28d;font-size:9px;letter-spacing:1.2px}.roster-card h4{color:#fff;font-size:28px;font-weight:700;margin:10px 0}.roster-card .roster-season-label{color:#e3eaf3;font-size:12px;margin:0 0 16px}.roster-card .textlink{color:#fff;font-size:11px}.roster-card:hover .roster-season-photo img{transform:scale(1.035)}.roster-card:hover,.roster-card:focus-within{box-shadow:inset 0 -4px var(--orange)}
@media(hover:hover) and (pointer:fine){.roster-card-content{transform:translateY(18px);opacity:0}.roster-card:after{opacity:.2;transition:opacity .25s}.roster-card:hover .roster-card-content,.roster-card:focus-within .roster-card-content{transform:none;opacity:1}.roster-card:hover:after,.roster-card:focus-within:after{opacity:1}}
.staff-section,#kadro{background:var(--navy);color:#fff}.staff-section h2,#kadro h2{color:#fff}#kadro .section-label{color:#ffab80}#kadro .roster-heading p{color:#c8d4e6}#kadro .staff-profile{background:#1b2d49;border:1px solid #ffffff18;border-radius:4px;overflow:hidden}#kadro .staff-profile h3{color:#fff;font-weight:700}#kadro .staff-profile p{color:#dbe4f0}#kadro .staff-profile summary{color:#fff}#kadro .staff-image-frame{border-radius:0}#kadro .staff-branch{color:#ffab80}.mission-preview,#kulup{background:#edf1f7}.programs{background:#fff}.program-finder{border-radius:4px;border-top:4px solid var(--orange)}.program-finder h3 em{font-family:inherit;font-style:normal;color:var(--orange)}.tabs button[aria-selected=true]{color:#c64b11;border-color:var(--orange)}#program-panel.school-video-panel{border-radius:5px}.school-video-background video{pointer-events:none}.age-programs .school-real-photo{border-radius:4px}.age-badge{border-color:#d4dce7;color:var(--navy);font-weight:700}.age-programs h4{font-weight:700}.branch-section,#subeler{background:#edf1f7}.news-section,#haberler{background:#fff}.news-card{border-radius:4px}.gallery{background:#f5f7fa}.archive-team-group{scroll-margin-top:110px}.archive-filters button[aria-pressed=true]{background:var(--navy);border-color:var(--navy)}.archive-photo-open,.event-photo-grid .archive-photo-open{border-radius:4px}.archive-milestone{background:#fff1e9;border-left-color:var(--orange);border-radius:4px}.archive-milestone span{color:#b84412}.archive-group-heading h3{font-weight:700}.archive-photo-card h3{font-weight:600}.team-age-card{border-top:3px solid var(--orange)}
.events-section{background:var(--navy);color:#fff}.events-section .section-label{color:#ffab80}.events-section h2{color:#fff}.events-section .section-heading p,.events-section .roster-heading p{color:#dce5f2}.events-section .club-events{border-color:#ffffff30;margin-top:30px;padding-top:40px}.events-section .archive-photo-card h3{color:#fff}.events-section .archive-season{color:#ffab80}.events-section .club-events .roster-heading h3{font-weight:700}.summer-camps{display:grid;grid-template-columns:1fr 1fr;gap:7%;background:#edf1f7;align-items:center}.summer-camps p{font-size:15px;line-height:1.85;color:#57667d;max-width:450px}.summer-camps .button{margin-top:20px}.camp-photo-placeholder{min-height:340px;background:var(--navy);border:1px solid #273d5e;border-top:5px solid var(--orange);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;text-align:center;color:#fff;padding:35px;border-radius:4px}.camp-placeholder-number{font-size:42px;font-weight:700;letter-spacing:4px;color:#ff8a51}.camp-photo-placeholder strong{font-size:21px}.camp-photo-placeholder>span:last-child{font-size:12px;color:#bccbe1}.faq{background:#fff}footer{background:#0b172d;color:#fff;border-top:4px solid var(--orange)}footer a{color:#dce5f2}.first-session-photos img{border-radius:4px}#etkinlikler,#yaz-kamplari,[id^=coach-]{scroll-margin-top:110px}.about-page main{padding-top:86px}.about-page .hero{height:auto;min-height:0}.about-page h1 em{font-family:inherit;font-style:normal}
@media(max-width:1200px){header{padding:0 3%}header nav{gap:12px;font-size:11px}header .brand>span{font-size:19px}header .nav-cta{padding:11px}.hero-photographic .hero-copy{max-width:900px}.roster-card{min-height:300px}}
@media(max-width:1050px){header{height:78px}.menu{display:block!important}header nav{display:none;position:absolute;top:78px;left:0;right:0;height:auto;max-height:calc(100svh - 78px);overflow:auto;padding:18px 5% 28px;background:#101f3a;flex-direction:column;align-items:stretch;gap:0;border-bottom:3px solid var(--orange)}header nav.open{display:flex}.nav-group{display:block;height:auto;border-bottom:1px solid #ffffff20;padding:5px 0}.nav-parent{justify-content:space-between}.nav-dropdown{position:static;min-width:0;visibility:visible;opacity:1;transform:none;background:#ffffff05;box-shadow:none;border-top:0;padding:0 0 5px;display:grid;grid-template-columns:1fr 1fr}.nav-dropdown a{font-size:11px;padding:10px!important}.nav-parent>span{display:none}header nav>a{padding:13px 0}header .nav-cta{margin-top:15px;text-align:center}.hero.hero-photographic{min-height:640px}.hero-photographic .hero-copy{padding:45px 7%;width:100%}.hero-photographic h1{font-size:clamp(54px,8vw,85px);letter-spacing:-3px}.hero-photographic .hero-copy>p{font-size:16px}.about-page main{padding-top:78px}}
@media(max-width:640px){.section{padding:65px 6%}h2{font-size:39px;letter-spacing:-1.5px}.hero.hero-photographic{height:100svh;min-height:620px;padding:95px 0 45px;display:flex;flex-direction:row}.hero-photographic .hero-background{position:absolute;inset:0;width:100%;height:100%;margin:0;border-radius:0}.hero-photographic .hero-background:after{background:linear-gradient(90deg,#08162dcf,#08162d75),linear-gradient(0deg,#08162de0,transparent 85%)}.hero-photographic .hero-copy{padding:35px 7%;width:100%}.hero-photographic h1{font-size:54px;letter-spacing:-2px;margin:25px 0;line-height:1.06}.hero-photographic h1 em{font-size:1em}.hero-photographic .hero-copy>p{font-size:15px}.hero-photographic .eyebrow{font-size:9px}.hero-photographic .hero-actions{flex-direction:column;align-items:flex-start;gap:22px}.hero-photographic .hero-actions .button{font-size:13px;padding:15px 20px}.team-roster-grid{gap:18px}.roster-card{min-height:330px}.roster-card-content{opacity:1;transform:none}.roster-card:after{opacity:1}.roster-card .roster-season-photo img{object-fit:cover;object-position:center top}.roster-card-content{padding:23px}.summer-camps{grid-template-columns:1fr;gap:35px}.camp-photo-placeholder{min-height:250px}.camp-placeholder-number{font-size:34px}.event-photo-grid{gap:30px}.events-section .club-events{margin-top:25px;padding-top:25px}header .brand>span{font-size:20px}header .brand small{font-size:7px}.hero-video-background video{object-position:center 48%}.about-page main{padding-top:78px}}