:root {
  color-scheme: dark;
  --bg: #0b0b0c; --surface: #141416; --surface-hover: #1c1c1f;
  --text: #f0f0f0; --muted: #949499; --line: #2b2b2e;
  --accent: #eeeeee; --accent-rgb: 238,238,238;
  --sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono: 'IBM Plex Mono', monospace;
  --serif: 'Cormorant Garamond', Georgia, serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font: 400 16px/1.5 var(--sans); -webkit-font-smoothing: antialiased; }
body.dialog-open { overflow: hidden; }
::selection { background: #6d6d71; color: #fff; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; cursor: pointer; }
button, a { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
button { border: 0; }
img { display: block; max-width: 100%; }
h1, h2, h3, p { margin: 0; }
button, input { font-family: inherit; }
.icon { display: block; width: 22px; height: 22px; flex-shrink: 0; }
.skip-link { position: absolute; top: -80px; left: 16px; z-index: 100; background: #eee; color: #111; padding: 12px 18px; }
.skip-link:focus { top: 8px; }
.preview-bar { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 16px 28px; min-height: 56px; padding: 9px 20px; border-bottom: 1px solid #29292c; background: #111113; font: 400 12px/1.4 var(--sans); color: #929297; }
.preview-label { font-size: 12px; }
.preview-bar nav { display: flex; gap: 4px; flex-wrap: wrap; }
.preview-bar a { display: flex; align-items: center; gap: 9px; padding: 9px 13px; border-radius: 6px; font-size: 13px; color: #aaaab0; }
.preview-bar a span { color: #85858d; font: 400 11px/1 var(--mono); }
.preview-bar a:hover { color: #f4f4f4; background: #1c1c20; }
.preview-bar a[aria-current] { color: #f4f4f4; background: #27272b; box-shadow: inset 0 1px #ffffff09; }
.keeper-tag { font:500 12px/1.4 var(--sans); border:1px solid #536044; color:#c0d8a5; padding:2px 7px; border-radius:4px; }
.site-wrap, .gold-wrap { width: min(1240px, calc(100% - 96px)); margin: 0 auto; }
.site-header { display: flex; align-items: center; justify-content: space-between; height: 102px; border-bottom: 1px solid var(--line); }
.monogram { font: 800 24px/1 var(--sans); letter-spacing: -.09em; }
.monogram span { color: var(--muted); }
.small-label, .eyebrow { color: var(--muted); font: 400 12px/1.5 var(--mono); }
.small-label { letter-spacing: -.025em; }
.eyebrow { display: block; letter-spacing: .025em; }
.site-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 34px 0 30px; color: var(--muted); font: 400 12px/1.5 var(--mono); }
.surface { background: var(--surface); border: 1px solid var(--line); box-shadow: inset 0 1px 0 #ffffff04, 0 8px 30px #0000000a; }
.reveal { animation: reveal .75s cubic-bezier(.2,.7,.2,1) both; }
.channel-grid { animation-delay: .11s; }
.future-grid { animation-delay: .2s; }
@keyframes reveal { from { opacity: 0; transform: translateY(18px); filter: blur(3px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } }
.mono-hero { padding: 63px 0 65px; display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; }
.mono-hero .eyebrow { margin-bottom: 27px; }
.mono-hero h1 { font: 800 clamp(64px, 8.8vw, 124px)/.97 var(--sans); letter-spacing: -.075em; text-transform: uppercase; }
.mono-hero h1 span { color: #d5d5d8; }
.portrait-object { width: 170px; height: 186px; position: relative; margin-right: 20px; margin-bottom: 4px; }
.portrait-object img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); border-radius: 3px; position: relative; z-index: 1; }
.portrait-frame { position: absolute; inset: 13px -13px -13px 13px; border: 1px solid #454549; border-radius: 3px; transition: transform .6s; }
.portrait-object:hover .portrait-frame { transform: translate(4px,4px); }
.directory { padding-bottom: 4px; }
.channel-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.channel-card { display: flex; flex-direction: column; width: 100%; position: relative; padding: 22px; min-width: 0; height: 319px; text-align: left; border-radius: 14px; overflow: hidden; isolation: isolate; transition: border-color .25s, box-shadow .25s, transform .4s cubic-bezier(.2,.7,.2,1); transform: perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)); }
.channel-card::before { content: ''; position: absolute; inset: 0; pointer-events: none; z-index: -1; opacity: 0; background: radial-gradient(380px circle at var(--px,50%) var(--py,50%), rgba(var(--accent-rgb),.07), transparent 70%); transition: opacity .25s; }
.channel-card:hover, .channel-card:focus-visible { border-color: #57575d; box-shadow: inset 0 1px #ffffff0b,0 12px 40px #0003; }
.channel-card:hover::before, .channel-card:focus-visible::before { opacity: 1; }
.card-top { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; }
.platform-icon { display: grid; place-items: center; color: #d0d0d5; }
.platform-icon .icon { width: 23px; height: 23px; }
.card-index { color: #74747c; font: 400 12px/1 var(--mono); }
.card-art { position: relative; display: block; width: 100%; height: 185px; margin-top: 13px; pointer-events: none; }
.card-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; position: relative; }
.card-title { font-size: 21px; line-height: 1.2; font-weight: 500; letter-spacing: -.035em; }
.card-action { color: var(--muted); font-size: 12px; padding: 5px 9px; border: 1px solid #ffffff12; border-radius: 5px; background: #ffffff03; transition: color .2s, border-color .2s; }
.channel-card:hover .card-action, .channel-card:focus-visible .card-action { color: var(--text); border-color: #ffffff35; }
.video-sheet { position: absolute; width: 78%; aspect-ratio: 16/9; border: 1px solid #444449; background: #252529; border-radius: 7px; overflow: hidden; box-shadow: 0 8px 18px #0007; transition: transform .55s cubic-bezier(.2,.7,.2,1); }
.video-sheet img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.45) brightness(.78); transition: filter .45s; }
.video-back { left: 2%; top: 5px; transform: rotate(-8deg); }
.video-front { left: 18%; top: 34px; transform: rotate(5deg); }
.video-front img { object-position: center; }
.channel-card:hover .video-back, .channel-card:focus-visible .video-back { transform: rotate(-11deg) translate(-6px,-5px); }
.channel-card:hover .video-front, .channel-card:focus-visible .video-front { transform: rotate(2deg) translate(4px,5px); }
.channel-card:hover .video-sheet img { filter: saturate(.85) brightness(.95); }
.play-disc { position: absolute; display: grid; place-items: center; top: 50%; left: 50%; width: 35px; height: 35px; transform: translate(-50%,-50%); border: 1px solid #ffffff6b; border-radius: 50%; background: #1119; backdrop-filter: blur(8px); color: #eee; }
.play-disc .icon { width: 19px; height: 19px; }
.paper { position: absolute; display: block; width: 64%; height: 153px; border: 1px solid #bebeba; border-radius: 5px; padding: 16px 13px; color: #202022; background: #d9d9d5; box-shadow: 0 8px 20px #0005; transition: transform .55s cubic-bezier(.2,.7,.2,1); overflow: hidden; }
.paper-back { top: 0; left: 5%; transform: rotate(-7deg); background: #989896; }
.paper-front { top: 22px; left: 29%; transform: rotate(6deg); }
.paper-author { display: block; font: 500 7px/1.4 var(--sans); letter-spacing: .08em; padding-bottom: 10px; border-bottom: 1px solid #73736f55; }
.paper-title { display: block; margin-top: 9px; font: 500 19px/1.03 var(--serif); letter-spacing: -.03em; }
.paper-rule { display: block; height: 1px; background: #68686644; margin-top: 11px; width: 90%; }
.paper-rule.short { margin-top: 5px; width: 60%; }
.channel-card:hover .paper-front, .channel-card:focus-visible .paper-front { transform: rotate(1deg) translate(5px,4px); }
.channel-card:hover .paper-back, .channel-card:focus-visible .paper-back { transform: rotate(-11deg) translate(-5px,-4px); }
.resource-art { display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom: 12px; }
.resource-preview { display: flex; align-items: center; gap: 10px; width: 88%; height: 40px; padding: 0 12px; border: 1px solid #3b3b40; background: #1e1e22; color: #b3b3bc; border-radius: 6px; margin-top: -3px; box-shadow: 0 5px 15px #0004; font: 400 11px/1.4 var(--sans); transition: transform .5s cubic-bezier(.2,.7,.2,1),color .25s,border-color .25s; }
.resource-preview .icon { width: 17px; height: 17px; color: #92929c; }
.resource-type { margin-left: auto; color: #707079; font: 400 9px/1 var(--mono); }
.resource-preview-one { transform: perspective(600px) rotateY(-14deg) translateX(-7px); }
.resource-preview-two { transform: perspective(600px) rotateY(-14deg) translateX(1px); }
.resource-preview-three { transform: perspective(600px) rotateY(-14deg) translateX(9px); }
.channel-card:hover .resource-preview, .channel-card:focus-visible .resource-preview { color: #f0f0f0; border-color: #616169; transform: perspective(600px) rotateY(0) translateX(0); }
.channel-card:hover .resource-preview-one { transform: translateY(-5px); }
.channel-card:hover .resource-preview-three { transform: translateY(5px); }
.future-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }
.future-card { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; min-height: 95px; padding: 20px 22px; border-radius: 12px; background: linear-gradient(115deg,#ffffff05,transparent),var(--surface); }
.future-icon { color: #73737c; margin-right: 3px; }
.future-icon .icon { width: 21px; height: 21px; }
.future-title { font-size: 16px; font-weight: 400; color: #b4b4ba; letter-spacing: -.02em; }
.status { display: inline-flex; align-items: center; white-space: nowrap; margin-left: auto; padding: 5px 9px; background: #ffffff04; color: #92929b; border: 1px solid #ffffff12; border-radius: 20px; font: 400 11px/1.4 var(--sans); }

/* The operator version is a navigable, spatial directory. */
body[data-theme="operator"] { --bg: #0b0e11; --surface: #151a1f; --surface-hover: #20262c; --line: #2b333b; --text: #eceff1; --muted: #94a0aa; --accent: #b9dd91; --accent-rgb: 185,221,145; }
.operator-shell { min-height: calc(100svh - 56px); display: grid; grid-template-columns: 205px minmax(0,1fr); }
.sidebar { display: flex; flex-direction: column; gap: 0; padding: 28px 16px 20px; border-right: 1px solid var(--line); background: #111519; }
.sidebar-identity { display: flex; align-items: center; gap: 10px; margin: 0 4px 47px; font-size: 13px; font-weight: 500; white-space: nowrap; }
.sidebar-identity img { width: 32px; height: 32px; object-fit: cover; filter: grayscale(1); border-radius: 7px; }
.sidebar-label { display: block; color: #77838d; font-size: 11px; margin: 0 11px 12px; }
.sidebar-nav { display: flex; flex-direction: column; gap: 4px; }
.sidebar-nav a, .sidebar-nav button { display: flex; align-items: center; gap: 11px; width: 100%; padding: 11px; border: 1px solid transparent; background: transparent; border-radius: 7px; color: #9aa5ae; text-align: left; font-size: 13px; transition: color .2s,background .2s; }
.sidebar-nav .icon { width: 17px; height: 17px; }
.sidebar-nav a[aria-current] { color: #e5eacb; background: #c2df9010; border-color: #c2df901b; }
.sidebar-nav a:hover,.sidebar-nav button:hover { color: #f0f2f3; background: #ffffff08; }
.sidebar-bottom { display: flex; flex-direction: column; gap: 13px; margin-top: 38px; }
.sidebar-bottom .sidebar-label { margin-bottom: 0; }
.sidebar-bottom > span:not(.sidebar-label) { display: flex; align-items: center; gap: 10px; color: #77838d; font-size: 12px; padding: 0 11px; }
.sidebar-bottom .icon { width: 16px; height: 16px; }
.sidebar-domain { color: #697680; font: 400 10px/1.5 var(--mono); margin: auto 10px 0; padding-top: 50px; }
.operator-main { min-width: 0; display: flex; flex-direction: column; }
.workspace-header { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 25px 34px; border-bottom: 1px solid var(--line); min-height: 87px; font-size: 15px; }
.workspace-location { color: var(--muted); font: 400 11px/1.5 var(--mono); }
.board { position: relative; display: grid; grid-template-columns: minmax(190px,1fr) minmax(220px,.95fr) minmax(190px,1fr); grid-template-areas: 'youtube hub substack' 'resources hub future'; grid-template-rows: auto auto; align-content: center; align-items: center; gap: 26px 42px; padding: 70px 46px; min-height: 682px; flex: 1; isolation: isolate; background-image: radial-gradient(circle,#66717c33 .7px,transparent 1px); background-size: 23px 23px; }
.board::before { content:''; position: absolute; inset: 0; z-index: -2; pointer-events:none; background: radial-gradient(ellipse at 50% 49%,#c0e09407,transparent 65%); }
.connections { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; z-index: -1; pointer-events: none; }
.connection-path { fill:none; stroke:#536046; stroke-width:1.1; opacity:.55; transition: stroke .25s,opacity .25s; }
.connection-pulse { fill:none; stroke:#b9dd91; stroke-width:1.7; stroke-dasharray:3 220; opacity:.5; animation: connection-flow 15s linear infinite; animation-play-state: paused; }
.board.is-visible .connection-pulse { animation-play-state:running; }
.connection-path.is-active { stroke:#b9dd91; opacity:1; }
@keyframes connection-flow { to { stroke-dashoffset:-446; } }
.hub { grid-area:hub; border-radius:14px; padding:31px 16px 24px; position:relative; text-align:center; background:linear-gradient(155deg,#252c30,#12181c 70%); border-color:#5a6554; box-shadow:0 0 0 5px #b9dd9104,0 0 50px #0005,inset 0 1px #ffffff0c; }
.hub-portrait { width:76px; height:76px; padding:5px; border:1px solid #74826455; border-radius:50%; margin:0 auto 23px; }
.hub-portrait img { width:100%; height:100%; object-fit:cover; border-radius:50%; filter:grayscale(1); }
.hub .eyebrow { font-size:10px; color:#a6b195; margin-bottom:14px; }
.hub h1 { font:500 clamp(30px,3.2vw,51px)/1.08 var(--sans); letter-spacing:-.065em; }
.hub-bottom { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:27px; color:#7e8a91; font:400 9px/1.5 var(--mono); white-space:nowrap; }
.hub-line { display:block; height:1px; flex:1; max-width:25px; background:#425040; }
.node-youtube { grid-area:youtube; }.node-substack { grid-area:substack; }.node-resources { grid-area:resources; }.node-future { grid-area:future; display:flex; flex-direction:column; gap:12px; }
.board .channel-card { height:234px; padding:16px; border-radius:11px; }
.board .card-art { height:121px; margin-top:10px; }
.board .card-title { font-size:17px; }
.board .platform-icon .icon { width:20px; height:20px; }
.board .card-action { font-size:10px; padding:3px 6px; }
.board .card-index { font-size:10px; }
.board .video-sheet { width:82%; }
.board .video-front { top:24px; left:16%; }
.board .video-back { top:0; }
.board .paper { width:67%; height:116px; padding:10px; }
.board .paper-title { font-size:15px; }.board .paper-author { font-size:6px; padding-bottom:5px; }
.board .paper-front { top:15px; left:26%; }
.board .resource-preview { height:31px; font-size:10px; padding:0 9px; width:94%; }
.board .resource-preview .icon { width:14px; height:14px; }
.board .resource-art { padding-bottom:0; }
.board .future-card { min-height:104px; padding:17px 15px; gap:10px; border-radius:11px; }
.board .future-title { font-size:13px; }.board .future-icon .icon { width:18px; height:18px; }
.board .status { margin-left:28px; font-size:10px; }
.canvas-corner { position:absolute; width:12px; height:12px; opacity:.6; pointer-events:none; }
.corner-tl { top:21px; left:21px; border-left:1px solid #b9dd9160; border-top:1px solid #b9dd9160; }
.corner-br { bottom:21px; right:21px; border-right:1px solid #b9dd9160; border-bottom:1px solid #b9dd9160; }
.operator-main .site-footer { padding:20px 34px; border-top:1px solid var(--line); font-size:10px; }

/* The gold version keeps the same directory, in an editorial split layout. */
body[data-theme="gold"] { --bg:#141311; --surface:#1c1b18; --surface-hover:#24221c; --line:#3e392e; --text:#eee7d9; --muted:#a49b89; --accent:#c5ac77; --accent-rgb:197,172,119; }
.gold-wrap { width:min(1260px,calc(100% - 104px)); }
.gold-wrap .site-header { height:105px; border-color:#3e392e; }
.gold-wrap .monogram { font:500 35px/1 var(--serif); letter-spacing:-.09em; color:var(--accent); }
.gold-wrap .small-label { color:#918672; }
.gold-main { display:grid; grid-template-columns:minmax(260px,.86fr) minmax(0,1.5fr); gap:85px; padding:68px 0 48px; align-items:start; }
.gold-identity .eyebrow { color:#a6977c; margin-bottom:27px; font-size:11px; }
.gold-identity h1 { font:400 clamp(61px,7.1vw,101px)/.93 var(--serif); letter-spacing:-.06em; }
.gold-identity h1 span { color:var(--accent); }
.gold-portrait { width:146px; height:172px; position:relative; margin-top:45px; }
.gold-portrait img { width:100%; height:100%; object-fit:cover; filter:grayscale(1) sepia(.22) brightness(.82); border-radius:3px; }
.portrait-corner { position:absolute; inset:12px -12px -12px 12px; border-right:1px solid #8f7a50; border-bottom:1px solid #8f7a50; pointer-events:none; transition:transform .6s; }
.gold-portrait:hover .portrait-corner { transform:translate(3px,3px); }
.gold-location { display:block; margin-top:31px; color:#8f8573; font:400 11px/1.5 var(--mono); }
.gold-directory { padding:14px; border:1px solid #4b4231; border-radius:17px; background:linear-gradient(140deg,#b1986310,transparent 42%),#181713; box-shadow:0 15px 60px #0003,inset 0 1px 0 #c5ac7710; animation-delay:.1s; }
.gold-active-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.gold-directory .channel-card { height:254px; padding:17px; border-color:#3c372c; border-radius:10px; background:#211f19; }
.gold-directory .channel-card:hover,.gold-directory .channel-card:focus-visible { border-color:#9a8050; }
.gold-directory .channel-card[data-node="resources"] { grid-column:1 / -1; height:148px; display:grid; grid-template-columns:1fr 1.25fr; grid-template-rows:1fr 1fr; column-gap:20px; }
.gold-directory .channel-card[data-node="resources"] .card-top { grid-column:1; grid-row:1; align-self:start; }
.gold-directory .channel-card[data-node="resources"] .card-art { grid-column:2; grid-row:1 / span 2; height:115px; margin:0; }
.gold-directory .channel-card[data-node="resources"] .card-bottom { grid-column:1; grid-row:2; }
.gold-directory .channel-card[data-node="resources"] .card-action { display:none; }
.gold-directory .card-art { height:139px; }
.gold-directory .card-title { font:400 25px/1.15 var(--serif); letter-spacing:-.035em; }
.gold-directory .card-action { color:#b2a488; border-color:#b2a48822; font-size:10px; }
.gold-directory .card-index { color:#8c8066; font-size:10px; }
.gold-directory .platform-icon { color:#b5a17d; }
.gold-directory .platform-icon .icon { width:21px; height:21px; }
.gold-directory .video-sheet { border-color:#6c5c3e; }
.gold-directory .video-sheet img { filter:grayscale(.7) sepia(.15) brightness(.8); }
.gold-directory .paper { height:120px; padding:10px; background:#d2c6ab; border-color:#c2b292; }
.gold-directory .paper-back { background:#8a806d; }.gold-directory .paper-title { font-size:16px; }
.gold-directory .paper-author { font-size:6px; padding-bottom:6px; }
.gold-directory .paper-front { top:18px; }
.gold-directory .resource-preview { height:32px; background:#29261e; border-color:#524734; color:#b6a988; font-size:10px; }
.gold-directory .resource-preview .icon { color:#bba475; width:15px; height:15px; }.gold-directory .resource-type { color:#8c7b5b; }
.gold-future-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }
.gold-future-grid .future-card { min-height:111px; padding:16px; column-gap:9px; row-gap:11px; border-color:#3c372c; border-radius:10px; background:#1c1a16; }
.gold-future-grid .future-icon { color:#93805c; }
.gold-future-grid .future-icon .icon { width:18px; height:18px; }
.gold-future-grid .future-title { font:400 18px/1.2 var(--serif); color:#c2b69e; }
.gold-future-grid .status { margin-left:0; background:#a38d5e08; color:#968970; border-color:#a38d5e25; font-size:10px; }
.gold-wrap .site-footer { border-top:1px solid #3e392e; color:#918672; }

/* Shared resource panel. */
.resources-dialog { width:min(620px,calc(100% - 32px)); max-height:calc(100svh - 48px); padding:27px; color:var(--text); background:var(--surface); border:1px solid #ffffff2b; border-radius:15px; box-shadow:0 25px 100px #000a; overflow:auto; }
.resources-dialog[open] { animation:dialog-in .3s cubic-bezier(.2,.7,.2,1); }
.resources-dialog::backdrop { background:#08090bcc; backdrop-filter:blur(9px); }
.dialog-header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }
.close-button { display:grid; place-items:center; background:#ffffff07; width:36px; height:36px; border:1px solid var(--line); border-radius:7px; color:var(--muted); }
.close-button:hover { color:var(--text); background:#ffffff10; }
.close-button .icon { width:18px; height:18px; }
.resources-dialog h2 { font:500 29px/1.2 var(--sans); letter-spacing:-.05em; margin-bottom:26px; }
.resource-list { display:flex; flex-direction:column; border-top:1px solid var(--line); }
.resource-list a { display:flex; align-items:center; gap:15px; padding:21px 0; border-bottom:1px solid var(--line); }
.resource-list a:hover .resource-list-title { color:var(--accent); }
.resource-list-icon { display:grid; place-items:center; padding:12px; background:#ffffff04; border:1px solid var(--line); border-radius:8px; color:var(--muted); }
.resource-category { display:block; color:var(--muted); font:400 11px/1.5 var(--mono); margin-bottom:4px; }
.resource-list-title { display:block; font-size:16px; letter-spacing:-.025em; }
.resource-watch { font-size:12px; color:var(--muted); margin-left:auto; }
.dialog-footer { display:inline-flex; font-size:13px; color:var(--muted); margin-top:24px; padding:6px 0; }
.dialog-footer:hover { color:var(--text); }
@keyframes dialog-in { from { opacity:0; transform:translateY(14px) scale(.985); } to { opacity:1; transform:translateY(0) scale(1); } }

@media (min-width:1500px) { .board { gap:36px 70px; padding:70px; }.board .channel-card { max-width:340px; }.board .hub { width:100%; max-width:320px; justify-self:center; } }
@media (max-width:1180px) {
  .site-wrap { width:calc(100% - 64px); }.portrait-object { width:140px; height:157px; }
  .gold-main { gap:45px; }.gold-wrap { width:calc(100% - 72px); }
  .operator-shell { grid-template-columns:170px minmax(0,1fr); }.sidebar { padding-inline:10px; }.sidebar-identity { font-size:11px; gap:7px; }
  .board { grid-template-columns:minmax(155px,1fr) minmax(175px,.95fr) minmax(155px,1fr); gap:22px; padding:50px 25px; }
  .hub h1 { font-size:32px; }.hub { padding:27px 12px 21px; }.hub-bottom { font-size:8px; gap:6px; }
  .board .channel-card { padding:13px; height:225px; }.board .card-title { font-size:15px; }.board .card-action { padding:3px 5px; font-size:9px; }
  .board .card-art { height:126px; }.board .video-front { top:24px; }.board .future-card { padding:14px 12px; }.board .future-title { font-size:12px; }
  .board .paper-title { font-size:13px; }.board .paper { height:112px; }
  .gold-directory .card-title { font-size:23px; }
}
@media (max-width:950px) {
  .mono-hero h1 { font-size:clamp(56px,9.4vw,89px); }.mono-hero { padding-block:50px; }.portrait-object { width:113px; height:132px; margin-right:13px; }
  .channel-card { height:278px; padding:18px; }.card-art { height:154px; }.card-title { font-size:19px; }.card-action { font-size:11px; padding:4px 6px; }
  .paper { height:135px; padding:12px 10px; }.paper-title { font-size:17px; }
  .future-card { padding:18px; gap:10px; }.future-title { font-size:14px; }.future-card .status { margin-left:33px; }
  .operator-shell { display:block; }.sidebar { display:none; }.workspace-header { padding-inline:28px; min-height:73px; }
  .board { padding:45px 28px; min-height:628px; grid-template-columns:minmax(175px,1fr) minmax(190px,.95fr) minmax(175px,1fr); gap:25px; }
  .gold-main { gap:35px; grid-template-columns:minmax(210px,.78fr) minmax(0,1.5fr); }.gold-wrap { width:calc(100% - 56px); }
  .gold-directory { padding:10px; }.gold-active-grid,.gold-future-grid { gap:10px; }.gold-directory .channel-card { padding:13px; height:237px; }
  .gold-identity h1 { font-size:65px; }.gold-directory .card-art { height:135px; }.gold-directory .paper { width:72%; height:115px; }.gold-directory .paper-title { font-size:14px; }
  .gold-directory .card-action { display:none; }.gold-future-grid .future-card { min-height:126px; padding:13px; }
}
@media (max-width:700px) {
  .preview-bar { padding:8px 10px; gap:7px; }.preview-label { display:none; }.preview-bar a { font-size:12px; padding:10px; gap:7px; }.preview-bar a span { font-size:10px; }
  .site-wrap,.gold-wrap { width:calc(100% - 40px); }.site-header { height:78px; }.small-label { font-size:11px; }
  .mono-hero { padding:37px 0 36px; gap:18px; align-items:flex-start; }.mono-hero .eyebrow { font-size:10px; margin-bottom:19px; }
  .mono-hero h1 { font-size:clamp(40px,9.5vw,63px); }.portrait-object { width:69px; height:83px; margin:38px 9px 0 0; flex-shrink:0; }.portrait-frame { inset:8px -8px -8px 8px; }
  .channel-grid { grid-template-columns:1fr; gap:12px; }
  .channel-card { height:166px; padding:18px; display:grid; grid-template-columns:1fr 1.15fr; grid-template-rows:1fr 1fr; column-gap:20px; }
  .card-top { grid-column:1; grid-row:1; align-self:start; }.card-art { grid-column:2; grid-row:1 / span 2; margin:0; height:126px; align-self:center; }.card-bottom { grid-column:1; grid-row:2; display:block; }
  .card-title { display:block; font-size:20px; }.card-action { display:inline-flex; margin-top:7px; padding:0; border:0; background:none; font-size:11px; }
  .card-index { display:none; }.platform-icon .icon { width:22px; height:22px; }
  .video-sheet { width:86%; }.video-back { top:5px; left:0; }.video-front { top:32px; left:12%; }
  .paper { width:70%; height:114px; padding:10px; }.paper-front { top:17px; left:27%; }.paper-title { font-size:15px; }.paper-author { font-size:6px; padding-bottom:5px; }
  .resource-preview { width:100%; height:33px; padding:0 8px; font-size:10px; }.resource-preview .icon { width:14px; height:14px; }.resource-type { font-size:8px; }.resource-art { padding:0; }
  .future-grid { grid-template-columns:1fr; gap:12px; margin-top:12px; }.future-card { min-height:84px; padding:18px; }.future-title { font-size:14px; }.future-card .status { margin-left:auto; font-size:10px; }
  .site-footer { padding:26px 0; gap:7px; font-size:10px; }
  .workspace-header { padding:20px; font-size:14px; }.workspace-location { font-size:10px; }
  .board { display:flex; flex-direction:column; gap:15px; padding:30px 20px; background-size:20px 20px; }.connections,.canvas-corner { display:none; }
  .hub { order:0; width:100%; max-width:none; padding:24px; display:grid; grid-template-columns:70px 1fr; gap:0 20px; text-align:left; }.hub-portrait { grid-column:1; grid-row:1 / span 2; width:64px; height:64px; margin:0; align-self:center; }.hub .eyebrow { grid-column:2; grid-row:1; margin:0 0 9px; font-size:10px; }.hub h1 { grid-column:2; grid-row:2; font-size:35px; max-width:230px; }.hub-bottom { grid-column:1 / -1; margin-top:18px; font-size:10px; }
  .board .node-youtube { order:1; }.board .node-substack { order:2; }.board .node-resources { order:3; }.node-future { order:4; width:100%; gap:12px; }
  .board .channel-card { height:166px; padding:18px; }.board .card-title { font-size:20px; }.board .card-action { font-size:11px; padding:0; }.board .card-art { height:126px; margin:0; }.board .video-sheet { width:86%; }.board .paper { width:70%; }.board .paper-title { font-size:15px; }.board .paper-author { font-size:6px; }
  .board .future-card { min-height:82px; padding:18px; }.board .future-title { font-size:14px; }.board .status { margin-left:auto; }
  .operator-main .site-footer { padding:20px; }
  .gold-wrap .site-header { height:78px; }.gold-main { display:block; padding:36px 0 30px; }.gold-identity { position:relative; padding-bottom:31px; }.gold-identity .eyebrow { font-size:10px; margin-bottom:18px; }.gold-identity h1 { font-size:clamp(58px,13.5vw,80px); }.gold-portrait { position:absolute; top:39px; right:13px; width:87px; height:105px; margin:0; }.gold-location { margin-top:21px; font-size:10px; }
  .gold-directory { padding:11px; border-radius:13px; }.gold-active-grid { display:flex; flex-direction:column; gap:11px; }.gold-directory .channel-card { height:170px; padding:17px; }.gold-directory .card-title { font-size:28px; }.gold-directory .card-art { height:126px; }.gold-directory .channel-card[data-node="resources"] { height:161px; grid-template-columns:1fr 1.15fr; column-gap:20px; }.gold-directory .channel-card[data-node="resources"] .card-art { height:122px; }.gold-directory .paper-title { font-size:16px; }.gold-directory .card-action { display:inline-flex; }
  .gold-future-grid { grid-template-columns:1fr; gap:11px; }.gold-future-grid .future-card { min-height:83px; padding:16px; flex-wrap:nowrap; }.gold-future-grid .future-title { font-size:19px; }.gold-future-grid .status { margin-left:auto; }
  .resources-dialog { padding:22px; }.resources-dialog h2 { font-size:27px; }.resource-list a { gap:12px; }.resource-list-icon { padding:9px; }.resource-list-icon .icon { width:18px; height:18px; }.resource-list-title { font-size:14px; }.resource-watch { font-size:11px; }
}
@media (max-width:380px) {
  .preview-bar a { padding:9px 7px; font-size:11px; }.preview-bar a span { display:none; }
  .mono-hero h1 { font-size:clamp(32px,10vw,37px); }.portrait-object { width:44px; height:58px; }
  .card-title { font-size:18px; }.channel-card { grid-template-columns:1fr 1fr; gap:12px; }
  .gold-identity h1 { font-size:52px; }.gold-portrait { width:65px; height:81px; }
  .gold-directory .channel-card,.gold-directory .channel-card[data-node="resources"] { grid-template-columns:1fr 1fr; gap:12px; }.gold-directory .card-title { font-size:24px; }
  .gold-future-grid .future-title { font-size:17px; }.gold-future-grid .future-card { gap:8px; padding:14px 12px; }.gold-future-grid .future-icon { display:none; }
  .hub h1 { font-size:29px; }.hub { padding:19px; gap:0 15px; }
  .resource-watch { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition:none!important; }
  .channel-card { transform:none!important; }.reveal { opacity:1; transform:none; filter:none; }
}
@media (hover:none) { .channel-card { transform:none!important; }.channel-card::before { display:none; } }