/* About page: original Squarespace content hierarchy, Loopi visual language. */
body:has(.editorial-hero) .editorial-hero {
  min-height:0; padding:70px 5% 65px; background:#fff;
}
body:has(.editorial-hero) .editorial-hero::after{content:none}
body:has(.editorial-hero) .editorial-hero h1{
  font:900 clamp(42px,6vw,80px)/.98 Arial,sans-serif;
  letter-spacing:-.075em; margin:0 0 30px;
}
body:has(.editorial-hero) .editorial-hero>p{
  font:400 clamp(16px,1.55vw,21px)/1.48 Arial,sans-serif;
  max-width:920px; letter-spacing:-.02em; margin:0 0 16px;
}
body:has(.editorial-hero) .editorial-hero>p:first-of-type{
  font-weight:700;font-size:clamp(19px,2.1vw,29px);
}
body:has(.editorial-hero) .editorial-section {
  display:block; padding:55px 5% 65px; gap:0;
  border-top:1px solid #bababa; background:#f0f0ee; color:#151515;
}
body:has(.editorial-hero) .editorial-section.tint{background:#fff}
body:has(.editorial-hero) .editorial-section .editorial-side {
  position:static; display:block; margin:0 0 28px;
}
body:has(.editorial-hero) .editorial-section .editorial-side .kicker{display:none}
body:has(.editorial-hero) .editorial-section .editorial-side h2{
  font:900 clamp(33px,4.6vw,58px)/1 Arial,sans-serif;
  letter-spacing:-.065em; text-transform:none; margin:0;
}
body:has(.editorial-hero) .editorial-section .editorial-content{
  max-width:1100px; font:16px/1.6 Arial,sans-serif;
}
body:has(.editorial-hero) .editorial-section .editorial-content>img{
  display:block; width:100%; max-width:920px; height:clamp(260px,37vw,520px);
  object-fit:cover; aspect-ratio:auto; margin:0 0 28px;
}
body:has(.editorial-hero) .editorial-content .highlight{
  font:700 clamp(19px,2.2vw,30px)/1.28 Arial,sans-serif;
  letter-spacing:-.035em; margin:0 0 16px;
}
body:has(.editorial-hero) .editorial-content li{margin:6px 0}
body:has(.editorial-hero) .editorial-content p{margin:0 0 13px}
body:has(.editorial-hero) .editorial-content .team{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px;
}
body:has(.editorial-hero) .team>div{padding:0;border-top:0;transition:none}
body:has(.editorial-hero) .team>div:hover{transform:none}
body:has(.editorial-hero) .team-photo{
  display:block; aspect-ratio:4/5; width:100%; object-fit:cover; filter:none;
}
body:has(.editorial-hero) .team h3{
  font:900 clamp(19px,2vw,27px)/1.2 Arial,sans-serif;
  letter-spacing:-.035em;margin:13px 0 5px;
}
body:has(.editorial-hero) .editorial-link{margin:10px 0 0}
body:has(.editorial-hero) .working-gallery{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;max-width:920px;margin:30px 0 0;
}
body:has(.editorial-hero) .working-gallery img{
  display:block;width:100%;height:340px;object-fit:cover;
}
@media(max-width:700px){
 body:has(.editorial-hero) .editorial-hero{padding:50px 5%}
 body:has(.editorial-hero) .editorial-section{padding:43px 5% 52px}
 body:has(.editorial-hero) .editorial-content .team{gap:11px}
 body:has(.editorial-hero) .team h3{font-size:17px}
 body:has(.editorial-hero) .team p{font-size:12px}
 body:has(.editorial-hero) .working-gallery img{height:245px}
}
@media(max-width:480px){
 body:has(.editorial-hero) .editorial-content .team{grid-template-columns:1fr;gap:27px}
 body:has(.editorial-hero) .team-photo{max-height:370px}
 body:has(.editorial-hero) .working-gallery img{height:180px}
}

/* Restore original image-and-copy pairing, not stacked full-width images. */
body:has(.editorial-hero) .editorial-section:nth-of-type(-n+4) .editorial-content{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
 gap:clamp(24px,4vw,70px);align-items:center;max-width:none;width:100%;
}
body:has(.editorial-hero) .editorial-content .about-image{margin:0;min-width:0}
body:has(.editorial-hero) .editorial-content .about-image img{
 width:100%;height:auto;aspect-ratio:1.32;object-fit:cover;display:block;
}
body:has(.editorial-hero) .editorial-content .about-copy{
 max-width:590px;align-self:center;font:16px/1.65 Arial,sans-serif;
}
body:has(.editorial-hero) .editorial-content .about-copy p{margin:0 0 16px}
body:has(.editorial-hero) .editorial-content .about-copy .highlight{margin:0 0 21px}
body:has(.editorial-hero) .editorial-content .about-copy ul{margin:0 0 16px;padding-left:20px}
body:has(.editorial-hero) .editorial-content .about-copy li{margin:6px 0}
body:has(.editorial-hero) .editorial-section:nth-of-type(5) .editorial-content{
 display:block;max-width:none;
}
@media(max-width:700px){
 body:has(.editorial-hero) .editorial-section:nth-of-type(-n+4) .editorial-content{
  grid-template-columns:1fr;gap:24px;
 }
 body:has(.editorial-hero) .editorial-content .about-image img{aspect-ratio:1.4}
}

/* Standalone invitation panel between What We Care About and Our Team. */
body:has(.editorial-hero) .about-invitation{
 background:#d8e7eb;
 color:#151515;
 padding:clamp(52px,7vw,95px) 5%;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:32px;
 border-top:1px solid #a9c0c8;
}
body:has(.editorial-hero) .about-invitation h2{
 font:900 clamp(33px,5.5vw,78px)/.98 Arial,sans-serif;
 letter-spacing:-.075em;
 margin:0;
 max-width:890px;
}
body:has(.editorial-hero) .about-invitation a{
 font:900 16px/1.2 Arial,sans-serif;
 white-space:nowrap;
}
@media(max-width:700px){
 body:has(.editorial-hero) .about-invitation{
  display:flex;flex-direction:column;align-items:flex-start;gap:26px;
  padding:52px 5%;
 }
}

/* Working at Loopi / copy alongside the original two-image composition. */
body:has(.editorial-hero) .working-layout{
 display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.15fr);
 gap:clamp(25px,5vw,85px);align-items:center;width:100%;
}
body:has(.editorial-hero) .working-layout .working-copy{
 max-width:540px;min-width:0;
}
body:has(.editorial-hero) .working-layout .working-copy p{
 font:400 clamp(16px,1.35vw,19px)/1.55 Arial,sans-serif;
 margin:0 0 17px;
}
body:has(.editorial-hero) .working-layout .working-gallery{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:11px;max-width:none;margin:0;min-width:0;
}
body:has(.editorial-hero) .working-layout .working-gallery img{
 width:100%;height:clamp(270px,29vw,410px);object-fit:cover;display:block;
}
body:has(.editorial-hero) .working-layout .working-learn-more{
 margin-top:14px;padding:10px 12px!important;border-bottom:1px solid currentColor;
 font:900 15px/1.2 Arial,sans-serif;letter-spacing:0;
}
@media(max-width:700px){
 body:has(.editorial-hero) .working-layout{grid-template-columns:1fr;gap:25px}
 body:has(.editorial-hero) .working-layout .working-gallery img{height:clamp(180px,43vw,290px)}
}

/* Final About parity with the other page title treatments. */
body:has(.editorial-hero) .editorial-hero {
  min-height:0;
  padding:58px 5% 61px;
}
body:has(.editorial-hero) .editorial-hero .kicker{
  display:block;font:900 11px Arial,sans-serif;letter-spacing:.12em;color:#666;
}
body:has(.editorial-hero) .editorial-hero h1 {
  font:900 clamp(49px,7vw,104px)/.91 Arial,sans-serif;
  letter-spacing:-.085em;
  margin:18px 0 0;
}
/* Switch only the desktop reading direction of How We Work. */
@media(min-width:701px) {
  body:has(.editorial-hero) .about-how .editorial-content .about-copy{
    grid-column:1;grid-row:1;
  }
  body:has(.editorial-hero) .about-how .editorial-content .about-image{
    grid-column:2;grid-row:1;
  }
}
/* Allow all three original portraits to occupy the full content width. */
body:has(.editorial-hero) .about-team .editorial-content{
  display:block!important;
  width:100%!important;
  max-width:none!important;
}
body:has(.editorial-hero) .about-team .team{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  gap:clamp(13px,2vw,30px);
}
body:has(.editorial-hero) .about-team .team>div{min-width:0;}
body:has(.editorial-hero) .about-team .team-photo{
  width:100%;aspect-ratio:4/5;object-fit:cover;
}
@media(max-width:480px) {
 body:has(.editorial-hero) .about-team .team{grid-template-columns:1fr;}
}