@font-face{
  font-family:"Shanghai";
  src:url("assets/shanghai.ttf") format("truetype");
  font-display:swap;
}
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --ink:#101114;--muted:#70747b;--paper:#f5f5f2;--line:#d9d9d3;--white:#fff;
  --accent:#d4af37;--max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.site-header{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:20px 4vw;color:#fff;background:linear-gradient(#0008,transparent);transition:.3s}
.site-header.scrolled{background:#101114f2;backdrop-filter:blur(12px)}
.brand{display:flex;gap:12px;align-items:center}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #fff;border-radius:50%;font-family:"Shanghai","Barlow Condensed",sans-serif;font-size:29px;font-weight:400;line-height:1}
.brand strong,.brand small{display:block}.brand strong{font-size:14px;letter-spacing:.12em}.brand small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;opacity:.72;margin-top:2px}
.nav{display:flex;align-items:center;gap:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.nav>a{opacity:.88}.nav>a:hover{opacity:1}
.nav-cta{background:var(--accent);color:#111!important;padding:12px 15px;opacity:1!important}
.menu-toggle{display:none;background:none;border:0;color:#fff}
.hero{position:relative;overflow:hidden;background:var(--paper);color:#fff;padding:118px 0 70px}
.hero-video-wrap{position:relative;width:100%;max-width:none;height:min(72vh,760px);min-height:400px;margin:0;overflow:hidden;background:#111;box-shadow:0 22px 70px #0002}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#111}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#000c 0%,#0005 48%,#0002 100%),linear-gradient(0deg,#0009 0%,transparent 58%)}
.hero-content{position:absolute;left:8%;bottom:9%;max-width:720px}
.eyebrow,.section-kicker{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.eyebrow{margin-bottom:18px;color:var(--accent)}
h1,h2,h3{font-family:"Barlow Condensed",Arial,sans-serif;margin:0;text-transform:uppercase;line-height:.88}
h1{font-size:clamp(70px,10vw,150px);letter-spacing:-.035em}
h1 span,h2 em{font-style:normal;color:var(--accent)}
.hero-copy{max-width:590px;font-size:17px;line-height:1.55;color:#ddd;margin:25px 0 30px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 19px;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.12em;min-height:46px}
.button-primary{background:var(--accent);color:#101114}
.button-ghost{border:1px solid #fff5;color:#fff}
.button-dark{background:#111;color:#fff}
.scroll-cue{position:absolute;bottom:24px;right:6vw;font-size:25px;opacity:.8}
.hero-tag{position:absolute;top:25px;left:25px;z-index:3;background:var(--accent);color:#111;padding:10px 13px;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.section{padding:110px 7vw;max-width:1500px;margin:auto}
.section-kicker{color:#888;margin-bottom:42px}
.section-kicker.light{color:#9fa3a7}
.intro-grid,.schedule-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}
h2{font-size:clamp(58px,7vw,105px);letter-spacing:-.03em}
.intro p,.schedule p,.contact p{font-size:16px;line-height:1.75;color:#555;max-width:590px}
.lead{font-size:22px!important;line-height:1.45!important;color:#222!important;margin-top:0}
.text-link{display:inline-block;margin-top:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid #222;padding-bottom:8px}
.text-link span{margin-left:18px}
.dark{background:#111;color:#fff;max-width:none}
.dark>*{max-width:1240px;margin-left:auto;margin-right:auto}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}
.section-head>p{max-width:360px;color:#aeb0b3;line-height:1.6;font-size:14px}
.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:60px}
.art-card{height:640px;position:relative;overflow:hidden;background:#222}
.art-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:transform .7s,filter .7s}
.art-card:hover img{transform:scale(1.04);filter:grayscale(20%)}
.card-shade{position:absolute;inset:0;background:linear-gradient(0deg,#000e,#0001 65%)}
.art-content{position:absolute;left:35px;right:35px;bottom:32px}
.art-content>span{font-size:10px;color:var(--accent);font-weight:700}
.art-content h3{font-size:55px;margin:10px 0 14px}
.art-content p{max-width:450px;color:#ccc;font-size:14px;line-height:1.6}
.art-content a{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.programs-head{display:flex;justify-content:space-between;align-items:end;gap:30px}
.programs-head p{max-width:330px;color:#666;line-height:1.6}
.program-list{margin-top:60px;border-top:1px solid var(--line)}
.program-list a{display:grid;grid-template-columns:70px 1fr 30px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);transition:.25s}
.program-list a:hover{padding-left:14px;background:#ecece7}
.program-list span{font-size:10px;color:#888}.program-list strong{font-family:"Barlow Condensed";font-size:38px;text-transform:uppercase}.program-list b{font-size:20px;font-weight:400}
.alt{background:#e9e9e4;max-width:none}
.schedule-placeholder{display:flex;flex-direction:column;gap:0;border-top:1px solid #c6c6c0}
.day{padding:25px 0;border-bottom:1px solid #c6c6c0}.day span,.contact-info span,.media-card span{display:block;font-size:9px;letter-spacing:.15em;font-weight:700;color:#777;margin-bottom:9px}.day strong{display:block;font-family:"Barlow Condensed";font-size:35px;text-transform:uppercase}.day small{color:#666}
.schedule-placeholder .button{align-self:flex-start;margin-top:25px}
.achievements{padding-top:100px;padding-bottom:100px}
.achievements-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.achievements p{color:#aaa;line-height:1.7;max-width:480px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);align-self:end;border-top:1px solid #333}
.stats div{padding:25px 12px 10px 0;border-right:1px solid #333}.stats div:last-child{border:0}
.stats strong{display:block;color:var(--accent);font-family:"Barlow Condensed";font-size:48px}.stats span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#aaa}
.media-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;margin-top:55px}
.media-feature{min-height:400px;position:relative;overflow:hidden;background:#ddd}
.media-feature img{width:100%;height:100%;object-fit:cover}
.media-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 60%)}
.media-feature>div{position:absolute;z-index:2;left:25px;bottom:24px;color:#fff}.media-feature span{font-size:9px;font-weight:700;letter-spacing:.15em}.media-feature h3{font-size:36px;margin-top:8px;max-width:420px}
.media-card{min-height:400px;background:#deded8;padding:25px;display:flex;flex-direction:column;justify-content:end;position:relative}.media-card:nth-child(2){background:#cfd8c3}.media-card strong{font-family:"Barlow Condensed";font-size:36px;text-transform:uppercase;line-height:.95}.media-card a{position:absolute;top:25px;right:25px;font-size:24px}

.instructor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:55px}
.instructor-card{position:relative;min-height:430px;overflow:hidden;background:#ddd}
.instructor-card img{width:100%;height:100%;min-height:430px;object-fit:cover;filter:grayscale(100%);transition:transform .7s,filter .7s}
.instructor-card:hover img{transform:scale(1.04);filter:grayscale(15%)}
.instructor-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000c,transparent 65%)}
.instructor-card>div{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;color:#fff}
.instructor-card span{font-size:9px;font-weight:700;letter-spacing:.15em;color:var(--accent)}
.instructor-card h3{font-size:19px;line-height:1.05;margin-top:7px;overflow-wrap:break-word}

.contact{padding-top:110px;padding-bottom:110px}
.contact p{color:#aaa}
.contact-info{align-self:end;border-top:1px solid #333}
.contact-info div{padding:20px 0;border-bottom:1px solid #333}.contact-info span{color:#777}.contact-info strong{font-family:"Barlow Condensed";font-size:27px;text-transform:none}
footer{background:#0a0a0b;color:#888;padding:25px 7vw;display:flex;justify-content:space-between;align-items:center;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
footer strong{color:#fff;margin-right:18px}footer a{color:#fff}
@media(max-width:1000px){.nav{gap:11px}.nav>a:not(.nav-cta){display:none}.menu-toggle{display:block}.nav{position:absolute;right:4vw;top:75px;display:none;flex-direction:column;align-items:stretch;background:#111;padding:18px;width:260px}.nav.open{display:flex}.nav.open>a:not(.nav-cta){display:block;padding:9px}.nav-cta{text-align:center;margin-top:5px}.hero-content{left:6vw;right:6vw}.section{padding:85px 6vw}.art-card{height:520px}}
@media(max-width:700px){.site-header{padding:15px 5vw}.brand-mark{width:36px;height:36px}.brand small{display:none}h1{font-size:19vw}.hero{min-height:0}.hero-video-wrap{height:100vw;min-height:0;aspect-ratio:1/1}.hero-video{object-position:center;object-fit:cover}.hero-copy{font-size:14px}.intro-grid,.schedule-grid,.contact-grid,.achievements-grid{grid-template-columns:1fr;gap:40px}.section-head,.programs-head{display:block}.section-head>p,.programs-head p{margin-top:25px}.art-grid,.media-grid,.instructor-grid{grid-template-columns:1fr}.art-card{height:470px}.instructor-card{min-height:380px}.instructor-card img{min-height:380px}.instructor-card h3{font-size:18px}.art-content h3{font-size:45px}.program-list strong{font-size:29px}.media-feature,.media-card{min-height:300px}.stats{margin-top:15px}.contact-info{margin-top:15px}footer{display:block}footer span{display:block;margin-top:8px}footer a{display:block;margin-top:20px}}

.brand-mark{font-family:"Shanghai"!important;}

/* Final gold theme */
.hero-tag,.nav-cta,.button-primary{background:var(--accent);color:#111}
.nav>a:hover,.eyebrow,h1 span,h2 em,.art-content>span,.stats strong{color:var(--accent)}

.hero-brand{display:flex;align-items:center;justify-content:center;gap:4px;margin:22px auto 0;max-width:1240px;color:#111;font-family:"Barlow Condensed";font-size:54px;font-weight:700;text-transform:uppercase;letter-spacing:-.02em}
.hero-brand img{width:52px;height:62px;object-fit:contain}
.hero-brand span{color:#111}
.footer-brand{display:flex;align-items:center;gap:7px}
.footer-brand img{width:24px;height:30px;object-fit:contain}
.footer-brand strong{color:#fff;margin:0;font-family:"Barlow Condensed";font-size:22px;letter-spacing:.02em}
.footer-brand span{margin-left:10px}
@media(max-width:700px){
  .hero-brand{font-size:42px;margin-top:15px}.hero-brand img{width:40px;height:48px}
  .footer-brand{display:block}.footer-brand img{vertical-align:middle;margin-right:4px}
}

.contact-item a{display:block;margin-top:5px}

/* Header layout refinement */
.nav-about{white-space:nowrap}
.nav-arts{text-align:center;line-height:1.05;white-space:nowrap}
.nav-program{text-align:center;line-height:1.05;white-space:nowrap}
@media(max-width:1200px){
  .nav{gap:14px}
  .nav-arts{line-height:1.05}
}


/* Contact details */
.contact-info strong a{color:inherit;text-decoration:none;transition:color .2s ease}.contact-info strong a:hover{color:var(--accent)}
.contact-emails{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.email-sep{color:#777;font-family:inherit;font-size:inherit}
.social-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.social-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #444;color:#fff;text-decoration:none;padding:9px 15px;font-family:"Barlow Condensed";font-size:15px;letter-spacing:.06em;text-transform:uppercase;transition:all .2s ease}.social-button:hover{background:var(--accent);border-color:var(--accent);color:#111}
@media(max-width:700px){.contact-emails{display:block}.contact-emails a{display:block;margin-top:4px}.email-sep{display:none}.social-buttons{margin-top:5px}}

/* About / Ο Σύλλογος */
.about-content{max-width:1120px}.about-content>h2{font-size:clamp(42px,5.5vw,78px);max-width:900px;margin:0 0 38px;line-height:1.02}.about-logo-wrap{display:flex;justify-content:center;align-items:center;margin:5px 0 55px;padding:15px 0}.about-logo{width:min(336px,60vw);height:auto;display:block}.about-copy{max-width:900px;margin:0 auto}.about-copy p{font-size:17px;line-height:1.8;color:#555;margin:0 0 28px}.about-copy .lead{font-size:22px!important;line-height:1.55!important;color:#222!important}.about-disciplines{margin-top:42px;border-top:1px solid var(--line);padding-top:28px}.about-disciplines-title{font-weight:700;color:#222!important;margin-bottom:18px!important}.about-disciplines ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.about-disciplines li{font-family:"Barlow Condensed";font-size:28px;letter-spacing:.03em;text-transform:uppercase}@media(max-width:700px){.about-content>h2{font-size:42px}.about-logo-wrap{margin-bottom:35px}.about-copy p{font-size:15px;line-height:1.7}.about-copy .lead{font-size:19px!important}.about-disciplines li{font-size:23px}}

/* Εκπαιδευτές — κάρτες με σύνδεσμο προς βιογραφικό */
.instructor-card{display:block;color:inherit;text-decoration:none}
.instructor-card h3{line-height:.95}
.instructor-card span{display:block}
.instructor-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

.bio-page{min-height:100vh;background:var(--paper,#f2f0ea);color:var(--ink,#151515)}
.bio-hero{padding:150px 7vw 70px;background:#111;color:#fff}
.bio-back{display:inline-block;margin-bottom:45px;color:#fff;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.bio-kicker{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--accent);margin-bottom:16px}
.bio-hero h1{font-family:"Barlow Condensed",sans-serif;font-size:clamp(52px,8vw,110px);line-height:.86;text-transform:uppercase;margin:0;max-width:1000px}
.bio-hero p{margin-top:22px;max-width:700px;color:#bbb;font-size:15px}
.bio-content{max-width:1050px;margin:0 auto;padding:70px 7vw 100px}
.bio-content p{font-size:17px;line-height:1.75;margin:0 0 22px}
.bio-content h2{font-family:"Barlow Condensed",sans-serif;font-size:38px;text-transform:uppercase;margin:0 0 30px}
.bio-timeline{border-top:1px solid #ccc;margin:35px 0 45px}
.bio-timeline div{display:flex;gap:35px;padding:18px 0;border-bottom:1px solid #ccc}
.bio-timeline strong{min-width:90px;font-family:"Barlow Condensed",sans-serif;font-size:24px}
.bio-timeline span{font-size:16px;line-height:1.4}
.bio-achievements{margin-top:35px;padding:28px;background:#e6e3da}
.bio-achievements strong{white-space:nowrap;font-family:"Barlow Condensed",sans-serif;font-size:19px;text-transform:uppercase}
.bio-footer{padding:30px 7vw;border-top:1px solid #333;background:#111;color:#aaa}
@media(max-width:700px){
 .bio-hero{padding:120px 6vw 55px}
 .bio-content{padding:55px 6vw 75px}
 .bio-timeline div{gap:18px;flex-direction:column}
 .bio-timeline strong{min-width:0}
}


/* Requested refinements */
.site-header-home{cursor:pointer}
.site-header-home:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.art-greek{font-family:"Barlow Condensed",Arial,sans-serif;font-style:normal;display:block}
.bio-achievements{font-size:15px;line-height:1.25}
.bio-achievements strong{font-size:16px;white-space:nowrap}
@media(max-width:700px){.art-content h3{font-size:40px}.art-content h3 .art-greek{font-size:.76em}.bio-achievements{overflow-x:auto}.bio-achievements strong{font-size:14px}}

/* KAPPA: the logo + club name + subtitle always return to Home */
.home-brand{cursor:pointer;-webkit-tap-highlight-color:transparent}
.home-brand:hover{opacity:1}
.home-brand:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

/* Final requested martial-title sizing */
.art-content h3 .art-greek{font-size:.78em;letter-spacing:.01em}


/* KAPPA — final Μαχητικές Τέχνες titles */
#arts .art-content h3 {
  font-size: 30px;
  line-height: 1.02;
  margin: 10px 0 14px;
  max-width: 100%;
  text-transform: uppercase;
}
#arts .art-content h3 .art-greek { font-size: inherit; }
#arts .art-content > span {
  display: block;
  margin-bottom: 2px;
}
@media (max-width:700px) {
  #arts .art-content h3 { font-size: 27px; }
}

/* Entire martial-art photo area is clickable */
#arts .martial-image-link {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 20;
}
#arts .martial-image-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#arts .card-shade { z-index: 1; }
#arts .art-content { z-index: 25; pointer-events: none; }
#arts .art-content a { pointer-events: auto; }


/* KAPPA - Exact martial arts card title layout */
#arts .art-content {
  position:absolute;
  left:35px; right:35px; bottom:32px;
  z-index:25;
  pointer-events:none;
}
#arts .art-content > span {
  display:block;
  font-size:10px;
  line-height:1;
  margin:0 0 10px;
}
#arts .art-content h3 {
  font-family:inherit;
  font-size:30px !important;
  font-weight:700;
  line-height:1.0 !important;
  letter-spacing:-.01em;
  margin:0 0 14px !important;
  text-transform:none !important;
}
#arts .art-content h3 br { display:block; }
#arts .art-content h3 + p { margin-top:0; }
#arts .art-content a { pointer-events:auto; }
@media(max-width:700px){
  #arts .art-content { left:24px; right:24px; bottom:25px; }
  #arts .art-content h3 { font-size:27px !important; }
}

/* Header home link: the complete K + Α.Σ. ΚΑΠΠΑ + subtitle is one clickable area. */
.home-brand{position:relative;padding:8px 12px;margin:-8px -12px;border-radius:4px}
.home-brand:focus-visible{outline:2px solid var(--accent);outline-offset:2px}



/* KAPPA: keep both martial-arts photos exactly the same displayed size */
#arts .art-grid .art-card { height: 640px; }
#arts .art-grid .martial-image-link,
#arts .art-grid .martial-image-link img { width: 100%; height: 100%; }
#arts .art-grid .martial-image-link img { display:block; object-fit:cover; }
@media(max-width:1000px){ #arts .art-grid .art-card { height:520px; } }
@media(max-width:700px){ #arts .art-grid .art-card { height:470px; } }

/* KAPPA — TRUE MOBILE RESPONSIVE OVERRIDE */
@media (max-width: 700px) {
  html, body { width:100%; max-width:100%; overflow-x:hidden; }
  .site-header { padding:12px 5vw !important; min-height:64px; }
  .home-brand { padding:4px 8px; margin:-4px -8px; gap:8px; }
  .brand-mark { width:36px !important; height:36px !important; }
  .brand strong { font-size:12px; }
  .brand small { display:none !important; }
  .menu-toggle { display:flex !important; flex-direction:column; justify-content:center; gap:5px; width:42px; height:42px; padding:8px; cursor:pointer; }
  .menu-toggle span { display:block; width:100%; height:2px; background:#fff; }
  .nav { position:absolute !important; top:64px !important; right:4vw !important; left:4vw !important; width:auto !important; max-width:none !important; padding:12px !important; gap:0 !important; border:1px solid #333; box-shadow:0 12px 30px #0008; }
  .nav.open { display:flex !important; }
  .nav.open>a:not(.nav-cta) { display:block !important; padding:12px 10px !important; font-size:12px; border-bottom:1px solid #333; }
  .nav.open .nav-cta { display:block !important; margin-top:10px; padding:13px 10px; font-size:10px; }

  .hero { padding:64px 0 30px !important; }
  .hero-video-wrap { width:100vw !important; height:auto !important; min-height:0 !important; aspect-ratio:16/10 !important; }
  .hero-video { position:absolute !important; width:100% !important; height:100% !important; object-fit:cover !important; object-position:center center !important; }
  .hero-content { left:6vw !important; right:6vw !important; bottom:7% !important; max-width:none !important; }
  .hero-content h1 { font-size:clamp(48px,15vw,82px) !important; line-height:.88 !important; }
  .hero-copy { font-size:13px !important; line-height:1.4 !important; margin:14px 0 18px !important; }
  .hero-actions { gap:7px !important; }
  .button { min-height:40px !important; padding:10px 12px !important; font-size:8px !important; }
  .hero-tag { top:12px !important; left:12px !important; padding:7px 9px !important; font-size:8px !important; }
  .hero-sound-toggle { width:40px !important; height:40px !important; right:10px !important; bottom:10px !important; }
  .hero-brand { font-size:36px !important; margin-top:10px !important; }
  .hero-brand img { width:34px !important; height:42px !important; }
  .scroll-cue { display:none; }

  .section { width:100% !important; max-width:none !important; padding:65px 6vw !important; }
  .section-kicker { margin-bottom:25px !important; font-size:9px !important; }
  .section-head, .programs-head { gap:18px !important; }
  .section-head > p, .programs-head p { max-width:none !important; font-size:13px !important; }
  h2 { font-size:clamp(42px,13vw,64px) !important; line-height:.94 !important; }

  .about-content { max-width:none !important; }
  .about-content>h2 { font-size:clamp(40px,12vw,58px) !important; }
  .about-copy { max-width:none !important; }
  .about-copy p, .intro p, .schedule p, .contact p { font-size:15px !important; line-height:1.65 !important; }
  .about-copy .lead { font-size:19px !important; }
  .about-disciplines li { font-size:21px !important; }

  .art-grid { grid-template-columns:1fr !important; gap:14px !important; margin-top:35px !important; }
  #arts .art-grid .art-card { height:auto !important; aspect-ratio:4/5 !important; min-height:0 !important; }
  #arts .art-grid .martial-image-link img { width:100% !important; height:100% !important; object-fit:cover !important; }
  #arts .art-content { left:20px !important; right:20px !important; bottom:20px !important; }
  #arts .art-content h3 { font-size:clamp(25px,8vw,34px) !important; line-height:.98 !important; }

  .instructor-grid { grid-template-columns:1fr 1fr !important; gap:10px !important; margin-top:35px !important; }
  .instructor-card { min-height:0 !important; height:58vw !important; }
  .instructor-card img { min-height:0 !important; height:100% !important; }
  .instructor-card>div { left:12px !important; right:12px !important; bottom:12px !important; }
  .instructor-card span { font-size:7px !important; letter-spacing:.08em !important; }
  .instructor-card h3 { font-size:12px !important; line-height:1.02 !important; margin-top:5px !important; }

  .program-list { margin-top:35px !important; }
  .program-list a { grid-template-columns:42px 1fr 20px !important; padding:17px 0 !important; gap:8px; }
  .program-list strong { font-size:24px !important; line-height:.95 !important; }
  .program-list b { font-size:17px !important; }

  .schedule-grid, .contact-grid, .achievements-grid { grid-template-columns:1fr !important; gap:30px !important; }
  .day { padding:18px 0 !important; }
  .day strong { font-size:28px !important; }
  .stats { grid-template-columns:repeat(3,1fr) !important; gap:0 !important; }
  .stats strong { font-size:36px !important; }
  .stats span { font-size:8px !important; }

  .media-grid { grid-template-columns:1fr !important; gap:10px !important; margin-top:35px !important; }
  .media-feature, .media-card { min-height:280px !important; }
  .media-feature h3, .media-card strong { font-size:30px !important; }

  .contact-info strong { font-size:22px !important; overflow-wrap:anywhere; }
  .contact-emails a { overflow-wrap:anywhere; }
  .social-buttons { gap:6px !important; }
  .social-button { padding:8px 11px !important; font-size:13px !important; }
  footer { padding:22px 6vw !important; font-size:8px !important; }
}

@media (max-width:380px) {
  .instructor-grid { grid-template-columns:1fr !important; }
  .instructor-card { height:110vw !important; }
  .hero-content h1 { font-size:14vw !important; }
  .hero-actions .button { width:100%; }
}

/* KAPPA - robust mobile layout for modern Android phones */
@media (max-width: 820px) {
  html { font-size: 16px !important; }
  body { width:100% !important; min-width:0 !important; overflow-x:hidden !important; }
  .site-header { position:fixed !important; top:0 !important; left:0 !important; right:0 !important; width:100% !important; box-sizing:border-box !important; min-height:64px !important; height:64px !important; padding:10px 14px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; }
  .home-brand { max-width:calc(100% - 58px) !important; overflow:hidden !important; display:flex !important; align-items:center !important; }
  .brand strong { font-size:13px !important; line-height:1 !important; white-space:nowrap !important; }
  .brand-mark { width:34px !important; height:34px !important; flex:0 0 34px !important; }
  .menu-toggle { display:flex !important; flex:0 0 42px !important; width:42px !important; height:42px !important; margin:0 !important; padding:8px !important; box-sizing:border-box !important; align-items:center !important; justify-content:center !important; gap:5px !important; }
  .menu-toggle span { width:24px !important; height:2px !important; display:block !important; }
  .nav { display:none !important; position:fixed !important; top:64px !important; left:10px !important; right:10px !important; width:auto !important; max-height:calc(100vh - 74px) !important; overflow-y:auto !important; box-sizing:border-box !important; padding:8px !important; margin:0 !important; gap:0 !important; flex-direction:column !important; align-items:stretch !important; background:#111 !important; border:1px solid #333 !important; z-index:2000 !important; }
  .nav.open { display:flex !important; }
  .nav a, .nav.open>a:not(.nav-cta), .nav.open .nav-cta { display:block !important; width:100% !important; box-sizing:border-box !important; padding:13px 12px !important; margin:0 !important; font-size:13px !important; line-height:1.15 !important; white-space:normal !important; text-align:left !important; }
  .nav .nav-cta { margin-top:6px !important; text-align:center !important; }
  .hero { width:100% !important; min-height:0 !important; padding-top:64px !important; }
  .hero-video-wrap { width:100% !important; height:auto !important; aspect-ratio:16/10 !important; min-height:0 !important; }
  .hero-video { width:100% !important; height:100% !important; object-fit:cover !important; }
  .hero-content { left:18px !important; right:18px !important; bottom:18px !important; }
  .hero-content h1 { font-size:clamp(38px,13vw,58px) !important; line-height:.9 !important; }
  .hero-copy { font-size:13px !important; line-height:1.4 !important; }
  .hero-actions { flex-wrap:wrap !important; }
  .button { font-size:10px !important; }
  .section { width:100% !important; box-sizing:border-box !important; padding:55px 20px !important; }
  h2, .about-content>h2 { font-size:clamp(34px,11vw,54px) !important; line-height:.95 !important; }
  p { max-width:100% !important; }
  .art-grid, .media-grid { grid-template-columns:1fr !important; }
  .instructor-grid { grid-template-columns:1fr 1fr !important; }
  .instructor-card { height:58vw !important; min-height:190px !important; }
  .instructor-card h3 { font-size:12px !important; line-height:1.05 !important; }
  .program-list strong { font-size:22px !important; }
  .schedule-grid, .contact-grid, .achievements-grid { grid-template-columns:1fr !important; }
}
@media (max-width: 390px) {
  .instructor-grid { grid-template-columns:1fr !important; }
  .instructor-card { height:110vw !important; }
  .hero-content h1 { font-size:13vw !important; }
}

/* KAPPA FINAL MOBILE COMPATIBILITY - modern Android / Motorola */
@media screen and (max-width: 900px){
  html,body{width:100%;max-width:100%;min-width:0!important;overflow-x:hidden!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
  body{font-size:16px!important}
  .site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:68px!important;min-height:68px!important;padding:10px 14px!important;box-sizing:border-box!important;z-index:10000!important;background:#101114!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
  .home-brand{min-width:0!important;max-width:calc(100% - 56px)!important;gap:8px!important;overflow:hidden!important}
  .brand-mark{width:38px!important;height:38px!important;min-width:38px!important;flex:0 0 38px!important}
  .brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important}
  .brand strong{font-size:13px!important;line-height:1.05!important;letter-spacing:.08em!important;white-space:nowrap!important}
  .brand small{display:none!important}
  .menu-toggle{display:flex!important;visibility:visible!important;opacity:1!important;width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important;margin:0!important;padding:9px!important;border:0!important;background:transparent!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;z-index:10002!important}
  .menu-toggle span{display:block!important;width:25px!important;height:2px!important;min-height:2px!important;background:#fff!important;border-radius:2px!important}
  .nav{display:none!important;position:fixed!important;top:68px!important;left:10px!important;right:10px!important;width:auto!important;max-width:none!important;max-height:calc(100vh - 78px)!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important;margin:0!important;padding:8px!important;gap:0!important;flex-direction:column!important;align-items:stretch!important;background:#101114!important;border:1px solid #3a3a3a!important;box-shadow:0 12px 35px rgba(0,0,0,.65)!important;z-index:10001!important}
  .nav.open{display:flex!important;visibility:visible!important;opacity:1!important}
  .nav>a,.nav.open>a:not(.nav-cta),.nav.open .nav-cta{display:block!important;width:100%!important;box-sizing:border-box!important;padding:14px 13px!important;margin:0!important;font-family:Inter,Arial,sans-serif!important;font-size:13px!important;line-height:1.2!important;letter-spacing:.04em!important;text-transform:uppercase!important;white-space:normal!important;text-align:left!important;color:#fff!important;opacity:1!important;border-bottom:1px solid #303030!important}
  .nav>a:last-child{border-bottom:0!important}
  .nav .nav-cta{margin-top:7px!important;background:var(--accent)!important;color:#111!important;text-align:center!important;border:0!important}
  .hero{width:100%!important;box-sizing:border-box!important;padding:68px 0 30px!important;margin:0!important;min-height:0!important}
  .hero-video-wrap{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/10!important;max-height:none!important;margin:0!important;overflow:hidden!important}
  .hero-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;display:block!important}
  .hero-content{left:18px!important;right:18px!important;bottom:18px!important;max-width:none!important}
  .hero-content h1{font-size:clamp(38px,12vw,58px)!important;line-height:.9!important;max-width:100%!important;overflow-wrap:normal!important}
  .hero-copy{font-size:13px!important;line-height:1.4!important;max-width:100%!important}
  .hero-actions{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
  .button{font-size:9px!important;min-height:40px!important;padding:10px 12px!important}
  .hero-tag{top:12px!important;left:12px!important;font-size:8px!important;padding:7px 9px!important}
  .hero-sound-toggle{right:10px!important;bottom:10px!important;width:40px!important;height:40px!important}
  .section{width:100%!important;max-width:none!important;box-sizing:border-box!important;margin:0!important;padding:58px 20px!important}
  .section-head,.programs-head{display:block!important}
  .section-head>p,.programs-head p{max-width:100%!important;margin-top:20px!important;font-size:13px!important;line-height:1.55!important}
  h2,.about-content>h2{font-size:clamp(34px,11vw,54px)!important;line-height:.95!important;max-width:100%!important}
  .intro-grid,.schedule-grid,.contact-grid,.achievements-grid{grid-template-columns:1fr!important;gap:35px!important}
  .art-grid{grid-template-columns:1fr!important;gap:14px!important}
  .art-card{width:100%!important;height:auto!important;aspect-ratio:4/5!important;min-height:0!important}
  .art-card img{width:100%!important;height:100%!important}
  .art-content{left:18px!important;right:18px!important;bottom:18px!important}
  .art-content h3,#arts .art-top h3{font-size:clamp(25px,8vw,34px)!important;line-height:.98!important}
  .instructor-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .instructor-card{width:100%!important;height:58vw!important;min-height:175px!important}
  .instructor-card img{width:100%!important;height:100%!important;min-height:0!important}
  .instructor-card>div{left:10px!important;right:10px!important;bottom:10px!important}
  .instructor-card span{font-size:7px!important;line-height:1.1!important}
  .instructor-card h3{font-size:11px!important;line-height:1.02!important;overflow-wrap:anywhere!important}
  .program-list{margin-top:30px!important}
  .program-list a{grid-template-columns:36px minmax(0,1fr) 18px!important;gap:7px!important;padding:16px 0!important}
  .program-list strong{font-size:21px!important}
  .program-list b{font-size:15px!important;line-height:1.15!important}
  .media-grid{grid-template-columns:1fr!important;gap:10px!important}
  .media-feature,.media-card{min-height:280px!important}
  .media-feature h3,.media-card strong{font-size:28px!important}
  .stats{grid-template-columns:repeat(3,1fr)!important;gap:0!important}
  .stats strong{font-size:34px!important}
  .stats span{font-size:7px!important}
  .contact-info strong{font-size:20px!important;overflow-wrap:anywhere!important}
  footer{display:block!important;padding:22px 20px!important}
}
@media screen and (max-width:390px){
  .instructor-grid{grid-template-columns:1fr!important}
  .instructor-card{height:110vw!important}
  .brand strong{font-size:12px!important}
  .hero-content h1{font-size:13vw!important}
  .section{padding-left:16px!important;padding-right:16px!important}
}


/* KAPPA FINAL - clean mobile compatibility */
#arts .martial-image-link,
#arts .martial-image-link img{cursor:default!important;pointer-events:none!important}
#arts .martial-image-link{display:block!important;text-decoration:none!important}
@media screen and (max-width: 900px){
  html{font-size:16px!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
  body{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
  .site-header{height:64px!important;min-height:64px!important;padding:8px 12px!important;left:0!important;right:0!important;width:100%!important;box-sizing:border-box!important;overflow:visible!important}
  .home-brand{min-width:0!important;max-width:calc(100% - 54px)!important;display:flex!important;align-items:center!important;gap:7px!important;overflow:hidden!important}
  .brand-mark{width:36px!important;height:36px!important;min-width:36px!important;flex:0 0 36px!important}
  .brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important}
  .brand strong{font-size:12px!important;letter-spacing:.06em!important;white-space:nowrap!important;line-height:1!important}
  .brand small{display:none!important}
  .menu-toggle{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;padding:8px!important;margin:0!important;border:0!important;background:transparent!important;z-index:100000!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important}
  .menu-toggle span{display:block!important;width:25px!important;height:2px!important;min-height:2px!important;background:#fff!important;border-radius:2px!important}
  .nav{display:none!important;position:fixed!important;top:64px!important;left:8px!important;right:8px!important;width:auto!important;height:auto!important;max-height:calc(100vh - 72px)!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important;padding:6px!important;margin:0!important;gap:0!important;flex-direction:column!important;align-items:stretch!important;background:#101114!important;border:1px solid #444!important;box-shadow:0 12px 35px rgba(0,0,0,.7)!important;z-index:99999!important}
  .nav.open{display:flex!important;visibility:visible!important;opacity:1!important}
  .nav>a{display:block!important;width:100%!important;box-sizing:border-box!important;padding:12px 12px!important;margin:0!important;font-family:Arial,Inter,sans-serif!important;font-size:13px!important;line-height:1.2!important;letter-spacing:.03em!important;text-transform:uppercase!important;white-space:normal!important;text-align:left!important;color:#fff!important;opacity:1!important;border-bottom:1px solid #303030!important}
  .nav .nav-cta{display:block!important;margin-top:6px!important;background:var(--accent)!important;color:#111!important;text-align:center!important;border:0!important}
  .hero{padding-top:64px!important;width:100%!important;overflow:hidden!important}
  .hero-video-wrap{width:100%!important;height:auto!important;aspect-ratio:16/10!important;min-height:0!important;overflow:hidden!important}
  .hero-video{width:100%!important;height:100%!important;object-fit:cover!important}
  .hero-content{left:16px!important;right:16px!important;bottom:16px!important;max-width:none!important}
  .hero-content h1{font-size:clamp(36px,12vw,56px)!important}
  .hero-copy{font-size:13px!important;line-height:1.4!important}
  .section{width:100%!important;max-width:none!important;box-sizing:border-box!important;padding:55px 18px!important;overflow:hidden!important}
  h2,.about-content>h2{font-size:clamp(34px,11vw,54px)!important;line-height:.95!important}
  .art-grid,.media-grid{grid-template-columns:1fr!important}
  .art-card{width:100%!important;aspect-ratio:4/5!important;height:auto!important;min-height:0!important}
  #arts .art-top h3{font-size:clamp(24px,7.5vw,32px)!important;line-height:1!important}
  .instructor-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .instructor-card{width:100%!important;height:58vw!important;min-height:170px!important}
  .instructor-card h3{font-size:11px!important;line-height:1.02!important;overflow-wrap:anywhere!important}
  .program-list strong{font-size:21px!important}
  .contact-info strong{font-size:19px!important;overflow-wrap:anywhere!important}
}
@media screen and (max-width:390px){
  .instructor-grid{grid-template-columns:1fr!important}
  .instructor-card{height:110vw!important}
  .section{padding-left:15px!important;padding-right:15px!important}
}


/* FINAL MOBILE MENU FIX */
@media screen and (max-width: 1100px) {
  .site-header { overflow: visible !important; }
  .menu-toggle { display:flex !important; visibility:visible !important; opacity:1 !important; position:relative !important; z-index:10001 !important; }
  .nav { z-index:10000 !important; }
}
@media screen and (max-width: 700px) {
  .site-header { min-height:64px !important; }
  .site-header .menu-toggle { display:flex !important; }
  .site-header .nav { display:none !important; position:fixed !important; top:64px !important; left:8px !important; right:8px !important; width:auto !important; max-height:calc(100vh - 74px) !important; overflow-y:auto !important; background:#111 !important; }
  .site-header .nav.open { display:flex !important; }
  .site-header .nav a { display:block !important; width:100% !important; font-size:13px !important; line-height:1.2 !important; box-sizing:border-box !important; }
  .site-header .nav-cta { display:block !important; }
}