.case-study { --rwx-paper:#f7f7f3; --rwx-ink:#080808; --rwx-blue:#0028c9; --rwx-acid:#a6ff00; --rwx-purple:#8800ff; color-scheme:light; background:transparent; width:100%; font-family:Inter,Arial,sans-serif; color:var(--rwx-ink); }
    .case-study * { box-sizing:border-box; }
    .case-study [hidden] { display:none!important; }
    .case-study .rwx-window { container-type:inline-size; max-width:100%; margin:0 auto; background:var(--rwx-paper); }
    .case-study .rwx-page { background:var(--rwx-paper); }
    .case-study h1, .case-study h2, .case-study h3, .case-study p, .case-study ol, .case-study dl, .case-study dd, .case-study figure { margin:0; }
    .case-study h1, .case-study h2, .case-study h3 { font-family:Inter,Arial,sans-serif; color:inherit; font-weight:700; }
    .case-study button { font:inherit; cursor:pointer; }
    .case-study .rwx-mono { font-family:'Courier Prime',monospace; font-size:.875rem; line-height:1.5; font-weight:400; }
    .case-study .rwx-kicker { font-family:'Courier Prime',monospace; text-transform:uppercase; letter-spacing:.04em; font-size:.8125rem; line-height:1.5; font-weight:400; }
    .case-study .rwx-nav { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:12px 4.6%; background:#000; color:#fff; }
    .case-study .rwx-brand { color:var(--rwx-acid); font-size:17px; letter-spacing:-.04em; }
    .case-study .rwx-nav-links { display:flex; gap:30px; font-size:.875rem; }
    .case-study .rwx-active-nav { text-decoration:underline; text-decoration-color:var(--rwx-acid); text-underline-offset:5px; }
    .case-study .rwx-breadcrumb { padding:26px 4.6% 0; display:flex; justify-content:space-between; gap:12px; }
    .case-study .rwx-hero { display:grid; grid-template-columns:minmax(0,1fr) 25%; gap:5%; padding:36px 4.6% 48px; }
    .case-study .rwx-hero h1 { font-size:clamp(60px,12cqw,126px); line-height:.88; letter-spacing:-.065em; margin-bottom:22px; }
    .case-study .rwx-hero h2 { font-size:clamp(32px,4.8cqw,50px); line-height:1.03; letter-spacing:-.045em; max-width:640px; }
    .case-study .rwx-meta { align-self:end; border-top:2px solid var(--rwx-ink); }
    .case-study .rwx-meta > div { padding:12px 0; border-bottom:1px solid #b9b9b2; }
    .case-study .rwx-meta dt { color:#595953; margin-bottom:4px; }
    .case-study .rwx-meta dd { font-size:.9375rem; line-height:1.45; }
    .case-study .rwx-section { padding:clamp(2rem,4.6cqw,4rem) 4.6%; }
    .case-study .rwx-section-heading { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:12px; margin-bottom:28px; padding-bottom:12px; border-bottom:1px solid currentColor; }
    .case-study .rwx-section-heading h2 { font-size:32px; line-height:1; letter-spacing:-.04em; }
    .case-study .rwx-ticker { padding:9px 4.6%; background:#000; color:#fff; font-family:'Courier Prime',monospace; font-size:.8125rem; line-height:1.4; }
    .case-study .rwx-ticker span { color:var(--rwx-acid); }
    .case-study .rwx-blue { background:var(--rwx-blue); color:#fff; }
    .case-study .rwx-acid { background:var(--rwx-acid); color:#080808; }
    .case-study .rwx-dark { background:#090909; color:#fff; }
    .case-study .rwx-purple { background:var(--rwx-purple); color:#fff; }
    .case-study .rwx-two-col { display:grid; grid-template-columns:1fr 1fr; gap:36px; }
    .case-study .rwx-body { font-size:16px; line-height:1.55; max-width:60ch; }
    .case-study .rwx-body + .rwx-body { margin-top:18px; }
    .case-study .rwx-split-story { display:grid; grid-template-columns:25% minmax(0,1fr); gap:5%; }
    .case-study .rwx-split-story h2 { font-size:38px; line-height:1.06; letter-spacing:-.04em; margin-bottom:22px; }
    .case-study .rwx-context-strip { display:grid; grid-template-columns:1fr 1fr 1.25fr; padding:32px 4.6%; }
    .case-study .rwx-context-strip > div { padding-right:24px; }
    .case-study .rwx-context-strip > div + div { padding-left:24px; border-left:1px solid #6280ee; }
    .case-study .rwx-context-strip strong { display:block; color:var(--rwx-acid); font-size:clamp(40px,6cqw,62px); line-height:1; letter-spacing:-.06em; margin-bottom:10px; }
    .case-study .rwx-small-note { font-family:'Courier Prime',monospace; font-size:.8125rem; line-height:1.5; margin-top:8px; }
    .case-study .rwx-chapters { list-style:none; padding:0; }
    .case-study .rwx-chapters li { display:grid; grid-template-columns:70px 26% 1fr; gap:26px; padding:24px 0; border-top:1px solid #aaa9a2; }
    .case-study .rwx-chapters li:first-child { border-top:0; padding-top:0; }
    .case-study .rwx-chapter-number { font-size:52px; line-height:1; letter-spacing:-.06em; color:var(--rwx-purple); }
    .case-study .rwx-chapters h3 { font-size:23px; line-height:1.05; letter-spacing:-.03em; margin:8px 0; }
    .case-study .rwx-chapters .rwx-body { font-size:1rem; }
    .case-study .rwx-artifact-row { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
    .case-study .rwx-artifact { min-width:0; }
    .case-study .rwx-artifact figcaption { margin-top:12px; display:flex; justify-content:space-between; gap:12px; }
    .case-study .rwx-archive-media { aspect-ratio:4/3; background:#fff; }
    .case-study .rwx-archive-media img { display:block; width:100%; height:100%; object-fit:contain; }
    .case-study .rwx-archive-card figcaption { align-items:flex-start; flex-wrap:wrap; }
    .case-study .rwx-archive-card figcaption > span { min-width:0; }
    .case-study .rwx-archive-card figcaption strong { display:block; font-size:1.125rem; line-height:1.35; margin-top:.375rem; }
    .case-study .rwx-archive-card figcaption a { display:inline-flex; align-items:center; gap:.5rem; min-height:44px; }
    .case-study .rwx-website-artifact { width:100%; max-width:52rem; margin:clamp(2rem,4cqw,3.5rem) auto 0; }
    .case-study .rwx-website-artifact > img { display:block; width:100%; height:auto; background:#fff; }
    .case-study .rwx-placeholder { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; min-height:180px; padding:26px; background:#e7e7df; color:#51514a; border:1px dashed #73736a; text-align:center; }
    .case-study .rwx-placeholder strong { font-size:21px; line-height:1.1; font-weight:400; letter-spacing:-.035em; }
    .case-study .rwx-placeholder .rwx-mono { max-width:35ch; }
    .case-study .rwx-placeholder-index { position:absolute; left:14px; top:12px; }
    .case-study .rwx-next { width:100%; border:0; padding:32px 4.6%; display:flex; align-items:center; justify-content:space-between; gap:20px; text-align:left; background:var(--rwx-purple); color:#fff; }
    .case-study .rwx-next strong { display:block; font-size:clamp(30px,5cqw,50px); line-height:1.1; letter-spacing:-.04em; margin-top:4px; }
    .case-study .rwx-next:hover { background:#6d00cf; }
    .case-study .rwx-next-arrow { font-size:44px; font-weight:400; }
    .case-study .rwx-social-title { font-size:clamp(58px,10.1cqw,108px)!important; }
    .case-study .rwx-operating { display:grid; grid-template-columns:34% minmax(0,1fr); gap:6%; }
    .case-study .rwx-operating h2 { font-size:clamp(38px,5.6cqw,58px); line-height:.98; letter-spacing:-.05em; margin-top:18px; }
    .case-study .rwx-workflow { display:grid; grid-template-columns:1fr 1fr; gap:0 24px; }
    .case-study .rwx-workflow-item { padding:16px 0; border-top:1px solid #476a10; }
    .case-study .rwx-workflow-item h3 { font-size:24px; line-height:1.07; letter-spacing:-.03em; margin:5px 0 8px; }
    .case-study .rwx-pipeline { display:flex; align-items:center; flex-wrap:wrap; gap:14px; padding-top:24px; border-top:1px solid #476a10; margin-top:20px; }
    .case-study .rwx-pipeline strong { font-size:25px; line-height:1; letter-spacing:-.04em; }
    .case-study .rwx-scope-list { display:grid; grid-template-columns:1fr 1fr 1fr; gap:26px; }
    .case-study .rwx-scope-list h3 { font-size:23px; letter-spacing:-.03em; line-height:1.1; margin:14px 0; }
    .case-study .rwx-scope-list .rwx-body { font-size:1rem; }
    .case-study .rwx-sophon-hero { background:var(--rwx-acid); }
    .case-study .rwx-sophon-hero .rwx-meta > div { border-color:#6b971a; }
    .case-study .rwx-film-hero { min-height:350px; display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:center; background:#150921; color:#fff; }
    .case-study .rwx-film-title { font-size:clamp(42px,7cqw,76px); letter-spacing:-.05em; line-height:.96; font-weight:700; margin-top:20px; }
    .case-study .rwx-film-placeholder { background:#261837; color:#c8b9d7; border-color:#836995; min-height:280px; }
    .case-study .rwx-frame-lines { border-top:1px solid #6a4d7e; border-bottom:1px solid #6a4d7e; padding:20px 0; width:90%; }
    .case-study .rwx-film-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
    .case-study .rwx-video-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 24px; }
    .case-study .rwx-video-card video { display:block; width:100%; height:auto; max-height:36rem; object-fit:contain; background:#080808; color-scheme:dark; }
    .case-study .rwx-video-card video:focus-visible { outline:2px solid var(--rwx-acid); outline-offset:4px; }
    .case-study .rwx-video-card figcaption { align-items:flex-start; flex-wrap:wrap; border-top:1px solid #59525f; padding-top:12px; }
    .case-study .rwx-video-card figcaption strong { display:block; font-size:1.125rem; line-height:1.35; margin-top:4px; }
    .case-study .rwx-video-card figcaption a { display:inline-flex; align-items:center; min-height:44px; color:var(--rwx-acid); }
    .case-study .rwx-featured-film { width:100%; max-width:22.5rem; justify-self:center; }
    .case-study .rwx-featured-film video { max-height:none; }
    .case-study .rwx-film-strip .rwx-placeholder { min-height:230px; background:#1b1b1b; border-color:#727272; color:#bfbfbf; }
    .case-study .rwx-quote { display:grid; grid-template-columns:25% minmax(0,1fr); gap:5%; }
    .case-study .rwx-quote blockquote { margin:0; font-size:clamp(42px,7.3cqw,78px); line-height:.97; font-weight:700; letter-spacing:-.055em; }
    .case-study .rwx-quote .rwx-body { margin-top:22px; }
    .case-study .rwx-aquarius-poster { background:var(--rwx-blue); color:#fff; display:grid; grid-template-columns:1fr 42%; gap:32px; align-items:center; }
    .case-study .rwx-aquarius-poster h2 { font-size:clamp(44px,7.5cqw,80px); line-height:.95; letter-spacing:-.05em; margin:20px 0; }
    .case-study .rwx-captain-placeholder { min-height:300px; background:#082ba9; color:#c2d0ff; border-color:#91a9ff; }
    .case-study .rwx-era-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; }
    .case-study .rwx-era-grid .rwx-placeholder { min-height:230px; }
    .case-study .rwx-direction-note { padding-top:22px; }
    .case-study .rwx-aquarius-role { display:grid; grid-template-columns:1fr 1fr 1fr; gap:25px; }
    .case-study .rwx-aquarius-role h3 { font-size:25px; line-height:1.05; letter-spacing:-.035em; margin:16px 0; }
    .case-study .rwx-aquarius-role .rwx-body { font-size:1rem; }
    .case-study .rwx-status { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
    /* Archive additions reuse the case-study grid and keep long captures opt-in. */
    .case-study .rwx-archive-stack { display:grid; gap:32px; }
    .case-study .rwx-archive-intro { margin-bottom:28px; }
    .case-study .rwx-archive-intro h3 { font-size:clamp(32px,5cqw,56px); line-height:1.05; letter-spacing:-.04em; margin-bottom:16px; }
    .case-study .rwx-card-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
    .case-study .rwx-card-grid img { display:block; width:100%; height:auto; }
    .case-study .rwx-card-grid figcaption { font:400 .875rem/1.4 'Courier Prime',monospace; }
    .case-study .rwx-archive-details { border-block:1px solid currentColor; margin-top:32px; }
    .case-study .rwx-archive-details + .rwx-archive-details { border-top:0; margin-top:0; }
    .case-study .rwx-archive-details > summary { cursor:pointer; padding:22px 4px; font:400 1rem/1.5 'Courier Prime',monospace; }
    .case-study .rwx-archive-details > summary:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
    .case-study .rwx-archive-details[open] > summary { margin-bottom:8px; }
    .case-study .rwx-archive-details > :last-child:not(summary) { margin-bottom:32px; }
    .case-study .rwx-card-films { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px 24px; }
    .case-study .rwx-screen-preview { display:block; height:28rem; overflow:hidden; background:#fff; border:1px solid #b9b9b2; }
    .case-study .rwx-screen-preview img { display:block; width:100%; height:auto; }
    .case-study .rwx-print-preview { display:flex; justify-content:center; align-items:center; height:28rem; background:#e7e7df; padding:16px; }
    .case-study .rwx-print-preview img { display:block; width:100%; height:100%; object-fit:contain; }
    .case-study .rwx-full-art { display:block; width:100%; height:auto; }
    .case-study .rwx-jump-links { display:flex; flex-wrap:wrap; gap:8px 24px; margin-top:24px; }
    .case-study .rwx-jump-links a { display:inline-flex; min-height:44px; align-items:center; text-decoration:underline; text-underline-offset:5px; }
    .case-study .rwx-archive-link { display:inline-flex; min-height:44px; align-items:center; margin-top:16px; text-decoration:underline; text-underline-offset:5px; }
    .case-study .rwx-archive-details .rwx-body { margin-bottom:24px; }
    .case-study .rwx-roberts-title { font-size:clamp(48px,9cqw,108px)!important; }
    .case-study .rwx-holmac-mark { display:block; width:min(100%,18rem); height:auto; margin-bottom:24px; }
    .case-study :is(.rwx-card-grid,.rwx-card-films,.rwx-artifact-row,.rwx-aquarius-poster) > * { min-width:0; }
    @container (max-width:900px) {
      .case-study .rwx-card-grid, .case-study .rwx-card-films { grid-template-columns:repeat(2,minmax(0,1fr)); }
    }
    @container (max-width:640px) {
      .case-study .rwx-card-grid { gap:20px 12px; }
      .case-study .rwx-card-films { grid-template-columns:minmax(0,1fr); }
      .case-study .rwx-screen-preview, .case-study .rwx-print-preview { height:24rem; }
      .case-study .rwx-roberts-title { font-size:clamp(2.5rem,14cqw,5rem)!important; }
      .case-study .rwx-nav { padding:14px 6%; gap:12px; }
      .case-study .rwx-nav-links { gap:16px; font-size:.8125rem; }
      .case-study .rwx-breadcrumb { padding:24px 6% 0; }
      .case-study .rwx-breadcrumb > :last-child { display:none; }
      .case-study .rwx-hero { padding:30px 6% 34px; grid-template-columns:1fr; gap:28px; }
      .case-study .rwx-hero h1 { font-size:17cqw; }
      .case-study .rwx-social-title { font-size:15.6cqw!important; }
      .case-study .rwx-hero h2 { font-size:8.4cqw; }
      .case-study .rwx-meta { display:grid; grid-template-columns:1fr 1fr; gap:0 24px; }
      .case-study .rwx-meta > div:first-child { grid-column:1/-1; }
      .case-study .rwx-section { padding:32px 6%; }
      .case-study .rwx-section-heading h2 { font-size:29px; }
      .case-study .rwx-context-strip { grid-template-columns:1fr 1fr; gap:24px 0; padding:28px 6%; }
      .case-study .rwx-context-strip > div:nth-child(3) { grid-column:1/-1; border-top:1px solid #6280ee; border-left:0; padding:24px 0 0; }
      .case-study .rwx-context-strip strong { font-size:48px; }
      .case-study .rwx-two-col, .case-study .rwx-split-story, .case-study .rwx-operating, .case-study .rwx-quote, .case-study .rwx-film-hero, .case-study .rwx-aquarius-poster { grid-template-columns:1fr; gap:24px; }
      .case-study .rwx-split-story h2 { font-size:33px; }
      .case-study .rwx-chapters li { grid-template-columns:40px 1fr; gap:12px; }
      .case-study .rwx-chapters li > .rwx-body { grid-column:2; }
      .case-study .rwx-chapter-number { font-size:36px; }
      .case-study .rwx-chapters h3 { font-size:25px; }
      .case-study .rwx-artifact-row, .case-study .rwx-scope-list, .case-study .rwx-era-grid, .case-study .rwx-aquarius-role { grid-template-columns:1fr; }
      .case-study .rwx-scope-list > div + div, .case-study .rwx-aquarius-role > div + div { border-top:1px solid #a7a79f; padding-top:18px; }
      .case-study .rwx-quote blockquote { font-size:12cqw; }
      .case-study .rwx-film-title, .case-study .rwx-aquarius-poster h2 { font-size:12cqw; }
      .case-study .rwx-film-strip { grid-template-columns:1fr; }
      .case-study .rwx-film-strip .rwx-placeholder { min-height:180px; }
      .case-study .rwx-film-placeholder { min-height:210px; }
      .case-study .rwx-ticker { padding:10px 6%; }
      .case-study .rwx-next { padding:28px 6%; }
      .case-study .rwx-next strong { font-size:34px; }
      .case-study .rwx-operating h2 { font-size:42px; }
      .case-study .rwx-workflow { gap:0 20px; }
      .case-study .rwx-workflow-item h3 { font-size:22px; }
    }
  
.case-study .rwx-next{text-decoration:none}.case-study .rwx-next>span:first-child{min-width:0}.case-study .rwx-next-arrow{flex-shrink:0}.case-study .rwx-next-subline{display:block;font-size:1rem;line-height:1.5;margin-top:.75rem;max-width:56ch}.case-study .rwx-placeholder{padding-top:3rem}.case-study .rwx-preview-art{margin:0}.case-study .rwx-preview-art img{width:100%;max-height:32rem;object-fit:cover}.case-study .rwx-preview-art figcaption{font:400 .8125rem/1.5 'Courier Prime',monospace;margin-top:.75rem}.case-study .rwx-preview-art.sophon-still img{aspect-ratio:4/5;object-position:50% 26%}.case-study .rwx-body{font-size:clamp(1rem,1.25cqw,1.125rem)}.case-study .rwx-meta dd{font-size:1rem}.case-study :is(.rwx-hero,.rwx-two-col,.rwx-context-strip,.rwx-film-strip,.rwx-era-grid)>*{min-width:0}.case-study .rwx-next:focus-visible{outline-offset:-6px}.case-study .rwx-mono{font-size:.875rem}
@container(max-width:640px){.case-study .rwx-hero h1{font-size:clamp(3rem,17cqw,6rem)}.case-study .rwx-hero h2{font-size:clamp(1.75rem,8.4cqw,3rem)}.case-study .rwx-social-title{font-size:clamp(3rem,15.6cqw,6rem)!important}.case-study .rwx-section-heading{align-items:start}.case-study .rwx-breadcrumb{flex-wrap:wrap}.case-study .rwx-quote blockquote{font-size:clamp(2.5rem,12cqw,5rem)}}
