/* Refinements for the chosen H5/S3/P1/A1/C3 combination. Earlier studies retain
   their exact presentation; the shared shell and selected page layouts do the work. */
.selected-site .selected-evidence{justify-content:space-between;padding:28px;overflow:hidden}
.selected-site .selected-evidence figcaption{margin-bottom:24px;align-items:flex-start;gap:12px}
.selected-site .selected-evidence figcaption>span:first-child{font-size:1.1rem;line-height:1.3;font-weight:600;letter-spacing:-.025em;text-transform:none;color:#fff}
.selected-site .selected-record-kicker{display:flex;justify-content:space-between;gap:16px;margin-bottom:17px;font-size:.68rem;line-height:1.5;color:#b5b5b5}
.selected-site .selected-record-kicker>span:first-child{font-weight:650;letter-spacing:.04em;color:#eee}
.selected-site .selected-record-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:23px}
.selected-site .selected-record-columns>div{min-width:0}
.selected-site .selected-record-number{display:block;font-size:.67rem;line-height:1.5;color:#b5b5b5;margin-bottom:20px;font-variant-numeric:tabular-nums}
.selected-site .selected-record-columns .selected-record-label{display:block;font-size:clamp(1.2rem,1.75vw,1.55rem);font-weight:650;line-height:1.2;letter-spacing:-.04em;text-wrap:initial}
.selected-site .selected-record-columns p{font-size:.83rem;line-height:1.65;margin-top:13px;color:#c7c7c7}
.selected-site .selected-record-handover{border-top:1px solid #3a3a3a;padding-top:15px;margin-top:24px;font-size:.76rem;color:#b5b5b5}
.selected-site .ar2-section-divider{margin-top:28px}
.selected-site .ar2-mirror{margin-top:28px}
.selected-site .ar2-london .selected-skyline{width:87%;max-height:205px;margin-top:-24px;color:#e0e0e0;overflow:visible}
.selected-site .selected-skyline__detail{opacity:.34}
@media(prefers-reduced-motion:no-preference){
  .selected-site .selected-enter.is-in-view{animation:selected-settle .55s cubic-bezier(.22,1,.36,1) backwards;animation-delay:var(--reveal-delay,0ms)}
  .selected-site .triplet-rule.is-in-view{animation:selected-rule .75s cubic-bezier(.22,1,.36,1) both;transform-origin:left}
  .selected-site .selected-skyline.is-in-view{animation:selected-skyline-rise .9s cubic-bezier(.22,1,.36,1) both}
  .selected-site .sr2-service[open] .sr2-service-body{animation:selected-detail .24s ease both}
}
@keyframes selected-settle{from{transform:translateY(12px);opacity:.68}to{transform:translateY(0);opacity:1}}
@keyframes selected-rule{from{transform:scaleX(.82);opacity:.8}to{transform:scaleX(1);opacity:1}}
@keyframes selected-skyline-rise{from{transform:translateY(7px);opacity:.72}to{transform:translateY(0);opacity:1}}
@keyframes selected-detail{from{transform:translateY(3px);opacity:.9}to{transform:translateY(0);opacity:1}}
@media(max-width:1000px){.selected-site .ar2-london .selected-skyline{width:100%;margin-top:0}}
@media(max-width:640px){
  .selected-site .selected-evidence{padding:24px}
  .selected-site .selected-evidence figcaption{margin-bottom:22px}
  .selected-site .selected-evidence figcaption>span:first-child{font-size:1rem}
  .selected-site .selected-record-kicker{font-size:.61rem;gap:12px}
  .selected-site .selected-record-columns{gap:12px;padding-top:20px}
  .selected-site .selected-record-columns .selected-record-label{font-size:1.06rem}
  .selected-site .selected-record-columns p{font-size:.75rem;line-height:1.65}
  .selected-site .selected-record-number{margin-bottom:15px}
  .selected-site .selected-record-handover{font-size:.72rem}
  .selected-site .ar2-section-divider,.selected-site .ar2-mirror{margin-top:24px}
}
@media(prefers-reduced-motion:reduce){.selected-site .selected-enter,.selected-site .selected-skyline,.selected-site .triplet-rule,.selected-site .sr2-service-body{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}

/* Use at least two lines; the reel reserves enough room for the longest phrase. */
.selected-site .footer-personality{position:relative;display:flex;align-items:center;margin-top:28px;min-height:var(--footer-row-height,3em);max-width:40ch;overflow:visible;font-size:.9rem;line-height:1.5;font-weight:450;color:var(--muted)}
.selected-site .footer-personality.is-spinning{display:block;height:var(--footer-row-height,3em);overflow:hidden}
.footer-message-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.footer-reel{display:block;will-change:transform}
.footer-reel-item{display:flex;align-items:center;height:var(--footer-row-height,3em)}
@media(prefers-reduced-motion:no-preference){
  .footer-personality.is-spinning .footer-reel{animation:footer-reel-spin 1.3s cubic-bezier(.12,.75,.15,1) forwards}
}
@keyframes footer-reel-spin{from{transform:translateY(0)}to{transform:translateY(var(--footer-travel))}}
@media(prefers-reduced-motion:no-preference) and (hover:hover){
  .selected-site .link-arrow{transition:transform .18s ease}
  .selected-site a:hover .link-arrow-right{transform:translateX(3px)}
  .selected-site a:hover .link-arrow-diagonal{transform:translate(2px,-2px)}
  .selected-site a:hover .link-arrow-down{transform:translateY(3px)}
}
@media(prefers-reduced-motion:reduce){.footer-reel{animation:none!important;transform:translateY(var(--footer-travel))}}

/* Measure wrapped phrases without displaying them or duplicating accessible text. */
.footer-message-measure{position:absolute;left:0;top:0;width:100%;height:auto;display:block;visibility:hidden;white-space:normal}
/* Long words and email addresses must remain readable with enlarged text. */
.selected-site main h1,.selected-site main h2,.selected-site main h3,.selected-site main h4,.selected-site .footer-contact .text-link,.selected-site .footer-personality{overflow-wrap:anywhere}
.selected-site .hr2-teaser>div,.selected-site .footer-top>div,.selected-site .cr2-rough-form-row>*{min-width:0}
.selected-site .footer-contact .link-arrow{flex:none}

/* Enlarged text can outgrow the centred desktop header before the mobile
 * breakpoint. Wrap complete links instead of pushing Contact off the page. */
@media(min-width:641px){.selected-site .site-nav{flex-wrap:wrap;row-gap:4px}}

.selected-site .about-direct-actions{min-width:0;max-width:100%}
.selected-site .about-direct-actions>.text-link{overflow-wrap:anywhere}
.selected-site .about-direct-actions>.button{max-width:100%;text-align:left}