/* Local In Focus proof. Isolated tokens; the current v8 page is unchanged. */
:root {
  --if-page-max: 88rem;
  --if-nav-height: 7rem;
  --if-brand-width: 11rem;
  --if-hero-height: 38rem;
  --if-hero-grid: minmax(0, 1.2fr) minmax(0, 1fr);
  --if-display: clamp(4rem, 7.65vw, 7.5rem);
  --if-title: clamp(2.5rem, 4.3vw, 4.25rem);
  --if-film-title: clamp(3rem, 6vw, 6rem);
  --if-leading: .98;
  --if-tracking: -.065em;
  --if-meta: .8125rem;
  --if-body: clamp(1rem, 1.25vw, 1.25rem);
  --if-section-space: clamp(5rem, 8vw, 8rem);
  --if-section-grid: minmax(0, .45fr) minmax(0, 1.1fr) minmax(0, .65fr);
  --if-hero-bottom: 4rem;
  --if-identity-width: 100%;
  --if-identity-inset: 4%;
  --if-frame-size: 1.25rem;
  --if-lens-width: 47%;
  --if-lens-height: 49%;
  --if-lens-top: 20%;
  --if-lens-left: 42%;
  --if-lens-image-size: 212.765957%;
  --if-lens-image-left: -89.361702%;
  --if-lens-image-top: -40.816326%;
  --if-lens-offset: 0rem;
  --if-lens-active: 1.15rem;
  --if-lens-line: rgba(41,43,38,.24);
  --if-hero-note-left: 4%;
  --if-hero-note-bottom: 4%;
  --if-hero-note-width: 11rem;
  --if-section-head-gap: 4rem;
  --if-workshop-grid: minmax(0, 1fr) minmax(0, 1fr);
  --if-workshop-gap: clamp(3rem, 8vw, 8rem);
  --if-discipline-type: clamp(2.3rem, 4.5vw, 4.5rem);
  --if-discipline-grid: 2.5rem minmax(0, 1fr) 2.5rem;
  --if-discipline-arrow: 2rem;
  --if-discipline-muted: var(--muted);
  --if-art-ratio: 1 / 1;
  --if-art-pad: clamp(1.25rem, 2.8vw, 2.75rem);
  --if-design-ground: #e7e8d9;
  --if-specimen-type: clamp(4rem, 7.7vw, 7.8rem);
  --if-specimen-mark: 5rem;
  --if-specimen-aa: 3.25rem;
  --if-system-ground: #e2e9e4;
  --if-system-ink: #2b4b43;
  --if-system-type: clamp(1.7rem, 3vw, 3rem);
  --if-system-icon: clamp(4rem, 7vw, 7rem);
  --if-system-row: 1rem;
  --if-marketing-ground: #eadbd0;
  --if-marketing-type: clamp(2.75rem, 5vw, 5rem);
  --if-marketing-image: 70%;
  --if-marketing-image-right: -4%;
  --if-marketing-image-bottom: 12%;
  --if-marketing-turn: -7deg;
  --if-marketing-note-bottom: 4%;
  --if-service-copy-size: 1.125rem;
  --if-copy-leading: 1.5;
  --if-film-ground: #eceae4;
  --if-film-intro-width: 15ch;
  --if-film-intro-grid: minmax(0, 1fr) minmax(0, .35fr);
  --if-film-arrow: 5rem;
  --if-film-grid: minmax(0, .3fr) minmax(0, 1fr);
  --if-film-offset-grid: minmax(0, 1fr) minmax(0, .43fr);
  --if-film-side-type: clamp(2.5rem, 3.5vw, 3.75rem);
  --if-film-gap: clamp(2rem, 4vw, 4rem);
  --if-film-space: clamp(4rem, 7vw, 7rem);
  --if-film-caption: .875rem;
  --if-film-side-measure: 18ch;
  --if-film-play-size: 7rem;
  --if-film-play-ground: transparent;
  --if-film-wipe: 6%;
  --if-film-width: 88%;
  --if-film-offset-width: 87%;
  --if-film-outline-offset: .375rem;
  --if-film-hover-scale: 1.035;
  --if-mobile-selector: repeat(3, minmax(0, 1fr));
  --if-selector-type: 1.125rem;
  --if-selector-track: -.03em;
  --if-selector-rule: 2px;
  --if-footer-grid: 1fr 1fr 1fr;
  --if-time: 280ms;
  --if-time-enter: 320ms;
  --if-enter-shift: 1rem;
  --if-layer-play: 2;
}
@media (max-width: 960px) {
  :root { --if-section-grid: 1fr 2fr; --if-section-head-gap: 2rem; --if-workshop-gap: 2.5rem; --if-hero-height: 31rem; }
}
@media (max-width: 720px) {
  :root {
    --if-nav-height: 5.5rem; --if-brand-width: 9rem; --if-hero-grid: 1fr;
    --if-display: clamp(3.25rem, 13.4vw, 5.5rem); --if-title: clamp(2.4rem, 10vw, 4rem);
    --if-film-title: clamp(2.75rem, 11.5vw, 4.5rem); --if-hero-height: auto;
    --if-section-grid: 1fr; --if-section-space: 4.5rem; --if-section-head-gap: 1.5rem;
    --if-hero-bottom: 2rem; --if-identity-width: 84%; --if-lens-active: 0rem;
    --if-hero-note-left: -14%; --if-hero-note-bottom: 0%; --if-hero-note-width: 10rem;
    --if-workshop-grid: 1fr; --if-workshop-gap: 2rem; --if-discipline-type: 2.3rem;
    --if-discipline-grid: 2rem minmax(0, 1fr) 2rem; --if-discipline-arrow: 1.75rem;
    --if-specimen-type: clamp(4rem, 22vw, 7rem); --if-art-pad: 1.5rem;
    --if-specimen-mark: 3.5rem; --if-specimen-aa: 2.25rem;
    --if-system-type: 2rem; --if-system-icon: 4.5rem; --if-marketing-type: 2.5rem;
    --if-film-intro-grid: 1fr; --if-film-grid: 1fr; --if-film-offset-grid: 1fr;
    --if-film-side-type: 2.5rem; --if-film-gap: 1.5rem; --if-film-play-size: 5rem;
    --if-film-width: 100%; --if-film-offset-width: 100%; --if-footer-grid: 1fr;
    --if-service-copy-size: 1rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root { --if-time: 0ms; --if-time-enter: 0ms; --if-enter-shift: 0rem; --if-lens-offset: 0rem; --if-lens-active: 0rem; --if-film-hover-scale: 1; }
}