/* Predictable touch feedback and keyboard focus without rectangular highlight boxes. */
html{-webkit-tap-highlight-color:transparent}
.skip{opacity:0;pointer-events:none}.skip:focus{opacity:1;pointer-events:auto}
:is(a,button,summary,img,svg,[role='button'],[tabindex]):focus{outline:none!important}
:is(a,button,summary,[role='button']):focus-visible{outline:none!important;color:var(--site-link)!important}
a:focus-visible,summary:focus-visible{text-decoration:underline!important;text-underline-offset:4px;text-decoration-thickness:1px}
a:focus-visible img{opacity:.82}
:is(input,textarea,select):focus-visible{outline:none!important;box-shadow:none!important;border-bottom-color:var(--site-link);border-bottom-width:2px}
.display-options>:focus-visible{outline:none!important}
.display-options a:focus-visible,.display-options button:focus-visible{color:var(--site-link)!important}
/* A slightly larger glyph; the anchor position remains unchanged. */
.theme-toggle.display-control-toggle{padding:5px}
.theme-toggle.display-control-toggle .display-state-icon{width:22px;height:22px}
/* Equal column widths, natural photo heights, and labels contained within the photo. */
.category-collection .category-results.is-compact-grid .compact-project-card img{width:100%;height:auto;aspect-ratio:auto;object-fit:initial;object-position:initial}
.compact-project-card{align-self:start;overflow:hidden}
.compact-project-caption{justify-content:flex-start;align-items:center;padding:clamp(6px,1vw,12px);text-align:center;max-height:100%;overflow:hidden;box-sizing:border-box}
.category-collection .category-results .compact-project-caption h2{display:block;max-width:100%;width:100%;margin:0;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.3}
.compact-project-caption h2.is-caption-clamped{display:-webkit-box!important;-webkit-box-orient:vertical;overflow:hidden}
/* Both discipline actions use exactly the same type, underline and right alignment. */
.discipline-enquiry{display:flex;justify-content:flex-end;margin:var(--category-space) 0 0;font:var(--office-heading-weight) var(--office-type-size)/1.4 var(--office-heading-family);letter-spacing:0}
.discipline-enquiry a{display:inline-flex;align-items:baseline;gap:.5em;max-width:100%;color:var(--site-ink);font:inherit;text-decoration:none}
.discipline-enquiry a>span:first-child{min-width:0;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.discipline-enquiry .site-arrow{flex:none}
/* One dated story, then the same three social icons used in the homepage menu. */
.project-latest-news{font:400 14px/1.5 Inter,Arial,sans-serif;letter-spacing:0;text-align:center!important;overflow-wrap:anywhere}
.project-latest-news h2{font:700 .9rem/1.4 Inter,Arial,sans-serif;letter-spacing:0;margin:0 0 12px}
.project-latest-news .project-news-date{font:400 12px/1.5 Inter,Arial,sans-serif;margin:0 0 8px;color:inherit;opacity:.75}
.project-latest-news .project-news-title{display:block;font:700 clamp(15px,1.2vw,18px)/1.4 Inter,Arial,sans-serif;letter-spacing:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.project-news-title:hover{text-decoration:underline;text-underline-offset:3px}
.project-latest-news .project-news-excerpt{font:400 14px/1.5 Inter,Arial,sans-serif;letter-spacing:0;margin:12px 0 0;max-width:100%;overflow-wrap:anywhere}
.project-ending-socials{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:24px}
.project-ending-socials a{display:grid;place-items:center;width:22px;height:22px}
.project-ending-socials svg{display:block;width:20px;height:20px;fill:currentColor;stroke:none}
.mobile-project-brand{display:none}
.project-ending :is(a,button):focus-visible{color:inherit!important}
@media(min-width:621px){
 .category-results .project-list .index-name-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);column-gap:32px;align-items:start;margin-bottom:24px;min-width:0}
 .category-results .project-list .index-name-row>.index-project-name{grid-column:1;min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal}
 .category-results .project-list .index-project-details{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;margin:0;min-width:0}
 .category-results .project-list .index-project-details>div{min-width:0;max-width:100%}
}
@media(max-width:620px){
 .mobile-map-tools{row-gap:8px!important}
 .mobile-map-tools .theme-toggle.display-control-toggle{width:32px;height:32px;padding:5px;margin-left:-8px}
 .compact-project-caption{padding:6px}
 .revised-project .project-ending{--ending-unit:calc(100vw - 40px);padding:64px 20px 80px}
 .revised-project .project-ending .project-closing{display:flex;flex-direction:column;align-items:stretch;gap:48px;width:100%;padding:0;margin:0}
 .revised-project .project-ending .project-closing-boxes{display:flex;flex-direction:column;gap:48px;width:100%}
 .revised-project .project-ending .project-closing .omi-return-circle{align-self:center;width:min(70vw,280px);max-width:100%}
 .revised-project .project-ending .project-closing .omi-return-circle span{font-size:clamp(72px,25vw,108px)}
 .revised-project .project-ending .project-closing .related-project{display:block;width:100%;max-width:100%;align-self:stretch}
 .revised-project .project-ending .project-closing .related-image{display:block;width:100%;height:auto;aspect-ratio:auto;overflow:visible}
 .revised-project .project-ending .project-closing .related-image img{position:static;display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:initial;margin:0}
 .revised-project .project-ending .project-closing .related-title{position:static;display:block;transform:none;writing-mode:horizontal-tb;width:100%;max-width:100%;height:auto;max-height:none;margin:12px 0 0;padding:0;text-align:left;white-space:normal;overflow-wrap:anywhere;font:700 .9rem/1.4 Inter,Arial,sans-serif}
 .revised-project .project-ending .project-closing .project-latest-news{position:static;left:auto;top:auto;transform:none;width:100%;max-width:none;margin:16px 0 0;padding:0}
 .project-latest-news .project-news-title{font-size:16px}
 .revised-project .project-ending>.ripple-mark text{display:none}
 .revised-project .project-ending>.ripple-mark{pointer-events:none}
 .revised-project .project-ending>.ripple-mark polyline{vector-effect:non-scaling-stroke;stroke-width:.65px}
 .revised-project .project-ending .mobile-project-brand{display:flex;justify-content:center;width:100%;margin:0;padding:0}
 .mobile-project-brand .collective-mark{position:relative;inset:auto;width:180px;height:180px;max-width:100%;aspect-ratio:1;margin:0;padding:0;background:transparent;color:#fff}
 .mobile-project-brand .collective-mark svg{display:block;width:100%;height:100%;overflow:visible}
 .mobile-project-brand .collective-mark text{font-size:8px;fill:currentColor}
}