:root{
    --charcoal:#15130F;
    --charcoal-2:#1D1A14;
    --ivory:#EDE6D6;
    --ivory-dim:#C9C1AE;
    --brass:#B58A4A;
    --brass-bright:#D2A968;
    --rust:#8B3A2B;
    --stone:#6E6858;
    --line: rgba(237,230,214,0.14);
    --radius: 2px;
    --ease: cubic-bezier(.16,.8,.24,1);
  }

  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--charcoal);
    color:var(--ivory);
    font-family:'Inter',sans-serif;
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  a{color:inherit; text-decoration:none;}
  img,svg{display:block; max-width:100%;}
  ul{list-style:none;}
  button{font-family:inherit; cursor:pointer;}

  .eyebrow{
    font-family:'IBM Plex Mono',monospace;
    font-size:11px;
    letter-spacing:0.22em;
    text-transform:uppercase;
    color:var(--brass-bright);
  }

  h1,h2,h3{
    font-family:'Fraunces',serif;
    font-weight:600;
    line-height:1.05;
    letter-spacing:-0.01em;
  }

  .wrap{max-width:1240px; margin:0 auto; padding:0 32px;}

  :focus-visible{outline:2px solid var(--brass-bright); outline-offset:3px;}

  /* ---------- NAV ---------- */
  header{
    position:fixed; top:0; left:0; right:0; z-index:100;
    background:linear-gradient(to bottom, rgba(21,19,15,0.92), rgba(21,19,15,0));
    padding:22px 0;
    transition:background .3s var(--ease), padding .3s var(--ease);
  }
  header.scrolled{
    background:rgba(21,19,15,0.85);
    backdrop-filter:blur(10px);
    padding:14px 0;
    border-bottom:1px solid var(--line);
  }
  nav{display:flex; align-items:center; justify-content:space-between;}
  .logo{display:block;}
  .logo-img{height:34px; width:auto; display:block;}
  .nav-links{display:flex; gap:32px; align-items:center;}
  .nav-links a{font-size:13px; letter-spacing:0.03em; color:var(--ivory-dim); transition:color .2s;}
  .nav-links a:hover{color:var(--ivory);}
  .btn{
    display:inline-flex; align-items:center; gap:8px;
    font-size:13px; font-weight:600; letter-spacing:0.02em;
    padding:12px 22px; border-radius:var(--radius);
    border:1px solid var(--brass); transition:all .25s var(--ease);
  }
  .btn-fill{background:var(--brass); color:var(--charcoal);}
  .btn-fill:hover{background:var(--brass-bright); transform:translateY(-1px);}
  .btn-outline{border-color:var(--line); color:var(--ivory);}
  .btn-outline:hover{border-color:var(--brass); color:var(--brass-bright);}
  .nav-toggle{display:none; background:none; border:none; color:var(--ivory);}

  /* ---------- HERO ---------- */
  .hero{
    min-height:100vh;
    display:flex; align-items:flex-end;
    position:relative;
    padding:140px 0 90px;
    background:url('images/gym-floor.jpg') center/cover no-repeat;
  }
  .hero::before{
    content:'';
    position:absolute; inset:0;
    background:linear-gradient(0deg, rgba(21,19,15,0.97) 5%, rgba(21,19,15,0.75) 45%, rgba(21,19,15,0.35) 100%);
  }
  .hero .wrap{position:relative; z-index:2; width:100%;}
  .hero-copy{max-width:640px;}
  .hero-copy h1{font-size:clamp(40px,5.4vw,70px); margin:18px 0 22px;}
  .hero-copy h1 em{font-style:italic; color:var(--brass-bright); font-weight:500;}
  .hero-copy p{max-width:480px; color:var(--ivory-dim); font-size:16px; margin-bottom:34px;}
  .hero-actions{display:flex; gap:14px; flex-wrap:wrap;}

  .stat-row{display:flex; gap:40px; margin-top:56px; flex-wrap:wrap;}
  .stat b{font-family:'Fraunces',serif; font-size:28px; display:block; color:var(--brass-bright); font-weight:600;}
  .stat span{font-size:12px; color:var(--stone); letter-spacing:0.03em;}

  /* ---------- SECTION SHARED ---------- */
  section{padding:120px 0;}
  .section-head{max-width:640px; margin-bottom:64px;}
  .section-head h2{font-size:clamp(30px,3.6vw,46px); margin-top:14px;}
  .section-head p{color:var(--ivory-dim); margin-top:16px; font-size:15px;}
  .reveal{opacity:0; transform:translateY(28px); transition:opacity .7s var(--ease), transform .7s var(--ease);}
  .reveal.in{opacity:1; transform:translateY(0);}

  /* ---------- STUDIOS ---------- */
  .studios-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
  @media (max-width:1100px){ .studios-grid{grid-template-columns:repeat(3,1fr);} }
  .studio-card{background:var(--charcoal); transition:transform .3s;}
  .studio-photo{height:220px; background-size:cover; background-position:center; position:relative;}
  .studio-photo::after{content:''; position:absolute; inset:0; background:linear-gradient(0deg, var(--charcoal), transparent 70%);}
  .studio-body{padding:24px 24px 30px;}
  .studio-num{font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--stone);}
  .studio-card svg{width:28px; height:28px; margin:14px 0 16px; color:var(--brass-bright);}
  .studio-card h3{font-size:19px; margin-bottom:9px; font-weight:600;}
  .studio-card p{font-size:13.5px; color:var(--ivory-dim);}

  /* ---------- SCHEDULE ---------- */
  .board{ border:1px solid var(--line); background:var(--charcoal-2); }
  .day-tabs{display:flex; overflow-x:auto; border-bottom:1px solid var(--line);}
  .day-tab{
    flex:1; min-width:80px; text-align:center; padding:16px 8px;
    font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:0.08em;
    color:var(--stone); border-right:1px solid var(--line); background:none; border-top:none; border-bottom:none; border-left:none;
    transition:color .2s, background .2s;
  }
  .day-tab:last-child{border-right:none;}
  .day-tab.active{color:var(--charcoal); background:var(--brass-bright);}
  .board-body{padding:8px 0; min-height:120px;}
  .class-row{
    display:grid; grid-template-columns:100px 1.4fr 1fr 1fr; align-items:center;
    padding:18px 28px; border-bottom:1px solid var(--line);
    animation:flipin .35s var(--ease);
  }
  .class-row:last-child{border-bottom:none;}
  @keyframes flipin{from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:translateY(0);}}
  .class-time{font-family:'IBM Plex Mono',monospace; color:var(--brass-bright); font-size:14px;}
  .class-name{font-weight:600; font-size:15px;}
  .class-studio{font-size:12px; color:var(--stone); letter-spacing:0.04em; text-transform:uppercase;}
  .class-tag{
    justify-self:start; font-family:'IBM Plex Mono',monospace; font-size:10px;
    letter-spacing:0.08em; text-transform:uppercase; padding:5px 10px;
    border:1px solid var(--stone); color:var(--ivory-dim); border-radius:20px;
  }
  .board-note{padding:16px 28px; font-size:12px; color:var(--stone); border-top:1px solid var(--line);}
  .empty-note{padding:40px 28px; font-size:13px; color:var(--stone); text-align:center;}

  .hours-panel{margin-top:28px; border:1px solid var(--line); background:var(--charcoal-2);}
  .hours-row{display:flex; justify-content:space-between; padding:13px 24px; border-bottom:1px solid var(--line); font-size:14px;}
  .hours-row:last-child{border-bottom:none;}
  .hours-row span:first-child{color:var(--ivory-dim);}
  .hours-row span:last-child{font-family:'IBM Plex Mono',monospace; color:var(--brass-bright); font-size:13px;}
  .hours-row.today{background:rgba(181,138,74,0.08);}

  /* ---------- MEMBERSHIP ---------- */
  .price-tabs{display:flex; gap:2px; margin-bottom:36px; flex-wrap:wrap; background:var(--line); border:1px solid var(--line); width:fit-content;}
  .price-tab{
    padding:12px 22px; font-size:13px; letter-spacing:0.03em; font-weight:600;
    background:var(--charcoal); color:var(--ivory-dim); border:none; transition:all .2s;
  }
  .price-tab.active{background:var(--brass-bright); color:var(--charcoal);}
  .price-group-title{font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:0.1em; text-transform:uppercase; color:var(--stone); margin:36px 0 18px;}
  .price-group-title:first-child{margin-top:0;}
  .price-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(230px,1fr)); gap:20px;}
  .price-card{border:1px solid var(--line); padding:26px 24px; transition:border-color .3s, transform .3s; position:relative;}
  .price-card:hover{border-color:var(--brass); transform:translateY(-3px);}
  .price-badge{position:absolute; top:-1px; right:-1px; background:var(--brass-bright); color:var(--charcoal); font-family:'IBM Plex Mono',monospace; font-size:9px; letter-spacing:0.08em; padding:4px 10px; font-weight:600;}
  .price-card h4{font-family:'Fraunces',serif; font-size:19px; font-weight:600; margin-bottom:4px;}
  .price-subtitle{font-size:12.5px; color:var(--brass-bright); margin-bottom:14px; font-style:italic;}
  .price-row{display:flex; justify-content:space-between; font-size:14px; padding:7px 0; border-bottom:1px solid var(--line);}
  .price-row:last-of-type{border-bottom:none;}
  .price-row span:first-child{color:var(--ivory-dim);}
  .price-row span:last-child{font-family:'IBM Plex Mono',monospace; color:var(--brass-bright); font-weight:600;}
  .price-notes{margin-top:14px; font-size:12px; color:var(--stone); line-height:1.5;}
  .price-notes li{padding-left:14px; position:relative;}
  .price-notes li::before{content:'—'; position:absolute; left:0; color:var(--brass);}

  /* ---------- FUEL BAR ---------- */
  .fuel{display:grid; grid-template-columns:0.85fr 1.15fr; gap:60px; align-items:center;}
  .fuel-visual{aspect-ratio:4/3; border:1px solid var(--line); position:relative; overflow:hidden; background:var(--charcoal-2);}
  .fuel-visual svg{width:100%; height:100%;}
  .fuel-copy .eyebrow{margin-bottom:14px;}
  .fuel-copy h2{font-size:clamp(28px,3.2vw,42px); margin-bottom:18px;}
  .fuel-copy p{color:var(--ivory-dim); font-size:15px; margin-bottom:26px; max-width:460px;}
  .fuel-list{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:20px;}
  .fuel-list span{font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:0.04em; padding:8px 14px; border:1px solid var(--line); color:var(--ivory-dim);}
  .fuel-soon{font-size:12px; color:var(--stone); font-style:italic;}

  /* ---------- REVIEWS ---------- */
  .voices{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
  .voice{background:var(--charcoal); padding:34px 28px;}
  .voice-stars{color:var(--brass-bright); font-size:14px; letter-spacing:2px; margin-bottom:16px;}
  .voice p{font-family:'Fraunces',serif; font-style:italic; font-size:16px; line-height:1.5; margin-bottom:18px; color:var(--ivory);}
  .voice span{font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--stone); letter-spacing:0.04em;}

  /* ---------- BOOK ---------- */
  .book-panel{display:grid; grid-template-columns:1fr 1fr; gap:60px; border-top:1px solid var(--line); padding-top:64px;}
  .book-form{display:flex; flex-direction:column; gap:18px;}
  .field{display:flex; flex-direction:column; gap:8px;}
  .field label{font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--stone); font-family:'IBM Plex Mono',monospace;}
  .field input, .field select{
    background:var(--charcoal-2); border:1px solid var(--line); color:var(--ivory);
    padding:13px 14px; font-size:14px; border-radius:var(--radius); font-family:'Inter',sans-serif;
  }
  .field input:focus, .field select:focus{border-color:var(--brass);}
  .form-hint{font-size:12px; color:var(--stone);}
  .book-info h3{font-size:22px; margin-bottom:16px;}
  .info-row{display:flex; justify-content:space-between; gap:16px; padding:15px 0; border-bottom:1px solid var(--line); font-size:14px;}
  .info-row span:first-child{color:var(--stone); font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:0.06em; text-transform:uppercase; white-space:nowrap;}
  .info-row span:last-child{text-align:right;}
  .info-row a:hover{color:var(--brass-bright);}
  .socials{display:flex; gap:16px; margin-top:24px;}
  .socials a{width:38px; height:38px; border:1px solid var(--line); display:flex; align-items:center; justify-content:center; border-radius:50%; transition:border-color .2s;}
  .socials a:hover{border-color:var(--brass);}
  .socials svg{width:16px; height:16px;}
  .map-embed{margin-top:26px; border:1px solid var(--line); aspect-ratio:16/9; overflow:hidden; filter:grayscale(0.4) contrast(1.1);}
  .map-embed iframe{width:100%; height:100%; border:0;}

  footer{border-top:1px solid var(--line); padding:40px 0; margin-top:40px;}
  footer .wrap{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;}
  footer p{font-size:12px; color:var(--stone);}
  footer .foot-links{display:flex; gap:24px;}
  footer .foot-links a{font-size:12px; color:var(--ivory-dim);}

  @media (max-width:920px){
    .nav-links{position:fixed; top:0; right:0; height:100vh; width:min(78vw,320px);
      background:var(--charcoal-2); flex-direction:column; justify-content:center; gap:26px;
      transform:translateX(100%); transition:transform .35s var(--ease); border-left:1px solid var(--line);}
    .nav-links.open{transform:translateX(0);}
    .nav-toggle{display:block;}
    .studios-grid{grid-template-columns:repeat(2,1fr);}
    .voices{grid-template-columns:1fr;}
    .fuel{grid-template-columns:1fr;}
    .book-panel{grid-template-columns:1fr;}
    .class-row{grid-template-columns:70px 1fr; row-gap:6px;}
    .class-studio,.class-tag{grid-column:2;}
    .price-grid{grid-template-columns:1fr;}
  }
  @media (prefers-reduced-motion:reduce){
    *{animation:none !important; transition:none !important;}
  }

  .lang-btn{
    font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:0.04em;
    color:var(--ivory-dim); border:1px solid var(--line); background:none;
    padding:8px 14px; border-radius:20px; transition:all .2s;
  }
  .lang-btn:hover{border-color:var(--brass); color:var(--brass-bright);}

  /* ---------- RTL (Arabic) ---------- */
  html[dir="rtl"] body{ font-family:'Tajawal','Inter',sans-serif; }
  html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4{ font-family:'Tajawal',serif; letter-spacing:0; }
  html[dir="rtl"] .eyebrow, html[dir="rtl"] .class-time, html[dir="rtl"] .price-row span:last-child,
  html[dir="rtl"] .hours-row span:last-child, html[dir="rtl"] .day-tab, html[dir="rtl"] .breadcrumb{
    font-family:'IBM Plex Mono',monospace;
  }
  html[dir="rtl"] .hero-copy, html[dir="rtl"] .section-head, html[dir="rtl"] .fuel-copy{ text-align:right; }
  html[dir="rtl"] .price-badge{ right:auto; left:-1px; }
  html[dir="rtl"] .price-notes li{ padding-left:0; padding-right:14px; }
  html[dir="rtl"] .price-notes li::before{ left:auto; right:0; }
  html[dir="rtl"] .nav-links a{ text-align:right; }
  html[dir="rtl"] .info-row span:last-child{ text-align:left; }
  @media (max-width:920px){
    html[dir="rtl"] .nav-links{ right:auto; left:0; border-left:none; border-right:1px solid var(--line); transform:translateX(-100%); }
    html[dir="rtl"] .nav-links.open{ transform:translateX(0); }
  }
  .page-hero{
    padding:160px 0 60px;
    border-bottom:1px solid var(--line);
    background:var(--charcoal-2);
  }
  .page-hero h1{font-size:clamp(34px,4.4vw,54px); margin-top:14px;}
  .page-hero p{color:var(--ivory-dim); margin-top:14px; max-width:520px; font-size:15px;}
  .breadcrumb{font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:0.06em; color:var(--stone);}
  .breadcrumb a{color:var(--stone); transition:color .2s;}
  .breadcrumb a:hover{color:var(--brass-bright);}