/* Site system: a 12-column grid and a golden-ratio type scale.
   Type steps are body (16px) multiplied or divided by sqrt(phi) = 1.272 (rounded to even pixels), so every
   second step is exactly phi (1.618) apart. Sizes were snapped to the nearest step. */
:root{
  --t-12:12px;--t-16:16px;--t-20:20px;--t-26:26px;--t-33:32px;--t-42:42px;--t-53:54px;--t-68:68px;--t-86:86px;--t-110:110px;
  --gutter:24px;
}

/* ---- type scale (desktop and tablet; phones keep their own sizes) ---- */
@media(min-width:1101px){
  [data-page="case-studies"] .case-intro h1,[data-page="strategy"] .case-intro h1,.case-page .case-title h1,.se-masthead h1,[data-page="lab"] .case-intro h1{font-size:var(--t-110)!important}
  [data-page="index"] .page-heading h1{font-size:var(--t-68)!important}
  .case-page .sticky-story-copy h2{font-size:var(--t-33)!important}
  .index-copy h2,.profile-grid .profile-lead{font-size:var(--t-42)!important}
  .home-story-index,.home-story-title{font-size:var(--t-33)!important}
  .capability-item{font-size:var(--t-53)!important}
  .case-page .lee-introduction,[data-page="case-studies"] .case-intro p,[data-page="strategy"] .case-intro p,[data-page="lab"] .case-intro p{font-size:var(--t-20)!important}
  .case-page .case-pills b{font-size:var(--t-26)!important}
}
/* body copy and small text, all sizes */
.case-page .sticky-story-copy p,.home-intro-line,.profile-grid p:not(.profile-lead){font-size:var(--t-16)}
.case-page .lbl,.case-page .lbl b,.case-page .credentials dt,.case-page figcaption,.home-story-stat,.ticker-heading p,.home-stories-label h2,.home-explore-label{font-size:var(--t-12)!important}

/* ---- 12-column grid for the two-column layouts ---- */
@media(min-width:1101px){
  .case-page .sticky-story-section{grid-template-columns:repeat(12,minmax(0,1fr))!important;column-gap:var(--gutter)!important}
  .case-page .sticky-story-section>.sticky-story-copy{grid-column:1/4}
  .case-page .sticky-story-section>.scroll-story-images{grid-column:4/13}
  section.home-stories,section.home-capabilities{grid-template-columns:repeat(12,minmax(0,1fr))!important;column-gap:var(--gutter)!important}
  section.home-stories>.home-stories-label,section.home-capabilities>.capability-context{grid-column:1/3}
  section.home-stories>.home-stories-list,section.home-stories>.home-explore,section.home-capabilities>.capability-body{grid-column:3/13}
  section.home-capabilities .capability-body{grid-template-columns:repeat(10,minmax(0,1fr))!important;column-gap:var(--gutter)!important}
  section.home-capabilities .capability-main{grid-column:1/8}
  section.home-capabilities .capability-preview{grid-column:8/11!important}
  .profile-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;column-gap:var(--gutter)!important;row-gap:0}
  .profile-grid>div:first-child{grid-column:1/7}
  .profile-grid>.profile-portrait{grid-column:8/13;justify-self:stretch!important;width:auto!important;max-width:none!important;margin:24px 0 90px!important}
}

/* ---- profile stats: big bold number, label phi^2 (2.6x) smaller and regular ---- */
.credential-bubble{flex-direction:column;gap:2px;font-weight:400!important;width:124px!important;padding:12px!important}
.credential-bubble b{display:block;font:700 var(--t-33)/1 var(--font);letter-spacing:-.03em}
.credential-bubble small{display:block;font:400 var(--t-12)/1.25 var(--font);letter-spacing:.01em;opacity:.9}
@media(max-width:760px){.credential-bubble{width:100px!important}.credential-bubble b{font-size:var(--t-26)}}
.credential-bubble b,.credential-bubble small{color:#EEF4F9!important}
@media(min-width:1101px){.case-page .sticky-story-section>.sticky-story-copy{max-width:none!important;width:auto!important;padding-right:12px}}
.case-page .sticky-story-copy p+p{margin-top:.85em}
/* Leegality "Same template, two journeys": pages as large as the frame allows, up to screen height */
.case-page .lr-journeys.slim{padding:24px!important;gap:24px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:stretch!important}
.case-page .lr-journeys.slim figure{align-items:stretch}
.case-page .lr-journeys.slim img{width:100%!important;height:auto!important;max-height:calc(100svh - 190px);object-fit:contain;object-position:top center}
