:root{--milk:#f7f1ea;--paper:#fffaf6;--ink:#231f20;--muted:#6f625d;--plum:#6b3f4a;--line:rgba(107,63,74,.18)}*{box-sizing:border-box}body{margin:0;background:var(--milk);color:var(--ink);font-family:Inter,Manrope,Arial,sans-serif}a{color:var(--plum)}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:74px;padding:14px max(20px,calc((100vw - 1180px)/2));background:rgba(247,241,234,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);line-height:1}.brand span{font-family:Georgia,serif;font-size:34px}.brand small{font-size:12px;color:var(--muted);margin-top:4px}.nav{display:flex;align-items:center;gap:8px}.nav>a,.nav-drop>a{display:flex;align-items:center;min-height:42px;padding:0 13px;text-decoration:none;color:var(--ink);font-weight:700;border-radius:6px}.nav a:hover{background:#efe3db}.nav-drop{position:relative}.nav-drop>div{display:none;position:absolute;top:100%;left:0;min-width:235px;padding:8px;background:var(--paper);border:1px solid var(--line);box-shadow:0 16px 34px rgba(35,31,32,.12);border-radius:8px}.nav-drop:hover>div{display:block}.nav-drop div a{display:block;padding:11px 12px;text-decoration:none;color:var(--ink);font-weight:700;border-radius:6px;white-space:nowrap}.burger{display:none;width:44px;height:40px;border:1px solid var(--line);border-radius:6px;background:var(--paper);align-items:center;justify-content:center;flex-direction:column;gap:5px}.burger span{width:22px;height:2px;background:var(--ink)}.hero{padding:72px 20px 58px}.wrap{max-width:1180px;margin:0 auto}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.kicker{margin:0 0 16px;color:var(--plum);font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.h1,h1{font-family:Georgia,serif;font-size:58px;line-height:1.02;font-weight:400;letter-spacing:0;margin:0 0 20px}.lead{font-size:20px;line-height:1.6;color:var(--muted);max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:6px;background:var(--plum);color:#fff!important;text-decoration:none;font-weight:800;border:1px solid var(--plum)}.btn.secondary{background:transparent;color:var(--plum)!important}.hero-img,.cover{width:100%;border-radius:8px;display:block;box-shadow:0 24px 70px rgba(107,63,74,.18)}.section{padding:64px 20px}.section.paper{background:var(--paper)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:24px;text-decoration:none;color:var(--ink);box-shadow:0 10px 30px rgba(35,31,32,.05)}.paper .card{background:#fff}.card h2,.card h3{font-family:Georgia,serif;font-weight:400;letter-spacing:0;margin:0 0 12px}.card p{color:var(--muted);line-height:1.55}.meta{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.chip{font-size:13px;line-height:1;padding:8px 10px;border-radius:999px;background:#efe4dd;color:var(--plum);font-weight:800}.article-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.article-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;margin-bottom:16px}.article{padding:56px 20px}.article-wrap{max-width:860px;margin:0 auto}.article h1{font-size:48px}.article .cover{margin:28px 0}.content{font-size:18px;line-height:1.72}.content h2{font-family:Georgia,serif;font-weight:400;font-size:34px;line-height:1.16;margin:42px 0 14px}.content h3{font-size:24px;margin:30px 0 10px}.content p{margin:0 0 18px}.content li{margin:8px 0}.train-card{display:flex;flex-direction:column;min-height:214px}.train-card .more{margin-top:auto;font-weight:800}.footer{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap;padding:34px 20px;background:var(--ink);color:var(--milk)}.footer a{color:var(--milk)}.footer div{display:flex;gap:10px;align-items:baseline}.footer span{color:rgba(247,241,234,.72)}@media(max-width:920px){.burger{display:flex}.nav{display:none;position:absolute;left:0;right:0;top:74px;padding:12px 20px 20px;background:var(--milk);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav>a,.nav-drop>a{padding:0}.nav-drop>div{display:block;position:static;box-shadow:none;border:0;background:transparent;padding:0 0 0 14px}.nav-drop div a{white-space:normal}.hero-grid,.grid,.grid.two,.article-list{grid-template-columns:1fr}.h1,h1{font-size:38px}.article h1{font-size:34px}.lead{font-size:18px}.site-header{padding-left:16px;padding-right:16px}.brand span{font-size:28px}}
.article-card .chip{display:inline-flex;align-items:center;width:max-content;margin:0 0 14px;line-height:1.1}.article-card h3{display:block;clear:both;margin-top:0;line-height:1.22}
.brand img{display:block;width:172px;max-width:44vw;height:auto}.footer b{font-family:Georgia,serif;font-weight:400}
@media(max-width:920px){.brand img{width:142px}}

.train-card__img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;margin:-8px 0 16px;display:block;background:#efe4dd}.training-cover{aspect-ratio:16/9;object-fit:cover}

/* Training images: stable responsive framing across desktop, tablet and phones. */
.article-card img,
.train-card__img,
.training-cover{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  object-position:center;
  background:#efe4dd;
}
.train-card{
  overflow:hidden;
}
.train-card__img,
.article-card img{
  aspect-ratio:16/9;
}
.training-cover{
  aspect-ratio:16/9;
  max-height:min(58vh,560px);
}
.article .training-cover{
  margin:24px 0 20px;
}
@media(min-width:1180px){
  .article-wrap{
    max-width:920px;
  }
  .training-cover{
    max-height:520px;
  }
}
@media(max-width:720px){
  .section{
    padding:44px 16px;
  }
  .article{
    padding:36px 16px;
  }
  .article .cover{
    margin:20px 0 16px;
  }
  .training-cover,
  .train-card__img,
  .article-card img{
    aspect-ratio:4/3;
  }
  .training-cover{
    max-height:62vh;
    border-radius:6px;
  }
  .train-card__img{
    margin:-4px 0 14px;
  }
  .card{
    padding:18px;
  }
  .content{
    font-size:17px;
    line-height:1.65;
  }
  .content h2{
    font-size:28px;
  }
  .actions{
    gap:10px;
  }
  .btn{
    width:100%;
    padding:0 16px;
    text-align:center;
  }
}
@media(max-width:420px){
  .training-cover,
  .train-card__img,
  .article-card img{
    aspect-ratio:1/1;
  }
  .h1,
  h1{
    font-size:34px;
  }
  .article h1{
    font-size:30px;
  }
  .lead{
    font-size:17px;
  }
  .chip{
    font-size:12px;
    padding:7px 9px;
  }
}