:root {
--bg:#171310;
  --panel:#211a16;
  --text:#f3ede5;
  --muted:#aea094;
  --accent:#d1ac86;
  --line:#3c3028;
  --font:'Avenir Next','Segoe UI',sans-serif;
  --mono:'SFMono-Regular',Consolas,monospace;
  color-scheme:dark;
}

* {
box-sizing:border-box;
}

html {
scroll-behavior:smooth;
  scroll-padding-top:100px;
}

body {
margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

a {
color:inherit;
  text-decoration:none;
}

button {
font:inherit;
}

a,button,summary {
-webkit-tap-highlight-color:transparent;
}

button,a,summary {
touch-action:manipulation;
}

::selection {
background:var(--accent);
  color:var(--bg);
}

:focus-visible {
outline:2px solid var(--accent);
  outline-offset:6px;
}

svg {
display:block;
}

p,h1,h2,h3,h4 {
margin:0;
}

button {
color:inherit;
}

.container {
width:min(1280px,calc(100% - 112px));
  margin-inline:auto;
}

.arrow {
width:23px;
  height:23px;
  flex-shrink:0;
}

.arrow-diagonal {
transform:rotate(-45deg);
}

.arrow-down {
transform:rotate(90deg);
}

.arrow-back {
transform:rotate(180deg);
}

.skip-link {
position:fixed;
  top:12px;
  left:12px;
  z-index:100;
  background:var(--accent);
  color:var(--bg);
  padding:12px 20px;
  transform:translateY(-150%);
}

.skip-link:focus {
transform:none;
}

.site-header {
border-bottom:1px solid var(--line);
  background:rgba(23,19,16,.97);
  position:relative;
  z-index:20;
}

.header-inner {
height:102px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}

.wordmark {
display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:23px;
  line-height:1.02;
  letter-spacing:-.9px;
  font-weight:650;
}

.wordmark-second {
display:block;
}

.site-nav {
display:flex;
  align-items:center;
  gap:30px;
  font-size:13px;
  font-weight:500;
}

.site-nav>a:not(.button) {
color:#d1c7bf;
  transition:color .2s;
}

.site-nav>a:hover,.site-nav>[aria-current] {
color:var(--accent);
}

.button {
display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:23px;
  padding:17px 24px;
  background:var(--accent);
  color:#221810;
  border:1px solid transparent;
  border-radius:4px;
  line-height:1.4;
  font-size:14px;
  font-weight:650;
  transition:background .2s,transform .2s;
  min-height:55px;
}

.button:hover {
background:#f1dfcf;
  transform:translateY(-2px);
}

.button-small {
padding:12px 17px;
  min-height:45px;
  gap:20px;
  font-size:13px;
}

.menu-toggle {
display:none;
}

.eyebrow {
font-family:var(--mono);
  font-size:10px;
  line-height:1.6;
  letter-spacing:1.3px;
  font-weight:400;
  text-transform:uppercase;
  color:var(--accent);
  display:flex;
  align-items:center;
  gap:10px;
}

.status-dot {
display:inline-block;
  width:6px;
  height:6px;
  background:var(--accent);
  border-radius:50%;
  flex-shrink:0;
  box-shadow:0 0 10px #ebd1ba28;
}

.text-link {
display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:13px;
  font-weight:500;
  line-height:1.6;
  transition:color .2s;
}

.text-link:hover {
color:var(--accent);
}

.text-link .arrow {
transition:translate .2s;
}

.text-link:hover .arrow {
translate:3px 0;
}

.stats-strip {
border-block:1px solid var(--line);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  padding-block:28px;
}

.stat {
display:flex;
  flex-direction:column;
  padding-left:38px;
  border-left:1px solid var(--line);
}

.stat:first-child {
padding-left:0;
  border:0;
}

.stat strong {
font-size:26px;
  font-weight:500;
  letter-spacing:-1px;
  line-height:1.3;
}

.stat span {
font-size:11px;
  color:var(--muted);
  margin-top:7px;
}

.section {
padding-block:112px;
}

h2 {
font-size:clamp(36px,4vw,56px);
  line-height:1.1;
  font-weight:500;
  letter-spacing:-2px;
}

h2 span {
color:var(--muted);
}

.fellowship {
display:grid;
  grid-template-columns:1fr 1fr;
  gap:100px;
}

.fellowship-content>.section-lede {
font-size:25px;
  line-height:1.45;
  letter-spacing:-.5px;
  color:var(--text);
  margin-bottom:21px;
}

.fellowship-content>p {
color:var(--muted);
  font-size:14px;
  line-height:1.85;
}

.benefit-list {
margin-block:27px 32px;
}

.benefit-list>div {
display:flex;
  gap:19px;
  padding-block:19px;
  border-top:1px solid var(--line);
}

.benefit-number {
font-family:var(--mono);
  font-size:11px;
  color:var(--accent);
  padding-top:3px;
}

.benefit-list h3 {
font-size:16px;
  font-weight:500;
}

.benefit-list p {
font-size:13px;
  color:var(--muted);
  line-height:1.7;
  margin-top:5px;
}

.work-section {
background:#1c1712;
  border-block:1px solid var(--line);
}

.section-heading {
display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:45px;
}

.section-heading>.text-link {
margin-bottom:5px;
}

.section-intro > .eyebrow,
.section-heading .eyebrow {
  margin-bottom:24px;
}

.faq-list {
border-top:1px solid var(--line);
}

details {
border-bottom:1px solid var(--line);
}

summary {
list-style:none;
  cursor:pointer;
  display:flex;
  gap:20px;
  align-items:center;
  justify-content:space-between;
  font-size:14px;
  line-height:1.5;
  padding:23px 0;
}

summary::-webkit-details-marker {
display:none;
}

summary:hover {
color:var(--accent);
}

.faq-icon {
position:relative;
  width:14px;
  height:14px;
  flex-shrink:0;
}

.faq-icon:before,.faq-icon:after {
content:'';
  position:absolute;
  top:6px;
  width:13px;
  height:1px;
  background:var(--accent);
}

.faq-icon:after {
transform:rotate(90deg);
  transition:transform .2s;
}

details[open] .faq-icon:after {
transform:rotate(0);
}

.faq-answer {
padding:0 32px 24px 0;
  font-size:13px;
  line-height:1.9;
  color:var(--muted);
}

.faq-answer .text-link {
margin-top:15px;
  color:var(--accent);
}

.button-dark {
margin-top:32px;
  background:#2f2115;
  color:#fbf6f2;
}

.button-dark:hover {
background:#4e3825;
}

.site-footer {
padding-top:58px;
}

.footer-top {
display:flex;
  justify-content:space-between;
  gap:35px;
  align-items:flex-start;
  padding-bottom:48px;
}

.footer-top .wordmark {
font-size:20px;
}

.footer-top p {
font-size:11px;
  color:var(--muted);
  margin-top:17px;
}

.footer-links {
display:flex;
  gap:30px;
  font-size:12px;
  padding-top:13px;
}

.footer-links a {
display:flex;
  align-items:center;
  gap:8px;
}

.footer-links a:hover {
color:var(--accent);
}

.footer-links .arrow {
width:16px;
  height:16px;
}

.footer-bottom {
display:flex;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid var(--line);
  padding-block:20px;
  font-size:9px;
  color:#b09e8e;
}

.footer-bottom a {
display:flex;
  align-items:center;
  gap:5px;
}

.footer-bottom .arrow {
width:13px;
  height:13px;
}

.page-shell {
padding-block:52px 100px;
  min-height:60vh;
}

.back-link {
display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  color:var(--muted);
  margin-bottom:50px;
}

.back-link:hover {
color:var(--accent);
}

.prose {
max-width:760px;
  margin-inline:auto;
  font-size:16px;
  color:#cec1b6;
  overflow-wrap:anywhere;
}

.prose h1 {
font-size:clamp(38px,5vw,64px);
  font-weight:500;
  letter-spacing:-2.6px;
  line-height:1.13;
  color:var(--text);
  margin-bottom:32px;
}

.prose h2 {
font-size:30px;
  font-weight:500;
  letter-spacing:-1px;
  line-height:1.3;
  color:var(--text);
  margin:45px 0 19px;
}

.prose h3 {
font-size:23px;
  font-weight:500;
  line-height:1.4;
  color:var(--text);
  margin:30px 0 14px;
}

.prose h4 {
font-size:19px;
  font-weight:500;
  color:var(--text);
  margin:32px 0 15px;
}

.prose p {
margin-block:0 20px;
}

.prose .eyebrow {
font-size:10px;
  margin-bottom:23px;
  flex-wrap:wrap;
}

.prose .article-lede {
font-size:22px;
  color:#ccbaaa;
  line-height:1.55;
  margin-bottom:35px;
}

.prose a:not(.button) {
color:var(--accent);
  text-decoration:underline;
  text-decoration-color:#9d7451;
  text-underline-offset:4px;
}

.prose a:hover {
text-decoration-color:var(--accent);
}

.prose a.button {
margin-block:10px;
}

.prose strong {
color:var(--text);
}

.prose li {
margin-bottom:9px;
}

.prose ul,.prose ol {
padding-left:25px;
  margin-bottom:25px;
}

.prose hr {
border:0;
  border-top:1px solid var(--line);
  margin:35px 0;
}

.prose blockquote {
border-left:2px solid var(--accent);
  padding-left:24px;
  margin:30px 0;
  color:#e8d7c9;
}

.prose pre {
background:#29211a;
  border:1px solid var(--line);
  padding:22px;
  overflow-x:auto;
  border-radius:4px;
}

.prose code {
font-size:.85em;
}

.prose :not(pre)>code {
background:#352a21;
  padding:2px 5px;
  border-radius:3px;
}

.prose img {
max-width:100%;
  height:auto;
}

.prose .article-photo,
.prose .article-video {
  margin:36px 0;
}

.prose .article-photo img,
.prose .article-video video {
  display:block;
  width:100%;
  border-radius:4px;
}

.prose .article-video video {
  height:auto;
  background:#000;
}

.prose .article-photo figcaption,
.prose .article-video figcaption {
  margin-top:10px;
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
}

.prose table {
display:block;
  overflow-x:auto;
  border-collapse:collapse;
  font-size:14px;
  margin:25px 0;
}

.prose td,.prose th {
padding:12px;
  border:1px solid var(--line);
  text-align:left;
}

.prose .byline {
color:var(--muted);
  font-size:13px;
}

.meta-divider {
padding-inline:5px;
}

.application-note {
border:1px solid #6a503a;
  background:#302317;
  padding:22px 25px;
  margin:30px 0;
  color:#e9d5c4;
  border-radius:4px;
}

.application-note p:last-child {
margin-bottom:0;
}

.blog-header {
margin:5px 0 55px;
  max-width:740px;
}

.blog-header h1 {
font-size:65px;
  letter-spacing:-3px;
  font-weight:500;
  line-height:1.1;
  margin:23px 0;
}

.blog-header>p:last-child {
color:var(--muted);
  max-width:490px;
}

.post-list {
margin-bottom:60px;
}

.prose .case-facts {
display:grid;
  grid-template-columns:1fr 1fr;
  gap:25px;
  border-block:1px solid var(--line);
  padding-block:22px;
  margin-bottom:36px;
  font-size:14px;
}

.case-facts dt {
font:10px var(--mono);
  text-transform:uppercase;
  letter-spacing:1px;
  color:var(--muted);
  margin-bottom:9px;
}

.case-facts dd {
margin:0;
  color:var(--text);
}

@media(max-width:1100px) {
.container {
width:calc(100% - 72px);
}

.site-nav {
gap:21px;
}

.fellowship {
gap:60px;
}

.footer-links {
gap:22px;
}
}

@media(max-width:1024px) {
.header-inner {
height:85px;
}

.menu-toggle {
display:flex;
    align-items:center;
    gap:12px;
    background:none;
    border:1px solid var(--line);
    padding:9px 12px;
    border-radius:3px;
    font-size:12px;
    cursor:pointer;
}

.menu-icon {
width:16px;
    height:10px;
    border-block:1px solid var(--accent);
}

.site-nav {
position:absolute;
    left:0;
    right:0;
    top:85px;
    padding:22px 36px 28px;
    background:#1e1813;
    border-bottom:1px solid var(--line);
    display:none;
    align-items:stretch;
    gap:0;
    font-size:15px;
}

.site-nav.is-open {
display:flex;
    flex-direction:column;
}

.site-nav>a {
padding:13px 0;
}

.site-nav>.button {
margin-top:15px;
    padding:14px;
}

.desktop-break {
display:none;
}

.stat {
padding-left:25px;
}

.stat strong {
font-size:23px;
}

.stat span {
font-size:10px;
}

.section {
padding-block:80px;
}

.fellowship {
gap:40px;
}

.footer-links {
display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px 25px;
}
}

@media(max-width:640px) {
.container {
width:calc(100% - 40px);
}

.header-inner {
height:78px;
}

.wordmark {
font-size:20px;
    gap:10px;
}

.site-nav {
top:78px;
    padding-inline:20px;
}

.stats-strip {
grid-template-columns:1fr 1fr;
    padding-block:0;
}

.stat {
padding:23px 12px 23px 22px;
}

.stat:first-child {
padding:23px 12px 23px 0;
}

.stat:nth-child(3) {
padding-left:0;
    border-left:0;
}

.stat:nth-child(n+3) {
border-top:1px solid var(--line);
}

.stat strong {
font-size:24px;
}

.stat span {
font-size:10px;
}

.section {
padding-block:62px;
}

h2 {
font-size:39px;
    letter-spacing:-1.9px;
}

.fellowship {
grid-template-columns:1fr;
    gap:30px;
}

.fellowship-content>.section-lede {
font-size:23px;
}

.fellowship-content>p {
font-size:14px;
}

.benefit-list {
margin-top:25px;
}

.section-heading {
display:block;
    margin-bottom:28px;
}

.section-heading>.text-link {
margin:25px 0 0;
}

.faq-list summary {
font-size:14px;
    padding-block:21px;
}

.faq-answer {
font-size:14px;
    padding-right:15px;
}

.site-footer {
padding-top:37px;
}

.footer-top {
display:block;
    padding-bottom:30px;
}

.footer-links {
display:grid;
    grid-template-columns:1fr 1fr;
    margin-top:27px;
    font-size:12px;
}

.footer-bottom {
flex-wrap:wrap;
    gap:12px;
    font-size:9px;
}

.footer-bottom>span:nth-child(2) {
order:3;
    width:100%;
}

.footer-bottom>a {
margin-left:auto;
}

.page-shell {
padding-block:30px 65px;
}

.back-link {
margin-bottom:38px;
}

.prose {
font-size:15px;
}

.prose h1 {
font-size:41px;
    letter-spacing:-1.8px;
}

.prose h2 {
font-size:28px;
}

.prose h3 {
font-size:21px;
}

.prose .article-lede {
font-size:20px;
}

.prose .eyebrow {
font-size:9px;
}

.prose .case-facts {
grid-template-columns:1fr;
    gap:20px;
}

.application-note {
padding:20px;
}

.blog-header h1 {
font-size:48px;
    letter-spacing:-2px;
}
}

@media(prefers-reduced-motion:reduce) {
html {
scroll-behavior:auto;
}

*,*:before,*:after {
animation:none!important;
    transition:none!important;
}
}

@media print {
body {
background:white;
    color:black;
}

.container {
width:100%;
}

.prose,.prose h1,.prose h2,.prose h3,.prose strong {
color:black;
}

.prose a {
color:#7e512a;
}

.page-shell {
padding:0;
}
}

.accent-text {
color:var(--accent);
}

/* Brown AI Studio wordmark and B* monogram. */
[hidden] { display: none !important; }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.wordmark { font-size: 25px; line-height: 1.05; letter-spacing: -.8px; }
.wordmark-symbol { width: 52px; height: 52px; flex-shrink: 0; }
.wordmark-second { color: var(--accent); }
.site-nav { gap: 25px; font-size: 14px; }
.button-small { font-size: 14px; }
.text-link { font-size: 14px; }
.eyebrow { font-size: 12px; letter-spacing: 1.2px; }

/* A quiet, continuous backdrop with one accumulating graph traversal. */
.home-page { position: relative; isolation: isolate; }
.home-page .site-header { background: rgba(23,19,16,.8); }
.home-page .work-section { background: rgba(28,23,18,.5); }
.hero-section { position: relative; }
.hero { position: relative; padding-block: 104px 110px; min-height: 590px; }
.hero-copy { position: relative; z-index: 1; }
.hero h1 {
  font-size: clamp(72px, 7.7vw, 110px);
  line-height: 1.04;
  letter-spacing: -.055em;
  font-weight: 500;
  margin: 0 0 34px;
  max-width: 1030px;
}
.hero h1 span { color: var(--accent); }
.hero-description { color: #c8bbaf; font-size: 18px; line-height: 1.8; max-width: 530px; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 28px; margin-top: 34px; }
.network-field {
  position: fixed;
  z-index: -1;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.network-graph { position: absolute; inset: 0; width: 100%; height: 100%; }
.network-edge { stroke: #d1ac86; stroke-width: 1; opacity: .045; }
.network-node { fill: #bc9979; opacity: .14; }
.network-trace { stroke: #d8b18a; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; fill: none; }
.network-spark { fill: #e8c296; opacity: .55; filter: drop-shadow(0 0 3px #ecc99d44); }
.stat span { font-size: 13px; }
.fellowship-content > p { font-size: 16px; }
.benefit-list p { font-size: 16px; }
.benefit-list .text-link { color: var(--accent); margin-top: 10px; }
.benefit-list h3 { font-size: 18px; }

/* Product carousel: factual covers, not simulated product screenshots. */
.feature-card { display: grid; grid-template-columns: 1.06fr 1fr; border: 1px solid #41362c; border-radius: 6px; overflow: hidden; background: #251f19; min-width: 0; }
.carousel-slides { display: grid; }
.carousel-slide { grid-area: 1 / 1; }
.carousel-slide[aria-hidden="true"] { visibility: hidden; pointer-events: none; }
.carousel-slide[aria-hidden="false"] { animation: reveal-product .35s ease-out; }
@keyframes reveal-product { from { opacity: .35; } to { opacity: 1; } }
.product-cover {
  display: flex;
  flex-direction: column;
  min-height: 510px;
  padding: 35px;
  position: relative;
  color: #392616;
  background: #ebd0b8;
  min-width: 0;
}
.cover-category { font-family: var(--mono); font-size: 12px; letter-spacing: 1px; text-transform: uppercase; }
.cover-wordmark { font-size: clamp(36px, 4.6vw, 68px); line-height: 1.1; letter-spacing: -.06em; margin-top: auto; overflow-wrap: anywhere; }
.cover-detail { font-size: 17px; margin-top: 25px; max-width: 360px; }
.screenplay-line { font-family: 'Courier New', monospace; font-size: 16px; line-height: 1.7; }
.cover-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 50px; font-size: 14px; }
.cover-bottom .arrow { transition: transform .2s; }
.product-cover:hover .cover-bottom .arrow { transform: rotate(-45deg) translateX(3px); }
.cover-fountainhead { background: #ebd1ba; }
.cover-fountainhead .cover-wordmark { font-family: Georgia, serif; letter-spacing: -.065em; }
.cover-kadi { background: #d0e7b2; color: #254227; }
.cover-kadi .cover-wordmark { font-size: clamp(64px, 9vw, 120px); font-weight: 650; letter-spacing: -.065em; }
.cover-wordgolf { background: #eed7c2; color: #533821; }
.cover-wordgolf .cover-wordmark { font-family: var(--mono); font-size: clamp(35px, 4vw, 57px); letter-spacing: -.055em; }
.word-path { display: flex; flex-wrap: wrap; gap: 7px; font-family: var(--mono); font-size: 14px; }
.word-path > span { opacity: .55; }
.cover-pagio { background: #eac788; color: #4e3213; }
.cover-pagio .cover-wordmark { font-family: Georgia, serif; font-size: clamp(72px, 9vw, 120px); font-style: italic; letter-spacing: -.055em; }
.feature-copy { display: flex; flex-direction: column; align-items: flex-start; padding: 40px; min-width: 0; }
.feature-copy h3 { font-size: 39px; letter-spacing: -1.6px; line-height: 1.15; font-weight: 500; margin: 22px 0 17px; }
.feature-copy h4 { font-size: 22px; line-height: 1.4; letter-spacing: -.5px; font-weight: 500; }
.feature-copy > p:not(.eyebrow) { font-size: 16px; color: #c6b7a9; line-height: 1.8; margin-top: 16px; }
.fellow-byline { font-size: 14px; margin: 25px 0; }
.fellow-byline small { display: block; color: var(--muted); font-size: 13px; margin-top: 3px; }
.feature-copy > .text-link { margin-top: auto; color: var(--accent); }
.carousel-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding-top: 25px; }
.carousel-pagination { display: flex; flex-wrap: wrap; gap: 20px; }
.carousel-pagination button { display: inline-flex; align-items: center; gap: 7px; background: none; border: 0; border-bottom: 2px solid transparent; padding: 10px 0; color: var(--muted); font-size: 14px; cursor: pointer; }
.carousel-pagination button[aria-pressed='true'] { color: var(--accent); border-bottom-color: var(--accent); }
.carousel-pagination button:hover { color: var(--text); }
.product-index { font: 11px var(--mono); opacity: .6; }
.carousel-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.carousel-counter { font: 12px var(--mono); color: var(--muted); margin-right: 5px; }
.icon-button { display: flex; justify-content: center; align-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #625142; border-radius: 50%; background: none; color: var(--accent); cursor: pointer; }
.icon-button:hover { background: #423224; }
.showcase noscript a { color: var(--accent); text-decoration: underline; }

/* An explicitly labeled FAQ, with the first answer visible. */
.faq-section { display: grid; grid-template-columns: 1fr 1.3fr; gap: 75px; }
.faq-section .eyebrow { margin-bottom: 23px; }
.faq-section h2 { font-size: clamp(34px, 3.4vw, 48px); letter-spacing: -1.8px; }
.faq-section > div > p:not(.eyebrow) { font-size: 16px; color: var(--muted); margin: 23px 0; }
.faq-list summary { font-size: 16px; padding-block: 23px; }
.faq-answer { font-size: 16px; line-height: 1.8; }
.faq-answer .text-link { font-size: 14px; }
.closing-section { background: var(--accent); color: #2f2115; }
.closing-inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding-block: 70px; }
.closing-inner h2 { font-size: clamp(38px, 4.1vw, 59px); }
.closing-inner h2 span { color: #7c593b; }
.closing-inner .button { margin: 0; flex-shrink: 0; }

/* Existing writing is attributed, with the original Markdown URLs intact. */
.prose .byline { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; font-size: 14px; margin-bottom: 23px; color: #cbbbad; }
.prose .byline a { text-decoration: none; }
.blog-header a { color: var(--accent); text-underline-offset: 4px; text-decoration: underline; }
.writing-row { display: grid; grid-template-columns: 220px 1fr; gap: 35px; border-top: 1px solid var(--line); padding-block: 32px; }
.writing-meta { display: flex; flex-direction: column; gap: 6px; color: var(--muted); font-size: 13px; }
.writing-meta span:first-child { color: var(--accent); font-size: 12px; }
.writing-row > a { display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.writing-row h2 { font-size: 28px; line-height: 1.3; letter-spacing: -.9px; margin-bottom: 13px; }
.writing-row p { font-size: 16px; color: var(--muted); max-width: 650px; }
.writing-row > a:hover h2 { color: var(--accent); }

/* About Us pairs leadership profiles with a compact alumni mentor section. */
.about-heading { max-width: 780px; margin: 0 0 40px; }
.about-heading h1 { font-size: clamp(45px, 5.4vw, 73px); letter-spacing: -.045em; line-height: 1.1; font-weight: 500; margin: 0 0 24px; }
.about-heading > p:last-child { max-width: 650px; font-size: 18px; color: var(--muted); }
.about-page { max-width: 1000px; }
.leadership-section > h2, .mentors-section > h2 { font-weight: 500; line-height: 1.2; letter-spacing: -.035em; }
.leadership-section > h2 { font-size: clamp(30px, 3vw, 36px); margin-bottom: 24px; }
.mentor-profile { display: grid; grid-template-columns: 96px minmax(0, 1fr); column-gap: 24px; row-gap: 8px; border-top: 1px solid var(--line); padding-block: 24px; scroll-margin-top: 24px; }
.mentor-photo { grid-row: 1 / 3; margin: 0; }
.mentor-photo img, .mentor-initials { display: block; width: 96px; height: 96px; border-radius: 6px; }
.mentor-photo img { object-fit: cover; object-position: 50% 30%; }
.mentor-initials { display: grid; place-items: center; background: var(--panel); border: 1px solid var(--line); color: var(--accent); font-size: 28px; font-weight: 500; }
.mentor-identity { align-self: center; min-width: 0; }
.mentor-identity h2, .mentor-identity h3 { font-size: 28px; line-height: 1.2; letter-spacing: -.025em; font-weight: 500; margin-bottom: 6px; }
.mentor-education { color: var(--accent); font-size: 14px; line-height: 1.5; }
.mentor-bio { grid-column: 2; min-width: 0; }
.mentor-bio > p { font-size: 16px; line-height: 1.6; color: #c7b8ab; max-width: 720px; }
.mentor-bio > p + p { margin-top: 12px; }
.mentor-links { display: flex; flex-wrap: wrap; gap: 0 22px; margin-top: 8px; }
.mentor-links a { color: var(--accent); font-size: 14px; min-height: 36px; }
.mentor-links .arrow { width: 16px; height: 16px; }
.mentors-section { margin-top: 40px; }
.mentors-section > h2 { font-size: 26px; margin-bottom: 12px; }
.mentors-intro { font-size: 15px; color: var(--muted); max-width: 650px; margin-bottom: 24px; }
.mentors-section .mentor-profile { grid-template-columns: 64px minmax(0, 1fr); column-gap: 20px; padding-block: 20px; }
.mentors-section .mentor-photo img, .mentors-section .mentor-initials { width: 64px; height: 64px; }
.mentors-section .mentor-initials { font-size: 22px; }
.mentors-section .mentor-identity h3 { font-size: 22px; }
.mentors-section .mentor-education, .mentors-section .mentor-links a { font-size: 13px; }
.mentors-section .mentor-bio > p { font-size: 15px; }

@media (max-width: 1100px) {
  .site-nav { gap: 18px; }
  .hero { padding-block: 90px; min-height: 570px; }
  .hero h1 { font-size: 83px; }
  .feature-copy { padding: 32px; }
  .feature-copy h3 { font-size: 34px; }
  .product-cover { padding: 29px; }
  .carousel-toolbar { align-items: flex-start; }
  .carousel-pagination { gap: 8px 18px; }
  .carousel-pagination button { font-size: 13px; }
  .product-index { display: none; }
  .carousel-counter { display: none; }
  .faq-section { gap: 45px; }
}
@media (max-width: 900px) {
  .hero { padding-block: 80px 160px; min-height: 550px; }
  .hero h1 { font-size: 73px; }
  .hero-description { font-size: 17px; max-width: 480px; }
  .feature-card { grid-template-columns: 1fr 1fr; }
  .feature-copy { padding: 28px; }
  .feature-copy h3 { font-size: 31px; }
  .feature-copy h4 { font-size: 20px; }
  .product-cover { min-height: 565px; padding: 25px; }
  .cover-wordmark { font-size: 37px; }
  .cover-wordgolf .cover-wordmark { font-size: 34px; }
  .cover-detail { font-size: 16px; }
  .word-path { font-size: 13px; }
  .carousel-toolbar { flex-wrap: wrap; gap: 13px; }
  .carousel-pagination { width: 100%; justify-content: space-between; }
  .carousel-controls { margin-left: auto; }
  .carousel-counter { display: inline; }
  .faq-section { grid-template-columns: 1fr 1.25fr; gap: 35px; }
  .faq-section h2 { font-size: 35px; }
  .closing-inner { align-items: flex-start; flex-direction: column; gap: 28px; }
  .writing-row { grid-template-columns: 170px 1fr; gap: 25px; }
}
@media (max-width: 640px) {
  .wordmark { font-size: 21px; }
  .wordmark-symbol { width: 44px; height: 44px; }
  .hero { padding-block: 65px 190px; min-height: auto; }
  .hero h1 { font-size: clamp(50px, 13vw, 76px); margin-bottom: 28px; line-height: 1.05; letter-spacing: -.05em; }
  .hero-description { font-size: 16px; line-height: 1.8; max-width: 450px; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 22px; margin-top: 30px; }
  .hero-actions .button { font-size: 14px; padding: 16px 20px; gap: 19px; }
  .stat span { font-size: 12px; }
  .eyebrow { font-size: 12px; }
  .fellowship-content > p { font-size: 16px; }
  .benefit-list p { font-size: 16px; }
  .feature-card { grid-template-columns: 1fr; }
  .product-cover { min-height: 330px; padding: 25px; }
  .cover-wordmark { font-size: clamp(35px, 10vw, 60px); }
  .cover-wordgolf .cover-wordmark { font-size: clamp(35px, 10vw, 57px); }
  .cover-kadi .cover-wordmark, .cover-pagio .cover-wordmark { font-size: 80px; }
  .cover-bottom { padding-top: 32px; font-size: 13px; }
  .cover-detail { margin-top: 20px; font-size: 16px; }
  .word-path { font-size: 12px; gap: 5px; }
  .feature-copy { padding: 28px 25px; min-height: 405px; }
  .feature-copy h3 { font-size: 35px; }
  .feature-copy h4 { font-size: 22px; }
  .feature-copy > p:not(.eyebrow) { font-size: 16px; }
  .carousel-pagination { display: grid; grid-template-columns: 1fr 1fr; gap: 3px 20px; }
  .carousel-pagination button { font-size: 14px; padding-block: 12px; }
  .product-index { display: inline; }
  .carousel-toolbar { padding-top: 17px; gap: 18px; }
  .carousel-controls { width: 100%; }
  .carousel-counter { margin-right: auto; }
  .faq-section { grid-template-columns: 1fr; gap: 34px; }
  .faq-section h2 { font-size: 38px; }
  .faq-section > div > p:not(.eyebrow) { margin: 18px 0; }
  .faq-list summary { font-size: 16px; padding-block: 21px; }
  .faq-answer { font-size: 16px; padding-right: 10px; }
  .closing-inner { padding-block: 52px; gap: 30px; }
  .closing-inner h2 { font-size: 38px; letter-spacing: -1.8px; }
  .closing-inner .button { font-size: 14px; }
  .writing-row { grid-template-columns: 1fr; gap: 17px; padding-block: 27px; }
  .writing-meta { flex-direction: row; flex-wrap: wrap; gap: 5px 15px; }
  .writing-row h2 { font-size: 26px; }
  .writing-row > a { gap: 15px; }
  .writing-row p { font-size: 16px; }
  .about-heading { margin-bottom: 32px; }
  .about-heading h1 { font-size: 38px; margin-bottom: 12px; }
  .about-heading > p:last-child { font-size: 16px; }
  .leadership-section > h2 { font-size: 28px; margin-bottom: 20px; }
  .mentor-profile { grid-template-columns: 56px minmax(0, 1fr); column-gap: 14px; row-gap: 10px; padding-block: 16px; }
  .mentor-photo { grid-row: 1; }
  .mentor-photo img, .mentor-initials { width: 56px; height: 56px; }
  .mentor-initials { font-size: 20px; }
  .mentor-identity h2, .mentor-identity h3 { font-size: 23px; margin-bottom: 4px; }
  .mentor-bio { grid-column: 1 / -1; }
  .mentor-links { gap: 0 20px; margin-top: 6px; }
  .mentor-links a { min-height: 32px; }
  .mentors-section { margin-top: 28px; }
  .mentors-section > h2 { font-size: 23px; }
  .mentors-intro { margin-bottom: 20px; }
  .mentors-section .mentor-profile { grid-template-columns: 48px minmax(0, 1fr); column-gap: 14px; padding-block: 16px; }
  .mentors-section .mentor-photo img, .mentors-section .mentor-initials { width: 48px; height: 48px; }
  .mentors-section .mentor-initials { font-size: 18px; }
  .mentors-section .mentor-identity h3 { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .network-motion { display: none; }
  .carousel-slide { animation: none; }
}
@media print {
  .site-header, .site-footer, .network-field, .skip-link, .carousel-toolbar { display: none; }
  .mentor-profile { break-inside: avoid; }
}

/* Product visuals retain each product's own verified website palette. */
#fellowship-title { max-width: 440px; color: var(--text); }
.products-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 40px; }
.products-heading h1 { font-size: clamp(48px, 6vw, 80px); line-height: 1.1; letter-spacing: -.045em; font-weight: 500; margin: 0 0 20px; }
.products-heading p { color: var(--muted); font-size: 18px; max-width: 650px; }
.products-count { font-family: var(--mono); font-size: 12px; white-space: nowrap; color: var(--accent); padding-bottom: 5px; }
.feature-card { grid-template-columns: 1.08fr 1fr; background: var(--panel); border-color: var(--line); }
.product-visual { display: flex; flex-direction: column; justify-content: space-between; padding: 28px; background: var(--product-bg); color: var(--product-ink); min-width: 0; min-height: 590px; border-top: 4px solid var(--product-accent); }
.product-visual-heading, .product-visual-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.product-visual-heading { font-size: 20px; font-weight: 600; letter-spacing: -.4px; }
.product-visual-heading > span:last-child { font: 12px var(--mono); opacity: .7; }
.product-logo { display: block; max-width: 160px; max-height: 45px; object-fit: contain; }
.product-image-frame { display: flex; align-items: center; justify-content: center; flex: 1; padding: 28px 0; }
.product-image { display: block; width: 100%; height: 390px; object-fit: contain; }
.product-image-cover .product-image { object-fit: cover; border-radius: 3px; }
.product-logo-art .product-image { width: 72%; height: 300px; }
.product-visual-fallback { padding-block: 80px; }
.product-visual-fallback strong { display: block; font-size: clamp(42px, 5.5vw, 70px); font-weight: 500; line-height: 1.1; letter-spacing: -.045em; }
.product-visual-fallback p { margin-top: 25px; max-width: 320px; font-size: 18px; }
.product-visual-bottom { font-size: 12px; flex-wrap: wrap; }
.product-visual-bottom a { display: flex; align-items: center; gap: 6px; font-size: 13px; }
.product-visual-bottom .arrow { width: 17px; height: 17px; }
.feature-copy { padding: 32px; }
.feature-copy h3 { margin-block: 0 15px; }
.feature-copy h4 { font-size: 21px; }
.feature-copy > p:not(.eyebrow) { color: var(--muted); }
.founder-list { display: flex; flex-direction: column; gap: 15px; margin-block: 27px; }
.founder { display: flex; align-items: center; gap: 12px; min-width: 0; }
.founder-avatar { display: flex; align-items: center; justify-content: center; flex: 0 0 46px; width: 46px; height: 46px; border-radius: 50%; background: #49382a; color: #e6cab0; overflow: hidden; border: 1px solid #69503c; }
.founder-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.founder-avatar > span { font-family: var(--mono); font-size: 13px; }
.founder > div { min-width: 0; }
.founder > div > a, .founder > div > span { font-size: 14px; }
.founder a:hover { color: var(--accent); }
.founder small { display: block; color: var(--muted); font-size: 12px; line-height: 1.5; margin-top: 3px; }
.product-links { display: flex; flex-wrap: wrap; gap: 15px 25px; margin-top: auto; }
.product-links > a { color: var(--accent); }
.product-private-note { color: var(--muted); font-size: 13px; }
.product-focus { list-style: none; padding: 0; margin: 24px 0 0; display: flex; flex-wrap: wrap; gap: 7px; }
.product-focus li { border: 1px solid var(--line); border-radius: 3px; font-size: 12px; padding: 5px 9px; color: #c7b4a2; }
.showcase { display: flex; flex-direction: column; }
.carousel-toolbar { padding: 0 0 24px; align-items: center; }
.carousel-pagination { position: relative; min-width: 0; flex: 1; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; scrollbar-color: #705640 transparent; }
.carousel-pagination button { flex: 0 0 auto; text-align: left; white-space: nowrap; }
.carousel-pagination small { display: block; font: 11px var(--mono); color: var(--muted); margin-top: 4px; }
.product-directory { display: grid; gap: 76px; }
.cohort-heading { font-family: var(--mono); font-size: 24px; line-height: 1.3; letter-spacing: -.5px; color: var(--accent); border-bottom: 1px solid var(--line); padding-bottom: 18px; margin-bottom: 30px; }
.product-list { display: grid; gap: 36px; }
.product-list-card { scroll-margin-top: 30px; }
.product-list-card .product-visual { min-height: 450px; }
.product-list-card .product-image { height: 280px; }

@media (max-width: 1100px) {
  .product-visual { padding: 24px; }
  .feature-copy { padding: 28px; }
  .feature-copy h3 { font-size: 34px; }
  .carousel-toolbar { flex-wrap: wrap; }
}
@media (max-width: 900px) {
  .product-visual { min-height: 620px; padding: 22px; }
  .product-image { height: 350px; }
  .feature-copy { padding: 25px; }
  .feature-copy h3 { font-size: 31px; }
  .feature-copy h4 { font-size: 20px; }
  .carousel-pagination { width: 100%; flex-basis: 100%; display: flex; justify-content: flex-start; }
  .carousel-controls { margin-left: auto; }
  .product-visual-bottom { flex-direction: column; align-items: flex-start; gap: 10px; }
  .products-heading { display: block; }
  .products-count { display: block; margin-top: 22px; }
}
@media (max-width: 640px) {
  .feature-card { grid-template-columns: 1fr; }
  .product-visual, .product-list-card .product-visual { min-height: 335px; padding: 21px; }
  .product-image, .product-list-card .product-image { height: 240px; }
  .product-image-frame { padding-block: 24px; }
  .product-logo-art .product-image { height: 210px; }
  .product-visual-heading { font-size: 19px; }
  .product-visual-bottom { flex-direction: row; align-items: center; gap: 10px; }
  .product-visual-fallback { padding-block: 60px; }
  .feature-copy { padding: 26px 23px; min-height: 450px; }
  .feature-copy h3 { font-size: 34px; }
  .feature-copy h4 { font-size: 21px; }
  .founder-list { margin-block: 24px; }
  .founder-avatar { flex-basis: 43px; width: 43px; height: 43px; }
  .product-links { gap: 15px; }
  .product-links > a { font-size: 14px; }
  .carousel-toolbar { gap: 15px; padding-bottom: 20px; }
  .carousel-pagination { display: flex; gap: 23px; }
  .carousel-pagination button { padding-block: 10px; }
  .carousel-pagination .product-index { display: none; }
  .carousel-controls { width: 100%; }
  .carousel-counter { margin-right: auto; }
  .products-heading p { font-size: 16px; }
  .products-heading { margin-bottom: 30px; }
  .product-directory { gap: 48px; }
  .product-list { gap: 28px; }
  .cohort-heading { margin-bottom: 24px; }
  #fellowship-title { max-width: 340px; }
}

/* Compact directory cards keep the full summaries visible. */
.product-list-card .product-image-frame { padding-block: 20px; }
.product-list-card .product-visual-fallback { padding-block: 45px; }
.product-list-card .feature-copy { padding: 26px; min-height: 0; }
.product-list-card .feature-copy h3 { margin-block: 0 5px; }
.product-list-card .product-focus { margin-top: 18px; }
.product-list-card .founder-list { margin-block: 20px; gap: 10px; }
.product-list-card .product-summary { line-height: 1.7; }
.benefit-list p a { color: var(--accent); text-decoration: underline; text-underline-offset: 4px; }
.prose .article-date { color: var(--muted); font-size: 13px; margin: -14px 0 24px; }
@media (max-width: 640px) {
  .product-list-card .product-visual { min-height: 280px; }
  .product-list-card .product-image { height: 190px; }
  .product-list-card .product-image-frame { padding-block: 16px; }
  .product-list-card .feature-copy { padding: 23px; }
}

/* A quiet, full-screen slide for showing the fellowship during lectures. */
.lecture-stage {
  width: min(1440px, calc(100% - 112px));
  min-height: 100svh;
  margin-inline: auto;
  padding-block: 48px;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
  align-items: center;
  gap: clamp(40px, 6vw, 100px);
}
.lecture-copy .wordmark { margin-bottom: clamp(40px, 7vh, 80px); }
.lecture-copy .eyebrow { margin-bottom: 20px; }
.lecture-copy h1 { font-size: clamp(48px, 5.4vw, 88px); font-weight: 500; line-height: 1.05; letter-spacing: -.05em; }
.lecture-copy h1 span { color: var(--accent); }
.lecture-description { max-width: 430px; margin-top: 28px; font-size: clamp(18px, 1.8vw, 25px); line-height: 1.5; color: var(--muted); }
.lecture-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; max-width: 450px; margin: 36px 0 0; padding-top: 24px; border-top: 1px solid var(--line); }
.lecture-facts dt { font-size: clamp(28px, 3vw, 40px); line-height: 1.2; letter-spacing: -.03em; }
.lecture-facts dd { margin: 9px 0 0; font-size: 14px; color: var(--muted); }
.lecture-code { width: min(100%, 560px, calc(100svh - 190px)); margin: 0; justify-self: center; text-align: center; }
.lecture-qr { display: block; border-radius: 10px; overflow: hidden; }
.lecture-qr img { display: block; width: 100%; height: auto; }
.lecture-code figcaption { margin-top: 25px; }
.lecture-code figcaption p { font-size: 16px; color: var(--muted); }
.lecture-url { display: inline-flex; align-items: center; gap: 14px; margin-top: 5px; font-size: clamp(25px, 3vw, 42px); font-weight: 500; letter-spacing: -.04em; color: var(--accent); }
.lecture-url .arrow { width: 30px; height: 30px; }
@media (max-width: 760px) {
  .lecture-stage { width: calc(100% - 40px); grid-template-columns: 1fr; padding-block: 32px 48px; gap: 42px; }
  .lecture-copy .wordmark { margin-bottom: 42px; }
  .lecture-copy h1 { font-size: clamp(43px, 9vw, 64px); }
  .lecture-description { font-size: 18px; margin-top: 22px; }
  .lecture-facts { margin-top: 26px; padding-top: 20px; }
  .lecture-code { width: min(100%, 440px); }
  .lecture-code figcaption { margin-top: 18px; }
  .lecture-url { font-size: 32px; }
}
