/* One desktop grid: three columns for the brand, six for navigation.
   All table and detail offsets derive from the same nine-column width. */
:root {
  --layout-gap:1rem;
  --layout-half-gap:calc(var(--layout-gap) / 2);
  --page-edge:.7rem;
  --project-title-offset:8.2rem;
  --content-clearance:2rem;
}
#journal .newstitle,.portrait-card-heading { min-height:0; margin:8px 0 0; padding:0 0 5px; }
body > main:not(#portrait) { padding-top:var(--content-clearance) !important; }
html body #journal .journal-entry .newstitle,html body #portraits .portrait-card .portrait-card-heading h2 { line-height:calc(2 * var(--type-body-leading)) !important; }
.journal-entry { padding-left:var(--layout-half-gap); padding-right:var(--layout-half-gap); }
.home-grid { grid-template-columns:repeat(9,minmax(0,1fr)); column-gap:var(--layout-gap); }
.portrait-card { padding-left:var(--layout-half-gap); padding-right:var(--layout-half-gap); }
.worklist-meta-row :is(em,i) { font-style:normal; }
html body .worklist-press-links :is(a,a > span,p) { font-family:"Courier New",Courier,monospace !important; font-size:var(--type-small-size); line-height:var(--type-small-leading); }
html body #presse .item-preview :is(p,a,a > span) { font-family:"Courier New",Courier,monospace !important; font-size:var(--type-body-size); line-height:var(--type-body-leading); }
#presse .presse-projects .utility-arrow-link { align-items:flex-start; }
#presse .presse-projects .ui-arrow { flex-shrink:0; margin-top:.15em; }
#werkliste .worklist-detail-gallery { gap:var(--layout-half-gap); }
#werkliste .worklist-detail-content,.shared-project-detail .worklist-detail-content { margin:0; }
#werkliste .worklist-detail-meta,.shared-project-detail .worklist-detail-meta { padding-right:var(--layout-gap); }
.engagement-detail-image { max-width:100%; margin:0; }
.engagement-detail-image img { position:static; width:auto; height:auto; max-width:100%; max-height:min(55dvh,440px); object-fit:contain; }
.engagement-detail-image a { display:block; width:fit-content; max-width:100%; }
.former-team > .flexbox { display:block; }
.former-team > .flexbox > * { width:100%; }
.former-team-title { margin-bottom:var(--type-body-leading); }
#team .former-team { margin-left:.2rem; margin-right:.2rem; }
#team .former-team > .flexbox > div { padding-left:var(--layout-half-gap); padding-right:var(--layout-half-gap); }

/* Full-screen project views use the same origin and title column as list rows. */
.image-lightbox-bar { top:5px; left:var(--page-edge); right:var(--page-edge); min-height:26px; }
.image-lightbox-bar .image-lightbox-close { left:0; right:auto; top:0; }
.image-lightbox-title { padding-left:var(--project-title-offset); padding-right:5rem; font:var(--type-small-size)/var(--type-small-leading) "Courier New",Courier,monospace; }
.image-lightbox-status { top:5px; right:var(--page-edge); left:auto; bottom:auto; font:var(--type-small-size)/var(--type-small-leading) "Courier New",Courier,monospace; }
.focus-overlay-bar { position:sticky; top:0; height:7.25rem; box-sizing:border-box; padding:5px var(--page-edge); transition:transform .4s ease; }
.focus-overlay-bar p { padding-left:var(--project-title-offset); padding-right:2rem; font:var(--type-small-size)/var(--type-small-leading) "Courier New",Courier,monospace; }
.focus-overlay-bar .image-lightbox-close { top:5px; right:var(--page-edge); }
.focus-overlay-bar.is-away { transform:translateY(-100%); }
.focus-overlay #portrait { padding:var(--content-clearance) .2rem 4rem; }
body:has(> #portrait) > #header,body:has(> #portrait) > .small-only { display:none; }
.focus-direct-bar { position:fixed; left:0; right:0; z-index:10; }
body > #portrait { padding-top:calc(7.25rem + var(--content-clearance)) !important; margin-top:0; }
#portrait .focus-narrative-opening { margin:0 0 4rem; }
#portrait .focus-narrative-headline { width:auto; margin:0 .5rem 4rem; }
#portrait .focus-narrative-headline h1 { font:20px/1.1 "GT Walsheim Regular",Arial,sans-serif; letter-spacing:0; text-transform:none; margin:0; }
#portrait .focus-entry-dossier { margin:5rem 0 0; padding-bottom:4rem; }
#portrait .focus-entry-dossier > .focus-project-row { border:0; margin-bottom:2rem; }
@media(min-width:45rem) {
 #portrait .focus-story-images { grid-template-columns:repeat(9,minmax(0,1fr)); column-gap:var(--layout-gap); }
 #portrait .focus-story-images > figure:nth-child(odd) { grid-column:1 / span 4; }
 #portrait .focus-story-images > figure:nth-child(even) { grid-column:6 / span 4; }
 #portrait .focus-story-rhythm-0 .focus-story-images > figure:first-child { grid-column:1 / span 5; }
 #portrait .focus-story-rhythm-0 .focus-story-images > figure:nth-child(2) { grid-column:2 / span 3; }
 #portrait .focus-story-rhythm-0 .focus-story-images > figure:nth-child(3) { grid-column:6 / span 3; }
 #portrait .focus-story-rhythm-1 .focus-story-images > figure:first-child { grid-column:3 / span 5; }
 #portrait .focus-story-rhythm-1 .focus-story-images > figure:nth-child(2) { grid-column:1 / span 3; }
 #portrait .focus-story-rhythm-1 .focus-story-images > figure:nth-child(3) { grid-column:5 / span 5; }
 .office-page .office-layout,#buero .office-layout { grid-template-columns:repeat(9,minmax(0,1fr)); gap:0; }
 .office-page .office-layout > .office-media,#buero .office-layout > .office-media { grid-column:1 / 4; grid-row:1; padding:0 var(--layout-half-gap); }
 .office-page .office-layout > .office-copy,.office-page .office-layout:has(> .office-intro) > .office-copy,#buero .office-layout > .office-copy { grid-column:4 / 8; grid-row:1; padding:0 var(--layout-half-gap); }
 #buero .office-layout > .office-intro { grid-column:4 / 8; grid-row:1; padding:0 var(--layout-half-gap); }
 #buero .office-layout > .office-media,#buero .office-layout > .office-copy { grid-row:2; }
 #werkliste .worklist-detail-content,.shared-project-detail .worklist-detail-content,#engagement .worklist-detail > .flexbox { display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); }
 #werkliste .worklist-detail-meta,.shared-project-detail .worklist-detail-meta,#engagement .worklist-detail > .flexbox > :first-child { grid-column:1 / 4; width:auto; min-width:0; padding-left:var(--layout-half-gap); padding-right:var(--layout-gap); }
 #werkliste .worklist-detail-text,.shared-project-detail .worklist-detail-text,#engagement .worklist-detail > .flexbox > :nth-child(2) { grid-column:4 / 8; width:auto; min-width:0; padding-left:var(--layout-half-gap); padding-right:var(--layout-half-gap); }
 #portrait .focus-narrative-headline,#portrait .focus-story-copy { box-sizing:border-box; width:44.444444%; margin-left:33.333333%; padding-left:var(--layout-half-gap); padding-right:var(--layout-half-gap); }
 #team .former-team > .flexbox { margin-left:33.333333%; width:44.444444%; }
 #presse .presse-row { grid-template-columns:33.333333% 33.333333% 11.111111% 22.222222%; }
 #engagement .engagement-row { grid-template-columns:55.555556% 33.333333% 11.111111%; }
 #engagement .engagement-row > :nth-child(3) { padding-right:2rem; }
 #jury .jury-row { grid-template-columns:33.333333% 11.111111% 33.333333% 11.111111% 11.111111%; }
}
@media(min-width:65rem) {
 #header > nav { display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); }
 #header .brand-cell { grid-column:span 3; width:auto; min-width:0; padding:0 var(--layout-half-gap); }
 #header .nav-item { width:auto; min-width:0; padding:0 var(--layout-half-gap); }
 #header .site-brand { font-size:clamp(19px,1.8vw,24px); }
 #header .site-brand .brand-line > span:first-child { width:var(--project-title-offset); flex-basis:var(--project-title-offset); }
 #header .site-brand .brand-city { margin-left:var(--project-title-offset); }
 #werkliste .worklist-columns,#werkliste .worklist-entry .worklist-row,.focus-project-row { grid-template-columns:var(--project-title-offset) minmax(0,calc(33.333333% - var(--project-title-offset))) minmax(0,11.111111%) minmax(0,11.111111%) minmax(0,22.222222%) minmax(0,22.222222%); }
 #werkliste .worklist-row > :not(button),.focus-project-row > div { padding-left:var(--layout-half-gap); padding-right:var(--layout-half-gap); }
 #werkliste .worklist-entry.selective .worklist-status { padding-right:2rem; }
 #journal .journal-grid,#portraits .portraits-grid,#team > .flexbox,.team-card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 #portraits .portraits-grid { gap:0; }
 .search-tab-row .search-tab-link { grid-template-columns:33.333333% minmax(0,1fr); }
 .search-tab-row.is-worklist .search-tab-link { grid-template-columns:var(--project-title-offset) minmax(0,calc(33.333333% - var(--project-title-offset))) minmax(0,1fr); }
 .search-tab-row .search-tab-link > .ui-arrow { left:auto; right:var(--layout-half-gap); }
 .search-tab-row:not(.is-worklist) .search-tab-title,.search-tab-row .search-tab-contact { padding-left:var(--layout-half-gap); }
}
@media(max-width:64.99rem) {
 :root { --project-title-offset:4rem; }
 .home-grid { grid-template-columns:repeat(8,minmax(0,1fr)); }
}
@media(max-width:44.99rem) {
 .home-grid { grid-template-columns:repeat(8,minmax(0,1fr)); }
 :root { --project-title-offset:2rem; --content-clearance:1.5rem; }
 #portrait .focus-narrative-headline,#portrait .focus-story-copy { width:auto; margin-left:0; padding:0 var(--layout-half-gap); }
 #team .former-team > .flexbox { width:auto; margin-left:0; }
 .focus-overlay-bar { height:7rem; }
 body > #portrait { padding-top:calc(7rem + var(--content-clearance)) !important; }
 #werkliste .worklist-detail-meta,.shared-project-detail .worklist-detail-meta { padding-right:var(--layout-half-gap); padding-bottom:2rem; }
 .image-lightbox-title { padding-right:4rem; }
}
@media(prefers-reduced-motion:reduce) { .focus-overlay-bar { transition:none; } }