/* Studio in Motion. Warm paper, generous type, one living ink signature. */
:root {
  --st-masthead-size: clamp(7rem, 30.2vw, 31rem);
  --st-masthead-leading: .84;
  --st-masthead-track: -.082em;
  /* Half the nav link gap, so neighbouring hit areas meet without overlapping. */
  --st-nav-hit-x: calc(var(--space-5) / 2);
  --st-opening-height: min(48rem, 86svh);
  --st-opening-gap: clamp(2rem, 6vw, 6rem);
  --st-hero-bottom: clamp(2rem, 4vw, 4rem);
  --st-hero-copy: clamp(1rem, 1.4vw, 1.25rem);
  --st-wave-ground: #e9edf3;
  --st-wave-height: min(55vw, 48rem);
  --st-wave-size: min(69vw, 62rem);
  --st-wave-scale: 1;
  --st-wave-start-scale: .91;
  --st-wave-scale-range: .16;
  --st-wave-progress: .5;
  --st-wave-rise: 1.25rem;
  --st-wave-caption-pad: 1.5rem;
  --st-section-space: clamp(5rem, 9vw, 9rem);
  --st-statement-size: clamp(2rem, 4.6vw, 5rem);
  --st-statement-leading: 1.18;
  --st-statement-indent: 18%;
  --st-statement-track: -.045em;
  --st-service-columns: repeat(3, minmax(0,1fr));
  --st-service-title: clamp(1.25rem, 2vw, 1.75rem);
  --st-service-copy: 28ch;
  --st-people-title: clamp(3rem, 7.4vw, 7.5rem);
  --st-people-columns: repeat(4,minmax(0,1fr));
  --st-people-gap: clamp(.5rem, 2vw, 2rem);
  --st-cameo-width: .9em;
  --st-cameo-bottom: -.04em;
  --st-contact-title: clamp(4.5rem, 13vw, 13rem);
  --st-contact-leading: .95;
  --st-hello-width: 2.45em;
  --st-hello-baseline: -.11em;
  --st-hello-gap: .025em;
  --st-contact-columns: minmax(0,1fr) minmax(0,1fr);
  --st-contact-gap: clamp(2rem, 5vw, 5rem);
  --st-contact-subtitle: clamp(1.7rem, 3vw, 3rem);
  --st-contact-stage: min(75%, 58rem);
  --st-contact-stage-bottom: -1.5rem;
  --st-footer-size: clamp(5rem, 24vw, 25rem);
  --st-footer-line: .85;
  --st-footer-character: .85em;
  --st-footer-small: .75rem;
  --st-motion-time: 650ms;
  --st-motion-ease: cubic-bezier(.22,1,.36,1);
  --st-reveal-distance: 1.5rem;
  --st-frame-fallback: 100ms;
  --st-intro-time: 2000ms;
  --st-intro-timeout: 2200ms;
  --st-intro-hold: .32;
  --st-intro-clock-ease: linear;
  --st-intro-reveal-ease: cubic-bezier(.76, 0, .24, 1);
  --st-intro-mark-ease: cubic-bezier(.32, 0, .15, 1);
  --st-arrival-timeout: 1200ms;
  --st-intro-size: 125vmin;
  --st-intro-scale-start: .9;
  --st-intro-scale-end: 1.75;
  --st-intro-turn: -14deg;
  --st-intro-layer: 80;
  --st-arrival-threshold: .12;
  --st-scroll-start: .86;
  --st-scroll-range: .85;
  --st-project-movement: .12em;
  --st-process-phrase-size: clamp(3.5rem, 10.8vw, 10.5rem);
  --st-process-phrase-leading: 1.06;
  --st-process-drift: min(6rem, calc(var(--page-pad) * 1.5));
  --st-process-story-grid: minmax(0, 1fr) minmax(0, 1.6fr);
  --st-process-copy-grid: repeat(2,minmax(0,1fr));
  --st-process-note-size: clamp(1.25rem, 1.8vw, 1.75rem);
  /* Art in the margins. One quiet illustration per thought. */
  --art-sheet: url('../assets/founders/illustrated/cameos-v9.webp?v=1');
  --art-sheet-size: 200% 200%;
  --art-aspect: 1;
  --art-progress: .5;
  --art-intro-size: 2.15em;
  --art-intro-gap: .35em;
  --art-phrase-size: 1.1em;
  --art-phrase-gap: .12em;
  --art-phrase-space: .2em;
  --art-travel: 1.75rem;
  --art-turn: 7deg;
}
@media(max-width:720px) {
  :root {
    --st-masthead-size: 29.8vw;
    --st-nav-hit-x: calc(var(--space-2) / 2);
    --st-opening-height: auto;
    --st-opening-gap: 3.5rem;
    --st-hero-bottom: 2rem;
    --st-wave-height: 28rem;
    --st-wave-size: 100vw;
    --st-wave-rise: .5rem;
    --st-wave-caption-pad: 1rem;
    --st-section-space: 4.5rem;
    --st-statement-size: clamp(1.8rem, 8.1vw, 3.3rem);
    --st-statement-indent: 14%;
    --st-service-columns: 1fr;
    --st-service-copy: none;
    --st-people-title: clamp(2.75rem, 12vw, 5rem);
    --st-people-columns: repeat(2,minmax(0,1fr));
    --st-people-gap: .8rem;
    --st-contact-title: clamp(4rem, 17vw, 7rem);
    --st-contact-columns: 1fr;
    --st-contact-stage: 100%;
    --st-contact-stage-bottom: -.5rem;
    --st-contact-gap: 3rem;
    --st-footer-size: 23vw;
    --st-intro-size: 165vmin;
    --st-process-phrase-size: clamp(2.65rem, 10.4vw, 5rem);
    --st-process-drift: 1.25rem;
    --st-process-story-grid: 1fr;
    --st-process-copy-grid: 1fr;
    --art-intro-size: 2em;
    --art-intro-gap: .2em;
    --art-phrase-size: .94em;
    --art-phrase-gap: .03em;
    --art-phrase-space: .25em;
    --art-travel: .75rem;
  }
}
@media(prefers-reduced-motion:reduce) {
  :root { --st-motion-time:0ms; --st-intro-time:0ms; --st-reveal-distance:0rem; --st-wave-rise:0rem; --st-wave-start-scale:1; --st-wave-scale-range:0; }
}