:root{
  --paper:      #FFFFFF;
  --mist:       #F4F2EC;
  --line:       #E7E3DC;
  --ink:        #1A1816;
  --ink-soft:   #4A443D;
  --muted:      #948A7C;
  --rust:       #A8402A;
  --rust-deep:  #8A3220;
  --gold:       #C08A2E;
  --green:      #4C7A4F;
  --shadow:     0 30px 60px -35px rgba(26,24,22,.22);
}

*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }

body{
  background:var(--paper);
  color:var(--ink);
  font-family:"Work Sans", sans-serif;
  line-height:1.7;
  font-size:17px;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

h1,h2,h3{ font-family:"Petrona", serif; line-height:1.15; font-weight:600; color:var(--ink); }

.wrap{ width:min(1180px, 92%); margin-inline:auto; position:relative; }

.eyebrow{
  font-family:"IBM Plex Mono", monospace;
  font-size:.72rem; letter-spacing:.16em; font-weight:600;
  color:var(--rust); text-transform:uppercase;
  display:inline-flex; align-items:center; gap:.55em;
  margin-bottom:1.1rem;
}

.eyebrow-kurdish{
  font-family:"IBM Plex Mono", monospace;
  font-size:.7rem; letter-spacing:.05em; font-weight:500;
  color:var(--muted); text-transform:uppercase;
  display:block; margin-top:-.75rem; margin-bottom:1.4rem;
}

/* ---------- hero date badge ---------- */
.date-badge{
  display:inline-flex; flex-direction:column; align-items:center; gap:.25rem;
  border:1.5px solid var(--rust); border-radius:8px;
  padding:.7rem 1.8rem; margin-bottom:1.6rem;
}
.date-badge-main{
  font-family:"IBM Plex Mono", monospace;
  font-size:1.05rem; letter-spacing:.12em; font-weight:700;
  color:var(--rust); text-transform:uppercase;
}
.date-badge .eyebrow-kurdish{
  margin:0; font-size:.72rem;
}

/* ---------- top navigation ---------- */
.site-nav{
  position:sticky; top:0; z-index:50;
  background:var(--paper); border-bottom:1px solid var(--line);
}
.nav-inner{
  display:flex; align-items:center; justify-content:space-between;
  padding:.85rem 0; gap:1.2rem; flex-wrap:wrap;
}
.nav-logo{
  font-family:"Petrona", serif; font-weight:700; font-size:1.15rem;
  color:var(--ink); text-decoration:none; letter-spacing:.02em; flex:none;
  display:inline-flex; align-items:center;
}
.logo-img{
  height:40px; width:auto; display:block;
}
.nav-links{ display:flex; gap:1.5rem; flex-wrap:wrap; }
.nav-links a{
  font-family:"IBM Plex Mono", monospace; font-size:.76rem;
  letter-spacing:.04em; text-transform:uppercase; font-weight:600;
  color:var(--ink-soft); text-decoration:none; padding:.3em 0;
  border-bottom:2px solid transparent; transition:color .2s ease, border-color .2s ease;
}
.nav-links a:hover{ color:var(--rust); }
.nav-links a.active{ color:var(--rust); border-color:var(--rust); }

/* ---------- language switcher ---------- */
.lang-switch{
  display:flex; background:var(--paper); border:1.5px solid var(--ink);
  border-radius:999px; padding:.22rem; flex:none;
}
.lang-switch button{
  font-family:"IBM Plex Mono", monospace; font-size:.72rem; font-weight:600;
  letter-spacing:.05em; border:none; background:transparent; color:var(--ink-soft);
  padding:.42em 1em; border-radius:999px; cursor:pointer; transition:background .2s ease, color .2s ease;
}
.lang-switch button.active{ background:var(--ink); color:var(--paper); }
.lang-switch button:not(.active):hover{ color:var(--rust); }

@media (max-width:700px){
  .nav-inner{ justify-content:center; }
  .nav-links{ order:3; width:100%; justify-content:center; gap:1rem; }
}
@media (max-width:560px){
  .lang-switch button{ padding:.4em .8em; font-size:.66rem; }
}

section{ position:relative; }
section > .wrap{ z-index:1; }

/* ---------- buttons ---------- */
.btn{
  font-family:"Work Sans", sans-serif;
  font-size:.98rem; font-weight:600; cursor:pointer;
  border:none; border-radius:3px;
  padding:.9em 1.9em; text-decoration:none; display:inline-block;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
  letter-spacing:.01em;
}
.btn-primary{
  background:var(--ink); color:var(--paper);
}
.btn-primary:hover{ background:var(--rust); transform:translateY(-2px); box-shadow:0 14px 26px -16px rgba(168,64,42,.55); }
.btn-ghost{
  background:transparent; color:var(--ink);
  border:1.5px solid var(--ink);
}
.btn-ghost:hover{ background:var(--ink); color:var(--paper); transform:translateY(-2px); }

/* ---------- hero ---------- */
.hero{ padding:6rem 0 4.5rem; overflow:hidden; }
.hero-inner{ text-align:center; max-width:720px; margin-inline:auto; }
.hero h1{ font-size:clamp(2.1rem, 4.6vw, 3.4rem); margin-bottom:1.3rem; letter-spacing:-.01em; }
.hero h1 em{ font-style:italic; color:var(--rust); font-weight:500; }
.hero p.lead{ font-size:1.08rem; color:var(--ink-soft); margin-bottom:2.2rem; max-width:52ch; margin-inline:auto; }
.hero-cta{ display:flex; gap:1rem; flex-wrap:wrap; justify-content:center; }

/* ---------- page header (for non-hero pages) ---------- */
.page-header{ padding:4.5rem 0 3rem; text-align:center; }
.page-header h1{ font-size:clamp(2rem, 4.2vw, 3rem); margin-bottom:1rem; }
.page-header p.lead{ font-size:1.05rem; color:var(--ink-soft); max-width:52ch; margin-inline:auto; }

/* ---------- stitched divider (signature) ---------- */
.divider{ display:block; width:100%; padding:1.4rem 0; }
.divider svg{ display:block; width:100%; height:14px; }

/* ---------- story ---------- */
.story{ padding:4rem 0 5rem; background:var(--mist); }
.story-grid{ display:grid; grid-template-columns:1fr 1.15fr; gap:3.5rem; align-items:center; }
.story h2{ font-size:clamp(1.8rem,3.4vw,2.4rem); margin-bottom:1.2rem; }
.story p{ color:var(--ink-soft); margin-bottom:1rem; max-width:52ch; }
.story-frame{
  aspect-ratio:4/5; border-radius:4px;
  background:var(--paper); border:1px solid var(--line);
  box-shadow:var(--shadow); position:relative; overflow:hidden;
}
.story-frame img{ width:100%; height:100%; object-fit:cover; display:block; filter:grayscale(.15) contrast(1.02); }
.story-frame::after{
  content:""; position:absolute; inset:14px; border:1px solid rgba(255,255,255,.55); pointer-events:none;
}

/* ---------- courses ---------- */
.courses{ padding:5.5rem 0 5.5rem; }
.section-head{ text-align:center; margin-bottom:3.2rem; }
.section-head h2{ font-size:clamp(1.9rem,3.8vw,2.5rem); }
.section-head p{ color:var(--muted); margin-top:.7rem; font-size:.98rem; }
.course-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; }
.card{
  background:var(--paper); border:1px solid var(--line);
  border-radius:4px; padding:2rem 1.6rem 1.8rem; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  text-align:left; position:relative;
}
.card:hover{ transform:translateY(-5px); box-shadow:var(--shadow); border-color:var(--ink); }
.card .level{
  font-family:"IBM Plex Mono", monospace; font-weight:600; font-size:2.1rem;
  color:var(--ink); display:block; margin-bottom:.3rem; letter-spacing:.02em;
}
.card .duration{ color:var(--muted); font-size:.86rem; margin-bottom:1.3rem; font-family:"IBM Plex Mono",monospace; letter-spacing:.01em; }
.price{ font-family:"Petrona"; font-weight:600; font-size:1.5rem; color:var(--ink); display:block; margin-bottom:1.3rem; }
.price small{ font-weight:500; font-size:.76rem; color:var(--muted); font-family:"Work Sans"; }
.card .btn{ width:100%; text-align:center; }

/* ---------- books & tests (placeholder pages) ---------- */
.empty-state{
  max-width:560px; margin:0 auto; text-align:center;
  padding:3.5rem 2rem; border:1.5px dashed var(--line); border-radius:6px;
  background:var(--mist);
}
.empty-state h3{ font-size:1.3rem; margin-bottom:.8rem; }
.empty-state p{ color:var(--ink-soft); }
.placeholder-section{ padding:2rem 0 6rem; }

/* ---------- book cards ---------- */
.book-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem;
  padding:1rem 0 5rem;
}
.book-card{
  background:var(--paper); border:1px solid var(--line); border-radius:4px;
  overflow:hidden; text-align:left; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.book-card:hover{ transform:translateY(-5px); box-shadow:var(--shadow); border-color:var(--ink); }
.book-cover{
  aspect-ratio:3/4; background:var(--mist); border-bottom:1px solid var(--line);
  overflow:hidden;
}
.book-cover img{ width:100%; height:100%; object-fit:cover; display:block; }
.book-card-body{ padding:1.4rem 1.5rem 1.7rem; }
.book-title{ font-family:"Petrona", serif; font-weight:600; font-size:1.2rem; margin-bottom:.6rem; }
.book-card .price{ margin-bottom:1.2rem; }
.book-card .btn{ width:100%; text-align:center; }
@media (max-width:860px){ .book-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .book-grid{ grid-template-columns:1fr; } }

/* ---------- contact ---------- */
.contact{ padding:2.5rem 0 6.5rem; }
.contact-grid{ display:grid; grid-template-columns:.85fr 1.15fr; gap:3.5rem; align-items:start; }
.contact h2{ font-size:clamp(1.8rem,3.6vw,2.4rem); margin-bottom:1rem; }
.contact-intro p{ color:var(--ink-soft); margin-bottom:2rem; max-width:42ch; }
.info-item{ display:flex; gap:.9rem; align-items:flex-start; margin-bottom:1.3rem; }
.info-item svg{ width:20px; height:20px; color:var(--rust); flex:none; margin-top:.35rem; }
.info-item b{ font-family:"Work Sans"; font-weight:600; display:block; font-size:.94rem; }
.info-item span{ color:var(--muted); font-size:.94rem; }

form{ background:var(--paper); border:1px solid var(--line); border-radius:6px; padding:2.3rem; box-shadow:var(--shadow); }
.field{ margin-bottom:1.3rem; }
.field label{ font-family:"IBM Plex Mono", monospace; font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; font-weight:600; display:block; margin-bottom:.6rem; color:var(--ink-soft); }
.field input, .field textarea{
  width:100%; font-family:"Work Sans"; font-size:1rem; color:var(--ink);
  background:var(--paper); border:0; border-bottom:1.5px solid var(--line);
  border-radius:0; padding:.7rem .1rem; transition:border-color .2s ease;
}
.field input:focus, .field textarea:focus{
  outline:none; border-color:var(--rust);
}
.field textarea{ resize:vertical; min-height:110px; }
.field-row{ display:grid; grid-template-columns:1fr 1fr; gap:1.3rem; }
form .btn-primary{ width:100%; margin-top:.6rem; }

/* ---------- reveal animation ---------- */
.reveal{ opacity:0; transform:translateY(22px); transition:opacity .6s ease, transform .6s ease; }
.reveal.show{ opacity:1; transform:none; }

/* ---------- responsive ---------- */
@media (max-width:860px){
  .story-grid, .contact-grid{ grid-template-columns:1fr; gap:2.5rem; }
  .course-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:560px){
  .course-grid{ grid-template-columns:1fr; }
  .field-row{ grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce){
  *{ scroll-behavior:auto; }
  .reveal{ transition:none; opacity:1; transform:none; }
  .btn, .card{ transition:none; }
}

/* ================= GAMES: shared ================= */
.game-section{ padding:1rem 0 6rem; }
.game-shell{
  max-width:640px; margin:0 auto; text-align:center;
}
.game-toolbar{
  display:flex; align-items:center; justify-content:center; gap:.8rem;
  flex-wrap:wrap; margin-bottom:1.6rem;
}
.game-message{
  min-height:1.6rem; font-family:"IBM Plex Mono", monospace; font-size:.85rem;
  letter-spacing:.03em; color:var(--rust); margin-bottom:1.2rem; font-weight:600;
}

/* ================= WORDLE ================= */
.wordle-board{
  display:grid; grid-template-rows:repeat(6,1fr); gap:.45rem;
  margin:0 auto 1.8rem; width:min(340px,88vw);
}
.wordle-row{ display:grid; grid-template-columns:repeat(5,1fr); gap:.45rem; }
.wordle-tile{
  aspect-ratio:1/1; border:2px solid var(--line); border-radius:4px;
  display:flex; align-items:center; justify-content:center;
  font-family:"Petrona", serif; font-weight:700; font-size:1.5rem;
  text-transform:uppercase; color:var(--ink); background:var(--paper);
  transition:transform .15s ease, background .3s ease, border-color .3s ease, color .3s ease;
}
.wordle-tile.filled{ border-color:var(--ink-soft); }
.wordle-tile.pop{ transform:scale(1.08); }
.wordle-tile.correct{ background:var(--green); border-color:var(--green); color:var(--paper); }
.wordle-tile.present{ background:var(--gold); border-color:var(--gold); color:var(--paper); }
.wordle-tile.absent{ background:var(--mist); border-color:var(--line); color:var(--muted); }

.keyboard{ display:flex; flex-direction:column; gap:.5rem; align-items:center; }
.keyboard-row{ display:flex; gap:.35rem; justify-content:center; flex-wrap:wrap; }
.key{
  font-family:"IBM Plex Mono", monospace; font-size:.78rem; font-weight:600;
  letter-spacing:.02em; text-transform:uppercase; color:var(--ink);
  background:var(--mist); border:1px solid var(--line); border-radius:4px;
  padding:.75em .6em; min-width:2.1em; cursor:pointer;
  transition:background .15s ease, color .15s ease, transform .1s ease;
}
.key:hover{ border-color:var(--ink); }
.key:active{ transform:translateY(1px); }
.key.wide{ min-width:3.4em; font-size:.68rem; padding:.75em .5em; }
.key.correct{ background:var(--green); border-color:var(--green); color:var(--paper); }
.key.present{ background:var(--gold); border-color:var(--gold); color:var(--paper); }
.key.absent{ background:var(--ink-soft); border-color:var(--ink-soft); color:var(--paper); opacity:.55; }

/* ================= WORD SEARCH (Xaçepirs) ================= */
.wordsearch-layout{ display:flex; gap:2.4rem; align-items:flex-start; justify-content:center; flex-wrap:wrap; }
.wordsearch-grid{
  display:grid; gap:2px; background:var(--line); border:1px solid var(--line);
  user-select:none; touch-action:none; margin:0 auto;
  width:min(480px, 90vw);
}
.ws-cell{
  aspect-ratio:1/1; display:flex; align-items:center; justify-content:center;
  background:var(--paper); font-family:"IBM Plex Mono", monospace; font-weight:600;
  font-size:1.05rem; color:var(--ink-soft); cursor:pointer;
  transition:background .12s ease, color .12s ease;
}
.ws-cell.selecting{ background:var(--gold); color:var(--paper); }
.ws-cell.found{ background:var(--rust); color:var(--paper); }
.word-list{
  list-style:none; text-align:left; min-width:170px;
  font-family:"IBM Plex Mono", monospace; font-size:.82rem; letter-spacing:.03em;
}
.word-list li{
  padding:.4em 0; color:var(--ink-soft); font-weight:600; text-transform:uppercase;
  border-bottom:1px solid var(--line); transition:color .2s ease;
}
.word-list li.found{ color:var(--rust); text-decoration:line-through; }
@media (max-width:700px){
  .wordsearch-layout{ flex-direction:column; align-items:center; }
}
/* ---------- site footer ---------- */
.site-footer{
  border-top:1px solid var(--line);
  background:var(--mist);
  padding:1.8rem 0;
}
.footer-inner{
  display:flex; align-items:center; justify-content:center;
}
.footer-links{ display:flex; gap:1.4rem; flex-wrap:wrap; justify-content:center; }
.footer-links a{
  font-family:"IBM Plex Mono", monospace; font-size:.76rem;
  letter-spacing:.04em; text-transform:uppercase; font-weight:600;
  color:var(--ink-soft); text-decoration:none; padding:.3em 0;
  border-bottom:2px solid transparent; transition:color .2s ease, border-color .2s ease;
}
.footer-links a:hover{ color:var(--rust); }
.footer-links a.active{ color:var(--rust); border-color:var(--rust); }
@media (max-width:560px){
  .footer-inner{ flex-direction:column; text-align:center; }
}

/* ---------- WhatsApp floating button ---------- */
.whatsapp-float{
  position:fixed; right:1.4rem; bottom:1.4rem; z-index:70;
  width:56px; height:56px; border-radius:50%;
  background:#25D366; color:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:var(--shadow);
  transition:transform .2s ease, box-shadow .2s ease;
}
.whatsapp-float:hover{ transform:translateY(-3px) scale(1.05); }