/* Revisions from the 2026-09-22 studio copy and UX review. */
.parallel-page .site-header {
  transition:transform 300ms cubic-bezier(.22,1,.36,1) !important;
}
.parallel-page .site-header.is-hidden {
  transform:translate3d(0,-105%,0) !important;
}
.parallel-hero h1 {
  font-size:clamp(52px,8.1vw,122px);
  line-height:.88;
}
.parallel-hero h1>span {white-space:normal}
.parallel-hero-description {max-width:660px}
.parallel-hero-cta {justify-content:center;min-width:190px}

.audience-section {
  position:relative;
  z-index:2;
  padding-top:clamp(88px,9vw,148px);
  padding-bottom:clamp(88px,9vw,148px);
  border-radius:clamp(34px,4vw,64px) clamp(34px,4vw,64px) 0 0;
  background:#f4f6fa;
  color:#111722;
  box-shadow:0 -25px 65px rgb(0 0 0 / .16);
}
.audience-heading {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);column-gap:5vw;align-items:end;margin-bottom:clamp(38px,5vw,70px)}
.audience-heading .eyebrow {grid-column:1/-1;color:#576580}
.audience-heading h2 {margin:22px 0 0;font-size:clamp(55px,6.2vw,104px);font-weight:620;letter-spacing:-.075em;line-height:.93}
.audience-heading h2 span {color:#385bd9}
.audience-heading>p:last-child {max-width:350px;margin:0 0 4px;color:#586171;font-size:clamp(16px,1.25vw,19px);line-height:1.5}
.audience-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.audience-card {position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:410px;padding:clamp(26px,2.6vw,42px);overflow:hidden;border:1px solid #cfd6e3;border-radius:clamp(26px,3vw,38px);background:#fff;isolation:isolate}
.audience-card:nth-child(2) {background:#172341;color:#fff;border-color:#172341}
.audience-card:nth-child(3) {background:#dde6ff;border-color:#cad6fa}
.audience-card h3 {max-width:360px;margin:8px 0 12px;font-size:clamp(30px,2.65vw,43px);font-weight:620;letter-spacing:-.055em;line-height:1.02}
.audience-card p {max-width:390px;margin:0;color:#586171;font-size:clamp(14px,1.05vw,16px);line-height:1.45}
.audience-card:nth-child(2) p {color:#c6d0e8}
.audience-index {font-size:10px;font-weight:700;letter-spacing:.16em;opacity:.62}
.audience-art {width:100%;height:142px;display:grid;place-items:center;color:#315fe7}
.audience-art svg {display:block;width:min(160px,100%);height:120px}
.audience-card-lead .audience-art {color:#a9bfff}
.audience-card-expert .audience-art {color:#315fe7}
.parallel-page {min-width:var(--studio-visible-width,100%)}
.services .section-heading>p {max-width:400px}
.service-panel .panel-bottom {justify-content:flex-end}
.project-gallery .case-heading .section-heading {align-items:start}
.project-gallery .case-heading-note {margin-left:0;margin-right:auto}
.process-rooms-heading h2 {font-size:clamp(47px,5vw,76px);line-height:.98}
.process-room-list h3 {font-size:clamp(46px,5vw,78px)}
.process-room-progress {grid-template-columns:repeat(6,1fr)}
.about-leaf:nth-child(3) .about-link-label {padding:14px 20px;border-radius:999px;background:#315fe7;color:#fff;box-shadow:0 10px 26px rgb(30 73 185 / .2)}
.pricing-catalog>.section-heading>div>.eyebrow {display:none}
.pricing-catalog>.section-heading h2 {font-size:clamp(54px,6.3vw,100px);line-height:.95}
.pricing-catalog>.section-heading>p {max-width:410px;line-height:1.5}
.pricing-footnote p {max-width:900px}
.club-visual-top>span:last-child {border:0;padding:0;background:none;font-size:12px;text-align:right}
.club-visual-bottom {display:none}
.closing-curtain {min-height:0}
.closing-curtain .site-footer {position:relative;bottom:auto}

@media(min-width:901px) {
  .audience-section {margin-top:-4svh}
  .audience-card {transition:transform 440ms cubic-bezier(.22,1,.36,1),box-shadow 440ms ease}
  .audience-card:hover {transform:translateY(-7px);box-shadow:0 28px 64px rgb(19 39 91 / .14)}
  .services {margin-top:-4svh !important}
  .process-rooms-story.is-enhanced {height:360svh}
}
@media(max-width:900px) {
  .parallel-page .site-header {transition:transform 260ms ease-out !important}
  .parallel-hero h1 {font-size:clamp(47px,12.6vw,72px);line-height:.91;letter-spacing:-.065em}
  .parallel-hero-copy {max-width:600px}
  .audience-section {padding:80px 18px 88px;border-radius:28px 28px 0 0;box-shadow:none}
  .audience-heading {display:block;margin-bottom:34px}
  .audience-heading h2 {font-size:clamp(44px,10.3vw,72px)}
  .audience-heading>p:last-child {margin-top:22px;font-size:16px}
  .audience-grid {grid-template-columns:1fr;gap:12px}
  .audience-card {min-height:286px;padding:26px;border-radius:28px}
  .audience-art {height:112px}
  .audience-art svg {height:102px}
  .audience-card h3 {font-size:36px}
  .audience-card p {font-size:15px}
  .project-gallery .case-heading-note {width:100%;margin-left:0}
  .process-rooms-heading h2 {font-size:clamp(42px,9.5vw,65px);line-height:.98}
  .process-room-list li {display:grid;grid-template-rows:56px auto 1fr;align-content:start;justify-content:stretch}
  .process-room-list li>span {position:static;justify-self:end;align-self:start;font-size:68px;line-height:.8;opacity:.18}
  .process-room-list h3 {margin:0 0 10px;font-size:clamp(34px,8.8vw,48px);overflow-wrap:normal}
  .pricing-catalog>.section-heading h2 {font-size:clamp(49px,11vw,72px)}
  .club-visual-top>span:last-child {font-size:10px}
}
@media(max-width:430px) {
  .parallel-hero h1 {font-size:clamp(42px,11.8vw,52px)}
  .parallel-hero-copy {margin-top:100px}
  .audience-heading h2 {font-size:46px}
  .audience-card {min-height:278px}
  .audience-card h3 {font-size:32px}
  .process-rooms-heading h2 {font-size:42px}
  .process-room-list li {min-height:210px}
  .process-room-list h3 {margin-top:0;font-size:37px}
  .pricing-catalog>.section-heading h2 {font-size:48px}
}
@media(prefers-reduced-motion:reduce) {
  .parallel-page .site-header,.audience-card {transition:none !important}
}