@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');

/* A separate edition. All rules are scoped so the other themes retain their layouts. */
:root[data-theme="inktorial"] {
  --bg: #f5f3ed; --white: #22221f; --muted: #66665f; --surface: #eae8e0;
  --pink: #22221f; --yellow: #22221f; --coral: #22221f; --cyan: #22221f;
  --lavender: #22221f; --blue: #22221f; --sidebar-bg: #f5f3ed;
  --glow-1: transparent; --glow-2: transparent; --glow-3: transparent; --dot: transparent;
  --font-head: 'DM Sans', sans-serif; --font-body: 'DM Sans', sans-serif;
  --ink-display: 'DM Serif Display', Georgia, serif; --ink-rule: #c9c7be;
  --sidebar-w: 220px; --radius: 0px;
}
.ink-feature-art { display: none; }
:root[data-theme="inktorial"] body { background: var(--bg); cursor: auto; line-height: 1.65; }
:root[data-theme="inktorial"] :is(a, button, [onclick]) { cursor: pointer; }
:root[data-theme="inktorial"] :is(#cursor-dot, #cursor-ring, .orb-layer, #grain, .card-dots, .card-thumb) { display: none !important; }
:root[data-theme="inktorial"] body::after { display: none; }
:root[data-theme="inktorial"] ::selection { background: #22221f; color: #f5f3ed; }
:root[data-theme="inktorial"] :focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
:root[data-theme="inktorial"] #scroll-bar { background: #22221f; height: 2px; box-shadow: none; }
:root[data-theme="inktorial"] .reveal { opacity: 1; transform: none; }

/* The existing navigation becomes a publication's narrow contents margin. */
:root[data-theme="inktorial"] .sidebar {
  top: 0; left: 0; bottom: 0; width: var(--sidebar-w); border: 0; border-right: 1px solid var(--ink-rule);
  border-radius: 0; box-shadow: none; backdrop-filter: none; background: var(--bg);
}
:root[data-theme="inktorial"] .sidebar-brand { padding: 32px 22px; background: none; }
:root[data-theme="inktorial"] .sidebar-logo-link { font-family: var(--ink-display); font-size: 1.2rem; font-weight: 400; letter-spacing: -.04em; background: none; -webkit-text-fill-color: currentColor; color: var(--white); animation: none; }
:root[data-theme="inktorial"] :is(.sidebar-brand, .sidebar-block, .sidebar-nav)::after { background: var(--ink-rule); height: 1px; }
:root[data-theme="inktorial"] .sidebar-block-label { color: var(--muted); font-size: .58rem; letter-spacing: .18em; }
:root[data-theme="inktorial"] :is(.sidebar-pill, .sidebar-pill-more, .sidebar-currently) { background: transparent; color: var(--white); border: 1px solid var(--ink-rule); border-radius: 0; box-shadow: none; }
:root[data-theme="inktorial"] .sidebar-pill { padding: 2px 5px; font-size: .59rem; }
:root[data-theme="inktorial"] :is(.sidebar-pill img, .sidebar-contact-link img, .social-link img) { filter: invert(1); }
:root[data-theme="inktorial"] .sidebar-currently-dot { background: var(--white); box-shadow: none; animation: none; }
:root[data-theme="inktorial"] :is(.sidebar-nav-link, .nav-group-toggle, .nav-sublink) { border-radius: 0; font-weight: 500; }
:root[data-theme="inktorial"] :is(.sidebar-nav-link.active, .nav-group.open > .nav-group-toggle, .sidebar-nav-link:hover, .nav-sublink:hover) { color: var(--white); background: #e8e6df; }
:root[data-theme="inktorial"] .sidebar-nav-link.active::before { background: var(--white); box-shadow: none; width: 2px; }
:root[data-theme="inktorial"] .nav-sublink::before { background: currentColor; box-shadow: none; }
:root[data-theme="inktorial"] .sidebar-contact-link { font-size: .66rem; overflow-wrap: anywhere; }
:root[data-theme="inktorial"] .mobile-menu-btn { background: var(--bg); color: var(--white); border: 1px solid var(--white); border-radius: 0; box-shadow: none; }

/* The switcher keeps its familiar position and behavior, with a printed label treatment. */
:root[data-theme="inktorial"] .theme-toggle-widget {
  background: #22221f; border: 1px solid #f5f3ed; border-radius: 2px; color: #f5f3ed;
  box-shadow: 4px 4px 0 #aaa89f; animation: none; backdrop-filter: none;
}
:root[data-theme="inktorial"] :is(.theme-toggle-icon, .theme-toggle-name, .theme-toggle-eyebrow) { color: #f5f3ed; }
:root[data-theme="inktorial"] .theme-toggle-eyebrow { font-size: .55rem; letter-spacing: .2em; }
:root[data-theme="inktorial"] .theme-toggle-name { font-family: var(--ink-display); font-weight: 400; font-size: 1.1rem; }
:root[data-theme="inktorial"] .theme-toggle-swatch { border: 1px solid #f5f3ed; background: linear-gradient(135deg,#f5f3ed 50%,#22221f 50%); border-radius: 50% 45% 48% 42%; animation: none; }
:root[data-theme="inktorial"] .theme-toggle-widget:hover { transform: translate(-2px,-2px); box-shadow: 6px 6px 0 #aaa89f; }
:root[data-theme="inktorial"] .theme-toggle-widget:hover :is(.theme-toggle-icon, .theme-toggle-swatch) { animation: none; transform: rotate(-12deg); }

/* Homepage: new markup, same live content nodes and project access handlers. */
:root[data-theme="inktorial"] .home-content { max-width: 1600px; padding: 0; margin: auto; }
:root[data-theme="inktorial"] .dash-wrap { display: none; }
:root[data-theme="inktorial"] .ink-edition { padding: 0 clamp(24px,4.5vw,84px); }
:root[data-theme="inktorial"] .ink-opening { min-height: min(880px,100svh); padding-top: 30px; display: flex; flex-direction: column; }
:root[data-theme="inktorial"] :is(.ink-running-head, .ink-colophon) { display: flex; justify-content: space-between; gap: 20px; font-size: .58rem; text-transform: uppercase; letter-spacing: .14em; border-bottom: 1px solid var(--white); padding-bottom: 14px; }
:root[data-theme="inktorial"] .ink-hero-grid { display: grid; grid-template-columns: 1.2fr 1fr; grid-template-rows: auto auto; position: relative; flex: 1; padding: 48px 0 26px; column-gap: 20px; }
:root[data-theme="inktorial"] .ink-hero-type { z-index: 2; align-self: center; }
:root[data-theme="inktorial"] .ink-kicker { font: 500 .62rem/1.6 var(--font-body); letter-spacing: .17em; text-transform: uppercase; }
:root[data-theme="inktorial"] .ink-masthead { font: 400 clamp(76px,8.8vw,155px)/.85 var(--ink-display); letter-spacing: -.065em; margin: 26px 0; }
:root[data-theme="inktorial"] .ink-masthead em { font-weight: 400; padding-left: .38em; }
:root[data-theme="inktorial"] .ink-role { font-size: .67rem; letter-spacing: .035em; }
:root[data-theme="inktorial"] .ink-hero-art { grid-column: 2; grid-row: 1 / 3; align-self: center; position: relative; margin: -20px -25px 0 -40px; pointer-events: none; }
:root[data-theme="inktorial"] .ink-hero-art img { width: 100%; height: auto; max-height: 600px; object-fit: contain; animation: ink-arrive 1.2s ease both; }
:root[data-theme="inktorial"] .ink-hero-art figcaption { font: italic .9rem var(--ink-display); text-align: center; transform: rotate(-7deg); margin-top: -35px; }
:root[data-theme="inktorial"] .ink-intro { grid-column: 1; grid-row: 2; padding: 36px 0 20px; max-width: 360px; }
:root[data-theme="inktorial"] .ink-hand { display: block; font: italic 1rem/1.4 var(--ink-display); transform: rotate(-4deg); }
:root[data-theme="inktorial"] .ink-intro .dash-brief-text { font-size: .84rem; line-height: 1.8; color: var(--white); margin: 17px 0 12px; }
:root[data-theme="inktorial"] .dash-brief-link { font-size: .67rem; color: var(--white); border-bottom: 1px solid; padding-bottom: 3px; }
:root[data-theme="inktorial"] .dash-mission { background: transparent; border: 0; border-top: 1px solid var(--ink-rule); border-radius: 0; padding: 14px 0 0; margin-top: 24px; flex-wrap: wrap; }
:root[data-theme="inktorial"] .dash-mission-dot { background: var(--white); box-shadow: none; animation: none; }
:root[data-theme="inktorial"] .dash-mission-label { color: var(--muted); }
:root[data-theme="inktorial"] .dash-mission-text { color: var(--white); }
:root[data-theme="inktorial"] .ink-explore { align-self: end; grid-column: 2; display: flex; justify-content: space-between; font-size: .65rem; text-transform: uppercase; letter-spacing: .1em; color: var(--white); text-decoration: none; border-top: 1px solid; padding-top: 15px; }
:root[data-theme="inktorial"] .ink-explore span:last-child { font-size: 1.5rem; line-height: 1; }
:root[data-theme="inktorial"] .ink-colophon { border-bottom: 0; border-top: 1px solid var(--ink-rule); padding-top: 16px; padding-bottom: 22px; color: var(--muted); font-size: .53rem; }
:root[data-theme="inktorial"] :is(.ink-selected, .ink-journal) { padding: 100px 0 75px; scroll-margin-top: 25px; }
:root[data-theme="inktorial"] .ink-section-heading { position: relative; margin-bottom: 55px; }
:root[data-theme="inktorial"] .ink-section-heading h2 { font: 400 clamp(40px,5.1vw,80px)/1.02 var(--ink-display); letter-spacing: -.04em; margin: 22px 0; }
:root[data-theme="inktorial"] .ink-section-heading > .ink-hand { position: absolute; right: 0; bottom: 10px; max-width: 160px; }
:root[data-theme="inktorial"] .ink-section-end { display: flex; justify-content: flex-end; padding-top: 24px; }
:root[data-theme="inktorial"] :is(.dash-btn, .ink-text-link) { color: currentColor; border: 0; border-bottom: 1px solid; background: transparent; border-radius: 0; padding: 12px 0; font: 500 .7rem var(--font-body); letter-spacing: .08em; text-transform: uppercase; display: inline-flex; text-decoration: none; flex: none; }
:root[data-theme="inktorial"] :is(.dash-btn:hover, .ink-text-link:hover) { background: transparent; border-color: currentColor; }

/* Features replace the thumbnail/card silhouette with numbered editorial spreads. */
:root[data-theme="inktorial"] :is(#home-col-projects, .bento) { display: block; counter-reset: ink-project; }
:root[data-theme="inktorial"] :is(.card-half, .card-featured) {
  display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(20px,3vw,48px); position: relative;
  padding: 35px 0 55px; margin: 0 0 35px; border: 0; border-top: 1px solid var(--white); border-radius: 0;
  background: transparent; box-shadow: none; overflow: visible; transform: none !important; counter-increment: ink-project;
}
:root[data-theme="inktorial"] :is(.card-half, .card-featured)::before { content: counter(ink-project, decimal-leading-zero); display: block; position: absolute; inset: 10px auto auto 0; background: none; font: .58rem var(--font-body); color: var(--muted); width: auto; height: auto; }
:root[data-theme="inktorial"] :is(.card-half, .card-featured)::after { display: none; }
:root[data-theme="inktorial"] .ink-feature-art { display: grid; place-items: center; position: relative; min-height: 250px; overflow: hidden; background: #dfddd4; color: #22221f; margin-top: 12px; }
:root[data-theme="inktorial"] .ink-feature-orbit { width: 64%; aspect-ratio: 1; border: 1px solid currentColor; border-radius: 48% 52% 47% 53%; transform: rotate(-25deg) scaleY(.6); }
:root[data-theme="inktorial"] .ink-feature-orbit::after { content: ''; position: absolute; inset: 12%; border: 18px solid currentColor; border-radius: 50%; transform: translate(20%,-10%) rotate(40deg) scaleY(1.7); }
:root[data-theme="inktorial"] .ink-feature-mark { position: absolute; font-size: 5rem; right: 12%; top: 5%; line-height: 1; }
:root[data-theme="inktorial"] .ink-feature-caption { position: absolute; bottom: 12px; left: 14px; font: italic .75rem var(--ink-display); }
:root[data-theme="inktorial"] .card-body { padding: 12px 0 0; justify-content: center; background: none; min-width: 0; }
:root[data-theme="inktorial"] .card-top { flex-direction: column-reverse; align-items: flex-start; gap: 12px; }
:root[data-theme="inktorial"] .project-name { font: 400 clamp(28px,3vw,48px)/1.06 var(--ink-display); letter-spacing: -.035em; overflow-wrap: anywhere; }
:root[data-theme="inktorial"] .card-desc { color: var(--muted); font-size: .83rem; line-height: 1.8; margin: 18px 0; }
:root[data-theme="inktorial"] :is(.category-tag, .card-tag) { color: var(--white); border: 0; border-bottom: 1px solid var(--ink-rule); border-radius: 0; background: transparent; font-size: .57rem; letter-spacing: .06em; padding: 4px 0; }
:root[data-theme="inktorial"] .category-tag { text-transform: uppercase; }
:root[data-theme="inktorial"] .card-tags { gap: 12px; }
:root[data-theme="inktorial"] .card-footer { border: 0; padding: 20px 0 0; justify-content: flex-start; }
:root[data-theme="inktorial"] .view-link { background: #22221f; color: #f5f3ed; border: 1px solid #22221f; border-radius: 0; padding: 12px 18px; font-size: .67rem; box-shadow: none; transform: none !important; }
:root[data-theme="inktorial"] .view-link:hover { background: var(--bg); color: var(--white); box-shadow: 3px 3px 0 var(--white); }
:root[data-theme="inktorial"] #home-col-projects > :nth-child(even) { grid-template-columns: 1.15fr .85fr; }
:root[data-theme="inktorial"] #home-col-projects > :nth-child(even) .ink-feature-art { grid-column: 2; grid-row: 1; background: #22221f; color: #f5f3ed; }
:root[data-theme="inktorial"] #home-col-projects > :nth-child(even) .card-body { grid-column: 1; grid-row: 1; }
:root[data-theme="inktorial"] .cg .ink-feature-orbit { border-radius: 0; transform: rotate(-25deg); width: 42%; }
:root[data-theme="inktorial"] .cg .ink-feature-orbit::after { border-radius: 0; border-width: 10px; }
:root[data-theme="inktorial"] .cb .ink-feature-orbit::after { border-width: 30px; border-radius: 48% 52% 25% 75%; }

/* Dense, inverted middle spread; quiet ruled journal after it. */
:root[data-theme="inktorial"] .ink-studies { background: #22221f; color: #f5f3ed; padding: 65px clamp(24px,4.5vw,84px); margin: 0 calc(-1 * clamp(24px,4.5vw,84px)); }
:root[data-theme="inktorial"] .ink-star { position: absolute; right: 0; top: 20px; font-size: 100px; line-height: 1; }
:root[data-theme="inktorial"] #home-col-cs { gap: 0; }
:root[data-theme="inktorial"] .home-cs-card { display: grid; grid-template-columns: .7fr 1.3fr; gap: 12px 30px; padding: 28px 0; border: 0; border-top: 1px solid #77776e; border-radius: 0; background: none; box-shadow: none; color: inherit; transform: none; }
:root[data-theme="inktorial"] .home-cs-card::before { display: none; }
:root[data-theme="inktorial"] .home-cs-card-top { grid-column: 1; grid-row: 1 / 4; align-items: flex-start; }
:root[data-theme="inktorial"] :is(.home-cs-sector, .home-cs-arrow) { color: #f5f3ed; background: none; border: 0; }
:root[data-theme="inktorial"] .home-cs-title { font: 400 clamp(26px,3vw,42px)/1.15 var(--ink-display); color: #f5f3ed; }
:root[data-theme="inktorial"] :is(.home-cs-problem, .home-cs-outcome) { color: #d0cec4; font-size: .8rem; border-color: #77776e; background: none; }
:root[data-theme="inktorial"] .home-cs-card:hover .home-cs-title { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px; }
:root[data-theme="inktorial"] .ink-studies .ink-text-link { margin-top: 25px; }
:root[data-theme="inktorial"] #home-col-cs > p { color: #d0cec4 !important; opacity: 1 !important; }
:root[data-theme="inktorial"] #home-col-notes { gap: 0; }
:root[data-theme="inktorial"] .fn-card { background: none; border: 0; border-top: 1px solid var(--ink-rule); border-radius: 0; box-shadow: none; padding: 24px 0; transform: none !important; }
:root[data-theme="inktorial"] .fn-card::before, :root[data-theme="inktorial"] .fn-card::after { display: none; }
:root[data-theme="inktorial"] .fn-card-inner { display: grid; grid-template-columns: 130px 1fr auto; gap: 20px; align-items: center; }
:root[data-theme="inktorial"] .fn-meta { flex-direction: column; align-items: flex-start; gap: 4px; margin: 0; }
:root[data-theme="inktorial"] :is(.fn-date, .fn-num, .fn-tag, .fn-read) { color: var(--muted); background: none; border: 0; }
:root[data-theme="inktorial"] .fn-title { font: 400 1.65rem/1.2 var(--ink-display); color: var(--white); margin: 0; }
:root[data-theme="inktorial"] .fn-read { margin: 0; font-size: .65rem; }

/* Inner pages share the editorial system, with compositions suited to their content. */
:root[data-theme="inktorial"] :is(.work-content, .cs-content, .content, .lib-main) { max-width: 1300px; padding: 65px clamp(24px,4.5vw,84px) 110px; margin: auto; }
:root[data-theme="inktorial"] :is(.work-header, .cs-header, .lib-hero, .content > header) { text-align: left; padding: 20px 0 45px; margin-bottom: 35px; border-bottom: 1px solid var(--white); }
:root[data-theme="inktorial"] :is(.hero-name, .work-title, .cs-title, .lib-title) { font: 400 clamp(52px,7vw,110px)/1 var(--ink-display); letter-spacing: -.045em; background: none; -webkit-text-fill-color: currentColor; color: var(--white); text-shadow: none; margin-bottom: 25px; }
:root[data-theme="inktorial"] :is(.hero-sub, .work-subtitle, .cs-subtitle, .lib-subtitle) { color: var(--muted); max-width: 580px; font-size: .95rem; margin-left: 0; }
:root[data-theme="inktorial"] .hero-desc { color: var(--white); font: 400 clamp(19px,2.2vw,29px)/1.65 var(--ink-display); max-width: 750px; margin: 40px 0 0 auto; }
:root[data-theme="inktorial"] :is(.social-link, .stat, .pill, .topic-pill, .cs-filter-btn, .lib-tab, .tag-pill) { color: var(--white); background: transparent; border: 1px solid var(--ink-rule); border-radius: 0; box-shadow: none; }
:root[data-theme="inktorial"] :is(.pill[class*="active"], .lib-tab.active, .cs-filter-btn.active, .tag-pill.active) { color: #f5f3ed; background: #22221f; border-color: #22221f; }
:root[data-theme="inktorial"] :is(.section-line, .featured-label-line, .section-label-line, .divider, .cs-divider) { background: var(--ink-rule); }
:root[data-theme="inktorial"] .stats-row { border-bottom: 1px solid var(--ink-rule); padding-bottom: 25px; }
:root[data-theme="inktorial"] .stat { border: 0; padding-left: 0; }
:root[data-theme="inktorial"] .stat span { color: var(--white); }
:root[data-theme="inktorial"] .featured-wrap { border: 0; border-radius: 0; background: #e9e7df; padding: 25px; box-shadow: none; }
:root[data-theme="inktorial"] .featured-carousel { border-radius: 0; }
:root[data-theme="inktorial"] .carousel-arrow { color: var(--white); background: none; border: 1px solid var(--ink-rule); border-radius: 0; }
:root[data-theme="inktorial"] .carousel-dot { background: #aaa89f; }
:root[data-theme="inktorial"] .carousel-dot.active { background: #22221f; }
:root[data-theme="inktorial"] .section-header { margin-top: 55px; }
:root[data-theme="inktorial"] .section-title { font: 400 1.8rem var(--ink-display); color: var(--white); }
:root[data-theme="inktorial"] .section-icon { display: none; }
:root[data-theme="inktorial"] .cs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 45px; }
:root[data-theme="inktorial"] .cs-card { padding: 28px 0; border: 0; border-top: 2px solid var(--white); border-radius: 0; background: transparent; box-shadow: none; transform: none; }
:root[data-theme="inktorial"] .cs-card:nth-child(even) { margin-top: 70px; }
:root[data-theme="inktorial"] .cs-card::before { display: none; }
:root[data-theme="inktorial"] .cs-card-title { font: 400 2.2rem/1.1 var(--ink-display); color: var(--white); }
:root[data-theme="inktorial"] :is(.cs-card-sector, .cs-meta-tag, .cs-featured-badge, .cs-sector, .cs-meta-chip) { color: var(--white); border: 0; border-radius: 0; background: #e8e6de; }
:root[data-theme="inktorial"] :is(.cs-card-problem, .cs-card-outcome, .cs-problem-stmt, .cs-section-body) { color: var(--muted); background: none; border-color: var(--ink-rule); }
:root[data-theme="inktorial"] .cs-section { display: grid; grid-template-columns: 1fr 2fr; gap: 35px; border-top: 1px solid var(--ink-rule); padding: 35px 0; }
:root[data-theme="inktorial"] .cs-section-title { font: 400 1.5rem var(--ink-display); }
:root[data-theme="inktorial"] .cs-outcome-callout { color: #f5f3ed; background: #22221f; border: 0; border-radius: 0; padding: 40px; margin: 40px 0; }
:root[data-theme="inktorial"] :is(.cs-outcome-callout-label, .cs-outcome-callout-text) { color: #f5f3ed; }
:root[data-theme="inktorial"] .about-columns { grid-template-columns: 1.3fr 1fr; gap: 50px; }
:root[data-theme="inktorial"] .about-columns > section:last-child { grid-column: 1 / -1; border-top: 1px solid var(--white); padding-top: 30px; }
:root[data-theme="inktorial"] :is(.exp-card, .comm-card, .cert-card) { border: 0; border-top: 1px solid var(--ink-rule); border-radius: 0; background: none; box-shadow: none; }
:root[data-theme="inktorial"] :is(.card-header, .card-expand, .card-detail) { background: none; color: var(--white); }
:root[data-theme="inktorial"] .constellation-section { background: #22221f; color: #f5f3ed; padding: 24px; }
:root[data-theme="inktorial"] .constellation-heading { color: #f5f3ed; }
:root[data-theme="inktorial"] .constellation-wrap { filter: grayscale(1); }
:root[data-theme="inktorial"] .timeline { padding-left: 0; }
:root[data-theme="inktorial"] :is(.timeline::before, .timeline-fill, .note-entry::before, .note-card::before, .note-card::after) { display: none; }
:root[data-theme="inktorial"] .note-entry { display: grid; grid-template-columns: 140px 1fr; gap: 30px; border-top: 1px solid var(--ink-rule); padding: 30px 0; margin: 0; }
:root[data-theme="inktorial"] .note-meta { flex-direction: column; align-items: flex-start; gap: 7px; }
:root[data-theme="inktorial"] .note-card { border: 0; border-radius: 0; padding: 0; background: none; box-shadow: none; }
:root[data-theme="inktorial"] .note-title { font: 400 clamp(25px,3vw,40px)/1.2 var(--ink-display); }
:root[data-theme="inktorial"] :is(.note-project-tag, .note-date, .note-num, .note-summary, .learnings-list, .note-focus) { color: var(--muted); background: none; border-color: var(--ink-rule); }
:root[data-theme="inktorial"] .lib-grid { grid-template-columns: 1.3fr 1fr; gap: 55px; }
:root[data-theme="inktorial"] .lib-card { border: 0; border-radius: 0; box-shadow: none; background: none; }
:root[data-theme="inktorial"] .lib-card:nth-child(even) { margin-top: 80px; }
:root[data-theme="inktorial"] .lib-card-cover { border-radius: 0; height: auto; aspect-ratio: auto; background: #e1dfd6; }
:root[data-theme="inktorial"] .lib-card-cover > img { position: relative; aspect-ratio: 4/3; object-fit: cover; }
:root[data-theme="inktorial"] .lib-card-overlay { position: relative; inset: auto; opacity: 1; transform: none; background: #22221f; color: #f5f3ed; padding: 24px; }
:root[data-theme="inktorial"] :is(.lib-card-title, .lib-card-desc, .lib-card-tag, .lib-card-link) { color: #f5f3ed; }
:root[data-theme="inktorial"] .lib-card-footer { padding: 14px 0; border-bottom: 1px solid var(--ink-rule); }
:root[data-theme="inktorial"] .lib-card-name { color: var(--white); font: 400 1.4rem var(--ink-display); }
:root[data-theme="inktorial"] :is(.lib-cat-badge, .lib-eyebrow, .lib-count-text, .lib-count-num) { color: var(--muted); background: none; border-color: var(--ink-rule); }
:root[data-theme="inktorial"] :is(.lock-box, .collab-popover) { background: var(--bg); color: var(--white); border: 1px solid var(--white); border-radius: 0; box-shadow: 7px 7px 0 #22221f; }
:root[data-theme="inktorial"] .lock-input { background: #fff; color: var(--white); border: 1px solid var(--ink-rule); border-radius: 0; }
:root[data-theme="inktorial"] .lock-submit { background: #22221f; color: #f5f3ed; border-radius: 0; }
:root[data-theme="inktorial"] footer { border-top: 1px solid var(--ink-rule); padding: 30px 25px 100px; background: none; color: var(--muted); }
:root[data-theme="inktorial"] .footer-logo { background: none; -webkit-text-fill-color: currentColor; color: var(--white); font: 400 1.5rem var(--ink-display); }

@keyframes ink-arrive { from { opacity: 0; transform: translateY(16px) rotate(-3deg); } to { opacity: 1; transform: none; } }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  :root[data-theme="inktorial"] .ink-feature-orbit { transition: transform .7s ease; }
  :root[data-theme="inktorial"] :is(.card-half, .card-featured):hover .ink-feature-orbit { transform: rotate(-12deg) scaleY(.8); }
  :root[data-theme="inktorial"] .ink-masthead { animation: ink-arrive .8s .1s both; }
  :root[data-theme="inktorial"] .ink-intro .ink-hand { animation: ink-arrive .8s .3s both; }
}
@media (max-width: 1100px) and (min-width: 861px) {
  :root[data-theme="inktorial"] { --sidebar-w: 190px; }
  :root[data-theme="inktorial"] .ink-masthead { font-size: 8.4vw; }
  :root[data-theme="inktorial"] .ink-section-heading > .ink-hand { position: static; }
  :root[data-theme="inktorial"] .ink-feature-art { min-height: 210px; }
}
@media (max-width: 860px) {
  :root[data-theme="inktorial"] { --sidebar-w: 240px; }
  :root[data-theme="inktorial"] .ink-opening { padding-top: 80px; min-height: auto; }
  :root[data-theme="inktorial"] .ink-masthead { font-size: clamp(80px,14vw,120px); }
  :root[data-theme="inktorial"] :is(.work-content, .cs-content, .content, .lib-main) { padding-top: 90px; }
  :root[data-theme="inktorial"] .sidebar { z-index: 400; }
}
@media (max-width: 580px) {
  :root[data-theme="inktorial"] .ink-edition { padding: 0 22px; }
  :root[data-theme="inktorial"] .ink-running-head { font-size: .48rem; letter-spacing: .1em; }
  :root[data-theme="inktorial"] .ink-running-head span:last-child { display: none; }
  :root[data-theme="inktorial"] .ink-hero-grid { grid-template-columns: 1fr 1fr; padding-top: 30px; gap: 0; }
  :root[data-theme="inktorial"] .ink-hero-type { grid-column: 1 / -1; grid-row: 1; }
  :root[data-theme="inktorial"] .ink-masthead { font-size: clamp(68px,19vw,108px); margin: 22px 0; }
  :root[data-theme="inktorial"] .ink-masthead br { display: none; }
  :root[data-theme="inktorial"] .ink-masthead em { display: block; padding-left: .55em; }
  :root[data-theme="inktorial"] .ink-hero-art { grid-column: 2; grid-row: 1; align-self: end; width: 125%; margin: 0 -20px 12px -12px; opacity: .9; }
  :root[data-theme="inktorial"] .ink-hero-type { pointer-events: none; }
  :root[data-theme="inktorial"] .ink-masthead { max-width: 240px; }
  :root[data-theme="inktorial"] .ink-hero-art figcaption { display: none; }
  :root[data-theme="inktorial"] .ink-intro { grid-column: 1 / -1; padding: 32px 0 25px; max-width: none; }
  :root[data-theme="inktorial"] .ink-intro .dash-brief-text { max-width: 32ch; margin-left: auto; }
  :root[data-theme="inktorial"] .ink-intro .dash-brief-link { display: table; margin-left: auto; }
  :root[data-theme="inktorial"] .ink-explore { grid-column: 1 / -1; margin-top: 10px; }
  :root[data-theme="inktorial"] .ink-colophon { font-size: .45rem; gap: 15px; }
  :root[data-theme="inktorial"] :is(.ink-selected, .ink-journal) { padding: 65px 0 50px; }
  :root[data-theme="inktorial"] .ink-section-heading { margin-bottom: 35px; }
  :root[data-theme="inktorial"] .ink-section-heading h2 { font-size: 44px; }
  :root[data-theme="inktorial"] .ink-section-heading > .ink-hand { position: static; max-width: none; text-align: right; font-size: .85rem; }
  :root[data-theme="inktorial"] :is(.card-half, .card-featured), :root[data-theme="inktorial"] #home-col-projects > :nth-child(even) { grid-template-columns: 1fr; gap: 20px; padding-bottom: 25px; }
  :root[data-theme="inktorial"] #home-col-projects > :nth-child(even) :is(.card-body, .ink-feature-art) { grid-column: auto; grid-row: auto; }
  :root[data-theme="inktorial"] .ink-feature-art { min-height: 0; height: 200px; margin-right: 30px; }
  :root[data-theme="inktorial"] #home-col-projects > :nth-child(even) .ink-feature-art { margin-right: 0; margin-left: 30px; }
  :root[data-theme="inktorial"] .ink-feature-orbit { width: 130px; }
  :root[data-theme="inktorial"] .project-name { font-size: 34px; }
  :root[data-theme="inktorial"] .card-body { padding: 0; }
  :root[data-theme="inktorial"] .card-desc { font-size: .85rem; }
  :root[data-theme="inktorial"] .ink-studies { margin: 0 -22px; padding: 50px 22px; }
  :root[data-theme="inktorial"] .ink-star { font-size: 60px; right: 0; top: 0; }
  :root[data-theme="inktorial"] .home-cs-card { display: flex; flex-direction: column; gap: 16px; }
  :root[data-theme="inktorial"] .home-cs-card-top { width: 100%; }
  :root[data-theme="inktorial"] .fn-card-inner { grid-template-columns: 1fr auto; gap: 14px; }
  :root[data-theme="inktorial"] .fn-meta { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; gap: 10px; }
  :root[data-theme="inktorial"] .fn-title { font-size: 1.5rem; }
  :root[data-theme="inktorial"] :is(.cs-grid, .about-columns, .lib-grid) { grid-template-columns: 1fr; gap: 30px; }
  :root[data-theme="inktorial"] :is(.cs-card:nth-child(even), .lib-card:nth-child(even)) { margin-top: 0; }
  :root[data-theme="inktorial"] .cs-section { grid-template-columns: 1fr; gap: 12px; }
  :root[data-theme="inktorial"] .cs-outcome-callout { padding: 25px; }
  :root[data-theme="inktorial"] .note-entry { display: block; padding: 25px 0; }
  :root[data-theme="inktorial"] .note-meta { flex-direction: row; gap: 15px; margin-bottom: 18px; }
  :root[data-theme="inktorial"] .featured-wrap { padding: 16px; }
  :root[data-theme="inktorial"] .hero-desc { font-size: 21px; }
  :root[data-theme="inktorial"] .social-links { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  :root[data-theme="inktorial"] { scroll-behavior: auto; }
  :root[data-theme="inktorial"] *, :root[data-theme="inktorial"] *::before, :root[data-theme="inktorial"] *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Explicitly replace legacy literal colors, including secondary and empty states. */
:root[data-theme="inktorial"] .project-name { color: var(--white); }
:root[data-theme="inktorial"] :is(.exp-desc, .comm-desc, .cert-notes, .cert-issuer, .exp-clients-label, .learnings-list li, footer p, .lib-empty-label, .lib-empty-heading, .lib-empty-sub, .lib-empty-footer p, .lib-frame-tag, .lib-frame-soon) { color: var(--muted); }
:root[data-theme="inktorial"] :is(.exp-date, .comm-date, .comm-type, .cert-date, .exp-client-chip, .filter-pill, .filter-active-label) { background: transparent; color: var(--white); border-color: var(--ink-rule); border-radius: 0; }
:root[data-theme="inktorial"] .filter-pill.active { background: var(--white); color: var(--bg); border-color: var(--white); }
:root[data-theme="inktorial"] :is(.exp-card, .comm-card)::before, :root[data-theme="inktorial"] :is(.exp-card, .comm-card)::after { display: none; }
:root[data-theme="inktorial"] :is(.exp-card, .comm-card, .lib-card):hover { transform: none; box-shadow: none; border-color: var(--white); }
:root[data-theme="inktorial"] .section-dot { box-shadow: none; animation: none; }
:root[data-theme="inktorial"] .section-title { text-transform: none; letter-spacing: -.02em; }
:root[data-theme="inktorial"] .lib-frame { border-color: var(--ink-rule); border-radius: 0; background: transparent; }
:root[data-theme="inktorial"] .lib-frame-art { filter: grayscale(1); }
:root[data-theme="inktorial"] .social-link svg[fill="white"] { fill: var(--white); }
:root[data-theme="inktorial"] .lib-card-cover > img { height: auto; }
:root[data-theme="inktorial"] :is(.exp-card, .comm-card) .card-body { padding: 0; }
:root[data-theme="inktorial"] .cs-subtitle { white-space: normal; }
:root[data-theme="inktorial"] :is(.card-half, .card-featured)::before { opacity: 1; }
:root[data-theme="inktorial"] :is(.hero-name, .lib-title) { animation: none; filter: none; }
:root[data-theme="inktorial"] .dash-brief-link { border: 0; border-bottom: 1px solid; border-radius: 0; background: none; padding: 5px 0; }
:root[data-theme="inktorial"] :is(.lock-submit, .lock-submit:hover, .section-label-dot, .featured-label-dot) { box-shadow: none; }
:root[data-theme="inktorial"] .sidebar-currently { display: flex; flex-wrap: wrap; gap: 4px; font-size: .62rem; padding: 5px; }
:root[data-theme="inktorial"] .ink-running-head { position: relative; border-bottom: 0; }
:root[data-theme="inktorial"] .ink-running-head::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: currentColor; transform-origin: left; }
:root[data-theme="inktorial"] :is(.ink-text-link, .dash-brief-link, .dash-btn) { position: relative; }
:root[data-theme="inktorial"] :is(.ink-text-link, .dash-brief-link, .dash-btn)::after { content: ''; position: absolute; left: 0; right: 0; bottom: -3px; height: 2px; background: currentColor; transform: scaleX(0) rotate(-1deg); transform-origin: left; transition: transform .3s ease; }
:root[data-theme="inktorial"] :is(.ink-text-link, .dash-brief-link, .dash-btn):hover::after { transform: scaleX(1) rotate(-1deg); }
@keyframes ink-rule-draw { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@media (prefers-reduced-motion: no-preference) {
  :root[data-theme="inktorial"] .ink-running-head::after { animation: ink-rule-draw .9s ease both; }
}
@media (max-width: 580px) {
  :root[data-theme="inktorial"] .ink-hero-art { position: absolute; grid-column: auto; grid-row: auto; top: 130px; right: 0; width: 140px; margin: 0; opacity: 1; }
  :root[data-theme="inktorial"] .ink-masthead { max-width: none; font-size: clamp(64px,18vw,100px); }
  :root[data-theme="inktorial"] .ink-masthead em { padding-left: .2em; }
  :root[data-theme="inktorial"] .ink-role { max-width: 175px; font-size: .6rem; }
  :root[data-theme="inktorial"] .ink-intro { padding-top: 55px; }
  :root[data-theme="inktorial"] .ink-intro > .ink-hand { max-width: 160px; }
}
@media (max-width: 360px) {
  :root[data-theme="inktorial"] .ink-hero-art { width: 115px; top: 135px; }
  :root[data-theme="inktorial"] .ink-role { max-width: 145px; }
  :root[data-theme="inktorial"] .ink-section-heading h2 { font-size: 38px; }
  :root[data-theme="inktorial"] .ink-star { font-size: 45px; }
}
:root[data-theme="inktorial"] :is(.view-link, .mobile-menu-btn, .theme-toggle-widget) { min-height: 44px; }
:root[data-theme="inktorial"] .constellation-wrap { border: 0; border-radius: 0; }
:root[data-theme="inktorial"] .constellation-wrap::before { display: none; }
:root[data-theme="inktorial"] .card-hidden { display: none; }
:root[data-theme="inktorial"] .featured-slide:not(.active) { visibility: hidden; }
:root[data-theme="inktorial"] .lib-grid > div[style] { color: var(--muted) !important; }
:root[data-theme="inktorial"] .lib-card-cover > div:not(.lib-card-overlay) { background: #e1dfd6 !important; min-height: 210px; }
:root[data-theme="inktorial"] .lib-card-cover > div:not(.lib-card-overlay) > span { color: var(--white) !important; font-family: var(--ink-display) !important; }
:root[data-theme="inktorial"] .sidebar-contact-link svg[fill="white"] { fill: var(--white); }

/* Illustrated walkthrough: scroll is native; movement follows the reader. */
:root[data-theme="inktorial"] .ink-cloud { width: 280px; height: auto; color: currentColor; pointer-events: none; }
:root[data-theme="inktorial"] .ink-hero-art { isolation: isolate; }
:root[data-theme="inktorial"] .ink-cloud--cover { position: absolute; width: 56%; left: -6%; bottom: 9%; z-index: 2; transform: translateX(var(--ink-drift, 0px)); }
:root[data-theme="inktorial"] .ink-hero-art img { transform: translateY(var(--ink-drift, 0px)); animation: none; }
:root[data-theme="inktorial"] .ink-hero-art figcaption { margin-top: -4px; }
:root[data-theme="inktorial"] .ink-chapter-nav { position: sticky; top: 12px; z-index: 30; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #f5f3edf2; backdrop-filter: blur(12px); border: 1px solid var(--ink-rule); padding: 0 20px; margin: 18px 0 0; }
:root[data-theme="inktorial"] .ink-chapter-nav a { min-height: 48px; display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: .65rem; text-decoration: none; }
:root[data-theme="inktorial"] .ink-chapter-nav a span { font-size: .53rem; }
:root[data-theme="inktorial"] .ink-chapter-nav a[aria-current] { color: var(--white); font-weight: 700; }
:root[data-theme="inktorial"] .ink-chapter-nav a:hover { color: var(--white); text-decoration: underline; text-underline-offset: 4px; }
:root[data-theme="inktorial"] .ink-chapter-nav .ink-chapter-home { font-size: 1.5rem; }
:root[data-theme="inktorial"] .ink-chapter-track { position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: var(--white); transform: scaleX(var(--ink-route-progress, 0)); transform-origin: left; pointer-events: none; }

/* A brief moving landscape between introduction and work, like unrolling a print. */
:root[data-theme="inktorial"] .ink-passage { height: 155svh; min-height: 920px; position: relative; margin: 0 calc(-1 * clamp(24px,4.5vw,84px)); }
:root[data-theme="inktorial"] .ink-passage-sticky { position: sticky; top: 75px; height: calc(100svh - 95px); min-height: 600px; max-height: 1000px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 45px clamp(24px,4.5vw,84px) 22px; }
:root[data-theme="inktorial"] .ink-passage-copy { position: relative; z-index: 2; }
:root[data-theme="inktorial"] .ink-passage h2 { font: 400 clamp(54px,7.5vw,118px)/.95 var(--ink-display); letter-spacing: -.055em; margin: 20px 0; }
:root[data-theme="inktorial"] .ink-passage h2 em { padding-left: .45em; }
:root[data-theme="inktorial"] .ink-passage-aside { font-size: .75rem; line-height: 1.8; max-width: 240px; margin-left: 8px; }
:root[data-theme="inktorial"] .ink-passage-scene { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
:root[data-theme="inktorial"] .ink-landscape { position: absolute; bottom: 0; width: 100%; min-width: 760px; height: 75%; color: #22221f; object-fit: cover; }
:root[data-theme="inktorial"] .ink-cloud--near { position: absolute; top: 48%; right: 0; width: 40%; transform: translateX(var(--ink-cloud-travel, 0px)); }
:root[data-theme="inktorial"] .ink-cloud--far { position: absolute; top: 23%; right: 7%; width: 26%; transform: translateX(calc(var(--ink-cloud-travel, 0px) * -.6)); }
:root[data-theme="inktorial"] .ink-drawn-path { stroke-dasharray: 1; stroke-dashoffset: 0; }
:root[data-theme="inktorial"].ink-motion .ink-drawn-path { stroke-dashoffset: calc(1 - var(--ink-passage, 0)); }
:root[data-theme="inktorial"] .ink-process { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; position: relative; z-index: 2; margin-top: auto; padding-top: 28px; color: #f5f3ed; }
:root[data-theme="inktorial"] .ink-process > span { display: flex; flex-direction: column; gap: 9px; font: 400 clamp(15px,1.6vw,24px)/1.2 var(--ink-display); opacity: .55; transition: opacity .25s; }
:root[data-theme="inktorial"] .ink-process b { font: 400 .6rem var(--font-body); border-top: 1px solid; padding-top: 10px; }
:root[data-theme="inktorial"] .ink-process .ink-step-active { opacity: 1; }
:root[data-theme="inktorial"] .ink-passage-skip { position: relative; z-index: 2; display: flex; justify-content: space-between; color: #f5f3ed; font-size: .6rem; text-decoration: none; text-transform: uppercase; letter-spacing: .1em; margin-top: 26px; }
:root[data-theme="inktorial"] .ink-petal { position: absolute; display: block; width: 16px; height: 25px; border: 1px solid currentColor; border-radius: 85% 0 85% 0; background: #f5f3ed; }
:root[data-theme="inktorial"] .ink-petal--one { top: 40%; right: 45%; transform: translateY(calc(var(--ink-cloud-travel, 0px) * .35)) rotate(calc(var(--ink-passage, 0) * 100deg)); }
:root[data-theme="inktorial"] .ink-petal--two { top: 20%; right: 8%; width: 10px; height: 17px; transform: translateY(calc(var(--ink-cloud-travel, 0px) * -.25)) rotate(-45deg); }

/* Work leads the journey: a fixed editorial margin accompanies the project features. */
:root[data-theme="inktorial"] .ink-selected { display: grid; grid-template-columns: .75fr 1.25fr; gap: 0 clamp(25px,3vw,55px); align-items: start; padding-top: 110px; }
:root[data-theme="inktorial"] .ink-selected > .ink-section-heading { position: sticky; top: 100px; margin: 0; padding-bottom: 30px; }
:root[data-theme="inktorial"] .ink-selected .ink-section-heading h2 { font-size: clamp(36px,3.8vw,65px); }
:root[data-theme="inktorial"] .ink-selected .ink-section-heading > .ink-hand { position: static; margin: 30px 0; }
:root[data-theme="inktorial"] .ink-work-note { color: var(--muted); font-size: .8rem; max-width: 28ch; margin: 0 0 15px; }
:root[data-theme="inktorial"] .ink-selected > .ink-section-end { grid-column: 2; }
:root[data-theme="inktorial"] #home-col-projects > :is(.card-half, .card-featured) { display: flex; flex-direction: column; gap: 25px; margin-bottom: 65px; }
:root[data-theme="inktorial"] #home-col-projects .ink-feature-art { min-height: 300px; aspect-ratio: 1.3; width: 100%; margin: 0; }
:root[data-theme="inktorial"] #home-col-projects > :nth-child(even) .ink-feature-art { order: 0; --cloud-paper: #22221f; }
:root[data-theme="inktorial"] .ink-cloud--feature { position: absolute; left: -8%; top: 53%; width: 72%; transform: translateX(var(--ink-drift, 0px)); }
:root[data-theme="inktorial"].ink-motion .ink-feature-art { clip-path: inset(0 0 calc((1 - var(--ink-reveal, 1)) * 14%) 0); }
:root[data-theme="inktorial"].ink-motion .ink-feature-orbit { translate: 0 var(--ink-drift, 0px); }
:root[data-theme="inktorial"] .ink-studies { position: relative; overflow: hidden; padding-top: 120px; padding-bottom: 85px; scroll-margin-top: 80px; }
:root[data-theme="inktorial"] .ink-cloud--night { --cloud-paper: #22221f; color: #f5f3ed; width: 330px; position: absolute; top: 16px; right: -45px; transform: translateX(calc(var(--ink-drift, 0px) * -1)); }
:root[data-theme="inktorial"] .ink-studies > :not(.ink-cloud) { position: relative; z-index: 1; }
:root[data-theme="inktorial"] .ink-studies .ink-star { font-size: 70px; }
:root[data-theme="inktorial"] .ink-journal { position: relative; overflow: hidden; scroll-margin-top: 85px; }
:root[data-theme="inktorial"] .ink-cloud--journal { position: absolute; top: 15px; right: -40px; width: 200px; transform: translateX(var(--ink-drift, 0px)); }
:root[data-theme="inktorial"] .ink-next { border-top: 1px solid var(--white); padding: 80px 0 110px; position: relative; overflow: hidden; }
:root[data-theme="inktorial"] .ink-next h2 { font: 400 clamp(54px,7vw,110px)/1 var(--ink-display); letter-spacing: -.05em; margin: 30px 0; position: relative; z-index: 1; }
:root[data-theme="inktorial"] .ink-contact-link { position: relative; z-index: 1; display: inline-flex; gap: 30px; color: var(--white); border-bottom: 1px solid; text-decoration: none; padding: 14px 0; font-size: .8rem; }
:root[data-theme="inktorial"] .ink-next .ink-hand { margin-top: 28px; font-size: .85rem; }
:root[data-theme="inktorial"] .ink-cloud--closing { width: 45%; position: absolute; right: -4%; top: 28%; transform: translateX(var(--ink-drift, 0px)); }
:root[data-theme="inktorial"] :is(.ink-selected, .ink-opening) { scroll-margin-top: 85px; }

@media (prefers-reduced-motion: no-preference) {
  :root[data-theme="inktorial"].ink-motion .ink-reveal { opacity: .3; translate: 0 24px; transition: opacity .75s ease, translate .75s cubic-bezier(.2,.7,.2,1); }
  :root[data-theme="inktorial"].ink-motion :is(.ink-reveal.ink-seen, .ink-reveal:focus-within) { opacity: 1; translate: 0 0; }
}
@media (max-width: 1100px) {
  :root[data-theme="inktorial"] .ink-selected { grid-template-columns: .7fr 1.3fr; gap: 25px; }
  :root[data-theme="inktorial"] #home-col-projects .ink-feature-art { min-height: 220px; }
}
@media (max-width: 860px) {
  :root[data-theme="inktorial"] .ink-chapter-nav { top: 65px; }
  :root[data-theme="inktorial"] .ink-passage { height: 130svh; min-height: 850px; }
  :root[data-theme="inktorial"] .ink-passage-sticky { top: 125px; height: calc(100svh - 145px); min-height: 560px; }
  :root[data-theme="inktorial"] .ink-selected > .ink-section-heading { top: 145px; }
  :root[data-theme="inktorial"] :is(.ink-selected, .ink-studies, .ink-journal) { scroll-margin-top: 130px; }
}
@media (max-width: 580px) {
  :root[data-theme="inktorial"] .ink-hero-art { width: 160px; top: 140px; right: -7px; }
  :root[data-theme="inktorial"] .ink-cloud--cover { width: 70%; left: -3%; bottom: 19%; }
  :root[data-theme="inktorial"] .ink-intro { padding-top: 65px; }
  :root[data-theme="inktorial"] .ink-chapter-nav { gap: 8px; padding: 0 10px; }
  :root[data-theme="inktorial"] .ink-chapter-nav a { font-size: .6rem; gap: 4px; }
  :root[data-theme="inktorial"] .ink-chapter-nav .ink-chapter-home { font-size: 1.2rem; }
  :root[data-theme="inktorial"] .ink-chapter-nav a span { font-size: .5rem; }
  :root[data-theme="inktorial"] .ink-passage { margin: 0 -22px; min-height: 800px; }
  :root[data-theme="inktorial"] .ink-passage-sticky { padding: 30px 22px 22px; min-height: 560px; }
  :root[data-theme="inktorial"] .ink-passage h2 { font-size: 60px; margin-top: 24px; }
  :root[data-theme="inktorial"] .ink-passage h2 em { padding-left: .15em; }
  :root[data-theme="inktorial"] .ink-passage-aside { font-size: .68rem; max-width: 200px; }
  :root[data-theme="inktorial"] .ink-landscape { min-width: 620px; width: 620px; left: -145px; height: 70%; }
  :root[data-theme="inktorial"] .ink-cloud--near { top: 50%; width: 50%; right: -10%; }
  :root[data-theme="inktorial"] .ink-cloud--far { top: 12%; width: 30%; right: -4%; }
  :root[data-theme="inktorial"] .ink-process { gap: 12px; }
  :root[data-theme="inktorial"] .ink-process > span { font-size: 16px; }
  :root[data-theme="inktorial"] .ink-selected { display: block; padding-top: 70px; }
  :root[data-theme="inktorial"] .ink-selected > .ink-section-heading { position: relative; top: auto; margin-bottom: 30px; padding: 0; }
  :root[data-theme="inktorial"] .ink-selected .ink-section-heading h2 { font-size: 44px; }
  :root[data-theme="inktorial"] .ink-work-note { max-width: 34ch; }
  :root[data-theme="inktorial"] .ink-selected .ink-section-heading > .ink-hand { margin: 24px 0; }
  :root[data-theme="inktorial"] #home-col-projects .ink-feature-art { min-height: 230px; height: auto; }
  :root[data-theme="inktorial"] #home-col-projects > :is(.card-half, .card-featured) { margin-bottom: 30px; }
  :root[data-theme="inktorial"] #home-col-projects > :nth-child(even) .ink-feature-art { margin-left: 0; }
  :root[data-theme="inktorial"] .ink-cloud--night { width: 250px; }
  :root[data-theme="inktorial"] .ink-cloud--closing { width: 50%; top: 28%; right: -10%; }
  :root[data-theme="inktorial"] .ink-next { padding-top: 60px; }
  :root[data-theme="inktorial"] .ink-contact-link { font-size: .7rem; gap: 15px; }
}
@media (max-width: 360px) {
  :root[data-theme="inktorial"] .ink-hero-art { width: 120px; top: 140px; right: -2px; }
  :root[data-theme="inktorial"] .ink-chapter-nav { padding: 0 7px; gap: 6px; }
  :root[data-theme="inktorial"] .ink-chapter-nav a { font-size: .55rem; }
  :root[data-theme="inktorial"] .ink-chapter-nav a span { display: none; }
  :root[data-theme="inktorial"] .ink-passage h2 { font-size: 53px; }
}
@media (prefers-reduced-motion: reduce), (max-height: 650px) {
  :root[data-theme="inktorial"] .ink-passage { height: auto; min-height: 0; }
  :root[data-theme="inktorial"] .ink-passage-sticky { position: relative; top: auto; height: 650px; min-height: 0; }
  :root[data-theme="inktorial"] .ink-selected > .ink-section-heading { position: relative; top: auto; }
  :root[data-theme="inktorial"] .ink-drawn-path { stroke-dashoffset: 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
  :root[data-theme="inktorial"] :is(.ink-cloud, .ink-hero-art img, .ink-petal) { transform: none !important; }
  :root[data-theme="inktorial"] .ink-process > span { opacity: 1; }
  :root[data-theme="inktorial"] .ink-feature-art { clip-path: none; }
}
:root[data-theme="inktorial"] .ink-passage-scene::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 165px; background: linear-gradient(transparent, #22221f 65%); }
:root[data-theme="inktorial"] .ink-illustrated-heading { position: relative; }
:root[data-theme="inktorial"] .ink-inner-cloud { position: absolute; width: clamp(120px,22vw,280px); right: 0; top: -42px; opacity: .6; }
:root[data-theme="inktorial"] :is(.content, .cs-content).ink-illustrated-heading > .ink-inner-cloud { top: 10px; right: 30px; }
@media (max-width: 580px) {
  :root[data-theme="inktorial"] .ink-inner-cloud { top: -48px; width: 135px; }
  :root[data-theme="inktorial"] :is(.content, .cs-content).ink-illustrated-heading > .ink-inner-cloud { top: 48px; }
}
/* Keep the narrative captions on solid ink and project actions within easy reach. */
:root[data-theme="inktorial"] .ink-passage-scene::after { height: 150px; background: #22221f; }
:root[data-theme="inktorial"] #home-col-projects .ink-feature-art { aspect-ratio: auto; height: clamp(230px,26vw,360px); }

/* Cinematic cover: one native-scroll timeline, from paper into an ink landscape. */
:root[data-theme="inktorial"] .ink-cinema { position: relative; margin: 0 calc(-1 * clamp(24px,4.5vw,84px)); }
:root[data-theme="inktorial"] .ink-cinema-stage { position: relative; isolation: isolate; overflow: hidden; background: #f5f3ed; }
:root[data-theme="inktorial"].ink-motion .ink-cinema { height: 235svh; }
:root[data-theme="inktorial"].ink-motion .ink-cinema-stage { position: sticky; top: 0; height: 100svh; }
:root[data-theme="inktorial"] .ink-cinema .ink-opening { position: relative; z-index: 2; height: 100svh; min-height: 680px; padding: 28px clamp(24px,4.5vw,84px) 0; opacity: var(--ink-cover-opacity, 1); }
:root[data-theme="inktorial"] .ink-cinema .ink-running-head { flex: none; }
:root[data-theme="inktorial"] .ink-cinema .ink-hero-grid { grid-template-columns: 1.05fr 1fr; grid-template-rows: 1fr; padding: 20px 0 35px; gap: 0; }
:root[data-theme="inktorial"] .ink-cinema .ink-hero-type { grid-column: 1; grid-row: 1; align-self: center; transform: translateY(var(--ink-camera-y, 0px)); }
:root[data-theme="inktorial"] .ink-cinema .ink-masthead { font-size: clamp(82px,9.3vw,160px); animation: none; margin: 25px 0; }
:root[data-theme="inktorial"] .ink-cinema .ink-role { font-size: .78rem; }
:root[data-theme="inktorial"] .ink-cinema .ink-hero-art { grid-column: 2; grid-row: 1; position: relative; width: auto; top: auto; right: auto; margin: 0 -60px 0 -25px; transform: translateY(var(--ink-camera-y, 0px)) scale(var(--ink-camera-scale, 1)); transform-origin: 65% 40%; }
:root[data-theme="inktorial"] .ink-cinema .ink-hero-art img { max-height: 76svh; width: 100%; height: auto; transform: none; mask-image: linear-gradient(#000 82%,transparent 100%); }
:root[data-theme="inktorial"] .ink-cinema .ink-hero-art figcaption { position: absolute; bottom: 0; width: 100%; margin: 0; }
:root[data-theme="inktorial"] .ink-cinema .ink-colophon { position: relative; z-index: 3; padding: 18px 0 26px; }
:root[data-theme="inktorial"] .ink-cover-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; margin-top: 35px; }
:root[data-theme="inktorial"] .ink-scroll-invitation { display: flex; align-items: center; gap: 10px; }
:root[data-theme="inktorial"] .ink-scroll-invitation i { display: block; width: 8px; height: 18px; border: 1px solid currentColor; border-radius: 12px; position: relative; }
:root[data-theme="inktorial"] .ink-scroll-invitation i::after { content: ''; position: absolute; top: 3px; left: 2px; width: 2px; height: 4px; background: currentColor; border-radius: 2px; animation: ink-scroll-hint 1.8s ease-in-out infinite; }
@keyframes ink-scroll-hint { 0%,100% { transform: translateY(0); opacity: .4; } 50% { transform: translateY(5px); opacity: 1; } }
:root[data-theme="inktorial"] .ink-cinema-clouds { position: absolute; inset: 0; z-index: 4; pointer-events: none; opacity: var(--ink-cover-opacity, 1); overflow: hidden; }
:root[data-theme="inktorial"] .ink-cloud--curtain-one { position: absolute; width: 48%; top: 35%; right: -18%; transform: translateX(var(--ink-curtain-x, 0px)); }
:root[data-theme="inktorial"] .ink-cloud--curtain-two { position: absolute; width: 42%; bottom: 5%; left: -25%; transform: translateX(calc(var(--ink-curtain-x, 0px) * -1)); }
:root[data-theme="inktorial"] .ink-cinema .ink-cloud--cover { transform: translateX(calc(var(--ink-curtain-x, 0px) * -.35)); }

/* The second scene occupies the same camera, so the cover never ends at a box edge. */
:root[data-theme="inktorial"] .ink-cinema .ink-passage { position: relative; inset: auto; height: auto; min-height: 0; margin: 0; background: #22221f; color: #f5f3ed; --cloud-paper: #22221f; --landscape-river: #22221f; }
:root[data-theme="inktorial"].ink-motion .ink-cinema .ink-passage { position: absolute; inset: 0; z-index: 5; height: 100%; background: transparent; opacity: var(--ink-story-opacity, 0); }
:root[data-theme="inktorial"] .ink-cinema .ink-passage-sticky { position: relative; top: auto; display: flex; justify-content: center; height: 100svh; min-height: 700px; max-height: none; padding: 45px clamp(24px,4.5vw,84px) 140px; }
:root[data-theme="inktorial"] .ink-cinema .ink-passage-copy { position: relative; z-index: 2; max-width: 65%; transform: translateY(calc((1 - var(--ink-story-opacity, 1)) * 45px)); }
:root[data-theme="inktorial"] .ink-cinema .ink-passage h2 { font-size: clamp(64px,7.5vw,125px); margin: 24px 0; }
:root[data-theme="inktorial"] .ink-cinema .ink-passage h2 em { padding-left: .1em; }
:root[data-theme="inktorial"] .ink-cinema .ink-intro { padding: 10px 0 0; max-width: 430px; }
:root[data-theme="inktorial"] .ink-cinema .ink-intro .dash-brief-text { color: #d7d5cb; font-size: .82rem; margin: 18px 0 10px; }
:root[data-theme="inktorial"] .ink-cinema .ink-intro .dash-brief-link { color: #f5f3ed; }
:root[data-theme="inktorial"] .ink-cinema .ink-intro .ink-hand { font-size: .95rem; max-width: 300px; color: #f5f3ed; }
:root[data-theme="inktorial"] .ink-cinema .dash-mission { margin-top: 30px; max-width: 350px; }
:root[data-theme="inktorial"] .ink-cinema .ink-passage-scene { inset: 0 -20% 0 32%; opacity: .85; mask-image: linear-gradient(90deg,transparent, #000 45%); }
:root[data-theme="inktorial"] .ink-cinema .ink-passage-scene::after { display: none; }
:root[data-theme="inktorial"] .ink-cinema .ink-landscape { width: 140%; min-width: 0; height: 100%; left: -20%; color: #f5f3ed; transform: translateY(calc((1 - var(--ink-passage, 1)) * 50px)) scale(calc(1.1 - var(--ink-passage, 1) * .1)); }
:root[data-theme="inktorial"] .ink-cinema .ink-cloud--near { width: 55%; right: 4%; top: 46%; color: #f5f3ed; }
:root[data-theme="inktorial"] .ink-cinema .ink-cloud--far { width: 38%; right: 13%; top: 16%; color: #f5f3ed; }
:root[data-theme="inktorial"] .ink-cinema .ink-petal { color: #f5f3ed; background: #22221f; }
:root[data-theme="inktorial"] .ink-drawn-path { stroke-dasharray: none !important; stroke-dashoffset: 0 !important; }
:root[data-theme="inktorial"] .ink-cinema .ink-process { position: absolute; bottom: 0; left: 0; right: 0; padding: 24px clamp(24px,4.5vw,84px) 32px; margin: 0; background: #22221f; gap: 35px; }
:root[data-theme="inktorial"] .ink-cinema .ink-process > span { font-size: 18px; }
:root[data-theme="inktorial"] .ink-cinema .ink-process b { padding-top: 14px; }
:root[data-theme="inktorial"] .ink-chapter-nav { margin-top: 0; }
:root[data-theme="inktorial"] .ink-scene-seam { margin: 0 calc(-1 * clamp(24px,4.5vw,84px)); height: clamp(70px,10vw,155px); pointer-events: none; overflow: hidden; }
:root[data-theme="inktorial"] .ink-scene-seam svg { width: 100%; height: 100%; display: block; }
:root[data-theme="inktorial"] .ink-selected { padding-top: 55px; }

/* Large, unmistakable invitations; a circular arrow gives each action a destination. */
:root[data-theme="inktorial"] :is(.ink-explore, .ink-passage-skip, .ink-text-link, .dash-btn, .ink-contact-link, .view-link) { display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; min-height: 56px; padding: 14px 24px; border: 1px solid #22221f; border-radius: 3px; background: #22221f; color: #f5f3ed; font: 600 .78rem/1.4 var(--font-body); text-transform: none; letter-spacing: .01em; text-decoration: none; box-shadow: 4px 4px 0 #bbb8ab; transition: background .2s, color .2s, box-shadow .2s; }
:root[data-theme="inktorial"] :is(.ink-explore, .ink-passage-skip) { min-width: 260px; }
:root[data-theme="inktorial"] .ink-explore { align-self: auto; }
:root[data-theme="inktorial"] .ink-work-shortcut { color: var(--white); font-size: .7rem; text-decoration: underline; text-underline-offset: 5px; min-height: 35px; display: inline-flex; align-items: center; }
:root[data-theme="inktorial"] .ink-button-arrow { display: inline-grid; place-items: center; flex: none; width: 32px; height: 32px; border-radius: 50%; border: 1px solid currentColor; font-size: 1.3rem; transition: rotate .25s; }
:root[data-theme="inktorial"] :is(.ink-explore, .ink-passage-skip):hover .ink-button-arrow { rotate: 45deg; }
:root[data-theme="inktorial"] :is(.ink-explore, .ink-text-link, .dash-btn, .ink-contact-link, .view-link):hover { background: #f5f3ed; color: #22221f; box-shadow: 6px 6px 0 #22221f; }
:root[data-theme="inktorial"] :is(.ink-text-link, .dash-btn)::after { display: none; }
:root[data-theme="inktorial"] .ink-cinema .ink-passage-skip { position: relative; margin-top: 30px; background: #f5f3ed; color: #22221f; border-color: #f5f3ed; box-shadow: 4px 4px 0 #6c6b63; }
:root[data-theme="inktorial"] .ink-cinema .ink-passage-skip:hover { background: #d9d6c8; box-shadow: 6px 6px 0 #88867c; }
:root[data-theme="inktorial"] .ink-studies .ink-text-link { background: #f5f3ed; color: #22221f; border-color: #f5f3ed; box-shadow: 4px 4px 0 #6c6b63; }
:root[data-theme="inktorial"] .fn-read { border: 1px solid currentColor; padding: 11px 14px; border-radius: 3px; color: #22221f; min-height: 44px; }
:root[data-theme="inktorial"] .fn-read:hover { color: #f5f3ed; background: #22221f; }
:root[data-theme="inktorial"] .ink-feature-art { border-radius: 48% 48% 4% 4% / 10% 10% 2% 2%; }
:root[data-theme="inktorial"].ink-motion .ink-feature-art { clip-path: none; }
:root[data-theme="inktorial"] .ink-feature-caption { font-family: var(--font-body); font-style: normal; font-size: .6rem; text-transform: uppercase; letter-spacing: .08em; }

@media (max-width: 1100px) and (min-width: 861px) {
  :root[data-theme="inktorial"] .ink-cinema .ink-masthead { font-size: 8.5vw; }
  :root[data-theme="inktorial"] .ink-cinema .ink-passage h2 { font-size: 7vw; }
  :root[data-theme="inktorial"] .ink-cinema .ink-hero-art { margin-right: -35px; }
}
@media (max-width: 860px) {
  :root[data-theme="inktorial"] .ink-cinema .ink-opening { padding-top: 80px; }
  :root[data-theme="inktorial"] .ink-cinema .ink-masthead { font-size: clamp(78px,12vw,120px); }
  :root[data-theme="inktorial"] .ink-cinema .ink-passage-sticky { padding-top: 85px; }
}
@media (max-width: 580px) {
  :root[data-theme="inktorial"] .ink-cinema { margin: 0 -22px; }
  :root[data-theme="inktorial"].ink-motion .ink-cinema { height: 215svh; }
  :root[data-theme="inktorial"] .ink-cinema .ink-opening { min-height: 0; padding: 80px 22px 0; }
  :root[data-theme="inktorial"] .ink-cinema .ink-hero-grid { display: block; position: relative; padding: 30px 0 10px; }
  :root[data-theme="inktorial"] .ink-cinema .ink-hero-type { position: relative; z-index: 2; pointer-events: auto; }
  :root[data-theme="inktorial"] .ink-cinema .ink-masthead { font-size: clamp(68px,19vw,104px); margin: 25px 0 18px; }
  :root[data-theme="inktorial"] .ink-cinema .ink-role { font-size: .65rem; max-width: 180px; }
  :root[data-theme="inktorial"] .ink-cinema .ink-hero-art { position: absolute; top: 145px; right: -60px; width: 235px; margin: 0; z-index: 0; }
  :root[data-theme="inktorial"] .ink-cinema .ink-hero-art img { max-height: none; }
  :root[data-theme="inktorial"] .ink-cinema .ink-hero-art figcaption { display: none; }
  :root[data-theme="inktorial"] .ink-cover-actions { margin-top: clamp(90px,15svh,135px); gap: 12px; }
  :root[data-theme="inktorial"] .ink-cinema .dash-mission { margin-top: 14px; font-size: .6rem; }
  :root[data-theme="inktorial"] .ink-cinema .ink-colophon { font-size: .45rem; padding: 15px 0 25px; }
  :root[data-theme="inktorial"] .ink-colophon > span:last-child { display: none; }
  :root[data-theme="inktorial"] .ink-cloud--curtain-one { width: 62%; top: 39%; right: -32%; }
  :root[data-theme="inktorial"] .ink-cloud--curtain-two { width: 50%; bottom: 4%; left: -33%; }
  :root[data-theme="inktorial"] .ink-cinema .ink-passage-sticky { padding: 90px 22px 130px; min-height: 0; height: 100svh; }
  :root[data-theme="inktorial"] .ink-cinema .ink-passage-copy { max-width: 100%; }
  :root[data-theme="inktorial"] .ink-cinema .ink-passage h2 { font-size: clamp(50px,14vw,74px); margin: 20px 0; }
  :root[data-theme="inktorial"] .ink-cinema .ink-intro { max-width: 100%; padding: 0; }
  :root[data-theme="inktorial"] .ink-cinema .ink-intro .dash-brief-text { font-size: .77rem; max-width: 32ch; margin: 15px 0 10px; }
  :root[data-theme="inktorial"] .ink-cinema .ink-intro .dash-brief-link { margin-left: 0; }
  :root[data-theme="inktorial"] .ink-cinema .ink-intro .ink-hand { font-size: .8rem; max-width: 28ch; }
  :root[data-theme="inktorial"] .ink-cinema .ink-passage-scene { left: 8%; right: -35%; opacity: .3; mask-image: linear-gradient(90deg,transparent 10%,#000 85%); }
  :root[data-theme="inktorial"] .ink-cinema .ink-process { padding: 18px 22px 35px; gap: 14px; }
  :root[data-theme="inktorial"] .ink-cinema .ink-process > span { font-size: 13px; }
  :root[data-theme="inktorial"] .ink-cinema .ink-passage-skip { margin-top: 22px; }
  :root[data-theme="inktorial"] .ink-scene-seam { margin: 0 -22px; height: 70px; }
  :root[data-theme="inktorial"] :is(.ink-explore, .ink-passage-skip, .ink-text-link, .dash-btn, .ink-contact-link, .view-link) { font-size: .74rem; min-height: 54px; padding: 12px 18px; gap: 18px; }
  :root[data-theme="inktorial"] :is(.ink-explore, .ink-passage-skip) { min-width: 250px; }
  :root[data-theme="inktorial"] .ink-selected { padding-top: 40px; }
}
@media (max-width: 360px) {
  :root[data-theme="inktorial"] .ink-cinema .ink-masthead { font-size: 64px; }
  :root[data-theme="inktorial"] .ink-cinema .ink-hero-art { width: 205px; right: -55px; }
  :root[data-theme="inktorial"] .ink-cinema .ink-passage h2 { font-size: 48px; }
}
@media (prefers-reduced-motion: reduce), (max-height: 650px) {
  :root[data-theme="inktorial"].ink-motion .ink-cinema { height: auto; }
  :root[data-theme="inktorial"].ink-motion .ink-cinema-stage { position: relative; top: auto; height: auto; }
  :root[data-theme="inktorial"] .ink-cinema .ink-opening { height: auto; min-height: 720px; opacity: 1; }
  :root[data-theme="inktorial"].ink-motion .ink-cinema .ink-passage { position: relative; inset: auto; opacity: 1; height: auto; background: #22221f; }
  :root[data-theme="inktorial"] .ink-cinema .ink-passage-sticky { height: auto; min-height: 780px; padding-bottom: 160px; }
  :root[data-theme="inktorial"] .ink-cinema-clouds { display: none; }
  :root[data-theme="inktorial"] .ink-cinema :is(.ink-hero-art, .ink-hero-type, .ink-passage-copy) { transform: none; }
}
@media (max-width: 580px) and (prefers-reduced-motion: no-preference) {
  :root[data-theme="inktorial"].ink-motion .ink-cinema .ink-process { right: auto; width: calc(100% - 190px); min-width: 130px; padding: 14px 0 22px 22px; display: block; }
  :root[data-theme="inktorial"].ink-motion .ink-cinema .ink-process > span:not(.ink-step-active) { display: none; }
  :root[data-theme="inktorial"].ink-motion .ink-cinema .ink-process > span { font-size: 12px; }
}

/* Inner editions: individual covers, shared live content. */
:root[data-theme="inktorial"] .ink-page-cover { display:grid; grid-template-columns: 1.2fr 1fr; min-height:540px; position:relative; align-items:center; border-bottom:1px solid var(--white); margin-bottom:48px; overflow:hidden; }
:root[data-theme="inktorial"] .ink-page-heading { position:relative; z-index:1; padding:38px 0 48px; }
:root[data-theme="inktorial"] .ink-page-title h1 { font:400 clamp(58px,6.5vw,104px)/.98 var(--ink-display); letter-spacing:-.05em; text-align:left; margin:28px 0; overflow-wrap:anywhere; }
:root[data-theme="inktorial"] .ink-page-title p { text-align:left; max-width:510px; line-height:1.8; }
:root[data-theme="inktorial"] .ink-page-caption { font:italic 20px/1.5 var(--ink-display); margin:22px 0; }
:root[data-theme="inktorial"] .ink-page-button { display:flex; align-items:center; justify-content:space-between; gap:28px; width:fit-content; min-width:220px; min-height:58px; padding:15px 22px; background:#22221f; color:#f5f3ed; border:1px solid #22221f; text-decoration:none; font-size:13px; transition:background .2s,color .2s; }
:root[data-theme="inktorial"] .ink-page-button:hover { background:#f5f3ed; color:#22221f; }
:root[data-theme="inktorial"] .ink-page-art { position:relative; transform:translateY(var(--ink-drift,0px)); }
:root[data-theme="inktorial"] .ink-page-art > :is(svg,img) { width:100%; height:auto; display:block; }
:root[data-theme="inktorial"] .ink-page-art .ink-page-cloud { position:absolute; width:95%; bottom:18%; left:-8%; }
:root[data-theme="inktorial"] :is(.work-header,.cs-header):not(:has(h1)) { display:none; }
:root[data-theme="inktorial"] .ink-page-next { position:relative; overflow:hidden; padding:65px 0 95px; margin-top:70px; border-top:1px solid; }
:root[data-theme="inktorial"] .ink-page-next > a { position:relative; z-index:1; display:block; max-width:80%; margin-top:20px; font:400 clamp(32px,4vw,58px)/1.15 var(--ink-display); color:inherit; text-decoration:none; }
:root[data-theme="inktorial"] .ink-page-next > a:hover { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:8px; }
:root[data-theme="inktorial"] .ink-page-next .ink-cloud { position:absolute; width:270px; right:-70px; bottom:10px; opacity:.35; }
:root[data-theme="inktorial"][data-ink-page="projects"] .stats-row { border-bottom:1px solid var(--ink-rule); padding-bottom:28px; margin-bottom:40px; }
:root[data-theme="inktorial"][data-ink-page="projects"] .section-header { padding:32px 0 18px; border-top:1px solid; }
:root[data-theme="inktorial"][data-ink-page="studies"] .cs-grid { grid-template-columns:1fr; gap:0; counter-reset:files; }
:root[data-theme="inktorial"][data-ink-page="studies"] .cs-card { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:18px 44px; padding:40px 0 40px 65px; border-bottom:1px solid var(--ink-rule); counter-increment:files; }
:root[data-theme="inktorial"][data-ink-page="studies"] .cs-card::before { content:counter(files,decimal-leading-zero); position:absolute; top:42px; left:0; font:italic 26px var(--ink-display); }
:root[data-theme="inktorial"][data-ink-page="studies"] .cs-card-top { grid-column:1/-1; }
:root[data-theme="inktorial"][data-ink-page="studies"] .cs-card-title { font-size:clamp(28px,3vw,44px); grid-row:2/4; }
:root[data-theme="inktorial"][data-ink-page="study"] .ink-page-cover { grid-template-columns:1fr .6fr; }
:root[data-theme="inktorial"][data-ink-page="study"] .ink-page-title h1 { font-size:clamp(44px,5vw,76px); }
:root[data-theme="inktorial"][data-ink-page="study"] .cs-section { display:grid; grid-template-columns:190px 1fr; gap:35px; padding:40px 0; border-top:1px solid var(--ink-rule); }
:root[data-theme="inktorial"][data-ink-page="background"] .ink-page-cover { min-height:600px; }
:root[data-theme="inktorial"][data-ink-page="background"] .content > header { text-align:left; max-width:760px; margin:0 0 65px; }
:root[data-theme="inktorial"][data-ink-page="background"] .hero-desc { text-align:left; font-size:17px; }
:root[data-theme="inktorial"][data-ink-page="background"] .about-columns { display:block; }
:root[data-theme="inktorial"][data-ink-page="background"] .about-columns > section { display:grid; grid-template-columns:180px minmax(0,1fr); gap:35px; border-top:1px solid; padding:38px 0; }
:root[data-theme="inktorial"][data-ink-page="notes"] .ink-page-cover { background:#22221f; color:#f5f3ed; padding:35px; --white:#f5f3ed; --page-art-line:#22221f; }
:root[data-theme="inktorial"][data-ink-page="notes"] .ink-page-button { background:#f5f3ed; color:#22221f; border-color:#f5f3ed; }
:root[data-theme="inktorial"][data-ink-page="notes"] .ink-page-title p { color:#d0cec5; }
:root[data-theme="inktorial"][data-ink-page="notes"] .note-date { font:italic 21px var(--ink-display); }
:root[data-theme="inktorial"][data-ink-page="notes"] .note-title { font-size:clamp(25px,3vw,38px); }
:root[data-theme="inktorial"][data-ink-page="library"] .ink-page-art { transform:rotate(-18deg) translateY(var(--ink-drift,0px)); }
:root[data-theme="inktorial"][data-ink-page="library"] .lib-hero { padding:0 0 25px; min-height:0; }
:root[data-theme="inktorial"][data-ink-page="library"] .lib-eyebrow { display:none; }
:root[data-theme="inktorial"][data-ink-page="library"] .lib-card:nth-child(even) { margin-top:85px; }
:root[data-theme="inktorial"] [id="ink-page-content"], :root[data-theme="inktorial"] :is(#projects,#notes-container,#lib-grid,#cs-content) { scroll-margin-top:35px; }
@media(max-width:860px) {
 :root[data-theme="inktorial"] .ink-page-cover { min-height:450px; grid-template-columns:1.2fr .8fr; }
 :root[data-theme="inktorial"] .ink-page-title h1 { font-size:62px; }
 :root[data-theme="inktorial"][data-ink-page="background"] .about-columns > section { grid-template-columns:1fr; gap:16px; }
}
@media(max-width:600px) {
 :root[data-theme="inktorial"] .ink-page-cover, :root[data-theme="inktorial"][data-ink-page="study"] .ink-page-cover { grid-template-columns:1fr; min-height:0; margin-bottom:28px; }
 :root[data-theme="inktorial"] .ink-page-heading { padding:20px 0 10px; }
 :root[data-theme="inktorial"] .ink-page-title h1 { font-size:60px; }
 :root[data-theme="inktorial"] .ink-page-art { width:78%; max-width:300px; justify-self:end; margin-top:-5px; }
 :root[data-theme="inktorial"][data-ink-page="background"] .ink-page-cover { min-height:0; }
 :root[data-theme="inktorial"][data-ink-page="notes"] .ink-page-cover { padding:22px; }
 :root[data-theme="inktorial"][data-ink-page="notes"] .ink-page-title h1 { font-size:49px; }
 :root[data-theme="inktorial"][data-ink-page="studies"] .cs-card { display:block; padding:30px 0 30px 42px; }
 :root[data-theme="inktorial"][data-ink-page="studies"] .cs-card::before { top:31px; font-size:22px; }
 :root[data-theme="inktorial"][data-ink-page="studies"] .cs-card > * { margin-bottom:15px; }
 :root[data-theme="inktorial"][data-ink-page="study"] .cs-section { grid-template-columns:1fr; gap:15px; }
 :root[data-theme="inktorial"][data-ink-page="library"] .lib-card:nth-child(even) { margin-top:0; }
}
@media(max-width:600px) {
 :root[data-theme="inktorial"] .stat-collab .collab-popover { left:auto; right:0; transform:translateY(6px); max-width:calc(100vw - 48px); }
 :root[data-theme="inktorial"] .stat-collab:hover .collab-popover { transform:translateY(0); }
}
:root[data-theme="inktorial"][data-ink-page="notes"] .ink-page-title .hero-sub,
:root[data-theme="inktorial"][data-ink-page="notes"] .ink-page-title .hero-sub * { color:#d0cec5; -webkit-text-fill-color:#d0cec5; }

/* The illustrated crescent fills and grows into the next scene: no separate wipe. */
:root[data-theme="inktorial"] .ink-cinema .ink-opening { opacity:1; }
:root[data-theme="inktorial"] .ink-cinema :is(.ink-hero-type,.ink-running-head,.ink-colophon,.ink-hero-art > img,.ink-hero-art > .ink-cloud,.ink-hero-art > figcaption) { opacity:var(--ink-cover-opacity,1); }
:root[data-theme="inktorial"] .ink-moon { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
:root[data-theme="inktorial"] .ink-lunar-disc { transform-origin:324px 248px; transform:scale(var(--ink-moon-scale,1)); }
:root[data-theme="inktorial"] .ink-lunar-shadow { transform:translateX(var(--ink-shadow-x,0px)); }
:root[data-theme="inktorial"] .ink-hero-art > img { position:relative; display:block; }
:root[data-theme="inktorial"] .exp-card .card-chevron { display:none; }
:root[data-theme="inktorial"] .exp-card .card-header { cursor:default !important; }
:root[data-theme="inktorial"] .exp-card .card-body { grid-template-rows:1fr; }
:root[data-theme="inktorial"] .note-card { border-left:0 !important; background-image:none !important; }
:root[data-theme="inktorial"] .note-card::after, :root[data-theme="inktorial"] .note-card::before { content:none !important; display:none !important; }
@media(prefers-reduced-motion:reduce),(max-height:650px) {
 :root[data-theme="inktorial"] .ink-lunar-disc, :root[data-theme="inktorial"] .ink-lunar-shadow { transform:none; }
}

:root[data-theme="inktorial"][data-ink-page="background"] .social-links { justify-content:flex-start; margin:24px 0 0; gap:10px; animation:none; }
:root[data-theme="inktorial"][data-ink-page="background"] .content > header { padding-top:0; }

/* Navigation as the edition's illustrated contents margin. */
:root[data-theme="inktorial"] .sidebar { background:#eeece4; border-right:1px solid #bcb9af; scrollbar-width:thin; scrollbar-color:#aaa79c #eeece4; }
:root[data-theme="inktorial"] .sidebar-brand { min-height:154px; padding:66px 20px 24px; background:#22221f; color:#f5f3ed; position:relative; overflow:hidden; flex-shrink:0; }
:root[data-theme="inktorial"] .sidebar-brand::before { content:''; position:absolute; width:36px; height:36px; border-radius:50%; background:#f5f3ed; box-shadow:inset 10px -4px 0 #22221f; top:21px; left:22px; border:1px solid #f5f3ed; }
:root[data-theme="inktorial"] .sidebar-brand::after { content:''; width:130px; height:130px; position:absolute; border:1px solid #68675f; border-radius:50%; background:none; top:-69px; right:-57px; left:auto; bottom:auto; }
:root[data-theme="inktorial"] .sidebar-logo-link { color:#f5f3ed; font-size:25px; line-height:1.1; position:relative; z-index:1; }
:root[data-theme="inktorial"] .sidebar-logo-link::after { content:'A practice in curiosity'; display:block; margin-top:10px; font:400 8px/1.5 var(--font-body); letter-spacing:.15em; text-transform:uppercase; color:#c9c7be; }
:root[data-theme="inktorial"] .sidebar-block { padding:17px 20px; }
:root[data-theme="inktorial"] .sidebar-bio { font-size:11px; line-height:1.7; }
:root[data-theme="inktorial"] .sidebar-currently { border:0; border-left:2px solid; padding:0 0 0 9px; font-size:10px; }
:root[data-theme="inktorial"] .sidebar-currently-dot { display:none; }
:root[data-theme="inktorial"] .sidebar-stack { gap:5px; }
:root[data-theme="inktorial"] .sidebar-pill { border-color:#d2cfc4; background:#f5f3ed; padding:3px 5px; }
:root[data-theme="inktorial"] .sidebar-nav { padding:18px 12px 24px; counter-reset:ink-navigation; }
:root[data-theme="inktorial"] .sidebar-nav > .sidebar-block-label { margin-bottom:13px; letter-spacing:.22em; }
:root[data-theme="inktorial"] .sidebar-nav-link { position:relative; min-height:48px; padding:10px 12px 10px 38px; font:400 19px/1.2 var(--ink-display); border-bottom:1px solid #d3d0c5; margin:0; transition:background .2s,color .2s; counter-increment:ink-navigation; }
:root[data-theme="inktorial"] .sidebar-nav-link > svg:not(.nav-chevron) { display:none; }
:root[data-theme="inktorial"] .sidebar-nav-link::before,
:root[data-theme="inktorial"] .sidebar-nav-link.active::before { content:counter(ink-navigation,decimal-leading-zero); position:absolute; top:50%; left:11px; bottom:auto; width:auto; height:auto; background:none; box-shadow:none; transform:translateY(-50%); font:400 9px/1 var(--font-body); color:inherit; opacity:.6; }
:root[data-theme="inktorial"] .sidebar-nav-link.active { background:#22221f; color:#f5f3ed; border-color:#22221f; }
:root[data-theme="inktorial"] .sidebar-nav-link.active::after { content:'↗'; margin-left:auto; font:400 18px var(--font-body); }
:root[data-theme="inktorial"] .sidebar-nav-link:hover { background:#dedbd0; color:#22221f; }
:root[data-theme="inktorial"] .sidebar-nav-link.active:hover { background:#383832; color:#f5f3ed; }
:root[data-theme="inktorial"] .nav-group.open > .nav-group-toggle { background:#dedbd0; }
:root[data-theme="inktorial"] .nav-sub { margin-left:24px; border-left:1px solid #bcb9af; }
:root[data-theme="inktorial"] .nav-sublink { min-height:38px; font-size:11px; padding:10px 12px; }
:root[data-theme="inktorial"] .nav-sublink.active { font-weight:700; text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:1px; }
:root[data-theme="inktorial"] .nav-sublink::before { width:4px; height:4px; border-radius:50%; }
:root[data-theme="inktorial"] .sidebar-contact-block { padding:22px 20px 28px; background:#e5e2d8; border-top:1px solid #c9c5b8; }
:root[data-theme="inktorial"] .sidebar-contact-link { min-height:32px; }
:root[data-theme="inktorial"] .sidebar-contact-link svg { fill:currentColor; }
:root[data-theme="inktorial"] .sidebar-contact-link[href^="mailto:"] { border-bottom:1px solid #aaa69b; padding-bottom:8px; }
:root[data-theme="inktorial"] .sidebar-close { color:#f5f3ed; border:1px solid #77756d; background:transparent; border-radius:50%; width:36px; height:36px; position:absolute; top:20px; right:16px; z-index:2; }
:root[data-theme="inktorial"] .mobile-menu-btn { min-height:44px; padding:10px 16px; border:1px solid #22221f; background:#22221f; color:#f5f3ed; box-shadow:3px 3px 0 #c9c5b8; font-size:12px; letter-spacing:.04em; }
:root[data-theme="inktorial"] .mobile-menu-btn svg { width:17px; stroke-width:1.5; }
@media(max-width:860px) {
 :root[data-theme="inktorial"] .sidebar { width:min(300px,calc(100vw - 48px)); }
 :root[data-theme="inktorial"] .sidebar-brand { min-height:150px; }
 :root[data-theme="inktorial"] .sidebar-nav-link { min-height:52px; font-size:22px; }
 :root[data-theme="inktorial"] .nav-sublink { min-height:44px; }
 :root[data-theme="inktorial"] .sidebar-overlay { background:rgba(34,34,31,.5); backdrop-filter:blur(3px); }
}
@media(prefers-reduced-motion:reduce) {
 :root[data-theme="inktorial"] .sidebar-nav-link { transition:none; }
}

/* Keep the contents and contact links inside the visible frame. */
:root[data-theme="inktorial"] .sidebar { height:100dvh; max-height:100dvh; bottom:auto; }
:root[data-theme="inktorial"] .sidebar-brand { min-height:118px; padding:51px 18px 17px; }
:root[data-theme="inktorial"] .sidebar-brand::before { width:26px; height:26px; top:15px; left:19px; }
:root[data-theme="inktorial"] .sidebar-logo-link { font-size:23px; }
:root[data-theme="inktorial"] .sidebar-block { padding:11px 18px; }
:root[data-theme="inktorial"] .sidebar-bio { margin-top:8px; font-size:10px; line-height:1.5; }
:root[data-theme="inktorial"] .sidebar-nav { padding:12px 10px; flex:1 0 auto; }
:root[data-theme="inktorial"] .sidebar-nav > .sidebar-block-label { margin-bottom:7px; }
:root[data-theme="inktorial"] .sidebar-nav-link { min-height:43px; font-size:19px; padding-top:8px; padding-bottom:8px; }
:root[data-theme="inktorial"] .nav-sublink { min-height:35px; padding-top:8px; padding-bottom:8px; }
:root[data-theme="inktorial"] .sidebar-contact-block { padding:13px 18px 16px; flex-shrink:0; }
:root[data-theme="inktorial"] .sidebar-contact-link { min-height:27px; }
@media(max-height:800px) {
 :root[data-theme="inktorial"] .sidebar-bio, :root[data-theme="inktorial"] #sidebar-stack-block { display:none !important; }
 :root[data-theme="inktorial"] .sidebar-brand { min-height:108px; }
}
@media(max-height:580px) {
 :root[data-theme="inktorial"] .sidebar-brand { min-height:68px; padding:18px 15px 18px 52px; }
 :root[data-theme="inktorial"] .sidebar-brand::before { left:15px; top:20px; }
 :root[data-theme="inktorial"] .sidebar-logo-link { font-size:18px; }
 :root[data-theme="inktorial"] .sidebar-logo-link::after, :root[data-theme="inktorial"] .sidebar > .sidebar-block { display:none; }
 :root[data-theme="inktorial"] .sidebar-nav { padding:5px 10px; }
 :root[data-theme="inktorial"] .sidebar-nav > .sidebar-block-label { display:none; }
 :root[data-theme="inktorial"] .sidebar-nav-link { min-height:35px; font-size:16px; padding-top:6px; padding-bottom:6px; }
 :root[data-theme="inktorial"] .nav-sublink { min-height:29px; padding-top:5px; padding-bottom:5px; }
 :root[data-theme="inktorial"] .sidebar-contact-block { padding:7px 16px; }
 :root[data-theme="inktorial"] .sidebar-contact-block > .sidebar-block-label { display:none; }
 :root[data-theme="inktorial"] .sidebar-contact-link { min-height:24px; }
 :root[data-theme="inktorial"] .sidebar-close { top:14px; right:10px; width:28px; height:28px; }
}

/* Scroll-scrubbed chapter edges: ink washes in, paper opens out. */
:root[data-theme="inktorial"] .ink-turn { position:relative; height:clamp(100px,15vw,190px); margin:0 calc(-1 * clamp(24px,4.5vw,84px)); overflow:hidden; pointer-events:none; color:#22221f; background:#f5f3ed; }
:root[data-theme="inktorial"] .ink-turn-wave { position:absolute; inset:0; width:100%; height:101%; transform-origin:center bottom; }
:root[data-theme="inktorial"] .ink-turn--day { color:#f5f3ed; background:#22221f; }
:root[data-theme="inktorial"] .ink-turn--closing { height:120px; }
:root[data-theme="inktorial"] .ink-turn--closing .ink-turn-wave { opacity:.09; }
:root[data-theme="inktorial"] .ink-turn-cloud { position:absolute; width:clamp(190px,35vw,480px); left:7%; top:16%; --cloud-paper:#f5f3ed; }
:root[data-theme="inktorial"] .ink-turn--day .ink-turn-cloud { --cloud-paper:#22221f; left:auto; right:7%; }
:root[data-theme="inktorial"] .ink-turn-star { position:absolute; right:18%; top:20%; font-size:44px; }
:root[data-theme="inktorial"] .ink-turn--day .ink-turn-star { right:auto; left:18%; }
:root[data-theme="inktorial"].ink-motion .ink-turn-wave { transform:scaleY(calc(.35 + var(--ink-reveal,1) * .65)); }
:root[data-theme="inktorial"].ink-motion .ink-turn-cloud { transform:translateX(calc((1 - var(--ink-reveal,1)) * -140px)); }
:root[data-theme="inktorial"].ink-motion .ink-turn--day .ink-turn-cloud { transform:translateX(calc((1 - var(--ink-reveal,1)) * 140px)); }
:root[data-theme="inktorial"].ink-motion .ink-turn-star { transform:rotate(calc(var(--ink-reveal,1) * 90deg)) scale(calc(.65 + var(--ink-reveal,1) * .35)); }
:root[data-theme="inktorial"].ink-motion .ink-scene-seam svg { transform-origin:center top; transform:scaleY(calc(.4 + var(--ink-reveal,1) * .6)); }
:root[data-theme="inktorial"] .ink-next { border-top:0; }
@media(max-width:580px) { :root[data-theme="inktorial"] .ink-turn { margin-left:-22px; margin-right:-22px; } }
@media(prefers-reduced-motion:reduce) { :root[data-theme="inktorial"] .ink-turn :is(svg,span), :root[data-theme="inktorial"] .ink-scene-seam svg { transform:none !important; } }

/* Give the italic name's descender room above the role line. */
:root[data-theme="inktorial"] .ink-cinema .ink-masthead { margin-bottom:clamp(38px,4vw,58px); }