@media (min-width: 640px) {
  .hero { padding-top: calc(var(--header-height-mobile) + 2.3rem); }
  .hero__title { font-size: clamp(4rem, 10vw, 5.8rem); }
  .hero__actions { flex-direction: row; align-items: center; gap: 1.35rem; }
  .hero__artboard { width: min(94%, 650px); margin-top: 2.8rem; }

  .complexity { padding-block: 6.5rem 7.5rem; }
  .complexity__stage { margin-top: 3.75rem; }
  .complexity__starter { width: 390px; }
  .complexity__support-card { width: min(88%, 540px); }
  .complexity__stage::before { right: -8%; width: 62%; }
  .complexity__stage::after { left: -7%; width: 43%; }

  .workflow { padding-block: 7.5rem 8.5rem; }
  .workflow__process { margin-top: 6rem; }
  .workflow__visual { width: min(100%, 430px); }
  .workflow__visual--create { height: 270px; }
  .workflow__visual--store { height: 300px; }
  .workflow__visual--store img { height: 282px; }
  .workflow__visual--fulfilment { height: 285px; }
  .workflow__visual--support { min-height: 260px; }

  .meme-break { padding-block: 6rem 6.5rem; }
  .meme-break__comparison { gap: 2.1rem; }
  .meme-break__headline h3 { font-size: clamp(3rem, 7vw, 4.4rem); }
  .meme-break__scene { min-height: 580px; }
  .meme-break__photo-card { width: min(76%, 420px); }
  .meme-break__photo-wrap { min-height: 500px; }
  .meme-break__tag,
  .meme-break__status { font-size: .56rem; }

  .store-ops__title { font-size: clamp(4.5rem, 10vw, 6rem); }
  .store-ops__stage { min-height: 650px; }
  .store-ops__phone { width: min(43vw, 255px); }
  .store-ops__statuses { inset-inline: 6%; min-height: 455px; }
  .store-ops__stage-caption { max-width: 31ch; }
  .store-ops__area { grid-template-columns: 130px minmax(0, 1fr); gap: 1.5rem; }
  .store-ops__area p:not(.store-ops__area-code) { margin-top: .65rem; }

  .service-index__title { font-size: clamp(4.4rem, 11vw, 6rem); }
  .service-index__row {
    grid-template-columns: minmax(0, 1fr) minmax(205px, 250px);
    column-gap: 2rem;
    align-items: center;
  }
  .service-index__row-head { grid-column: 1 / -1; }
  .service-index__visual--design,
  .service-index__visual--next { display: block; }
  .service-index__visual { min-height: 210px; }

  .zero-stock__title { font-size: clamp(4.6rem, 10vw, 6.2rem); }
  .zero-stock__zero-zone { min-height: 520px; }
  .zero-stock__zero { font-size: clamp(25rem, 64vw, 31rem); }
  .zero-stock__zero-caption { width: min(62%, 310px); }
  .zero-stock__cat { right: 4%; width: min(24vw, 170px); }
  .zero-stock__flow-step { min-height: 110px; }

  .earnings__title { font-size: clamp(4.2rem, 9.5vw, 5.5rem); }
  .earnings__playground { padding-block: 2.7rem 3rem; }
  .earnings__product-stage { --earnings-product-frame-size: min(42vw, 260px); min-height: 330px; }
  .earnings__cat-wrap { width: min(31vw, 190px); }

  .footer-utility__grid { grid-template-columns: repeat(3, 1fr); }
  .footer-utility__brand { grid-column: 1 / -1; }
}

@media (min-width: 768px) {
  .hero {
    min-height: max(680px, 92svh);
    padding-top: calc(var(--header-height-mobile) + 1rem);
    padding-bottom: 0;
    display: flex;
    align-items: stretch;
  }
  .hero__inner {
    position: relative;
    min-height: max(680px, 92svh);
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0;
    align-items: center;
  }
  .hero__copy { grid-column: 1 / span 6; align-self: center; padding-block: 4.5rem 3rem; }
  .hero__side-note { display: block; }
  .hero__title { max-width: none; font-size: clamp(3.6rem, 7.2vw, 4.7rem); line-height: .9; letter-spacing: -.07em; }
  .hero__title > span:not(.hero__title-accent) { white-space: nowrap; }
  .hero__title-accent { width: max-content; max-width: none; font-size: .5em; letter-spacing: -.05em; }
  .hero__title-accent > span { display: block; white-space: nowrap; }
  .hero__lead { max-width: 29rem; margin-top: 1.25rem; font-size: .98rem; }
  .hero__actions { flex-wrap: wrap; gap: .8rem 1rem; margin-top: 1.25rem; }
  .hero__microproof { max-width: 29rem; margin-top: 1.25rem; }
  /*
   * DESKTOP/TABLET MASTER COMPOSITION.
   * These coordinates reproduce the approved ~1400px layout. From 768px up
   * only the artboard size changes; layer X/Y and relative size stay fixed.
   */
  .hero__artboard {
    position: absolute;
    z-index: var(--z-art);
    top: 50%;
    right: calc(-1 * max(var(--page-padding), (100vw - var(--container-xl)) / 2));
    bottom: auto;
    width: min(56vw, 840px);
    aspect-ratio: 840 / 780;
    margin: 0;
    translate: 0 -50%;
    transform: none;
    transform-origin: 50% 50%;
  }
  .hero__halftone { --hero-x: 30%; --hero-y: 42.5%; --hero-w: 34%; height: 55%; }
  .hero__paper { --hero-x: 59.5%; --hero-y: 48.25%; --hero-w: 73%; }
  .hero__product { --hero-x: 75%; --hero-y: 20.15%; --hero-w: 34%; }
  .hero__creator { --hero-x: 57.5%; --hero-y: 53.4%; --hero-w: 39%; }
  .hero__store { --hero-x: 30%; --hero-y: 61.2%; --hero-w: 18%; }
  .hero__printer { --hero-x: 37%; --hero-y: 77.95%; --hero-w: 34%; }
  .hero__parcel { --hero-x: 69%; --hero-y: 80.3%; --hero-w: 26%; }
  .hero__returns { --hero-x: 89%; --hero-y: 81.85%; --hero-w: 22%; }
  .hero__hand { --hero-x: 84.5%; --hero-y: 29%; --hero-w: 31%; }
  .hero__note--top { --hero-x: 32%; --hero-y: 10.85%; --hero-w: 18%; }
  .hero__note--bottom { --hero-x: 9.5%; --hero-y: 73.15%; --hero-w: 19%; }

  .complexity__tasks { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
  .complexity__task { width: fit-content; margin-left: 0; }
  .complexity__task--mobile-secondary { display: flex; }
  .complexity__task--product,
  .complexity__task--mockups,
  .complexity__task--payments,
  .complexity__task--packing,
  .complexity__task--returns { justify-self: end; }
  .complexity__support-card { margin-top: 3rem; }
  .complexity__slip--production { display: grid; margin: -2.8rem 22% 0 auto; --complexity-rotate: .8deg; }

  .workflow__process { max-width: 820px; }
  .workflow__step { padding-left: 3.75rem; }
  .workflow__process::before { left: 1rem; }
  .workflow__step::before { left: .32rem; width: 1.55rem; }
  .workflow__step h3 { max-width: 19ch; }
  .workflow__copy { max-width: 40rem; }

  .meme-break__comparison { gap: 2.35rem; }
  .meme-break__headline h3 { font-size: clamp(3.3rem, 6.4vw, 4.8rem); }
  .meme-break__scene { min-height: 620px; }
  .meme-break__photo-card { width: min(72%, 440px); }
  .meme-break__photo-wrap { min-height: 540px; }
  .meme-break__note-zone--calm { right: .2rem; width: 32%; }

  .store-ops__stage { min-height: 690px; }
  .store-ops__phone { width: min(36vw, 270px); }
  .store-ops__statuses { inset-inline: 10%; min-height: 480px; }
  .store-ops__status--products { display: inline-flex; top: 17%; right: 5%; --store-detail-rotate: -.7deg; }
  .store-ops__terms { grid-template-columns: 1.05fr .95fr; gap: 3rem; }

  .service-index__row { grid-template-columns: minmax(0, 1fr) 270px; column-gap: 2.5rem; }
  .service-index__content h3 { font-size: clamp(2.25rem, 4.5vw, 3rem); }
  .service-index__visual { min-height: 225px; }

  .zero-stock__zero-zone { min-height: 560px; }
  .zero-stock__zero { font-size: clamp(28rem, 58vw, 34rem); }
  .zero-stock__flow { max-width: 760px; }
  .zero-stock__benefits { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .zero-stock__benefit { padding: 2rem 1.45rem 2.25rem; border-bottom: 1px solid var(--color-border); }
  .zero-stock__benefit:first-child { padding-left: 0; }
  .zero-stock__benefit:last-child { padding-right: 0; }
  .zero-stock__benefit + .zero-stock__benefit { border-left: 1px solid var(--color-border); }

  .earnings__playground { gap: 2.35rem; }
  .earnings__product-stage { --earnings-product-frame-size: 270px; min-height: 360px; }
  .earnings__truths { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .earnings__truth { padding: 1.45rem 1.2rem 1.6rem; }
  .earnings__truth:first-child { padding-left: 0; }
  .earnings__truth:last-child { padding-right: 0; }
  .earnings__truth + .earnings__truth { border-left: 1px solid var(--color-border); }

  .footer-utility__grid { grid-template-columns: 1.4fr repeat(4, 1fr); }
  .footer-utility__brand { grid-column: auto; }
  .footer-utility__bottom { flex-direction: row; justify-content: space-between; }
  .u-desktop-only { display: initial; }
}

@media (min-width: 1024px) {
  .site-header { height: var(--header-height-desktop); }
  .site-header.is-scrolled { height: 72px; }
  .site-header__inner { gap: 2rem; }
  .mobile-nav-toggle { display: none; }
  .site-nav, .js .site-nav { position: static; visibility: visible; pointer-events: auto; flex: 1; }
  .site-nav__panel { min-height: 0; flex-direction: row; align-items: center; justify-content: flex-end; gap: clamp(1rem, 2vw, 2rem); border: 0; padding: 0; background: transparent; }
  .site-nav__list { flex-direction: row; align-items: center; gap: clamp(.8rem, 1.55vw, 1.45rem); }
  .site-nav__link { padding: .45rem 0; font-family: var(--font-body); font-size: .9rem; line-height: 1.2; font-weight: var(--font-weight-medium); }
  .site-nav__link.is-active::after { bottom: .1rem; width: 100%; height: 2px; }
  .site-nav__dropdown-item { position: relative; }
  .nav-dropdown__menu { position: absolute; z-index: var(--z-dropdown); top: calc(100% + .5rem); left: -.8rem; width: 250px; padding: .75rem .9rem; border: var(--border-thin); border-left: 3px solid var(--color-brand); background: var(--color-surface-elevated); box-shadow: var(--shadow-editorial); }
  .site-nav__actions { margin: 0; padding: 0; border: 0; display: flex; align-items: center; gap: .8rem; }
  .theme-toggle { display: block; }
  .theme-toggle__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
  .theme-toggle__select { width: auto; min-width: 88px; padding: .52rem .45rem; font-size: .75rem; }
  .site-header__cta { min-height: 46px; padding-inline: .92rem; font-size: .86rem; }

  .hero {
    min-height: 100svh;
    margin-top: calc(-1 * var(--header-height-desktop));
    padding-top: var(--header-height-desktop);
    padding-bottom: 0;
    display: flex;
    align-items: stretch;
  }
  .hero__inner { position: relative; min-height: 100svh; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 0; align-items: center; }
  .hero__copy { grid-column: 1 / span 6; align-self: center; padding-block: 5.5rem 3rem; }
  .hero__eyebrow-row { margin-bottom: 1.25rem; }
  .hero__title { max-width: none; font-size: clamp(4.55rem, 5.65vw, 6.8rem); line-height: .88; letter-spacing: -.075em; }
  .hero__title > span:not(.hero__title-accent) { white-space: nowrap; }
  .hero__title-accent { width: max-content; max-width: none; font-size: clamp(.42em, 2.7vw, .51em); letter-spacing: -.055em; }
  .hero__title-accent > span { display: inline; white-space: nowrap; }
  .hero__lead { max-width: 33rem; margin-top: 1.4rem; }
  .hero__actions { flex-wrap: nowrap; margin-top: 1.4rem; }
  .hero__microproof { max-width: 33rem; margin-top: 1.4rem; }

  /* Keep the 768+ artboard geometry unchanged here. */

  .complexity { padding-block: 8rem 9rem; }
  .complexity__intro { max-width: 700px; }
  .complexity__title { font-size: clamp(4.6rem, 6.2vw, 6.5rem); }
  .complexity__stage { min-height: 860px; margin-top: 4.75rem; padding: 0; }
  .complexity__stage::before { top: 8%; right: 7%; width: 67%; height: 76%; transform: rotate(.9deg); }
  .complexity__stage::after { top: 19%; left: 3%; width: 31%; height: 55%; opacity: .34; }
  .complexity__starter { position: absolute; z-index: 5; top: 0; left: 3%; width: 330px; }
  .complexity__tasks { position: absolute; z-index: 7; inset: 0; display: block; margin: 0; }
  .complexity__task { position: absolute; width: fit-content; max-width: 290px; min-height: 50px; margin: 0; padding: .62rem .82rem; font-size: .8rem; }
  .complexity__task--project { top: 15%; left: 28%; --complexity-rotate: -1deg; }
  .complexity__task--product { top: 21%; left: 47%; --complexity-rotate: 1.4deg; }
  .complexity__task--sizes { top: 17%; left: 68%; --complexity-rotate: -.7deg; }
  .complexity__task--mockups { top: 29%; left: 63%; --complexity-rotate: 1.8deg; }
  .complexity__task--store { top: 36%; left: 42%; --complexity-rotate: -1.4deg; }
  .complexity__task--payments { top: 43%; left: 70%; --complexity-rotate: .7deg; }
  .complexity__task--production { top: 50%; left: 24%; --complexity-rotate: 1.1deg; }
  .complexity__task--packing { top: 57%; left: 51%; --complexity-rotate: -1.6deg; }
  .complexity__task--shipping { top: 62%; left: 74%; --complexity-rotate: 1.2deg; }
  .complexity__task--support { top: 69%; left: 43%; --complexity-rotate: -.65deg; }
  .complexity__task--returns { top: 76%; left: 72%; --complexity-rotate: -1.3deg; }
  .complexity__task--complaints { top: 84%; left: 55%; --complexity-rotate: 1.4deg; }
  .complexity__visual { position: absolute; z-index: 4; display: block; pointer-events: none; user-select: none; }
  .complexity__visual img { width: 100%; height: auto; filter: drop-shadow(3px 4px 0 rgba(16,16,16,.1)); }
  .complexity__visual--merch { top: calc(22% - 20px); left: 2%; width: 15%; --complexity-rotate: 20deg; transform: rotate(var(--complexity-rotate)); }
  .complexity__visual--store { top: 48%; left: 8%; width: 7.65%; --complexity-rotate: 2deg; transform: rotate(var(--complexity-rotate)); }
  .complexity__visual--parcel { top: 52%; right: 1%; width: 22.1%; --complexity-rotate: 5deg; transform: rotate(var(--complexity-rotate)); }
  .complexity__support-card { position: absolute; z-index: 9; top: 67%; left: 4%; width: 36%; margin: 0; padding: 1.05rem 1.1rem; --complexity-rotate: -1.2deg; }
  .complexity__support-message { font-size: 1.05rem; }
  .complexity__slip { position: absolute; z-index: 10; margin: 0; }
  .complexity__slip--order { top: 79%; left: 38%; --complexity-rotate: 1.5deg; }
  .complexity__slip--exchange { top: 83%; right: 3%; --complexity-rotate: -1.8deg; }
  .complexity__slip--production { top: 31%; right: 8%; display: grid; --complexity-rotate: .8deg; }
  .complexity__punchline { margin-top: 5.5rem; padding-top: 2.4rem; }
  .complexity__punchline-main { max-width: 15ch; font-size: clamp(4rem, 6.2vw, 6.5rem); }

  .workflow { padding-block: 10rem 11rem; }
  .workflow__intro { max-width: none; }
  .workflow__title { max-width: none; font-size: clamp(4.8rem, 5.7vw, 6.6rem); white-space: nowrap; }
  .workflow__lead { max-width: 790px; margin-top: 1.9rem; font-size: 1.2rem; }
  .workflow__microline { margin-top: 1.55rem; }
  .workflow__process {
    max-width: none;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(1.35rem, 2.2vw, 2.75rem);
    margin-top: 8rem;
  }
  .workflow__process::before { display: none; }
  .workflow__process-line {
    position: absolute;
    z-index: -1;
    top: 1.85rem;
    left: 0;
    width: 100%;
    height: 72px;
    display: block;
    overflow: visible;
    fill: none;
    stroke: var(--color-brand);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
  }
  .workflow__line-arrow { stroke-width: 2; }
  .workflow__step { padding: 0; }
  .workflow__step::before { display: none; }
  .workflow__step-head { position: relative; z-index: 2; min-height: 1.8rem; }
  .workflow__phase,
  .workflow__code { background: var(--color-surface); }
  .workflow__phase { padding-right: .55rem; font-size: .68rem; }
  .workflow__code { display: block; padding-left: .45rem; }
  .workflow__visual { width: 100%; height: 250px; margin-top: 4.65rem; }
  .workflow__visual--create { height: 270px; }
  .workflow__visual--create img { top: 8%; right: -2%; width: 94%; }
  .workflow__paper-shape { left: 0; width: 66%; height: 72%; }
  .workflow__visual--store { height: 250px; }
  .workflow__visual--store img { left: 25%; height: 245px; }
  .workflow__visual--fulfilment { height: 250px; }
  .workflow__status-flow { align-items: flex-start; gap: .35rem; }
  .workflow__status { min-height: 28px; font-size: .5rem; }
  .workflow__status-arrow { font-size: .95rem; }
  .workflow__visual--fulfilment img { right: -5%; bottom: 0; width: 83%; }
  .workflow__visual--support { height: 250px; min-height: 0; }
  .workflow__support-card { padding: .82rem; }
  .workflow__support-question { font-size: .92rem; }
  .workflow__step h3 {
    max-width: 14ch;
    height: 4em;
    margin-top: 2rem;
    font-size: clamp(1.8rem, 2.1vw, 2.35rem);
  }
  .workflow__copy {
    max-width: none;
    height: 9.3em;
    margin-top: 1rem;
    font-size: .92rem;
  }
  .workflow__scope {
    display: block;
    margin-top: 1.35rem;
    border-top: 1px solid var(--color-border);
    padding-top: .75rem;
    color: var(--color-text-muted);
    font-family: var(--font-mono);
    font-size: .55rem;
    font-weight: var(--font-weight-bold);
    line-height: 1.45;
    letter-spacing: .05em;
  }
  .workflow__punchline { max-width: 1040px; margin-top: 10rem; padding-top: 3.5rem; }
  .workflow__punchline-main { font-size: clamp(4.6rem, 6.3vw, 6.8rem); }
  .workflow__punchline-copy { max-width: 720px; margin-top: 1.7rem; }
  .workflow__annotation { margin-top: 1.7rem; }

  .meme-break { padding-block: 4.5rem 5rem; }
  .meme-break__intro { margin-bottom: 1.65rem; }
  .meme-break__comparison {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(4rem, 8vw, 8rem);
    align-items: end;
  }
  .meme-break__headline h3 {
    max-width: 13ch;
    font-size: clamp(2.8rem, 3.65vw, 4.2rem);
  }
  .meme-break__headline--calm { text-align: right; }
  .meme-break__headline--calm h3 {
    max-width: 14ch;
    margin-left: auto;
  }
  .meme-break__versus {
    top: 67%;
    right: 50%;
    display: block;
    transform: translate(50%, -50%);
  }
  .meme-break__spread {
    width: min(91%, 1120px);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(2.1rem, 3.4vw, 4rem);
    margin-top: 3.25rem;
    padding: 1.75rem 1.1rem 1.35rem;
  }
  .meme-break__spread-backdrop { inset: 1.45rem 0 0 0; }
  .meme-break__scene {
    min-height: 600px;
    padding: 1.9rem .25rem 2.35rem;
  }
  .meme-break__scene-paper { inset: 12% 9% 8% 9%; }
  .meme-break__photo-card { width: min(82%, 390px); }
  .meme-break__photo-wrap { min-height: 510px; }
  .meme-break__note-zone--chaos { inset: 7% 0 0 0; }
  .meme-break__note-zone--calm { top: 18%; right: .35rem; width: 29%; gap: .7rem; }
  .meme-break__tag,
  .meme-break__status { font-size: .54rem; }
  .meme-break__hand-note { right: 7%; bottom: -.7rem; }
  .meme-break__punchline {
    margin-top: 2.6rem;
    font-size: clamp(2rem, 2.5vw, 2.8rem);
  }

  .store-ops { padding-block: 9rem 10rem; }
  .store-ops__intro { max-width: 960px; }
  .store-ops__title { max-width: 13ch; font-size: clamp(5rem, 6.4vw, 6.8rem); }
  .store-ops__lead { max-width: 820px; font-size: 1.15rem; }
  .store-ops__stage { min-height: 760px; margin-top: 7.5rem; padding-block: 4rem 5.5rem; }
  .store-ops__stage::before { inset: 2.8rem 5% 2.6rem 3%; transform: rotate(-.4deg); }
  .store-ops__stage::after { top: 12%; right: 2%; width: 30%; height: 38%; transform: rotate(2.1deg); }
  .store-ops__storefront {
    position: absolute;
    z-index: 2;
    top: 5rem;
    left: 4%;
    display: block;
    width: 73%;
    transform: rotate(-1.15deg);
  }
  .store-ops__storefront-body { min-height: 405px; }
  .store-ops__phone {
    position: absolute;
    z-index: 5;
    top: 9rem;
    right: 3%;
    width: 18%;
    max-width: 220px;
    margin: 0;
    transform: rotate(4deg);
  }
  .store-ops__phone::before { inset: 10% -15% -8% 18%; transform: rotate(-7deg); }
  .store-ops__statuses { inset: 4.3rem 0 auto 0; min-height: 590px; }
  .store-ops__status--live { top: 0; left: 2%; }
  .store-ops__status--products { top: 12%; right: 1%; }
  .store-ops__status--order { top: 44%; right: 0; }
  .store-ops__status--production { bottom: 13%; left: 8%; }
  .store-ops__status--support { bottom: 2%; right: 8%; }
  .store-ops__slip {
    position: absolute;
    z-index: 4;
    right: 18%;
    bottom: 3.5rem;
    display: block;
    width: 120px;
    height: auto;
    transform: rotate(5deg);
  }
  .store-ops__parcel {
    position: absolute;
    z-index: 3;
    left: 2%;
    bottom: 1.7rem;
    display: block;
    width: 130px;
    height: auto;
    transform: rotate(-4deg);
  }
  .store-ops__stage-caption { right: 1%; bottom: .9rem; max-width: 28ch; font-size: 1.25rem; }
  .store-ops__areas { margin-top: 8rem; }
  .store-ops__area { grid-template-columns: 160px minmax(260px, .9fr) minmax(320px, 1fr); gap: 2rem; align-items: start; }
  .store-ops__area h3 { font-size: clamp(2rem, 2.3vw, 2.7rem); }
  .store-ops__area p:not(.store-ops__area-code) { margin-top: .2rem; }
  .store-ops__terms { margin-top: 6rem; grid-template-columns: 1fr 1fr; gap: 5rem; padding-block: 2rem; }
  .store-ops__punchline { margin-top: 8.5rem; padding-top: 3.5rem; }
  .store-ops__punchline-main { max-width: 17ch; font-size: clamp(5.1rem, 6.5vw, 7rem); }
  .store-ops__note { margin-top: 1.7rem; font-size: 1.45rem; }

  .service-index { padding-block: 9rem 10rem; }
  .service-index__layout { gap: 6rem; }
  .service-index__intro { max-width: 880px; }
  .service-index__title { max-width: 10ch; font-size: clamp(5rem, 7vw, 6.2rem); }
  .service-index__lead { max-width: 42rem; font-size: 1.08rem; }
  .service-index__row {
    grid-template-columns: 92px minmax(0, 1fr) 190px;
    gap: 1.5rem;
    align-items: start;
    padding-block: 3.25rem;
  }
  .service-index__row-head { grid-column: auto; align-items: flex-start; padding-top: .25rem; }
  .service-index__row-mark { position: absolute; top: 1.5rem; left: 0; }
  .service-index__content h3 { font-size: clamp(2.15rem, 2.65vw, 2.75rem); }
  .service-index__copy { font-size: .94rem; }
  .service-index__visual { min-height: 190px; align-self: center; }
  .service-index__visual--concept img { width: min(88%, 190px); }
  .service-index__art-sheet { width: min(60%, 145px); font-size: 1.35rem; }
  .service-index__support-beat { width: min(72%, 175px); }
  .service-index__punchline { margin-top: 8.5rem; padding-top: 3.5rem; }
  .service-index__punchline-main { font-size: clamp(5rem, 6.2vw, 6.8rem); }
  .service-index__annotation { margin-top: 1.7rem; font-size: 1.45rem; }

  .zero-stock { padding-block: 9rem 10rem; }
  .zero-stock__intro { max-width: 960px; }
  .zero-stock__title { max-width: 14ch; font-size: clamp(5.3rem, 7vw, 6.8rem); }
  .zero-stock__lead { max-width: 48rem; font-size: 1.08rem; }
  .zero-stock__stage {
    grid-template-columns: minmax(0, .95fr) minmax(360px, 1.05fr);
    gap: clamp(4rem, 7vw, 7rem);
    min-height: 650px;
    margin-top: 7rem;
    padding-top: 3rem;
  }
  .zero-stock__zero-zone { min-height: 610px; }
  .zero-stock__zero { left: 51%; font-size: clamp(31rem, 43vw, 36rem); }
  .zero-stock__zero-caption { bottom: 7%; width: min(70%, 320px); }
  .zero-stock__cat { right: -3%; bottom: 25%; width: min(13vw, 175px); }
  .zero-stock__stock {
    position: absolute;
    z-index: 7;
    left: 0;
    top: 4.2rem;
    bottom: auto;
    display: block;
    width: 290px;
    padding: 1rem;
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    box-shadow: 5px 7px 0 rgba(16,16,16,.06);
    transform: rotate(-1deg);
  }
  .zero-stock__flow { align-self: center; border-top: 0; padding-top: 0; }
  .zero-stock__flow-line { top: 3.4rem; bottom: 2.5rem; }
  .zero-stock__flow-step { min-height: 128px; padding-block: 1.4rem; }
  .zero-stock__flow-step p { font-size: .76rem; }
  .zero-stock__flow-step small { font-size: .86rem; }
  .zero-stock__flow-step--production img { width: 112px; opacity: .5; }
  .zero-stock__flow-step--shipped img { width: 94px; opacity: .5; }
  .zero-stock__benefits { margin-top: 8rem; }
  .zero-stock__benefit { padding: 2.35rem 2rem 2.6rem; }
  .zero-stock__benefit:first-child { padding-left: 0; }
  .zero-stock__benefit:last-child { padding-right: 0; }
  .zero-stock__benefit h3 { font-size: clamp(1.9rem, 2.2vw, 2.35rem); }
  .zero-stock__punchline { margin-top: 8.5rem; padding-top: 3.5rem; }
  .zero-stock__punchline p { font-size: clamp(5rem, 6.2vw, 6.8rem); }

  .earnings { padding-block: 9rem 15rem; }
  .earnings__layout {
    grid-template-columns: minmax(0, .82fr) minmax(520px, 1.18fr);
    grid-template-rows: auto 1fr;
    column-gap: clamp(4rem, 6vw, 7rem);
    row-gap: 3.5rem;
    align-items: start;
    padding-bottom: 2rem;
  }
  .earnings__intro { grid-column: 1; grid-row: 1; padding-top: 1rem; }
  .earnings__title { font-size: clamp(4.35rem, 4.9vw, 5.25rem); }
  .earnings__lead { max-width: 34rem; font-size: 1.05rem; }
  .earnings__truths {
    grid-column: 1;
    grid-row: 2;
    display: block;
    align-self: start;
  }
  .earnings__truth { padding: 1.3rem 0 1.45rem; border-left: 0 !important; }
  .earnings__playground {
    grid-column: 2;
    grid-row: 1 / span 2;
    grid-template-columns: minmax(200px, .78fr) minmax(0, 1.22fr);
    grid-template-rows: auto auto auto auto;
    gap: 2rem 2.4rem;
    min-height: 760px;
    padding: 2.8rem 2.6rem 2.8rem;
  }
  .earnings__playground::before { inset: 1.1rem -.85rem .7rem .9rem; }
  .earnings__plus { top: 1rem; right: auto; left: -1.5rem; font-size: clamp(19rem, 26vw, 25rem); opacity: .18; }
  .earnings__utility { top: 1rem; right: 1.1rem; }
  .earnings__selector-wrap { grid-column: 1 / -1; grid-row: 1; }
  .earnings__product-stage { --earnings-product-frame-size: min(18vw, 230px); grid-column: 1; grid-row: 2 / span 3; min-height: 470px; align-self: stretch; padding-inline: 0; }
  .earnings__product-caption { right: 0; bottom: 3.8rem; }
  .earnings__controls { grid-column: 2; grid-row: 2; align-self: end; }
  .earnings__result { grid-column: 2; grid-row: 3; }
  .earnings__amount { font-size: clamp(2.7rem, 3.5vw, 3.8rem); }
  .earnings__disclaimer { grid-column: 2; grid-row: 4; align-self: start; }
  .earnings__cat-wrap {
    right: 4%;
    bottom: -.7rem;
    width: min(14vw, 195px);
  }
  .earnings__punchline { margin-top: 9rem; padding-top: 3.4rem; }
  .earnings__punchline p { font-size: clamp(4.8rem, 6vw, 6.7rem); }

  .button--large { min-height: 56px; padding-inline: 1.35rem; }
  .footer-poster__inner { min-height: 650px; }
  .footer-poster__art { opacity: .88; right: -10px; bottom: -35px; }
}

@media (min-width: 1280px) {
  .hero__copy { grid-column: 1 / span 6; padding-top: 6.5rem; }
  .hero__title { font-size: clamp(5.7rem, 6.2vw, 7.35rem); }
  .complexity__stage { min-height: 930px; }
  .complexity__task { font-size: .86rem; padding: .7rem .9rem; }
  .complexity__support-card { width: 34%; }
  .complexity__visual--merch { width: 16%; }
  .complexity__visual--store { width: 8.1%; }
  .complexity__visual--parcel { width: 23.4%; }

  .workflow__process { gap: clamp(1.8rem, 2.4vw, 3.25rem); }
  .workflow__visual { height: 270px; }
  .workflow__visual--create,
  .workflow__visual--store,
  .workflow__visual--fulfilment,
  .workflow__visual--support { height: 270px; }
  .workflow__visual--store img { height: 264px; }
  .workflow__support-card { width: 96%; margin-inline: auto; }
  .workflow__step h3 { font-size: clamp(2rem, 2vw, 2.45rem); }
  .workflow__copy { font-size: .96rem; }

  .meme-break__headline h3 { font-size: clamp(3.2rem, 3.55vw, 4.35rem); }
  .meme-break__spread { width: min(88%, 1160px); }
  .meme-break__scene { min-height: 630px; }
  .meme-break__photo-card { width: min(82%, 410px); }
  .meme-break__photo-wrap { min-height: 540px; }
  .meme-break__tag,
  .meme-break__status { font-size: .56rem; }

  .store-ops__stage { min-height: 800px; }
  .store-ops__storefront { left: 5%; width: 72%; }
  .store-ops__storefront-body { min-height: 440px; }
  .store-ops__phone { right: 4%; width: 17%; max-width: 225px; }
  .store-ops__slip { right: 19%; width: 132px; }
  .store-ops__parcel { left: 3%; width: 142px; }
  .store-ops__area { grid-template-columns: 180px minmax(300px, .9fr) minmax(360px, 1fr); }

  .service-index__layout { grid-template-columns: 440px minmax(0, 1fr); gap: 4rem; align-items: start; }
  .service-index__intro { position: sticky; top: calc(var(--header-height-desktop) + 2rem); align-self: start; max-width: 440px; }
  .service-index__title { max-width: 100%; font-size: 4rem; }
  .service-index__lead { max-width: 28rem; }
  .service-index__row { grid-template-columns: 96px minmax(0, 1fr) 190px; gap: 1.55rem; padding-block: 3.5rem; }
  .service-index__content h3 { font-size: clamp(2.35rem, 2.4vw, 3rem); }
  .service-index__visual { min-height: 215px; }
  .service-index__support-beat { width: min(68%, 190px); }

  .zero-stock__stage { grid-template-columns: minmax(0, 1fr) minmax(400px, .95fr); gap: 7.5rem; min-height: 690px; }
  .zero-stock__zero-zone { min-height: 650px; }
  .zero-stock__zero { font-size: 38rem; }
  .zero-stock__cat { right: -1%; width: 185px; }
  .zero-stock__stock { width: 315px; left: 1%; top: 4.5rem; bottom: auto; }
  .zero-stock__flow-step { min-height: 136px; }

  .earnings__layout { grid-template-columns: minmax(0, .76fr) minmax(610px, 1.24fr); column-gap: 7.5rem; }
  .earnings__playground { min-height: 790px; padding: 3rem; }
  .earnings__product-stage { --earnings-product-frame-size: 245px; min-height: 500px; }
  .earnings__cat-wrap { right: 4%; width: 205px; }
}

@media (min-width: 1600px) {
  .meme-break { padding-block: 3rem; }

  .hero__copy { padding-left: 0; }
  .complexity__stage { min-height: 980px; }
  .complexity__task { font-size: .9rem; }
  .complexity__support-card { width: 32%; }

  .workflow__title { font-size: 6.9rem; }
  .workflow__process { margin-top: 8.5rem; gap: 3.4rem; }
  .workflow__visual { height: 285px; }
  .workflow__visual--create,
  .workflow__visual--store,
  .workflow__visual--fulfilment,
  .workflow__visual--support { height: 285px; }
  .workflow__visual--store img { height: 278px; }

  .meme-break__headline h3 { font-size: 4.15rem; }
  .meme-break__spread { width: min(84%, 1180px); }
  .meme-break__scene { min-height: 660px; }
  .meme-break__photo-wrap { min-height: 560px; }

  .store-ops { padding-block: 10rem 11rem; }
  .store-ops__stage { min-height: 850px; }
  .store-ops__storefront { top: 5.5rem; left: 6%; width: 70%; }
  .store-ops__storefront-body { min-height: 475px; }
  .store-ops__phone { top: 10rem; right: 5%; max-width: 235px; }
  .store-ops__stage-caption { right: 2%; }

  .service-index { padding-block: 10rem 11rem; }
  .service-index__layout { grid-template-columns: 480px minmax(0, 1fr); gap: 7rem; }
  .service-index__intro { max-width: 480px; }
  .service-index__title { font-size: 4.5rem; }
  .service-index__row { grid-template-columns: 110px minmax(0, 1fr) 225px; gap: 2rem; padding-block: 3.8rem; }
  .service-index__visual { min-height: 225px; }

  .zero-stock { padding-block: 10rem 11rem; }
  .zero-stock__title { font-size: 7.2rem; }
  .zero-stock__stage { grid-template-columns: 1.05fr .95fr; min-height: 730px; gap: 9rem; }
  .zero-stock__zero-zone { min-height: 690px; }
  .zero-stock__zero { font-size: 41rem; }
  .zero-stock__zero-caption { width: 340px; }
  .zero-stock__cat { right: 1%; width: 200px; }
  .zero-stock__stock { width: 330px; }
  .zero-stock__flow-step { min-height: 142px; }

  .earnings { padding-block: 10rem 15rem; }
  .earnings__layout { grid-template-columns: minmax(0, .72fr) minmax(680px, 1.28fr); column-gap: 9rem; }
  .earnings__title { font-size: 5.6rem; }
  .earnings__playground { min-height: 820px; padding: 3.2rem 3.4rem; }
  .earnings__plus { font-size: 27rem; }
  .earnings__product-stage { --earnings-product-frame-size: 260px; min-height: 520px; }
  .earnings__cat-wrap { width: 215px; }
}


/* Homepage Sections #08–#10 */
@media (min-width: 640px) {
  .collab-process__steps-head span:last-child { display: inline; }
  .collab-process__complete { grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1.2rem; }
  .collab-process__complete-link { justify-self: end; text-align: right; white-space: nowrap; }

  .after-launch__tags { gap: .65rem .55rem; }
  .after-launch__tag { min-height: 36px; font-size: .6rem; }

  .creator-world { min-height: 600px; padding: 1.7rem 1.45rem 1.35rem; }
  .creator-world__visual--creator { margin-inline: -1.45rem; }
}

@media (min-width: 768px) {
  .collab-process__step {
    grid-template-columns: 112px minmax(0, 1fr) 180px;
    gap: 1.5rem;
    align-items: start;
  }
  .collab-process__code { padding-top: .35rem; }
  .collab-process__side { justify-content: flex-end; min-height: 78px; }
  .collab-process__status { text-align: right; }
  .collab-process__working-board { min-height: 680px; }
  .collab-process__working-core { width: 410px; }
  .collab-process__tasks { max-width: 62%; }
  .collab-process__working-asset { right: -2%; width: min(64%, 650px); }
  .collab-process__you-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .collab-process__you-card--coffee { margin-top: 3.2rem; }
  .collab-process__you-card--sleep { margin-top: .6rem; }
  .collab-process__you-card--anything { margin-top: 2.2rem; }

  .after-launch__closing {
    grid-template-columns: 1fr minmax(0, 480px);
    align-items: start;
  }
  .after-launch__punchline { justify-self: end; }

  .creator-worlds__grid { gap: 1.8rem; }
}

@media (min-width: 1024px) {
  .collab-process { padding-block: 9rem 10rem; }
  .collab-process__title { max-width: 15ch; font-size: clamp(5.2rem, 7.2vw, 6.9rem); }
  .collab-process__lead { font-size: 1.16rem; }
  .collab-process__steps { margin-top: 7rem; }
  .collab-process__step {
    grid-template-columns: 130px minmax(0, 1fr) 220px;
    gap: 2.2rem;
    padding-block: 2.7rem;
  }
  .collab-process__body h3 { font-size: clamp(2.35rem, 3.25vw, 3.4rem); }
  .collab-process__body > p:not(.collab-process__small-note) { max-width: 690px; font-size: 1rem; }
  .collab-process__side { min-height: 92px; }
  .collab-process__rupture { margin-top: 8rem; }
  .collab-process__working { margin-top: 7rem; }
  .collab-process__working-copy { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); column-gap: 4rem; align-items: end; }
  .collab-process__working-copy h3 { grid-row: 2; }
  .collab-process__working-copy > p:last-child { grid-column: 2; grid-row: 1 / span 2; margin-top: 0; align-self: end; }
  .collab-process__working-board { min-height: 540px; padding: 2.7rem; }
  .collab-process__tasks { max-width: 58%; gap: .62rem; }
  .collab-process__tasks span { min-height: 34px; font-size: .56rem; }
  .collab-process__working-asset { right: -3%; bottom: -2%; width: min(80%, 930px); }
  .collab-process__you-head { grid-template-columns: minmax(0, 1fr) minmax(300px, .7fr); align-items: end; }
  .collab-process__you-head p { padding-bottom: .6rem; }
  .collab-process__approval-layout { grid-template-columns: minmax(0, 1.18fr) minmax(360px, .82fr); gap: 5rem; align-items: end; }
  .collab-process__final-layout { grid-template-columns: minmax(0, 1.15fr) minmax(350px, .85fr); gap: 5rem; align-items: end; }
  .collab-process__punch { grid-template-columns: minmax(0, 1.15fr) minmax(350px, .85fr); gap: 5rem; align-items: end; }

  .after-launch { padding-block: 7.5rem; }
  .after-launch__inner {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
    column-gap: clamp(4rem, 7vw, 7.5rem);
    align-items: end;
  }
  .after-launch__intro { align-self: start; }
  .after-launch__title { font-size: clamp(4.8rem, 6.6vw, 6.6rem); }
  .after-launch__middle { margin-top: 0; align-self: end; }
  .after-launch__hand-note { margin-top: 2.4rem; }
  .after-launch__closing {
    grid-column: 1 / -1;
    grid-template-columns: 1fr minmax(0, 520px);
    margin-top: 6rem;
  }
  .after-launch__punchline { font-size: clamp(3.4rem, 4.2vw, 4.8rem); }

  .creator-worlds { padding-block: 9rem 10rem; }
  .creator-worlds__title { font-size: clamp(5rem, 6.5vw, 6.8rem); }
  .creator-worlds__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(1rem, 1.8vw, 1.7rem);
    align-items: start;
    margin-top: 7rem;
  }
  .creator-world {
    min-height: 660px;
    padding: 1.55rem 1.25rem 1.25rem;
  }
  .creator-world--youtube { margin-top: 3.5rem; }
  .creator-world--creator { min-height: 720px; }
  .creator-world--music { min-height: 640px; margin-top: 6.5rem; }
  .creator-world h3 { font-size: clamp(2.55rem, 3.15vw, 3.8rem); }
  .creator-world > p { font-size: .92rem; }
  .creator-world__visual { min-height: 235px; }
  .creator-world__visual--creator { min-height: 270px; margin-inline: -1.25rem; }
  .creator-world__visual--music { min-height: 285px; }
  .creator-world__tour-poster strong { font-size: clamp(3rem, 4.4vw, 4.7rem); }
}

@media (min-width: 1280px) {
  .collab-process__step { grid-template-columns: 150px minmax(0, 1fr) 250px; gap: 3rem; }
  .collab-process__working-board { min-height: 570px; }
  .collab-process__working-asset { width: min(80%, 960px); }

  .after-launch__inner { grid-template-columns: 1.2fr .8fr; }
  .after-launch__tags { max-width: 520px; }

  .creator-worlds__grid { gap: 1.8rem; }
  .creator-world { padding: 1.8rem 1.55rem 1.35rem; }
  .creator-world h3 { font-size: clamp(3rem, 3.25vw, 4.1rem); }
  .creator-world > p { font-size: .96rem; }
  .creator-world__visual--creator { margin-inline: -1.55rem; }
}

@media (min-width: 1600px) {
  .collab-process { padding-block: 10rem 11rem; }
  .collab-process__title { font-size: 7.2rem; }
  .collab-process__step { grid-template-columns: 165px minmax(0, 1fr) 280px; padding-block: 3rem; }
  .collab-process__body h3 { font-size: 3.55rem; }
  .collab-process__working-board { min-height: 592px; }

  .after-launch { padding-block: 8.5rem; }
  .after-launch__title { font-size: 7rem; }

  .creator-worlds { padding-block: 10rem 11rem; }
  .creator-worlds__title { font-size: 7rem; }
  .creator-world { min-height: 700px; }
  .creator-world--creator { min-height: 760px; }
  .creator-world--music { min-height: 680px; }
  .creator-world h3 { font-size: 4.2rem; }
}


@media (min-width: 640px) {
  .real-proof__newspaper-intro {
    grid-template-columns: minmax(0, 1.35fr) minmax(150px, .65fr);
    gap: 1.8rem;
  }
  .real-proof__clipping { width: min(100%, 205px); margin-top: .1rem; }
  .real-proof__columns { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .real-proof__article-section {
    border-right: 1px solid var(--proof-rule);
    border-bottom: 0;
    padding: 1.25rem 1rem 1.35rem;
  }
  .real-proof__article-section:first-child { padding-left: 0; }
  .real-proof__article-section:last-child { border-right: 0; padding-right: 0; }
  .real-proof__article-section h4 {
    font-size: .95rem;
    line-height: .96;
    letter-spacing: -.015em;
  }
  .real-proof__interview-list > div {
    grid-template-columns: minmax(150px, .72fr) minmax(0, 1.28fr);
    gap: 1.2rem;
  }
}

@media (min-width: 1024px) {
  .real-proof { padding-block: 8.5rem 10rem; }
  .real-proof__layout {
    grid-template-columns: minmax(330px, .72fr) minmax(0, 1.38fr);
    gap: clamp(3.5rem, 5.8vw, 6.5rem);
  }
  .real-proof__copy {
    position: sticky;
    top: calc(var(--header-height-desktop) + 2rem);
    align-self: start;
    max-width: 520px;
  }
  .real-proof__statements { gap: .55rem; margin-top: 1.35rem; }
  .real-proof__statement-word { font-size: clamp(3rem, 3.15vw, 3.55rem); }
  .real-proof__statement-copy { font-size: clamp(1.05rem, 1.22vw, 1.32rem); }
  .real-proof__statement--secondary .real-proof__statement-copy { font-size: clamp(1rem, 1.12vw, 1.2rem); }
  .real-proof__statement--tertiary .real-proof__statement-copy { font-size: clamp(.94rem, 1.02vw, 1.1rem); }
  .real-proof__lead { margin-top: 1.35rem; }
  .real-proof__newspaper { padding: clamp(1.5rem, 2.4vw, 2.35rem); }
  .real-proof__newspaper-title { font-size: clamp(2.8rem, 3.35vw, 3.6rem); }
  .real-proof__newspaper-deck { font-size: clamp(1.05rem, 1.45vw, 1.4rem); }
  .real-proof__article-section h4 {
    font-size: clamp(.95rem, 1.18vw, 1.3rem);
    line-height: .95;
    letter-spacing: -.02em;
  }
}

@media (min-width: 1280px) {
  .real-proof__layout { grid-template-columns: minmax(360px, .66fr) minmax(0, 1.44fr); }
  .real-proof__newspaper { padding: 2.25rem 2.4rem; }
  .real-proof__newspaper-title { font-size: 3.65rem; }
  .real-proof__clipping { max-width: 220px; }
}

@media (min-width: 1600px) {
  .real-proof { padding-block: 10rem 11rem; }
  .real-proof__layout { gap: 7rem; }
  .real-proof__copy { max-width: 560px; }
  .real-proof__statements { gap: .62rem; }
  .real-proof__statement-word { font-size: 3.7rem; }
  .real-proof__statement-copy { font-size: 1.38rem; }
  .real-proof__statement--secondary .real-proof__statement-copy { font-size: 1.24rem; }
  .real-proof__statement--tertiary .real-proof__statement-copy { font-size: 1.12rem; }
  .real-proof__newspaper { padding: 2.6rem 2.8rem; }
  .real-proof__newspaper-title { font-size: 4rem; }
}


/* Section #12 / Selected Work */
@media (min-width: 640px) {
  .selected-work__title { font-size: clamp(4.8rem, 10vw, 6.4rem); }
  .portfolio-case__copy { padding: 2rem; }
  .portfolio-case__visual--road,
  .portfolio-case__visual--soft { min-height: 460px; }
  .portfolio-case__visual--midnight { min-height: 430px; }
  .portfolio-case__visual--road img { width: min(46%, 300px); }
  .portfolio-case__soft-person { width: min(42%, 280px); }
  .portfolio-case__soft-hoodie { width: min(38%, 230px); }
}

@media (min-width: 768px) {
  .selected-work__intro { max-width: 840px; }
  .portfolio-case--road,
  .portfolio-case--soft {
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    align-items: stretch;
  }
  .portfolio-case--road .portfolio-case__copy,
  .portfolio-case--soft .portfolio-case__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .portfolio-case--road .portfolio-case__visual,
  .portfolio-case--soft .portfolio-case__visual { min-height: 520px; margin-top: 0; }
  .portfolio-case--midnight {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    min-height: 620px;
  }
  .portfolio-case--midnight .portfolio-case__visual { min-height: 620px; padding: 2rem 1rem; }
  .portfolio-case--midnight .portfolio-case__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .portfolio-case__poster { min-height: 480px; }
}

@media (min-width: 1024px) {
  .selected-work { padding-block: 9rem 10rem; }
  .selected-work__title { max-width: 10ch; font-size: clamp(5.8rem, 7.2vw, 7.2rem); }
  .selected-work__lead { margin-top: 1.75rem; }
  .selected-work__wall {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1.25rem;
    margin-top: 6.5rem;
  }
  .portfolio-case--road {
    grid-column: 1 / 9;
    grid-row: 1;
    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
    min-height: 660px;
  }
  .portfolio-case--midnight {
    grid-column: 9 / 13;
    grid-row: 1;
    display: block;
    min-height: 660px;
  }
  .portfolio-case--soft {
    grid-column: 2 / 12;
    grid-row: 2;
    grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
    min-height: 540px;
  }
  .portfolio-case__copy { padding: 2.25rem; }
  .portfolio-case h3 { font-size: clamp(3rem, 4.4vw, 5.2rem); }
  .portfolio-case--midnight h3 { font-size: clamp(2.6rem, 3vw, 3.65rem); }
  .portfolio-case__description { font-size: .94rem; }
  .portfolio-case--road .portfolio-case__visual { min-height: 660px; }
  .portfolio-case__visual--road img { right: 1%; bottom: 1%; width: min(58%, 320px); }
  .portfolio-case__road-paper { inset: 12% -12% 5% 12%; }
  .portfolio-case__road-sticker { left: 3%; bottom: 12%; }
  .portfolio-case--midnight .portfolio-case__visual {
    min-height: 390px;
    padding: 1.3rem 1rem .2rem;
  }
  .portfolio-case__poster { min-height: 350px; width: 92%; }
  .portfolio-case--midnight .portfolio-case__copy { display: block; padding-top: 1.6rem; }
  .portfolio-case__poster strong { font-size: clamp(4.6rem, 6vw, 6.7rem); }
  .portfolio-case__poster-word { font-size: clamp(2rem, 2.8vw, 3.1rem); }
  .portfolio-case__ticket { right: -10%; bottom: 8%; }
  .portfolio-case--soft .portfolio-case__visual { min-height: 540px; }
  .portfolio-case__soft-person { left: 11%; bottom: -16%; width: min(43%, 300px); }
  .portfolio-case__soft-hoodie { right: 2%; bottom: -2%; width: min(39%, 245px); }
  .portfolio-case__soft-word { font-size: clamp(7rem, 10vw, 10rem); }
}

@media (min-width: 1280px) {
  .selected-work__footer--soon { flex-direction: row; align-items: flex-end; gap: 3rem; }
  .selected-work__closing-title { font-size: clamp(4.2rem, 5.4vw, 5.8rem); }

  .selected-work__wall { gap: 1.5rem; }
  .portfolio-case--road { min-height: 700px; }
  .portfolio-case--midnight { min-height: 700px; }
  .portfolio-case--soft { grid-column: 3 / 13; min-height: 580px; }
  .portfolio-case--road .portfolio-case__visual { min-height: 700px; }
  .portfolio-case__visual--road img { width: min(56%, 350px); }
  .portfolio-case--midnight .portfolio-case__visual { min-height: 420px; }
  .portfolio-case__poster { min-height: 385px; }
  .portfolio-case--soft .portfolio-case__visual { min-height: 580px; }
  .portfolio-case__soft-person { width: min(44%, 330px); }
  .portfolio-case__soft-hoodie { width: min(38%, 270px); }
}

@media (min-width: 1600px) {
  .selected-work { padding-block: 10rem 11.5rem; }
  .selected-work__title { font-size: 7.5rem; }
  .selected-work__wall { margin-top: 7.5rem; gap: 1.75rem; }
  .portfolio-case--road,
  .portfolio-case--midnight { min-height: 740px; }
  .portfolio-case--road .portfolio-case__visual { min-height: 740px; }
  .portfolio-case--soft { min-height: 620px; }
  .portfolio-case--soft .portfolio-case__visual { min-height: 620px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}

/* ============================================================
   Page / Oferta
   ============================================================ */
@media (min-width: 640px) {
  .offer-hero__lineup { min-height: 650px; width: min(98%, 720px); }
  .offer-hero__title { font-size: clamp(4.4rem, 10.5vw, 7rem); }
  .offer-hero__product--shirt { left: -1%; bottom: 2%; width: min(62%, 400px); }
  .offer-hero__product--hoodie { top: -1%; right: 0; width: min(58%, 375px); }
  .offer-hero__product--mug { right: 0; bottom: 1%; width: min(34%, 215px); }
  .offer-hero__product--poster { left: 31%; top: 4%; width: min(31%, 200px); }

  .offer-base__board { min-height: 620px; }
  .offer-base__macro { min-height: 300px; }
  .offer-tees__stage { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4rem 1.5rem; }
  .offer-tee__visual { min-height: 360px; }
  .offer-tee--fit { margin-top: 3rem; }
  .offer-tee--heavy { margin-top: 3rem; }

  .offer-hoodie { grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr); gap: 2rem; padding: 1.5rem; }
  .offer-hoodie__visual { min-height: 360px; }
  .offer-hoodie:nth-child(even) { grid-template-columns: minmax(0, 1.2fr) minmax(240px, .8fr); }
  .offer-hoodie:nth-child(even) .offer-hoodie__visual { order: 2; }

  .offer-accessories__wall { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .offer-accessory--cap { min-height: 620px; }
  .offer-accessory--tote { min-height: 520px; margin-top: 4rem; }
  .offer-accessory--mug { min-height: 500px; }
  .offer-accessory--poster { min-height: 620px; margin-top: -2rem; }
  .offer-accessory--other { grid-column: 1 / -1; }

  .offer-scale__scenarios { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .offer-scale__scenario--live { grid-column: 1 / -1; }
  .offer-scale__final { grid-template-columns: minmax(0, 1fr) minmax(260px, .65fr); align-items: start; }
  .offer-scale__statement { grid-column: 1 / -1; }
  .offer-scale__cta { align-items: flex-start; }

  .offer-print__methods { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
  .offer-print__method--sublimation { margin-top: 4rem; }

  .offer-explorer__selector button { padding-inline: 1rem; }
  .offer-explorer__stage { min-height: 560px; }
  .offer-explorer__visual { min-height: 520px; }
  .offer-explorer__closing { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }
}

@media (min-width: 768px) {
  .offer-page h2 { font-size: clamp(4rem, 7.5vw, 6.2rem); }
  .offer-section-head > p:last-child { font-size: 1.15rem; }

  .offer-base__criteria > div { grid-template-columns: 120px 1fr; }

  .offer-tees__stage { gap: 5rem 2rem; }
  .offer-tee__visual { min-height: 410px; }
  .offer-tee h3 { font-size: clamp(2rem, 4.4vw, 3rem); }

  .offer-accessories__wall { gap: 1.5rem; }
  .offer-accessory { padding: 1.5rem; }
  .offer-accessory__visual { min-height: 320px; }

  .offer-quality__spec { padding: 2rem; }
  .offer-certifications__rule { grid-template-columns: 42px 180px 1fr; align-items: start; }
  .offer-certifications__rule span { grid-row: auto; }
  .offer-certifications__rule em { align-self: center; }

  .offer-explorer__details { padding: 1rem; }
  .offer-explorer__specs > div { grid-template-columns: 120px 1fr; }
}

@media (min-width: 1024px) {
  .offer-hero {
    min-height: calc(100svh - var(--header-height-desktop));
    padding-block: 6.5rem 7.5rem;
  }
  .offer-hero__inner {
    grid-template-columns: minmax(0, .94fr) minmax(470px, 1.06fr);
    align-items: center;
    gap: clamp(2.5rem, 5vw, 5.5rem);
  }
  .offer-hero__title { max-width: 11.5ch; font-size: clamp(5.2rem, 6.2vw, 7.1rem); }
  .offer-hero__lead { max-width: 610px; }
  .offer-hero__lineup { min-height: 680px; width: 100%; }
  .offer-hero__product--shirt { left: -3%; bottom: 1%; width: min(65%, 420px); }
  .offer-hero__product--hoodie { top: -1%; right: -2%; width: min(61%, 400px); }
  .offer-hero__product--mug { right: -1%; bottom: 1%; width: min(35%, 225px); }
  .offer-hero__product--poster { left: 31%; top: 3%; width: min(33%, 210px); }
  .offer-hero__note { right: 0; top: 53%; }

  .offer-base { padding-block: 9rem 10rem; }
  .offer-base__layout {
    grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
    gap: clamp(4rem, 7vw, 8rem);
    align-items: start;
  }
  .offer-base__copy { position: sticky; top: 120px; align-self: start; }
  .offer-base__copy h2 { font-size: clamp(4.6rem, 5.8vw, 6.4rem); }
  .offer-base__board { min-height: 660px; }
  .offer-base__macro { min-height: 330px; }

  .offer-family { padding-block: 9rem 10rem; }
  .offer-section-head h2 { font-size: clamp(4.8rem, 6vw, 6.6rem); }
  .offer-tees__stage {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.35rem;
    margin-top: 6.5rem;
    align-items: start;
  }
  .offer-tee { min-width: 0; padding-top: .8rem; }
  .offer-tee__visual { min-height: 420px; }
  .offer-tee__visual img { width: min(75%, 220px); }
  .offer-tee--fit { margin-top: 4.5rem; }
  .offer-tee--oversized { margin-top: 1.5rem; }
  .offer-tee--heavy { margin-top: 6rem; }
  .offer-tee--fit .offer-tee__visual img { width: min(62%, 185px); }
  .offer-tee--oversized .offer-tee__visual img { width: min(90%, 260px); }
  .offer-tee--heavy .offer-tee__visual img { width: min(84%, 245px); }
  .offer-tee__number { font-size: clamp(8rem, 11vw, 11rem); }
  .offer-tee h3 { font-size: clamp(1.65rem, 2.15vw, 2.65rem); }
  .offer-tee > p:not(.offer-tee__utility) { font-size: .9rem; }

  .offer-section-head--split {
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
    gap: clamp(3rem, 6vw, 7rem);
    align-items: end;
  }
  .offer-section-head--split h2 { max-width: 14ch; }
  .offer-hoodies__run { margin-top: 6.5rem; }
  .offer-hoodie {
    grid-template-columns: minmax(320px, .82fr) minmax(0, 1.18fr);
    min-height: 440px;
    gap: clamp(2rem, 4vw, 4rem);
    padding: 1.6rem 2rem;
  }
  .offer-hoodie:nth-child(even) { grid-template-columns: minmax(0, 1.18fr) minmax(320px, .82fr); }
  .offer-hoodie__visual { min-height: 405px; }
  .offer-hoodie__visual img { width: min(75%, 300px); }
  .offer-hoodie--heavy .offer-hoodie__visual img { width: min(86%, 335px); }
  .offer-hoodie__copy h3 { font-size: clamp(2.6rem, 3.8vw, 4.2rem); }

  .offer-scale { padding-block: 9rem 10rem; }
  .offer-scale__intro { grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr); align-items: end; gap: clamp(3rem, 6vw, 7rem); }
  .offer-scale__intro .editorial-label,
  .offer-scale__intro h2 { grid-column: 1; }
  .offer-scale__intro h2 { font-size: clamp(4.8rem, 6vw, 6.7rem); }
  .offer-scale__lead { grid-column: 2; grid-row: 1 / span 2; align-self: end; }
  .offer-scale__punch p { font-size: clamp(4.1rem, 5.5vw, 6rem); }
  .offer-scale__scenarios { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1.35rem; }
  .offer-scale__scenario--small { grid-column: 1 / 7; min-height: 520px; }
  .offer-scale__scenario--regular { grid-column: 7 / 13; min-height: 570px; margin-top: 3rem; }
  .offer-scale__scenario--live { grid-column: 2 / 13; min-height: 500px; grid-template-columns: minmax(0, .55fr) minmax(520px, 1fr); align-items: end; }
  .offer-scale__scenario--live .offer-scale__metric { position: relative; align-self: start; justify-self: start; top: auto; right: auto; font-size: clamp(7rem, 10vw, 12rem); }
  .offer-scale__scenario--live .offer-scale__scenario-copy { grid-column: 2; }
  .offer-scale__scenario h3 { font-size: clamp(3rem, 4vw, 4.7rem); }
  .offer-scale__final { grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr); column-gap: clamp(3rem, 6vw, 7rem); }
  .offer-scale__statement { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
  .offer-scale__statement p { font-size: clamp(3.4rem, 4.6vw, 5.2rem); }
  .offer-scale__final-copy { grid-column: 1; }
  .offer-scale__cta { grid-column: 2; align-self: end; }

  .offer-accessories { padding-block: 9rem 10rem; }
  .offer-accessories__wall {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-rows: 110px;
    gap: 1.25rem;
    margin-top: 6.5rem;
  }
  .offer-accessory { min-height: 0; }
  .offer-accessory--cap { grid-column: 1 / 8; grid-row: 1 / 7; }
  .offer-accessory--tote { grid-column: 8 / 13; grid-row: 1 / 6; margin-top: 2.5rem; }
  .offer-accessory--mug { grid-column: 2 / 7; grid-row: 7 / 12; }
  .offer-accessory--poster { grid-column: 7 / 13; grid-row: 6 / 13; margin-top: 0; }
  .offer-accessory--other {
    grid-column: 1 / -1;
    grid-row: 13 / span 3;
    grid-template-columns: minmax(0, 1.32fr) minmax(300px, .68fr);
    align-items: stretch;
    gap: clamp(3rem, 6vw, 7rem);
    padding: clamp(2rem, 3vw, 3rem);
  }
  .offer-accessory--other h3 { font-size: clamp(4.2rem, 6.2vw, 6.8rem); }
  .offer-accessory__other-side {
    border-top: 0;
    border-left: 1px solid color-mix(in srgb, var(--color-ink-fixed) 38%, transparent);
    padding-top: 0;
    padding-left: clamp(2rem, 4vw, 4rem);
  }
  .offer-accessory--other p.offer-accessory__other-punchline { font-size: clamp(2.4rem, 3.6vw, 4.2rem); }
  .offer-accessory__visual { min-height: 0; height: 100%; max-height: 390px; }
  .offer-accessory--cap .offer-accessory__visual img { width: min(100%, 600px); }
  .offer-accessory--tote .offer-accessory__visual img { width: min(88%, 420px); position: relative; top: -80px; }
  .offer-accessory--mug .offer-accessory__visual img { width: min(90%, 435px); }
  .offer-accessory--poster .offer-accessory__visual img { width: min(150%, 750px);  position: relative; top: -230px;}

  .offer-accessory h3 { font-size: clamp(2.4rem, 3vw, 3.8rem); }

  .offer-quality { padding-block: 9rem 10rem; }
  .offer-quality__layout {
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
    gap: clamp(4rem, 7vw, 8rem);
    align-items: center;
  }
  .offer-quality__copy h2 { font-size: clamp(4.8rem, 6vw, 6.7rem); }
  .offer-quality__spec { min-height: 540px; display: flex; flex-direction: column; justify-content: center; padding: 2.5rem; }

  .offer-certifications { padding-block: 8rem; }
  .offer-certifications__layout {
    grid-template-columns: minmax(0, .9fr) minmax(440px, 1.1fr);
    gap: clamp(4rem, 8vw, 9rem);
    align-items: start;
  }
  .offer-certifications h2 { font-size: clamp(4.3rem, 5.6vw, 6.2rem); }

  .offer-print { padding-block: 9rem 10rem; }
  .offer-section-head--wide h2 { font-size: clamp(4.8rem, 6.2vw, 6.8rem); }
  .offer-print__statement { margin-top: 5.5rem; }
  .offer-print__statement p { font-size: clamp(2.8rem, 4vw, 4.4rem); }
  .offer-print__methods { gap: 1.75rem; margin-top: 6rem; }
  .offer-print__macro { min-height: 440px; }
  .offer-print__method--sublimation { margin-top: 5rem; }

  .offer-explorer { padding-block: 9rem 10rem; }
  .offer-explorer__selector { margin-top: 4.5rem; }
  .offer-explorer__selector button { min-height: 54px; padding-inline: 1.3rem; font-size: .68rem; }
  .offer-explorer__stage {
    grid-template-columns: minmax(460px, 1.05fr) minmax(0, .95fr);
    gap: clamp(3rem, 6vw, 7rem);
    min-height: 640px;
    align-items: center;
    padding-bottom: 3rem;
  }
  .offer-explorer__visual { min-height: 620px; }
  .offer-explorer__visual img { width: min(64%, 360px); max-height: 480px; }
  .offer-explorer__visual-word { font-size: clamp(7rem, 10vw, 11rem); }
  .offer-explorer__details { padding: 2rem 0; }
  .offer-explorer__details h3 { font-size: clamp(3.6rem, 5vw, 5.6rem); }
  .offer-explorer__closing p { font-size: clamp(2.5rem, 3.5vw, 4rem); }
}

@media (min-width: 1280px) {
  .offer-hero__inner { grid-template-columns: minmax(0, .88fr) minmax(520px, 1.12fr); }
  .offer-hero__title { font-size: clamp(6rem, 6.4vw, 7.4rem); }
  .offer-hero__lineup { min-height: 720px; }
  .offer-hero__product--shirt { left: -4%; bottom: 0; width: min(68%, 450px); }
  .offer-hero__product--hoodie { top: -2%; right: -3%; width: min(64%, 430px); }
  .offer-hero__product--mug { right: -2%; bottom: 0; width: min(36%, 235px); }
  .offer-hero__product--poster { left: 32%; top: 2%; width: min(34%, 220px); }

  .offer-tees__stage { gap: 1.65rem; }
  .offer-tee__visual { min-height: 450px; }
  .offer-tee--fit { margin-top: 5.5rem; }
  .offer-tee--heavy { margin-top: 7rem; }

  .offer-scale__scenario--small { grid-column: 1 / 6; }
  .offer-scale__scenario--regular { grid-column: 6 / 13; }
  .offer-scale__scenario--live { grid-column: 2 / 13; }

  .offer-accessories__wall { grid-auto-rows: 120px; gap: 1.5rem; }
  .offer-accessory { padding: 1.7rem; }

  .offer-explorer__stage { grid-template-columns: minmax(520px, 1.08fr) minmax(0, .92fr); }
}

@media (min-width: 1600px) {
  .offer-hero { padding-block: 7.5rem 8.5rem; }
  .offer-hero__title { font-size: 7.8rem; }
  .offer-hero__lineup { min-height: 780px; }
  .offer-hero__product--shirt { width: min(70%, 490px); }
  .offer-hero__product--hoodie { width: min(66%, 465px); }
  .offer-hero__product--mug { width: min(37%, 255px); }
  .offer-hero__product--poster { width: min(35%, 235px); }

  .offer-base,
  .offer-family,
  .offer-accessories,
  .offer-scale,
  .offer-quality,
  .offer-print,
  .offer-explorer { padding-block: 10.5rem 11.5rem; }
  .offer-section-head h2,
  .offer-quality__copy h2,
  .offer-section-head--wide h2 { font-size: 7rem; }
  .offer-accessories__wall { grid-auto-rows: 125px; }
}

/* Audience SEO pages */
@media (min-width: 640px) {
  .audience-hero__actions,
  .audience-final__actions { flex-direction: row; align-items: center; gap: 1.4rem; }
  .audience-hero__composition { min-height: 0; }
  .audience-idea { grid-template-columns: 145px minmax(0, 1fr) 92px; align-items: start; gap: 1.5rem; }
  .audience-idea__mark { justify-content: flex-end; }
  .audience-idea__mark span { position: absolute; margin-top: 3.2rem; }
  .audience-first-drop__sheet { padding: 1.6rem 1.5rem 4.5rem; }
  .audience-zumi__flow { grid-template-columns: repeat(2, minmax(0, 1fr)); border-left: 1px solid var(--color-text); }
  .audience-zumi__flow li { border-right: 1px solid var(--color-text); padding-inline: 1rem; }
  .audience-zero__layout { grid-template-columns: .7fr 1.3fr; }
  .audience-zero__number { align-self: end; }
  .audience-zero__order { grid-column: 1 / -1; min-height: 250px; }
}

@media (min-width: 768px) {
  .audience-hero__title { font-size: clamp(4.4rem, 9.2vw, 6.4rem); }
  .audience-hero__composition {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .9rem;
    min-height: 0;
  }
  .audience-hero__box--slot-1 { grid-column: 1 / 3; grid-row: 1 / 3; min-height: 255px; }
  .audience-hero__box--slot-2 { grid-column: 3; grid-row: 1; }
  .audience-hero__box--slot-3 { grid-column: 3; grid-row: 2; }
  .audience-hero__box--slot-4 { grid-column: 1; grid-row: 3; }
  .audience-hero__box--slot-5 { grid-column: 2 / 4; grid-row: 3; }
  .audience-hero__box--slot-6 { grid-column: 1 / 3; grid-row: 4; }
  .audience-reason__visual { min-height: 440px; }
  .audience-first-drop__sheet { max-width: 680px; }
  .audience-zero__layout { grid-template-columns: .55fr 1fr .65fr; gap: 2rem; }
  .audience-zero__order { grid-column: auto; min-height: 300px; }
  .audience-zero__order img { width: 55%; right: 8%; }
  .audience-why { min-height: 520px; }
}

@media (min-width: 1024px) {
  .audience-hero { min-height: min(65svh, 760px); padding-block: 5rem 6rem; }
  .audience-hero__inner { grid-template-columns: minmax(0, 1.03fr) minmax(450px, .97fr); gap: clamp(3rem, 6vw, 6.5rem); }
  .audience-hero__copy { align-self: center; }
  .audience-hero__title { max-width: 11ch; font-size: clamp(4.9rem, 6.4vw, 6.8rem); }
  .audience-hero__composition {
    display: block;
    min-height: 520px;
    width: min(100%, 630px);
  }
  .audience-hero__box { position: absolute; }
  .audience-hero__box--slot-1 { left: 2%; top: 7%; width: 51%; min-height: 248px; }
  .audience-hero__box--slot-2 { right: 2%; top: 2%; width: 38%; min-height: 138px; }
  .audience-hero__box--slot-3 { right: 9%; top: 31%; width: 31%; min-height: 132px; }
  .audience-hero__box--slot-4 { left: 7%; bottom: 5%; width: 35%; min-height: 125px; }
  .audience-hero__box--slot-5 { right: 1%; bottom: 1%; width: 58%; min-height: 92px; }
  .audience-hero__box--slot-6 { right: 2%; bottom: 27%; width: 28%; min-height: 112px; }

  .audience-hero__composition--youtube .audience-hero__box--slot-1 { left: 4%; top: 9%; width: 50%; }
  .audience-hero__composition--youtube .audience-hero__box--slot-2 { right: 0; top: 0; width: 41%; }
  .audience-hero__composition--youtube .audience-hero__box--slot-3 { right: 6%; top: 33%; width: 29%; }
  .audience-hero__composition--youtube .audience-hero__box--slot-4 { left: 2%; bottom: 3%; width: 31%; }
  .audience-hero__composition--youtube .audience-hero__box--slot-5 { right: 0; bottom: 2%; width: 62%; }
  .audience-hero__composition--youtube .audience-hero__box--slot-6 { right: 5%; bottom: 29%; width: 35%; }

  .audience-hero__composition--influencers .audience-hero__box--slot-1 { left: 0; top: 5%; width: 57%; min-height: 300px; }
  .audience-hero__composition--influencers .audience-hero__box--slot-2 { right: 5%; top: 0; width: 27%; min-height: 188px; }
  .audience-hero__composition--influencers .audience-hero__box--slot-3 { right: 0; top: 40%; width: 34%; }
  .audience-hero__composition--influencers .audience-hero__box--slot-4 { left: 9%; bottom: 2%; width: 31%; min-height: 130px; }
  .audience-hero__composition--influencers .audience-hero__box--slot-5 { right: 0; bottom: 2%; width: 48%; }
  .audience-hero__composition--influencers .audience-hero__box--slot-6 { right: 15%; bottom: 28%; width: 29%; }

  .audience-hero__composition--bands .audience-hero__box--slot-1 { left: 2%; top: 2%; width: 56%; min-height: 292px; }
  .audience-hero__composition--bands .audience-hero__box--slot-2 { right: 1%; top: 0; width: 31%; min-height: 148px; }
  .audience-hero__composition--bands .audience-hero__box--slot-3 { right: 6%; top: 31%; width: 29%; min-height: 150px; }
  .audience-hero__composition--bands .audience-hero__box--slot-4 { left: 0; bottom: 3%; width: 40%; min-height: 108px; }
  .audience-hero__composition--bands .audience-hero__box--slot-5 { right: 0; bottom: 1%; width: 52%; min-height: 94px; }
  .audience-hero__composition--bands .audience-hero__box--slot-6 { right: 2%; bottom: 29%; width: 35%; min-height: 104px; }

  .audience-reason,
  .audience-ideas,
  .audience-first-drop,
  .audience-zumi,
  .audience-zero,
  .audience-faq,
  .audience-final { padding-block: 8rem; }

  .audience-reason__layout { grid-template-columns: minmax(0, 1fr) minmax(420px, .8fr); gap: clamp(4rem, 7vw, 7.5rem); }
  .audience-reason__copy h2,
  .audience-section-head h2,
  .audience-first-drop__copy h2,
  .audience-zumi__copy h2,
  .audience-zero__copy h2,
  .audience-faq__intro h2,
  .audience-final h2 { font-size: clamp(4.5rem, 5.6vw, 6rem); }
  .audience-reason__visual { min-height: 520px; }

  .audience-ideas__index { margin-top: 5rem; }
  .audience-idea { grid-template-columns: 175px minmax(0, 1fr) 140px; gap: 2rem; padding-block: 2rem; }
  .audience-idea__body h3 { font-size: clamp(2.2rem, 3vw, 3.2rem); }
  .audience-idea__body p { font-size: 1rem; }

  .audience-first-drop__layout { grid-template-columns: minmax(0, .9fr) minmax(450px, 1.1fr); gap: clamp(4rem, 8vw, 8rem); }
  .audience-first-drop__sheet { justify-self: end; width: 100%; }
  .audience-first-drop__sheet li { font-size: .84rem; }

  .audience-zumi__flow { grid-template-columns: repeat(7, minmax(0, 1fr)); margin-top: 4.5rem; }
  .audience-zumi__flow li { grid-template-columns: 1fr; min-height: 150px; align-content: space-between; padding: 1rem .8rem; }
  .audience-zumi__flow strong { font-size: clamp(1rem, 1.25vw, 1.35rem); }

  .audience-zero__layout { grid-template-columns: .7fr 1.25fr .62fr; gap: 3rem; }
  .audience-zero__number { font-size: clamp(15rem, 21vw, 22rem); }
  .audience-zero__order { min-height: 330px; }

  .audience-why { min-height: 560px; }
  .audience-why h2 { font-size: clamp(5rem, 6.5vw, 7rem); }
  .audience-why__symbol { font-size: clamp(9rem, 17vw, 16rem); }

  .audience-faq__layout { grid-template-columns: minmax(300px, .68fr) minmax(0, 1.32fr); gap: clamp(4rem, 7vw, 7rem); align-items: start; }
  .audience-faq__intro { position: sticky; top: 120px; }
  .audience-faq__trigger { grid-template-columns: 3.2rem 1fr 2rem; padding-block: 1.45rem; }
  .audience-faq__panel { padding-left: 3.9rem; padding-bottom: 1.6rem; }

  .audience-final { min-height: 600px; display: flex; align-items: center; }
}

@media (min-width: 1280px) {
  .audience-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(520px, .95fr); }
  .audience-hero__composition { min-height: 550px; }
  .audience-reason__layout { grid-template-columns: 1.08fr .92fr; }
  .audience-reason__visual { min-height: 550px; }
  .audience-first-drop__layout { grid-template-columns: .95fr 1.05fr; }
}


/* Kontakt + Brief / desktop composition */
@media (min-width: 720px) {
  .form-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .contact-mode-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .contact-mode { min-height: 220px; }
  .choice-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .choice-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .choice-grid--scale { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .form-submit-row { grid-template-columns: auto minmax(0, 1fr); gap: 1.5rem; }
}

@media (min-width: 1024px) {
  .form-hero { padding-block: 6.2rem 5.5rem; }
  .contact-section, .brief-section { padding-block: 6rem 9rem; }
  .contact-form-stage { margin-top: 3.5rem; }
  .contact-form-panel { padding-top: 2.3rem; }
  .brief-layout { grid-template-columns: 210px minmax(0, 1fr); align-items: start; gap: clamp(3rem, 6vw, 6rem); }
  .brief-progress { position: sticky; top: calc(var(--header-height-desktop) + 2rem); border-bottom: 0; border-right: var(--border-thin); padding: 0 1.7rem 1rem 0; }
  .brief-progress__steps { display: grid; gap: .7rem; margin-top: 1.5rem; font-family: var(--font-mono); font-size: .62rem; font-weight: var(--font-weight-bold); color: var(--color-text-muted); }
  .brief-progress__steps li { position: relative; padding-left: 1rem; }
  .brief-progress__steps li::before { content: ''; position: absolute; left: 0; top: .45em; width: 5px; height: 5px; border-radius: 50%; background: var(--color-border); }
  .brief-progress__steps li.is-current { color: var(--color-text); }
  .brief-progress__steps li.is-current::before { background: var(--color-brand); }
  .brief-step { min-height: 500px; }
  .brief-step__head { margin-bottom: 2.8rem; }
  .choice-grid--creator { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 430px) {
  .choice-grid { grid-template-columns: 1fr; }
  .choice-chip span { justify-content: flex-start; text-align: left; }
  .brief-nav .button { flex: 1; }
}

/* Homepage / fake testimonials interlude */
@media (min-width: 640px) {
  .fake-testimonials { padding-block: 7rem 7.5rem; }
  .fake-testimonials__title { font-size: clamp(4.6rem, 10vw, 6.2rem); }
  .fake-testimonials__stage { margin-top: 5rem; gap: 4.5rem; }
  .fake-testimonial {
    grid-template-columns: minmax(190px, 250px) minmax(0, 1fr);
    gap: clamp(2rem, 5vw, 4rem);
    align-items: center;
  }
  .fake-testimonial__portrait { width: 100%; max-width: 250px; }
  .fake-testimonial--grzes .fake-testimonial__portrait { grid-column: 2; grid-row: 1; }
  .fake-testimonial--grzes .fake-testimonial__content { grid-column: 1; grid-row: 1; }
  .fake-testimonials__punchline { margin-top: 6rem; }
  .fake-testimonials__real-proof { padding: 1.4rem 1.5rem 1.5rem; }
}

@media (min-width: 1024px) {
  .fake-testimonials { padding-block: 8.5rem 9rem; }
  .fake-testimonials__intro { max-width: 980px; }
  .fake-testimonials__title { max-width: 10ch; font-size: clamp(5.7rem, 7vw, 7rem); }
  .fake-testimonials__lead { font-size: 1.06rem; }
  .fake-testimonials__stage {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(5rem, 8vw, 9rem);
    align-items: start;
    margin-top: 7rem;
  }
  .fake-testimonial {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.7rem;
    min-width: 0;
    padding-block: 0 2.8rem;
  }
  .fake-testimonial--ania { transform: translateY(-1.5rem); }
  .fake-testimonial--grzes { transform: translateY(4.5rem); }
  .fake-testimonial--grzes .fake-testimonial__portrait,
  .fake-testimonial--grzes .fake-testimonial__content { grid-column: auto; grid-row: auto; }
  .fake-testimonial__portrait { width: min(58%, 280px); max-width: none; }
  .fake-testimonial--ania .fake-testimonial__portrait { justify-self: start; margin-left: 4%; }
  .fake-testimonial--grzes .fake-testimonial__portrait { justify-self: end; margin-right: 6%; }
  .fake-testimonial__content { max-width: 39rem; }
  .fake-testimonial--grzes .fake-testimonial__content { justify-self: end; max-width: 36rem; }
  .fake-testimonial blockquote { font-size: clamp(1.35rem, 1.65vw, 1.65rem); }
  .fake-testimonials__divider { display: block; }
  .fake-testimonials__punchline { margin-top: 10rem; padding-top: 3rem; }
  .fake-testimonials__punchline-title { font-size: clamp(5rem, 6.3vw, 6.8rem); }
  .fake-testimonials__real-proof { margin-top: 4rem; }
}

@media (min-width: 1440px) {
  .fake-testimonials__stage { gap: 10rem; }
  .fake-testimonial__portrait { width: min(55%, 300px); }
  .fake-testimonial--grzes { transform: translateY(5.5rem); }
}

/* Legal / privacy policy */
@media (min-width: 900px) {
  .legal-content__layout {
    grid-template-columns: minmax(220px, .34fr) minmax(0, 1fr);
    gap: clamp(4rem, 7vw, 8rem);
    align-items: start;
  }
  .legal-toc {
    position: sticky;
    top: calc(var(--header-height-desktop) + 2rem);
  }
}

@media (max-width: 520px) {
  .legal-hero h1 { font-size: clamp(3rem, 16vw, 4.4rem); }
  .legal-subsection { margin-inline: -.25rem; padding: 1rem; }
  .legal-cookie-list > div { grid-template-columns: 1fr; gap: .25rem; }
}


/* Homepage polish / 2026-09-04 — mobile composition corrections */
@media (max-width: 639px) {
  /* Meme split: title → photo → title → photo on mobile only. */
  .meme-break__comparison { display: none; }
  .meme-break__mobile-headline {
    position: relative;
    z-index: 6;
    display: block;
    margin: 0 0 1.35rem;
    padding-inline: .2rem;
  }
  .meme-break__mobile-headline.meme-break__headline--chaos h3 {
    font-size: clamp(2.05rem, 8.4vw, 2.4rem);
    line-height: .92;
  }
  .meme-break__mobile-headline.meme-break__headline--calm {
    margin-top: .35rem;
    text-align: left;
  }
  .meme-break__mobile-headline.meme-break__headline--calm h3 { margin-left: 0; }
  .meme-break__spread { margin-top: 1.1rem; }
  .meme-break__scene { min-height: auto; padding-top: 1.4rem; }

  /* Keep the chaos labels around the photo instead of over the mobile headline. */
  .meme-break__note-zone--chaos {
    inset: clamp(8.9rem, 34vw, 10.4rem) 0 0;
  }
  .meme-break__tag--1 { top: 3%; left: 3%; }
  .meme-break__tag--2 { top: 27%; right: 0; }
  .meme-break__tag--3 { bottom: 19%; left: 2%; }
  .meme-break__tag--4 { right: 8%; bottom: 3%; }

  /* Calm statuses stay ordered and visually attached to the second photo. */
  .meme-break__note-zone--calm {
    top: clamp(9.4rem, 37vw, 11rem);
    right: .1rem;
    width: min(45%, 178px);
    gap: .42rem;
  }

  /* /assets/images/sections/5/img_2.png — keep its approved scale, anchor it to the gray stage from the bottom. */
  .store-ops__phone {
    position: absolute;
    top: auto;
    right: auto;
    bottom: calc(2.3rem + 2%);
    left: 50%;
    width: min(57vw, 230px);
    margin: 0;
    transform: translateX(-50%) rotate(2.3deg);
  }
  .store-ops__phone img {
    transform: scale(1.8);
    transform-origin: 50% 100%;
  }

  /* Cat stays behind the zero and moves inward proportionally. */
  .zero-stock__cat { right: 24%; }

  /* Influencer/creator asset — +150% against its original mobile scale. */
  .creator-world__visual--creator img {
    right: -21%;
    width: min(142.5%, 562.5px);
  }

  /* Newspaper clipping: strong, nearly full-width image on mobile. */
  .real-proof__clipping {
    width: 80%;
    max-width: none;
  }
}

/* 640–1023: do not let the zero-stock cat jump out to the edge at the tablet breakpoint. */
@media (min-width: 640px) and (max-width: 1023px) {
  .zero-stock__cat { right: 20%; }
}

/* Creator-world asset — +30% on desktop, without changing the card layout. */
@media (min-width: 1024px) {
  .creator-world__visual--creator img {
    width: min(74.1%, 292.5px);
  }
}