/* ABOUT ONLY — apply the approved Classes first-section rhythm.
   Keep the editorial content, colours, links, FAQ tabs and photographs intact. */
body.compact-rhythm.about-page main.about-reimagined > section {
  box-sizing:border-box;
  min-height:clamp(455px,57svh,560px);
}
body.compact-rhythm.about-page .about-eyebrow {
  margin-bottom:11px;
}
body.compact-rhythm.about-page .about-reimagined .about-display {
  font-size:clamp(56px,6vw,99px)!important;
  line-height:.89!important;
}
body.compact-rhythm.about-page .about-reimagined .about-heading {
  font-size:clamp(48px,4.85vw,76px)!important;
  line-height:.91!important;
}
body.compact-rhythm.about-page .about-reimagined .about-hand {
  font-size:clamp(23px,2.35vw,34px)!important;
  margin:9px 0 0 17%!important;
  padding:0 3px 4px!important;
  line-height:1.12!important;
  transform:rotate(-3deg)!important;
}
body.compact-rhythm.about-page .about-actions{margin-top:17px;}
body.compact-rhythm.about-page .about-reimagined .about-button{min-height:43px;padding:12px 17px;gap:14px;}

/* First: title, Gochi Hand, paragraph and CTAs are a single compact group. */
body.compact-rhythm.about-page .about-hero-inner {
  min-height:clamp(455px,57svh,560px);
  padding:clamp(29px,3.3vw,47px) clamp(22px,3vw,56px);
  align-items:center;
  gap:clamp(22px,3.2vw,55px);
}
body.compact-rhythm.about-page .about-hero-copy,body.compact-rhythm.about-page .about-hero-art{align-self:center;}
body.compact-rhythm.about-page .about-hero-copy > p{font-size:clamp(14px,1.25vw,18px);line-height:1.42;margin-top:17px;}
body.compact-rhythm.about-page .about-hero-art{padding:6px 0 6px;}
body.compact-rhythm.about-page .about-hero-photo{aspect-ratio:1.62;}
body.compact-rhythm.about-page .about-hero-caption{margin-top:9px;}
body.compact-rhythm.about-page .about-hero-seal{width:90px;font-size:19px;}

/* Idea: shorter cards with no giant heading/card gap. */
body.compact-rhythm.about-page .about-belief{
  padding:clamp(29px,3.4vw,48px) var(--pad);
  display:flex;flex-direction:column;justify-content:center;
}
body.compact-rhythm.about-page .about-belief-intro,body.compact-rhythm.about-page .about-belief-cards{width:100%;}
body.compact-rhythm.about-page .about-belief-intro{gap:26px;margin-bottom:21px;align-items:center;}
body.compact-rhythm.about-page .about-belief-intro>p{font-size:clamp(14px,1.23vw,18px);line-height:1.45;margin:0;}
body.compact-rhythm.about-page .about-belief-card{min-height:162px;padding:18px 22px;border-radius:20px;}
body.compact-rhythm.about-page .about-belief-card h3{font-size:clamp(32px,3vw,45px);margin:10px 0 6px;}
body.compact-rhythm.about-page .about-belief-card p{font-size:13px;line-height:1.42;}
body.compact-rhythm.about-page .about-belief-glyph{font-size:45px;top:32px;}

/* Spaces: same short section frame, with the existing three destination cards. */
body.compact-rhythm.about-page .about-spaces{padding:clamp(29px,3.2vw,45px) var(--pad);display:flex;flex-direction:column;justify-content:center;}
body.compact-rhythm.about-page .about-spaces-head,body.compact-rhythm.about-page .about-space-grid{width:100%;}
body.compact-rhythm.about-page .about-spaces-head{margin-bottom:20px;gap:25px;align-items:center;}
body.compact-rhythm.about-page .about-spaces-head>p{font-size:clamp(14px,1.22vw,18px);margin:0;line-height:1.43;}
body.compact-rhythm.about-page .about-space-image{height:clamp(145px,13vw,195px);}
body.compact-rhythm.about-page .about-space-meta{padding:15px 17px 18px;gap:8px;}
body.compact-rhythm.about-page .about-space-meta h3{font-size:clamp(30px,2.7vw,40px);margin:6px 0;}
body.compact-rhythm.about-page .about-space-meta p{font-size:12.5px;line-height:1.4;}
body.compact-rhythm.about-page .about-space-number{height:36px;width:36px;font-size:19px;}
body.compact-rhythm.about-page .about-space-arrow{height:32px;width:32px;}

/* Community and final invitation have the same compact height as Classes. */
body.compact-rhythm.about-page .about-community{min-height:clamp(455px,57svh,560px);}
body.compact-rhythm.about-page .about-community-image{min-height:0;height:auto;}
body.compact-rhythm.about-page .about-community-copy{padding:clamp(32px,3.5vw,52px) clamp(25px,4vw,76px);}
body.compact-rhythm.about-page .about-community-copy p{font-size:clamp(14px,1.14vw,17px);line-height:1.42;margin-top:14px;}
body.compact-rhythm.about-page .about-community-copy p+p{margin-top:9px;}
body.compact-rhythm.about-page .about-button-light{margin-top:17px;}
body.compact-rhythm.about-page .about-photo-tag{font-size:23px;padding:13px 17px;}
body.compact-rhythm.about-page .about-photo-tag span{font-size:20px;}
body.compact-rhythm.about-page .about-faq{padding:clamp(29px,3.2vw,44px) var(--pad);}
body.compact-rhythm.about-page .about-faq-head{align-items:center;gap:26px;margin-bottom:18px;}
body.compact-rhythm.about-page .about-faq-head>p{font-size:clamp(14px,1.2vw,18px);line-height:1.4;margin:0;}
body.compact-rhythm.about-page .about-faq-tabs{padding-bottom:12px;gap:8px;}
body.compact-rhythm.about-page .about-faq-tab{padding:10px 14px;font-size:11px;gap:10px;}
body.compact-rhythm.about-page .about-faq-group-title{padding:12px 0 8px;}
body.compact-rhythm.about-page .about-faq-column summary{padding:11px 35px 11px 0;font-size:clamp(21px,1.95vw,28px);line-height:1.05;}
body.compact-rhythm.about-page .about-faq-column details p{font-size:13px;margin-bottom:13px;}
body.compact-rhythm.about-page .about-close{min-height:clamp(455px,57svh,560px);}
body.compact-rhythm.about-page .about-close-copy{padding:clamp(32px,3.5vw,53px) clamp(25px,4vw,76px);}
body.compact-rhythm.about-page .about-close-copy>p{font-size:clamp(14px,1.2vw,18px);line-height:1.43;margin-top:17px;}
body.compact-rhythm.about-page .about-close-address{margin-top:19px;}
body.compact-rhythm.about-page .about-close-photo{min-height:0;height:auto;}
body.compact-rhythm.about-page .about-close-photo>span{font-size:25px;padding:12px 17px;}

/* Small screens must grow with content; no clipped FAQs or overflow. */
@media(max-width:780px){
  body.compact-rhythm.about-page main.about-reimagined > section{min-height:0;}
  body.compact-rhythm.about-page .about-hero-inner{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:31px 22px 30px;gap:17px;}
  body.compact-rhythm.about-page .about-hero-copy,body.compact-rhythm.about-page .about-hero-art{align-self:stretch;}
  body.compact-rhythm.about-page .about-hero-photo{aspect-ratio:1.75;max-height:305px;}
  body.compact-rhythm.about-page .about-belief{padding:34px 22px 36px;}
  body.compact-rhythm.about-page .about-belief-intro{display:block;margin-bottom:0;}
  body.compact-rhythm.about-page .about-belief-intro>p{margin-top:14px;}
  body.compact-rhythm.about-page .about-belief-cards{margin-top:20px;}
  body.compact-rhythm.about-page .about-spaces{padding:34px 22px 37px;}
  body.compact-rhythm.about-page .about-spaces-head{display:block;margin-bottom:17px;}
  body.compact-rhythm.about-page .about-spaces-head>p{margin-top:14px;}
  body.compact-rhythm.about-page .about-space-image{height:160px;}
  body.compact-rhythm.about-page .about-community{grid-template-columns:1fr;min-height:0;}
  body.compact-rhythm.about-page .about-community-image{min-height:0;height:260px;max-height:none;}
  body.compact-rhythm.about-page .about-community-copy{padding:33px 22px 36px;}
  body.compact-rhythm.about-page .about-faq{padding:34px 22px 38px;}
  body.compact-rhythm.about-page .about-faq-head{display:block;margin-bottom:17px;}
  body.compact-rhythm.about-page .about-faq-head>p{margin-top:14px;}
  body.compact-rhythm.about-page .about-close{grid-template-columns:1fr;min-height:0;}
  body.compact-rhythm.about-page .about-close-copy{padding:34px 22px 37px;}
  body.compact-rhythm.about-page .about-close-photo{min-height:0;height:230px;max-height:none;}
}
@media(max-width:530px){
  body.compact-rhythm.about-page .about-reimagined .about-display{font-size:clamp(53px,13.2vw,69px)!important;}
  body.compact-rhythm.about-page .about-reimagined .about-heading{font-size:clamp(44px,11.5vw,60px)!important;}
  body.compact-rhythm.about-page .about-reimagined .about-hand{font-size:clamp(21px,5.8vw,28px)!important;margin:7px 0 0 14%!important;}
  body.compact-rhythm.about-page .about-eyebrow{margin-bottom:10px;}
  body.compact-rhythm.about-page .about-hero-inner{padding:29px 18px 28px;gap:15px;}
  body.compact-rhythm.about-page .about-hero-copy>p{font-size:14px;line-height:1.42;margin-top:15px;}
  body.compact-rhythm.about-page .about-hero-photo{aspect-ratio:1.75;}
  body.compact-rhythm.about-page .about-hero-seal{width:66px;font-size:14px;}
  body.compact-rhythm.about-page .about-belief{padding:31px 18px 33px;}
  body.compact-rhythm.about-page .about-belief-intro>p{font-size:14px;line-height:1.42;margin-top:13px;}
  body.compact-rhythm.about-page .about-belief-cards{gap:9px;margin-top:16px;}
  body.compact-rhythm.about-page .about-belief-card{padding:16px 19px;min-height:0;}
  body.compact-rhythm.about-page .about-belief-card h3{font-size:34px;margin:8px 0 6px;}
  body.compact-rhythm.about-page .about-belief-card p{font-size:12.5px;}
  body.compact-rhythm.about-page .about-spaces{padding:31px 18px 32px;}
  body.compact-rhythm.about-page .about-spaces-head>p{font-size:14px;line-height:1.42;margin-top:13px;}
  /* Cards remain readable; swipe to see the others rather than a towering stack. */
  body.compact-rhythm.about-page .about-space-grid{display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:18px;margin:0 -18px;padding:0 18px 9px;scrollbar-width:thin;}
  body.compact-rhythm.about-page .about-space-card,body.compact-rhythm.about-page .about-space-card:last-child{display:block;flex:0 0 min(82vw,310px);grid-column:auto;scroll-snap-align:start;}
  body.compact-rhythm.about-page .about-space-card:last-child .about-space-image,body.compact-rhythm.about-page .about-space-image{height:165px;min-height:0;}
  body.compact-rhythm.about-page .about-space-meta{padding:15px 17px 16px;}
  body.compact-rhythm.about-page .about-space-meta h3{font-size:34px;}
  body.compact-rhythm.about-page .about-community-image{height:230px;}
  body.compact-rhythm.about-page .about-community-copy{padding:31px 18px 33px;}
  body.compact-rhythm.about-page .about-community-copy p{font-size:14px;margin-top:13px;}
  body.compact-rhythm.about-page .about-faq{padding:31px 18px 35px;}
  body.compact-rhythm.about-page .about-faq-head>p{font-size:14px;margin-top:13px;}
  body.compact-rhythm.about-page .about-faq-tabs{padding-bottom:11px;}
  body.compact-rhythm.about-page .about-faq-column summary{font-size:22px;padding:12px 33px 12px 0;}
  body.compact-rhythm.about-page .about-close-copy{padding:31px 18px 33px;}
  body.compact-rhythm.about-page .about-close-copy>p{font-size:14px;margin-top:15px;}
  body.compact-rhythm.about-page .about-close-photo{height:205px;}
  body.compact-rhythm.about-page .about-close-address{margin-top:17px;}
}
/* Final size match: the three photo cards should not make this panel taller
   than the approved first-section rhythm. */
@media(min-width:781px){
  body.compact-rhythm.about-page .about-spaces{padding-top:32px;padding-bottom:32px;}
  body.compact-rhythm.about-page .about-spaces-head{margin-bottom:12px;}
  body.compact-rhythm.about-page .about-spaces .about-heading{font-size:clamp(48px,4.5vw,67px)!important;}
  body.compact-rhythm.about-page .about-space-image{height:clamp(135px,10.7vw,159px);}
  body.compact-rhythm.about-page .about-space-meta{padding:12px 16px 14px;}
}
@media(min-width:531px) and (max-width:780px){
  body.compact-rhythm.about-page .about-hero-inner{gap:13px;padding-top:25px;padding-bottom:24px;}
  body.compact-rhythm.about-page .about-hero-photo{aspect-ratio:2.4;max-height:260px;}
  body.compact-rhythm.about-page .about-space-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}
  body.compact-rhythm.about-page .about-space-card:last-child{display:block;grid-column:auto;}
  body.compact-rhythm.about-page .about-space-image,
  body.compact-rhythm.about-page .about-space-card:last-child .about-space-image{height:145px;min-height:0;}
  body.compact-rhythm.about-page .about-space-meta{padding:12px;}
  body.compact-rhythm.about-page .about-space-meta h3{font-size:32px;}
  body.compact-rhythm.about-page .about-spaces{padding-top:28px;padding-bottom:29px;}
}
@media(max-width:530px){
  body.compact-rhythm.about-page .about-hero-inner{padding-top:23px;padding-bottom:23px;gap:11px;}
  body.compact-rhythm.about-page .about-hero-photo{aspect-ratio:auto;height:162px;}
  body.compact-rhythm.about-page .about-hero-copy>p{margin-top:11px;}
  body.compact-rhythm.about-page .about-actions{margin-top:12px;gap:7px;}
  body.compact-rhythm.about-page .about-reimagined .about-button{min-height:39px;padding:11px 11px;font-size:9px;gap:7px;}
  body.compact-rhythm.about-page .about-belief-card{padding:12px 17px;}
  body.compact-rhythm.about-page .about-belief-card h3{font-size:32px;margin:6px 0 5px;}
  body.compact-rhythm.about-page .about-space-image,
  body.compact-rhythm.about-page .about-space-card:last-child .about-space-image{height:143px;}
  body.compact-rhythm.about-page .about-community-image{height:175px;}
  body.compact-rhythm.about-page .about-close-photo{height:160px;}
}
@media(min-width:700px) and (max-width:780px){
  body.compact-rhythm.about-page .about-hero-inner{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    min-height:clamp(455px,57svh,560px);gap:20px;padding:30px 23px;
    align-items:center;
  }
  body.compact-rhythm.about-page .about-hero-photo{aspect-ratio:1.18;max-height:310px;}
  body.compact-rhythm.about-page .about-hero-art{padding:0;}
  body.compact-rhythm.about-page .about-community,
  body.compact-rhythm.about-page .about-close{grid-template-columns:1fr 1fr;min-height:clamp(455px,57svh,560px);}
  body.compact-rhythm.about-page .about-community-image,
  body.compact-rhythm.about-page .about-close-photo{height:auto;max-height:none;min-height:0;}
  body.compact-rhythm.about-page .about-community-copy,
  body.compact-rhythm.about-page .about-close-copy{padding:30px 22px;}
}
@media(min-width:700px) and (max-width:780px){
 body.compact-rhythm.about-page main.about-reimagined > section.about-belief,
 body.compact-rhythm.about-page main.about-reimagined > section.about-community,
 body.compact-rhythm.about-page main.about-reimagined > section.about-close{min-height:clamp(455px,54svh,540px);}
}
