:root {
  /* jeremy-yap.com extracted palette */
  --color-jy-red: #ff340a;
  --color-jy-dark: #1d1d1d;
  --color-jy-dark-muted: rgba(29, 29, 29, 0.74);
  --color-jy-bg: #f2f2f2;
  --color-jy-bg-light: #e4e4e4;
  --color-jy-header-translucent: rgba(242, 242, 242, 0.23);
  --color-jy-white: #ffffff;

  /* Fonts — the named Google families are loaded via <link> in BaseLayout */
  --font-serif: "EB Garamond", "Adobe Garamond Pro", "Minion Pro", Georgia, serif;
  --font-display: "DM Serif Display", "Minion Pro", "Adobe Garamond Pro", Georgia, serif;
  --font-sans: "Helvetica Neue", Arial, sans-serif;
  --font-sans-extended: "Inter", "Helvetica Neue", Arial, sans-serif;

  /* Square-edged design */
  --radius: 0px;
}
/* ---- Reset (approximates the Tailwind v4 preflight the source relied on) ---- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; line-height: 1.5; }
body { margin: 0; min-height: 100vh; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; margin: 0; }
p, figure, blockquote { margin: 0; }
ul, ol { list-style: none; margin: 0; padding: 0; }
img, picture, svg, video, canvas { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }
button { background: none; border: none; cursor: pointer; padding: 0; }

/* ---- Base (from source globals.css @layer base) ---- */
html, body {
  background: var(--color-jy-bg);
  color: var(--color-jy-red);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html { scroll-behavior: auto; }

/* ---- Container (matches mx-auto max-w-[1440px] px-[30px]) ---- */
.container { width: 100%; max-width: 1440px; margin-inline: auto; padding-inline: 30px; }

/* ---- Shared design-system utility classes (from source @layer utilities) ---- */
.font-serif { font-family: var(--font-serif); }
.font-display { font-family: var(--font-display); }
.font-sans-extended { font-family: var(--font-sans-extended); letter-spacing: 0.04em; }
.bg-jy-section { background-color: var(--color-jy-bg); }
.bg-jy-section-light { background-color: var(--color-jy-bg-light); }
.text-jy-red { color: var(--color-jy-red); }
.text-jy-dark { color: var(--color-jy-dark); }
.text-jy-white { color: var(--color-jy-white); }

/* ---- Marker overlay (circle-around-phrase SVG) ---- */
.jy-marker-wrap { position: relative; display: inline-block; }
.jy-marker-wrap > svg.jy-marker-overlay,
.jy-marker-wrap svg.jy-marker-overlay { position: absolute; pointer-events: none; overflow: visible; }

/* ---- Marquee keyframes ---- */
@keyframes jy-marquee {
  from { transform: rotate(-3deg) translateX(0); }
  to { transform: rotate(-3deg) translateX(-33.333%); }
}
@keyframes jy-marquee-flat {
  from { transform: translateX(0); }
  to { transform: translateX(-33.333%); }
}

/* ---- Squarespace-style scroll reveal: opacity 0 + translateY(8px) -> 1 + 0, 800ms per block.
   Targets content blocks inside each <section>. site.js adds .ss-loaded on viewport entry.

   Every rule here is gated on html.ss-js, which ONLY site.js adds. Without the script
   (JS disabled, a WP page-builder preview iframe, a failed snippet paste) none of this
   applies and the content simply renders visible. Never hide content by default: if the
   reveal can't run, the page must still be readable.
   Both the hidden and the .ss-loaded rules carry the prefix — dropping it from the reveal
   rules would leave them less specific than the hidden ones, and nothing would fade in. ---- */
html.ss-js main > section > div > *,
html.ss-js main > section > :is(h1, h2, h3, h4, h5, h6, p, img, picture, figure, ul, ol, blockquote, a, button),
html.ss-js main > .ss-fade,
html.ss-js .ss-fade-each-child > * {
  opacity: 0;
  transform: translateY(8px);
  transition:
    opacity 800ms cubic-bezier(0.4, 0, 0.2, 1),
    transform 800ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: opacity, transform;
}
html.ss-js main > section > div > *.ss-loaded,
html.ss-js main > section > :is(h1, h2, h3, h4, h5, h6, p, img, picture, figure, ul, ol, blockquote, a, button).ss-loaded,
html.ss-js main > .ss-fade.ss-loaded,
html.ss-js .ss-fade-each-child > *.ss-loaded {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  html.ss-js main > section > div > *,
  html.ss-js main > section > :is(h1, h2, h3, h4, h5, h6, p, img, picture, figure, ul, ol, blockquote, a, button),
  html.ss-js main > .ss-fade,
  html.ss-js .ss-fade-each-child > * {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
.header[data-scope-style] {
  position: fixed;
  inset-inline: 0;
  top: 0;
  z-index: 50;
  height: 79px;
  background-color: var(--color-jy-header-translucent);
  transition: background-color .3s ease-in-out;
}

.header[data-scope-style].scrolled {
  background-color: var(--color-jy-bg);
}

.header-inner[data-scope-style] {
  margin-inline: auto;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-inline: 30px;
}

.header-logo[data-scope-style] {
  position: relative;
  z-index: 50;
  font-family: var(--font-sans-extended);
  font-size: 19.456px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .04em;
  color: var(--color-jy-red);
}

.header-nav[data-scope-style] {
  display: none;
  align-items: center;
  gap: 20px;
}

.header-nav-link[data-scope-style] {
  font-family: var(--font-sans);
  font-size: 26.368px;
  letter-spacing: -.01em;
  color: var(--color-jy-red);
  transition: opacity .2s;
}

.header-nav-link[data-scope-style]:hover {
  opacity: .7;
}

.header-nav-link[data-scope-style].is-active {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
}

.header-burger[data-scope-style] {
  position: relative;
  z-index: 50;
  color: var(--color-jy-red);
}

.header-burger-icon[data-scope-style] {
  position: relative;
  display: block;
  height: 14px;
  width: 26px;
}

.header-burger-bar[data-scope-style] {
  position: absolute;
  left: 0;
  top: 50%;
  height: 2px;
  width: 100%;
  margin-top: -1px;
  border-radius: 9999px;
  background: currentColor;
  transition: transform .25s cubic-bezier(.2, .6, .3, 1);
}

.header-burger-bar--top[data-scope-style] {
  transform: translateY(-5px) rotate(0) scaleX(1);
}

.header-burger-bar--bottom[data-scope-style] {
  transform: translateY(5px) rotate(0) scaleX(1);
}

.header[data-scope-style].menu-open .header-burger-bar--top[data-scope-style] {
  transform: translateY(0) rotate(45deg) scaleX(.72);
}

.header[data-scope-style].menu-open .header-burger-bar--bottom[data-scope-style] {
  transform: translateY(0) rotate(-45deg) scaleX(.72);
}

.header-mobile-menu[data-scope-style] {
  position: fixed;
  inset: 0;
  z-index: 40;
  background-color: var(--color-jy-bg);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .4s cubic-bezier(.4, 0, .2, 1), visibility .4s cubic-bezier(.4, 0, .2, 1);
}

.header[data-scope-style].menu-open .header-mobile-menu[data-scope-style] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.header-mobile-nav[data-scope-style] {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 26px;
}

.header-mobile-link[data-scope-style] {
  font-family: var(--font-sans);
  font-size: 39.996px;
  line-height: 1;
  letter-spacing: -.01em;
  color: var(--color-jy-red);
  opacity: 0;
  transition: opacity .25s cubic-bezier(.4, 0, .2, 1);
}

.header[data-scope-style].menu-open .header-mobile-link[data-scope-style] {
  opacity: 1;
}

@media (width >= 768px) {
  .header-nav[data-scope-style] {
    display: flex;
  }

  .header-burger[data-scope-style] {
    display: none;
  }

  .header-mobile-menu[data-scope-style] {
    display: none;
  }
}
.footer[data-scope-style] {
  padding-bottom: 48px;
  padding-top: 40px;
}

.footer-grid[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  row-gap: 32px;
}

.footer-brand-name[data-scope-style] {
  font-style: italic;
  font-size: clamp(40px, 4.5vw, 64px);
  line-height: 1;
}

.footer-brand-tagline[data-scope-style] {
  margin-top: 8px;
  font-style: italic;
  font-size: clamp(20px, 1.9vw, 28px);
  line-height: 1.2;
}

.footer-contact[data-scope-style] {
  font-family: var(--font-sans);
}

.footer-contact-label[data-scope-style] {
  font-size: clamp(14px, 1vw, 15px);
  line-height: 1.4;
}

.footer-contact-links[data-scope-style] {
  margin-top: 12px;
  font-size: clamp(18px, 1.85vw, 26.368px);
  line-height: 1.2;
  letter-spacing: -.018em;
}

.footer-social-link[data-scope-style] {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

.footer-email[data-scope-style] {
  display: inline-flex;
  height: 72px;
  width: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--color-jy-red);
  padding-inline: 32px;
  font-size: 16px;
  transition: opacity .2s;
}

.footer-email[data-scope-style]:hover {
  opacity: .9;
}

@media (width >= 768px) {
  .footer[data-scope-style] {
    padding-bottom: 64px;
    padding-top: 48px;
  }

  .footer-grid[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: end;
    column-gap: 48px;
  }

  .footer-brand[data-scope-style] {
    grid-column: span 5 / span 5;
  }

  .footer-contact[data-scope-style] {
    grid-column: span 4 / span 4;
  }

  .footer-cta[data-scope-style] {
    grid-column: span 3 / span 3;
    justify-self: end;
    align-self: end;
  }

  .footer-email[data-scope-style] {
    width: auto;
    min-width: 260px;
  }
}
.related-works[data-scope-style] {
  background-color: var(--color-jy-red);
  padding-top: 64px;
  padding-bottom: 64px;
}

.related-works-heading[data-scope-style] {
  font-style: italic;
  font-size: clamp(28px, 2.9vw, 42px);
}

.related-works-grid[data-scope-style] {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 32px;
  row-gap: 40px;
}

.related-works-card[data-scope-style] {
  display: block;
}

.related-works-thumb[data-scope-style] {
  position: relative;
  aspect-ratio: 221 / 152;
  width: 100%;
  overflow: hidden;
}

.related-works-thumb-img[data-scope-style] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity .3s;
}

.related-works-card[data-scope-style]:hover .related-works-thumb-img[data-scope-style] {
  opacity: .9;
}

.related-works-title[data-scope-style] {
  margin-top: 16px;
  font-family: var(--font-sans);
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 600;
  line-height: 1.1;
}

.related-works-category[data-scope-style] {
  margin-top: 4px;
  color: color-mix(in srgb, var(--color-jy-white) 80%, transparent);
  font-family: var(--font-sans);
  font-size: clamp(14px, 1.1vw, 16px);
  line-height: 1.3;
}

.related-works-grid--quad[data-scope-style] .related-works-title[data-scope-style] {
  font-size: clamp(18px, 1.5vw, 22px);
}

.related-works-grid--quad[data-scope-style] .related-works-category[data-scope-style] {
  font-size: clamp(13px, 1vw, 15px);
}

@media (width >= 768px) {
  .related-works[data-scope-style] {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .related-works-grid[data-scope-style] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .related-works-grid--quad[data-scope-style] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width >= 1024px) {
  .related-works-grid--quad[data-scope-style] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.p916[data-scope-style] {
  padding-top: 79px;
}

.p916-hero[data-scope-style], .p916-onfa[data-scope-style], .p916-inspiration[data-scope-style], .p916-logo-design[data-scope-style], .p916-selected-logo[data-scope-style], .p916-packaging[data-scope-style], .p916-social[data-scope-style], .p916-bottom-tag[data-scope-style] {
  padding-top: 48px;
  padding-bottom: 48px;
}

.p916-responsibilities[data-scope-style] {
  padding-top: 64px;
  padding-bottom: 64px;
}

@media (width >= 768px) {
  .p916-hero[data-scope-style], .p916-onfa[data-scope-style], .p916-inspiration[data-scope-style], .p916-logo-design[data-scope-style], .p916-selected-logo[data-scope-style], .p916-packaging[data-scope-style], .p916-social[data-scope-style], .p916-bottom-tag[data-scope-style] {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .p916-responsibilities[data-scope-style] {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

.p916-mt-a[data-scope-style] {
  margin-top: 48px;
}

.p916-mt-b[data-scope-style] {
  margin-top: 64px;
}

@media (width >= 768px) {
  .p916-mt-a[data-scope-style] {
    margin-top: 64px;
  }

  .p916-mt-b[data-scope-style] {
    margin-top: 80px;
  }
}

.p916-space-y-3[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 12px;
}
.p916-space-y-3[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 12px;
}

.p916-space-y-6[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 24px;
}
.p916-space-y-6[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 24px;
}

.p916-hero-title[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(60px, 7.5vw, 130px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: normal;
  text-transform: uppercase;
}

.p916-scope-label[data-scope-style] {
  margin-top: 40px;
  font-family: var(--font-sans);
  font-style: italic;
  font-size: clamp(20px, 1.5vw, 25.6px);
  font-weight: 400;
  line-height: 1.2;
}

.p916-scope-list[data-scope-style] {
  margin-top: 24px;
}

.p916-scope-list[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 20px;
}
.p916-scope-list[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 20px;
}

.p916-body[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(18px, 1.85vw, 26.368px);
  line-height: 1.2;
  letter-spacing: -.018em;
}

.p916-bullet-item[data-scope-style] {
  display: flex;
  gap: 12px;
}

.p916-split[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: start;
  column-gap: 48px;
  row-gap: 40px;
}

@media (width >= 1024px) {
  .p916-split[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .p916-split-heading[data-scope-style] {
    grid-column: span 5 / span 5;
  }

  .p916-split-body[data-scope-style] {
    grid-column: span 7 / span 7;
  }
}

.p916-heading[data-scope-style] {
  font-style: italic;
  font-size: clamp(28px, 2.9vw, 42px);
}

.p916-onfa-title[data-scope-style] {
  font-size: clamp(70px, 14vw, 240px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.01em;
}

.p916-onfa-intro[data-scope-style] {
  margin-top: 48px;
  max-width: 1200px;
}

.p916-onfa-grid[data-scope-style] {
  margin-top: 40px;
}

.p916-inspiration-intro[data-scope-style] {
  margin-top: 32px;
  max-width: 920px;
}

.p916-caption[data-scope-style] {
  margin-top: 16px;
  font-family: var(--font-sans);
  font-style: italic;
  font-size: clamp(14px, 1.1vw, 18px);
}

.p916-caption--wide[data-scope-style] {
  margin-top: 24px;
}

@media (width >= 1024px) {
  .p916-caption--wide[data-scope-style] {
    max-width: 760px;
  }
}

.p916-selected-logo-media[data-scope-style] {
  display: flex;
  justify-content: center;
}

@media (width >= 1024px) {
  .p916-selected-logo-media[data-scope-style] {
    grid-column: span 7 / span 7;
    justify-content: flex-end;
  }
}

.p916-packaging-row-3[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: end;
  gap: 24px;
}

@media (width >= 768px) {
  .p916-packaging-row-3[data-scope-style] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
  }
}

.p916-packaging-item[data-scope-style] {
  display: flex;
  justify-content: center;
}

.p916-media--max479[data-scope-style] {
  max-width: 479px;
}

.p916-media--max290[data-scope-style] {
  max-width: 290px;
}

.p916-media--max667[data-scope-style] {
  max-width: 667px;
}

.p916-two-col-grid[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 24px;
}

@media (width >= 768px) {
  .p916-two-col-grid[data-scope-style] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.p916-media[data-scope-style] {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.p916-media[data-scope-style] img[data-scope-style] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.p916-media--cover[data-scope-style] img[data-scope-style] {
  object-fit: cover;
}

.p916-ratio-847-667[data-scope-style] {
  aspect-ratio: 847 / 667;
}

.p916-ratio-703-497[data-scope-style] {
  aspect-ratio: 703 / 497;
}

.p916-ratio-824-582[data-scope-style] {
  aspect-ratio: 824 / 582;
}

.p916-ratio-square[data-scope-style] {
  aspect-ratio: 1;
}

.p916-ratio-479-497[data-scope-style] {
  aspect-ratio: 479 / 497;
}

.p916-ratio-290-497[data-scope-style] {
  aspect-ratio: 290 / 497;
}

.p916-ratio-1459-963[data-scope-style] {
  aspect-ratio: 1459 / 963;
}

.p916-ratio-823-582[data-scope-style] {
  aspect-ratio: 823 / 582;
}

.p916-ratio-1459-836[data-scope-style] {
  aspect-ratio: 1459 / 836;
}

.p916-ratio-709-455[data-scope-style] {
  aspect-ratio: 709 / 455;
}
.about-myself-section[data-scope-style] {
  padding-top: 79px;
}

.about-myself-container[data-scope-style] {
  padding-bottom: 64px;
}

.about-myself-heading[data-scope-style] {
  font-style: italic;
  font-size: clamp(28px, 2.9vw, 42px);
}

.about-myself-grid[data-scope-style] {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 48px;
  row-gap: 40px;
}

.about-myself-text[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 28px;
}
.about-myself-text[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 28px;
}

.about-paragraph[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(18px, 1.85vw, 26.368px);
  line-height: 1.2;
  letter-spacing: -.018em;
}

.about-cta-link[data-scope-style] {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.about-myself-image-frame[data-scope-style] {
  position: relative;
  aspect-ratio: 4 / 5;
  width: 100%;
  overflow: hidden;
}

.about-myself-image[data-scope-style] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (width >= 768px) {
  .about-myself-container[data-scope-style] {
    padding-bottom: 96px;
  }
}

@media (width >= 1024px) {
  .about-myself-container[data-scope-style] {
    padding-bottom: 128px;
  }

  .about-myself-grid[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: start;
  }

  .about-myself-text[data-scope-style] {
    grid-column: span 7 / span 7;
    max-width: 720px;
  }

  .about-myself-image-col[data-scope-style] {
    grid-column: span 5 / span 5;
  }
}
.career-highlights-section[data-scope-style] {
  background-color: var(--color-jy-white);
  padding-top: 64px;
  padding-bottom: 64px;
}

.career-highlights-heading[data-scope-style] {
  font-style: italic;
  font-size: clamp(28px, 2.9vw, 42px);
}

.career-highlights-list[data-scope-style] {
  margin-top: 40px;
  border-top: 1px solid color-mix(in srgb, var(--color-jy-red) 40%, transparent);
}

.career-highlights-list[data-scope-style] > li[data-scope-style] + li[data-scope-style] {
  border-top: 1px solid color-mix(in srgb, var(--color-jy-red) 40%, transparent);
}

.career-highlights-item[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 40px;
  row-gap: 24px;
  padding-block: 40px;
}

.career-highlights-year[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(34px, 3vw, 44px);
  line-height: 1;
}

.career-highlights-bullets[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 20px;
}
.career-highlights-bullets[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 20px;
}

.career-highlights-bullet[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(17px, 1.45vw, 22px);
  line-height: 1.3;
}

.career-highlights-media[data-scope-style] {
  position: relative;
  aspect-ratio: 4 / 3;
  width: 100%;
  overflow: hidden;
}

.career-highlights-media-img[data-scope-style] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (width >= 768px) {
  .career-highlights-section[data-scope-style] {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .career-highlights-item[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    padding-block: 56px;
  }

  .career-highlights-year-col[data-scope-style] {
    grid-column: span 2 / span 2;
  }

  .career-highlights-bullets[data-scope-style] {
    grid-column: span 6 / span 6;
    max-width: 560px;
  }

  .career-highlights-media-col[data-scope-style] {
    grid-column: span 4 / span 4;
  }
}
.work-experience-section[data-scope-style] {
  padding-top: 64px;
  padding-bottom: 64px;
}

.work-experience-header[data-scope-style] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.work-experience-heading[data-scope-style] {
  font-style: italic;
  font-size: clamp(28px, 2.9vw, 42px);
}

.work-experience-note[data-scope-style] {
  color: color-mix(in srgb, var(--color-jy-red) 80%, transparent);
  font-family: var(--font-sans);
  font-size: clamp(14px, 1.1vw, 16px);
}

.work-experience-list[data-scope-style] {
  margin-top: 48px;
}

.work-experience-list[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 64px;
}
.work-experience-list[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 64px;
}

.work-experience-item[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 40px;
  row-gap: 24px;
}

.work-experience-year[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(16px, 1.1vw, 18px);
  line-height: 1.3;
}

.work-experience-content[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 24px;
}
.work-experience-content[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 24px;
}

.work-experience-company[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(34px, 3.6vw, 56px);
  line-height: 1.05;
  letter-spacing: -.02em;
}

.work-experience-bullets[data-scope-style] {
  margin-left: 4px;
  font-family: var(--font-sans);
  font-size: clamp(17px, 1.45vw, 22px);
  line-height: 1.3;
}

.work-experience-bullets[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 12px;
}
.work-experience-bullets[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 12px;
}

.work-experience-bullet-item[data-scope-style] {
  display: flex;
  gap: 12px;
}

.work-experience-bullet-text[data-scope-style] {
  flex: 1;
}

.work-experience-roles[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 8px;
}
.work-experience-roles[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 8px;
}

.work-experience-role-title[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(17px, 1.45vw, 22px);
  line-height: 1.3;
  font-weight: 600;
}

.work-experience-role-desc[data-scope-style] {
  margin-top: 4px;
  font-family: var(--font-sans);
  font-size: clamp(16px, 1.2vw, 18px);
  line-height: 1.3;
}

.work-experience-clients[data-scope-style] {
  padding-top: 8px;
}

.work-experience-clients-label[data-scope-style] {
  color: color-mix(in srgb, var(--color-jy-red) 80%, transparent);
  font-family: var(--font-sans);
  font-size: clamp(13px, .95vw, 15px);
  line-height: 1.4;
}

@media (width >= 768px) {
  .work-experience-section[data-scope-style] {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .work-experience-header[data-scope-style] {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }

  .work-experience-list[data-scope-style] {
    margin-top: 64px;
  }

  .work-experience-list[data-scope-style] > [data-scope-style] + [data-scope-style] {
    margin-top: 96px;
  }
.work-experience-list[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
    margin-top: 96px;
  }

  .work-experience-item[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .work-experience-year-col[data-scope-style] {
    grid-column: span 3 / span 3;
  }

  .work-experience-content[data-scope-style] {
    grid-column: span 9 / span 9;
  }
}
.design-tools-marquee[data-scope-style] {
  position: relative;
  overflow: hidden;
  background-color: var(--color-jy-red);
  padding-top: 48px;
  padding-bottom: 48px;
}

.design-tools-marquee-heading[data-scope-style] {
  font-style: italic;
  font-size: clamp(28px, 2.9vw, 42px);
}

.design-tools-marquee-wrap[data-scope-style] {
  position: relative;
  margin-top: 32px;
  width: 100%;
}

.design-tools-marquee-svg[data-scope-style] {
  display: block;
  width: 100%;
  overflow: visible;
  height: clamp(90px, 11vw, 168px);
}

.design-tools-marquee-text[data-scope-style] {
  fill: color-mix(in srgb, var(--color-jy-white) 78%, transparent);
  font-family: var(--font-serif);
  font-style: italic;
  font-size: 36px;
  letter-spacing: 0;
}

.design-tools-marquee-sr[data-scope-style] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (width >= 768px) {
  .design-tools-marquee[data-scope-style] {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
.languages-and-strengths-section[data-scope-style] {
  background-color: var(--color-jy-white);
  padding-top: 64px;
  padding-bottom: 64px;
}

.languages-strengths-groups[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 80px;
}
.languages-strengths-groups[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 80px;
}

.languages-heading[data-scope-style], .strengths-heading[data-scope-style] {
  font-style: italic;
  font-size: clamp(28px, 2.9vw, 42px);
}

.languages-list[data-scope-style] {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 40px;
  row-gap: 16px;
  font-family: var(--font-sans);
}

.languages-item[data-scope-style] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: clamp(17px, 1.4vw, 22px);
  line-height: 1.3;
}

.strengths-heading-inner[data-scope-style] {
  position: relative;
  display: inline-block;
}

.strengths-heading-phrase[data-scope-style] {
  position: relative;
  display: inline-block;
  padding-inline: .2em;
}

.strengths-heading-svg[data-scope-style] {
  left: -.2em;
  top: -.2em;
  width: calc(100% + .4em);
  height: calc(100% + .4em);
}

.strengths-list[data-scope-style] {
  margin-top: 40px;
  border-top: 1px solid color-mix(in srgb, var(--color-jy-red) 40%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--color-jy-red) 40%, transparent);
}

.strengths-list[data-scope-style] > li[data-scope-style] + li[data-scope-style] {
  border-top: 1px solid color-mix(in srgb, var(--color-jy-red) 40%, transparent);
}

.strength-trigger[data-scope-style] {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-block: 24px;
  text-align: left;
  font-family: var(--font-sans);
}

.strength-title[data-scope-style] {
  font-size: clamp(26px, 3vw, 44px);
  line-height: 1.05;
  letter-spacing: -.015em;
  opacity: .6;
  transition: opacity .2s ease-out;
}

.strength-item[data-scope-style].is-open .strength-title[data-scope-style] {
  opacity: 1;
}

.strength-icon[data-scope-style] {
  position: relative;
  display: inline-block;
  font-size: clamp(22px, 1.8vw, 28px);
  line-height: 1;
  width: 1em;
  height: 1em;
}

.strength-icon-bar-h[data-scope-style], .strength-icon-bar-v[data-scope-style] {
  position: absolute;
  inset: 0;
}

.strength-icon-bar-h[data-scope-style] {
  background: linear-gradient(#0000 calc(50% - 1px), currentColor calc(50% - 1px) calc(50% + 1px), #0000 calc(50% + 1px));
  opacity: 1;
  transition: opacity .3s ease-out;
}

.strength-icon-bar-v[data-scope-style] {
  background: linear-gradient(to right, #0000 calc(50% - 1px), currentColor calc(50% - 1px) calc(50% + 1px), #0000 calc(50% + 1px));
  transform: rotate(0);
  transition: transform .3s ease-out;
}

.strength-item[data-scope-style].is-open .strength-icon-bar-h[data-scope-style] {
  opacity: 0;
}

.strength-item[data-scope-style].is-open .strength-icon-bar-v[data-scope-style] {
  transform: rotate(90deg);
}

.strength-body[data-scope-style] {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .25s cubic-bezier(.66, 0, .34, 1);
}

.strength-item[data-scope-style].is-open .strength-body[data-scope-style] {
  grid-template-rows: 1fr;
}

.strength-body-inner[data-scope-style] {
  overflow: hidden;
}

.strength-body-grid[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 24px;
  padding-bottom: 32px;
}

.strength-description[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(17px, 1.4vw, 22px);
  line-height: 1.35;
}

@media (width >= 768px) {
  .languages-and-strengths-section[data-scope-style] {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .languages-strengths-groups[data-scope-style] > [data-scope-style] + [data-scope-style] {
    margin-top: 112px;
  }
.languages-strengths-groups[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
    margin-top: 112px;
  }

  .languages-list[data-scope-style] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .strength-body-grid[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .strength-body-spacer[data-scope-style] {
    grid-column: span 3 / span 3;
  }

  .strength-description[data-scope-style] {
    grid-column: span 9 / span 9;
    max-width: 760px;
  }
}

@media (width >= 1024px) {
  .languages-list[data-scope-style] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.come-see-my-work-banner[data-scope-style] {
  background-color: var(--color-jy-red);
  padding-top: 48px;
  padding-bottom: 48px;
}

.come-see-my-work-text[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.1;
  letter-spacing: -.02em;
}

.come-see-my-work-link[data-scope-style] {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: .18em;
}

@media (width >= 768px) {
  .come-see-my-work-banner[data-scope-style] {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
.pawsontherun[data-scope-style] {
  padding-top: 79px;
}

.pawsontherun-hero[data-scope-style], .pawsontherun-intro[data-scope-style] {
  padding-top: 48px;
  padding-bottom: 48px;
}

.pawsontherun-part-1[data-scope-style], .pawsontherun-part-2[data-scope-style], .pawsontherun-part-3[data-scope-style], .pawsontherun-part-4[data-scope-style], .pawsontherun-responsibilities[data-scope-style] {
  padding-top: 64px;
  padding-bottom: 64px;
}

@media (width >= 768px) {
  .pawsontherun-hero[data-scope-style], .pawsontherun-intro[data-scope-style] {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .pawsontherun-part-1[data-scope-style], .pawsontherun-part-2[data-scope-style], .pawsontherun-part-3[data-scope-style], .pawsontherun-part-4[data-scope-style], .pawsontherun-responsibilities[data-scope-style] {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

.pawsontherun-mt-a[data-scope-style] {
  margin-top: 48px;
}

.pawsontherun-mt-b[data-scope-style] {
  margin-top: 64px;
}

.pawsontherun-mt-c[data-scope-style] {
  margin-top: 24px;
}

.pawsontherun-mt-d[data-scope-style] {
  margin-top: 64px;
}

@media (width >= 768px) {
  .pawsontherun-mt-a[data-scope-style] {
    margin-top: 64px;
  }

  .pawsontherun-mt-b[data-scope-style] {
    margin-top: 96px;
  }

  .pawsontherun-mt-c[data-scope-style] {
    margin-top: 32px;
  }
}

.pawsontherun-hero-grid[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  column-gap: 48px;
  row-gap: 40px;
}

.pawsontherun-hero-text[data-scope-style] {
  position: relative;
  z-index: 10;
}

.pawsontherun-hero-title[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(48px, 6.8vw, 100px);
  font-weight: 700;
  line-height: .95;
  letter-spacing: -.02em;
  text-transform: uppercase;
  white-space: normal;
}

.pawsontherun-scope[data-scope-style] {
  margin-top: 40px;
  max-width: 520px;
}

.pawsontherun-scope[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 24px;
}
.pawsontherun-scope[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 24px;
}

.pawsontherun-scope-label[data-scope-style] {
  font-style: italic;
  font-size: clamp(22px, 2vw, 28px);
  line-height: 1.2;
}

.pawsontherun-scope-list[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 20px;
}
.pawsontherun-scope-list[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 20px;
}

@media (width >= 1024px) {
  .pawsontherun-hero-grid[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .pawsontherun-hero-text[data-scope-style] {
    grid-column: span 6 / span 6;
  }

  .pawsontherun-hero-image-col[data-scope-style] {
    grid-column: span 6 / span 6;
  }

  .pawsontherun-hero-title[data-scope-style] {
    white-space: nowrap;
  }
}

.pawsontherun-body[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(18px, 1.85vw, 26.368px);
  line-height: 1.2;
  letter-spacing: -.018em;
}

.pawsontherun-bullet-item[data-scope-style] {
  display: flex;
  gap: 12px;
}

.pawsontherun-marker-svg--circle[data-scope-style] {
  top: -4px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
}

.pawsontherun-marker-svg--underline[data-scope-style] {
  bottom: -4px;
  left: 0;
  width: 100%;
}

.pawsontherun-underline[data-scope-style] {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
}

.pawsontherun-intro-heading[data-scope-style] {
  font-style: italic;
  font-size: clamp(40px, 5.3vw, 76px);
  line-height: 1.05;
}

.pawsontherun-intro-grid[data-scope-style] {
  margin-top: 48px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 48px;
  row-gap: 24px;
}

.pawsontherun-intro-body[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 24px;
}
.pawsontherun-intro-body[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 24px;
}

@media (width >= 1024px) {
  .pawsontherun-intro-grid[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .pawsontherun-intro-body[data-scope-style] {
    grid-column: span 9 / span 9;
    max-width: 920px;
  }
}

.pawsontherun-part-heading[data-scope-style] {
  font-style: italic;
  font-size: clamp(28px, 2.9vw, 42px);
}

.pawsontherun-subheading[data-scope-style] {
  font-style: italic;
  font-size: clamp(24px, 2.4vw, 34px);
}

.pawsontherun-split[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 48px;
  row-gap: 40px;
}

.pawsontherun-split-body[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 24px;
}
.pawsontherun-split-body[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 24px;
}

.pawsontherun-prelim-col[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 24px;
}
.pawsontherun-prelim-col[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 24px;
}

.pawsontherun-responsibilities-list[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 12px;
}
.pawsontherun-responsibilities-list[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 12px;
}

@media (width >= 1024px) {
  .pawsontherun-split[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .pawsontherun-split-heading[data-scope-style], .pawsontherun-prelim-col[data-scope-style] {
    grid-column: span 5 / span 5;
  }

  .pawsontherun-split-body[data-scope-style], .pawsontherun-split-media-col[data-scope-style], .pawsontherun-responsibilities-list[data-scope-style] {
    grid-column: span 7 / span 7;
  }

  .pawsontherun-split-body[data-scope-style] {
    max-width: 760px;
  }
}

.pawsontherun-logo-evolution-grid[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 24px;
}

@media (width >= 640px) {
  .pawsontherun-logo-evolution-grid[data-scope-style] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.pawsontherun-two-col-grid[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 24px;
}

@media (width >= 768px) {
  .pawsontherun-two-col-grid[data-scope-style] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.pawsontherun-hashtag-intro[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.2;
  letter-spacing: -.018em;
}

.pawsontherun-hashtag[data-scope-style] {
  margin-top: 8px;
  font-style: italic;
  font-size: clamp(60px, 10vw, 160px);
  line-height: 1;
  letter-spacing: -.02em;
}

.pawsontherun-ad-caption[data-scope-style] {
  margin-top: 24px;
  font-family: var(--font-sans);
  font-style: italic;
  font-size: clamp(16px, 1.4vw, 20px);
}

.pawsontherun-social-grid[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

@media (width >= 768px) {
  .pawsontherun-social-grid[data-scope-style] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
  }
}

.pawsontherun-media[data-scope-style] {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.pawsontherun-media[data-scope-style] img[data-scope-style] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pawsontherun-media--cover[data-scope-style] img[data-scope-style] {
  object-fit: cover;
}

.pawsontherun-ratio-969-685[data-scope-style] {
  aspect-ratio: 969 / 685;
}

.pawsontherun-ratio-860-577[data-scope-style] {
  aspect-ratio: 860 / 577;
}

.pawsontherun-ratio-860-610[data-scope-style] {
  aspect-ratio: 860 / 610;
}

.pawsontherun-ratio-388-274[data-scope-style] {
  aspect-ratio: 388 / 274;
}

.pawsontherun-ratio-672-475[data-scope-style] {
  aspect-ratio: 672 / 475;
}

.pawsontherun-ratio-900-600[data-scope-style] {
  aspect-ratio: 900 / 600;
}

.pawsontherun-ratio-1105-622[data-scope-style] {
  aspect-ratio: 1105 / 622;
}

.pawsontherun-ratio-552-730[data-scope-style] {
  aspect-ratio: 552 / 730;
}

.pawsontherun-ratio-540-766[data-scope-style] {
  aspect-ratio: 540 / 766;
}

.pawsontherun-ratio-1324-919[data-scope-style] {
  aspect-ratio: 1324 / 919;
}

.pawsontherun-ratio-1439-961[data-scope-style] {
  aspect-ratio: 1439 / 961;
}

.pawsontherun-ratio-square[data-scope-style] {
  aspect-ratio: 1;
}

.pawsontherun-ratio-1439-893[data-scope-style] {
  aspect-ratio: 1439 / 893;
}

.pawsontherun-ratio-484-342[data-scope-style] {
  aspect-ratio: 484 / 342;
}

.pawsontherun-ratio-1105-782[data-scope-style] {
  aspect-ratio: 1105 / 782;
}
.photo[data-scope-style] {
  padding-top: 79px;
}

.photo-hero[data-scope-style] {
  padding-top: 64px;
  padding-bottom: 64px;
}

@media (width >= 768px) {
  .photo-hero[data-scope-style] {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

.photo-hero-grid[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 40px;
}

@media (width >= 1024px) {
  .photo-hero-grid[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: center;
    column-gap: 48px;
    row-gap: 40px;
  }

  .photo-hero-text[data-scope-style] {
    grid-column: span 6 / span 6;
    max-width: 640px;
  }

  .photo-hero-image-col[data-scope-style] {
    grid-column: span 6 / span 6;
  }
}

.photo-hero-text[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 28px;
}
.photo-hero-text[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 28px;
}

.photo-hero-title[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(36px, 4.2vw, 80px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.02em;
}

.photo-hero-body[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(16px, 1.5vw, 25.6px);
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: -.0175em;
}

.photo-hero-body[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 24px;
}
.photo-hero-body[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 24px;
}

.photo-marker-wrap[data-scope-style] {
  white-space: nowrap;
}

.photo-marker-svg[data-scope-style] {
  top: -4px;
  left: -8px;
  width: calc(100% + 16px);
  height: calc(100% + 8px);
}

.photo-hero-meta[data-scope-style] {
  padding-top: 16px;
  font-family: var(--font-sans);
  font-size: clamp(13px, 1vw, 16px);
  font-weight: 400;
  line-height: 1.5;
}

.photo-hero-media[data-scope-style] {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
}

.photo-hero-media[data-scope-style] img[data-scope-style] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.photo-gallery[data-scope-style] {
  padding-bottom: 80px;
}

@media (width >= 768px) {
  .photo-gallery[data-scope-style] {
    padding-bottom: 112px;
  }
}

.photo-gallery-grid[data-scope-style] {
  column-count: 1;
  column-gap: 24px;
}

@media (width >= 640px) {
  .photo-gallery-grid[data-scope-style] {
    column-count: 2;
  }
}

@media (width >= 768px) {
  .photo-gallery-grid[data-scope-style] {
    column-count: 3;
    column-gap: 32px;
  }
}

@media (width >= 1024px) {
  .photo-gallery-grid[data-scope-style] {
    column-count: 4;
  }
}

.photo-gallery-item[data-scope-style] {
  margin-bottom: 24px;
  break-inside: avoid;
}

@media (width >= 768px) {
  .photo-gallery-item[data-scope-style] {
    margin-bottom: 32px;
  }
}

.photo-gallery-img[data-scope-style] {
  display: block;
  width: 100%;
  height: auto;
}
.piof[data-scope-style] {
  padding-top: 79px;
}

.piof-hero[data-scope-style], .piof-subtitle[data-scope-style], .piof-question-intro[data-scope-style], .piof-trailer[data-scope-style], .piof-outcome[data-scope-style], .piof-concept[data-scope-style], .piof-storyboard[data-scope-style], .piof-kv-landing[data-scope-style], .piof-authors-slides[data-scope-style], .piof-kv-turtle[data-scope-style], .piof-microsite[data-scope-style], .piof-authors-photo[data-scope-style], .piof-social-feed[data-scope-style] {
  padding-top: 48px;
  padding-bottom: 48px;
}

.piof-book-cover[data-scope-style], .piof-moodboard[data-scope-style], .piof-responsibilities[data-scope-style] {
  padding-top: 64px;
  padding-bottom: 64px;
}

@media (width >= 768px) {
  .piof-hero[data-scope-style], .piof-subtitle[data-scope-style], .piof-question-intro[data-scope-style], .piof-trailer[data-scope-style], .piof-outcome[data-scope-style], .piof-concept[data-scope-style], .piof-storyboard[data-scope-style], .piof-kv-landing[data-scope-style], .piof-authors-slides[data-scope-style], .piof-kv-turtle[data-scope-style], .piof-microsite[data-scope-style], .piof-authors-photo[data-scope-style], .piof-social-feed[data-scope-style] {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .piof-book-cover[data-scope-style], .piof-moodboard[data-scope-style], .piof-responsibilities[data-scope-style] {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

.piof-space-y-3[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 12px;
}
.piof-space-y-3[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 12px;
}

.piof-space-y-5[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 20px;
}
.piof-space-y-5[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 20px;
}

.piof-space-y-6[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 24px;
}
.piof-space-y-6[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 24px;
}

.piof-hero-grid[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  column-gap: 48px;
  row-gap: 40px;
}

.piof-hero-text[data-scope-style] {
  position: relative;
  z-index: 10;
}

.piof-hero-title[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(48px, 6.8vw, 100px);
  font-weight: 700;
  line-height: .95;
  letter-spacing: -.02em;
  text-transform: uppercase;
  white-space: normal;
}

.piof-scope[data-scope-style] {
  margin-top: 40px;
  max-width: 560px;
}

.piof-scope[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 24px;
}
.piof-scope[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 24px;
}

.piof-scope-label[data-scope-style] {
  font-style: italic;
  font-size: clamp(22px, 2vw, 28px);
  line-height: 1.2;
}

.piof-scope-list[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 20px;
}
.piof-scope-list[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 20px;
}

@media (width >= 1024px) {
  .piof-hero-grid[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .piof-hero-text[data-scope-style] {
    grid-column: span 6 / span 6;
  }

  .piof-hero-image-col[data-scope-style] {
    grid-column: span 6 / span 6;
  }

  .piof-hero-title[data-scope-style] {
    white-space: nowrap;
  }
}

.piof-body[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(18px, 1.85vw, 26.368px);
  line-height: 1.2;
  letter-spacing: -.018em;
}

.piof-bullet-item[data-scope-style] {
  display: flex;
  gap: 12px;
}

.piof-marker-svg--circle[data-scope-style] {
  top: -4px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
}

.piof-marker-svg--underline[data-scope-style] {
  bottom: -4px;
  left: 0;
  width: 100%;
}

.piof-underline[data-scope-style] {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
}

.piof-subtitle-heading[data-scope-style] {
  font-style: italic;
  font-size: clamp(40px, 5.3vw, 76px);
  line-height: 1.05;
}

.piof-heading[data-scope-style] {
  font-style: italic;
  font-size: clamp(28px, 2.9vw, 42px);
}

.piof-heading--tight[data-scope-style] {
  line-height: 1.15;
}

.piof-split[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 48px;
  row-gap: 40px;
}

@media (width >= 1024px) {
  .piof-split[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .piof-split-heading[data-scope-style] {
    grid-column: span 5 / span 5;
  }

  .piof-split-body[data-scope-style], .piof-responsibilities-list[data-scope-style] {
    grid-column: span 7 / span 7;
  }

  .piof-split-body[data-scope-style] {
    max-width: 760px;
  }
}

.piof-trailer-frame[data-scope-style] {
  position: relative;
  margin-top: 32px;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background-color: #000;
}

.piof-trailer-frame[data-scope-style] iframe[data-scope-style] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.piof-moodboard-caption[data-scope-style] {
  margin-top: 24px;
  font-style: italic;
  font-family: var(--font-sans);
  font-size: clamp(16px, 1.4vw, 20px);
}

.piof-authors-slides-grid[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 24px;
}

@media (width >= 768px) {
  .piof-authors-slides-grid[data-scope-style] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.piof-microsite-media[data-scope-style] {
  margin-top: 48px;
}

@media (width >= 1024px) {
  .piof-microsite-copy[data-scope-style] {
    max-width: 760px;
  }
}

.piof-media[data-scope-style] {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.piof-media[data-scope-style] img[data-scope-style] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.piof-media--cover[data-scope-style] img[data-scope-style] {
  object-fit: cover;
}

.piof-book-cover-media[data-scope-style] {
  margin-inline: auto;
  max-width: 860px;
}

.piof-ratio-936-702[data-scope-style] {
  aspect-ratio: 936 / 702;
}

.piof-ratio-860-650[data-scope-style] {
  aspect-ratio: 860 / 650;
}

.piof-ratio-1439-810[data-scope-style] {
  aspect-ratio: 1439 / 810;
}

.piof-ratio-16-9[data-scope-style] {
  aspect-ratio: 16 / 9;
}
.portfolio-project-row[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  column-gap: 48px;
  row-gap: 24px;
  padding-top: 48px;
  padding-bottom: 48px;
}

.portfolio-project-row[data-scope-style] + .portfolio-project-row[data-scope-style] {
  border-top: 1px solid color-mix(in srgb, var(--color-jy-red) 30%, transparent);
}

.portfolio-project-row-title[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(36px, 5.2vw, 76px);
  font-weight: 700;
  line-height: .95;
  letter-spacing: -.005em;
  text-transform: uppercase;
}

.portfolio-project-row-link[data-scope-style] {
  margin-top: 32px;
  display: inline-block;
  font-family: var(--font-sans);
  font-size: clamp(18px, 1.85vw, 26.368px);
  letter-spacing: -.018em;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  transition: opacity .2s;
}

.portfolio-project-row-link[data-scope-style]:hover {
  opacity: .7;
}

.portfolio-project-row-media[data-scope-style] {
  position: relative;
  aspect-ratio: 686 / 520;
  width: 100%;
  overflow: hidden;
}

.portfolio-project-row-img[data-scope-style] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (width >= 768px) {
  .portfolio-project-row[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .portfolio-project-row-text[data-scope-style] {
    grid-column: span 6 / span 6;
  }

  .portfolio-project-row-image-col[data-scope-style] {
    grid-column: span 6 / span 6;
  }
}

@media (width >= 1024px) {
  .portfolio-project-row[data-scope-style] {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .portfolio-project-row-text[data-scope-style] {
    grid-column: span 5 / span 5;
  }

  .portfolio-project-row-image-col[data-scope-style] {
    grid-column: span 7 / span 7;
  }
}
.portfolio[data-scope-style] {
  padding-top: 79px;
}

.portfolio-section[data-scope-style] {
  padding-top: 48px;
}

@media (width >= 768px) {
  .portfolio-section[data-scope-style] {
    padding-top: 64px;
  }
}

.portfolio-heading[data-scope-style] {
  font-style: italic;
  font-size: clamp(28px, 2.9vw, 42px);
}

.portfolio-list[data-scope-style] {
  margin-top: 32px;
}

@media (width >= 768px) {
  .portfolio-list[data-scope-style] {
    margin-top: 48px;
  }
}
.sgfnbc[data-scope-style] {
  padding-top: 79px;
}

.sgfnbc-hero[data-scope-style], .sgfnbc-serving[data-scope-style], .sgfnbc-vibe[data-scope-style], .sgfnbc-logo-exploration[data-scope-style], .sgfnbc-final-logo[data-scope-style], .sgfnbc-stationery[data-scope-style] {
  padding-top: 48px;
  padding-bottom: 48px;
}

.sgfnbc-responsibilities[data-scope-style] {
  padding-top: 64px;
  padding-bottom: 64px;
}

@media (width >= 768px) {
  .sgfnbc-hero[data-scope-style], .sgfnbc-serving[data-scope-style], .sgfnbc-vibe[data-scope-style], .sgfnbc-logo-exploration[data-scope-style], .sgfnbc-final-logo[data-scope-style], .sgfnbc-stationery[data-scope-style] {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .sgfnbc-responsibilities[data-scope-style] {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

.sgfnbc-media-grid[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: start;
  column-gap: 48px;
  row-gap: 40px;
}

@media (width >= 1024px) {
  .sgfnbc-media-grid[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .sgfnbc-media-grid-text[data-scope-style] {
    grid-column: span 5 / span 5;
  }

  .sgfnbc-media-grid-media[data-scope-style] {
    grid-column: span 7 / span 7;
  }
}

.sgfnbc-vibe-text[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 24px;
}
.sgfnbc-vibe-text[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 24px;
}

.sgfnbc-hero-title[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(34px, 4.1vw, 70.4px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: normal;
  text-transform: uppercase;
}

.sgfnbc-scope-heading[data-scope-style] {
  margin-top: 40px;
  font-size: clamp(20px, 1.5vw, 25.6px);
  font-weight: 400;
  line-height: 1.2;
}

.sgfnbc-scope-list[data-scope-style] {
  margin-top: 24px;
}

.sgfnbc-scope-list[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 20px;
}
.sgfnbc-scope-list[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 20px;
}

.sgfnbc-body[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(18px, 1.85vw, 26.368px);
  line-height: 1.2;
  letter-spacing: -.018em;
}

.sgfnbc-bullet-item[data-scope-style] {
  display: flex;
  gap: 12px;
}

.sgfnbc-underline[data-scope-style] {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
}

.sgfnbc-marker-svg--circle[data-scope-style] {
  top: -4px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
}

.sgfnbc-marker-svg--underline[data-scope-style] {
  bottom: -4px;
  left: 0;
  width: 100%;
}

.sgfnbc-heading[data-scope-style] {
  font-size: clamp(28px, 2.9vw, 42px);
  font-weight: 400;
  line-height: 1.05;
}

.sgfnbc-serving-heading[data-scope-style] {
  font-size: clamp(60px, 12.2vw, 209px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.01em;
}

.sgfnbc-serving-body[data-scope-style] {
  margin-top: 48px;
  max-width: 1200px;
}

.sgfnbc-serving-body[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 24px;
}
.sgfnbc-serving-body[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 24px;
}

.sgfnbc-logo-intro[data-scope-style] {
  margin-top: 24px;
  max-width: 1200px;
}

.sgfnbc-logo-grid[data-scope-style] {
  margin-top: 48px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 24px;
}

@media (width >= 768px) {
  .sgfnbc-logo-grid[data-scope-style] {
    margin-top: 64px;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .sgfnbc-logo-grid-sketches[data-scope-style] {
    grid-column: span 4 / span 4;
  }

  .sgfnbc-logo-grid-rationale[data-scope-style] {
    grid-column: span 8 / span 8;
  }
}

.sgfnbc-final-logo-banner-wrap[data-scope-style] {
  margin-top: 40px;
}

@media (width >= 768px) {
  .sgfnbc-final-logo-banner-wrap[data-scope-style] {
    margin-top: 48px;
  }
}

.sgfnbc-final-logo-media[data-scope-style] {
  margin-inline: auto;
  max-width: 920px;
}

.sgfnbc-final-logo-body[data-scope-style] {
  margin-top: 48px;
  max-width: 1200px;
}

.sgfnbc-final-logo-body[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 24px;
}
.sgfnbc-final-logo-body[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 24px;
}

@media (width >= 768px) {
  .sgfnbc-final-logo-body[data-scope-style] {
    margin-top: 64px;
  }
}

.sgfnbc-responsibilities-heading[data-scope-style] {
  font-style: italic;
  font-size: clamp(28px, 2.9vw, 42px);
}

.sgfnbc-responsibilities-grid[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 48px;
  row-gap: 40px;
}

.sgfnbc-responsibilities-list[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 12px;
}
.sgfnbc-responsibilities-list[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 12px;
}

@media (width >= 1024px) {
  .sgfnbc-responsibilities-grid[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .sgfnbc-responsibilities-heading-col[data-scope-style] {
    grid-column: span 5 / span 5;
  }

  .sgfnbc-responsibilities-list[data-scope-style] {
    grid-column: span 7 / span 7;
  }
}

.sgfnbc-media[data-scope-style] {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.sgfnbc-media[data-scope-style] img[data-scope-style] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sgfnbc-media--cover[data-scope-style] img[data-scope-style] {
  object-fit: cover;
}

.sgfnbc-ratio-908-879[data-scope-style] {
  aspect-ratio: 908 / 879;
}

.sgfnbc-ratio-823-582[data-scope-style] {
  aspect-ratio: 823 / 582;
}

.sgfnbc-ratio-479-582[data-scope-style] {
  aspect-ratio: 479 / 582;
}

.sgfnbc-ratio-969-582[data-scope-style] {
  aspect-ratio: 969 / 582;
}

.sgfnbc-ratio-969-413[data-scope-style] {
  aspect-ratio: 969 / 413;
}

.sgfnbc-ratio-1459-1006[data-scope-style] {
  aspect-ratio: 1459 / 1006;
}
.social-embed[data-scope-style] {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: var(--color-jy-bg-light);
}

.social-embed--instagram[data-scope-style] {
  aspect-ratio: 453 / 953;
}

.social-embed--tiktok[data-scope-style] {
  aspect-ratio: 453 / 757;
}

.social-embed-iframe[data-scope-style] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.socialmediacontent[data-scope-style] {
  padding-top: 79px;
}

.socialmediacontent-hero[data-scope-style], .socialmediacontent-wise[data-scope-style], .socialmediacontent-timhortons[data-scope-style], .socialmediacontent-personal-intro[data-scope-style], .socialmediacontent-secret-project[data-scope-style], .socialmediacontent-journeyman[data-scope-style] {
  padding-top: 48px;
  padding-bottom: 48px;
}

@media (width >= 768px) {
  .socialmediacontent-hero[data-scope-style], .socialmediacontent-wise[data-scope-style], .socialmediacontent-timhortons[data-scope-style], .socialmediacontent-personal-intro[data-scope-style], .socialmediacontent-secret-project[data-scope-style], .socialmediacontent-journeyman[data-scope-style] {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.socialmediacontent-mt-24[data-scope-style] {
  margin-top: 24px;
}

.socialmediacontent-mt-32[data-scope-style] {
  margin-top: 32px;
}

.socialmediacontent-mt-40[data-scope-style] {
  margin-top: 40px;
}

.socialmediacontent-mt-48[data-scope-style] {
  margin-top: 48px;
}

.socialmediacontent-max-920[data-scope-style] {
  max-width: 920px;
}

.socialmediacontent-space-y-6[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 24px;
}
.socialmediacontent-space-y-6[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 24px;
}

.socialmediacontent-split-grid[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 48px;
  row-gap: 40px;
}

@media (width >= 1024px) {
  .socialmediacontent-split-grid[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .socialmediacontent-col-text[data-scope-style] {
    grid-column: span 7 / span 7;
  }

  .socialmediacontent-col-image[data-scope-style] {
    grid-column: span 5 / span 5;
  }
}

.socialmediacontent-hero-title[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(56px, 8vw, 124px);
  font-weight: 700;
  line-height: .95;
  letter-spacing: -.02em;
  text-transform: uppercase;
}

.socialmediacontent-hero-copy[data-scope-style] {
  max-width: 680px;
  font-family: var(--font-sans);
  font-size: clamp(18px, 1.85vw, 26.368px);
  line-height: 1.2;
  letter-spacing: -.018em;
}

.socialmediacontent-hero-copy[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 20px;
}
.socialmediacontent-hero-copy[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 20px;
}

.socialmediacontent-heading[data-scope-style] {
  font-style: italic;
  font-size: clamp(40px, 5.3vw, 76px);
  line-height: 1.05;
}

.socialmediacontent-subheading[data-scope-style] {
  font-style: italic;
  font-size: clamp(28px, 2.9vw, 42px);
}

.socialmediacontent-body[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(18px, 1.85vw, 26.368px);
  line-height: 1.2;
  letter-spacing: -.018em;
}

.socialmediacontent-embed-solo[data-scope-style] {
  display: flex;
  justify-content: center;
}

.socialmediacontent-embed-solo-inner[data-scope-style] {
  width: 100%;
  max-width: 453px;
}

.socialmediacontent-embed-row-3[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 24px;
}

@media (width >= 640px) {
  .socialmediacontent-embed-row-3[data-scope-style] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.socialmediacontent-timhortons-grid[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 24px;
}

@media (width >= 640px) {
  .socialmediacontent-timhortons-grid[data-scope-style] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width >= 1024px) {
  .socialmediacontent-timhortons-grid[data-scope-style] {
    max-width: 940px;
  }
}

.socialmediacontent-journeyman-embeds[data-scope-style] {
  margin-top: 48px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 24px;
}

@media (width >= 640px) {
  .socialmediacontent-journeyman-embeds[data-scope-style] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (width >= 768px) {
  .socialmediacontent-journeyman-embeds[data-scope-style] {
    margin-top: 64px;
  }
}

.socialmediacontent-media[data-scope-style] {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.socialmediacontent-media[data-scope-style] img[data-scope-style] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.socialmediacontent-media--cover[data-scope-style] img[data-scope-style] {
  object-fit: cover;
}

.socialmediacontent-hero-image[data-scope-style] {
  max-width: 420px;
}

.socialmediacontent-ratio-square[data-scope-style] {
  aspect-ratio: 1;
}

.socialmediacontent-ratio-480-600[data-scope-style] {
  aspect-ratio: 480 / 600;
}
.sota[data-scope-style] {
  padding-top: 79px;
}

.sota-hero[data-scope-style], .sota-intro[data-scope-style] {
  padding-top: 48px;
  padding-bottom: 48px;
}

.sota-wireframes[data-scope-style], .sota-before-after[data-scope-style], .sota-desktop-preview[data-scope-style], .sota-styleguide[data-scope-style], .sota-mobile-preview[data-scope-style], .sota-responsibilities[data-scope-style] {
  padding-top: 64px;
  padding-bottom: 64px;
}

@media (width >= 768px) {
  .sota-hero[data-scope-style], .sota-intro[data-scope-style] {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .sota-wireframes[data-scope-style], .sota-before-after[data-scope-style], .sota-desktop-preview[data-scope-style], .sota-styleguide[data-scope-style], .sota-mobile-preview[data-scope-style], .sota-responsibilities[data-scope-style] {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

.sota-mt-6[data-scope-style] {
  margin-top: 24px;
}

.sota-hero-grid[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  column-gap: 48px;
  row-gap: 40px;
}

.sota-hero-title[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(48px, 6.4vw, 96px);
  font-weight: 700;
  line-height: .95;
  letter-spacing: -.02em;
  text-transform: uppercase;
}

.sota-scope[data-scope-style] {
  margin-top: 40px;
  max-width: 520px;
}

.sota-scope[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 24px;
}
.sota-scope[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 24px;
}

.sota-scope-label[data-scope-style] {
  font-style: italic;
  font-size: clamp(22px, 2vw, 28px);
  line-height: 1.2;
}

.sota-scope-list[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 20px;
}
.sota-scope-list[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 20px;
}

.sota-hero-image-col[data-scope-style] {
  max-width: 560px;
}

@media (width >= 1024px) {
  .sota-hero-grid[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .sota-hero-text[data-scope-style] {
    grid-column: span 6 / span 6;
  }

  .sota-hero-image-col[data-scope-style] {
    grid-column: span 6 / span 6;
  }
}

.sota-body[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(18px, 1.85vw, 26.368px);
  line-height: 1.2;
  letter-spacing: -.018em;
}

.sota-bullet-item[data-scope-style] {
  display: flex;
  gap: 12px;
}

.sota-marker-svg--circle[data-scope-style] {
  top: -4px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
}

.sota-marker-svg--underline[data-scope-style] {
  bottom: -4px;
  left: 0;
  width: 100%;
}

.sota-intro-heading[data-scope-style] {
  font-style: italic;
  font-size: clamp(40px, 5.3vw, 76px);
  line-height: 1.05;
}

.sota-intro-grid[data-scope-style] {
  margin-top: 48px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 48px;
  row-gap: 24px;
}

.sota-intro-body[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 24px;
}
.sota-intro-body[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 24px;
}

@media (width >= 1024px) {
  .sota-intro-grid[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .sota-intro-body[data-scope-style] {
    grid-column: span 9 / span 9;
    max-width: 920px;
  }
}

.sota-wireframes-caption[data-scope-style] {
  font-family: var(--font-sans);
  font-style: italic;
  font-size: clamp(18px, 1.5vw, 22px);
}

.sota-two-col-grid[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 24px;
}

@media (width >= 768px) {
  .sota-two-col-grid[data-scope-style] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.sota-before-after-caption[data-scope-style] {
  margin-top: 24px;
  font-family: var(--font-sans);
  font-size: clamp(16px, 1.4vw, 20px);
  line-height: 1.2;
  letter-spacing: -.018em;
}

.sota-heading[data-scope-style] {
  font-style: italic;
  font-size: clamp(28px, 2.9vw, 42px);
}

.sota-split[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 48px;
  row-gap: 40px;
}

.sota-responsibilities-list[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 12px;
}
.sota-responsibilities-list[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 12px;
}

@media (width >= 1024px) {
  .sota-split[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .sota-split-heading[data-scope-style] {
    grid-column: span 5 / span 5;
  }

  .sota-responsibilities-list[data-scope-style] {
    grid-column: span 7 / span 7;
  }
}

.sota-media[data-scope-style] {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.sota-media[data-scope-style] img[data-scope-style] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sota-media--cover[data-scope-style] img[data-scope-style] {
  object-fit: cover;
}

.sota-ratio-936-1404[data-scope-style] {
  aspect-ratio: 936 / 1404;
}

.sota-ratio-677-381[data-scope-style] {
  aspect-ratio: 677 / 381;
}

.sota-ratio-square[data-scope-style] {
  aspect-ratio: 1;
}

.sota-ratio-1439-1080[data-scope-style] {
  aspect-ratio: 1439 / 1080;
}
.stemcord[data-scope-style] {
  padding-top: 79px;
}

.stemcord-hero[data-scope-style] {
  padding-top: 48px;
  padding-bottom: 48px;
}

.stemcord-legacy[data-scope-style], .stemcord-logo-exploration[data-scope-style], .stemcord-visual-identity[data-scope-style], .stemcord-collateral[data-scope-style], .stemcord-website-design[data-scope-style], .stemcord-responsibilities[data-scope-style] {
  padding-top: 64px;
  padding-bottom: 64px;
}

.stemcord-stylescape[data-scope-style] {
  padding-top: 32px;
  padding-bottom: 32px;
}

@media (width >= 768px) {
  .stemcord-hero[data-scope-style] {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .stemcord-legacy[data-scope-style], .stemcord-logo-exploration[data-scope-style], .stemcord-visual-identity[data-scope-style], .stemcord-collateral[data-scope-style], .stemcord-website-design[data-scope-style], .stemcord-responsibilities[data-scope-style] {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .stemcord-stylescape[data-scope-style] {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

.stemcord-mt-10[data-scope-style] {
  margin-top: 40px;
}

.stemcord-mt-12[data-scope-style] {
  margin-top: 48px;
}

.stemcord-mt-6[data-scope-style] {
  margin-top: 24px;
}

.stemcord-space-y-3[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 12px;
}
.stemcord-space-y-3[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 12px;
}

.stemcord-space-y-4[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 16px;
}
.stemcord-space-y-4[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 16px;
}

.stemcord-space-y-5[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 20px;
}
.stemcord-space-y-5[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 20px;
}

.stemcord-space-y-6[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 24px;
}
.stemcord-space-y-6[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 24px;
}

.stemcord-space-y-10[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 40px;
}
.stemcord-space-y-10[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 40px;
}

.stemcord-hero-grid[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  column-gap: 48px;
  row-gap: 40px;
}

.stemcord-hero-text[data-scope-style] {
  position: relative;
  z-index: 10;
}

.stemcord-hero-title[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(48px, 9vw, 132px);
  font-weight: 700;
  line-height: .95;
  letter-spacing: -.01em;
  text-transform: uppercase;
}

.stemcord-hero-scope[data-scope-style] {
  max-width: 520px;
}

.stemcord-scope-label[data-scope-style] {
  font-style: italic;
  font-size: clamp(22px, 2vw, 28px);
  line-height: 1.2;
}

@media (width >= 1024px) {
  .stemcord-hero-grid[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .stemcord-hero-text[data-scope-style] {
    grid-column: span 6 / span 6;
  }

  .stemcord-hero-image-col[data-scope-style] {
    grid-column: span 6 / span 6;
  }
}

.stemcord-body[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(18px, 1.85vw, 26.368px);
  line-height: 1.2;
  letter-spacing: -.018em;
}

.stemcord-bullet-item[data-scope-style] {
  display: flex;
  gap: 12px;
}

.stemcord-marker-svg[data-scope-style] {
  left: -.4em;
  top: -.15em;
  width: calc(100% + .8em);
  height: 1.4em;
}

.stemcord-heading[data-scope-style] {
  font-style: italic;
  font-size: clamp(28px, 2.9vw, 42px);
}

.stemcord-heading--tight[data-scope-style] {
  line-height: 1.15;
}

.stemcord-split[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 48px;
  row-gap: 32px;
}

@media (width >= 1024px) {
  .stemcord-split[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .stemcord-split-heading[data-scope-style] {
    grid-column: span 5 / span 5;
  }

  .stemcord-split-body[data-scope-style] {
    grid-column: span 7 / span 7;
    max-width: 760px;
  }
}

.stemcord-stylescape-caption[data-scope-style] {
  margin-top: 24px;
  margin-inline: auto;
  max-width: 900px;
  text-align: center;
  font-family: var(--font-sans);
  font-size: clamp(15px, 1.2vw, 18px);
  line-height: 1.2;
  letter-spacing: -.018em;
}

.stemcord-before-after-grid[data-scope-style] {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  column-gap: 32px;
}

.stemcord-before-after-col[data-scope-style] {
  text-align: center;
}

.stemcord-before-after-label[data-scope-style] {
  font-style: italic;
  font-size: clamp(20px, 1.8vw, 28px);
}

.stemcord-before-media[data-scope-style] {
  margin-inline: auto;
  width: 100%;
  max-width: 434px;
}

.stemcord-after-media[data-scope-style] {
  margin-inline: auto;
  width: 100%;
  max-width: 570px;
}

@media (width >= 768px) {
  .stemcord-before-after-grid[data-scope-style] {
    column-gap: 64px;
  }
}

.stemcord-collateral-intro[data-scope-style] {
  max-width: 920px;
}

.stemcord-two-col-grid[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 24px;
}

@media (width >= 768px) {
  .stemcord-two-col-grid[data-scope-style] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }
}

.stemcord-published-link[data-scope-style] {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

.stemcord-media[data-scope-style] {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.stemcord-media[data-scope-style] img[data-scope-style] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.stemcord-media--cover[data-scope-style] img[data-scope-style] {
  object-fit: cover;
}

.stemcord-ratio-860-1100[data-scope-style] {
  aspect-ratio: 860 / 1100;
}

.stemcord-ratio-1375-700[data-scope-style] {
  aspect-ratio: 1375 / 700;
}

.stemcord-ratio-1382-780[data-scope-style] {
  aspect-ratio: 1382 / 780;
}

.stemcord-ratio-434-200[data-scope-style] {
  aspect-ratio: 434 / 200;
}

.stemcord-ratio-570-200[data-scope-style] {
  aspect-ratio: 570 / 200;
}

.stemcord-ratio-860-600[data-scope-style] {
  aspect-ratio: 860 / 600;
}

.stemcord-ratio-1382-800[data-scope-style] {
  aspect-ratio: 1382 / 800;
}

.stemcord-ratio-686-520[data-scope-style] {
  aspect-ratio: 686 / 520;
}

.stemcord-ratio-1382-900[data-scope-style] {
  aspect-ratio: 1382 / 900;
}

.stemcord-ratio-686-970[data-scope-style] {
  aspect-ratio: 686 / 970;
}

.stemcord-ratio-453-600[data-scope-style] {
  aspect-ratio: 453 / 600;
}

.stemcord-ratio-395-600[data-scope-style] {
  aspect-ratio: 395 / 600;
}
.tim-hortons[data-scope-style] {
  padding-top: 79px;
}

.tim-hortons-hero[data-scope-style] {
  padding-top: 48px;
  padding-bottom: 48px;
}

.tim-hortons-ice-hockey[data-scope-style], .tim-hortons-campaign-idea[data-scope-style], .tim-hortons-ingredients[data-scope-style], .tim-hortons-key-visuals[data-scope-style], .tim-hortons-sample-grid[data-scope-style], .tim-hortons-proposed-tim[data-scope-style], .tim-hortons-lakar-mekar[data-scope-style], .tim-hortons-responsibilities[data-scope-style] {
  padding-top: 64px;
  padding-bottom: 64px;
}

@media (width >= 768px) {
  .tim-hortons-hero[data-scope-style] {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .tim-hortons-ice-hockey[data-scope-style], .tim-hortons-campaign-idea[data-scope-style], .tim-hortons-ingredients[data-scope-style], .tim-hortons-key-visuals[data-scope-style], .tim-hortons-sample-grid[data-scope-style], .tim-hortons-proposed-tim[data-scope-style], .tim-hortons-lakar-mekar[data-scope-style], .tim-hortons-responsibilities[data-scope-style] {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

.tim-hortons-mt-8[data-scope-style] {
  margin-top: 32px;
}

.tim-hortons-space-y-3[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 12px;
}
.tim-hortons-space-y-3[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 12px;
}

.tim-hortons-space-y-4[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 16px;
}
.tim-hortons-space-y-4[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 16px;
}

.tim-hortons-space-y-5[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 20px;
}
.tim-hortons-space-y-5[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 20px;
}

.tim-hortons-space-y-6[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 24px;
}
.tim-hortons-space-y-6[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 24px;
}

.tim-hortons-hero-grid[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  column-gap: 48px;
  row-gap: 40px;
}

.tim-hortons-hero-text[data-scope-style] {
  position: relative;
  z-index: 10;
}

.tim-hortons-hero-title[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(48px, 9vw, 132px);
  font-weight: 700;
  line-height: .95;
  letter-spacing: -.01em;
  text-transform: uppercase;
}

.tim-hortons-hero-scope[data-scope-style] {
  margin-top: 40px;
  max-width: 520px;
}

.tim-hortons-scope-label[data-scope-style] {
  font-style: italic;
  font-size: clamp(22px, 2vw, 28px);
  line-height: 1.2;
}

@media (width >= 1024px) {
  .tim-hortons-hero-grid[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .tim-hortons-hero-text[data-scope-style] {
    grid-column: span 6 / span 6;
  }

  .tim-hortons-hero-image-col[data-scope-style] {
    grid-column: span 6 / span 6;
  }
}

.tim-hortons-body[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(18px, 1.85vw, 26.368px);
  line-height: 1.2;
  letter-spacing: -.018em;
}

.tim-hortons-bullet-item[data-scope-style] {
  display: flex;
  gap: 12px;
}

.tim-hortons-bold[data-scope-style] {
  font-weight: 700;
}

.tim-hortons-underline[data-scope-style] {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

.tim-hortons-note[data-scope-style] {
  color: color-mix(in srgb, var(--color-jy-red) 80%, transparent);
  font-family: var(--font-sans);
  font-size: clamp(13px, .95vw, 15px);
  line-height: 1.2;
  letter-spacing: -.018em;
}

.tim-hortons-heading[data-scope-style] {
  font-style: italic;
  font-size: clamp(28px, 2.9vw, 42px);
}

.tim-hortons-heading--tight[data-scope-style] {
  line-height: 1.15;
}

.tim-hortons-quote[data-scope-style] {
  font-style: italic;
  font-size: clamp(60px, 10vw, 160px);
  line-height: 1;
  letter-spacing: -.02em;
}

.tim-hortons-split[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 48px;
  row-gap: 32px;
}

@media (width >= 1024px) {
  .tim-hortons-split[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .tim-hortons-split-heading[data-scope-style] {
    grid-column: span 5 / span 5;
  }

  .tim-hortons-split-body[data-scope-style] {
    grid-column: span 7 / span 7;
    max-width: 760px;
  }
}

.tim-hortons-ingredients-grid[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 48px;
  row-gap: 40px;
}

.tim-hortons-ingredients-cards[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 24px;
  row-gap: 32px;
}

.tim-hortons-ingredient-caption[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(16px, 1.4vw, 22px);
  line-height: 1.2;
  letter-spacing: -.018em;
}

@media (width >= 640px) {
  .tim-hortons-ingredients-cards[data-scope-style] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (width >= 1024px) {
  .tim-hortons-ingredients-grid[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .tim-hortons-ingredients-heading[data-scope-style] {
    grid-column: span 3 / span 3;
  }

  .tim-hortons-ingredients-cards[data-scope-style] {
    grid-column: span 9 / span 9;
  }
}

.tim-hortons-artboards[data-scope-style] {
  margin-top: 48px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 24px;
}

@media (width >= 768px) {
  .tim-hortons-artboards[data-scope-style] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }
}

.tim-hortons-sample-grid[data-scope-style] {
  background-color: var(--color-jy-red);
}

.tim-hortons-sample-inner[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 48px;
  row-gap: 40px;
}

.tim-hortons-sample-media[data-scope-style] {
  max-width: 722px;
}

@media (width >= 1024px) {
  .tim-hortons-sample-inner[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: center;
  }

  .tim-hortons-sample-heading[data-scope-style] {
    grid-column: span 5 / span 5;
  }

  .tim-hortons-sample-image-col[data-scope-style] {
    grid-column: span 7 / span 7;
  }
}

.tim-hortons-proposed-grid[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 48px;
  row-gap: 40px;
}

.tim-hortons-proposed-media[data-scope-style] {
  margin-inline: auto;
  max-width: 362px;
}

@media (width >= 1024px) {
  .tim-hortons-proposed-grid[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: center;
  }

  .tim-hortons-proposed-text[data-scope-style] {
    grid-column: span 7 / span 7;
    max-width: 640px;
  }

  .tim-hortons-proposed-image-col[data-scope-style] {
    grid-column: span 5 / span 5;
  }
}

.tim-hortons-lakar-grid[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 48px;
  row-gap: 40px;
}

@media (width >= 1024px) {
  .tim-hortons-lakar-grid[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .tim-hortons-lakar-heading[data-scope-style] {
    grid-column: span 5 / span 5;
  }

  .tim-hortons-lakar-body[data-scope-style] {
    grid-column: span 7 / span 7;
    max-width: 760px;
  }
}

.tim-hortons-murals[data-scope-style] {
  margin-top: 48px;
}

.tim-hortons-murals[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 24px;
}
.tim-hortons-murals[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 24px;
}

@media (width >= 768px) {
  .tim-hortons-murals[data-scope-style] > [data-scope-style] + [data-scope-style] {
    margin-top: 32px;
  }
.tim-hortons-murals[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
    margin-top: 32px;
  }
}

.tim-hortons-media[data-scope-style] {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.tim-hortons-media[data-scope-style] img[data-scope-style] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.tim-hortons-media--cover[data-scope-style] img[data-scope-style] {
  object-fit: cover;
}

.tim-hortons-ratio-802-681[data-scope-style] {
  aspect-ratio: 802 / 681;
}

.tim-hortons-ratio-square[data-scope-style] {
  aspect-ratio: 1;
}

.tim-hortons-ratio-362-722[data-scope-style] {
  aspect-ratio: 362 / 722;
}

.tim-hortons-ratio-mural-1[data-scope-style] {
  aspect-ratio: 802 / 926;
}

.tim-hortons-ratio-1382-803[data-scope-style] {
  aspect-ratio: 1382 / 803;
}

.tim-hortons-ratio-1382-1577[data-scope-style] {
  aspect-ratio: 1382 / 1577;
}

@media (width >= 768px) {
  .tim-hortons-ratio-mural-1[data-scope-style] {
    aspect-ratio: 1382 / 803;
  }
}
.hero-section[data-scope-style] {
  position: relative;
  padding-top: 79px;
  padding-bottom: 64px;
}

.hero-title[data-scope-style] {
  position: relative;
  z-index: 10;
  font-weight: 400;
  line-height: 1;
  font-size: clamp(48px, 15vw, 260px);
  letter-spacing: -.04em;
  white-space: nowrap;
}

.hero-grid[data-scope-style] {
  position: relative;
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 40px;
  row-gap: 40px;
}

.hero-text[data-scope-style] {
  display: block;
}

.hero-text[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 20px;
}
.hero-text[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 20px;
}

.hero-markers[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 4px;
}
.hero-markers[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 4px;
}

.hero-marker[data-scope-style] {
  font-style: italic;
}

.hero-marker-line[data-scope-style] {
  position: relative;
  display: block;
  font-size: clamp(28px, 2.9vw, 42px);
  line-height: 1.25;
}

.hero-marker-svg[data-scope-style] {
  left: 0;
}

.hero-strike-svg[data-scope-style] {
  top: 55%;
  width: 100%;
  height: .7em;
  transform: translateY(-50%);
}

.hero-wavy-svg[data-scope-style] {
  bottom: -.15em;
  width: 100%;
  height: .4em;
}

.hero-inline-marker-text[data-scope-style] {
  position: relative;
}

.hero-circle-word-svg[data-scope-style] {
  left: -.4em;
  top: -.15em;
  width: calc(100% + .8em);
  height: 1.35em;
}

.hero-underline-inline-svg[data-scope-style] {
  left: 0;
  bottom: -.05em;
  width: 100%;
  height: .18em;
}

.hero-paragraph[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(18px, 1.85vw, 26.368px);
  line-height: 1.2;
  letter-spacing: -.018em;
}

.hero-quote-em[data-scope-style] {
  font-style: italic;
}

.hero-cv-link[data-scope-style] {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.hero-portrait[data-scope-style] {
  position: relative;
  z-index: 0;
}

.hero-portrait-frame[data-scope-style] {
  position: relative;
  aspect-ratio: 686 / 785;
  width: 100%;
  overflow: hidden;
}

.hero-portrait-img[data-scope-style] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

@media (width >= 768px) {
  .hero-section[data-scope-style] {
    padding-bottom: 80px;
  }

  .hero-title[data-scope-style] {
    font-size: clamp(70px, 18vw, 260px);
  }
}

@media (width >= 1024px) {
  .hero-section[data-scope-style] {
    padding-bottom: 96px;
  }

  .hero-grid[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: start;
    row-gap: 0;
  }

  .hero-text[data-scope-style] {
    grid-column: span 6 / span 6;
    max-width: 640px;
  }

  .hero-portrait[data-scope-style] {
    grid-column: span 6 / span 6;
    margin-top: -120px;
  }
}
.select-works-section[data-scope-style] {
  padding-top: 64px;
  padding-bottom: 64px;
}

.select-works-heading[data-scope-style] {
  font-style: italic;
  font-size: clamp(28px, 2.9vw, 42px);
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-decoration-color: color-mix(in srgb, var(--color-jy-red) 50%, transparent);
  text-underline-offset: .25em;
}

.select-works-thumbs[data-scope-style] {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.select-works-thumb[data-scope-style] {
  position: relative;
  aspect-ratio: 221 / 152;
  overflow: hidden;
}

.select-works-thumb-img[data-scope-style] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.select-works-labels[data-scope-style] {
  margin-top: 40px;
}

.select-works-label[data-scope-style] {
  font-family: var(--font-sans);
  font-weight: 700;
  text-transform: uppercase;
  font-size: clamp(34px, 8.4vw, 124px);
  line-height: .98;
  letter-spacing: -.045em;
}

.select-works-bottom[data-scope-style] {
  margin-top: 80px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 48px;
  row-gap: 48px;
}

.select-works-selfie-frame[data-scope-style] {
  position: relative;
  aspect-ratio: 570 / 846;
  width: 100%;
  overflow: hidden;
}

.select-works-selfie-img[data-scope-style] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.select-works-copy[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 28px;
}
.select-works-copy[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 28px;
}

.select-works-paragraph[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(18px, 1.85vw, 26.368px);
  line-height: 1.2;
  letter-spacing: -.018em;
}

.select-works-link[data-scope-style] {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.select-works-latest[data-scope-style] {
  padding-top: 40px;
}

.select-works-latest-marker[data-scope-style] {
  font-style: italic;
}

.select-works-latest-text[data-scope-style] {
  position: relative;
  display: inline-block;
  padding-inline: .4em;
  padding-block: .05em;
  font-size: clamp(24px, 2.5vw, 36px);
}

.select-works-latest-svg[data-scope-style] {
  left: -.3em;
  top: -.25em;
  width: calc(100% + .6em);
  height: calc(100% + .5em);
}

.select-works-project-list[data-scope-style] {
  margin-top: 24px;
}

.select-works-project-list[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 8px;
}
.select-works-project-list[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 8px;
}

.select-works-project-link[data-scope-style] {
  font-family: var(--font-sans);
  font-size: clamp(18px, 1.85vw, 26.368px);
  line-height: 1.2;
  letter-spacing: -.018em;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

@media (width >= 768px) {
  .select-works-section[data-scope-style] {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .select-works-thumbs[data-scope-style] {
    gap: 16px;
  }
}

@media (width >= 1024px) {
  .select-works-thumbs[data-scope-style] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .select-works-bottom[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: start;
  }

  .select-works-selfie[data-scope-style] {
    grid-column: span 5 / span 5;
  }

  .select-works-copy[data-scope-style] {
    grid-column: span 7 / span 7;
    max-width: 640px;
    padding-top: 16px;
  }
}
.notable-clients-section[data-scope-style] {
  padding-top: 64px;
  padding-bottom: 64px;
}

.notable-clients-heading[data-scope-style] {
  font-style: italic;
  font-size: clamp(28px, 2.9vw, 42px);
}

.notable-clients-list[data-scope-style] {
  margin-top: 48px;
}

.notable-clients-list[data-scope-style] > [data-scope-style] + [data-scope-style] {
  margin-top: 40px;
}
.notable-clients-list[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
  margin-top: 40px;
}

.notable-clients-row[data-scope-style] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  row-gap: 8px;
}

.notable-clients-category[data-scope-style] {
  order: 2;
  font-family: var(--font-sans);
  font-size: clamp(14px, 1.1vw, 16px);
  line-height: 1.4;
  letter-spacing: -.005em;
}

.notable-clients-name[data-scope-style] {
  order: 1;
  font-family: var(--font-sans);
  font-size: clamp(34px, 4.4vw, 64px);
  line-height: 1.05;
  letter-spacing: -.025em;
}

@media (width >= 768px) {
  .notable-clients-section[data-scope-style] {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .notable-clients-list[data-scope-style] {
    margin-top: 64px;
  }

  .notable-clients-list[data-scope-style] > [data-scope-style] + [data-scope-style] {
    margin-top: 56px;
  }
.notable-clients-list[data-scope-style] > :is([data-scope-style], p) + :is([data-scope-style], p) {
    margin-top: 56px;
  }

  .notable-clients-row[data-scope-style] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 40px;
    row-gap: 0;
  }

  .notable-clients-category[data-scope-style] {
    order: 1;
    grid-column: span 4 / span 4;
    padding-top: 12px;
  }

  .notable-clients-name[data-scope-style] {
    order: 2;
    grid-column: span 8 / span 8;
  }
}

@media (width >= 1024px) {
  .notable-clients-category[data-scope-style] {
    grid-column: span 3 / span 3;
  }

  .notable-clients-name[data-scope-style] {
    grid-column: span 9 / span 9;
  }
}
/*$vite$:1*/