:root {
  --ink: #2D3537;
  --muted: #6E7A7D;
  --deep: #24383E;
  --brand: #3F5F68;
  --sand: #C7A96B;
  --accent: #D66A4A;
  --paper: #F5F1E8;
  --mist: #E8EEEB;
  --white: #FFFCF7;
  --line: rgba(36,56,62,.15);
  --shadow: 0 18px 48px rgba(36,56,62,.10);
  --radius: 22px;
  --shell: min(1180px, calc(100% - 40px));
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; line-height:1.72; }
img { display:block; max-width:100%; height:auto; }
a { color:var(--brand); text-decoration-thickness: .08em; text-underline-offset:.16em; }
a:hover { color:var(--accent); }
button,input { font:inherit; }
button { cursor:pointer; }
.shell { width:var(--shell); margin-inline:auto; }
.narrow { max-width:760px; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.skip-link { position:fixed; left:16px; top:-80px; z-index:1000; background:var(--deep); color:#fff; padding:10px 16px; border-radius:0 0 10px 10px; }
.skip-link:focus { top:0; }
.site-header { position:sticky; top:0; z-index:50; background:rgba(245,241,232,.94); backdrop-filter: blur(14px); border-bottom:1px solid var(--line); }
.header-inner { min-height:78px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; }
.brand { display:flex; align-items:center; gap:10px; color:var(--deep); text-decoration:none; }
.brand img { width:42px; height:42px; object-fit:contain; }
.brand span { display:grid; line-height:1.15; }
.brand strong { font-size:1.08rem; letter-spacing:.08em; }
.brand small { margin-top:4px; color:var(--muted); font-size:.72rem; }
.main-nav { display:flex; align-items:center; justify-content:center; gap:8px; }
.nav-link { text-decoration:none; color:var(--ink); padding:8px 11px; border-radius:999px; font-size:.92rem; }
.nav-link:hover,.nav-link.is-active { background:var(--mist); color:var(--deep); }
.header-search { display:flex; border:1px solid var(--line); border-radius:999px; overflow:hidden; background:var(--white); }
.header-search input { width:170px; min-width:0; padding:8px 12px; border:0; outline:none; background:transparent; color:var(--ink); }
.header-search button { border:0; background:var(--deep); color:#fff; padding:8px 13px; }
.menu-toggle { display:none; border:1px solid var(--line); background:var(--white); color:var(--deep); border-radius:999px; padding:8px 13px; }
.site-main { min-height:70vh; }
.eyebrow { margin:0 0 10px; color:var(--accent); font-size:.78rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
h1,h2,h3 { color:var(--deep); line-height:1.22; margin-top:0; }
h1 { font-size:clamp(2.2rem, 5vw, 4.8rem); letter-spacing:-.045em; }
h2 { font-size:clamp(1.7rem, 3vw, 2.7rem); letter-spacing:-.03em; }
h3 { font-size:1.15rem; }
.lead { font-size:clamp(1.03rem, 1.8vw, 1.24rem); color:#49575A; max-width:760px; }
.button-row { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:9px 16px; border:1px solid rgba(63,95,104,.32); border-radius:999px; text-decoration:none; background:var(--white); color:var(--deep); font-weight:650; }
.button.primary { background:var(--accent); color:#fff; border-color:var(--accent); }
.button.dark { background:var(--deep); color:#fff; border-color:var(--deep); }
.text-link { font-weight:650; text-decoration:none; }
.breadcrumb { padding:22px 0 8px; font-size:.86rem; color:var(--muted); }
.breadcrumb ol { list-style:none; display:flex; flex-wrap:wrap; gap:7px; padding:0; margin:0; }
.breadcrumb li:not(:last-child)::after { content:'›'; margin-left:7px; color:#99A29F; }
.breadcrumb a { color:var(--muted); text-decoration:none; }
.home-intro { display:grid; grid-template-columns:1.02fr .98fr; gap:64px; align-items:center; padding:70px 0 82px; }
.intro-copy h1 { max-width:720px; }
.intro-copy .lead { margin:0 0 28px; }
.intro-index { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:34px 0 0; }
.intro-index div { padding:16px 0; border-top:1px solid var(--line); }
.intro-index dt { color:var(--deep); font-weight:750; }
.intro-index dd { margin:4px 0 0; color:var(--muted); font-size:.87rem; }
.intro-visual { margin:0; }
.intro-visual img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:120px 20px 120px 20px; box-shadow:var(--shadow); }
.intro-visual figcaption { padding:10px 6px 0; color:var(--muted); font-size:.86rem; }
.section-heading { margin-bottom:26px; }
.split-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; }
.split-heading h2 { margin-bottom:0; }
.video-feature-section { padding:36px 0 90px; }
.feature-layout { display:grid; grid-template-columns:1.22fr .78fr; gap:28px; }
.feature-stack { display:grid; gap:18px; }
.media-card { background:var(--white); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }
.media-thumb { display:block; overflow:hidden; }
.media-thumb img { width:100%; aspect-ratio:16/10; object-fit:cover; transition:transform .35s ease; }
.media-card:hover .media-thumb img { transform:scale(1.02); }
.media-copy { padding:21px; }
.media-copy h3 { margin-bottom:9px; }
.media-copy h3 a { color:var(--deep); text-decoration:none; }
.media-copy p { margin:0; color:#556265; }
.media-card.is-featured .media-thumb img { aspect-ratio:16/11; }
.media-card.is-featured .media-copy { padding:26px; }
.media-card.is-featured h3 { font-size:1.6rem; }
.media-card.is-compact { display:grid; grid-template-columns:160px 1fr; min-height:155px; }
.media-card.is-compact .media-thumb img { height:100%; aspect-ratio:auto; }
.media-card.is-compact .media-copy { padding:17px; }
.media-card.is-compact .media-copy p { font-size:.9rem; }
.tag-list { display:flex; flex-wrap:wrap; gap:7px; list-style:none; padding:0; margin:16px 0 0; }
.tag-list li { color:var(--brand); background:var(--mist); border-radius:999px; padding:3px 9px; font-size:.76rem; }
.community-band { background:var(--deep); color:#DBE4E1; padding:82px 0; }
.community-band h2,.community-band h3 { color:#fff; }
.community-layout { display:grid; grid-template-columns:.72fr 1.28fr; gap:70px; align-items:start; }
.community-heading { position:sticky; top:120px; }
.community-heading p:not(.eyebrow) { color:#B9C8C6; }
.topic-list { border-top:1px solid rgba(255,255,255,.15); }
.topic-row { display:grid; grid-template-columns:120px 1fr auto; gap:20px; padding:22px 0; border-bottom:1px solid rgba(255,255,255,.13); align-items:start; }
.topic-kicker { font-size:.78rem; color:var(--sand); }
.topic-main h3 { margin-bottom:7px; }
.topic-main h3 a { color:inherit; text-decoration:none; }
.topic-main p { margin:0; color:inherit; opacity:.77; }
.topic-note { max-width:180px; margin:0; color:inherit; opacity:.55; font-size:.8rem; }
.crossover { padding:92px 0 70px; }
.crossover-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.crossover-grid article { border-top:3px solid var(--sand); padding-top:16px; }
.crossover-grid img { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:16px; margin-bottom:18px; }
.crossover-grid p { color:var(--muted); }
.crossover-grid a { display:inline-block; margin-right:12px; font-weight:650; }
.access-strip { padding:34px 0 78px; }
.access-strip-inner { display:grid; grid-template-columns:1fr 1.25fr auto; gap:28px; align-items:center; background:var(--mist); border:1px solid var(--line); border-radius:var(--radius); padding:28px 32px; }
.access-strip h2 { font-size:1.65rem; margin-bottom:0; }
.access-strip p { margin:0; color:#526163; }
.brand-notes { padding:0 0 96px; }
.note-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); }
.note-grid article { padding:24px 26px 24px 0; border-bottom:1px solid var(--line); }
.note-grid article:nth-child(odd) { border-right:1px solid var(--line); padding-right:28px; }
.note-grid article:nth-child(even) { padding-left:28px; }
.note-grid h3 { margin-bottom:8px; }
.note-grid h3 a { text-decoration:none; }
.note-grid p { color:var(--muted); margin:0; }
.page-lead { display:grid; grid-template-columns:1fr .76fr; gap:50px; align-items:end; padding:44px 0 68px; }
.page-lead img { width:100%; aspect-ratio:3/2; object-fit:cover; border-radius:18px 90px 18px 18px; }
.video-river { display:grid; grid-template-columns:repeat(2,1fr); gap:26px; padding-bottom:72px; }
.video-river .media-card.is-wide { grid-column:1/-1; display:grid; grid-template-columns:1.1fr .9fr; }
.video-river .media-card.is-wide .media-thumb img { height:100%; aspect-ratio:16/9; }
.river-break { grid-column:1/-1; display:grid; grid-template-columns:.74fr 1.26fr; gap:30px; background:var(--deep); color:#D7E1DE; border-radius:var(--radius); overflow:hidden; }
.river-break img { width:100%; height:100%; min-height:260px; object-fit:cover; }
.river-break div { padding:36px 36px 36px 0; align-self:center; }
.river-break h2 { color:#fff; }
.video-to-community { margin-bottom:96px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:28px 0; display:flex; justify-content:space-between; align-items:center; gap:30px; }
.video-to-community h2 { font-size:1.75rem; margin-bottom:8px; }
.video-to-community p { margin:0; color:var(--muted); }
.community-page { padding-bottom:96px; }
.community-page-head { display:grid; grid-template-columns:1fr .75fr; gap:60px; align-items:end; padding:42px 0 48px; border-bottom:2px solid var(--deep); }
.community-page-head h1 { font-size:clamp(2.4rem,4.8vw,4.4rem); margin-bottom:0; }
.community-page-head > p { color:var(--muted); }
.community-columns { display:grid; grid-template-columns:1.35fr .65fr; gap:54px; padding-top:38px; }
.discussion-stream h2 { font-size:1rem; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); margin-bottom:0; }
.discussion-stream .topic-list,.discussion-stream { border-top:0; }
.discussion-stream .topic-row { grid-template-columns:100px 1fr; color:var(--ink); border-bottom:1px solid var(--line); padding:25px 0; }
.discussion-stream .topic-main h3 { color:var(--deep); font-size:1.22rem; }
.discussion-stream .topic-main p { color:var(--muted); opacity:1; }
.discussion-stream .topic-note { grid-column:2; max-width:none; color:var(--brand); opacity:1; }
.community-aside { display:grid; gap:20px; align-content:start; }
.aside-card { background:var(--white); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }
.aside-card img { width:100%; aspect-ratio:16/10; object-fit:cover; }
.aside-card h2,.aside-card p,.aside-card a,.aside-card form { margin-left:22px; margin-right:22px; }
.aside-card h2 { font-size:1.35rem; margin-top:20px; }
.aside-card p { color:var(--muted); }
.aside-card a { display:inline-block; margin-bottom:22px; }
.aside-card.text-only { padding:4px 0 22px; }
.search-row { display:flex; }
.search-row input { width:100%; min-width:0; border:1px solid var(--line); border-radius:10px 0 0 10px; padding:10px; }
.search-row button { border:0; background:var(--deep); color:#fff; padding:10px 14px; border-radius:0 10px 10px 0; }
.brand-page { padding-bottom:96px; }
.brand-opening { display:grid; grid-template-columns:1fr .8fr; gap:52px; align-items:center; padding:46px 0 70px; }
.brand-opening img { border-radius:90px 18px 18px 18px; width:100%; aspect-ratio:4/3; object-fit:cover; }
.brand-paths { display:grid; grid-template-columns:repeat(3,1fr); gap:0; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }
.brand-paths article { padding:30px; min-height:290px; }
.brand-paths article + article { border-left:1px solid var(--line); }
.brand-paths .path-video { background:var(--white); }
.brand-paths .path-community { background:var(--deep); color:#D8E2DF; }
.brand-paths .path-community h2,.brand-paths .path-community a { color:#fff; }
.brand-paths .path-access { background:var(--mist); }
.brand-selection { padding:78px 0; }
.brand-selection-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.related-term { display:grid; grid-template-columns:.55fr 1.45fr; gap:40px; border-top:2px solid var(--deep); padding-top:30px; }
.related-term p { color:var(--muted); }
.access-page { padding-bottom:96px; }
.access-opening { display:grid; grid-template-columns:1fr .72fr; gap:60px; align-items:center; padding:46px 0 68px; }
.access-opening img { border-radius:22px 90px 22px 22px; width:100%; aspect-ratio:4/3; object-fit:cover; }
.access-facts { border-top:2px solid var(--deep); }
.access-facts article { display:grid; grid-template-columns:80px 1fr; gap:28px; padding:30px 0; border-bottom:1px solid var(--line); }
.access-facts article > span { color:var(--sand); font-size:2rem; font-weight:700; }
.access-facts h2 { font-size:1.45rem; margin-bottom:8px; }
.access-facts p { margin:0; color:var(--muted); max-width:860px; }
.access-links { display:grid; grid-template-columns:.42fr 1.58fr; gap:50px; padding:72px 0; }
.access-links nav { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); }
.access-links nav a { display:grid; gap:6px; text-decoration:none; padding:20px 16px 20px 0; border-bottom:1px solid var(--line); }
.access-links nav a:nth-child(odd) { border-right:1px solid var(--line); margin-right:20px; }
.access-links span { color:var(--muted); font-size:.87rem; }
.browser-note { display:grid; grid-template-columns:.6fr 1.4fr; gap:36px; background:var(--mist); border-radius:var(--radius); overflow:hidden; align-items:center; }
.browser-note img { width:100%; height:100%; min-height:300px; object-fit:cover; }
.browser-note div { padding:30px 42px 30px 0; }
.content-page { padding-bottom:96px; }
.content-article { max-width:900px; margin:32px auto 0; }
.content-article > header { max-width:830px; }
.content-article h1 { font-size:clamp(2.25rem,4.6vw,4.15rem); }
.content-hero { margin:34px 0; }
.content-hero img { width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:var(--radius); }
.content-body { max-width:760px; margin:0 auto; font-size:1.06rem; }
.content-body p { margin:0 0 24px; }
.content-body h2 { margin-top:42px; font-size:1.7rem; }
.topic-article { border-left:4px solid var(--sand); padding-left:36px; }
.related-content { margin-top:76px; padding-top:30px; border-top:1px solid var(--line); }
.related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.related-grid article { background:var(--white); border:1px solid var(--line); border-radius:16px; padding:20px; }
.related-grid p { color:var(--muted); }
.search-page { padding-bottom:96px; }
.search-page > header { padding:36px 0 24px; }
.search-page > header h1 { font-size:clamp(2rem,4vw,3.7rem); }
.search-large { background:var(--mist); padding:22px; border-radius:16px; }
.search-large label { display:block; font-weight:700; margin-bottom:8px; }
.search-large > div { display:flex; }
.search-large input { flex:1; min-width:0; padding:13px 14px; border:1px solid var(--line); border-radius:12px 0 0 12px; background:var(--white); }
.search-large button { border:0; background:var(--deep); color:#fff; padding:13px 22px; border-radius:0 12px 12px 0; }
.search-suggestions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:28px; }
.search-suggestions h2 { font-size:1rem; margin:0 12px 0 0; }
.search-suggestions a { padding:7px 12px; background:var(--white); border:1px solid var(--line); border-radius:999px; text-decoration:none; }
.search-results { margin-top:40px; }
.search-results > h2 { font-size:1.1rem; color:var(--muted); }
.search-results article { display:grid; grid-template-columns:70px 1fr; gap:20px; padding:22px 0; border-bottom:1px solid var(--line); }
.search-results article > span { color:var(--accent); font-size:.8rem; font-weight:700; }
.search-results h3 { margin-bottom:6px; }
.search-results p { margin:0; color:var(--muted); }
.empty-results { margin-top:40px; }
.not-found { padding:100px 0 130px; }
.not-found h1 { font-size:clamp(2.2rem,5vw,4rem); }
.site-footer { background:#1F3035; color:#B9C5C4; padding:56px 0 22px; }
.footer-grid { display:grid; grid-template-columns:1.5fr .75fr .75fr; gap:50px; }
.footer-grid h2 { color:#fff; font-size:.88rem; text-transform:uppercase; letter-spacing:.08em; }
.footer-brand { color:#fff; font-size:1.5rem; font-weight:800; margin-top:0; }
.footer-grid a { display:block; color:#DCE5E2; text-decoration:none; margin:8px 0; }
.footer-bottom { margin-top:38px; padding-top:18px; border-top:1px solid rgba(255,255,255,.12); display:flex; justify-content:space-between; font-size:.8rem; }
:focus-visible { outline:3px solid rgba(214,106,74,.55); outline-offset:3px; }
@media (max-width: 980px) {
  .header-inner { grid-template-columns:auto auto 1fr; }
  .main-nav { grid-column:1/-1; order:3; justify-content:flex-start; overflow:auto; padding-bottom:9px; }
  .header-search { justify-self:end; }
  .home-intro,.page-lead,.brand-opening,.access-opening { grid-template-columns:1fr; gap:34px; }
  .home-intro { padding-top:48px; }
  .intro-visual { max-width:760px; }
  .feature-layout,.community-layout,.community-columns { grid-template-columns:1fr; }
  .community-heading { position:static; }
  .community-aside { grid-template-columns:repeat(2,1fr); }
  .access-strip-inner { grid-template-columns:1fr; }
  .brand-paths,.brand-selection-grid,.crossover-grid { grid-template-columns:1fr 1fr; }
  .brand-paths article + article { border-left:0; border-top:1px solid var(--line); }
  .brand-paths article:nth-child(2) { border-top:0; border-left:1px solid var(--line); }
  .access-links { grid-template-columns:1fr; gap:18px; }
}
@media (max-width: 860px) {
  .site-header { position:relative; }
  .header-inner { grid-template-columns:1fr auto; padding:13px 0; }
  .menu-toggle { display:inline-flex; justify-self:end; }
  .main-nav { display:none; position:absolute; top:72px; left:20px; right:20px; padding:12px; background:var(--white); border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow); z-index:60; }
  .main-nav.is-open { display:grid; }
  .nav-link { padding:10px 12px; }
  .header-search { grid-column:1/-1; justify-self:stretch; }
  .header-search input { width:100%; flex:1; }
  .intro-index { grid-template-columns:1fr; }
  .feature-layout { display:block; }
  .feature-stack { margin-top:18px; }
  .video-river { grid-template-columns:1fr; }
  .video-river .media-card.is-wide { grid-column:auto; display:block; }
  .river-break { grid-column:auto; grid-template-columns:1fr; }
  .river-break div { padding:24px; }
  .community-page-head { grid-template-columns:1fr; gap:10px; }
  .community-aside { grid-template-columns:1fr; }
  .brand-paths,.brand-selection-grid,.crossover-grid,.related-grid { grid-template-columns:1fr; }
  .brand-paths article:nth-child(2) { border-left:0; border-top:1px solid var(--line); }
  .related-term { grid-template-columns:1fr; gap:8px; }
  .browser-note { grid-template-columns:1fr; }
  .browser-note div { padding:0 24px 24px; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-grid > div:first-child { grid-column:1/-1; }
}
@media (max-width: 640px) {
  :root { --shell:min(100% - 28px, 1180px); --radius:16px; }
  h1 { font-size:2.45rem; }
  .home-intro { padding:38px 0 56px; }
  .intro-visual img { border-radius:56px 14px 56px 14px; }
  .split-heading { display:block; }
  .split-heading .text-link { display:inline-block; margin-top:10px; }
  .media-card.is-compact { grid-template-columns:118px 1fr; }
  .media-card.is-compact .media-copy { padding:14px; }
  .media-card.is-compact .eyebrow,.media-card.is-compact .tag-list { display:none; }
  .media-card.is-compact h3 { font-size:1rem; }
  .media-card.is-compact .media-copy p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .community-band { padding:58px 0; }
  .topic-row,.discussion-stream .topic-row { grid-template-columns:1fr; gap:8px; }
  .discussion-stream .topic-note { grid-column:auto; }
  .topic-note { max-width:none; }
  .note-grid { grid-template-columns:1fr; }
  .note-grid article,.note-grid article:nth-child(odd),.note-grid article:nth-child(even) { border-right:0; padding:20px 0; }
  .video-to-community { display:block; }
  .video-to-community .button { margin-top:14px; }
  .access-facts article { grid-template-columns:48px 1fr; gap:16px; }
  .access-links nav { grid-template-columns:1fr; }
  .access-links nav a:nth-child(odd) { border-right:0; margin-right:0; }
  .topic-article { padding-left:18px; }
  .search-results article { grid-template-columns:1fr; gap:5px; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-grid > div:first-child { grid-column:auto; }
  .footer-bottom { display:grid; gap:5px; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}
.rules-page { padding-bottom:96px; }
.rules-opening { max-width:920px; padding:44px 0 54px; }
.rules-opening h1 { font-size:clamp(2.35rem,4.8vw,4.5rem); max-width:900px; }
.rules-list { border-top:2px solid var(--deep); }
.rules-list article { display:grid; grid-template-columns:86px 1fr; gap:30px; padding:34px 0; border-bottom:1px solid var(--line); }
.rules-list article > span { color:var(--sand); font-size:1.8rem; font-weight:800; letter-spacing:-.04em; }
.rules-list h2 { font-size:1.55rem; margin-bottom:12px; }
.rules-list p { max-width:850px; color:#526063; margin:0 0 12px; }
.rules-next { display:flex; align-items:center; justify-content:space-between; gap:36px; margin-top:54px; padding:28px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.rules-next h2 { font-size:1.7rem; margin-bottom:8px; }
.rules-next p { color:var(--muted); margin:0; }
@media (max-width:640px) {
  .rules-list article { grid-template-columns:1fr; gap:8px; padding:26px 0; }
  .rules-list article > span { font-size:1.25rem; }
  .rules-next { display:block; }
  .rules-next .button-row { margin-top:18px; }
}