*,*:before,*:after{box-sizing:border-box}:root{--oh-ink: #2A1E13;--oh-ink-soft: #4A3B2C;--oh-paper: #FBFAF8;--oh-paper-warm: #F3EFE8;--oh-surface: #FFFDF9;--oh-border: #E2D4BA;--oh-border-strong: #D2BE97;--oh-ochre: #B07F26;--oh-ochre-deep: #8C6318;--oh-ochre-bright: #C79A3C;--oh-muted: #6B5C49;--oh-faint: #8D8174;--oh-wall: #A8543A;--oh-mentors: #587FA1;--oh-learning: #3F7F68;--oh-play: #A6437E;--oh-shadow-soft: 0 1px 2px rgba(42, 30, 19, .05), 0 10px 24px rgba(42, 30, 19, .06);--oh-shadow-hover: 0 14px 30px rgba(80, 56, 22, .13);--oh-focus-ring: 0 0 0 3px rgba(199, 154, 60, .28);--oh-radius: 12px;--oh-shell: 1080px}html{scroll-behavior:smooth}html,body{margin:0;padding:0;min-width:0}body{min-height:100vh;color:var(--oh-ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,Noto Sans,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 20% 18%,rgba(199,154,60,.035) 0 1px,transparent 1.6px),radial-gradient(760px 360px at 50% -8%,#fcf4e2eb,#fcf4e200 74%),linear-gradient(180deg,var(--oh-paper) 0%,var(--oh-paper-warm) 100%);background-size:34px 34px,auto,auto;overflow-x:hidden}a{color:inherit}.page{min-height:100vh}.topbar,.hero,.hub-section,.content-stack,.site-footer{width:min(var(--oh-shell),calc(100% - 2rem));margin-left:auto;margin-right:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 0;border-bottom:1px solid rgba(226,212,186,.76)}.topbar-brand{display:inline-flex;align-items:center;min-width:0;text-decoration:none}.topbar-logo{display:block;width:174px;max-width:48vw;height:auto}.topbar-nav{display:flex;align-items:center;justify-content:flex-end;gap:1rem;flex-wrap:wrap}.topbar-nav a{padding:.35rem 0;color:var(--oh-muted);font-size:.9rem;font-weight:650;text-decoration:none;border-bottom:1px solid transparent}.topbar-nav a:hover,.topbar-nav a:focus-visible{color:var(--oh-ink);border-bottom-color:var(--oh-ochre-bright)}.hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.75rem 0 2.1rem;overflow:hidden}.hero-motif{position:absolute;top:.2rem;right:-2rem;width:14rem;max-width:42vw;height:auto;opacity:.045;pointer-events:none;-webkit-user-select:none;user-select:none}.hero-copy{position:relative;z-index:1;max-width:640px;margin:0 auto}.eyebrow{margin:0 0 .5rem;color:var(--oh-ochre-deep);font-size:.76rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.hero h1{margin:0;color:var(--oh-ink);font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:clamp(2.6rem,7vw,4.1rem);line-height:1.08;letter-spacing:0}.hero-lead{margin:.85rem auto 0;max-width:38rem;color:var(--oh-ink-soft);font-size:1.08rem}.hero-note{margin:.45rem 0 0;color:var(--oh-muted);font-size:.98rem}.hub-section{padding:0 0 2rem}.hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.hub-card{display:flex;flex-direction:column;gap:.35rem;min-width:0;padding:1rem 1.05rem;border:1px dashed var(--oh-border);border-radius:var(--oh-radius);background:#f3efe88c}.hub-question{color:var(--oh-ochre-deep);font-size:.74rem;font-weight:750;letter-spacing:.03em;text-transform:uppercase}.hub-card h3{margin:0;color:var(--oh-ink);font-size:1.05rem;line-height:1.25}.hub-card p{margin:0;color:var(--oh-ink-soft);font-size:.88rem}.content-stack{display:grid;gap:2.35rem;padding-bottom:3.4rem}.section-block{padding-top:1.5rem;border-top:1px solid var(--oh-border);scroll-margin-top:1rem}.section-head{max-width:720px;margin-bottom:1rem}.section-head h2{margin:0;color:var(--oh-ink);font-size:1.48rem;line-height:1.25}.section-head p{margin:.4rem 0 0;color:var(--oh-muted);font-size:.98rem}.triad-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"wall wall" "mentors learning";gap:1rem;max-width:860px;margin:0 auto}.core-top{grid-area:wall}.core-left{grid-area:mentors}.core-right{grid-area:learning}.core-card,.showcase-compact{--surface-accent: var(--oh-ochre-bright);position:relative;min-width:0;color:inherit;border:1px solid var(--oh-border);border-radius:var(--oh-radius);background:#fffdf9f0;box-shadow:var(--oh-shadow-soft);overflow:hidden}.core-card,.showcase-compact{display:flex;flex-direction:column;gap:.62rem;min-height:12rem;padding:1.15rem 1.18rem;text-decoration:none}.core-card:before,.showcase-compact:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--surface-accent);opacity:.78}.core-card>*,.showcase-compact>*{position:relative;z-index:1}.core-top{min-height:10.5rem;text-align:center}.core-top:before{inset:0 0 auto 0;width:auto;height:4px}.card-live{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.card-live:hover{transform:translateY(-2px);border-color:var(--oh-border-strong);box-shadow:var(--oh-shadow-hover)}.card-live:focus-visible{outline:none;box-shadow:var(--oh-focus-ring),var(--oh-shadow-hover)}.card-disabled{border-style:dashed;background:#f3efe89e;box-shadow:none}.card-disabled:before{opacity:.36}.card-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;color:var(--oh-faint);font-size:.78rem;font-weight:600}.core-top .card-meta{justify-content:center;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;max-width:100%;padding:.22rem .58rem;border:1px solid rgba(107,92,73,.22);border-radius:999px;color:var(--oh-muted);background:#fffdf9c7;font-size:.72rem;font-weight:750;letter-spacing:.035em;line-height:1.3}.status-live{color:var(--oh-ochre-deep);border-color:#b07f2657;background:#c79a3c29}.core-card h3,.showcase-compact h3{margin:.1rem 0 0;color:var(--oh-ink);font-size:1.22rem;line-height:1.22}.core-top h3{font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:1.55rem}.core-card p,.showcase-compact p{margin:0;color:var(--oh-ink-soft);font-size:.96rem}.card-cue{margin-top:auto;color:var(--oh-ochre-deep);font-size:.9rem;font-weight:750}.card-disabled .card-cue{color:var(--oh-muted)}.accent-wall{--surface-accent: var(--oh-wall)}.accent-mentors{--surface-accent: var(--oh-mentors)}.accent-learning{--surface-accent: var(--oh-learning)}.accent-play{--surface-accent: var(--oh-play)}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.showcase-compact{min-height:8.5rem}.showcase-compact h3{font-size:1.05rem}.showcase-compact p{font-size:.88rem}.showcase-featured{grid-column:1 / -1;position:relative;display:flex;flex-direction:column;gap:.65rem;padding:1.6rem 1.75rem;color:inherit;text-decoration:none;border:1px solid var(--oh-border);border-radius:var(--oh-radius);background:linear-gradient(135deg,#a6437e1a,#fffdf9f7);box-shadow:var(--oh-shadow-soft);overflow:hidden}.showcase-featured:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--surface-accent, var(--oh-play));opacity:.85}.showcase-featured>*{position:relative;z-index:1}.showcase-featured h3{margin:0;color:var(--oh-ink);font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:1.6rem}.showcase-featured p{margin:0;max-width:44rem;color:var(--oh-ink-soft);font-size:1rem}.site-footer{padding:1.8rem 0 2.2rem;border-top:1px solid var(--oh-border);color:var(--oh-muted);font-size:.9rem}@media (max-width: 900px){.triad-grid,.showcase-grid{grid-template-columns:1fr}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.triad-grid{grid-template-areas:"wall" "mentors" "learning";max-width:none}.core-top{text-align:left}.core-top .card-meta{justify-content:space-between}.showcase-featured{padding:1.3rem 1.4rem}}@media (max-width: 620px){.topbar,.hero,.hub-section,.content-stack,.site-footer{width:min(100% - 1.25rem,var(--oh-shell))}.hub-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column;gap:.65rem}.topbar-nav{justify-content:flex-start;gap:.75rem}.topbar-nav a{font-size:.86rem}.hero{padding:2rem 0 1.7rem}.hero-motif{width:10.5rem}.section-head h2{font-size:1.32rem}.core-card,.showcase-compact{min-height:auto;padding:1.05rem 1rem}.hub-card{padding:.9rem .95rem}.showcase-featured{padding:1.15rem 1.2rem}.card-meta{flex-direction:column;gap:.4rem}}@media (max-width: 380px){.topbar-logo{width:152px}}
