/* Guided home. Shared content, four deliberate compositions, natural page scrolling. */
.gh-home { --gh-paper:#fff;--gh-soft:#f2f5fa;--gh-text:#263951;--gh-muted:#5b6c80;--gh-line:#d7e0eb;--gh-gutter:clamp(22px,4.4vw,72px);color:var(--gh-text);background:var(--gh-paper); }
.gh-home * { box-sizing:border-box; }
.gh-home :is(h1,h2,h3,p,figure,dl,dd) { margin:0; }
.gh-home a { color:inherit;text-decoration:none; }
.gh-home :is(h1,h2,h3) { font-family:inherit;letter-spacing:-.035em;font-weight:650; }
.gh-home h1 { max-width:16em;font-size:clamp(32px,3.7vw,52px);line-height:1.45;text-wrap:balance; }
html[data-ui-theme] body[data-page="home"] .gh-home h1 { font-size:var(--gh-hero-size,clamp(32px,3.2vw,46px)); }
.gh-home h2 { font-size:clamp(25px,2.25vw,34px);line-height:1.55;text-wrap:balance; }
.gh-home h3 { font-size:23px;line-height:1.6; }
.gh-home p { color:var(--gh-muted);font-size:15px;line-height:1.9; }
.gh-home a:focus-visible { outline:2px solid var(--action);outline-offset:5px; }
.gh-home a:hover { color:var(--action); }
.gh-home :is(section,article,a[id]) { scroll-margin-top:110px; }
.gh-opening { background:var(--gh-soft); }
.gh-hero { position:relative;min-height:480px;display:flex;align-items:center;padding:64px var(--gh-gutter);overflow:hidden; }
.gh-hero-media { position:absolute;inset:0; }
.gh-hero-media img { display:block;width:100%;height:100%;object-fit:cover;object-position:80% 47%; }
.gh-hero-media::after { content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f5f8fdfc 0%,#f5f8fdf7 30%,#f5f8fdbf 47%,#f5f8fd12 75%); }
.gh-hero-copy { position:relative;max-width:760px;z-index:1; }
.gh-hero-copy h1 { max-width:12em; }
.gh-hero-copy > p { max-width:29em;margin-top:22px;font-size:16px; }
.gh-actions { display:flex;align-items:center;flex-wrap:wrap;gap:18px 32px;margin-top:30px; }
.gh-primary { display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:48px;padding:12px 24px;background:var(--action);color:#fff!important;border-radius:5px;font-size:15px; }
.gh-primary:hover { filter:brightness(.92); }
.gh-text-link { display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:44px;font-size:14px;font-weight:550; }
.gh-overview { padding:26px var(--gh-gutter);background:#fff;border-top:1px solid var(--gh-line);border-bottom:1px solid var(--gh-line); }
.gh-overview dl { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1280px;margin-inline:auto; }
.gh-overview dl > div { display:flex;align-items:baseline;justify-content:center;gap:22px;border-right:1px solid var(--gh-line); }
.gh-overview dl > div:last-child { border:0; }
.gh-overview dt { order:2;color:var(--gh-muted);font-size:14px; }
.gh-overview dd a { display:flex;align-items:baseline;gap:6px;min-height:48px; }
.gh-overview strong { font-family:inherit;font-size:36px;font-weight:500;line-height:1.4;font-variant-numeric:tabular-nums;letter-spacing:-.04em; }
.gh-overview dd span { font-size:13px;color:var(--gh-muted); }
.gh-section { padding:60px var(--gh-gutter);border-bottom:1px solid var(--gh-line); }
.gh-start { text-align:center;background:var(--gh-soft);padding-block:44px 28px; }
.gh-start h2 { font-size:26px; }
.gh-role-links { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:26px; }
.gh-role-links a { display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:12px 20px;border:1px solid #cbd6e4;background:#fff;font-size:14px; }
.gh-role-links a:hover { border-color:var(--action); }
.gh-more-links { display:flex;justify-content:center;flex-wrap:wrap;gap:4px 28px;margin-top:18px; }
.gh-more-links a { display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--gh-muted); }

/* A: clear portal with an open photograph and two side-by-side entry panels. */
html[data-ui-theme="classic"] body[data-page="home"] .site-header .header-inner { display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px 0;min-height:76px; }
html[data-ui-theme="classic"] body[data-page="home"] .site-header .main-nav { height:44px;min-height:0;gap:26px;padding:0;border:0; }
html[data-ui-theme="classic"] body[data-page="home"] .site-header .header-actions { margin-left:auto;gap:18px; }
html[data-ui-theme="classic"] body[data-page="home"] .gh-hero-media { left:30%; }
html[data-ui-theme="classic"] body[data-page="home"] .gh-hero-media::after { background:linear-gradient(90deg,#f2f5faff 0%,#f2f5fabf 24%,#f2f5fa08 65%); }

/* B: fixed community rail, compact hero with a separate numerical sidebar, content rows. */
html[data-ui-theme="cobalt"] .gh-home { --gh-hero-size:38px;--gh-soft:#f4f3fa;--gh-text:#302f4d;--gh-muted:#65627d;--gh-line:#deddec;--gh-gutter:36px; }
html[data-ui-theme="cobalt"] .gh-opening { display:grid;grid-template-columns:minmax(0,1fr) 224px; }
html[data-ui-theme="cobalt"] .gh-hero { min-height:440px;padding-block:48px; }
html[data-ui-theme="cobalt"] .gh-hero h1 { font-size:38px;max-width:13em; }
html[data-ui-theme="cobalt"] .gh-hero-media { left:62%;opacity:.55; }
html[data-ui-theme="cobalt"] .gh-hero-media::after { background:linear-gradient(90deg,#f4f3faff,#f4f3fa44); }
html[data-ui-theme="cobalt"] .gh-hero-copy > p { max-width:25em; }
html[data-ui-theme="cobalt"] .gh-overview { padding:32px 24px;border-top:0;border-left:1px solid var(--gh-line);background:#eeedf8;display:flex;align-items:center; }
html[data-ui-theme="cobalt"] .gh-overview dl { display:grid;grid-template-columns:1fr;width:100%;gap:16px; }
html[data-ui-theme="cobalt"] .gh-overview dl > div { justify-content:space-between;border:0;border-bottom:1px solid var(--gh-line);padding-bottom:8px; }
html[data-ui-theme="cobalt"] .gh-overview strong { font-size:30px; }
html[data-ui-theme="cobalt"] .gh-primary { border-radius:24px; }
html[data-ui-theme="cobalt"] .gh-role-links { grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px;margin-inline:auto; }

/* C: centered opening, full-width photograph, generous editorial rows and reversed portraits. */
html[data-ui-theme="atelier"] .gh-home { --gh-hero-size:46px;--gh-paper:#fff;--gh-soft:#f3f5f6;--gh-text:#293b49;--gh-muted:#5e6e7a;--gh-line:#dce2e7;--gh-gutter:clamp(24px,6vw,92px); }
html[data-ui-theme="atelier"] .gh-hero { display:flex;flex-direction:column;padding:0;gap:0;overflow:visible; }
html[data-ui-theme="atelier"] .gh-hero-copy { order:-1;text-align:center;max-width:1100px;padding:58px 24px 44px; }
html[data-ui-theme="atelier"] .gh-hero h1 { max-width:18em;font-size:46px; }
html[data-ui-theme="atelier"] .gh-hero-copy > p { margin-inline:auto;max-width:none; }
html[data-ui-theme="atelier"] .gh-actions { justify-content:center; }
html[data-ui-theme="atelier"] .gh-hero-media { position:relative;width:100%;height:260px; }
html[data-ui-theme="atelier"] .gh-hero-media img { object-position:center 43%; }
html[data-ui-theme="atelier"] .gh-hero-media::after { display:none; }
html[data-ui-theme="atelier"] .gh-start { background:#fff; }
html[data-ui-theme="atelier"] .gh-role-links a { border-width:0 0 1px;padding-inline:0; }

/* D: compact learning workspace, content and mentor column, utilities in a separate band. */
html[data-ui-theme="studio"] .gh-home { --gh-hero-size:38px;--gh-soft:#edf2f6;--gh-text:#2a3d50;--gh-muted:#596d7e;--gh-line:#d4dee8;--gh-gutter:36px;background:#f3f6f9; }
html[data-ui-theme="studio"] .gh-opening { display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding:32px var(--gh-gutter); }
html[data-ui-theme="studio"] .gh-hero { padding:36px;min-height:360px;background:#fff; }
html[data-ui-theme="studio"] .gh-hero h1 { font-size:38px;max-width:13em; }
html[data-ui-theme="studio"] .gh-hero-media { left:68%;opacity:.35; }
html[data-ui-theme="studio"] .gh-hero-media::after { background:linear-gradient(90deg,#fff,#ffffff44); }
html[data-ui-theme="studio"] .gh-overview { padding:30px 22px;border:1px solid var(--gh-line);display:flex;align-items:center; }
html[data-ui-theme="studio"] .gh-overview dl { grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px; }
html[data-ui-theme="studio"] .gh-overview dl > div { flex-direction:column;gap:4px;border:0;align-items:center; }
html[data-ui-theme="studio"] .gh-overview strong { font-size:34px; }
html[data-ui-theme="studio"] .gh-section { padding:30px;background:#fff;border:1px solid var(--gh-line); }
html[data-ui-theme="studio"] .gh-start { margin-bottom:32px; }

@media(min-width:1600px) {
  .gh-home { --gh-gutter:max(72px,calc((100vw - 1280px)/2)); }
  .gh-hero { min-height:540px; }
}
@media(max-width:1200px) {
  html[data-ui-theme="classic"] body[data-page="home"] .site-header .main-nav { gap:18px; }
  html[data-ui-theme="classic"] body[data-page="home"] .header-actions > .header-search { display:none; }
  html[data-ui-theme="studio"] .gh-opening { grid-template-columns:minmax(0,1fr) 235px; }
  html[data-ui-theme="studio"] .gh-section { padding:24px; }
}
@media(max-width:1000px) {
  .gh-home { --gh-gutter:28px; }
  html[data-ui-theme] body[data-page="home"] .gh-home { --gh-hero-size:36px; }
  html[data-ui-theme="classic"] body[data-page="home"] .site-header .main-nav { display:none; }
  html[data-ui-theme="classic"] body[data-page="home"] .site-header .header-actions > .header-search { display:inline-flex; }
  .gh-hero { min-height:420px;padding-block:48px; }
  .gh-hero-copy h1 { max-width:12em;font-size:36px; }
  .gh-overview dl > div { gap:12px; }
  .gh-overview strong { font-size:30px; }
  .gh-section { padding-block:44px; }
  html[data-ui-theme="cobalt"] .gh-opening { grid-template-columns:1fr 200px; }
  html[data-ui-theme="studio"] .gh-opening { grid-template-columns:1fr; }
  html[data-ui-theme="studio"] .gh-overview dl { grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:12px; }
}
@media(max-width:700px) {
  .gh-home { --gh-gutter:22px; }
  html[data-ui-theme] body[data-page="home"] .gh-home { --gh-hero-size:31px; }
  .gh-hero { display:flex;flex-direction:column;align-items:stretch;padding:0;min-height:0; }
  .gh-hero-copy { order:-1;padding:38px var(--gh-gutter) 32px; }
  .gh-home .gh-hero h1 { font-size:31px;max-width:15em; }
  .gh-hero-copy > p { font-size:15px;margin-top:18px; }
  .gh-actions { gap:14px 24px;margin-top:24px; }
  .gh-home .gh-hero-media { position:relative;left:auto;inset:auto;width:100%;height:190px;opacity:1; }
  html[data-ui-theme] body[data-page="home"] .gh-home .gh-hero-media { position:relative;inset:auto;width:100%;height:190px;opacity:1; }
  .gh-home .gh-hero-media::after { display:none; }
  .gh-overview { padding:24px var(--gh-gutter); }
  .gh-overview dl { grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px; }
  .gh-overview dl > div { gap:12px;justify-content:flex-start;border:0; }
  .gh-overview strong { font-size:30px; }
  .gh-overview dt { font-size:13px; }
  .gh-section { padding:36px var(--gh-gutter); }
  .gh-home h2 { font-size:25px; }
  .gh-home h3 { font-size:21px; }
  .gh-home p { font-size:14px; }
  .gh-role-links { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px; }
  .gh-role-links a { padding:12px;font-size:13px;gap:8px; }
  .gh-more-links { gap:0 18px;margin-top:16px; }
  .gh-more-links a { font-size:12px; }
  html[data-ui-theme="classic"] body[data-page="home"] .site-header .header-inner { padding:8px 0;min-height:64px; }
  html[data-ui-theme="classic"] body[data-page="home"] .site-header .header-actions > a { display:none; }
  html[data-ui-theme="classic"] .gh-hero-media { left:auto; }
  html[data-ui-theme="cobalt"] .gh-home { --gh-gutter:22px; }
  html[data-ui-theme="cobalt"] .gh-opening { grid-template-columns:1fr; }
  html[data-ui-theme="cobalt"] .gh-hero { min-height:0;padding:0; }
  html[data-ui-theme="cobalt"] .gh-overview { padding:24px 22px;border-left:0;border-top:1px solid var(--gh-line); }
  html[data-ui-theme="cobalt"] .gh-overview dl { grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
  html[data-ui-theme="cobalt"] .gh-overview dl > div { border:0;justify-content:flex-start;gap:12px;padding:0; }
  html[data-ui-theme="atelier"] .gh-home { --gh-gutter:22px; }
  html[data-ui-theme="atelier"] .gh-hero-copy { padding:38px 22px 32px; }
  html[data-ui-theme="atelier"] .gh-hero-media { height:190px; }
  html[data-ui-theme="studio"] .gh-home { --gh-gutter:18px; }
  html[data-ui-theme="studio"] .gh-opening { padding:18px;gap:16px; }
  html[data-ui-theme="studio"] .gh-hero { padding:0;min-height:0; }
  html[data-ui-theme="studio"] .gh-hero-copy { padding:28px 22px; }
  html[data-ui-theme="studio"] .gh-overview { padding:20px; }
  html[data-ui-theme="studio"] .gh-overview dl { grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
  html[data-ui-theme="studio"] .gh-overview dl > div { align-items:flex-start;flex-direction:row;gap:12px; }
  html[data-ui-theme="studio"] .gh-section { padding:26px 22px; }
  html[data-ui-theme="studio"] .gh-start { margin-bottom:18px; }
}
@media(prefers-reduced-motion:reduce) { .gh-home * { scroll-behavior:auto;transition:none; } }

/* Five independent, centered chapters span the complete content area. */
.gh-home { --gh-chapter-light:244 247 250;--gh-chapter-dark:30 57 85; }
html[data-ui-theme="cobalt"] .gh-home { --gh-chapter-light:246 245 251;--gh-chapter-dark:48 46 88; }
html[data-ui-theme="atelier"] .gh-home { --gh-chapter-light:248 249 250;--gh-chapter-dark:43 63 76; }
html[data-ui-theme="studio"] .gh-home { --gh-chapter-light:242 246 249;--gh-chapter-dark:42 61 80; }
html[data-ui-theme] .gh-content { display:block;padding:0; }
html[data-ui-theme] .gh-home .gh-chapter { position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:390px;width:100%;margin:0;padding:64px var(--gh-gutter);border:0;border-bottom:1px solid var(--gh-line);border-radius:0;overflow:hidden;background:#f1f5f8;text-align:center; }
.gh-chapter-media { position:absolute;inset:0;z-index:-2;overflow:hidden; }
.gh-chapter-media img { display:block;width:100%;height:100%;object-fit:cover;object-position:center 46%;filter:blur(2px) saturate(.6);transform:scale(1.015); }
.gh-chapter::before { content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(var(--gh-chapter-light)/.96),rgb(var(--gh-chapter-light)/.88) 50%,rgb(var(--gh-chapter-light)/.96)); }
.gh-chapter-copy { width:min(100%,840px);margin:auto; }
.gh-chapter h2 { font-size:clamp(26px,2.45vw,36px);line-height:1.5;text-wrap:balance; }
.gh-chapter p { max-width:36em;margin:16px auto 0;font-size:15px;line-height:1.9;color:#526278; }
.gh-category-links { display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 12px;margin:22px auto 0;max-width:780px; }
.gh-category-links a { display:flex;align-items:center;justify-content:center;min-height:44px;padding:7px 13px;border-bottom:1px solid #566b8233;font-size:13px;color:#354c64; }
.gh-category-links a:hover { border-color:var(--action);color:var(--action); }
.gh-chapter-action { display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:46px;margin-top:26px;padding:10px 24px;border:1px solid color-mix(in srgb,var(--action) 30%,transparent);border-radius:4px;background:#ffffffb8;color:var(--action)!important;font-size:14px;transition:background 160ms ease,border-color 160ms ease; }
.gh-chapter-action:hover { background:#fff;border-color:var(--action); }
html[data-ui-theme] .gh-home .gh-chapter[data-tone="dark"] { background:rgb(var(--gh-chapter-dark));border-bottom-color:#ffffff22;color:#f4f8ff; }
.gh-chapter[data-tone="dark"]::before { background:linear-gradient(90deg,rgb(var(--gh-chapter-dark)/.96),rgb(var(--gh-chapter-dark)/.86) 50%,rgb(var(--gh-chapter-dark)/.96)); }
html[data-ui-theme] #main .gh-chapter[data-tone="dark"] h2 { color:#f4f8ff; }
html[data-ui-theme] .gh-chapter[data-tone="dark"] p { color:#d7e2ee; }
html[data-ui-theme] .gh-chapter[data-tone="dark"] .gh-category-links a { color:#e3ecf6;border-color:#ffffff40; }
html[data-ui-theme] .gh-chapter[data-tone="dark"] .gh-category-links a:hover { color:#fff;background:#ffffff0d;border-color:#fff; }
html[data-ui-theme] .gh-chapter[data-tone="dark"] .gh-chapter-action { color:rgb(var(--gh-chapter-dark))!important;background:#f4f8ff;border-color:#f4f8ff; }
html[data-ui-theme] .gh-chapter[data-tone="dark"] .gh-chapter-action:hover { background:#fff;border-color:#fff; }
html[data-ui-theme] .gh-chapter[data-tone="dark"] a:focus-visible { outline-color:#e3ecf6; }
html[data-ui-theme="cobalt"] .gh-chapter-action { border-radius:24px; }
html[data-ui-theme="atelier"] .gh-home .gh-chapter { min-height:420px; }
html[data-ui-theme="atelier"] .gh-chapter-action { background:transparent;border-width:0 0 1px;border-radius:0;padding-inline:4px; }
html[data-ui-theme="studio"] .gh-home .gh-chapter { min-height:350px; }
html[data-ui-theme="studio"] .gh-home .gh-start { border:0;margin:0;padding:40px var(--gh-gutter) 24px; }
@media(max-width:700px) {
  html[data-ui-theme] .gh-home .gh-chapter { min-height:370px;padding:44px 22px; }
  .gh-chapter p { font-size:14px;margin-top:14px; }
  .gh-category-links { gap:4px 8px;margin-top:18px; }
  .gh-category-links a { font-size:12px;padding-inline:9px; }
  .gh-chapter-action { margin-top:22px; }
}
@media(prefers-reduced-motion:reduce) { .gh-chapter-action { transition:none; } }