/* The original site's live typography, recreated from the Photoshop reference. */
[data-section="home"] .intro{top:12px;left:2.5vw;color:#333;font-family:Inter,Arial,sans-serif;font-size:24px;font-weight:300;line-height:.95;letter-spacing:0;text-shadow:none}
[data-section="home"] .intro span{display:block}
[data-section="home"] .intro strong{display:block;color:#333;font-size:17px;line-height:1.2;font-weight:700;margin-top:5px}
[data-section="home"] .panel{min-width:0;flex:1 1 0;transition:flex .65s cubic-bezier(.2,.7,.2,1)}
[data-section="home"] .panel::before{pointer-events:none;background:linear-gradient(180deg,transparent 40%,rgba(8,17,14,.15) 65%,rgba(8,17,14,.8))}
[data-section="home"] .panel-media{position:absolute;inset:0;overflow:hidden;pointer-events:none}
[data-section="home"] .panel-media img,[data-section="home"] .panel-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9);transform:none}
/* A lower horizontal focal point shifts the building to the right within its crop. */
[data-section="home"] [data-discipline="architecture"] .panel-media>*{object-position:25% center}
[data-section="home"] .panel-video{opacity:0;transition:opacity .45s ease .15s}
[data-section="home"] .panel.is-playing .panel-video{opacity:1}
[data-section="home"] .panel.is-active .panel-media>*{filter:saturate(1)}
[data-section="home"] .panel.is-active{flex:1.25 1 0}
[data-section="home"] .splash.has-active .panel:not(.is-active){flex:1 1 0}
[data-section="home"] .panel:focus-visible{outline:2px solid white;outline-offset:-8px}
[data-section="home"] .panel-content{display:block;left:2.5vw;right:2.5vw;bottom:40px;z-index:2;font-family:Inter,Arial,sans-serif}
[data-section="home"] .panel h1,[data-section="home"] .panel h2{position:relative;z-index:1;font-family:inherit;font-size:clamp(18px,1.95vw,36px);font-weight:400;line-height:1.05;letter-spacing:-.8px;white-space:nowrap;margin:0 0 -.16em}
/* Descenders sit in front of the rule at the same overlapping baseline. */
[data-section="home"] .panel-bottom{position:relative;z-index:0;border-top:2px solid;min-height:33px;height:auto;padding-top:6px;align-items:flex-start;font-size:10px;line-height:1.35;letter-spacing:1.65px}
[data-section="home"] [data-discipline="architecture"] .panel-bottom{border-color:#60c872}
[data-section="home"] [data-discipline="interiors"] .panel-bottom{border-color:#c971a9}
[data-section="home"] [data-discipline="construction"] .panel-bottom{border-color:#ff8040}
[data-section="home"] .panel-bottom .arrow{flex:none;margin-left:10px;font-size:20px;line-height:1;transform:none}
[data-section="home"] .panel:hover .arrow{transform:translate(3px,-3px)}
@media(hover:hover) and (pointer:fine){[data-section="home"] .splash:not(.has-active) .panel:hover{flex:1.15 1 0}}
/* Match each social group's width to the photo tile above it, including expansion. */
@media(min-width:761px){
  [data-section="home"] .shell{--arch-social-flex:1;--id-social-flex:1;--cm-social-flex:1}
  [data-section="home"] footer.site-footer{padding-left:0;padding-right:0}
  [data-section="home"] .site-footer .footer-social{width:100%;flex-wrap:nowrap;gap:0}
  [data-section="home"] .site-footer .social-brand-group{min-width:0;flex:1 1 0;border-right:1px solid transparent;transition:flex .65s cubic-bezier(.2,.7,.2,1)}
  [data-section="home"] .site-footer .social-brand-group:last-child{border-right:0}
  [data-section="home"] .social-brand-group[data-social-brand="architecture"]{flex:var(--arch-social-flex) 1 0}
  [data-section="home"] .social-brand-group[data-social-brand="interiors"]{flex:var(--id-social-flex) 1 0}
  [data-section="home"] .social-brand-group[data-social-brand="construction"]{flex:var(--cm-social-flex) 1 0}
  [data-section="home"] .shell:has(.panel[data-discipline="architecture"].is-active){--arch-social-flex:1.25}
  [data-section="home"] .shell:has(.panel[data-discipline="interiors"].is-active){--id-social-flex:1.25}
  [data-section="home"] .shell:has(.panel[data-discipline="construction"].is-active){--cm-social-flex:1.25}
}
@media(min-width:761px) and (hover:hover) and (pointer:fine){
  [data-section="home"] .shell:has(.splash:not(.has-active) .panel[data-discipline="architecture"]:hover){--arch-social-flex:1.15}
  [data-section="home"] .shell:has(.splash:not(.has-active) .panel[data-discipline="interiors"]:hover){--id-social-flex:1.15}
  [data-section="home"] .shell:has(.splash:not(.has-active) .panel[data-discipline="construction"]:hover){--cm-social-flex:1.15}
}
@media(max-width:1100px) and (min-width:761px){[data-section="home"] .intro{font-size:22px}[data-section="home"] .intro strong{font-size:15px}[data-section="home"] .panel-content{left:2vw;right:2vw}[data-section="home"] .panel-bottom{font-size:8px;letter-spacing:1px}[data-section="home"] .panel h1,[data-section="home"] .panel h2{font-size:clamp(15px,1.9vw,22px)}}
@media(max-width:760px){
  [data-section="home"] .intro{display:none}
  [data-section="home"] .panel{min-height:150px}
  [data-section="home"] .panel::before{background:linear-gradient(180deg,transparent 10%,#08110e88 70%,#08110ec9)}
  [data-section="home"] .panel-content{left:24px;right:24px;bottom:16px}
  [data-section="home"] .panel h1,[data-section="home"] .panel h2{font-size:clamp(17px,5.3vw,24px);margin-bottom:-.16em}
  [data-section="home"] .panel-bottom{min-height:22px;font-size:8px;letter-spacing:1px;padding-top:5px}
  [data-section="home"] .panel-bottom .arrow{font-size:17px}
  [data-section="home"] .panel-media>*{object-position:center 46%}
  [data-section="home"] [data-discipline="architecture"] .panel-media>*{object-position:25% 49%}
}
@media(prefers-reduced-motion:reduce){
  [data-section="home"] .panel,[data-section="home"] .panel *,[data-section="home"] .social-brand-group{transition:none!important;animation:none!important}
  [data-section="home"] .panel-video{display:none}
}