/* White drafting-paper surfaces. Static texture; no extra animation loops. */
.architecture-home .hero-copy { grid-template-columns: minmax(0,1fr); }
.architecture-home .hero-copy > * { grid-column: 1; grid-row: auto; }
.architecture-home .hero h1 { margin-bottom: 1rem; }
.architecture-home .hero-specialty { margin: 0 0 1.4rem; }
.architecture-home .hero-intro { max-width: 62ch; margin: 0; line-height: 1.65; text-wrap: pretty; }
.hero-intro > span { display: block; }
.hero-experience { margin-bottom: .4rem; font-weight: 500; color: var(--ink); }
.architecture-home .hero-actions { margin-top: 1.5rem; }
/* Palette switching leaves photographs and drawing sheets unchanged. */
html[data-theme="dark"] { color-scheme: dark; --paper: #171918; --paper-bright: #202321; --white: #202321; --ink: #f1f0eb; --ink-soft: #e5e4de; --muted: #bdbfb9; --line: #484d48; --bronze: #dca783; --bronze-dark: #dca783; --material-rust: #dca783; --material-rule: #535953; --drafting-hatch: repeating-linear-gradient(135deg, transparent 0 5px, #ffffff20 5px 6px, transparent 6px 10px); }
html[data-theme="dark"] body { background: #171918; color: #f1f0eb; }
html[data-theme="dark"] :is(.hero, .work, .beginnings, .expertise, .about, .profile, .contact, .contact-main, .site-footer, .project-opening, .detail-section, .case-contact) { background-color: #171918; color: #f1f0eb; }
html[data-theme="dark"] .hero { background-image: linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px); }
html[data-theme="dark"] .expertise { background-image: none; }
html[data-theme="dark"] :is(.hero-specialty, .hero-intro, .sidebar-bio, .sidebar-downloads small, .portfolio-slide figcaption, .portfolio-toolbar p span, .wheel-interface small, .contact-main > p:not(.section-index)) { color: #bdbfb9; }
html[data-theme="dark"] :is(.section-index, .hero .eyebrow, .sidebar-availability, .project-meta p, .contact-main .section-index) { color: #dca783; }
html[data-theme="dark"] :is(.profile-sidebar, .personal-portrait, .project-card a, .portfolio-viewer, .portfolio-toolbar, .portfolio-controls, .portfolio-dialog, .project-cover, .project-gallery-stage, .official-video-frame, .architecture-hero-image figcaption, .tool-rail) { background-color: #202321; color: #f1f0eb; border-color: #535953; box-shadow: 4px 4px 0 #101210; }
html[data-theme="dark"] { --profile-hatch: repeating-linear-gradient(135deg,transparent 0 2.78px,#ffffff12 2.78px 3.78px); }
html[data-theme="dark"] :is(.tool-rail, .portfolio-track, .resume-page, .resume-controls) { background: #202321; }
html[data-theme="dark"] .image-wheel { background-color: #202321; background-image: radial-gradient(#ffffff25 .65px,transparent .65px); }
html[data-theme="dark"] :is(.wheel-interface > span, .wheel-interface button, .portfolio-viewer button, .text-link, .theme-toggle, .about-media > p) { background: #292e2b; color: #eeeee8; border-color: #6d756e; box-shadow: none; }
html[data-theme="dark"] :is(.text-link:hover, .portfolio-viewer button:hover, .theme-toggle:hover, .process-line li:hover) { background: #373e38; }
html[data-theme="dark"] .hero-actions .button-dark { background: #eeeee8; color: #171918; border-color: #eeeee8; }
html[data-theme="dark"] :is(.portfolio-slide figcaption span, .contact-main > a, .sidebar-email, .sidebar-downloads a) { color: #eeeee8; }
html[data-theme="dark"] .resume-controls a { color: #eeeee8; }
html[data-theme="dark"] :is(.sidebar-downloads, .sidebar-downloads a, .project-meta, .process-line li, .contact-main > a, .work > .section-heading, .beginnings-copy) { border-color: #535953; }
html[data-theme="dark"] .evidence-slot { background: repeating-linear-gradient(135deg,#202321 0 8px,#2b302c 8px 9px); }
html[data-theme="dark"] .built-result-note { background: #202321; border-color: #e5e4de; }
html[data-theme="dark"] .site-footer > img { filter: brightness(0) invert(1); }
html[data-theme="dark"] :focus-visible { outline: 2px solid #edb58c; outline-offset: 4px; }
html[data-theme="dark"] ::selection { background: #dca783; color: #171918; }
:root { --profile-hatch: repeating-linear-gradient(135deg, transparent 0 2.78px, rgba(37,37,37,.07) 2.78px 3.78px); }
.profile-sidebar { position: relative; align-self: start; padding: 1rem; background-color: #fff; background-image: var(--profile-hatch); border: 1px solid #aaa; box-shadow: 5px 5px 0 #eee; margin-block: 2rem; }
.profile-sidebar .personal-portrait { max-width: none; padding: 0; border: 0; box-shadow: none; margin-bottom: 1.2rem; }
.portrait-crop { position: relative; aspect-ratio: 1; overflow: hidden; }
.profile-sidebar .personal-portrait img { position: absolute; width: 140%; max-width: none; height: auto; aspect-ratio: auto; left: -20%; top: -4%; }
.profile-sidebar .personal-portrait figcaption { font-size: .58rem; }
.profile-sidebar .section-index { font-size: .6rem; margin-bottom: .7rem; }
.profile-sidebar h2 { font-size: 1.6rem; line-height: 1.15; margin-bottom: .75rem; }
.sidebar-bio { font-size: .8rem; line-height: 1.65; color: #555; }
.sidebar-availability { font-size: .65rem; color: #754424; line-height: 1.5; }
.sidebar-downloads { border-top: 1px solid #bbb; }
.sidebar-downloads a { display: block; position: relative; padding: .7rem 1.5rem .7rem 0; border-bottom: 1px solid #ddd; min-height: 44px; text-decoration: none; font-size: .77rem; }
.sidebar-downloads a i { position: absolute; right: 0; top: .85rem; }
.sidebar-downloads small { display: block; font-size: .6rem; color: #666; margin-top: .2rem; }
.sidebar-downloads a:hover, .sidebar-email:hover { color: #8b4c2e; text-decoration: underline; }
.sidebar-email { display: inline-flex; align-items: center; gap: 1rem; min-height: 44px; font-size: .8rem; margin-top: .5rem; }
.sidebar-socials { display: flex; align-items: center; gap: .75rem; }
.sidebar-linkedin { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; min-width: 44px; min-height: 44px; margin-top: .5rem; text-decoration: none; color: var(--ink); }
.sidebar-linkedin .ph-linkedin-logo { font-size: 1.5rem; }
.sidebar-linkedin:hover { color: var(--material-rust); }
@media(min-width:1200px) {
  .architecture-home { --layout-width: min(calc(100vw - var(--page-left) - var(--page-right)), 1408px); --sidebar-width: 300px; --layout-gap: 28px; }
  .architecture-home main { width: var(--layout-width); max-width: none; margin-left: var(--page-left); margin-right: auto; display: grid; grid-template-columns: minmax(0,1fr) var(--sidebar-width); gap: var(--layout-gap); overflow: visible; }
  .architecture-home .site-header { width: calc(var(--layout-width) - var(--sidebar-width) - var(--layout-gap)); left: var(--page-left); transform: none; }
  .architecture-home .site-footer { width: calc(var(--layout-width) - var(--sidebar-width) - var(--layout-gap)); margin-left: var(--page-left); margin-right: auto; }
  .main-column { min-width: 0; overflow: clip; }
  .profile-sidebar { position: sticky; top: 6.5rem; width: 100%; margin: 8rem 0 1rem; translate: none; max-height: calc(100dvh - 7.5rem); overflow-y: auto; scrollbar-width: thin; }
}
@media(max-width:1199px) {
  .architecture-home main { display: flex; flex-direction: column; }
  .main-column { display: contents; }
  .main-column > section { order: 2; }
  .main-column > .hero { order: 0; }
  .profile-sidebar { order: 1; width: calc(100% - 2 * var(--gutter)); margin-inline: auto; }
  .profile-sidebar { display: grid; grid-template-columns: minmax(160px,.75fr) minmax(0,1.25fr); column-gap: 1.5rem; align-items: start; }
  .profile-sidebar .personal-portrait { grid-column: 1; grid-row: 1 / span 5; max-width: none; margin-bottom: 0; }
  .profile-sidebar > :not(.personal-portrait) { grid-column: 2; }
}
@media(max-width:540px) {
  .profile-sidebar { display: block; }
  .profile-sidebar .personal-portrait { max-width: none; margin-bottom: 1.4rem; }
}
:root { --material-rust: #8b4c2e; --material-rule: #b8b8b5; --sheet-shadow: 0 2px 3px #14141408, 0 14px 28px -16px #14141455; --drafting-hatch: repeating-linear-gradient(135deg, transparent 0 5px, #25252524 5px 6px, transparent 6px 10px); }
::selection { background: #ecd7ca; color: #171717; }
.section-index { color: var(--material-rust); font-weight: 500; display: flex; align-items: center; gap: .7rem; }
.section-index::before { content: ''; width: 28px; height: 9px; flex-shrink: 0; opacity: .72; background-image: repeating-linear-gradient(45deg,currentColor 0 1px,transparent 1px 4px),repeating-linear-gradient(-45deg,currentColor 0 1px,transparent 1px 4px); background-position: center; }
.architecture-home .hero .eyebrow { color: var(--material-rust); }
.architecture-home .hero-specialty { border-left: 2px solid var(--material-rust); padding-left: .8rem; }
.hero-actions .button-dark { background: #171717; color: #fff; border-color: #171717; box-shadow: 0 3px 0 #00000020, 0 8px 20px #00000010; }
.hero-actions .button-dark:hover { background: #393939; }
.text-link { border-color: #aaa; box-shadow: inset 0 1px 0 #fff, 0 3px 9px #00000005; }
.text-link:hover { border-color: var(--material-rust); }
.architecture-hero-image { position: relative; border: 1px solid #bababa; box-shadow: var(--sheet-shadow); }
.image-wheel { background-color: #fff; background-image: radial-gradient(#75757522 .65px,transparent .65px); background-size: 9px 9px; box-shadow: inset 0 1px 0 #fff, inset 0 -16px 35px -24px #00000040; }
.image-wheel::after { opacity: .27; }
.wheel-guide { border-color: #a4a4a0; }
.wheel-guide::before { border-color: #c3c3bf; }
.wheel-guide::after { border-color: #ba927b; }
.wheel-interface button { border-color: #999; box-shadow: 0 2px 0 #00000013; }
.architecture-hero-image figcaption { border-top: 1px solid #bcbcbc; }
.architecture-home .tool-rail { margin-top: 1.5rem; border-block: 1px solid var(--material-rule); background: linear-gradient(#fff,#f9f9f9); }
.tool-item img { filter: drop-shadow(0 2px 1px #00000015); }
.work, .beginnings, .personal-intro, .profile, .detail-section { position: relative; isolation: isolate; }
.work::before, .beginnings::before { content: ''; position: absolute; inset: 0; z-index: -1; background: url('assets/images/paper-grain.svg'); opacity: .1; pointer-events: none; }
/* White-paper counterpart to the charcoal grain, in the same sections. */
html:not([data-theme="dark"]) :is(.work, .beginnings) { background-color: #fff; }
html:not([data-theme="dark"]) :is(.work, .beginnings)::before { opacity: .4; filter: contrast(1.8); mix-blend-mode: multiply; }
.work > .section-heading, .beginnings-copy { border-top: 1px solid #242424; padding-top: 1.35rem; background-image: var(--drafting-hatch); background-size: 100% 8px; background-repeat: no-repeat; }
.architecture-home .project-card { overflow: visible; background: transparent; }
.architecture-home .project-card a { padding: 7px; border: 1px solid #bcbcbc; background: #fff; box-shadow: 5px 5px 0 #efefed, 6px 6px 0 #bdbdb9, var(--sheet-shadow); }
.architecture-home .project-card a:focus-visible { outline: 2px solid var(--material-rust); outline-offset: 8px; }
.architecture-home .project-meta { padding: 1rem .4rem .5rem; border-top: 1px solid #d4d4d4; }
.architecture-home .project-meta p { color: var(--material-rust); }
.architecture-home .project-layout { gap: 1.65rem; }
.beginnings { border-top: 1px solid var(--material-rule); }
.portfolio-viewer { border-color: #999; box-shadow: 5px 5px 0 #fff, 6px 6px 0 #c6c6c2, 0 18px 32px -20px #00000055; }
.portfolio-toolbar { background: #fff; border-bottom: 1px solid #bcbcbc; }
.portfolio-track { background: linear-gradient(#fafafae8,#fafafae8),url('assets/images/paper-grain.svg'); }
.portfolio-slide img { box-shadow: var(--sheet-shadow); }
.portfolio-controls { border-top: 1px solid #ccc; background: #fff; }
.portfolio-dialog .portfolio-viewer, .portfolio-dialog .portfolio-slide img { box-shadow: none; }
.resume-page img { box-shadow: var(--sheet-shadow); }
.personal-portrait { position: relative; padding: 8px; border: 1px solid #aaa; background: #fff; box-shadow: 9px 9px 0 #f1f1ef, 10px 10px 0 #b9b9b5, var(--sheet-shadow); }
.personal-portrait figcaption { padding: .2rem .3rem; }
.personal-facts > div, .profile dl > div { border-top-color: var(--material-rule); }
.expertise { background-image: linear-gradient(#ffffffed,#ffffffed),url('assets/images/paper-grain.svg'); }
.process-line li { border-bottom: 1px solid #d0d0cd; padding-block: 1rem; }
.process-line li > span { color: var(--material-rust); }
.about-media { border: 7px solid transparent; background-color: var(--white); background-image: var(--profile-hatch); background-clip: border-box; outline: 1px solid var(--line); box-shadow: var(--sheet-shadow); }
.contact-aside { background-color: var(--white); background-image: var(--profile-hatch); border: 1px solid var(--line); }
@media (max-width: 620px) { .contact-aside { padding: 1.5rem; } }
.project-cover { border: 1px solid #aaa; padding: 8px; background: #fff; box-shadow: var(--sheet-shadow); }
.site-photo-pair figure, .built-photo-grid figure { padding: 7px; border: 1px solid #aaa; background: #fff; box-shadow: var(--sheet-shadow); }
html[data-theme="dark"] :is(.site-photo-pair figure, .built-photo-grid figure) { background: #202321; border-color: #535953; box-shadow: 4px 4px 0 #101210; }
.evidence-slot { background: repeating-linear-gradient(135deg,#fff 0 8px,#f7f7f7 8px 9px); border-color: #aaa; }
.contact { border-top: 2px solid #222; }
.contact-main .section-index { color: var(--material-rust); }
.contact-main > a { border-top-color: #888; border-bottom-color: #888; }
.contact-main > a i { color: var(--material-rust); }
.site-footer { border-top: 1px solid #999; }
@media(max-width:620px) {
  .architecture-home .project-layout { gap: 2.2rem; }
  .personal-portrait { max-width: calc(100% - 10px); }
  .portfolio-viewer { box-shadow: 3px 3px 0 #fff,4px 4px 0 #bbb; }
}
/* Case-study reasoning: readable editorial columns, not nested cards. */
.project-facts dd { line-height: 1.6; }
.project-facts dd small { display: block; color: var(--muted); margin-top: .4rem; }
.case-reflection { border-left: 2px solid var(--material-rust); padding-left: 1.2rem; color: var(--muted); }
.role-contributions { margin: 0; padding-left: 1.2rem; }
.role-contributions li { padding: 0 0 1rem .5rem; line-height: 1.75; }
.role-contributions li::marker { color: var(--material-rust); }
.selected-work-section { grid-template-columns: 1fr; }
.technical-story { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.5fr); gap: 1.5rem 3rem; padding-block: 2.5rem; border-top: 1px solid var(--line); }
.technical-story h3 { font-size: clamp(1.4rem,2.4vw,1.9rem); line-height: 1.25; text-wrap: balance; }
.story-reasoning { margin: 0; }
.story-reasoning > div + div { margin-top: 1.5rem; }
.story-reasoning dt { font-size: .75rem; font-weight: 600; color: var(--material-rust); margin-bottom: .45rem; }
.story-reasoning dd { margin: 0; line-height: 1.8; max-width: 65ch; text-wrap: pretty; }
.story-lesson { border-top: 1px solid var(--line); padding-top: 1.25rem; }
.case-evidence { border-left: 2px solid var(--line); padding: .8rem 1rem; margin-block: 1rem; }
.technical-story > .case-evidence { grid-column: 2; margin: 0; }
.case-evidence span { font-size: .7rem; color: var(--material-rust); font-weight: 600; }
.case-evidence p { margin: .4rem 0 0; font-size: .85rem; line-height: 1.65; color: var(--muted); }
.detail-body > .technical-story { grid-template-columns: 1fr; }
.selected-work-section > .detail-body > .technical-story { grid-template-columns: minmax(0,.8fr) minmax(0,1.5fr); }
.detail-body > .technical-story > .case-evidence { grid-column: auto; }
.selected-work-section > .detail-body > .technical-story > .case-evidence { grid-column: 2; }
.case-photo { margin-block: 2rem; }
.case-photo img { display: block; width: 100%; height: auto; aspect-ratio: auto; border: 1px solid var(--line); }
.case-photo figcaption { max-width: 85ch; font-size: .8rem; color: var(--muted); line-height: 1.65; padding-top: .8rem; }
.outcome-statement { font-size: clamp(1.2rem,2vw,1.6rem); text-wrap: pretty; }
.case-source-links { display: flex; flex-direction: column; align-items: flex-start; gap: .75rem; }
.case-source-links > a { padding-block: .65rem; line-height: 1.5; text-underline-offset: .25rem; }
.case-source-links .next-project { margin-top: 1rem; width: 100%; border-top: 1px solid var(--line); }
@media (max-width: 720px) {
  .selected-work-section > .detail-body > .technical-story { grid-template-columns: 1fr; gap: 1.5rem; }
  .selected-work-section > .detail-body > .technical-story > .case-evidence { grid-column: 1; }
}
.story-carousel { min-width: 0; border-top: 1px solid var(--line); }
.carousel-stage { position: relative; overflow: hidden; }
.story-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
.story-track::-webkit-scrollbar { display: none; }
.story-slide { flex: 0 0 100%; min-width: 0; display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: clamp(1.5rem,4vw,3rem); scroll-snap-align: start; scroll-snap-stop: always; padding-block: 2rem; align-items: center; }
.story-visual { margin: 0; min-width: 0; }
.story-visual img { width: 100%; height: auto; display: block; border: 1px solid var(--line); }
.story-visual figcaption { font-size: .72rem; line-height: 1.6; color: var(--muted); margin-top: .7rem; }
.story-awaiting { aspect-ratio: 3 / 2; display: flex; flex-direction: column; justify-content: space-between; padding: 1.5rem; border: 1px solid var(--line); background: repeating-linear-gradient(135deg,transparent 0 9px,color-mix(in srgb,var(--ink) 6%,transparent) 9px 10px); }
.story-awaiting p { font-size: clamp(1.6rem,3vw,2.6rem); line-height: 1.15; margin-block: 1.5rem; }
.story-awaiting > span { font-size: .75rem; line-height: 1.6; color: var(--muted); max-width: 30ch; }
.story-number { font-size: .7rem; letter-spacing: .08em; color: var(--material-rust); margin-bottom: .8rem; }
.story-copy h3 { font-size: clamp(1.45rem,2.5vw,2rem); line-height: 1.2; margin-bottom: 1.5rem; text-wrap: balance; }
.story-copy .story-reasoning > div + div { margin-top: .8rem; }
.story-copy .story-reasoning dd { font-size: .9rem; line-height: 1.65; }
.story-copy .story-reasoning dt { margin-bottom: .2rem; }
.story-copy .story-lesson { padding-top: .8rem; }
.story-controls { display: flex; justify-content: space-between; align-items: center; gap: 1rem; border-block: 1px solid var(--line); padding-block: .8rem; }
.story-choices, .story-arrows { display: flex; align-items: center; gap: .5rem; }
.story-controls button { cursor: pointer; background: transparent; color: var(--ink); border: 1px solid transparent; min-height: 44px; padding: .6rem; font: inherit; font-size: .78rem; }
.story-choices button span { color: var(--muted); margin-right: .3rem; }
.story-choices button[aria-current="true"] { border-bottom-color: var(--material-rust); }
.story-controls button:hover { background: color-mix(in srgb,var(--ink) 7%,transparent); }
.story-arrows button { border-color: var(--line); min-width: 76px; font-size: .75rem; }
.story-controls button:disabled { opacity: .35; cursor: default; }
.story-count { font-size: .75rem; font-variant-numeric: tabular-nums; margin-right: .6rem; white-space: nowrap; }
.carousel-edge { position: absolute; z-index: 2; inset-block: 0; width: 20%; border: 0; color: var(--ink); background: transparent; cursor: pointer; opacity: .7; transition: opacity .22s ease, background-color .22s ease; }
.carousel-edge--previous { left: 0; text-align: left; background-image: linear-gradient(90deg,color-mix(in srgb,var(--paper) 76%,transparent),transparent); }
.carousel-edge--next { right: 0; text-align: right; background-image: linear-gradient(270deg,color-mix(in srgb,var(--paper) 76%,transparent),transparent); }
.carousel-edge span { display: inline-block; padding: .75rem; background: color-mix(in srgb,var(--paper) 88%,transparent); border: 1px solid var(--line); font: 600 .75rem/1 var(--font-sans); opacity: .65; transform: translateX(-.4rem); transition: opacity .22s ease, transform .22s ease; }
.carousel-edge--next span { transform: translateX(.4rem); }
.carousel-edge:is(:hover,:focus-visible) { opacity: 1; }
.carousel-edge:is(:hover,:focus-visible) span { opacity: 1; transform: none; }
.carousel-edge:disabled { opacity: 0; pointer-events: none; }
.section-carousel { width: 100%; }
.site-story .story-copy > p:last-child { color: var(--muted); line-height: 1.75; max-width: 52ch; }
.horizontal-feature { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: clamp(1.5rem,4vw,3rem); align-items: center; border-top: 1px solid var(--line); padding-block: 2rem; }
.built-result-section .horizontal-feature .story-copy h3 { margin-bottom: .9rem; font: 600 1.45rem/1.25 var(--sans); letter-spacing: -.02em; text-wrap: pretty; }
.horizontal-feature .outcome-statement { font: 400 .95rem/1.75 var(--sans); text-wrap: pretty; }
.horizontal-feature .text-link { margin-top: 1.25rem; }
@media (prefers-reduced-motion: no-preference) {
  .story-track { scroll-behavior: smooth; }
  .story-slide.is-current .story-copy { animation: story-enter .55s ease both; }
  @keyframes story-enter { from { opacity: .4; transform: translateX(12px); } to { opacity: 1; transform: none; } }
}
@media (max-width: 720px) {
  .story-slide { grid-template-columns: 1fr; align-content: start; gap: 1.5rem; padding-block: 1.5rem; }
  .horizontal-feature { grid-template-columns: 1fr; }
  .carousel-edge { display: none; }
  .story-controls { flex-wrap: wrap; }
  .story-choices { width: 100%; justify-content: space-between; }
  .story-choices button { font-size: .7rem; padding-inline: .2rem; }
  .story-arrows { margin-left: auto; }
}
@media (hover: none) {
  .carousel-edge { display: none; }
}

/* Mounted drafting-sheet treatment for the case-study chapter rail. */
.project-facts-panel { background-image: repeating-linear-gradient(135deg,transparent 0 7px,rgba(37,37,37,.035) 7px 8px); box-shadow: 5px 5px 0 #f1f1ef, 6px 6px 0 #c8c8c4; }
.case-chapters { isolation: isolate; background: linear-gradient(#fffffff4,#fffffff4),url('assets/images/paper-grain.svg'); }
.case-chapters::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .12; background-image: radial-gradient(#71716d55 .55px,transparent .55px); background-size: 10px 10px; pointer-events: none; }
.case-chapter-footer { background: color-mix(in srgb,var(--paper) 94%,transparent); }
.case-chapter-footer button, .case-chapter-edge span { box-shadow: inset 0 1px 0 color-mix(in srgb,#fff 85%,transparent),0 2px 0 #00000010; }
html[data-theme="dark"] .project-facts-panel { background-color: #202321; background-image: repeating-linear-gradient(135deg,transparent 0 7px,#ffffff0d 7px 8px); border-color: #535953; box-shadow: 5px 5px 0 #101210; }
html[data-theme="dark"] .case-chapters { background: linear-gradient(#171918f5,#171918f5),url('assets/images/paper-grain.svg'); }
html[data-theme="dark"] .case-chapters::before { background-image: radial-gradient(#ffffff28 .55px,transparent .55px); }
html[data-theme="dark"] :is(.case-nav,.case-chapter-footer) { background-color: color-mix(in srgb,#171918 91%,transparent); }
.technical-plate .story-reasoning > div + div { margin-top: 0; }