/* PULO: project-name windows and a phrase-led process. Native document flow. */
:root {
  --se-section-space: clamp(4.5rem, 8vw, 8rem);
  --se-header-columns: minmax(0, 1fr) minmax(0, 1fr);
  --se-header-title: clamp(2rem, 3.2vw, 3.25rem);
  --se-header-measure: 30ch;
  --se-project-columns: minmax(3rem, 1fr) minmax(0, 5fr) minmax(9rem, 1fr);
  --se-project-type: clamp(2.625rem, 6.6vw, 6rem);
  --se-project-leading: 1.03;
  --se-project-tracking: -.055em;
  --se-project-pad: clamp(1.75rem, 3.2vw, 3rem);
  --se-project-min-height: 9.25rem;
  --se-project-window: clamp(6.25rem, 11vw, 10rem);
  --se-project-window-height: .9em;
  --se-project-image-width: 80%;
  --se-project-image-height: 90%;
  --se-project-open: 1;
  --se-project-rest: 0;
  --se-project-mobile-rest: .62;
  --se-project-arrow-size: 1.375rem;
  --se-project-arrow-travel: .25rem;
  --se-project-caption-measure: 19ch;
  --se-project-caption-gap: .375rem;
  --se-project-window-turn: -4deg;
  --se-motion-time: 320ms;
  --se-motion-ease: cubic-bezier(.22, 1, .36, 1);
  --se-focus-inset: -.25rem;
  --se-process-columns: 3rem minmax(0, 1fr) minmax(14rem, .6fr);
  --se-process-type: clamp(3rem, 7.4vw, 7rem);
  --se-process-heading: clamp(2.5rem, 4.6vw, 4.5rem);
  --se-process-copy: 31ch;
  --se-process-gap: clamp(1.25rem, 3vw, 3rem);
  --se-process-pad: clamp(1.5rem, 3vw, 3rem);
  --se-process-indent: clamp(1rem, 3vw, 3rem);
  --se-process-symbol: .5em;
  --se-process-symbol-gap: .14em;
  --se-process-turn: 90deg;
  --se-process-translation: .08em;
  --se-process-progress: .5;
  --se-process-index-offset: .6rem;
  --se-scroll-failsafe: 100ms;
  --se-scroll-window: .65;
  --se-scroll-start: .85;
  --se-scroll-range: .7;
}
@media (max-width: 960px) {
  :root {
    --se-project-columns: 2rem minmax(0, 1fr) 9rem;
    --se-project-type: clamp(2.625rem, 6.2vw, 4.5rem);
    --se-project-window: 6.25rem;
    --se-process-columns: 2rem minmax(0, 1fr) minmax(12rem, .65fr);
  }
}
@media (max-width: 720px) {
  :root {
    --se-header-columns: 1fr;
    --se-project-columns: 1.5rem minmax(0, 1fr);
    --se-project-type: clamp(2rem, 9.4vw, 4.1rem);
    --se-project-pad: 1.5rem;
    --se-project-min-height: 8.5rem;
    --se-project-window: 3.5rem;
    --se-project-window-height: 1em;
    --se-project-arrow-size: 1.125rem;
    --se-project-caption-measure: none;
    --se-project-caption-gap: .75rem;
    --se-process-columns: 1.5rem minmax(0, 1fr);
    --se-process-type: clamp(2.75rem, 12vw, 5.5rem);
    --se-process-pad: 1.5rem;
    --se-process-gap: 1rem;
    --se-process-indent: .18em;
    --se-process-copy: 33ch;
    --se-process-index-offset: .4rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --se-motion-time: 0ms;
    --se-project-arrow-travel: 0rem;
    --se-project-window-turn: 0deg;
    --se-process-turn: 0deg;
    --se-process-translation: 0em;
  }
}
