/* =========================================================
   AARSH INSTITUTE — CLAT PAGE
   Namespace: clat2-
   Theme: Dark luxury law chamber. Never light. Never white.
   ========================================================= */

:root{
  /* ---- backgrounds ---- */
  --clat2-bg-0:#050505;
  --clat2-bg-1:#090909;
  --clat2-bg-2:#0d1117;
  --clat2-bg-3:#121212;
  --clat2-bg-4:#161b22;

  /* ---- cards / surfaces ---- */
  --clat2-card-1:#151515;
  --clat2-card-2:#1b1b1b;
  --clat2-card-3:#202020;
  --clat2-glass: rgba(255,255,255,.04);
  --clat2-glass-strong: rgba(255,255,255,.06);
  --clat2-border: rgba(255,255,255,.08);
  --clat2-border-strong: rgba(255,255,255,.14);

  /* ---- text ---- */
  --clat2-text:#ffffff;
  --clat2-text-secondary:#cfcfcf;
  --clat2-text-muted:#8b8b8b;

  /* ---- accent ---- */
  --clat2-gold:#C8A75B;
  --clat2-gold-soft:#e2c98a;
  --clat2-bronze:#9F7A38;

  /* ---- type ---- */
  --clat2-font-display:'Playfair Display', 'Georgia', serif;
  --clat2-font-body:'Inter', -apple-system, 'Segoe UI', sans-serif;
  --clat2-font-mono:'JetBrains Mono', 'Courier New', monospace;

  /* ---- misc ---- */
  --clat2-radius-s: 2px;
  --clat2-radius-m: 4px;
  --clat2-radius-l: 8px;
  --clat2-ease: cubic-bezier(.22,1,.36,1);
  --clat2-container: 1240px;
}

/* ================= RESET ================= */
.clat2-root, .clat2-root *, .clat2-root *::before, .clat2-root *::after{
  box-sizing:border-box;
  margin:0;
  padding:0;
}
.clat2-root{
  background:var(--clat2-bg-0);
  color:var(--clat2-text);
  font-family:var(--clat2-font-body);
  font-weight:400;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  position:relative;
}
.clat2-root img{max-width:100%;display:block}
.clat2-root a{color:inherit;text-decoration:none}
.clat2-root ul{list-style:none}
.clat2-root button{font-family:inherit;cursor:pointer}
.clat2-root ::selection{background:var(--clat2-gold);color:#050505}

@media (prefers-reduced-motion: reduce){
  .clat2-root *{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
}

.clat2-root:focus-visible,
.clat2-root *:focus-visible{
  outline:2px solid var(--clat2-gold);
  outline-offset:3px;
}

/* ================= LAYOUT HELPERS ================= */
.clat2-container{
  width:100%;
  max-width:var(--clat2-container);
  margin:0 auto;
  padding:0 32px;
}
@media (max-width:640px){ .clat2-container{padding:0 20px} }

.clat2-section{
  position:relative;
  padding:140px 0;
  overflow:hidden;
}
@media (max-width:900px){ .clat2-section{padding:96px 0} }

.clat2-section--alt{ background:var(--clat2-bg-2); }
.clat2-section--deep{ background:var(--clat2-bg-1); }

.clat2-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:var(--clat2-font-mono);
  font-size:11px;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--clat2-gold);
  margin-bottom:22px;
}
.clat2-eyebrow::before{
  content:'';
  width:28px;height:1px;
  background:var(--clat2-gold);
  display:inline-block;
}

.clat2-heading{
  font-family:var(--clat2-font-display);
  font-weight:600;
  letter-spacing:-.01em;
  line-height:1.08;
  color:var(--clat2-text);
}
.clat2-heading--xl{ font-size:clamp(40px,6vw,84px); }
.clat2-heading--lg{ font-size:clamp(32px,4.2vw,52px); }
.clat2-heading--md{ font-size:clamp(24px,3vw,34px); }

.clat2-lede{
  font-size:clamp(16px,1.3vw,19px);
  color:var(--clat2-text-secondary);
  max-width:620px;
  font-weight:300;
}

.clat2-rule{
  height:1px;
  width:100%;
  background:linear-gradient(90deg, transparent, var(--clat2-border-strong), transparent);
  border:0;
}

.clat2-btn{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:16px 30px;
  font-size:13px;
  letter-spacing:.14em;
  text-transform:uppercase;
  border-radius:var(--clat2-radius-s);
  border:1px solid var(--clat2-border-strong);
  background:transparent;
  color:var(--clat2-text);
  transition:border-color .4s var(--clat2-ease), color .4s var(--clat2-ease), background .4s var(--clat2-ease);
}
.clat2-btn:hover{ border-color:var(--clat2-gold); color:var(--clat2-gold-soft); }
.clat2-btn--solid{
  background:var(--clat2-gold);
  color:#0a0a0a;
  border-color:var(--clat2-gold);
  font-weight:600;
}
.clat2-btn--solid:hover{ background:var(--clat2-gold-soft); color:#0a0a0a; }

.clat2-tag{
  font-family:var(--clat2-font-mono);
  font-size:11px;
  letter-spacing:.12em;
  color:var(--clat2-text-muted);
  text-transform:uppercase;
}

/* ================= PRELOADER / COURTROOM DOORS ================= */
.clat2-doors{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  pointer-events:none;
}
.clat2-doors__panel{
  flex:1;
  background:
    linear-gradient(180deg, var(--clat2-bg-2), var(--clat2-bg-0));
  position:relative;
  border-color:var(--clat2-border);
}
.clat2-doors__panel--left{ border-right:1px solid var(--clat2-border-strong); }
.clat2-doors__panel--right{ border-left:1px solid var(--clat2-border-strong); }
.clat2-doors__seal{
  position:absolute;
  top:50%;
  width:64px;height:64px;
  border:1px solid var(--clat2-gold);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--clat2-font-display);
  color:var(--clat2-gold);
  font-size:22px;
  transform:translateY(-50%);
}
.clat2-doors__panel--left .clat2-doors__seal{ right:-32px; }
.clat2-doors__panel--right .clat2-doors__seal{ left:-32px; }
.clat2-doors__mark{
  font-family:var(--clat2-font-mono);
  font-size:11px;
  letter-spacing:.3em;
  color:var(--clat2-text-muted);
  position:absolute;
  bottom:60px;
  left:0;right:0;
  text-align:center;
}

/* ================= NAV ================= */
.clat2-nav{
  position:fixed;
  top:0;left:0;right:0;
  z-index:500;
  padding:26px 0;
  background:linear-gradient(180deg, rgba(5,5,5,.9), transparent);
  transition:padding .4s var(--clat2-ease), background .4s var(--clat2-ease);
}
.clat2-nav.is-scrolled{
  padding:14px 0;
  background:rgba(5,5,5,.86);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--clat2-border);
}
.clat2-nav__row{ display:flex; align-items:center; justify-content:space-between; }
.clat2-nav__brand{
  font-family:var(--clat2-font-display);
  font-size:19px;
  letter-spacing:.04em;
}
.clat2-nav__brand span{ color:var(--clat2-gold); }
.clat2-nav__links{ display:flex; gap:34px; }
.clat2-nav__links a{
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--clat2-text-secondary);
  position:relative;
  padding-bottom:4px;
}
.clat2-nav__links a::after{
  content:'';
  position:absolute; left:0; bottom:0;
  width:0; height:1px;
  background:var(--clat2-gold);
  transition:width .35s var(--clat2-ease);
}
.clat2-nav__links a:hover::after{ width:100%; }
.clat2-nav__cta{ font-size:12px; }
@media (max-width:900px){ .clat2-nav__links{ display:none; } }

/* ================= HERO ================= */
.clat2-hero{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  padding-top:120px;
  background:
    radial-gradient(ellipse at 20% -10%, rgba(200,167,91,.10), transparent 55%),
    radial-gradient(ellipse at 100% 100%, rgba(200,167,91,.06), transparent 50%),
    var(--clat2-bg-0);
}
.clat2-hero__grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:60px;
  align-items:center;
}
@media (max-width:900px){ .clat2-hero__grid{ grid-template-columns:1fr; } }

.clat2-hero__docket{
  font-family:var(--clat2-font-mono);
  font-size:11px;
  color:var(--clat2-text-muted);
  letter-spacing:.16em;
  margin-bottom:28px;
  display:flex; gap:18px; flex-wrap:wrap;
}
.clat2-hero__title{ margin-bottom:26px; }
.clat2-hero__title em{
  font-style:italic;
  color:var(--clat2-gold-soft);
}
.clat2-hero__actions{ display:flex; gap:18px; margin-top:40px; flex-wrap:wrap; }

.clat2-hero__visual{
  position:relative;
  perspective:1400px;
}
.clat2-tilt{
  position:relative;
  border-radius:var(--clat2-radius-l);
  border:1px solid var(--clat2-border-strong);
  overflow:hidden;
  transform-style:preserve-3d;
  background:var(--clat2-card-1);
  box-shadow:0 40px 100px -30px rgba(0,0,0,.7);
  transition:transform .5s var(--clat2-ease);
}
.clat2-tilt img{
  width:100%; height:100%; object-fit:cover;
  display:block;
  filter:saturate(.9) contrast(1.05) brightness(.85);
}
.clat2-tilt::after{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(135deg, rgba(255,255,255,.10), transparent 40%, transparent 60%, rgba(0,0,0,.35));
  mix-blend-mode:overlay;
  pointer-events:none;
}
.clat2-tilt::before{
  content:'';
  position:absolute; inset:0;
  border:1px solid rgba(255,255,255,.06);
  border-radius:inherit;
  pointer-events:none;
}
.clat2-hero__visual .clat2-tilt{ aspect-ratio:4/5; }

.clat2-scrolldown{
  position:absolute;
  bottom:40px; left:32px;
  display:flex; align-items:center; gap:12px;
  font-family:var(--clat2-font-mono);
  font-size:10px;
  letter-spacing:.2em;
  color:var(--clat2-text-muted);
  text-transform:uppercase;
}
.clat2-scrolldown__line{ width:1px; height:44px; background:var(--clat2-border-strong); position:relative; overflow:hidden; }
.clat2-scrolldown__line::after{
  content:'';
  position:absolute; top:-100%; left:0; width:100%; height:100%;
  background:var(--clat2-gold);
  animation:clat2-scrolldown 2.2s ease-in-out infinite;
}
@keyframes clat2-scrolldown{ 0%{top:-100%} 60%{top:100%} 100%{top:100%} }

/* ================= COURTROOM INTRO (editorial) ================= */
.clat2-intro__grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:80px;
  align-items:start;
}
@media (max-width:900px){ .clat2-intro__grid{ grid-template-columns:1fr; gap:40px; } }
.clat2-intro__num{
  font-family:var(--clat2-font-display);
  font-size:120px;
  line-height:.8;
  color:transparent;
  -webkit-text-stroke:1px var(--clat2-border-strong);
}
.clat2-intro__body p{ margin-bottom:22px; }
.clat2-intro__body p:first-child{
  font-family:var(--clat2-font-display);
  font-size:clamp(20px,2.1vw,28px);
  color:var(--clat2-text);
  font-weight:500;
  line-height:1.4;
}
.clat2-intro__body p:not(:first-child){ color:var(--clat2-text-secondary); font-weight:300; }

/* ================= WHY CLAT — glass cards ================= */
.clat2-cards3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:var(--clat2-border);
  border:1px solid var(--clat2-border);
  border-radius:var(--clat2-radius-m);
  overflow:hidden;
  margin-top:64px;
}
@media (max-width:800px){ .clat2-cards3{ grid-template-columns:1fr; } }
.clat2-card{
  background:var(--clat2-card-1);
  padding:44px 36px;
  position:relative;
  transition:background .4s var(--clat2-ease);
}
.clat2-card:hover{ background:var(--clat2-card-2); }
.clat2-card__index{
  font-family:var(--clat2-font-mono);
  font-size:11px;
  color:var(--clat2-gold);
  letter-spacing:.2em;
  margin-bottom:22px;
  display:block;
}
.clat2-card__title{
  font-family:var(--clat2-font-display);
  font-size:22px;
  margin-bottom:14px;
}
.clat2-card__text{ color:var(--clat2-text-muted); font-size:14.5px; font-weight:300; }

/* ================= ABOUT NLU — magazine ================= */
.clat2-magazine{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:0;
  border:1px solid var(--clat2-border);
  border-radius:var(--clat2-radius-m);
  overflow:hidden;
}
@media (max-width:900px){ .clat2-magazine{ grid-template-columns:1fr; } }
.clat2-magazine__media{ position:relative; min-height:420px; }
.clat2-magazine__media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.75) saturate(.9); }
.clat2-magazine__content{ padding:64px 56px; background:var(--clat2-bg-3); }
.clat2-magazine__kicker{ font-family:var(--clat2-font-mono); font-size:11px; letter-spacing:.2em; color:var(--clat2-gold); text-transform:uppercase; margin-bottom:18px; }
.clat2-magazine__list{ margin-top:30px; display:flex; flex-direction:column; gap:0; }
.clat2-magazine__list li{ padding:16px 0; border-top:1px solid var(--clat2-border); display:flex; justify-content:space-between; font-size:14px; color:var(--clat2-text-secondary); }
.clat2-magazine__list li span{ color:var(--clat2-text-muted); font-family:var(--clat2-font-mono); font-size:12px; }

/* ================= ROADMAP — pinned horizontal ================= */
.clat2-roadmap{ background:var(--clat2-bg-1); padding:0; }
.clat2-roadmap__pin{ height:100vh; display:flex; flex-direction:column; justify-content:center; overflow:hidden; }
.clat2-roadmap__head{ padding:0 0 60px; }
.clat2-roadmap__track{ display:flex; gap:0; will-change:transform; }
.clat2-roadmap__stage{
  flex:0 0 420px;
  padding:44px;
  border-right:1px solid var(--clat2-border);
  min-height:340px;
}
.clat2-roadmap__stage:first-child{ border-left:1px solid var(--clat2-border); }
.clat2-roadmap__stage-num{ font-family:var(--clat2-font-display); font-size:56px; color:var(--clat2-bronze); margin-bottom:24px; }
.clat2-roadmap__stage h3{ font-family:var(--clat2-font-display); font-size:22px; margin-bottom:14px; }
.clat2-roadmap__stage p{ color:var(--clat2-text-muted); font-size:14px; font-weight:300; }

/* ================= CONSTITUTION TIMELINE — vertical ================= */
.clat2-timeline{ position:relative; margin-top:60px; padding-left:60px; }
.clat2-timeline::before{
  content:'';
  position:absolute; left:12px; top:0; bottom:0; width:1px;
  background:var(--clat2-border-strong);
}
.clat2-timeline__item{ position:relative; padding-bottom:56px; }
.clat2-timeline__item:last-child{ padding-bottom:0; }
.clat2-timeline__dot{
  position:absolute; left:-60px; top:2px;
  width:24px; height:24px; border-radius:50%;
  border:1px solid var(--clat2-gold);
  background:var(--clat2-bg-0);
  display:flex; align-items:center; justify-content:center;
}
.clat2-timeline__dot::after{ content:''; width:6px; height:6px; border-radius:50%; background:var(--clat2-gold); }
.clat2-timeline__year{ font-family:var(--clat2-font-mono); font-size:12px; color:var(--clat2-gold); letter-spacing:.14em; margin-bottom:8px; display:block; }
.clat2-timeline__item h4{ font-family:var(--clat2-font-display); font-size:20px; margin-bottom:8px; }
.clat2-timeline__item p{ color:var(--clat2-text-muted); font-size:14px; font-weight:300; max-width:560px; }

/* ================= CASE FILE DRAWER — subject tabs ================= */
.clat2-drawer{ display:grid; grid-template-columns:280px 1fr; gap:0; border:1px solid var(--clat2-border); border-radius:var(--clat2-radius-m); overflow:hidden; margin-top:60px; }
@media (max-width:800px){ .clat2-drawer{ grid-template-columns:1fr; } }
.clat2-drawer__nav{ background:var(--clat2-bg-1); border-right:1px solid var(--clat2-border); }
.clat2-drawer__tab{
  display:block; width:100%; text-align:left;
  padding:22px 28px; background:transparent; border:0; border-bottom:1px solid var(--clat2-border);
  color:var(--clat2-text-muted); font-size:14px; letter-spacing:.02em;
  display:flex; justify-content:space-between; align-items:center;
  transition:background .3s var(--clat2-ease), color .3s var(--clat2-ease);
}
.clat2-drawer__tab:hover{ color:var(--clat2-text); }
.clat2-drawer__tab.is-active{ background:var(--clat2-card-1); color:var(--clat2-gold); }
.clat2-drawer__tab span{ font-family:var(--clat2-font-mono); font-size:11px; }
.clat2-drawer__panel{ padding:56px; background:var(--clat2-bg-3); display:none; }
.clat2-drawer__panel.is-active{ display:block; }
.clat2-drawer__panel h3{ font-family:var(--clat2-font-display); font-size:28px; margin-bottom:18px; }
.clat2-drawer__panel p{ color:var(--clat2-text-secondary); font-weight:300; max-width:640px; margin-bottom:24px; }
.clat2-drawer__meta{ display:flex; gap:36px; margin-top:32px; flex-wrap:wrap; }
.clat2-drawer__meta div span{ display:block; font-family:var(--clat2-font-mono); font-size:11px; color:var(--clat2-text-muted); letter-spacing:.12em; text-transform:uppercase; margin-bottom:6px; }
.clat2-drawer__meta div strong{ font-family:var(--clat2-font-display); font-size:24px; color:var(--clat2-gold-soft); font-weight:500; }

/* ================= 3D PRACTICE CARDS ================= */
.clat2-practice{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:60px; }
@media (max-width:900px){ .clat2-practice{ grid-template-columns:1fr; } }
.clat2-practice__card{
  perspective:1000px;
}
.clat2-practice__inner{
  background:var(--clat2-card-1);
  border:1px solid var(--clat2-border);
  border-radius:var(--clat2-radius-m);
  padding:40px 32px;
  height:100%;
  transform-style:preserve-3d;
  transition:transform .5s var(--clat2-ease), border-color .5s var(--clat2-ease);
}
.clat2-practice__card:hover .clat2-practice__inner{ border-color:var(--clat2-border-strong); transform:translateY(-6px); }
.clat2-practice__icon{ width:44px; height:44px; border:1px solid var(--clat2-gold); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--clat2-gold); font-family:var(--clat2-font-display); margin-bottom:28px; }
.clat2-practice__inner h3{ font-family:var(--clat2-font-display); font-size:21px; margin-bottom:12px; }
.clat2-practice__inner p{ color:var(--clat2-text-muted); font-size:14px; font-weight:300; }

/* ================= LAW DASHBOARD — reports ================= */
.clat2-dash{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--clat2-border); border:1px solid var(--clat2-border); border-radius:var(--clat2-radius-m); overflow:hidden; margin-top:60px; }
@media (max-width:900px){ .clat2-dash{ grid-template-columns:repeat(2,1fr); } }
.clat2-dash__cell{ background:var(--clat2-bg-3); padding:36px 28px; }
.clat2-dash__cell strong{ display:block; font-family:var(--clat2-font-display); font-size:38px; color:var(--clat2-gold-soft); font-weight:500; margin-bottom:10px; }
.clat2-dash__cell span{ font-family:var(--clat2-font-mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--clat2-text-muted); }

/* ================= LIBRARY — parallax layered ================= */
.clat2-library{ position:relative; border-radius:var(--clat2-radius-m); overflow:hidden; min-height:560px; display:flex; align-items:flex-end; }
.clat2-library__bg{ position:absolute; inset:0; }
.clat2-library__bg img{ width:100%; height:120%; object-fit:cover; filter:brightness(.5) saturate(.85); }
.clat2-library__scrim{ position:absolute; inset:0; background:linear-gradient(0deg, rgba(5,5,5,.92), rgba(5,5,5,.2) 60%); }
.clat2-library__content{ position:relative; padding:64px; max-width:640px; }
.clat2-library__content h3{ font-family:var(--clat2-font-display); font-size:clamp(28px,3vw,40px); margin-bottom:18px; }
.clat2-library__content p{ color:var(--clat2-text-secondary); font-weight:300; margin-bottom:28px; }
.clat2-library__stats{ display:flex; gap:44px; }
.clat2-library__stats div span{ display:block; font-family:var(--clat2-font-mono); font-size:11px; color:var(--clat2-gold); letter-spacing:.14em; text-transform:uppercase; margin-bottom:6px; }
.clat2-library__stats div strong{ font-family:var(--clat2-font-display); font-size:26px; }

/* ================= AI DASHBOARD MOCK ================= */
.clat2-ai{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
@media (max-width:900px){ .clat2-ai{ grid-template-columns:1fr; } }
.clat2-ai__panel{
  background:var(--clat2-card-1);
  border:1px solid var(--clat2-border);
  border-radius:var(--clat2-radius-m);
  padding:0;
  overflow:hidden;
}
.clat2-ai__bar{ display:flex; align-items:center; gap:8px; padding:16px 20px; border-bottom:1px solid var(--clat2-border); background:var(--clat2-bg-1); }
.clat2-ai__dot{ width:8px; height:8px; border-radius:50%; background:var(--clat2-border-strong); }
.clat2-ai__title{ margin-left:8px; font-family:var(--clat2-font-mono); font-size:11px; color:var(--clat2-text-muted); letter-spacing:.1em; }
.clat2-ai__body{ padding:28px; }
.clat2-ai__row{ display:flex; justify-content:space-between; align-items:center; padding:14px 0; border-bottom:1px solid var(--clat2-border); font-size:13px; color:var(--clat2-text-secondary); }
.clat2-ai__row:last-child{ border-bottom:0; }
.clat2-ai__bar-track{ width:120px; height:4px; background:var(--clat2-border); border-radius:2px; overflow:hidden; }
.clat2-ai__bar-fill{ height:100%; background:var(--clat2-gold); }

/* ================= FACULTY / GALLERY ================= */
.clat2-people{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:60px; }
@media (max-width:900px){ .clat2-people{ grid-template-columns:repeat(2,1fr); } }
.clat2-people__card{ position:relative; border-radius:var(--clat2-radius-m); overflow:hidden; aspect-ratio:3/4; border:1px solid var(--clat2-border); }
.clat2-people__card img{ width:100%; height:100%; object-fit:cover; filter:grayscale(.4) brightness(.75); transition:filter .5s var(--clat2-ease), transform .6s var(--clat2-ease); }
.clat2-people__card:hover img{ filter:grayscale(0) brightness(.9); transform:scale(1.04); }
.clat2-people__info{ position:absolute; left:0; right:0; bottom:0; padding:20px; background:linear-gradient(0deg, rgba(0,0,0,.85), transparent); }
.clat2-people__info strong{ display:block; font-family:var(--clat2-font-display); font-size:16px; }
.clat2-people__info span{ font-family:var(--clat2-font-mono); font-size:10px; color:var(--clat2-gold-soft); letter-spacing:.1em; text-transform:uppercase; }

.clat2-gallery-scroll{ display:flex; gap:20px; overflow-x:auto; padding:60px 0 20px; scrollbar-width:none; }
.clat2-gallery-scroll::-webkit-scrollbar{ display:none; }
.clat2-gallery-scroll__item{ flex:0 0 340px; aspect-ratio:4/5; border-radius:var(--clat2-radius-m); overflow:hidden; border:1px solid var(--clat2-border); }
.clat2-gallery-scroll__item img{ width:100%; height:100%; object-fit:cover; filter:brightness(.8) saturate(.9); }

/* ================= TESTIMONIALS ================= */
.clat2-quotes{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--clat2-border); border:1px solid var(--clat2-border); border-radius:var(--clat2-radius-m); overflow:hidden; margin-top:60px; }
@media (max-width:900px){ .clat2-quotes{ grid-template-columns:1fr; } }
.clat2-quote{ background:var(--clat2-card-1); padding:40px 32px; }
.clat2-quote__mark{ font-family:var(--clat2-font-display); font-size:44px; color:var(--clat2-gold); line-height:1; margin-bottom:18px; display:block; }
.clat2-quote p{ color:var(--clat2-text-secondary); font-size:14.5px; font-weight:300; margin-bottom:24px; }
.clat2-quote footer{ font-family:var(--clat2-font-mono); font-size:11px; color:var(--clat2-text-muted); letter-spacing:.08em; }

/* ================= FAQ ================= */
.clat2-faq{ max-width:820px; margin-top:50px; }
.clat2-faq__item{ border-bottom:1px solid var(--clat2-border); }
.clat2-faq__q{
  width:100%; display:flex; justify-content:space-between; align-items:center;
  padding:26px 4px; background:transparent; border:0; color:var(--clat2-text);
  font-family:var(--clat2-font-display); font-size:18px; text-align:left;
}
.clat2-faq__q .clat2-faq__icon{ color:var(--clat2-gold); font-family:var(--clat2-font-mono); font-size:18px; transition:transform .35s var(--clat2-ease); }
.clat2-faq__item.is-open .clat2-faq__icon{ transform:rotate(45deg); }
.clat2-faq__a{ max-height:0; overflow:hidden; transition:max-height .4s var(--clat2-ease); }
.clat2-faq__a p{ padding:0 4px 26px; color:var(--clat2-text-muted); font-weight:300; max-width:640px; }

/* ================= BRANCHES ================= */
.clat2-branches{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--clat2-border); border:1px solid var(--clat2-border); margin-top:60px; border-radius:var(--clat2-radius-m); overflow:hidden; }
@media (max-width:800px){ .clat2-branches{ grid-template-columns:1fr; } }
.clat2-branch{ background:var(--clat2-card-1); padding:36px 30px; }
.clat2-branch h4{ font-family:var(--clat2-font-display); font-size:19px; margin-bottom:12px; }
.clat2-branch p{ color:var(--clat2-text-muted); font-size:13.5px; font-weight:300; line-height:1.7; }
.clat2-branch a{ display:inline-block; margin-top:16px; font-family:var(--clat2-font-mono); font-size:11px; color:var(--clat2-gold); letter-spacing:.1em; text-transform:uppercase; }

/* ================= CONTACT / ADMISSIONS ================= */
.clat2-contact{ display:grid; grid-template-columns:1fr 1fr; gap:70px; }
@media (max-width:900px){ .clat2-contact{ grid-template-columns:1fr; gap:40px; } }
.clat2-form{ display:flex; flex-direction:column; gap:20px; }
.clat2-field{ position:relative; }
.clat2-field input, .clat2-field select, .clat2-field textarea{
  width:100%;
  background:var(--clat2-card-1);
  border:1px solid var(--clat2-border);
  border-radius:var(--clat2-radius-s);
  padding:16px 18px;
  color:var(--clat2-text);
  font-family:var(--clat2-font-body);
  font-size:14px;
  transition:border-color .3s var(--clat2-ease);
}
.clat2-field input::placeholder, .clat2-field textarea::placeholder{ color:var(--clat2-text-muted); }
.clat2-field input:focus, .clat2-field select:focus, .clat2-field textarea:focus{ border-color:var(--clat2-gold); outline:none; }
.clat2-field textarea{ resize:vertical; min-height:120px; }

.clat2-contact__info{ display:flex; flex-direction:column; gap:26px; }
.clat2-contact__row{ display:flex; gap:18px; align-items:flex-start; padding-bottom:26px; border-bottom:1px solid var(--clat2-border); }
.clat2-contact__row span{ font-family:var(--clat2-font-mono); font-size:11px; color:var(--clat2-gold); letter-spacing:.12em; text-transform:uppercase; min-width:90px; }
.clat2-contact__row strong{ font-family:var(--clat2-font-display); font-weight:500; font-size:16px; }
.clat2-contact__map{ margin-top:10px; border:1px solid var(--clat2-border); border-radius:var(--clat2-radius-m); overflow:hidden; height:220px; }
.clat2-contact__map iframe{ width:100%; height:100%; border:0; filter:invert(.9) grayscale(1) brightness(.85) contrast(1.1); }

.clat2-steps{ display:flex; gap:1px; background:var(--clat2-border); border:1px solid var(--clat2-border); border-radius:var(--clat2-radius-m); overflow:hidden; margin-top:60px; }
@media (max-width:900px){ .clat2-steps{ flex-direction:column; } }
.clat2-step{ flex:1; background:var(--clat2-card-1); padding:36px 30px; }
.clat2-step__num{ font-family:var(--clat2-font-display); font-size:14px; color:var(--clat2-gold); letter-spacing:.1em; margin-bottom:18px; display:block; }
.clat2-step h4{ font-family:var(--clat2-font-display); font-size:18px; margin-bottom:10px; }
.clat2-step p{ color:var(--clat2-text-muted); font-size:13px; font-weight:300; }

/* ================= FINAL CTA ================= */
.clat2-final{
  background:
    radial-gradient(ellipse at 50% 0%, rgba(200,167,91,.14), transparent 60%),
    var(--clat2-bg-0);
  text-align:center;
  padding:180px 0;
}
.clat2-final__title{ margin:0 auto 30px; max-width:820px; }
.clat2-final__actions{ display:flex; justify-content:center; gap:20px; margin-top:20px; flex-wrap:wrap; }
.clat2-final__docket{ margin-top:56px; font-family:var(--clat2-font-mono); font-size:11px; letter-spacing:.2em; color:var(--clat2-text-muted); text-transform:uppercase; }

/* ================= FOOTER ================= */
.clat2-footer{ padding:70px 0 40px; border-top:1px solid var(--clat2-border); background:var(--clat2-bg-1); }
.clat2-footer__grid{ display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; margin-bottom:60px; }
@media (max-width:800px){ .clat2-footer__grid{ grid-template-columns:1fr 1fr; } }
.clat2-footer__brand{ font-family:var(--clat2-font-display); font-size:20px; margin-bottom:16px; }
.clat2-footer__brand span{ color:var(--clat2-gold); }
.clat2-footer h5{ font-family:var(--clat2-font-mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--clat2-text-muted); margin-bottom:18px; }
.clat2-footer li{ margin-bottom:10px; }
.clat2-footer a{ color:var(--clat2-text-secondary); font-size:13.5px; }
.clat2-footer a:hover{ color:var(--clat2-gold); }
.clat2-footer__bottom{ display:flex; justify-content:space-between; padding-top:30px; border-top:1px solid var(--clat2-border); font-size:12px; color:var(--clat2-text-muted); flex-wrap:wrap; gap:12px; }

/* ================= REVEAL UTILITY (GSAP hooks) ================= */
.clat2-reveal{ opacity:0; }
.clat2-split-line{ overflow:hidden; }





/*==================================================
 ADMISSION SECTION
==================================================*/

#contact{
    position:relative;
    padding:110px 0;
    background:#0d0d0d;
}

#contact .container{
    width:min(1180px,92%);
    margin:auto;
}

.section-head{
    text-align:center;
    margin-bottom:70px;
}

.section-title{
    font-size:clamp(34px,5vw,58px);
    color:#fff;
    font-weight:800;
    margin-bottom:15px;
}

.section-kicker{
    color:#bdbdbd;
    max-width:760px;
    margin:auto;
    line-height:1.8;
}

.contact-wrap{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:50px;
    align-items:start;
}

@media(max-width:991px){

.contact-wrap{

grid-template-columns:1fr;

}

}

/*============================
FORM
============================*/

.class5-form{

background:#171717;

border:1px solid rgba(255,255,255,.08);

padding:40px;

border-radius:22px;

display:flex;

flex-direction:column;

gap:22px;

box-shadow:0 15px 60px rgba(0,0,0,.35);

}

.class5-field{

display:flex;

flex-direction:column;

gap:8px;

}

.class5-field label{

font-size:15px;

font-weight:600;

color:#fff;

}

.class5-field input,
.class5-field textarea{

width:100%;

padding:15px 18px;

border-radius:12px;

border:1px solid rgba(255,255,255,.08);

background:#111;

color:#fff;

font-size:15px;

transition:.3s;

outline:none;

}

.class5-field textarea{

resize:vertical;

min-height:140px;

}

.class5-field input:focus,
.class5-field textarea:focus{

border-color:#f3b400;

box-shadow:0 0 0 3px rgba(243,180,0,.15);

}

.class5-form-note{

font-size:14px;

line-height:1.7;

color:#bdbdbd;

}

.class5-btn{

height:58px;

border:none;

cursor:pointer;

border-radius:14px;

font-size:17px;

font-weight:700;

transition:.35s;

}

.class5-btn--primary{

background:#f3b400;

color:#000;

}

.class5-btn--primary:hover{

transform:translateY(-3px);

box-shadow:0 18px 35px rgba(243,180,0,.28);

}


/*======================================
CONTACT INFO
======================================*/

.contact-info{

display:flex;

flex-direction:column;

gap:25px;

background:#171717;

padding:40px;

border-radius:22px;

border:1px solid rgba(255,255,255,.08);

box-shadow:0 15px 60px rgba(0,0,0,.35);

}

.contact-info__row{

display:flex;

gap:18px;

align-items:flex-start;

}

.contact-info__icon{

width:56px;

height:56px;

border-radius:50%;

background:#f3b400;

display:flex;

align-items:center;

justify-content:center;

font-size:22px;

font-weight:700;

color:#000;

flex-shrink:0;

}

.contact-info__title{

font-size:18px;

font-weight:700;

color:#fff;

margin-bottom:6px;

}

.contact-info__text{

font-size:15px;

line-height:1.8;

color:#cfcfcf;

}

.contact-info__text a{

color:#fff;

text-decoration:none;

}

.contact-info__text a:hover{

color:#f3b400;

}

.map-embed{

overflow:hidden;

border-radius:18px;

margin-top:10px;

}

.map-embed iframe{

width:100%;

height:300px;

border:none;

display:block;

}


/*========================================
THANK YOU POPUP
========================================*/

.thankyou-modal{
    position:fixed;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    background:rgba(0,0,0,.82);
    backdrop-filter:blur(8px);
    z-index:999999;
    padding:20px;
}

.thankyou-modal.show{
    display:flex;
    animation:thankFade .35s ease;
}

.thankyou-box{
    width:100%;
    max-width:560px;
    background:#151515;
    border:1px solid rgba(255,255,255,.08);
    border-radius:26px;
    padding:42px 35px;
    text-align:center;
    color:#fff;
    box-shadow:0 35px 90px rgba(0,0,0,.45);
    animation:thankPopup .35s ease;
}

.thankyou-icon{
    width:95px;
    height:95px;
    margin:0 auto 25px;
    border-radius:50%;
    background:#16a34a;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:42px;
    font-weight:700;
    color:#fff;
}

.thankyou-box h3{
    margin:0 0 15px;
    font-size:34px;
    color:#fff;
    font-weight:700;
}

.thankyou-box p{
    color:#bfbfbf;
    line-height:1.8;
    font-size:16px;
    margin:0 0 28px;
}

.thankyou-actions{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-bottom:30px;
}

.thankyou-btn{
    height:52px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:15px;
    font-weight:700;
    color:#fff;
    transition:.3s;
}

.thankyou-btn:hover{
    transform:translateY(-3px);
}

.thankyou-btn.whatsapp{
    background:#25D366;
}

.thankyou-btn.instagram{
    background:#E1306C;
}

.thankyou-btn.facebook{
    background:#1877F2;
}

.thankyou-btn.youtube{
    background:#FF0000;
}

.thankyou-close{
    width:100%;
    height:54px;
    border:none;
    border-radius:14px;
    background:#fdbe00;
    color:#111;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
    transition:.3s;
}

.thankyou-close:hover{
    background:#e2aa00;
}

@keyframes thankFade{
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}

@keyframes thankPopup{
    from{
        opacity:0;
        transform:translateY(25px) scale(.92);
    }
    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

@media(max-width:768px){

    .thankyou-box{
        padding:30px 22px;
    }

    .thankyou-actions{
        grid-template-columns:1fr;
    }

    .thankyou-box h3{
        font-size:28px;
    }

    .thankyou-box p{
        font-size:15px;
    }

}