/* Public presentation only. Source documents, application state and forms stay native. */
@media screen {
  .brutalist-site {
    --brutal-black:#000; --brutal-white:#fff; --brutal-muted:#444;
    --paper:var(--brutal-white); --white:var(--brutal-white); --ink:var(--brutal-black); --ink-hover:var(--brutal-black); --muted:var(--brutal-muted);
    --rule:var(--brutal-black); --quiet-ground:var(--brutal-white); --artifact-ground:var(--brutal-white); --stage:var(--brutal-black);
    --focus:var(--brutal-black); --focus-inverse:var(--brutal-white); --focus-home:var(--brutal-white); --control-rule:var(--brutal-black); --error:var(--brutal-black);
    --space:clamp(24px,3.4vw,60px); --rail:176px; --reading-offset:24px;
    --ease:cubic-bezier(.16,1,.3,1); background:var(--brutal-white); color:var(--brutal-black);
    scrollbar-color:var(--brutal-black) var(--brutal-white); accent-color:var(--brutal-black); caret-color:var(--brutal-black);
  }
  .brutalist-site ::selection { background:var(--brutal-black); color:var(--brutal-white); }
  .brutalist-site #main,.brutalist-site > footer { margin-inline-start:var(--rail); }
  .brutalist-site #main { min-block-size:70vh; }
  .brutalist-site #main [id] { scroll-margin-block-start:var(--reading-offset); }
  .brutalist-site :focus-visible { outline:3px solid var(--focus); outline-offset:5px; }
  .brutalist-site [hidden] { display:none !important; }
  .brutalist-site .site-header {
    position:fixed; inset-block:0; inset-inline-start:0; z-index:40;
    inline-size:var(--rail); block-size:100svh; padding:28px 18px;
    display:flex; flex-direction:column; align-items:stretch; justify-content:start; gap:26px;
    background:var(--brutal-white); color:var(--brutal-black); border:0; border-inline-end:4px solid var(--brutal-black);
    overflow-y:auto; margin:0;
  }
  .brutalist-site .site-header .brand { display:flex; align-items:center; min-block-size:44px; }
  .brutalist-site .site-header .brand img { inline-size:136px; block-size:auto; filter:none; }
  .brutalist-site .site-header > nav { display:flex; flex-direction:column; align-items:stretch; gap:0; }
  .brutalist-site .site-header > nav a {
    padding:13px 0; min-block-size:48px; border-block-end:2px solid var(--brutal-black);
    font-size:22px; line-height:1.3; font-weight:700; color:var(--brutal-black); text-align:start;
  }
  html[lang="en"] .brutalist-site .site-header > nav a { font-size:20px; }
  .brutalist-site .site-header > nav a::after { display:none; }
  .brutalist-site .site-header > nav a:is(:hover,:focus-visible,[aria-current]) { background:var(--brutal-black); color:var(--brutal-white); }
  .brutalist-site .site-header > nav a { transition:background-color .16s,color .16s; }
  .brutalist-site .header-end { display:flex; flex-direction:column; align-items:stretch; gap:8px; margin-block-start:auto; }
  .brutalist-site .language { display:flex; align-items:center; min-block-size:44px; font-size:16px; }
  .brutalist-site .contact-link { display:flex; justify-content:space-between; align-items:center; min-block-size:48px; border-block:2px solid var(--brutal-black); font-size:20px; }
  .brutalist-site .site-directory { border-block-end:2px solid var(--brutal-black); }
  .brutalist-site .site-directory summary { cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; min-block-size:48px; gap:12px; font-weight:700; font-size:19px; }
  .brutalist-site .site-directory summary::-webkit-details-marker { display:none; }
  .brutalist-site .site-directory summary svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.6; transition:rotate .2s var(--ease); }
  .brutalist-site .site-directory[open] summary svg { rotate:90deg; }
  .brutalist-site .site-directory nav { display:grid; padding-block:8px 16px; gap:8px; }
  .brutalist-site .site-directory nav a { font-size:16px; min-block-size:44px; align-content:center; text-decoration:underline; text-underline-offset:5px; }
  .brutalist-site .section { padding:clamp(44px,6vw,96px) var(--space); }
  .brutalist-site h1,.brutalist-site h2 { font-weight:750; }
  .brutalist-site .page-heading { align-items:end; gap:32px 64px; margin-block-end:40px; border-block-end:4px solid var(--brutal-black); padding-block-end:32px; }
  .brutalist-site .page-heading h1 { font-size:clamp(44px,6.4vw,96px); line-height:1.15; }
  .brutalist-site .page-heading p { max-inline-size:48ch; font-size:20px; line-height:1.6; }
  .brutalist-site :is(button,input,select,textarea,.solid) { border-radius:0; }
  .brutalist-site :is(input,select,textarea) { border:2px solid var(--brutal-black); background:var(--brutal-white); color:var(--brutal-black); caret-color:var(--brutal-black); }
  .brutalist-site :is(input,textarea)::placeholder { color:var(--brutal-muted); }
  .brutalist-site .solid { background:var(--brutal-black); color:var(--brutal-white); border:2px solid var(--brutal-black); min-block-size:48px; padding:12px 20px; }
  .brutalist-site .solid:is(:hover,:focus-visible) { background:var(--brutal-white); color:var(--brutal-black); }
  .brutalist-site :is(button,.solid,.text-link) { transition:color .16s,background-color .16s; }
  .brutalist-site .text-link { text-underline-offset:6px; }
  .brutalist-site :is(.text-link,.contact-link,.film-case-link) svg { transition:translate .2s var(--ease); }
  .brutalist-site :is(.text-link,.contact-link,.film-case-link):is(:hover,:focus-visible) svg { translate:5px 0; }
  html[dir="rtl"] .brutalist-site :is(.text-link,.contact-link,.film-case-link):is(:hover,:focus-visible) svg { translate:-5px 0; }

  /* The opening is a work desk: identity, evidence, then learning. */
  .brutalist-site .home-programme {
    display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    grid-template-areas:"identity stage" "learning stage"; border-block-end:4px solid var(--brutal-black);
    min-block-size:min(850px,100svh);
  }
  .brutalist-site .exhibition { grid-area:identity; display:block; padding:42px var(--space) 24px; margin:0; max-inline-size:none; }
  .brutalist-site .identity { display:flex; flex-direction:column; align-items:stretch; padding:0; gap:18px; }
  .brutalist-site .identity-name { display:grid; grid-template-columns:minmax(0,1fr) 96px; gap:12px; align-items:end; margin:0; }
  .brutalist-site .identity .identity-name h1 { font-size:clamp(44px,4vw,76px); line-height:1.12; font-weight:800; }
  html[lang="en"] .brutalist-site .identity .identity-name h1 { font-size:clamp(33px,3.3vw,60px); line-height:1.14; }
  .brutalist-site .identity-name .signature-portrait { position:static; inline-size:100%; block-size:148px; background-position:center top; filter:none; }
  .brutalist-site .identity .discipline { font-size:clamp(25px,2.3vw,36px); line-height:1.4; margin:0; }
  .brutalist-site .identity-intro { font-size:20px; line-height:1.6; max-inline-size:35ch; margin:0; }
  .brutalist-site .home-intents { display:grid; grid-template-columns:1fr 1fr; gap:0; border:2px solid var(--brutal-black); margin:0; }
  .brutalist-site .home-intents a { display:flex; align-items:center; justify-content:space-between; gap:14px; min-block-size:64px; padding:12px; font-size:19px; }
  .brutalist-site .home-intents a + a { border-inline-start:2px solid var(--brutal-black); }
  .brutalist-site .home-intents a:is(:hover,:focus-visible) { color:var(--brutal-white); background:var(--brutal-black); }
  .brutalist-site .identity .signature { margin:0; font-size:15px; }
  .brutalist-site .agency-signature { min-block-size:44px; align-content:center; }
  .brutalist-site .home-learning { grid-area:learning; align-self:end; padding:20px var(--space) 28px; border-block-start:2px solid var(--brutal-black); }
  .brutalist-site .home-learning .credential-shelf { margin:0; padding:0; border:0; max-inline-size:none; }
  .brutalist-site .home-learning .credential-marks { justify-content:space-between; gap:10px; padding-block:5px; }
  .brutalist-site .home-learning .credential-caption { display:flex; flex-wrap:wrap; align-items:baseline; gap:3px 8px; }
  .brutalist-site .credential-caption :is(strong,span) { white-space:normal; overflow:visible; }
  .brutalist-site .showcase { grid-area:stage; min-inline-size:0; display:flex; flex-direction:column; background:var(--brutal-black); color:var(--brutal-white); border-inline-start:4px solid var(--brutal-black); }
  .brutalist-site .showcase-stage { flex:1; min-block-size:460px; block-size:auto; }
  .brutalist-site .stage-panel { block-size:100%; min-block-size:100%; }
  .brutalist-site .stage-panel:not([hidden]) { display:flex; flex-direction:column; }
  .brutalist-site .stage-artwork { min-block-size:200px; flex:1; background:var(--brutal-black); overflow:hidden; }
  .brutalist-site .stage-artwork > .work-image { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; filter:none; padding:0; background:var(--brutal-black); }
  .brutalist-site .stage-artwork > .logo-image { background:var(--brutal-white); padding:24px; }
  .brutalist-site .stage-caption,.brutalist-site .film-caption { display:flex; align-items:center; gap:20px; padding:22px 24px; min-block-size:118px; border-block-start:2px solid var(--brutal-white); color:var(--brutal-white); background:var(--brutal-black); }
  .brutalist-site .stage-caption > span:first-child { font-size:clamp(25px,2.6vw,44px); line-height:1.2; font-weight:800; }
  .brutalist-site .stage-caption small { margin-block-start:8px; font-size:16px; font-weight:400; color:var(--brutal-white); }
  .brutalist-site .film-caption h2 { font-size:clamp(30px,3.3vw,54px); line-height:1.2; }
  .brutalist-site .film-caption > div > span { color:var(--brutal-white); font-size:15px; }
  .brutalist-site .film-marquee { padding:14px 20px; border-block-end:2px solid var(--brutal-white); color:var(--brutal-white); font-size:14px; }
  .brutalist-site .cinema-stage,.brutalist-site .film-marquee { background:var(--brutal-black); }
  .brutalist-site a.film-marquee:is(:hover,:focus-visible) { background:var(--brutal-white); color:var(--brutal-black); }
  .brutalist-site .stage-open { color:var(--brutal-white); background:var(--brutal-black); border:2px solid var(--brutal-white); border-radius:0; }
  .brutalist-site .stage-open:is(:hover,:focus-visible) { background:var(--brutal-white); color:var(--brutal-black); }
  .brutalist-site .showcase .work-select { flex:none; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin:0; padding:0; gap:0; border-block-start:2px solid var(--brutal-white); overflow:visible; }
  .brutalist-site .showcase .work-select a { display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; gap:8px; min-inline-size:0; min-block-size:110px; padding:12px 6px; border-inline-end:1px solid var(--brutal-white); color:var(--brutal-white); font-size:15px; line-height:1.3; }
  .brutalist-site .showcase .work-select img { width:60px; height:38px; object-fit:contain; filter:none; }
  .brutalist-site .showcase .work-select a::after { display:none; }
  .brutalist-site .showcase .work-select a[aria-current="true"] { background:var(--brutal-white); color:var(--brutal-black); }
  .brutalist-site .showcase .work-select a:is(:hover,:focus-visible):not([aria-current]) { background:var(--brutal-white); color:var(--brutal-black); }
  .brutalist-site .showcase :focus-visible { outline-color:var(--brutal-white); outline-offset:-5px; }
  .brutalist-site .showcase .work-select a[aria-current="true"]:focus-visible { outline-color:var(--brutal-black); }

  /* Brutalist poster frames preserve the original artwork and its colors. */
  .brutalist-site .selected-work { border-block-end:4px solid var(--brutal-black); }
  .brutalist-site .selected-work .section-heading { display:grid; grid-template-columns:1.1fr 1fr; gap:48px; margin-block-end:48px; align-items:end; }
  .brutalist-site .section-heading h2 { font-size:clamp(40px,5.6vw,88px); line-height:1.15; }
  .brutalist-site .curated { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:54px 30px; }
  .brutalist-site .curated .work-tile { margin:0; display:block; grid-column:auto; }
  .brutalist-site .work-tile { min-inline-size:0; }
  .brutalist-site .work-tile .artifact-link { position:relative; display:flex; flex-direction:column; aspect-ratio:1.18; overflow:hidden; background:var(--brutal-black); color:var(--brutal-white); border:3px solid var(--brutal-black); }
  .brutalist-site .poster-art { position:relative; display:block; flex:1; min-block-size:0; margin:22px 22px 0; overflow:hidden; background:var(--brutal-white); }
  .brutalist-site .poster-art .work-image { position:absolute; inset:0; inline-size:100%; block-size:100%; object-fit:contain; filter:none; padding:0; background:var(--brutal-white); transform:none; transition:transform .6s var(--ease); }
  .brutalist-site .poster-title { display:block; padding:17px 22px 22px; font-family:Alexandria,Tajawal,sans-serif; font-size:clamp(26px,3vw,50px); font-weight:800; line-height:1.18; overflow-wrap:anywhere; }
  .brutalist-site .work-tile:nth-child(4n+2) .artifact-link,.brutalist-site .work-tile:nth-child(4n+3) .artifact-link { background:var(--brutal-white); color:var(--brutal-black); }
  .brutalist-site .work-tile:nth-child(4n+2) .poster-art,.brutalist-site .work-tile:nth-child(4n+3) .poster-art { border:2px solid var(--brutal-black); }
  .brutalist-site .work-tile:nth-child(4n+3) .poster-title { order:-1; padding-block:22px 12px; }
  .brutalist-site .work-tile:nth-child(4n+3) .poster-art { margin-block:0 22px; }
  .brutalist-site .work-tile .open-work { inset-block-start:10px; inset-inline-end:10px; inset-inline-start:auto; inset-block-end:auto; width:auto; height:auto; max-inline-size:calc(100% - 20px); border:2px solid var(--brutal-white); background:var(--brutal-black); color:var(--brutal-white); border-radius:0; padding:9px 12px; font-size:15px; }
  .brutalist-site .artifact-link:is(:hover,:focus-visible) .poster-art .work-image { transform:scale(.96); }
  .brutalist-site .work-tile .tile-caption { padding-block:16px 0; display:block; }
  .brutalist-site .tile-caption :is(h2,h3) > a { display:block; min-height:44px; align-content:center; }
  .brutalist-site .tile-caption h2,.brutalist-site .tile-caption h3 { font-size:25px; line-height:1.35; font-weight:800; }
  .brutalist-site .tile-caption p { font-size:18px; line-height:1.5; }
  .brutalist-site .project-signature { filter:none; }

  /* Browse beside the controls; readers occupy a full registered evidence spread. */
  .brutalist-site .archive { padding-block-start:40px; }
  .brutalist-site .archive .page-heading { margin-block-end:20px; }
  .brutalist-site .archive-file-link { display:flex; flex-wrap:wrap; gap:16px 30px; margin-block:20px 32px; }
  .brutalist-site .archive-layout,.brutalist-site .credential-layout,.brutalist-site .library-layout { display:grid; grid-template-columns:250px minmax(0,1fr); gap:36px; align-items:start; }
  .brutalist-site :is(.archive-sidebar,.credential-sidebar,.library-sidebar) { position:sticky; top:24px; min-inline-size:0; }
  .brutalist-site .archive-audience { display:grid; gap:0; margin:0; padding:0; border:2px solid var(--brutal-black); }
  .brutalist-site .archive-audience a { padding:12px; min-block-size:48px; align-content:center; }
  .brutalist-site .archive-audience a[aria-current] { background:var(--brutal-black); color:var(--brutal-white); }
  .brutalist-site .archive-purpose { margin-block:16px; font-size:16px; }
  .brutalist-site .archive-controls,.brutalist-site .library-finder { display:grid; grid-template-columns:minmax(0,1fr); gap:18px; padding:20px 0; margin:0; border-block:3px solid var(--brutal-black); background:var(--brutal-white); }
  .brutalist-site .archive-controls > *,.brutalist-site .library-finder > * { grid-column:auto; grid-row:auto; min-inline-size:0; }
  .brutalist-site .archive-controls > button { grid-area:auto; width:100%; }
  .brutalist-site .archive-results,.brutalist-site .library-result-count { display:flex; justify-content:space-between; align-items:center; gap:16px; padding-block:0 18px; margin:0; border-block-end:2px solid var(--brutal-black); }
  .brutalist-site .archive-grid:not(.list-view) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:42px 28px; padding-block-start:28px; }
  .brutalist-site .archive-grid.list-view { display:block; padding-block-start:10px; }
  .brutalist-site .archive-grid.list-view .work-tile { display:grid; grid-template-columns:180px minmax(0,1fr); gap:24px; padding-block:22px; border-block-end:2px solid var(--brutal-black); }
  .brutalist-site .archive-grid.list-view .artifact-link { width:100%; aspect-ratio:1.18; }
  .brutalist-site .archive-grid.list-view .poster-art { margin:10px 10px 0; }
  .brutalist-site .archive-grid.list-view .poster-title { font-size:17px; padding:8px 10px; }
  .brutalist-site .archive-grid.list-view .open-work { display:none; }
  .brutalist-site .record-directory { padding:0; border:0; background:var(--brutal-white); }
  .brutalist-site .record-directory h2 { font-size:26px; }
  .brutalist-site .record-directory form { display:grid; grid-template-columns:1fr; gap:16px; }
  .brutalist-site .record-directory form > * { grid-column:auto; }
  .brutalist-site .credential-record,.brutalist-site .library-group { border-block:0; border-block-start:3px solid var(--brutal-black); }
  .brutalist-site :is(.credential-record,.library-group):last-child { border-block-end:3px solid var(--brutal-black); }
  .brutalist-site .credential-record > summary,.brutalist-site .library-group > summary { padding:24px 12px; min-block-size:96px; }
  .brutalist-site :is(.credential-record,.library-group)[open] > summary { background:var(--brutal-black); color:var(--brutal-white); --focus:var(--brutal-white); }
  .brutalist-site :is(.credential-record,.library-group)[open] > summary :is(small,.record-state,.library-group-count) { color:var(--brutal-white); }
  .brutalist-site .credential-record .credential { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; padding:24px 12px 40px; }
  .brutalist-site .credential-record .credential > a { max-inline-size:720px; }
  .brutalist-site .credential-record .credential h2 { font-size:30px; }
  .brutalist-site .library-group-body { padding:18px 12px 32px; }
  .brutalist-site .file-choices { gap:20px; }
  .brutalist-site :is(.library-thumb,.library-edition,.print-zoom) { background:var(--brutal-white); border:2px solid var(--brutal-black); }
  .brutalist-site .library-leaf { background:var(--brutal-white); color:var(--brutal-black); border:1px solid var(--brutal-black); border-block-end:3px solid var(--brutal-black); box-shadow:none; }
  .brutalist-site .library-leaf small { color:var(--brutal-black); }
  .brutalist-site .source-reader { border:3px solid var(--brutal-black); }
  .brutalist-site .source-reader header { border-block-end:3px solid var(--brutal-black); padding-block-end:24px; }
  .brutalist-site .source-reader header h3 { flex-basis:100%; font-size:clamp(24px,3vw,36px); line-height:1.35; }
  .brutalist-site .source-reader header a { min-block-size:48px; border:2px solid var(--brutal-black); }
  .brutalist-site .source-reader .designed-download { background:var(--brutal-black); color:var(--brutal-white); }
  .brutalist-site .source-reader .designed-download:is(:hover,:focus-visible) { background:var(--brutal-white); color:var(--brutal-black); }
  .brutalist-site .source-prose :is(h2,h3,h4) { border-block-start:2px solid var(--brutal-black); padding-block-start:20px; }
  .brutalist-site .reader-actions .designed-download { display:inline-flex; align-items:center; min-block-size:48px; padding:12px 16px; border:2px solid var(--brutal-black); background:var(--brutal-black); color:var(--brutal-white); }
  .brutalist-site .reader-actions .designed-download:is(:hover,:focus-visible) { background:var(--brutal-white); color:var(--brutal-black); }

  /* Each case reads output-first, with context and actions as a separate spread. */
  .brutalist-site .case-shell { padding:28px var(--space) 48px; }
  .brutalist-site .case-path { margin-block:0 24px; padding:0; }
  .brutalist-site .case-reading { display:flex; flex-wrap:wrap; gap:0; border:2px solid var(--brutal-black); margin-block:0 36px; padding:0; }
  .brutalist-site .case-reading a { padding:12px 18px; min-block-size:48px; border-inline-end:1px solid var(--brutal-black); align-content:center; }
  .brutalist-site .case-reading a:is(:hover,:focus-visible) { background:var(--brutal-black); color:var(--brutal-white); }
  .brutalist-site .case .case-opening.case-sequence { display:flex; flex-direction:column; gap:36px; grid-template-areas:none; grid-template-columns:none; }
  .brutalist-site .case-brief { display:grid; grid-template-columns:minmax(0,1fr) minmax(230px,.45fr); gap:24px 48px; align-items:end; }
  .brutalist-site .case-brief .project-heading { align-items:start; }
  .brutalist-site .case-brief h1 { font-size:clamp(42px,5.4vw,84px); line-height:1.2; }
  .brutalist-site .case-facts { padding:0; margin:0; border-block:3px solid var(--brutal-black); background:var(--brutal-white); }
  .brutalist-site .case-facts > div { padding-block:12px; }
  .brutalist-site .case-facts dt { color:var(--brutal-black); }
  .brutalist-site .case-output { min-inline-size:0; width:100%; padding:24px; border:3px solid var(--brutal-black); background:var(--brutal-white); }
  .brutalist-site .case-output > * { margin:0; max-inline-size:none; }
  .brutalist-site .case-output :is(.case-feature,.case-feature.mark-only) { max-inline-size:100%; }
  .brutalist-site .case-output .case-artwork-link { background:var(--brutal-white); min-block-size:0; }
  .brutalist-site .case-output .case-feature img { max-height:72vh; width:100%; object-fit:contain; }
  .brutalist-site .case-narrative { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:48px; padding-block:24px; }
  .brutalist-site .case-abstract { margin:0; font-size:clamp(22px,2.3vw,32px); line-height:1.7; max-inline-size:38ch; }
  .brutalist-site .case-storyline { display:block; min-inline-size:0; border-inline-start:2px solid var(--brutal-black); padding-inline-start:28px; }
  .brutalist-site .case-storyline > :is(a,nav,div) { margin-block:0 18px; }
  .brutalist-site .case-contribution { display:grid; grid-template-columns:minmax(230px,.45fr) minmax(0,1fr); gap:32px 60px; border-block:4px solid var(--brutal-black); padding-block:40px; margin-block:20px 44px; }
  .brutalist-site .case-contribution h2 { font-size:clamp(32px,3vw,48px); line-height:1.25; }
  .brutalist-site .case-contribution li { padding-block:16px; }
  .brutalist-site .case-next { background:var(--brutal-black); color:var(--brutal-white); --focus:var(--brutal-white); padding:40px; border:0; }
  .brutalist-site .presentation { border:0; }
  .brutalist-site .presentation-stage { background:var(--brutal-white); border-block:2px solid var(--brutal-black); }
  .brutalist-site .presentation-head { border-color:var(--brutal-black); }
  .brutalist-site .case-notes { border-block-start:4px solid var(--brutal-black); }
  .brutalist-site .case-notes details { border-color:var(--brutal-black); }

  /* The story and work routes meet only at the unchanged enquiry. */
  .brutalist-site .home-journey { background:var(--brutal-black); color:var(--brutal-white); --focus:var(--brutal-white); padding-block:64px; }
  .brutalist-site .home-journey h2 { font-size:clamp(40px,5.5vw,84px); line-height:1.2; }
  .brutalist-site .home-chapter-year { color:var(--brutal-white); font-size:clamp(56px,8vw,96px); }
  .brutalist-site .home-chapter-nav,.brutalist-site .home-journey-actions { border-color:var(--brutal-white); }
  .brutalist-site .home-chapter-nav a { border:1px solid var(--brutal-white); padding:10px 14px; }
  .brutalist-site .home-chapter-nav a[aria-current] { background:var(--brutal-white); color:var(--brutal-black); }
  .brutalist-site .home-chapter-art { border:2px solid var(--brutal-white); }
  .brutalist-site .approach { background:var(--brutal-white); color:var(--brutal-black); --focus:var(--brutal-black); grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:56px; border-block-end:4px solid var(--brutal-black); }
  .brutalist-site .approach h2 { font-size:clamp(38px,5vw,76px); line-height:1.25; }
  .brutalist-site .approach article { border-color:var(--brutal-black); padding-block:24px; }
  .brutalist-site .approach :is(p,.text-link) { color:var(--brutal-black); }
  .brutalist-site .home-brief { background:var(--brutal-white); color:var(--brutal-black); --focus:var(--brutal-black); gap:48px; border-block-end:4px solid var(--brutal-black); }
  .brutalist-site .home-brief h2 { font-size:clamp(42px,6vw,90px); line-height:1.15; }
  .brutalist-site .home-brief :is(.audience-reading small,.home-brief-body p,.home-example small) { color:var(--brutal-black); }
  .brutalist-site .home-brief :is(.audience-reading a,.brief-preparation,.home-example,.home-brief-prompts li) { border-color:var(--brutal-black); }
  .brutalist-site .home-brief-tabs { border:2px solid var(--brutal-black); }
  .brutalist-site .home-brief-tabs a { padding:12px; }
  .brutalist-site .home-brief-tabs a[aria-current] { background:var(--brutal-black); color:var(--brutal-white); }
  .brutalist-site .about-opening { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,.6fr); gap:48px; border-block-end:4px solid var(--brutal-black); }
  .brutalist-site .about-copy h1 { font-size:clamp(42px,5.5vw,86px); line-height:1.2; }
  .brutalist-site .about-copy .lead { font-size:26px; line-height:1.6; }
  .brutalist-site .about-opening > img { background:var(--brutal-black); width:100%; height:100%; max-height:720px; object-fit:contain; object-position:center bottom; }
  .brutalist-site .reading-outline { padding:20px var(--space); margin:0; border-block-end:3px solid var(--brutal-black); background:var(--brutal-black); color:var(--brutal-white); --focus:var(--brutal-white); }
  .brutalist-site .expertise { display:grid; grid-template-columns:1fr; gap:0; }
  .brutalist-site .expertise h2 { font-size:clamp(40px,5vw,72px); margin-block-end:30px; }
  .brutalist-site .expertise article { display:grid; grid-template-columns:minmax(0,.6fr) minmax(0,1fr); gap:36px; padding-block:30px; border-block-start:2px solid var(--brutal-black); }
  .brutalist-site .expertise h3 { font-size:30px; }
  .brutalist-site .about-ai article { border-color:var(--brutal-black); padding-block:24px; }
  .brutalist-site .organization-grid { gap:20px; }
  .brutalist-site .organization-grid :is(a,figure) { border:2px solid var(--brutal-black); padding:18px; }
  .brutalist-site .experience-cover { padding-block:0 32px; border-block-end:4px solid var(--brutal-black); }
  .brutalist-site .experience-cover h1,.brutalist-site .career-heading h1 { font-size:clamp(44px,6vw,90px); line-height:1.2; }
  .brutalist-site .experience-years a,.brutalist-site .year-nav a { border:2px solid var(--brutal-black); padding:12px 16px; }
  .brutalist-site .experience-year { border-block-start:4px solid var(--brutal-black); padding-block:40px; }
  .brutalist-site .career-index { border:2px solid var(--brutal-black); padding:20px; }
  .brutalist-site .career-role-head { border-block-end:4px solid var(--brutal-black); padding-block-end:22px; }
  .brutalist-site .year-nav { display:flex; flex-wrap:wrap; gap:8px; border:0; }
  .brutalist-site .year-nav a[aria-current] { background:var(--brutal-black); color:var(--brutal-white); }
  .brutalist-site .journey-layout { padding-block-start:36px; gap:48px; }
  .brutalist-site .chosen-year { color:var(--brutal-black); font-size:clamp(64px,9vw,96px); }
  .brutalist-site .timeline-event { border-block-start:2px solid var(--brutal-black); padding-block:28px; }
  .brutalist-site .academic-rail { border:2px solid var(--brutal-black); padding:18px; }
  .brutalist-site .academic-stage { border-color:var(--brutal-black); }
  .brutalist-site .brief-heading { border-block-end:4px solid var(--brutal-black); padding-block-end:28px; }
  .brutalist-site .brief-heading h1 { font-size:clamp(42px,6vw,84px); line-height:1.2; }
  .brutalist-site .brief-support { border:3px solid var(--brutal-black); padding:28px; align-self:start; background:var(--brutal-white); }
  .brutalist-site .brief-support h2 { font-size:28px; }
  .brutalist-site .prose { max-inline-size:1100px; }
  .brutalist-site > footer { background:var(--brutal-black); color:var(--brutal-white); --focus:var(--brutal-white); border:0; }
  .brutalist-site .footer-invite { border-block-end:3px solid var(--brutal-white); padding-block:64px; }
  .brutalist-site .footer-invite .text-link { font-size:clamp(40px,6vw,96px); line-height:1.2; font-weight:800; }
  .brutalist-site .footer-paths { border-color:var(--brutal-white); padding-block:40px; }
  .brutalist-site .footer-paths :is(h2,a) { color:var(--brutal-white); }
  .brutalist-site .footer-bottom { border-color:var(--brutal-white); padding-block:28px; }
  .brutalist-site .footer-bottom p { color:var(--brutal-white); }
  .brutalist-site .footer-bottom .brand img { filter:invert(1); }
  .brutalist-site .arrival { background:var(--brutal-white); }
  .brutalist-site .arrival .motion-mark { fill:var(--brutal-black); }

  @media(min-width:901px) {
    .brutalist-site .home-programme { block-size:min(850px,max(740px,100svh)); min-block-size:0; grid-template-rows:minmax(0,1fr) auto; }
    .brutalist-site .showcase-stage { block-size:0; min-block-size:0; }
    .brutalist-site .stage-artwork { flex:1 1 0; block-size:0; min-block-size:0; }
  }

  @media(max-width:1200px) {
    .brutalist-site { --rail:150px; --space:28px; }
    .brutalist-site .site-header { padding-inline:14px; }
    .brutalist-site .site-header .brand img { inline-size:118px; }
    .brutalist-site .site-header > nav a { font-size:20px; }
    .brutalist-site .home-programme { grid-template-columns:1fr 1fr; }
    .brutalist-site .identity-name { grid-template-columns:minmax(0,1fr) 62px; }
    .brutalist-site .identity-name .signature-portrait { block-size:108px; }
    .brutalist-site .identity .identity-name h1 { font-size:44px; }
    html[lang="en"] .brutalist-site .identity .identity-name h1 { font-size:31px; }
    .brutalist-site .identity .discipline { font-size:25px; }
    .brutalist-site .home-intents { grid-template-columns:1fr; }
    .brutalist-site .home-intents a + a { border-inline-start:0; border-block-start:2px solid var(--brutal-black); }
    .brutalist-site .home-intents a { min-block-size:48px; font-size:18px; }
    .brutalist-site .film-caption { flex-direction:column; align-items:start; }
    .brutalist-site .archive-layout,.brutalist-site .credential-layout,.brutalist-site .library-layout { grid-template-columns:210px minmax(0,1fr); gap:24px; }
    .brutalist-site .archive-grid:not(.list-view) { gap:36px 22px; }
    .brutalist-site .poster-title { font-size:28px; }
    .brutalist-site .case-brief { grid-template-columns:minmax(0,1fr); }
    .brutalist-site .case-facts { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
    .brutalist-site .case-facts > div { border:0; }
  }
  @media(max-width:900px) {
    .brutalist-site { --rail:0px; --reading-offset:160px; }
    .brutalist-site .site-header { position:sticky; top:0; inline-size:100%; block-size:auto; padding:10px 22px; display:grid; grid-template-columns:1fr auto auto; gap:8px 20px; overflow:visible; border-inline-end:0; border-block-end:3px solid var(--brutal-black); }
    .brutalist-site .site-header .brand { grid-column:1; grid-row:1; }
    .brutalist-site .site-header .header-end { grid-column:3; grid-row:1; flex-direction:row; align-items:center; gap:14px; margin:0; }
    .brutalist-site .site-header .contact-link { border:0; font-size:17px; min-block-size:44px; }
    .brutalist-site .site-header .language { font-size:15px; }
    .brutalist-site .site-header > nav { grid-column:1/-1; grid-row:2; flex-direction:row; overflow-x:auto; gap:22px; align-items:center; flex-wrap:nowrap; }
    html[lang="en"] .brutalist-site .site-header > nav { flex-wrap:nowrap; }
    .brutalist-site .site-header > nav a,html[lang="en"] .brutalist-site .site-header > nav a { flex:none; white-space:nowrap; font-size:17px; min-block-size:44px; padding:6px 0; border:0; }
    .brutalist-site .site-directory { grid-column:2; grid-row:1; border:0; }
    .brutalist-site .site-directory summary { font-size:17px; }
    .brutalist-site .site-directory summary svg { display:none; }
    .brutalist-site .site-directory nav { position:absolute; inset-inline:0; inset-block-start:100%; padding:20px 24px; background:var(--brutal-black); color:var(--brutal-white); --focus:var(--brutal-white); border-block-end:3px solid var(--brutal-white); z-index:2; }
    .brutalist-site .site-directory nav a { color:var(--brutal-white); font-size:21px; }
    .brutalist-site :is(.archive-sidebar,.credential-sidebar,.library-sidebar) { position:static; }
    .brutalist-site .archive-layout,.brutalist-site .credential-layout,.brutalist-site .library-layout { grid-template-columns:1fr; }
    .brutalist-site .archive-sidebar { display:grid; grid-template-columns:1fr 1fr; gap:12px 24px; }
    .brutalist-site .archive-controls { grid-column:1/-1; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
    .brutalist-site .archive-controls > button { grid-column:1/-1; }
    .brutalist-site .library-finder,.brutalist-site .record-directory form { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .brutalist-site .case-narrative { gap:30px; }
  }
  @media(max-width:700px) {
    .brutalist-site { --space:20px; --reading-offset:145px; }
    .brutalist-site .site-header { padding:7px 18px; column-gap:14px; }
    .brutalist-site .site-header .brand img { width:105px; }
    .brutalist-site .site-header .header-end { gap:12px; }
    .brutalist-site .site-header .contact-link { font-size:15px; gap:5px; }
    .brutalist-site .site-header .contact-link svg { width:18px; }
    .brutalist-site .site-header > nav { gap:22px; }
    .brutalist-site .site-header > nav a,html[lang="en"] .brutalist-site .site-header > nav a { font-size:16px; }
    .brutalist-site .section { padding-block:38px; }
    .brutalist-site .page-heading { display:block; padding-block-end:22px; margin-block-end:28px; }
    .brutalist-site .page-heading h1 { font-size:46px; margin-block-end:18px; }
    .brutalist-site .page-heading p { font-size:18px; }
    .brutalist-site .home-programme { display:flex; flex-direction:column; min-block-size:0; }
    .brutalist-site .exhibition { padding:24px 20px; }
    .brutalist-site .identity { gap:12px; }
    .brutalist-site .identity-name { grid-template-columns:minmax(0,1fr) 76px; gap:12px; }
    .brutalist-site .identity .identity-name h1 { font-size:clamp(34px,9vw,52px); }
    html[lang="en"] .brutalist-site .identity .identity-name h1 { font-size:clamp(28px,7.6vw,42px); }
    .brutalist-site .identity-name .signature-portrait { block-size:100px; }
    .brutalist-site .identity .discipline { font-size:23px; line-height:1.35; }
    .brutalist-site .identity-intro { font-size:18px; line-height:1.5; max-inline-size:none; }
    .brutalist-site .home-intents { grid-template-columns:1fr 1fr; }
    .brutalist-site .home-intents a { font-size:16px; padding:10px; min-block-size:52px; gap:6px; }
    .brutalist-site .home-intents a + a { border-block-start:0; border-inline-start:2px solid var(--brutal-black); }
    .brutalist-site .identity .signature { font-size:14px; }
    .brutalist-site .showcase { border-inline-start:0; border-block:3px solid var(--brutal-black); }
    .brutalist-site .showcase-stage { height:450px; flex:none; min-block-size:0; }
    .brutalist-site .stage-panel:not([hidden]) { display:flex; }
    .brutalist-site .cinema-stage .film-caption { display:flex; order:0; }
    .brutalist-site .cinema-stage .film-caption > div:first-child { padding:0; }
    .brutalist-site .film-caption,.brutalist-site .stage-caption { flex-direction:row; min-block-size:100px; padding:16px; gap:12px; border-block:2px solid var(--brutal-white); }
    .brutalist-site .cinema-stage .film-caption { min-block-size:100px; }
    .brutalist-site .film-caption h2 { font-size:30px; }
    .brutalist-site .film-caption > div > span { font-size:13px; }
    .brutalist-site .cinema-stage .film-actions { padding:0; }
    .brutalist-site .film-marquee { display:flex; gap:10px; order:0; min-block-size:48px; font-size:12px; padding:9px 14px; }
    .brutalist-site .cinema-stage > .stage-artwork { grid-area:auto; height:auto; border:0; }
    .brutalist-site .stage-artwork { min-block-size:180px; }
    .brutalist-site .showcase .work-select { display:flex; overflow-x:auto; }
    .brutalist-site .showcase .work-select a { flex:0 0 112px; min-block-size:90px; font-size:14px; }
    .brutalist-site .showcase .work-select img { width:48px; height:32px; }
    .brutalist-site .home-learning { padding:20px; align-self:stretch; border:0; }
    .brutalist-site .selected-work .section-heading { display:block; margin-block-end:30px; }
    .brutalist-site .section-heading h2 { font-size:44px; margin-block-end:24px; }
    .brutalist-site .curated,.brutalist-site .archive-grid:not(.list-view) { grid-template-columns:1fr; gap:38px; }
    .brutalist-site .work-tile .artifact-link { aspect-ratio:1.12; }
    .brutalist-site .poster-title { font-size:32px; padding:14px 18px 18px; }
    .brutalist-site .poster-art { margin:18px 18px 0; }
    .brutalist-site .tile-caption :is(h2,h3) > a { display:block; min-height:44px; align-content:center; }
  .brutalist-site .tile-caption h2,.brutalist-site .tile-caption h3 { font-size:24px; }
    .brutalist-site .archive-sidebar { display:block; }
    .brutalist-site .archive-audience { display:flex; }
    .brutalist-site .archive-controls { grid-template-columns:1fr 1fr; }
    .brutalist-site .archive-controls > label:first-of-type { grid-column:1/-1; }
    .brutalist-site .archive-controls > button { grid-column:1/-1; }
    .brutalist-site .archive-grid.list-view .work-tile { grid-template-columns:100px minmax(0,1fr); gap:18px; }
    .brutalist-site .archive-grid.list-view .poster-title { font-size:12px; padding:6px; }
    .brutalist-site .archive-grid.list-view .poster-art { margin:6px 6px 0; }
    .brutalist-site .archive-grid.list-view .tile-caption h2 { font-size:21px; }
    .brutalist-site .library-finder { grid-template-columns:1fr; }
    .brutalist-site .record-directory form { grid-template-columns:1fr; }
    .brutalist-site .credential-record > summary,.brutalist-site .library-group > summary { padding:20px 4px; }
    .brutalist-site .credential-record .credential { padding-inline:0; }
    .brutalist-site .case-shell { padding-block-start:22px; }
    .brutalist-site .case-reading { flex-wrap:nowrap; overflow-x:auto; white-space:nowrap; margin-block-end:28px; }
    .brutalist-site .case-reading a { flex:none; padding:10px 12px; font-size:16px; }
    .brutalist-site .case .case-opening.case-sequence { gap:26px; }
    .brutalist-site .case-brief h1 { font-size:clamp(34px,9vw,48px); }
    .brutalist-site .case-facts { gap:16px; }
    .brutalist-site .case-output { padding:10px; border-width:2px; }
    .brutalist-site .case-narrative { display:block; padding:0; }
    .brutalist-site .case-abstract { font-size:22px; line-height:1.65; max-inline-size:none; }
    .brutalist-site .case-storyline { border-inline-start:0; border-block-start:2px solid var(--brutal-black); padding:22px 0 0; margin-block-start:26px; }
    .brutalist-site .case-contribution { grid-template-columns:1fr; gap:22px; padding-block:32px; margin-block:32px; }
    .brutalist-site .case-contribution h2 { font-size:36px; }
    .brutalist-site .case-next { padding:28px; }
    .brutalist-site .home-journey h2 { font-size:42px; }
    .brutalist-site .home-chapter-year { font-size:70px; }
    .brutalist-site .approach,.brutalist-site .home-brief { grid-template-columns:1fr; gap:30px; }
    .brutalist-site .approach h2,.brutalist-site .home-brief h2 { font-size:42px; }
    .brutalist-site .about-opening { display:flex; flex-direction:column; align-items:stretch; gap:28px; }
    .brutalist-site .about-copy { min-inline-size:0; }
    .brutalist-site .about-copy h1 { font-size:clamp(34px,9vw,48px); }
    html[lang="en"] .brutalist-site .about-copy h1 { font-size:clamp(26px,7.5vw,40px); }
    .brutalist-site .about-copy .lead { font-size:22px; }
    .brutalist-site .about-opening > img { height:360px; block-size:360px; max-height:360px; width:100%; object-fit:contain; }
    .brutalist-site .expertise article { display:block; padding-block:24px; }
    .brutalist-site .expertise h3 { margin-block-end:14px; }
    .brutalist-site .experience-cover h1,.brutalist-site .career-heading h1 { font-size:42px; }
    .brutalist-site .journey-layout { gap:24px; }
    .brutalist-site .brief-heading h1 { font-size:42px; }
    .brutalist-site .brief-support { padding:20px; }
    .brutalist-site .footer-invite { padding-block:42px; }
    .brutalist-site .footer-invite .text-link { font-size:44px; }
  }
  @media(max-width:420px) {
    .brutalist-site { --reading-offset:200px; }
    .brutalist-site .site-header > nav { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:0; overflow:visible; align-items:stretch; }
    .brutalist-site .site-header > nav a { display:flex; align-items:center; justify-content:center; grid-column:span 2; min-inline-size:0; }
    .brutalist-site .site-header > nav a:nth-child(n+4) { grid-column:span 3; }
  }
  @media(max-width:350px) {
    .brutalist-site { --space:16px; }
    .brutalist-site .site-header { padding-inline:12px; column-gap:10px; }
    .brutalist-site .site-header .brand img { width:88px; }
    .brutalist-site .site-header .header-end { gap:8px; }
    .brutalist-site .site-directory summary { font-size:15px; }
    .brutalist-site .exhibition { padding-inline:16px; }
    .brutalist-site .identity-name { grid-template-columns:minmax(0,1fr) 60px; }
    .brutalist-site .identity .discipline { font-size:21px; }
    .brutalist-site .home-intents a { font-size:14px; padding:8px; }
    .brutalist-site .home-intents a svg { width:18px; }
    .brutalist-site .film-caption h2 { font-size:26px; }
    .brutalist-site .film-caption { align-items:start; }
    .brutalist-site .film-actions { max-inline-size:105px; }
  }
  /* The two entry points share emphasis. The smaller line names the destination. */
  .brutalist-site .home-intents a > span { display:grid; gap:3px; text-align:start; }
  .brutalist-site .home-intents strong { font:inherit; font-weight:750; }
  .brutalist-site .home-intents small { font-size:clamp(13px,1.1vw,16px); line-height:1.45; font-weight:500; }
  .brutalist-site .home-intents a svg { flex:none; }
  .brutalist-site .identity .signature { display:flex; flex-wrap:wrap; align-items:center; gap:2px 18px; }
  .brutalist-site .identity .signature a { display:inline-flex; align-items:center; min-block-size:44px; }
  .brutalist-site .archive-options { border-block-end:1px solid var(--brutal-black); }
  .brutalist-site .archive-options summary { display:list-item; padding:10px 0; cursor:pointer; min-block-size:44px; font-size:16px; font-weight:700; }
  .brutalist-site .archive-options label { display:grid; gap:6px; padding-block:6px 12px; }
  .brutalist-site .archive-options select { max-width:100%; width:100%; }
  .brutalist-site .archive-options .archive-audience { margin-block-end:12px; }
  .brutalist-site .archive-controls > label:first-of-type { grid-column:1/-1; }
  .brutalist-site :is(.work-tile[id],#work-results,.case-reading,.experience-samples) { scroll-margin-block-start:var(--reading-offset,24px); }
  .brutalist-site .case .case-brief { align-items:start; row-gap:14px; }
  .brutalist-site .case-brief .case-abstract { grid-column:1/-1; max-inline-size:62ch; font-size:clamp(18px,1.7vw,25px); line-height:1.65; }
  .brutalist-site .case-reading { margin:0; border:0; border-block:1px solid var(--brutal-black); flex-wrap:wrap; overflow:visible; }
  .brutalist-site .case-reading a { white-space:normal; padding:9px 14px; min-block-size:44px; }
  .brutalist-site .case-narrative { display:block; }
  .brutalist-site .case-storyline { max-inline-size:76ch; }
  .brutalist-site .case-decision { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px 30px; padding:28px var(--space); border-block:3px solid var(--brutal-black); }
  .brutalist-site .case-decision .footer-invite { border:0; margin:0; padding:0; }
  .brutalist-site .case-decision .footer-invite a { display:inline-flex; align-items:center; gap:16px; min-height:48px; padding:12px 18px; border:2px solid var(--brutal-black); color:var(--brutal-white); background:var(--brutal-black); font-size:clamp(18px,2vw,26px); }
  .brutalist-site .case-decision .footer-invite a:is(:hover,:focus-visible) { background:var(--brutal-white); color:var(--brutal-black); }
  .brutalist-site .case-decision .footer-invite svg,.brutalist-site .return-to-work svg { width:20px; height:20px; }
  .brutalist-site .return-to-work { display:inline-flex; align-items:center; gap:8px; min-height:44px; text-underline-offset:5px; }
  .brutalist-site .experience-samples { margin-block:24px; }
  .brutalist-site .experience-samples h2 { font-size:clamp(20px,2vw,28px); margin-block:0 12px; }
  .brutalist-site .experience-samples nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-block:2px solid var(--brutal-black); }
  .brutalist-site .experience-samples a { display:grid; align-content:center; gap:4px; padding:12px; text-decoration:none; min-block-size:48px; }
  .brutalist-site .experience-samples a + a { border-inline-start:1px solid var(--brutal-black); }
  .brutalist-site .experience-samples small { font-size:15px; line-height:1.45; }
  .brutalist-site .experience-samples a:is(:hover,:focus-visible) { color:var(--brutal-white); background:var(--brutal-black); }
  @media(max-width:700px) {
    .brutalist-site .archive-controls { grid-template-columns:1fr; gap:6px; padding-block:8px; }
    .brutalist-site .archive-file-link { gap:8px 18px; margin-block:6px 14px; }
    .brutalist-site .case-reading a { flex:0 1 auto; font-size:15px; padding:8px 10px; }
    .brutalist-site .experience-samples nav { grid-template-columns:1fr; }
    .brutalist-site .experience-samples a + a { border-inline-start:0; border-block-start:1px solid var(--brutal-black); }
  }
  @media (min-width:1200px) {
    .brutalist-site .identity .identity-intro { max-inline-size:60ch; }
  }
  .brutalist-site .identity-name h1 { container-type:inline-size; }
  .brutalist-site .identity-name h1 > span { display:block; white-space:nowrap; font-size:min(1em,17.6cqi); line-height:1.14; }
  html[lang="en"] .brutalist-site .identity-name h1 > span { font-size:min(1em,14cqi); }
  .brutalist-site .identity-name { grid-template-columns:minmax(0,1fr) clamp(142px,13vw,206px); align-items:center; column-gap:18px; }
  .brutalist-site .identity .identity-name .signature-portrait { block-size:clamp(196px,18vw,274px); background-image:url(/assets/portrait.webp?v=8a05ec27); background-position:center 12%; background-size:cover; }
  .brutalist-site .home-intents { margin-block-start:4px; }
  .brutalist-site .showcase .work-select img.work-icon { width:42px; height:42px; object-fit:contain; }
  .brutalist-site .profile-navigation { display:flex; flex-wrap:wrap; gap:4px 22px; align-items:center; padding:8px var(--space); border-block-end:1px solid var(--brutal-black); }
  .brutalist-site .profile-navigation a { display:inline-flex; align-items:center; padding:6px 4px; min-height:44px; font-size:16px; text-decoration:none; }
  .brutalist-site .profile-navigation a[aria-current] { font-weight:800; text-decoration:underline; text-underline-offset:6px; }
  .brutalist-site .profile-story header,.brutalist-site .service-actions { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
  .brutalist-site .profile-story h2 { font-size:clamp(30px,4vw,54px); }
  .brutalist-site .profile-story ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; padding:0; margin:20px 0 0; border-block:2px solid; }
  .brutalist-site .profile-story li + li { border-inline-start:1px solid; }
  .brutalist-site .profile-story li a { display:grid; gap:6px; padding:14px; text-decoration:none; }
  .brutalist-site .profile-story li a span,.brutalist-site .service-example small { font-size:15px; }
  .brutalist-site .resume-download { display:inline-flex; align-items:center; min-height:48px; padding:10px 16px; border:2px solid var(--brutal-black); background:var(--brutal-black); color:var(--brutal-white); text-decoration:none; font-weight:700; }
  .brutalist-site .resume-download:is(:hover,:focus-visible) { color:var(--brutal-black); background:var(--brutal-white); }
  .brutalist-site .home-service-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-block-start:3px solid; }
  .brutalist-site .home-service-grid a { display:flex; gap:20px; align-items:center; min-height:96px; padding:14px; border-block-end:1px solid; text-decoration:none; }
  .brutalist-site .home-service-grid a:nth-child(even) { border-inline-start:1px solid; }
  .brutalist-site .home-service-grid :is(strong,small),.brutalist-site .service-example span > * { display:block; }
  .brutalist-site .home-service-grid strong { font-size:clamp(19px,2vw,27px); line-height:1.4; }
  .brutalist-site .home-service-grid small { margin-block-start:4px; }
  .brutalist-site :is(.home-service-grid,.service-index,.service-examples) a:is(:hover,:focus-visible) { background:var(--brutal-black); color:var(--brutal-white); }
  .brutalist-site .work-icon { object-fit:contain; flex:none; }
  .brutalist-site .service-layout { display:grid; grid-template-columns:minmax(185px,.36fr) minmax(0,1fr); align-items:start; gap:clamp(20px,3vw,54px); }
  .brutalist-site .service-index { display:grid; border-block-start:3px solid; }
  .brutalist-site .service-index a { display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:12px; padding:9px 4px; min-height:48px; border-block-end:1px solid; text-decoration:none; }
  .brutalist-site .service-index [aria-current] { background:var(--brutal-black); color:var(--brutal-white); }
  .brutalist-site .service-group { border-block-start:3px solid; padding-block:18px 40px; scroll-margin-block-start:var(--reading-offset,24px); }
  .brutalist-site .service-group h2 { font-size:clamp(26px,3vw,42px); line-height:1.3; }
  .brutalist-site .service-group > p { max-inline-size:60ch; margin:10px 0 20px; }
  .brutalist-site .service-examples { display:grid; }
  .brutalist-site .service-example { display:flex; align-items:center; gap:16px; padding:10px 4px; border-block-start:1px solid; text-decoration:none; }
  .brutalist-site .service-example img { width:104px; height:auto; }
  .brutalist-site .service-example strong { font-size:20px; }
  .brutalist-site .service-actions { justify-content:flex-start; margin-block-start:12px; }
  .brutalist-site .service-actions a,.brutalist-site .all-services,.brutalist-site .legacy-services a { display:inline-flex; align-items:center; min-height:44px; text-underline-offset:4px; }
  @media(max-width:1100px) and (min-width:901px) { .brutalist-site .identity-name { grid-template-columns:minmax(0,1fr) 136px; } }
  @media(max-width:700px) {
    .brutalist-site .identity-name { grid-template-columns:minmax(0,1fr) clamp(102px,30vw,166px); gap:10px; }
    .brutalist-site .identity .identity-name .signature-portrait { block-size:clamp(143px,41vw,200px); }
    .brutalist-site .home-service-grid,.brutalist-site .service-layout { grid-template-columns:1fr; }
    .brutalist-site .home-service-grid a:nth-child(even) { border-inline-start:0; }
    .brutalist-site .profile-story ol { grid-template-columns:1fr 1fr; }
    .brutalist-site .profile-story li { border-block-start:1px solid; }
    .brutalist-site .profile-story li:nth-child(odd) { border-inline-start:0; }
    .brutalist-site .service-index { grid-template-columns:1fr 1fr; }
    .brutalist-site .service-index a { grid-template-columns:28px minmax(0,1fr); gap:6px; font-size:14px; }
    .brutalist-site .service-index a img { width:28px; height:28px; }
    .brutalist-site .service-index a > span { display:none; }
  }
  @media(max-width:420px) {
    .brutalist-site .site-header > nav { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .brutalist-site .site-header > nav a,.brutalist-site .site-header > nav a:nth-child(n+4) { grid-column:auto; font-size:15px; }
    .brutalist-site { --reading-offset:150px; }
  }
  .brutalist-site .service-examples { list-style:none; padding:0; margin:0; }
  .brutalist-site .personal-services .service-proof { display:grid; grid-template-columns:minmax(95px,.35fr) minmax(0,1fr); gap:16px; padding:14px 0; border-block-start:1px solid; }
  .brutalist-site .personal-services .service-proof-art { display:grid; align-content:start; gap:6px; }
  .brutalist-site .personal-services .service-proof-art img { max-width:100%; height:auto; object-fit:contain; }
  .brutalist-site .personal-services .service-proof-role,.brutalist-site .personal-services .service-proof-brief { display:block; }
  .brutalist-site .personal-services .service-proof-brief { min-height:44px; align-content:center; text-decoration:underline; }
  @media(max-width:420px) {
    html[lang="en"] .brutalist-site .site-header > nav { grid-template-columns:auto auto auto auto; column-gap:4px; }
    html[lang="en"] .brutalist-site .site-header > nav a { font-size:14px; }
  }
  @media(max-width:350px) {
    html[lang="en"] .brutalist-site .identity-name { grid-template-columns:minmax(0,1fr) 94px; gap:6px; }
    html[lang="en"] .brutalist-site .identity .identity-name h1 { font-size:25px; }
  }
  @media(prefers-reduced-motion:reduce) {
    .brutalist-site :is(.work-image,.text-link svg,.contact-link svg,.film-case-link svg,.site-directory summary svg,.site-header > nav a) { transition:none; }
    .brutalist-site .artifact-link:is(:hover,:focus-visible) .poster-art .work-image { transform:none; }
    .brutalist-site :is(.text-link,.contact-link,.film-case-link):is(:hover,:focus-visible) svg { translate:none; }
  }
}
@media screen and (prefers-reduced-motion:no-preference) {
  ::view-transition-new(root) { animation:brutal-page-enter .48s cubic-bezier(.16,1,.3,1) both; }
  ::view-transition-old(root) { animation:brutal-page-exit .22s ease-out both; }
  @keyframes brutal-page-enter { from { clip-path:inset(0 0 100% 0); transform:translateY(18px); } to { clip-path:inset(0); transform:none; } }
  @keyframes brutal-page-exit { to { opacity:.2; transform:translateY(-10px); } }
}
@media screen {
  .brutalist-site .footer-directory > summary { cursor:pointer; min-height:48px; align-content:center; }
}
.quick-intro .intro-form{display:grid;gap:.85rem;max-width:43rem}.quick-intro .intro-form :is(input:not([type=checkbox]),textarea,select),.reply-mode select{padding:.65rem;width:100%;max-width:100%;font:inherit}.quick-intro .intro-form button{justify-self:start}.reply-mode{display:grid;gap:.35rem}

.brutalist-site .case-brief .evidence-note{grid-column:1/-1;max-inline-size:70ch;border-inline-start:3px solid currentColor;padding:.65rem 1rem;margin:.3rem 0}
.brutalist-site .evidence-note h2,.brutalist-site .evidence-lead h2,.brutalist-site .evidence-title{font-size:clamp(1.1rem,2vw,1.55rem);line-height:1.4;margin:0 0 .3rem}
.brutalist-site .evidence-note p,.brutalist-site .evidence-lead p{font-size:1.03rem;line-height:1.65;margin:0}
.brutalist-site .evidence-note a,.brutalist-site .evidence-lead a,.brutalist-site .service-scope a,.brutalist-site .library-other a,.brutalist-site .material-outline a{display:inline-flex;align-items:center;min-block-size:44px}
.brutalist-site .evidence-lead{padding:clamp(15px,3vw,30px);background:var(--brutal-white);color:var(--brutal-black);border:1px solid currentColor}
.brutalist-site .evidence-lead ul{list-style:none;padding:0;margin:.7rem 0 0}
.brutalist-site .evidence-lead li{border-top:1px solid currentColor}
.brutalist-site .qirsh-entry{display:flex;flex-wrap:wrap;gap:.4rem 1.7rem}
.brutalist-site .sign-zoom{position:absolute;inset-inline-start:10px;inset-block-end:10px;padding:.4rem .8rem;background:var(--brutal-black);color:var(--brutal-white)}
.brutalist-site .profile-detail{margin-block:1rem;border-block-start:1px solid currentColor}
.brutalist-site .profile-detail>summary,.brutalist-site .library-other>summary{font-size:1.22rem;font-weight:700;padding:.9rem .4rem;cursor:pointer}
.brutalist-site .service-scope{padding:1rem 0 1.3rem;border-block-end:1px solid currentColor}
.brutalist-site .service-scope h2{font-size:1.4rem;margin:0}
.brutalist-site .service-scope dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;margin:.65rem 0}
.brutalist-site .service-scope dt,.brutalist-site .material-outline h4{font-weight:700}
.brutalist-site .service-scope dd{margin:.15rem 0;line-height:1.5}
.brutalist-site .library-pager{display:flex;align-items:center;gap:.6rem 1rem;flex-wrap:wrap;padding:1rem 0;border-block:1px solid currentColor}
.brutalist-site .library-pager a,.brutalist-site .library-pager span{display:inline-flex;align-items:center;min-block-size:44px}
.brutalist-site .library-other{padding-block:.5rem}
.brutalist-site .library-other a,.brutalist-site .material-outline a{margin-inline-end:1.3rem}
.brutalist-site .material-outline{padding:1rem;margin-block:1rem;border:1px solid currentColor}
.brutalist-site .material-outline p{max-inline-size:65ch}
.brutalist-site .experience-availability,.brutalist-site .experience-qualification{max-inline-size:55ch;line-height:1.55}
.brutalist-site .case-opening.text-only{row-gap:.65rem}
.brutalist-site .spec-section{padding:0;margin-block:.45rem;border-block-end:1px solid currentColor}
.brutalist-site .spec-section>summary{padding:.75rem 0;font-size:1.05rem;font-weight:700;cursor:pointer}
.brutalist-site .spec-section>div{padding-inline:.35rem;scroll-margin-block-start:7rem}
.chart-announcement{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.account-bars a[aria-current] i{outline:2px solid currentColor;outline-offset:-2px}
@media(prefers-reduced-motion:no-preference){.account-bars a i{transition:height .23s ease-out}.restaurant-shares span{transition:flex-grow .23s ease-out}}