/*
Theme Name: Koshi Production
Theme URI: https://www.koshi.fr/
Author: Koshi
Description: Koshi editorial and commerce theme aligned with the 2026 production maquettes.
Version: 0.5.97
Requires at least: 6.8
Tested up to: 7.0
Requires PHP: 8.2
Text Domain: koshi-production
*/

@font-face {
  font-family: "Libertinus Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/LibertinusSans-Regular-LatinExt.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Libertinus Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/LibertinusSans-Regular-Latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Libertinus Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/LibertinusSans-Italic-LatinExt.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Libertinus Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/LibertinusSans-Italic-Latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Libertinus Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/fonts/LibertinusSans-Bold-LatinExt.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Libertinus Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/fonts/LibertinusSans-Bold-Latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/InstrumentSans-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/fonts/InstrumentSans-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/fonts/InstrumentSans-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/fonts/InstrumentSans-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("assets/fonts/Roboto-Variable-Latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --koshi-ink: #322a22;
  --koshi-black: var(--koshi-ink);
  --koshi-dark: #22372b;
  --koshi-soft: var(--koshi-ink);
  --koshi-ink-20: rgb(50 42 34 / 20%);
  --koshi-taupe: #b9a890;
  --koshi-beige: #d9cfbb;
  --koshi-line: var(--koshi-taupe);
  --koshi-burgundy: #683431;
  --koshi-line-dark: var(--koshi-burgundy);
  --koshi-paper: #fffcf4;
  --koshi-mist: #f4f1e7;
  --koshi-forest: var(--koshi-dark);
  --koshi-sage: #819e87;
  --koshi-sage-dark: #667f6b;
  --koshi-sage-muted: #7d9175;
  --koshi-sage-soft: #dee4dc;
  --koshi-panel: var(--koshi-sage-soft);
  --koshi-panel-dark: var(--koshi-sage);
  --koshi-media-placeholder: #ded9cc;
  --koshi-clay: #a4493d;
  --koshi-clay-dark: var(--koshi-burgundy);
  --koshi-river: #005670;
  --koshi-navy: #1f2a44;
  --koshi-ocean: var(--koshi-navy);
  --koshi-terracotta-soft: #e9d2d1;
  --koshi-blue: #647692;
  --koshi-blue-soft: #bfcfe6;
  --koshi-blue-ash-soft: #e7eff1;
  --koshi-mimosa: #d69a2d;
  --koshi-mimosa-soft: #fcf7e0;
  --koshi-sun: #f5e1a4;
  /* Figma Terra 12202:15976; homologous gradient samples for the other tones. */
  --koshi-audio-terra: #819e87;
  --koshi-audio-aqua: #8db0b6;
  --koshi-audio-aria: #d8c38a;
  --koshi-audio-ignis: #b05552;
  --koshi-white: #fff;
  --koshi-card: #fffdf4;
  --koshi-hero-dark: #1b1713;
  --koshi-overlay-dark-20: rgb(0 0 0 / 20%);
  --koshi-max: 90rem;
  --koshi-content: 80rem;
  --koshi-radius: 1rem;
  --koshi-frame-width: var(--koshi-max);
  --koshi-content-width: var(--koshi-content);
  --koshi-surface-page: var(--koshi-mist);
  --koshi-page-gutter: clamp(1.5rem, 5.5556vw, 4rem);
  --koshi-section-padding-large: 7rem;
  --koshi-section-inset: max(var(--koshi-page-gutter), calc((100% - var(--koshi-content-width)) / 2));
  --koshi-reading-width: 48rem;
  --koshi-radius-media: var(--koshi-radius);
  --koshi-radius-panel: var(--koshi-radius);
  --koshi-radius-control: 0.3125rem;
  --koshi-radius-compact-control: 0.25rem;
  --koshi-display: "Libertinus Sans", Candara, Corbel, "Trebuchet MS", sans-serif;
  --koshi-serif: var(--koshi-display);
  --koshi-sans: "Instrument Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Shared optional compositions. Existing approved presets do not use these selectors. */
.koshi-composition {
  --composition-width: var(--koshi-content-width);
  --composition-space: clamp(2rem, 5vw, 4rem);
  --composition-gap: clamp(1.5rem, 4vw, 4rem);
  box-sizing: border-box;
  padding-block: var(--composition-space);
  padding-inline: var(--koshi-page-gutter);
  color: var(--koshi-ink);
  text-align: start;
}
.koshi-composition--content-width-narrow { --composition-width: var(--koshi-reading-width); }
.koshi-composition--content-width-wide { --composition-width: var(--koshi-max); }
.koshi-composition--content-width-full { --composition-width: 100%; }
.koshi-composition--content-alignment-center { text-align: center; }
.koshi-composition--content-alignment-end { text-align: end; }
.koshi-composition--spacing-none { --composition-space: 0rem; }
.koshi-composition--spacing-compact { --composition-space: clamp(1rem, 2.5vw, 2rem); }
.koshi-composition--spacing-airy { --composition-space: clamp(3rem, 7vw, var(--koshi-section-padding-large)); }
.koshi-composition__inner {
  display: grid;
  gap: var(--composition-gap);
  width: 100%;
  max-width: var(--composition-width);
  margin: 0 auto;
  align-items: center;
}
.koshi-composition__inner > * { min-width: 0; }
.koshi-composition__copy { overflow-wrap: anywhere; }
.koshi-composition__copy > :first-child { margin-block-start: 0; }
.koshi-composition__copy > :last-child { margin-block-end: 0; }
.koshi-composition__copy h2 {
  font-family: var(--koshi-serif);
  font-size: clamp(1.75rem, 3vw, 3rem);
  font-weight: 400;
  line-height: 1.2;
}
.koshi-composition__media {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: var(--koshi-radius-media);
}
.koshi-composition--media-ratio-landscape .koshi-composition__media { aspect-ratio: 16 / 9; object-fit: cover; }
.koshi-composition--media-ratio-square .koshi-composition__media { aspect-ratio: 1; object-fit: cover; }
.koshi-composition--media-ratio-portrait .koshi-composition__media { aspect-ratio: 3 / 4; object-fit: cover; }
.koshi-composition__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; margin-block-start: 1.5rem; }
.koshi-composition--content-alignment-center .koshi-composition__actions { justify-content: center; }
.koshi-composition--content-alignment-end .koshi-composition__actions { justify-content: flex-end; }
.koshi-composition__actions a { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.koshi-composition__text-link { color: var(--koshi-burgundy); text-underline-offset: 0.2em; }
.koshi-composition-list__items { display: grid; gap: var(--composition-gap); margin: 0; padding: 0; align-items: stretch; }
ul.koshi-composition-list__items { list-style: none; }
ol.koshi-composition-list__items { padding-inline-start: 1.5em; }
.koshi-composition-list__item { min-width: 0; overflow-wrap: anywhere; }
.koshi-composition-list__illustration { display: block; width: 4rem; max-width: 100%; height: 4rem; object-fit: contain; margin-block-end: 1rem; }
.koshi-composition-quote figure { margin: 0; }
.koshi-composition-quote blockquote { margin: 0 0 1.5rem; font-family: var(--koshi-serif); font-size: clamp(1.5rem, 2.5vw, 2.5rem); line-height: 1.35; }
.koshi-composition-quote figcaption { display: grid; gap: 0.5rem; }
.koshi-composition--content-alignment-center .koshi-composition-list__illustration { margin-inline: auto; }
.koshi-composition--content-alignment-end .koshi-composition-list__illustration { margin-inline-start: auto; }
@media (min-width: 48rem) {
  .koshi-composition--media-position-left > .koshi-composition__inner:has(> .koshi-composition__copy):has(> .koshi-composition__media),
  .koshi-composition--media-position-right > .koshi-composition__inner:has(> .koshi-composition__copy):has(> .koshi-composition__media) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .koshi-composition-list__items--columns-auto { grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); }
  .koshi-composition-list__items--columns-2,
  .koshi-composition-list__items--columns-3,
  .koshi-composition-list__items--columns-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 64rem) {
  .koshi-composition-list__items--columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .koshi-composition-list__items--columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Figma resellers parity - frame 12202:14467 */
.koshi-figma-page--magasins,
.resellers-figma-hero,
.resellers-figma-gallery,
:is(.koshi-reseller-cta,.koshi-primitive--profile-action-professional.koshi-primitive--layout-stack[class]) {
  background: var(--koshi-mist);
  color: var(--koshi-ink);
}

.resellers-figma-hero {
  box-sizing: border-box;
  height: 601px;
  padding: 182px 80px 112px;
}

.resellers-figma-hero__content {
  width: 876px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

.resellers-figma-hero h1 {
  margin: 0;
  color: var(--koshi-ink);
  font-family: var(--koshi-serif);
  font-size: 56px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
}

.resellers-figma-hero__intro {
  width: 592px;
  height: 144px;
  margin: 24px auto 0;
  color: var(--koshi-ink);
  font-family: var(--koshi-sans);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

.resellers-figma-search {
  display: flex;
  width: 545px;
  height: 40px;
  margin: 32px auto 0;
  gap: 16px;
}

.resellers-figma-search__field {
  display: flex;
  flex: 0 0 359px;
  align-items: center;
  height: 40px;
  margin: 0;
  padding: 0 12px;
  border-radius: 4px;
  background: var(--koshi-beige);
}

.resellers-figma-search__field svg {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  fill: var(--koshi-ink);
}

.resellers-figma-search__field input {
  width: 100%;
  min-width: 0;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--koshi-ink);
  font-family: Roboto, var(--koshi-sans);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.resellers-figma-search__field input::placeholder {
  color: rgba(0, 0, 0, .6);
  opacity: 1;
}

.resellers-figma-search__field:focus-within {
  outline: 2px solid var(--koshi-burgundy);
  outline-offset: 2px;
}

.resellers-figma-button--search {
  flex: 0 0 170px;
  width: 170px;
}

:is(.koshi-reseller-cta__button,.koshi-primitive--profile-action-professional.koshi-primitive--layout-stack[class] .koshi-composition__actions > .koshi-ui-button) {
  width: 250px;
  margin-top: 32px;
}

.resellers-figma-gallery {
  box-sizing: border-box;
  height: 738px;
  padding: 0 80px;
}

.resellers-figma-gallery__inner {
  width: min(1280px, 100%);
  height: 738px;
  margin: 0 auto;
}

.resellers-figma-gallery img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  object-fit: cover;
  object-position: 50% 50%;
}

:is(.koshi-reseller-cta,.koshi-primitive--profile-action-professional.koshi-primitive--layout-stack[class]) {
  box-sizing: border-box;
  height: 498px;
  padding: 112px 80px;
  text-align: center;
}

:is(.koshi-reseller-cta__content,.koshi-primitive--profile-action-professional.koshi-primitive--layout-stack[class] > .koshi-container__layout) {
  width: 768px;
  max-width: 100%;
  max-inline-size: 100%;
  margin: 0 auto;
}

:is(.koshi-reseller-cta h2,.koshi-primitive--profile-action-professional.koshi-primitive--layout-stack[class] .koshi-primitive--title) {
  margin: 0;
  color: var(--koshi-ink);
  font-family: var(--koshi-serif);
  font-size: 48px;
  font-weight: 400;
  line-height: 1.2;
}

:is(.koshi-reseller-cta__intro,.koshi-primitive--profile-action-professional.koshi-primitive--layout-stack[class] .koshi-primitive--text > p) {
  width: 622px;
  height: 120px;
  margin: 24px auto 0;
  color: var(--koshi-ink);
  font-family: var(--koshi-sans);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

.resellers-figma-video {
  width: 100%;
  height: 724px;
  overflow: hidden;
  background: #151515;
}

.resellers-figma-video video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

@media (max-width: 900px) {
  .resellers-figma-hero {
    height: auto;
    min-height: 601px;
    padding: 152px 32px 80px;
  }

  .resellers-figma-hero h1 {
    font-size: 48px;
  }

  .resellers-figma-gallery {
    height: auto;
    padding: 0 32px;
  }

  .resellers-figma-gallery__inner {
    height: auto;
  }

  .resellers-figma-gallery img {
    height: auto;
    aspect-ratio: 1280 / 738;
  }

  :is(.koshi-reseller-cta,.koshi-primitive--profile-action-professional.koshi-primitive--layout-stack[class]) {
    height: auto;
    min-height: 498px;
    padding: 96px 32px;
  }

  .resellers-figma-video {
    height: auto;
    aspect-ratio: 1440 / 724;
  }
}

@media (max-width: 620px) {
  .resellers-figma-hero {
    min-height: 0;
    padding: 136px 16px 72px;
  }

  .resellers-figma-hero h1,
  :is(.koshi-reseller-cta h2,.koshi-primitive--profile-action-professional.koshi-primitive--layout-stack[class] .koshi-primitive--title) {
    font-size: 40px;
  }

  .resellers-figma-hero__intro,
  :is(.koshi-reseller-cta__intro,.koshi-primitive--profile-action-professional.koshi-primitive--layout-stack[class] .koshi-primitive--text > p) {
    width: 100%;
    height: auto;
    font-size: 16px;
  }

  .resellers-figma-search {
    flex-direction: column;
    width: 100%;
    height: auto;
    gap: 12px;
  }

  .resellers-figma-search__field,
  .resellers-figma-button--search {
    flex: 0 0 auto;
    width: 100%;
  }

  .resellers-figma-gallery {
    padding: 0 16px;
  }

  .resellers-figma-gallery img {
    border-radius: 12px;
  }

  :is(.koshi-reseller-cta,.koshi-primitive--profile-action-professional.koshi-primitive--layout-stack[class]) {
    min-height: 0;
    padding: 72px 16px;
  }

  :is(.koshi-reseller-cta__button,.koshi-primitive--profile-action-professional.koshi-primitive--layout-stack[class] .koshi-composition__actions > .koshi-ui-button) {
    max-width: 100%;
    margin-top: 28px;
  }

  .resellers-figma-video {
    aspect-ratio: 16 / 9;
  }
}

/* A composition or Suite block wrapper owns the available width, independently of its route. */
:has(> :is(:is(.story-figma-origins, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid), :is(.story-figma-kabir, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class]), :is(.story-figma-golden, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class]), .story-figma-cta, .koshi-primitive--layout-stack.koshi-primitive--profile-callout,
  :is(.manufacture-figma-manifest,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class]), :is(.manufacture-figma-workshop,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class]), :is(.manufacture-figma-values,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class]), :is(.manufacture-figma-craft,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class]),
  :is(.manufacture-figma-commitments, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid), :is(.manufacture-figma-cta,.koshi-primitive--profile-callout-wide.koshi-primitive--layout-stack[class]))) {
  container: koshi-editorial / inline-size;
}

/* These editorial variants own their Figma surface when moved into another composition. */
:is(.story-figma-origins, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid), :is(.story-figma-kabir, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class]), :is(.story-figma-golden, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class]), .story-figma-cta, .koshi-primitive--layout-stack.koshi-primitive--profile-callout,
:is(.manufacture-figma-manifest,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class]), :is(.manufacture-figma-workshop,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class]), :is(.manufacture-figma-values,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class]), :is(.manufacture-figma-craft,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class]),
:is(.manufacture-figma-commitments, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid), :is(.manufacture-figma-cta,.koshi-primitive--profile-callout-wide.koshi-primitive--layout-stack[class]) {
  background: var(--koshi-mist);
  color: var(--koshi-ink);
}

/* Figma Story parity - frame 12202:14947 */
.koshi-page-story,
.koshi-page-story .figma-page-main,
.koshi-page-story .koshi-figma-page--notre-histoire {
  background: var(--koshi-mist);
  color: var(--koshi-ink);
}

.koshi-page-story .koshi-figma-page--notre-histoire {
  overflow: hidden;
  container: koshi-editorial / inline-size;
}

:is(:is(.story-figma-container, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] > .koshi-container__layout), .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] > .koshi-container__layout, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
  position: relative;
  width: min(80rem, 100%);
  height: 100%;
  margin: 0 auto;
}

:is(.story-figma-hero, .koshi-primitive--profile-cover.koshi-primitive--layout-overlay),
:is(.story-figma-origins, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid),
:is(.story-figma-kabir, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class]),
:is(.story-figma-golden, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class]),
.story-figma-cta, .koshi-primitive--layout-stack.koshi-primitive--profile-callout,
:is(.story-figma-closing-image, .koshi-primitive--profile-media-landscape.koshi-primitive--layout-stack) {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

:is(.story-figma-origins, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid),
:is(.story-figma-kabir, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class]),
:is(.story-figma-golden, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class]),
.story-figma-cta, .koshi-primitive--layout-stack.koshi-primitive--profile-callout,
:is(.story-figma-closing-image, .koshi-primitive--profile-media-landscape.koshi-primitive--layout-stack) {
  margin-top: -1px;
}

:is(.story-figma-hero, .koshi-primitive--profile-cover.koshi-primitive--layout-overlay) {
  min-height: 44.6875rem;
  height: auto;
  overflow: hidden;
  background: #050505;
  color: var(--koshi-white);

  display: grid;
  justify-items: center;
  align-content: start;
  padding-block: 19.4375rem 6rem;
}

:is(.story-figma-hero, .koshi-primitive--profile-cover.koshi-primitive--layout-overlay)::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: rgba(0, 0, 0, .4);
  content: "";
}

:is(.story-figma-hero__image, .koshi-primitive--profile-cover.koshi-primitive--layout-overlay .koshi-primitive--placement-role-background .koshi-primitive--media-item > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame)))) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 8.6%;
}

:is(.story-figma-hero__copy, .koshi-primitive--profile-cover.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--container:not(.koshi-primitive--placement-role-background), .koshi-primitive--profile-cover.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container:not(.koshi-primitive--placement-role-background)) {
  position: relative;
  z-index: 2;
  top: auto;
  left: auto;
  width: 50.125rem;
  transform: none;
  text-align: center;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.story-figma-hero, .koshi-primitive--profile-cover.koshi-primitive--layout-overlay) h1,
:is(.story-figma-narrative h2, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] h2),
:is(:is(.story-figma-golden, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class]) h2, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] h2),
.story-figma-cta h2, .koshi-primitive--layout-stack.koshi-primitive--profile-callout > .koshi-container__layout > .koshi-primitive--title, .koshi-primitive--layout-stack.koshi-primitive--profile-callout > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title {
  margin: 0;
  font-family: var(--koshi-display);
  font-weight: 400;
  letter-spacing: 0;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.story-figma-hero, .koshi-primitive--profile-cover.koshi-primitive--layout-overlay) h1 {
  width: 48rem;
  margin: 0 auto;
  font-size: 3.5rem;
  line-height: 1.2;
  text-transform: uppercase;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.story-figma-hero, .koshi-primitive--profile-cover.koshi-primitive--layout-overlay) p,
.koshi-primitive--profile-cover.koshi-primitive--layout-overlay .koshi-primitive--text > p:first-child {
  width: 100%;
  margin: 1.5rem 0 0;
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 1rem;
  letter-spacing: .02em;
  line-height: 1.5;

  overflow-wrap: anywhere;
  min-width: 0;
}



.story-figma-narrative {
  overflow-wrap: anywhere;
  min-width: 0;
}

.story-figma-narrative--origins {  width: 49.625rem;
}

:is(.story-figma-narrative--universal, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-aside) {
  width: auto;
  justify-self: stretch;
}

:is(.story-figma-narrative--universal, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-aside) h2 {
  padding-block-end: 2rem;
  border-block-end: 1px solid var(--koshi-sage);
}

:is(.story-figma-narrative h2, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] h2),
:is(:is(.story-figma-golden, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class]) h2, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] h2) {
  font-size: 3rem;
  line-height: 1.2;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.story-figma-narrative > div, :is(.koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-aside :where(.koshi-container__layout > .koshi-primitive--container, .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container))),
:is(.story-figma-golden__copy > div, :is(.koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout > .koshi-primitive--text,.koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text)) {
  display: flex;
  flex-direction: column;
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 1.125rem;
  line-height: 1.5;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.story-figma-narrative > div, :is(.koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-aside :where(.koshi-container__layout > .koshi-primitive--container, .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container))) {
  width: 31.875rem;
  gap: 1.6875rem;
  margin-top: 4rem;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.story-figma-narrative--universal > div, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-aside :where(.koshi-container__layout > .koshi-primitive--container, .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container)) {
  width: 100%;
  margin-top: 2rem;
}

:is(.story-figma-narrative p, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--text > p),
:is(.story-figma-golden__copy p, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body p) {
  margin: 0;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.story-figma-narrative .story-figma-emphasis, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--role-emphasis) {
  font-style: italic;
  font-weight: 500;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.story-figma-origins__portrait, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-media),
:is(.story-figma-origins__score, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-detail) {  display: block;
  width: 37.5rem;
  height: 46.5625rem;
  object-fit: cover;
  border-radius: 1rem;
}

:is(.story-figma-origins__portrait, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-media) {  object-position: center 40%;
}

:is(.story-figma-origins__score, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-detail) {  object-position: 81% center;
}



:is(:is(.story-figma-kabir, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class]) blockquote, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] .koshi-quote-item > blockquote) {  width: 48rem;
  margin: 0;
  font-family: var(--koshi-display);
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.story-figma-kabir__author, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] .koshi-quote-item > figcaption) {  width: 48rem;
  margin: 0;
  font-family: var(--koshi-display);
  font-size: 1.25rem;
  line-height: 1.3;
  text-align: center;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.story-figma-kabir__video, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] .koshi-primitive--media-kind-video) {  width: 80rem;
  height: 46.125rem;
  margin: 0;
  overflow: hidden;
  border-radius: 1rem;
  background: #050505;
}

:is(.story-figma-kabir__video video, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] .koshi-primitive--media-kind-video video) {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:is(.story-figma-kabir__indicators, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] .koshi-primitive--media-kind-video > .koshi-primitive__video-controls) {
  position: absolute;
  right: .8125rem;
  bottom: .75rem;
  gap: .625rem;
  color: var(--koshi-white);
}
:is(.story-figma-kabir__indicators, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] .koshi-primitive--media-kind-video > .koshi-primitive__video-controls):not([hidden]) { display:flex; }

/* Playback progress shares the bottom row; volume belongs above its sound button. */
.koshi-video-controls {
  --koshi-video-inline-start:1rem;
  inset-inline-start: var(--koshi-video-inline-start);
  justify-content: flex-end;
  align-items: center;
}

.koshi-video-controls__volume {
  position: relative;
  flex: 0 0 auto;
  width: 1.5rem;
  height: 1.5rem;
}

.koshi-video-controls > button {
  flex: 0 0 auto;
}

.koshi-video-controls__volume-panel {
  position: absolute;
  bottom: 100%;
  right: -.625rem;
  width: 2.75rem;
  padding-bottom: .625rem;
  visibility: hidden;
  pointer-events: none;
}

.koshi-video-controls input[type="range"] {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--koshi-white);
  cursor: pointer;
  --koshi-video-fill: 0%;
  --koshi-video-track: rgb(255 255 255 / .35);
}

.koshi-video-controls input[data-koshi-video-seek] {
  flex: 0 1 13.375rem;
  min-width: 0;
  width: 13.375rem;
  height: 2.75rem;
  margin-block: -.625rem;
  touch-action: pan-y;
  visibility: hidden;
  pointer-events: none;
}

.koshi-video-controls input[data-koshi-video-volume] {
  display: block;
  writing-mode: vertical-lr;
  direction: rtl;
  width: 2.75rem;
  height: 6.5rem;
  touch-action: none;
}

.koshi-video-controls input[type="range"]:focus-visible {
  outline: .125rem solid currentColor;
  outline-offset: .125rem;
}

.koshi-video-controls input[type="range"]::-webkit-slider-runnable-track {
  height: .125rem;
  border-radius: .125rem;
  background: linear-gradient(to right, currentColor var(--koshi-video-fill), var(--koshi-video-track) var(--koshi-video-fill));
}
.koshi-video-controls input[type="range"]::-moz-range-track {
  height: .125rem;
  border-radius: .125rem;
  background: linear-gradient(to right, currentColor var(--koshi-video-fill), var(--koshi-video-track) var(--koshi-video-fill));
}
.koshi-video-controls input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: .5rem;
  height: .5rem;
  margin-top: -.1875rem;
  border: 0;
  border-radius: 50%;
  background: currentColor;
}
.koshi-video-controls input[type="range"]::-moz-range-thumb {
  width: .5rem;
  height: .5rem;
  border: 0;
  border-radius: 50%;
  background: currentColor;
}
.koshi-video-controls input[data-koshi-video-volume]::-webkit-slider-runnable-track {
  width: .125rem;
  height: 100%;
  background: linear-gradient(to top, currentColor var(--koshi-video-fill), var(--koshi-video-track) var(--koshi-video-fill));
}
.koshi-video-controls input[data-koshi-video-volume]::-moz-range-track {
  width: .125rem;
  height: 100%;
  background: linear-gradient(to top, currentColor var(--koshi-video-fill), var(--koshi-video-track) var(--koshi-video-fill));
}
.koshi-video-controls input[data-koshi-video-volume]::-webkit-slider-thumb {
  margin-top: 0;
  margin-left: -.1875rem;
}

.koshi-video-controls:focus-within [data-koshi-video-seek],
.koshi-video-controls__volume:focus-within .koshi-video-controls__volume-panel,
.koshi-video-controls[data-koshi-video-expanded="1"] [data-koshi-video-seek],
.koshi-video-controls[data-koshi-video-expanded="1"] .koshi-video-controls__volume-panel {
  visibility: visible;
  pointer-events: auto;
}

@media (hover: hover) {
  [data-koshi-video-player]:hover [data-koshi-video-seek],
  .koshi-video-controls__volume:hover .koshi-video-controls__volume-panel {
    visibility: visible;
    pointer-events: auto;
  }
}

.koshi-video-controls[hidden],
.koshi-video-controls [hidden] {
  display: none;
}

.koshi-video-controls button {
  position: relative;
  display: grid;
  place-items: center;
  width: 1.5rem;
  height: 1.5rem;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--koshi-white);
  cursor: pointer;
  touch-action: manipulation;
}

/* Extend the pointer target without moving the Figma pictograms. */
.koshi-video-controls button::before {
  content: "";
  position: absolute;
  inset: -.25rem;
}

.koshi-video-controls button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: .25rem;
}

.koshi-video-controls img {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

.koshi-video-controls [data-koshi-video-icon="play"],
.koshi-video-controls [data-koshi-video-icon="audible"] {
  filter: brightness(0) invert(1);
}



:is(.story-figma-golden__main, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-media),
:is(.story-figma-golden__detail, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-detail) {  display: block;
  object-fit: cover;
  border-radius: 1rem;
}

:is(.story-figma-golden__main, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-media) {  width: 38rem;
  height: 38rem;
  object-position: center;
}

:is(.story-figma-golden__copy, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body) {  width: 38rem;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.story-figma-golden__copy > div, :is(.koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout > .koshi-primitive--text,.koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text)) {
  width: 31.4375rem;
  gap: 1.6875rem;
  margin-top: 1.5rem;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.story-figma-more, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-primitive--layout-row) {
  position: relative;
  display: inline-flex;
  width: 161px;
  height: 28px;
  align-items: center;
  gap: 4px;
  margin-top: 32px;
  padding-bottom: 4px;
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

:is(.story-figma-more__label, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-primitive--layout-row .koshi-primitive--text) {
  display: block;
  width: 133px;
  white-space: nowrap;
}

:is(.story-figma-more :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)), .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-primitive--layout-row :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link))) {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: fill;
}

:is(.story-figma-more::after, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-primitive--layout-row::after) {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  content: "";
  background: var(--koshi-sage);
  opacity: 0;
  transition: opacity .8s cubic-bezier(.42, 0, .58, 1);
}

:is(.story-figma-more:hover::after, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-primitive--layout-row:hover::after) {
  opacity: 1;
}

:is(.story-figma-golden__detail, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-detail) {  width: 20rem;
  height: 20rem;
  object-position: left center;
}



.story-figma-cta__inner, .koshi-primitive--layout-stack.koshi-primitive--profile-callout > .koshi-container__layout {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  flex-direction: column;
  padding-top: 7rem;
  text-align: center;
}

.story-figma-cta h2, .koshi-primitive--layout-stack.koshi-primitive--profile-callout > .koshi-container__layout > .koshi-primitive--title, .koshi-primitive--layout-stack.koshi-primitive--profile-callout > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title {
  width: 48rem;
  max-width: 100%;
  min-height: 7.25rem;
  font-size: 3rem;
  line-height: 1.2;

  overflow-wrap: anywhere;
  min-width: 0;
}

.story-figma-cta h2 span, .koshi-primitive--layout-stack.koshi-primitive--profile-callout > .koshi-container__layout > .koshi-primitive--title span, .koshi-primitive--layout-stack.koshi-primitive--profile-callout > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title span {
  display: block;

  overflow-wrap: anywhere;
  min-width: 0;
}

.story-figma-cta p, .koshi-primitive--layout-stack.koshi-primitive--profile-callout > .koshi-container__layout > .koshi-primitive--text p, .koshi-primitive--layout-stack.koshi-primitive--profile-callout > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text p {
  width: 32.25rem;
  margin: 1.5rem 0 0;
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 1.125rem;
  line-height: 1.5;

  overflow-wrap: anywhere;
  min-width: 0;
}

.story-figma-cta a, .koshi-primitive--layout-stack.koshi-primitive--profile-callout > .koshi-container__layout > .koshi-primitive--buttons a, .koshi-primitive--layout-stack.koshi-primitive--profile-callout > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons a {
  width: 14.0625rem;
  margin-top: 2rem;
}

:is(.story-figma-closing-image, .koshi-primitive--profile-media-landscape.koshi-primitive--layout-stack) {
  height: 50.625rem;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

:is(.story-figma-closing-image :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)), .koshi-primitive--profile-media-landscape.koshi-primitive--layout-stack .koshi-primitive--fit-cover > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame)))) {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--koshi-media-focal-x, 50%) var(--koshi-media-focal-y, 68%);
}

/* The desktop composition keeps Figma axes as minimum tracks; editorial content can grow. */
@container koshi-editorial (width > 83rem) {
  :is(.story-figma-origins__inner, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
    display: grid;
    grid-template-columns: 42.5rem 37.5rem;
    grid-template-rows: minmax(7.625rem, auto) minmax(50.5625rem, auto) auto;
    align-content: start;
    align-items: start;
    min-height: 118.75rem;
    height: auto;
    box-sizing: border-box;
    padding-block: 7rem 1.5rem;
  }
  .story-figma-narrative--origins { display: contents; }
  :is(.story-figma-narrative--origins h2, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-heading) {
    grid-column: 1 / -1;
    grid-row: 1;
    width: 49.625rem;
    margin-left: 7rem;
    margin-bottom: 4rem;
  }
  :is(.story-figma-narrative--origins > div, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] > .koshi-container__layout > :is(.koshi-primitive--layout-role-body,.koshi-editor-block:has(> .koshi-primitive--layout-role-body))) {
    grid-column: 1;
    grid-row: 2;
    margin: 0 0 0 7rem;
  }
  :is(.story-figma-origins__portrait, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-media) { grid-column: 2; grid-row: 2; }
  :is(.story-figma-origins__score, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-detail) { grid-column: 1; grid-row: 3; }
  :is(.story-figma-narrative--universal, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-aside) {
    grid-column: 2;
    grid-row: 3;
    margin: 8.5625rem 0 0 .1875rem;
  }
  :is(.story-figma-kabir__inner, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] > .koshi-container__layout) {
    display: grid;
    --koshi-quote-main-track:minmax(12rem, auto);
    --koshi-quote-author-track:minmax(6.625rem, auto);
    grid-template-rows: var(--koshi-quote-main-track) var(--koshi-quote-author-track) auto;
    justify-items: center;
    align-items: start;
    height: auto;
    box-sizing: border-box;
    padding-block: 9.375rem;
  }
  :is(:is(.story-figma-kabir, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class]) blockquote, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] .koshi-quote-item > blockquote) { margin-bottom: 1.5rem; }
  :is(.story-figma-kabir__author, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] .koshi-quote-item > figcaption) { margin-bottom: 5rem; }
  :is(.story-figma-kabir__video, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] .koshi-primitive--media-kind-video) { position: relative; }
  :is(.story-figma-golden__inner, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
    display: grid;
    --koshi-inset-gap:4rem;
    grid-template-columns: 38rem var(--koshi-inset-gap) 38rem;
    grid-template-rows: minmax(36.5rem, auto) auto;
    align-items: start;
    height: auto;
    box-sizing: border-box;
    padding-block: 7rem;
  }
  :is(.story-figma-golden__main, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-media) { grid-column: 1; grid-row: 1 / 3; }
  :is(.story-figma-golden__copy, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body) { position: relative; grid-column: 3; grid-row: 1; }
  /* The short hover ornament stays in the free left rail beside the inset image. */
  :is(.story-figma-golden__copy > .story-figma-more, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-primitive--layout-row) { position: absolute; top: 100%; left: 0; }
  :is(.story-figma-golden__detail, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-detail) { grid-column: 3; grid-row: 2; justify-self: end; }
  .story-figma-cta__inner, .koshi-primitive--layout-stack.koshi-primitive--profile-callout > .koshi-container__layout { min-height: 30.3125rem; padding-bottom: 3rem; }
}

@container koshi-editorial (max-width: 83rem) {
  :is(:is(.story-figma-container, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] > .koshi-container__layout), .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] > .koshi-container__layout, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
    width: calc(100% - 5rem);
    height: auto;
  }

  :is(.story-figma-origins, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid),
  :is(.story-figma-kabir, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class]),
  :is(.story-figma-golden, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class]),
  .story-figma-cta, .koshi-primitive--layout-stack.koshi-primitive--profile-callout,
  :is(.story-figma-closing-image, .koshi-primitive--profile-media-landscape.koshi-primitive--layout-stack) {
    height: auto;
    margin-top: 0;
  }

  :is(.story-figma-hero, .koshi-primitive--profile-cover.koshi-primitive--layout-overlay) {
    min-height: 40rem;
    height: auto;

  align-content: stretch;
  align-items: start;
    padding-block: 6rem;
}

  :is(.story-figma-hero__copy, .koshi-primitive--profile-cover.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--container:not(.koshi-primitive--placement-role-background), .koshi-primitive--profile-cover.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container:not(.koshi-primitive--placement-role-background)) {
    width: min(50.125rem, calc(100% - 5rem));
    top: 50%;
    transform: translateY(min(-35%, calc(-50% + 5rem)));

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.story-figma-hero, .koshi-primitive--profile-cover.koshi-primitive--layout-overlay) h1 {
    width: 100%;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.story-figma-origins, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid),
  :is(.story-figma-kabir, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class]),
  :is(.story-figma-golden, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class]) {
    padding: 5rem 0;
}

  :is(.story-figma-origins__inner, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    --koshi-narrative-row-gap: 4.5rem;
    gap: var(--koshi-narrative-row-gap) 3.5rem;
}

  :is(.story-figma-narrative, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-heading, :is(.koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-aside :where(.koshi-container__layout > .koshi-primitive--container, .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container)), .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-aside),
  :is(.story-figma-origins__portrait, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-media),
  :is(.story-figma-origins__score, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-detail) {
    position: static;
    width: 100%;
    height: auto;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.story-figma-narrative > div, :is(.koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-aside :where(.koshi-container__layout > .koshi-primitive--container, .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container))),
  :is(.story-figma-narrative--universal > div, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-aside :where(.koshi-container__layout > .koshi-primitive--container, .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container)) {
    width: 100%;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.story-figma-origins__portrait, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-media),
  :is(.story-figma-origins__score, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-detail) {
    aspect-ratio: 600 / 745;
  }

  :is(.story-figma-kabir__inner, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] > .koshi-container__layout) {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  :is(:is(.story-figma-kabir, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class]) blockquote, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] .koshi-quote-item > blockquote),
  :is(.story-figma-kabir__author, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] .koshi-quote-item > figcaption),
  :is(.story-figma-kabir__video, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] .koshi-primitive--media-kind-video) {
    position: static;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(:is(.story-figma-kabir, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class]) blockquote, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] .koshi-quote-item > blockquote),
  :is(.story-figma-kabir__author, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] .koshi-quote-item > figcaption) {
    width: min(48rem, 100%);

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.story-figma-kabir__author, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] .koshi-quote-item > figcaption) {
    margin-top: 1.5rem;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.story-figma-kabir__video, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] .koshi-primitive--media-kind-video) {
    width: 100%;
    height: auto;
    aspect-ratio: 1280 / 738;
    margin-top: 4.5rem;
}

  :is(.story-figma-golden__inner, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 3.5rem;
}

  :is(.story-figma-golden__main, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-media),
  :is(.story-figma-golden__copy, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body),
  :is(.story-figma-golden__detail, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-detail) {
    position: static;
    width: 100%;
    height: auto;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.story-figma-golden__main, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-media) {
    grid-row: 1 / span 2;
    aspect-ratio: 1;
  }

  :is(.story-figma-golden__copy > div, :is(.koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout > .koshi-primitive--text,.koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text)) {
    width: 100%;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.story-figma-golden__detail, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-detail) {
    width: min(20rem, 100%);
    aspect-ratio: 1;
    justify-self: end;
  }

  .story-figma-cta, .koshi-primitive--layout-stack.koshi-primitive--profile-callout {
    padding: 5rem 0;
}

  .story-figma-cta__inner, .koshi-primitive--layout-stack.koshi-primitive--profile-callout > .koshi-container__layout {
    height: auto;
    padding-top: 0;
}

  :is(.story-figma-closing-image, .koshi-primitive--profile-media-landscape.koshi-primitive--layout-stack) {
    aspect-ratio: 16 / 9;
  }
}

@container koshi-editorial (max-width: 56.25rem) {
  :is(:is(.story-figma-container, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] > .koshi-container__layout), .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] > .koshi-container__layout, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
    width: calc(100% - 3rem);
  }

  :is(.story-figma-hero, .koshi-primitive--profile-cover.koshi-primitive--layout-overlay) {
    min-height: 37.5rem;
    height: auto;
}

  :is(.story-figma-hero__copy, .koshi-primitive--profile-cover.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--container:not(.koshi-primitive--placement-role-background), .koshi-primitive--profile-cover.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container:not(.koshi-primitive--placement-role-background)) {
    width: calc(100% - 3rem);

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.story-figma-hero, .koshi-primitive--profile-cover.koshi-primitive--layout-overlay) h1 {
    font-size: 3rem;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.story-figma-origins__inner, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] > .koshi-container__layout),
  :is(.story-figma-golden__inner, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
    grid-template-columns: minmax(0, 1fr);
}

  :is(.story-figma-golden__main, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-media) {
    grid-row: auto;
  }

  :is(.story-figma-golden__detail, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-detail) {
    justify-self: start;
  }

  :is(:is(.story-figma-kabir, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class]) blockquote, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] .koshi-quote-item > blockquote) {
    font-size: 1.75rem;

    overflow-wrap: anywhere;
    min-width: 0;
}
}

@container koshi-editorial (max-width: 42.5rem) {
  :is(:is(.story-figma-container, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] > .koshi-container__layout), .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] > .koshi-container__layout, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
    width: calc(100% - 2rem);
  }

  :is(.story-figma-hero, .koshi-primitive--profile-cover.koshi-primitive--layout-overlay) {
    min-height: 35rem;
    height: auto;
}

  :is(.story-figma-hero__copy, .koshi-primitive--profile-cover.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--container:not(.koshi-primitive--placement-role-background), .koshi-primitive--profile-cover.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container:not(.koshi-primitive--placement-role-background)) {
    width: calc(100% - 2rem);
    top: 50%;
    transform: translateY(min(-28%, calc(-50% + 5rem)));

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.story-figma-hero, .koshi-primitive--profile-cover.koshi-primitive--layout-overlay) h1,
  :is(.story-figma-narrative h2, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] h2),
  :is(:is(.story-figma-golden, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class]) h2, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] h2),
  .story-figma-cta h2, .koshi-primitive--layout-stack.koshi-primitive--profile-callout > .koshi-container__layout > .koshi-primitive--title, .koshi-primitive--layout-stack.koshi-primitive--profile-callout > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title {
    font-size: 2.5rem;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.story-figma-hero, .koshi-primitive--profile-cover.koshi-primitive--layout-overlay) p,
.koshi-primitive--profile-cover.koshi-primitive--layout-overlay .koshi-primitive--text > p:first-child {
    font-size: 0.9375rem;
    letter-spacing: 0;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.story-figma-origins, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid),
  :is(.story-figma-kabir, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class]),
  :is(.story-figma-golden, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class]) {
    padding: 4rem 0;
}

  :is(.story-figma-origins__inner, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] > .koshi-container__layout),
  :is(.story-figma-golden__inner, .koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
    --koshi-narrative-row-gap: 3rem;
    gap: var(--koshi-narrative-row-gap);
}

  :is(.story-figma-narrative > div, :is(.koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body, .koshi-primitive--profile-narrative.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-aside :where(.koshi-container__layout > .koshi-primitive--container, .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container))),
  :is(.story-figma-golden__copy > div, :is(.koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout > .koshi-primitive--text,.koshi-primitive--profile-inset.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text)) {
    margin-top: 2rem;
    font-size: 1rem;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(:is(.story-figma-kabir, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class]) blockquote, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] .koshi-quote-item > blockquote) {
    font-size: 1.625rem;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.story-figma-kabir__video, .koshi-primitive--profile-quote-media.koshi-primitive--layout-stack[class] .koshi-primitive--media-kind-video) {
    aspect-ratio: 16 / 9;
    margin-top: 3rem;
}

  .story-figma-cta, .koshi-primitive--layout-stack.koshi-primitive--profile-callout {
    padding: 4rem 1rem;
}

  .story-figma-cta h2, .koshi-primitive--layout-stack.koshi-primitive--profile-callout > .koshi-container__layout > .koshi-primitive--title, .koshi-primitive--layout-stack.koshi-primitive--profile-callout > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title {
    width: 100%;
    height: auto;

    min-height: 0;

    overflow-wrap: anywhere;
    min-width: 0;
}

  .story-figma-cta p, .koshi-primitive--layout-stack.koshi-primitive--profile-callout > .koshi-container__layout > .koshi-primitive--text p, .koshi-primitive--layout-stack.koshi-primitive--profile-callout > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text p {
    width: 100%;
    font-size: 1rem;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.story-figma-closing-image, .koshi-primitive--profile-media-landscape.koshi-primitive--layout-stack) {
    aspect-ratio: 4 / 5;
  }
}

/* Figma QR landing parity - 2026-07-10 */
.koshi-page-listening-experience .koshi-figma-page {
  overflow: hidden;
  background: var(--koshi-mist);
}

/* A composition wrapper owns the available width of its direct blocks.
 * Reuse the editorial query context; component roots are independent of routes. */
:has(> :is(.qr-figma-hero, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay, .qr-figma-collection, .koshi-primitive--profile-collection.koshi-primitive--layout-stack, .qr-figma-use, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack, .qr-figma-choice, .koshi-primitive--profile-illustrated-section.koshi-primitive--layout-stack, .guide-figma-blog, .guide-figma-editorial, .koshi-primitive--profile-editorial-columns, .koshi-primitive--profile-collection.koshi-primitive--layout-stack)) {
  container: koshi-editorial / inline-size;
}

/* Keep long editorial words inside their component. */
.qr-figma-hero, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay, .qr-figma-collection, .koshi-primitive--profile-collection.koshi-primitive--layout-stack, .qr-figma-use, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack, .qr-figma-choice, .koshi-primitive--profile-illustrated-section.koshi-primitive--layout-stack, .guide-figma-blog, .guide-figma-editorial {
  overflow-wrap: anywhere;
}

.qr-figma-container, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout, .koshi-primitive--profile-illustrated-section.koshi-primitive--layout-stack > .koshi-container__layout, .koshi-primitive--profile-collection.koshi-primitive--layout-stack > .koshi-container__layout {
  box-sizing: border-box;
  width: min(80rem, calc(100% - 3rem));
  margin-inline: auto;
}

.qr-figma-hero, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay {
  display: grid;
  position: relative;
  min-height: 33.0625rem;
  overflow: hidden;
  place-items: start center;
  background: #4b4138;
  color: var(--koshi-white);
  text-align: center;
  padding-bottom: 6rem;
}

.qr-figma-hero::after, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: rgba(0, 0, 0, .20);
  content: "";
}

.qr-figma-hero__image, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay .koshi-primitive--placement-role-background .koshi-primitive--media-item.koshi-primitive--fit-cover > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),video,:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))) {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: cover;
}

.qr-figma-hero__copy, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content {
  display: flex;
  position: relative;
  z-index: 2;
  width: min(52.125rem, calc(100% - 3rem));
  flex-direction: column;
  align-items: center;
  margin-top: 11.375rem;
  min-width: 0;
  max-width: 100%;
}

.qr-figma-hero__copy h1, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-display {
  width: 100%;
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: 3.5rem;
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: 1.2;
  text-transform: uppercase;
}

.qr-figma-hero__copy > p, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--text > p, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text > p, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--text > p, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text > p {
  width: min(48rem, 100%);
  margin: 1.5rem 0 0;
  font-size: 1.125rem;
  line-height: 1.5;
}

.qr-figma-actions, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--buttons > .koshi-composition__actions, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons > .koshi-composition__actions, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--buttons > .koshi-composition__actions, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons > .koshi-composition__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 2rem;
}

.qr-figma-collection, .koshi-primitive--profile-collection.koshi-primitive--layout-stack,
.qr-figma-use, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack,
.qr-figma-choice, .koshi-primitive--profile-illustrated-section.koshi-primitive--layout-stack {
  box-sizing: border-box;
  scroll-margin-top: 5.25rem;
  --koshi-collection-content-gap: 5rem;
  background: var(--koshi-mist);
  color: var(--koshi-ink);
  padding-bottom: 7rem;
}

.qr-figma-collection--elements,
.qr-figma-collection--earth,
.koshi-primitive--profile-collection.koshi-primitive--layout-stack {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

/* Historical section minima stay on legacy markup pending design validation. */
.qr-figma-collection--elements { min-height: 77.25rem; }
.qr-figma-collection--earth { min-height: 78.9375rem; }

.qr-figma-heading, .koshi-primitive--profile-collection-heading.koshi-primitive--layout-stack {
  width: min(48rem, 100%);
  margin-inline: auto;
  text-align: center;
}

.qr-figma-collection--elements .qr-figma-heading {
  min-height: 12.125rem;
}

.qr-figma-collection--earth .qr-figma-heading {
  min-height: 13.8125rem;
}

.qr-figma-heading h2, .koshi-primitive--profile-collection-heading.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-large.koshi-primitive--line-style-blocks, .koshi-primitive--profile-collection-heading.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-large.koshi-primitive--line-style-blocks,
.qr-figma-choice > .qr-figma-container > h2, .koshi-primitive--profile-illustrated-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-large, .koshi-primitive--profile-illustrated-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-large {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: 1.2;
}

.qr-figma-heading h2 span {
  display: block;
}

.qr-figma-collection .qr-figma-heading h2 span:last-child,
.koshi-primitive--profile-collection .koshi-primitive--profile-collection-heading .koshi-primitive--line-style-blocks:not([data-koshi-title-format="html"]) > span + span {
  font-style: italic;
}

.qr-figma-heading > p, .koshi-primitive--profile-collection-heading.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--text.koshi-primitive--role-lead > p, .koshi-primitive--profile-collection-heading.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text.koshi-primitive--role-lead > p {
  margin: 1.5rem 0 0;
  font-size: 1.125rem;
  line-height: 1.5;
}

.qr-figma-tabs,
.koshi-products--presentation-details.koshi-products--layout-tabs > .koshi-products__items > .koshi-navigation--tabs {
  display: grid;
  width: 100%;
  min-height: 46.125rem;
  grid-template-columns: minmax(0, 73rem) 7rem;
  margin-top: var(--koshi-collection-content-gap);
  overflow: hidden;
  background: var(--koshi-paper);
}

.qr-figma-tabs__panels,
.koshi-products--presentation-details.koshi-products--layout-tabs > .koshi-products__items > .koshi-navigation--tabs > .koshi-navigation__viewport,
.qr-figma-tab {
  min-width: 0;
  min-height: 46.125rem;
  position: relative;
}

.qr-figma-tab[hidden] {
  display: none !important;
}

.qr-figma-tab {
  display: grid;
  grid-template-columns: 34.6875rem minmax(0, 28.3125rem);
  gap: 5rem;
  overflow: hidden;
  background: var(--koshi-paper);
}

.qr-figma-tab__image {
  width: 100%;
  height: calc(100% + 5.0625rem);
  transform: translateY(-2.5625rem);
  object-fit: cover;
  position: absolute;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  inset: 0;
}

.qr-figma-tab__content {
  position: relative;
  box-sizing: border-box;
  width: 28.3125rem;
  min-width: 0;
  padding-top: 3.4375rem;
  container: koshi-listening-copy / inline-size;
  grid-column: 2;
  padding-bottom: 5rem;
}

.qr-figma-tab__content--discovery {
  padding-top: 4.1875rem;
}

.qr-figma-tab__mark {
  position: static;
  display: block;
  width: auto;
  max-width: 3.75rem;
  height: 3.75rem;
  margin-bottom: .625rem;
  object-fit: contain;
  object-position: left center;
}

.qr-figma-tab__content--discovery .qr-figma-tab__mark {
  margin-bottom: 1rem;
}

.qr-figma-tab__content :is(h2, h3, h4, h5, h6) {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: 2.5rem;
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: 1.2;
}

.qr-figma-tab__content > .koshi-figma-audio-player,
.qr-figma-tab__content > .koshi-audio-native-fallback {
  margin-top: 2rem;
}

/* Shared Figma color audio player: listening cards, Magento product and cart. */
.koshi-figma-audio-player {
  --koshi-figma-audio-track: #d9d9d9;
  --koshi-figma-audio-control-hover: rgba(255, 255, 255, .14);
  --koshi-figma-audio-color: var(--koshi-audio-terra);
  box-sizing: border-box;
  display: grid;
  width: min(267px, 100%);
  height: 35px;
  min-height: 35px;
  grid-template-columns: 20px minmax(0, 1fr) 20px;
  gap: 5px;
  align-items: center;
  padding: 0 9.5px;
  background: var(--koshi-figma-audio-color);
  color: var(--koshi-paper);
}

.koshi-figma-audio-player[data-koshi-audio-tone="terra"] {
  --koshi-figma-audio-color: var(--koshi-audio-terra);
}

.koshi-figma-audio-player[data-koshi-audio-tone="aqua"] {
  --koshi-figma-audio-color: var(--koshi-audio-aqua);
}

.koshi-figma-audio-player[data-koshi-audio-tone="aria"] {
  --koshi-figma-audio-color: var(--koshi-audio-aria);
}

.koshi-figma-audio-player[data-koshi-audio-tone="ignis"] {
  --koshi-figma-audio-color: var(--koshi-audio-ignis);
}

.koshi-figma-audio-player__play,
.koshi-figma-audio-player__volume {
  display: grid;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  place-items: center;
  border: 0 !important;
  border-radius: 0;
  padding: 0 !important;
  background: transparent;
  color: inherit;
  box-shadow: none !important;
  cursor: pointer;
}

.koshi-figma-audio-player__play:hover,
.koshi-figma-audio-player__play:focus-visible,
.koshi-figma-audio-player__volume:hover,
.koshi-figma-audio-player__volume:focus-visible {
  border: 0 !important;
  background: var(--koshi-figma-audio-control-hover);
  color: var(--koshi-white);
  box-shadow: none !important;
}

.koshi-figma-audio-player__play:disabled,
.koshi-figma-audio-player__volume:disabled {
  cursor: default;
  opacity: .45;
}

.koshi-figma-audio-player__play:focus-visible,
.koshi-figma-audio-player__volume:focus-visible,
.koshi-figma-audio-player__progress:focus-visible {
  outline: 2px solid var(--koshi-white);
  outline-offset: -3px;
}

.koshi-figma-audio-player__play-icon,
.koshi-figma-audio-player__volume-icon {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  background: currentColor;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 20px 20px;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 20px 20px;
}

.koshi-figma-audio-player__play-icon {
  -webkit-mask-image: url("assets/images/koshi-listen-player-play-figma.svg");
  mask-image: url("assets/images/koshi-listen-player-play-figma.svg");
}

.koshi-figma-audio-player__volume-icon {
  -webkit-mask-image: url("assets/images/koshi-listen-player-volume-figma.svg");
  mask-image: url("assets/images/koshi-listen-player-volume-figma.svg");
}

.koshi-figma-audio-player__play.is-playing .koshi-figma-audio-player__play-icon {
  background: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.koshi-figma-audio-player__play.is-playing .koshi-figma-audio-player__play-icon::before,
.koshi-figma-audio-player__play.is-playing .koshi-figma-audio-player__play-icon::after {
  position: absolute;
  top: 5px;
  width: 3px;
  height: 10px;
  background: currentColor;
  content: "";
}

.koshi-figma-audio-player__play.is-playing .koshi-figma-audio-player__play-icon::before {
  left: 6px;
}

.koshi-figma-audio-player__play.is-playing .koshi-figma-audio-player__play-icon::after {
  right: 6px;
}

.koshi-figma-audio-player__volume.is-muted .koshi-figma-audio-player__volume-icon {
  opacity: .55;
}

.koshi-figma-audio-player__progress {
  --koshi-audio-progress: 0%;
  width: 100%;
  height: 11px;
  min-height: 11px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  appearance: none;
}

.koshi-figma-audio-player__progress:disabled {
  cursor: default;
  opacity: 1;
}

.koshi-figma-audio-player__progress::-webkit-slider-runnable-track {
  height: 11px;
  border: 0;
  border-radius: 0;
  background: linear-gradient(
    to right,
    var(--koshi-white) 0 var(--koshi-audio-progress),
    var(--koshi-figma-audio-track) var(--koshi-audio-progress) 100%
  );
}

.koshi-figma-audio-player__progress::-webkit-slider-thumb {
  width: 1px;
  height: 11px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  opacity: 0;
  appearance: none;
}

.koshi-figma-audio-player__progress::-moz-range-track {
  height: 11px;
  border: 0;
  border-radius: 0;
  background: linear-gradient(
    to right,
    var(--koshi-white) 0 var(--koshi-audio-progress),
    var(--koshi-figma-audio-track) var(--koshi-audio-progress) 100%
  );
}

.koshi-figma-audio-player__progress::-moz-range-thumb {
  width: 1px;
  height: 11px;
  border: 0;
  border-radius: 0;
  background: transparent;
  opacity: 0;
}

.koshi-figma-audio-player__audio {
  display: none;
}

.koshi-audio-native-fallback {
  width: min(267px, 100%);
  height: 35px;
}

.qr-figma-tab__description {
  margin-top: 2rem;
  font-size: 1rem;
  line-height: 1.5;
}

.qr-figma-tab__content--discovery .qr-figma-tab__description {
  margin-top: 2rem;
}

.qr-figma-tab__description strong {
  display: block;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.qr-figma-tab__description p {
  margin: 0;
}

.qr-figma-tab__description p:first-of-type {
  margin-top: 2rem;
}

.qr-figma-tab__description p + p {
  margin-top: 1.5rem;
}

.qr-figma-tab__description .qr-figma-tab__cta {
  display: inline-flex;
  box-sizing: border-box;
  width: fit-content;
  max-width: 100%;
  height: auto;
  min-height: 1.625rem;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0.3125rem;
  margin-top: 1.75rem;
  padding: 0.25rem 0.625rem;
  background: var(--koshi-clay);
  color: var(--koshi-white);
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: .08em;
  line-height: 1.125rem;
  text-decoration: none;
  text-transform: uppercase;
  transition: background .2s ease;
  white-space: normal;
  text-align: center;
}

.qr-figma-tab__description .qr-figma-tab__cta:hover,
.qr-figma-tab__description .qr-figma-tab__cta:focus-visible {
  background: var(--koshi-burgundy);
}

.qr-figma-tab__meta {
  display: grid;
  margin: 2rem 0 0;
  padding: 0;
  gap: 0.5rem;
  list-style: none;
}

.qr-figma-tab__meta li {
  display: flex;
  min-height: 1.5625rem;
  align-items: center;
  gap: 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
}

.qr-figma-tab__meta li > img {
  display: block;
  width: 1.5625rem;
  height: 1.5625rem;
  flex: 0 0 1.5rem;
  object-fit: contain;
}

.qr-figma-tabs__menu,
.koshi-products--presentation-details.koshi-products--layout-tabs > .koshi-products__items > .koshi-navigation--tabs > .koshi-composition-navigation {
  display: grid;
  min-height: 46.125rem;
  grid-template-rows: repeat(4, 1fr);
}

.qr-figma-tabs__menu button,
.koshi-products--presentation-details.koshi-products--layout-tabs > .koshi-products__items > .koshi-navigation--tabs > .koshi-composition-navigation button {
  border: 0;
  border-bottom: 1px solid rgba(217, 207, 187, .5);
  border-left: 1px solid rgba(217, 207, 187, .5);
  background: rgba(217, 207, 187, .10);
  color: var(--koshi-ink);
  font-family: var(--koshi-serif);
  font-size: 1.25rem;
  line-height: 1.2;
  cursor: pointer;
  transition: background .2s ease, color .2s ease;
  min-width: 0;
  overflow-wrap: anywhere;
}

.qr-figma-tabs__menu button:last-child,
.koshi-products--presentation-details.koshi-products--layout-tabs > .koshi-products__items > .koshi-navigation--tabs > .koshi-composition-navigation button:last-child {
  border-bottom: 0;
}

.qr-figma-tabs__menu button[aria-selected="true"],
.koshi-products--presentation-details.koshi-products--layout-tabs > .koshi-products__items > .koshi-navigation--tabs > .koshi-composition-navigation button[aria-selected="true"] {
  background: var(--koshi-paper);
  color: var(--koshi-burgundy);
  border-left-color: transparent;
  cursor: default;
}

.qr-figma-tabs__menu button:not([aria-selected="true"]):hover,
.koshi-products--presentation-details.koshi-products--layout-tabs > .koshi-products__items > .koshi-navigation--tabs > .koshi-composition-navigation button:not([aria-selected="true"]):hover,
.qr-figma-tabs__menu button:focus-visible,
.koshi-products--presentation-details.koshi-products--layout-tabs > .koshi-products__items > .koshi-navigation--tabs > .koshi-composition-navigation button:focus-visible {
  background: rgba(164, 73, 61, .12);
  outline: 0.125rem solid var(--koshi-clay);
  outline-offset: -0.1875rem;
}

.qr-figma-use, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.qr-figma-use__video, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--ratio-landscape.koshi-primitive--shape-rounded > video, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--ratio-landscape.koshi-primitive--shape-rounded > video {
  display: block;
  width: 100%;
  height: 45rem;
  border-radius: 1.5rem;
  margin-top: 5rem;
  background: #d8d6d3;
  object-fit: cover;
}

.qr-figma-steps, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid.koshi-primitive--gap-large.koshi-primitive--proportions-equal > .koshi-container__layout, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid.koshi-primitive--gap-large.koshi-primitive--proportions-equal > .koshi-container__layout {
  display: grid;
  min-height: 13.625rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3rem;
  margin-top: 5rem;
}

.qr-figma-steps article, .koshi-primitive--profile-instruction-step.koshi-primitive--layout-stack > .koshi-container__layout {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.qr-figma-step-icon, .koshi-primitive--profile-instruction-step.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--media-item.koshi-primitive--fit-contain > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))), .koshi-primitive--profile-instruction-step.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item.koshi-primitive--fit-contain > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))) {
  display: block;
  width: 3rem;
  height: 3rem;
  object-fit: contain;
}

.qr-figma-steps h3, .koshi-primitive--profile-instruction-step.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-medium, .koshi-primitive--profile-instruction-step.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-medium {
  margin: 1rem 0 0;
  font-family: var(--koshi-serif);
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.3;
}

.qr-figma-steps p, .koshi-primitive--profile-instruction-step.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--text.koshi-primitive--role-body > p, .koshi-primitive--profile-instruction-step.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text.koshi-primitive--role-body > p {
  width: min(20rem, 100%);
  margin: 1rem 0 0;
  font-size: 1rem;
  line-height: 1.5;
}

.qr-figma-use__cta, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--buttons > .koshi-composition__actions > a, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons > .koshi-composition__actions > a {
  display: flex;
  width: 21.9375rem;
  margin: 5rem auto 0;
}

.qr-figma-choice, .koshi-primitive--profile-illustrated-section.koshi-primitive--layout-stack {

  padding-top: 7rem;
  text-align: center;
}



.qr-figma-choice__grid,
:is(.koshi-primitive--layout-grid.koshi-primitive--gap-large:has(> .koshi-container__layout > .koshi-primitive--profile-illustrated-card),.koshi-primitive--layout-grid.koshi-primitive--gap-large:has(> .koshi-container__layout > .koshi-editor-block > .koshi-primitive--profile-illustrated-card)) > .koshi-container__layout {
  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
  margin-top: 5rem;
}

.qr-figma-choice__grid article,
.koshi-primitive--profile-illustrated-card.koshi-primitive--layout-stack {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  border-radius: 1rem;
  background: var(--koshi-paper);
  padding-bottom: 2rem;
}

.qr-figma-choice__grid :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-illustrated-card.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--media-item.koshi-primitive--fit-presentation > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),video,:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))), .koshi-primitive--profile-illustrated-card.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item.koshi-primitive--fit-presentation > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),video,:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))) {
  width: 100%;
  height: 25.5625rem;
  border-radius: 0;
  object-fit: cover;
}

.qr-figma-choice__grid h3,
.koshi-primitive--profile-illustrated-card.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-large, .koshi-primitive--profile-illustrated-card.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-large {
  width: 100%;
  margin: 2rem 0 0;
  font-family: var(--koshi-serif);
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.2;
}

.qr-figma-choice__grid p,
.koshi-primitive--profile-illustrated-card.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--text.koshi-primitive--role-body > p, .koshi-primitive--profile-illustrated-card.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text.koshi-primitive--role-body > p {
  width: min(32.5rem, 100%);
  margin: 1.5rem 0 0;
  font-size: 1rem;
  line-height: 1.5;
}

.qr-figma-choice__grid a,
.koshi-primitive--profile-illustrated-card.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--buttons a, .koshi-primitive--profile-illustrated-card.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons a {
  display: inline-flex;
  min-height: 1.5625rem;
  align-items: center;
  border: 0;
  margin-top: 2rem;
  color: var(--koshi-burgundy);
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: .12em;
  line-height: 1.5;
  text-decoration: none;
  text-transform: uppercase;
}

:is(.qr-figma-choice__grid a, .koshi-primitive--profile-illustrated-card.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--buttons a, .koshi-primitive--profile-illustrated-card.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons a):is(:hover, :focus-visible) {
  text-decoration-line: underline;
  text-decoration-color: var(--koshi-sage);
  text-decoration-thickness: 1px;
  text-underline-offset: .45em;
}

@container koshi-editorial (max-width: 83rem) {
  .qr-figma-hero, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay {
    padding-bottom: 2rem;
  }

  .qr-figma-collection, .koshi-primitive--profile-collection.koshi-primitive--layout-stack,
    .qr-figma-use, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack,
    .qr-figma-choice, .koshi-primitive--profile-illustrated-section.koshi-primitive--layout-stack {
    height: auto;
    min-height: 0;
    padding-block: 5.5rem;
  }

  .qr-figma-collection .qr-figma-heading,
    .qr-figma-use .qr-figma-heading, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--profile-collection-heading, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--profile-collection-heading,
    .qr-figma-choice > .qr-figma-container > h2, .koshi-primitive--profile-illustrated-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-large, .koshi-primitive--profile-illustrated-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-large {
    height: auto;
    min-height: 0;
  }

  .qr-figma-tabs,
  .koshi-products--presentation-details.koshi-products--layout-tabs > .koshi-products__items > .koshi-navigation--tabs {
    height: auto;
    min-height: 0;
    grid-template-columns: minmax(0, 1fr);
  }

  .qr-figma-tabs__panels,
  .koshi-products--presentation-details.koshi-products--layout-tabs > .koshi-products__items > .koshi-navigation--tabs > .koshi-navigation__viewport,
    .qr-figma-tab {
    min-height: 42.5rem;
  }

  .qr-figma-tab {
    grid-template-columns: minmax(18.75rem, 42%) minmax(0, 1fr);
    gap: 2.5rem;
  }

  .qr-figma-tab__image {
    width: 100%;
    height: calc(100% + 5rem);
  }

  .qr-figma-tab__content,
    .qr-figma-tab__content--discovery {
    width: auto;
    padding: 1.75rem 1.75rem 1.75rem 0;
  }


  .qr-figma-tab__content--discovery .qr-figma-tab__description {
    margin-top: 2rem;
  }

  .qr-figma-tabs__menu,
  .koshi-products--presentation-details.koshi-products--layout-tabs > .koshi-products__items > .koshi-navigation--tabs > .koshi-composition-navigation {
    min-height: 6rem;
    grid-template-rows: none;
    grid-template-columns: repeat(4, 1fr);
  }

  .qr-figma-tabs__menu button,
  .koshi-products--presentation-details.koshi-products--layout-tabs > .koshi-products__items > .koshi-navigation--tabs > .koshi-composition-navigation button {
    min-height: 6rem;
    border-top: 1px solid rgba(217, 207, 187, .5);
    border-bottom: 0;
  }

  .qr-figma-tabs__menu button[aria-selected="true"],
  .koshi-products--presentation-details.koshi-products--layout-tabs > .koshi-products__items > .koshi-navigation--tabs > .koshi-composition-navigation button[aria-selected="true"] {
    border-left-color: rgba(217, 207, 187, .5);
    border-top-color: transparent;
  }

  .qr-figma-use__video, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--ratio-landscape.koshi-primitive--shape-rounded > video, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--ratio-landscape.koshi-primitive--shape-rounded > video {
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 9;
  }

  .qr-figma-steps, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid.koshi-primitive--gap-large.koshi-primitive--proportions-equal > .koshi-container__layout, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid.koshi-primitive--gap-large.koshi-primitive--proportions-equal > .koshi-container__layout {
    height: auto;
    min-height: 0;
  }

  .qr-figma-choice__grid,
:is(.koshi-primitive--layout-grid.koshi-primitive--gap-large:has(> .koshi-container__layout > .koshi-primitive--profile-illustrated-card),.koshi-primitive--layout-grid.koshi-primitive--gap-large:has(> .koshi-container__layout > .koshi-editor-block > .koshi-primitive--profile-illustrated-card)) > .koshi-container__layout {
    height: auto;
    min-height: 0;
  }

  .qr-figma-choice__grid article,
.koshi-primitive--profile-illustrated-card.koshi-primitive--layout-stack {
    padding-bottom: 0;
  }
}

@container koshi-editorial (max-width: 47.5rem) {
  .qr-figma-container, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout, .koshi-primitive--profile-illustrated-section.koshi-primitive--layout-stack > .koshi-container__layout, .koshi-primitive--profile-collection.koshi-primitive--layout-stack > .koshi-container__layout {
    width: min(100% - 3rem, 35rem);
  }

  .qr-figma-hero, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay {
    height: auto;
    min-height: 38.75rem;
    padding-bottom: 0;
    align-items: center;
  }

  .qr-figma-hero__copy, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content {
    margin: 6rem 0 4rem;
  }

  .qr-figma-hero__copy h1, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-display,
    .qr-figma-heading h2, .koshi-primitive--profile-collection-heading.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-large.koshi-primitive--line-style-blocks, .koshi-primitive--profile-collection-heading.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-large.koshi-primitive--line-style-blocks,
    .qr-figma-choice > .qr-figma-container > h2, .koshi-primitive--profile-illustrated-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-large, .koshi-primitive--profile-illustrated-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-large {
    font-size: clamp(2.375rem, 12vw, 3.25rem);
  }

  .qr-figma-hero__copy > p, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--text > p, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text > p, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--text > p, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text > p,
    .qr-figma-heading > p, .koshi-primitive--profile-collection-heading.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--text.koshi-primitive--role-lead > p, .koshi-primitive--profile-collection-heading.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text.koshi-primitive--role-lead > p {
    font-size: 1rem;
  }

  .qr-figma-actions, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--buttons > .koshi-composition__actions, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons > .koshi-composition__actions, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--buttons > .koshi-composition__actions, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons > .koshi-composition__actions {
    width: 100%;
    align-items: stretch;
    flex-direction: column;
  }

  .qr-figma-collection, .koshi-primitive--profile-collection.koshi-primitive--layout-stack,
    .qr-figma-use, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack,
    .qr-figma-choice, .koshi-primitive--profile-illustrated-section.koshi-primitive--layout-stack {
    padding-block: 4.5rem;
    --koshi-collection-content-gap: 3.5rem;
  }

  .qr-figma-tabs,
  .koshi-products--presentation-details.koshi-products--layout-tabs > .koshi-products__items > .koshi-navigation--tabs {
    margin-top: var(--koshi-collection-content-gap);
  }

  .qr-figma-tabs__panels,
  .koshi-products--presentation-details.koshi-products--layout-tabs > .koshi-products__items > .koshi-navigation--tabs > .koshi-navigation__viewport,
    .qr-figma-tab {
    height: auto;
    min-height: 0;
  }

  .qr-figma-tab {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .qr-figma-tab__image {
    height: 32.5rem;
    position: static;
    grid-column: auto;
    grid-row: auto;
    inset: auto;
    transform: none;
  }

  .qr-figma-tab__content,
    .qr-figma-tab__content--discovery {
    padding: 1.75rem;
    grid-column: auto;
  }


  .qr-figma-tab__content--discovery .qr-figma-tab__description {
    margin-top: 2rem;
  }

  .qr-figma-tab__meta {
    margin-bottom: 0;
  }

  .qr-figma-tabs__menu,
  .koshi-products--presentation-details.koshi-products--layout-tabs > .koshi-products__items > .koshi-navigation--tabs > .koshi-composition-navigation {
    height: auto;
    min-height: 0;
    grid-template-columns: repeat(2, 1fr);
  }

  .qr-figma-tabs__menu button,
  .koshi-products--presentation-details.koshi-products--layout-tabs > .koshi-products__items > .koshi-navigation--tabs > .koshi-composition-navigation button {
    min-height: 4.75rem;
  }

  .qr-figma-steps, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid.koshi-primitive--gap-large.koshi-primitive--proportions-equal.koshi-primitive--mobile-layout-stack > .koshi-container__layout, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid.koshi-primitive--gap-large.koshi-primitive--proportions-equal.koshi-primitive--mobile-layout-stack > .koshi-container__layout,
    .qr-figma-choice__grid,
:is(.koshi-primitive--layout-grid.koshi-primitive--gap-large:has(> .koshi-container__layout > .koshi-primitive--profile-illustrated-card),.koshi-primitive--layout-grid.koshi-primitive--gap-large:has(> .koshi-container__layout > .koshi-editor-block > .koshi-primitive--profile-illustrated-card)) > .koshi-container__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 3.5rem;
  }

  .qr-figma-use__cta, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--buttons > .koshi-composition__actions > a, .koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons > .koshi-composition__actions > a {
    width: 100%;
    margin-top: 4rem;
  }

  .qr-figma-choice__grid :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-illustrated-card.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--media-item.koshi-primitive--fit-presentation > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),video,:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))), .koshi-primitive--profile-illustrated-card.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item.koshi-primitive--fit-presentation > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),video,:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))) {
    height: auto;
    min-height: 0;
    aspect-ratio: 624 / 409;
  }
}

@container koshi-listening-copy (width < 10.875rem) {
  .qr-figma-tab__description .qr-figma-tab__cta {
    max-width: 100%;
    height: auto;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}


* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--koshi-black);
  color: var(--koshi-ink);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.45;
}

a {
  color: inherit;
  text-decoration: none;
}

img,
svg {
  display: block;
  max-width: 100%;
}

.site-shell {
  margin: 0 auto;
}

.top-strip {
  display: flex;
  min-height: 28px;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--koshi-line);
  padding: 0 44px;
  color: var(--koshi-ink);
  font-size: 11px;
  text-align: center;
}

.checker-hero {
  min-height: 330px;
  display: grid;
  place-items: center;
  border-bottom: 1px solid var(--koshi-line);
  padding: 72px 24px;
  text-align: center;
  background-color: #f0f0f0;
  background-image:
    linear-gradient(45deg, #dedede 25%, transparent 25%),
    linear-gradient(-45deg, #dedede 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #dedede 75%),
    linear-gradient(-45deg, transparent 75%, #dedede 75%);
  background-position: 0 0, 0 32px, 32px -32px, -32px 0;
  background-size: 64px 64px;
}

.hero-copy {
  max-width: 650px;
}

.hero-copy h1,
.editorial-hero h1,
:is(:is(.section-title,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title)),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title),
.koshi-primitive--title.koshi-primitive--size-section,
.page-title {
  margin: 0;
  color: var(--koshi-black);
  font-size: 42px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.06;
}

.hero-copy p,
:is(:is(.section-lead,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class] .koshi-primitive--text > p)),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class] .koshi-primitive--text > p),
.page-lead {
  max-width: 620px;
  margin: 18px auto 0;
  color: var(--koshi-ink);
  font-size: 13px;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-top: 26px;
}

.section + .section {
  border-top: 1px solid var(--koshi-line);
}

:is(.section-head,.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class]),
.koshi-primitive--profile-section-heading.koshi-primitive--layout-stack {
  max-width: 720px;
  margin: 0 auto 48px;
  text-align: center;
}

:is(:is(.section-title,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title)),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title),
.koshi-primitive--title.koshi-primitive--size-section {
  font-size: 34px;
}

.product-grid {
  display: grid;
  gap: 36px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.product-card {
  min-width: 0;
  text-align: center;
}

.media-box {
  display: grid;
  width: 100%;
  min-height: 235px;
  place-items: center;
  border: 1px solid transparent;
  background: var(--koshi-panel);
  color: var(--koshi-line-dark);
}

.media-box img {
  width: 100%;
  height: 100%;
  max-height: inherit;
  object-fit: contain;
}

.media-box--photo {
  background: #f2f2f2;
}

.media-box--cover img {
  object-fit: cover;
}

.media-box--product {
  padding: 22px;
  background: #eeeeee;
}

.media-box--product img {
  max-height: 430px;
}

.media-box--wide {
  min-height: 300px;
}

.media-box--tall {
  min-height: 500px;
}

.media-box--tall img {
  max-height: 500px;
}

.placeholder-icon {
  width: 74px;
  height: 58px;
  opacity: .55;
}

.product-card h3 {
  margin: 18px 0 5px;
  font-size: 13px;
  font-weight: 800;
}

.product-card p {
  margin: 0;
  color: var(--koshi-soft);
  font-size: 12px;
}

.product-card strong {
  display: block;
  margin-top: 8px;
  font-size: 13px;
}

.product-card--wide {
  grid-column: span 2;
}

.round-action {
  display: inline-grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 2px solid var(--koshi-black);
  border-radius: 999px;
  margin-top: 12px;
  font-size: 13px;
  font-weight: 800;
}

.tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--koshi-black);
  border-right: 0;
  margin: 34px auto 0;
}

.tab {
  min-height: 44px;
  display: grid;
  place-items: center;
  border-right: 1px solid var(--koshi-black);
  font-size: 12px;
  font-weight: 800;
}

.split-feature {
  display: grid;
  align-items: center;
  gap: 44px;
  grid-template-columns: minmax(0, .95fr) minmax(220px, .75fr);
}

.split-feature h2 {
  margin: 0 0 22px;
  font-size: 34px;
  line-height: 1.08;
}

.track-list {
  display: grid;
  gap: 14px;
  margin-top: 22px;
}

.track {
  border-top: 1px solid var(--koshi-line);
  padding-top: 14px;
}

.track strong {
  display: block;
  margin-bottom: 4px;
}

.story-split {
  display: grid;
  align-items: center;
  gap: 52px;
  grid-template-columns: minmax(0, .9fr) minmax(0, .85fr);
}

.story-split h2 {
  margin: 0 0 18px;
  font-size: 34px;
  line-height: 1.08;
}

.story-split p {
  margin: 0 0 14px;
}

.guide-filter {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-top: 34px;
}

.filter-pill {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  border: 1px solid var(--koshi-line-dark);
  padding: 0 16px;
  font-size: 12px;
  font-weight: 700;
}

.filter-pill--active {
  border-color: var(--koshi-black);
  background: var(--koshi-paper);
}

.guide-card {
  border: 1px solid var(--koshi-line-dark);
  background: var(--koshi-paper);
}

.guide-card .media-box {
  min-height: 210px;
  border: 0;
}

.guide-card__body {
  padding: 18px;
}

.guide-card__kicker {
  display: block;
  margin-bottom: 8px;
  color: var(--koshi-soft);
  font-size: 11px;
  font-weight: 800;
}

.guide-card h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.12;
}

.guide-card p {
  margin: 10px 0 0;
  color: var(--koshi-soft);
  font-size: 12px;
}

.page-note {
  max-width: 760px;
  margin: 24px auto 0;
  color: var(--koshi-soft);
  font-size: 12px;
  text-align: center;
}

.guide-steps {
  display: grid;
  gap: 42px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  text-align: center;
}

.step-icon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  margin: 0 auto 14px;
  color: var(--koshi-black);
  font-size: 25px;
  font-weight: 700;
}

.guide-steps h3,
.cta-column h2 {
  margin: 0 0 8px;
  font-size: 20px;
  line-height: 1.12;
}

.guide-steps p,
.cta-column p {
  margin: 0;
  color: var(--koshi-soft);
  font-size: 12px;
}

.guide-link {
  display: inline-flex;
  margin-top: 46px;
  font-size: 12px;
  font-weight: 700;
}

.dual-cta {
  display: grid;
  gap: 48px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  text-align: center;
}

.cta-column {
  min-height: 165px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 22px;
}

.editorial-hero {
  display: grid;
  min-height: 410px;
  place-items: center;
  padding: 76px 24px;
  background: var(--koshi-panel-dark);
  color: var(--koshi-paper);
  text-align: center;
}

.editorial-hero h1 {
  color: var(--koshi-paper);
}

.editorial-hero p {
  max-width: 620px;
  margin: 18px auto 0;
  color: var(--koshi-paper);
}

.entry-content,
.koshi-primitive--profile-content.koshi-primitive--layout-stack {
  max-width: 820px;
  margin: 0 auto;
}

.entry-content h2,
.koshi-primitive--title.koshi-primitive--size-content {
  margin: 0 0 28px;
  font-size: 34px;
  line-height: 1.1;
}

.entry-content p {
  color: var(--koshi-ink);
}

.search-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 34px;
  overflow-wrap: anywhere;
}

.koshi-search-form label {
  display: block;
  margin-bottom: 10px;
  color: var(--koshi-soft);
  font-size: 12px;
  font-weight: 700;
}

.koshi-search-form__row {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.koshi-search-form input[type="search"] {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--koshi-line-dark);
  border-radius: 0;
  padding: 0 14px;
  background: var(--koshi-paper);
  color: var(--koshi-ink);
  font: inherit;
}

.search-shortcuts {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.search-shortcuts a,
.search-result-item,
.search-empty {
  border: 1px solid var(--koshi-line);
  padding: 24px;
  background: var(--koshi-paper);
}

.search-shortcuts span,
.search-result-item span {
  display: block;
  margin-bottom: 8px;
  color: var(--koshi-soft);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.search-shortcuts strong,
.search-result-item strong {
  display: block;
  font-size: 16px;
  line-height: 1.25;
}

.search-results h2 {
  margin: 16px 0 22px;
  font-size: 26px;
  line-height: 1.15;
}

.search-result-list {
  display: grid;
  gap: 14px;
}

.search-result-item p,
.search-empty p {
  margin: 10px 0 0;
  color: var(--koshi-soft);
}

.search-empty h3 {
  margin: 0;
}

@media (max-width: 900px) {

  .hero-copy h1,
  .editorial-hero h1,
  .page-title {
    font-size: 34px;
  }

  .media-box--tall {
    min-height: 320px;
  }
}

@media (max-width: 560px) {
  body {
    background: var(--koshi-paper);
  }

  .checker-hero {
    min-height: 290px;
    padding: 54px 18px;
  }

  .hero-copy h1,
  .editorial-hero h1,
  .page-title {
    font-size: 30px;
  }

  :is(:is(.section-title,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title)),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title),
  .koshi-primitive--title.koshi-primitive--size-section,
  .split-feature h2,
  .entry-content h2,
  .koshi-primitive--title.koshi-primitive--size-content {
    font-size: 27px;
  }

  .tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-grid,
  .search-shortcuts,
  .split-feature,
  .guide-steps,
  .dual-cta,
  .story-split {
    grid-template-columns: 1fr;
  }

  .koshi-search-form__row {
    grid-template-columns: 1fr;
  }

  .product-card--wide {
    grid-column: span 1;
  }

}

body {
  background: var(--koshi-surface-page);
  font-family: var(--koshi-sans);
  font-size: 15px;
  line-height: 1.6;
}

.site-shell {
  position: relative;
  background: var(--koshi-surface-page);
}

.top-strip {
  min-height: 26px;
  border: 0;
  background: var(--koshi-sage);
  color: var(--koshi-ink);
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.hero-copy h1,
.editorial-hero h1,
:is(:is(.section-title,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title)),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title),
.koshi-primitive--title.koshi-primitive--size-section,
.page-title,
.entry-content h2,
.koshi-primitive--title.koshi-primitive--size-content,
.split-feature h2,
.story-split h2 {
  font-family: var(--koshi-serif);
  font-weight: 400;
  letter-spacing: -.025em;
}

/* Full-width surfaces, centered content, shared responsive gutters. */
:is(.section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class],.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class]),
.koshi-primitive--profile-section.koshi-primitive--layout-stack,
.koshi-primitive--layout-grid.koshi-primitive--columns-2.koshi-primitive--profile-reading {
  width: 100%;
  max-width: none;
  margin-inline: auto;
  padding-block: clamp(4.5rem, 8vw, 7.375rem);
  padding-inline: var(--koshi-section-inset);
}

.section + :is(.section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class],.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class]),
:is(.section,.koshi-primitive--profile-reading,.koshi-primitive--profile-section) + .koshi-primitive--profile-section.koshi-primitive--layout-stack,
:is(.koshi-primitive--profile-reading,.koshi-primitive--profile-section) + .section {
  border-top: 0;
}

:is(.section--warm,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) {
  background: var(--koshi-surface-page);
}

:is(.section-head,.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class]),
.koshi-primitive--profile-section-heading.koshi-primitive--layout-stack {
  max-width: 760px;
  margin-bottom: 56px;
}

.section-head--left {
  margin-left: 0;
  text-align: left;
}

.section-head--right {
  margin-right: 0;
  text-align: right;
}

:is(:is(.section-title,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title)),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title),
.koshi-primitive--title.koshi-primitive--size-section {
  font-size: clamp(36px, 4vw, 56px);
  line-height: 1.02;
}

:is(:is(.section-title,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title)),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title) em {
  font-weight: 400;
}

:is(:is(.section-lead,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class] .koshi-primitive--text > p)),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class] .koshi-primitive--text > p) {
  max-width: 660px;
  color: var(--koshi-soft);
  font-size: 13px;
}

.eyebrow,
.koshi-primitive--text.koshi-primitive--role-eyebrow > p,
.koshi-primitive--layout-stack.koshi-primitive--profile-aside .koshi-primitive--text > p:first-child:has(+ h3) {
  margin: 0 0 10px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.home-hero ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay {
  position: relative;
  min-height: clamp(37.5rem, 68vw, 52.5rem);
  overflow: hidden;
  background: #09100f;
  color: var(--koshi-white);
}

.home-hero__image,
.home-hero__shade ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay::before {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.home-hero__image {
  object-fit: cover;
  opacity: .78;
}

.home-hero__shade ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay::before {
  background:
    linear-gradient(90deg, rgba(2, 7, 7, .8), rgba(2, 7, 7, .18) 55%, rgba(2, 7, 7, .48)),
    linear-gradient(0deg, rgba(2, 7, 7, .58), transparent 46%);
}

.home-hero__content ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-primitive--container:not(.koshi-primitive--placement-role-background) {
  position: absolute;
  left: clamp(1.5rem, 6vw, 5.5rem);
  top: 50%;
  z-index: 2;
  max-width: 40.625rem;
  transform: translateY(-38%);
}

.home-hero__content h1 ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-primitive--container:not(.koshi-primitive--placement-role-background) h1 {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: clamp(3rem, 7vw, 5.75rem);
  font-weight: 400;
  letter-spacing: -.04em;
  line-height: .95;
  text-transform: uppercase;
}

.home-hero__content > p:not(.eyebrow) {
  max-width: 27.5rem;
  margin: 1.25rem 0 1.75rem;
  color: rgba(255, 255, 255, .84);
}

.home-hero__player ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-products--presentation-compact {
  position: absolute;
  left: clamp(1.5rem, 6vw, 5.5rem);
  bottom: 2.125rem;
  z-index: 2;
  display: grid;
  width: min(20.625rem, calc(100% - 3rem));
  grid-template-columns: 1fr auto;
  gap: 0.25rem 1.25rem;
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 0.5rem;
  padding: 1rem;
  background: rgba(20, 18, 15, .66);
  backdrop-filter: blur(0.75rem);
}

.home-hero__player-kicker {
  grid-column: 1 / -1;
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.home-hero__player a ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-products--presentation-compact a {
  color: #d8cbbd;
  font-size: 0.6875rem;
  text-decoration: underline;
}

.collection-stage {
  min-height: 580px;
  overflow: hidden;
  border-radius: var(--koshi-radius);
  background: linear-gradient(135deg, #c58b60, #8f573a);
}

.collection-stage img {
  width: 100%;
  height: 100%;
  min-height: 580px;
  object-fit: cover;
  mix-blend-mode: multiply;
}

:is(.element-grid,.koshi-products--presentation-gallery.koshi-products--layout-grid > .koshi-products__items) {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(min(4, var(--koshi-gallery-columns, 4)), minmax(0, 1fr));
}

.element-card {
  min-width: 0;
  text-align: center;
}

.element-card__media {
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border-radius: var(--koshi-radius);
}

.element-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.element-card__media--terra { background: #9baa96; }
.element-card__media--aqua { background: #a8d3dc; }
.element-card__media--aria { background: #e8d39a; }
.element-card__media--ignis { background: #cf7771; }

.element-card h3,
.use-card h3 {
  margin: 16px 0 5px;
  font-family: var(--koshi-serif);
  font-size: 19px;
  font-weight: 400;
  line-height: 1.15;
}

.element-card p,
.use-card p {
  margin: 0;
  color: var(--koshi-soft);
  font-size: 11px;
}

.element-card strong {
  display: block;
  margin-top: 8px;
  font-size: 12px;
}

/* Figma home harmony manifesto pass - 2026-07-10 */
.living-manifesto ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay {
  position: relative;
  display: flex;
  min-height: clamp(26.25rem, 52vw, 38.75rem);
  align-items: flex-end;
  overflow: hidden;
  background: #0a1510;
  color: var(--koshi-white);

  padding-top: 1rem;
}

.living-manifesto > :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.living-manifesto__shade ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay .koshi-primitive--media-item > :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay::before {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.living-manifesto > :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)) ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay .koshi-primitive--media-item > :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)) {
  object-fit: cover;
  object-position: center;
  filter: saturate(.95) contrast(1.05) brightness(.82);
}

.living-manifesto__shade ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay::before {
  background: linear-gradient(90deg, rgba(0, 0, 0, .56), rgba(0, 0, 0, .18) 54%, rgba(0, 0, 0, .08));
  pointer-events: none;
}

.living-manifesto__content ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay .koshi-primitive--container:not(.koshi-primitive--placement-role-background) {
  position: relative;
  z-index: 2;
  width: min(calc(100% - 4rem), 35rem);
  margin-bottom: clamp(3.375rem, 6vw, 5.75rem);
  margin-left: clamp(2.625rem, 5vw, 5.5rem);

  min-width: 0;

  overflow-wrap: anywhere;
}

.living-manifesto__brand ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay .koshi-primitive--title > span:first-child {
  display: block;
  margin-bottom: 0.5rem;
  font-family: var(--koshi-serif);
  font-size: clamp(1.875rem, 3.5vw, 2.75rem);
  line-height: 1;
}

.living-manifesto h2 ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay h2 {
  margin: 0 0 1.625rem;
  padding-bottom: 1.375rem;
  border-bottom: 1px solid rgba(255, 255, 255, .48);
  font-family: var(--koshi-serif);
  font-size: clamp(2.125rem, 4.2vw, 3.5rem);
  font-weight: 400;
  letter-spacing: -.03em;
  line-height: 1.05;
}

.living-manifesto p ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay p {
  max-width: 33.125rem;
  margin: 0;
  color: rgba(255, 255, 255, .9);
  font-size: 0.9375rem;
  line-height: 1.7;
}

.living-manifesto__cta ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay .koshi-composition__actions > .koshi-ui-button {
  margin-top: 1.75rem;
  font-family: "Roboto", Arial, sans-serif;
}

@container koshi-editorial (max-width: 42.5rem) {
  .living-manifesto ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay {
    min-height: 33.75rem;
  }
  .living-manifesto__shade ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .68));
  }
  .living-manifesto__content ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay .koshi-primitive--container:not(.koshi-primitive--placement-role-background) {
    width: min(calc(100% - 3rem), 26.25rem);
    margin-right: 1.5rem;
    margin-bottom: 3.25rem;
    margin-left: 1.5rem;
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .living-manifesto h2 ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay h2 {
    margin-bottom: 1.25rem;
    padding-bottom: 1.125rem;
  }
  .living-manifesto p ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay p {
    font-size: 0.875rem;
    line-height: 1.65;
  }
}



/* Figma Home Layout / 22 / exact desktop parity - 2026-07-16 */
@container koshi-editorial (min-width: 61.3125rem) {
  .living-manifesto ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay {
    min-height: clamp(38.75rem, 54.4445vw, 49rem);
    background: var(--koshi-mist);
    color: var(--koshi-paper);
  }
  .living-manifesto > :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)) ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay .koshi-primitive--media-item > :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)) {
    object-position: center;
    filter: none;
  }
  .living-manifesto__shade ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay::before {
    display: none;
  }
  .living-manifesto__content ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay .koshi-primitive--container:not(.koshi-primitive--placement-role-background) {
    width: min(calc(100% - 8rem), 80rem);
    height: auto;
    margin-bottom: 7rem;
    margin-left: 4rem;
    min-width: 0;
    overflow-wrap: anywhere;
    min-height: 19.125rem;
  }
  .living-manifesto__brand ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay .koshi-primitive--title > span:first-child {
    height: 3.625rem;
    margin: 0;
    font-family: var(--koshi-display);
    font-size: 3rem;
    line-height: 1.2083333333333333;
  }
  .living-manifesto h2 ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay h2 {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    color: var(--koshi-paper);
    font-family: var(--koshi-display);
    font-size: 3rem;
    letter-spacing: 0;
    line-height: 1.2083333333333333;
    min-height: 7.25rem;
  }
  .living-manifesto h2 span ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay h2 span {
    display: block;
    width: max-content;
    max-width: 100%;
  }
  .living-manifesto h2::after ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay h2::after {
    position: absolute;
    top: auto;
    left: 0;
    width: min(35.6875rem, 100%);
    height: 1px;
    background: var(--koshi-sage);
    content: "";
    bottom: -1.5625rem;
  }
  .living-manifesto p ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay p {
    position: static;
    top: 10.25rem;
    left: 0;
    width: min(30rem, 100%);
    height: auto;
    max-width: 100%;
    color: var(--koshi-paper);
    font-family: "Instrument Sans", var(--koshi-sans);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    min-height: 5.25rem;
    margin-top: 3rem;
  }
  .living-manifesto__cta ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay .koshi-composition__actions > .koshi-ui-button {
    position: static;
    top: 17.5rem;
    left: 0;
    width: 13.25rem;
    margin: 0;
    font-family: "Roboto", Arial, sans-serif;
    margin-top: 2rem;
  }
}



.resonance-grid {
  display: grid;
  align-items: stretch;
  gap: 34px;
  grid-template-columns: minmax(280px, .85fr) minmax(0, 1.4fr);
}

.resonance-grid__media,
.use-card img,
.partner-panel__story img {
  overflow: hidden;
  border-radius: var(--koshi-radius);
}

.resonance-grid__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.quote-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.quote-grid blockquote {
  display: flex;
  min-height: 170px;
  flex-direction: column;
  justify-content: space-between;
  margin: 0;
  border-radius: 12px;
  padding: 24px;
  background: rgba(255, 252, 244, .76);
  font-family: var(--koshi-serif);
  font-size: 19px;
  line-height: 1.35;
}

.quote-grid cite {
  display: block;
  margin-top: 18px;
  color: var(--koshi-soft);
  font-family: var(--koshi-sans);
  font-size: 10px;
  font-style: normal;
}

.use-grid {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.use-card img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.partners-section {
  display: grid;
  align-items: end;
  gap: 48px;
  grid-template-columns: minmax(260px, .6fr) minmax(0, 1.4fr);
}

.partners-intro :is(:is(.section-title,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title)),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title) {
  font-size: clamp(34px, 3.4vw, 50px);
}

.partner-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 270px;
  overflow: hidden;
  border: 1px solid var(--koshi-line);
  border-radius: var(--koshi-radius);
  background: var(--koshi-paper);
}

.partner-panel__story {
  padding: 36px;
}

.partner-panel__story h3 {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: 34px;
  font-weight: 400;
}

.partner-panel__story img {
  width: 100%;
  max-height: 300px;
  margin-top: 26px;
  object-fit: cover;
}

.partner-panel__tabs {
  display: grid;
  margin: 0;
  border-left: 1px solid var(--koshi-line);
  padding: 0;
  list-style: none;
}

.partner-panel__tabs li {
  display: grid;
  place-items: center;
  border-bottom: 1px solid var(--koshi-line);
  padding: 18px;
  font-family: var(--koshi-serif);
  font-size: 13px;
  text-align: center;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.service-strip,
.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] {
  display: grid;
  max-width: var(--koshi-content);
  gap: 2.125rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 auto;
  padding: 3.625rem clamp(1.5rem, 5vw, 4rem);
  color: var(--koshi-soft);
  text-align: center;
}

.service-strip > div {
  display: grid;
  justify-items: center;
}

.service-strip span {
  min-height: 2rem;
  color: #9bb39c;
  font-family: var(--koshi-serif);
  font-size: 1.6875rem;
}

.service-strip strong,
:is(:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout > .koshi-primitive--title,:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title) {
  max-width: 13.125rem;
  color: var(--koshi-ink);
  font-size: 0.625rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  overflow-wrap: normal;
}

.service-strip p,
:is(:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout > .koshi-primitive--text,:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text) > p {
  max-width: 14.375rem;
  margin: 0.5rem 0 0;
  font-size: 0.625rem;
}

.newsletter {
  display: grid;
  max-width: var(--koshi-content);
  grid-template-columns: minmax(17.5rem, .9fr) minmax(0, 1.1fr);
  margin: 1.5rem auto 6rem;
  overflow: hidden;
  border-radius: var(--koshi-radius);
  background: var(--koshi-sage-soft);

  height: auto;

  min-height: 47.5rem;
}

.newsletter__media img {
  width: 100%;
  height: 100%;
  min-height: 22.5rem;
  object-fit: cover;
}

.newsletter__content {
  display: grid;
  align-content: center;
  padding: clamp(2.25rem, 6vw, 4.875rem);

  height: auto;

  min-height: 33.5rem;
}

.newsletter__content h2 {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: clamp(2.375rem, 4vw, 3.625rem);
  font-weight: 400;
}

.newsletter__content > p:not(.eyebrow) {
  max-width: 30rem;
  color: var(--koshi-soft);
}

.newsletter__form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-top: 1.125rem;

  height: auto;

  min-height: 2.5rem;
}

.newsletter__form input {
  min-height: 2.625rem;
  border: 0;
  border-bottom: 1px solid var(--koshi-ink);
  padding: 0 0.5rem;
  background: transparent;
  color: var(--koshi-ink);

  min-width: 0;
}

.newsletter__form button {
  border: 0;
  padding: 0;
  background: var(--koshi-clay);
  color: var(--koshi-white);
  font-size: 0.625rem;
  letter-spacing: .08em;
  text-transform: uppercase;

  height: auto;

  max-width: 100%;

  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  :is(.element-grid,.koshi-products--presentation-gallery.koshi-products--layout-grid > .koshi-products__items) {
    grid-template-columns: repeat(min(2, var(--koshi-gallery-columns, 2)), minmax(0, 1fr));
  }

  .partners-section {
    grid-template-columns: 1fr;
  }
}
@container koshi-editorial (max-width: 56.25rem) {
  .home-hero__content ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-primitive--container:not(.koshi-primitive--placement-role-background) {
    transform: translateY(-48%);
  }
  :is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) :is(.element-grid,.koshi-products--presentation-gallery.koshi-products--layout-grid > .koshi-products__items),
  .service-strip,
  .koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] {
    grid-template-columns: repeat(min(2, var(--koshi-gallery-columns, 2)), minmax(0, 1fr));
  }
}



@media (max-width: 680px) {
  .top-strip {
    padding: 5px 14px;
  }





  .collection-stage,
  .collection-stage img {
    min-height: 380px;
  }

  :is(.element-grid,.koshi-products--presentation-gallery.koshi-products--layout-grid > .koshi-products__items),
  .quote-grid,
  .use-grid,
  .service-strip,
  .koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class],
  .newsletter,
  .resonance-grid,
  .partner-panel {
    grid-template-columns: 1fr;
  }

  .section-head--right {
    text-align: left;
  }

  .partner-panel__tabs {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-left: 0;
    border-top: 1px solid var(--koshi-line);
  }

  .partner-panel__tabs li {
    min-height: 120px;
    padding: 12px 6px;
  }





}
@container koshi-editorial (max-width: 42.5rem) {
  .home-hero ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay {
    min-height: 42.5rem;
  }
  .home-hero__content ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-primitive--container:not(.koshi-primitive--placement-role-background) {
    left: 1.375rem;
    right: 1.375rem;
    top: 45%;
  }
  :is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) :is(.element-grid,.koshi-products--presentation-gallery.koshi-products--layout-grid > .koshi-products__items),
  .service-strip,
  .koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class],
  .newsletter {
    grid-template-columns: 1fr;
  }
  .newsletter {
    margin: 1rem 1.25rem 4rem;
  }
  .newsletter__media img {
    min-height: 17.5rem;
  }
}



@media (max-width: 480px) {
  :is(.element-grid,.koshi-products--presentation-gallery.koshi-products--layout-grid > .koshi-products__items) { grid-template-columns: 1fr; }
}
@container koshi-editorial (max-width: 30rem) {
  :is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) :is(.element-grid,.koshi-products--presentation-gallery.koshi-products--layout-grid > .koshi-products__items),
  .service-strip,
  .koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] {
    grid-template-columns: 1fr;
  }
  .home-hero__player ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-products--presentation-compact {
    left: 1.25rem;
    bottom: 1.25rem;
  }
  .newsletter__form {
    grid-template-columns: 1fr;
    gap: 0.875rem;
  }
  .newsletter__form button {
    min-height: 2.5rem;
  }
}



/* KOSHI_SHELL_20260702 */

/* Online Figma visual coherence pass - 2026-07-03 */
.top-strip {
  display: none;
}

:is(.figma-page-intro, .koshi-primitive--profile-intro.koshi-primitive--layout-stack) {
  display: grid;
  min-height: clamp(300px, 34vw, 430px);
  align-items: center;
  justify-items: center;
  padding-block: clamp(6rem, 12vw, 9.375rem) clamp(4rem, 8vw, 6.5rem);
  padding-inline: var(--koshi-section-inset);
  background: var(--koshi-surface-page);
  text-align: center;
}

:is(.figma-page-intro__copy, .koshi-primitive--profile-intro.koshi-primitive--layout-stack > .koshi-container__layout) {
  max-width: 720px;
}

:is(.figma-page-intro, .koshi-primitive--profile-intro.koshi-primitive--layout-stack) h1 {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: clamp(42px, 6vw, 82px);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .96;
}

:is(.figma-page-intro p:not(.eyebrow), .koshi-primitive--profile-intro.koshi-primitive--layout-stack .koshi-primitive--role-body > p) {
  max-width: 560px;
  margin: 20px auto 0;
  color: var(--koshi-soft);
  line-height: 1.75;
}

:is(.figma-page-intro, .koshi-primitive--profile-intro.koshi-primitive--layout-stack):not(.figma-page-intro--media) {
  min-height: auto;
  padding-top: clamp(72px, 8vw, 104px);
  padding-bottom: clamp(30px, 4vw, 56px);
}

:is(.figma-page-intro, .koshi-primitive--profile-intro.koshi-primitive--layout-stack):not(.figma-page-intro--media) h1 {
  font-size: clamp(38px, 5.4vw, 68px);
}

.figma-page-intro--media {
  grid-template-columns: minmax(0, .95fr) minmax(300px, .7fr);
  gap: clamp(36px, 7vw, 94px);
  justify-items: stretch;
  text-align: left;
}

.figma-page-intro--media :is(.figma-page-intro__copy, .koshi-primitive--profile-intro.koshi-primitive--layout-stack > .koshi-container__layout) {
  max-width: 680px;
}

.figma-page-intro--media p:not(.eyebrow) {
  margin-left: 0;
}

.figma-page-intro__media {
  overflow: hidden;
  align-self: stretch;
  min-height: 340px;
  margin: 0;
  border-radius: 34px;
  background: #d9d7cd;
  box-shadow: 0 24px 70px rgba(63, 47, 34, .12);
}

.figma-page-intro__media img,
.figma-page-intro__media video {
  width: 100%;
  height: 100%;
  min-height: 340px;
  object-fit: cover;
}

.koshi-figma-page--ecouter .section-head {
  margin-bottom: 34px;
}

.listen-jump-nav {
  display: flex;
  position: sticky;
  z-index: 8;
  top: 65px;
  justify-content: center;
  gap: 8px;
  border-top: 1px solid rgba(50, 42, 34, .10);
  border-bottom: 1px solid rgba(50, 42, 34, .10);
  background: rgba(245, 245, 245, .88);
  padding: 12px clamp(18px, 4vw, 48px);
  backdrop-filter: blur(14px);
}

.listen-jump-nav a {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(50, 42, 34, .18);
  border-radius: 999px;
  color: var(--koshi-ink);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .11em;
  padding: 0 16px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.listen-jump-nav a:hover,
.listen-jump-nav a:focus-visible {
  border-color: var(--koshi-ink);
  background: var(--koshi-ink);
  color: var(--koshi-white);
}

.listen-video-duo {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(420px, .9fr);
  gap: clamp(28px, 6vw, 86px);
  align-items: center;
  padding: clamp(56px, 8vw, 112px) clamp(24px, 7vw, 96px);
  background: var(--koshi-mist);
}

.listen-video-duo__copy {
  max-width: 470px;
}

.listen-video-duo__copy h2 {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: clamp(42px, 5.4vw, 76px);
  font-weight: 400;
  letter-spacing: -.05em;
  line-height: .96;
}

.listen-video-duo__copy p:not(.eyebrow) {
  color: var(--koshi-soft);
  line-height: 1.78;
}

.listen-video-card {
  display: grid;
  overflow: hidden;
  margin: 0;
  border-radius: 32px;
  background: #151a16;
  box-shadow: 0 28px 80px rgba(63, 47, 34, .16);
}

.listen-video-card video {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.listen-video-card figcaption {
  color: rgba(255, 255, 255, .74);
  font-size: 12px;
  line-height: 1.55;
  padding: 16px 18px 18px;
}

.reseller-layout--figma {
  display: grid;
  gap: clamp(28px, 5vw, 54px);
  justify-items: center;
  padding-top: 24px;
}

.reseller-search {
  display: grid;
  width: min(100%, 520px);
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

.reseller-search input {
  min-height: 42px;
  border: 1px solid var(--koshi-line);
  border-radius: 2px;
  background: var(--koshi-paper);
  color: var(--koshi-ink);
  font: inherit;
  padding: 0 14px;
}

.reseller-search button {
  min-height: 42px;
  border: 0;
  border-radius: 2px;
  background: var(--koshi-clay);
  color: var(--koshi-white);
  font-size: 10px;
  letter-spacing: .08em;
  padding: 0 18px;
  text-transform: uppercase;
}

.reseller-map {
  position: relative;
  display: flex;
  width: min(100%, 960px);
  min-height: clamp(300px, 34vw, 430px);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  isolation: isolate;
  overflow: hidden;
  border-radius: 18px;
  background:
    radial-gradient(circle at 28% 30%, rgba(164, 119, 73, .28) 0 3px, transparent 4px),
    radial-gradient(circle at 65% 40%, rgba(86, 104, 82, .30) 0 4px, transparent 5px),
    radial-gradient(circle at 48% 68%, rgba(164, 119, 73, .22) 0 3px, transparent 4px),
    linear-gradient(90deg, rgba(255,255,255,.42) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.42) 1px, transparent 1px),
    #dad9d0;
  background-size: 54px 54px;
  color: rgba(50, 42, 34, .42);
  font-family: var(--koshi-serif);
  font-size: clamp(28px, 4vw, 52px);
  text-align: center;
}

/* Figma reseller public polish - 2026-07-08 */
.reseller-map::before {
  content: "";
  position: absolute;
  inset: 13%;
  z-index: -1;
  border: 1px solid rgba(50, 42, 34, .10);
  border-radius: 999px;
  transform: rotate(-8deg);
}

.reseller-map::after {
  content: "";
  position: absolute;
  right: 12%;
  bottom: 16%;
  z-index: -1;
  width: clamp(120px, 18vw, 230px);
  aspect-ratio: 1;
  border-radius: 999px;
  background: rgba(255, 252, 244, .36);
  filter: blur(2px);
}

.reseller-map small {
  display: block;
  color: rgba(50, 42, 34, .56);
  font-family: var(--koshi-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.reseller-pro-panel {
  max-width: 640px;
  text-align: center;
}

.reseller-pro-panel h2 {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: clamp(34px, 4.4vw, 58px);
  font-weight: 400;
  letter-spacing: -.04em;
  line-height: 1;
}

.reseller-pro-panel p:not(.eyebrow) {
  color: var(--koshi-soft);
  line-height: 1.75;
}

.legal-service-overview {
  padding-top: clamp(36px, 5vw, 66px);
  padding-bottom: clamp(48px, 6vw, 82px);
}

.legal-service-grid {
  display: grid;
  width: min(100%, 960px);
  margin: 0 auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 24px);
}

.legal-service-card {
  display: grid;
  align-content: start;
  min-height: 190px;
  border: 1px solid rgba(50, 42, 34, .12);
  border-radius: 22px;
  background: rgba(255, 252, 244, .68);
  box-shadow: 0 18px 48px rgba(63, 47, 34, .06);
  padding: clamp(22px, 3vw, 34px);
}

.legal-service-card h2 {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: clamp(30px, 3vw, 44px);
  font-weight: 400;
  letter-spacing: -.04em;
  line-height: 1;
}

.legal-service-card p {
  margin: 18px 0 0;
  color: var(--koshi-soft);
  line-height: 1.7;
}

.figma-faq--enhanced {
  gap: 0;
}

.figma-faq-split {
  display: grid;
  width: min(100%, 1120px);
  margin: 0 auto;
  grid-template-columns: minmax(280px, .42fr) minmax(0, .78fr);
  gap: clamp(34px, 7vw, 92px);
  align-items: start;
}

.figma-faq-intro {
  position: sticky;
  top: 104px;
  display: grid;
  gap: 18px;
}

.figma-faq-intro h2 {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: clamp(42px, 5vw, 76px);
  font-weight: 400;
  letter-spacing: -.055em;
  line-height: .94;
}

.figma-faq-intro p:not(.eyebrow) {
  color: var(--koshi-soft);
  line-height: 1.78;
}

.support-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.support-link-row a,
.support-cta-band a,
.reseller-status-card a {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(50, 42, 34, .20);
  border-radius: 999px;
  color: var(--koshi-ink);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .11em;
  padding: 0 16px;
  text-decoration: none;
  text-transform: uppercase;
}

.support-link-row a:hover,
.support-link-row a:focus-visible,
.reseller-status-card a:hover,
.reseller-status-card a:focus-visible {
  border-color: var(--koshi-ink);
  background: var(--koshi-ink);
  color: var(--koshi-white);
}

.figma-faq-list {
  display: grid;
  gap: 18px;
}

.figma-faq-group {
  display: grid;
  gap: 14px;
  border: 1px solid rgba(35, 39, 35, .12);
  border-radius: 30px;
  background: rgba(255, 252, 244, .72);
  box-shadow: 0 22px 70px rgba(63, 47, 34, .08);
  padding: clamp(20px, 3vw, 32px);
}

.figma-faq-group > div {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 16px;
  align-items: start;
  border-bottom: 1px solid rgba(35, 39, 35, .10);
  padding-bottom: 18px;
}

.figma-faq-group > div span {
  color: rgba(50, 42, 34, .30);
  font-family: var(--koshi-serif);
  font-size: clamp(32px, 4vw, 50px);
  letter-spacing: -.055em;
  line-height: .9;
}

.figma-faq-group h3 {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: clamp(30px, 3.4vw, 46px);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .98;
}

.figma-faq-group > div p {
  grid-column: 2;
  margin: 8px 0 0;
  color: var(--koshi-soft);
  line-height: 1.65;
}

.figma-faq .figma-faq-group details {
  border-radius: 20px;
  background: rgba(255, 255, 255, .45);
  padding: 18px 20px;
}

.figma-faq .figma-faq-group summary {
  font-size: clamp(22px, 2.5vw, 32px);
}

.support-cta-band {
  display: grid;
  justify-items: center;
  gap: 18px;
  padding: clamp(68px, 9vw, 118px) 24px;
  background: #111613;
  color: var(--koshi-white);
  text-align: center;
}

.support-cta-band h2 {
  max-width: 760px;
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: clamp(42px, 5.8vw, 82px);
  font-weight: 400;
  letter-spacing: -.055em;
  line-height: .94;
}

.support-cta-band .eyebrow,
.support-cta-band p {
  color: rgba(255, 255, 255, .72);
}

.support-cta-band > div {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-top: 8px;
}

.support-cta-band a {
  border-color: rgba(255, 255, 255, .26);
  color: var(--koshi-white);
}

.support-cta-band a:hover,
.support-cta-band a:focus-visible {
  border-color: var(--koshi-white);
  background: var(--koshi-white);
  color: #111613;
}

.support-cta-band--inline {
  width: min(100%, 980px);
  margin: clamp(42px, 6vw, 72px) auto 0;
  border-radius: 34px;
  padding: clamp(46px, 7vw, 76px) 24px;
}

.reseller-board {
  display: grid;
  width: min(100%, 1120px);
  grid-template-columns: minmax(0, .74fr) minmax(280px, .36fr);
  gap: clamp(22px, 4vw, 46px);
  align-items: stretch;
}

.reseller-board .reseller-search {
  width: 100%;
  margin-bottom: 16px;
}

.reseller-board .reseller-map {
  width: 100%;
  min-height: clamp(340px, 38vw, 520px);
}

.reseller-status-card {
  display: grid;
  align-content: center;
  border-radius: 32px;
  background: #111613;
  color: var(--koshi-white);
  padding: clamp(26px, 4vw, 46px);
}

.reseller-status-card h2 {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: clamp(34px, 4vw, 58px);
  font-weight: 400;
  letter-spacing: -.05em;
  line-height: .96;
}

.reseller-status-card p:not(.eyebrow) {
  color: rgba(255, 255, 255, .72);
  line-height: 1.72;
}

.reseller-status-card .eyebrow {
  color: rgba(255, 255, 255, .66);
}

.reseller-status-card a {
  justify-self: start;
  border-color: rgba(255, 255, 255, .26);
  color: var(--koshi-white);
}

.reseller-step-grid {
  display: grid;
  width: min(100%, 1120px);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.reseller-step-card {
  display: grid;
  min-height: 210px;
  align-content: start;
  border: 1px solid rgba(35, 39, 35, .12);
  border-radius: 26px;
  background: rgba(255, 252, 244, .72);
  padding: clamp(22px, 3vw, 32px);
}

.reseller-step-card span,
.service-timeline span {
  color: rgba(50, 42, 34, .30);
  font-family: var(--koshi-serif);
  font-size: clamp(36px, 4vw, 56px);
  letter-spacing: -.055em;
  line-height: .9;
}

.reseller-step-card h3,
.service-timeline h2 {
  margin: 22px 0 0;
  font-family: var(--koshi-serif);
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: 1;
}

.reseller-step-card p,
.service-timeline p {
  margin: 14px 0 0;
  color: var(--koshi-soft);
  line-height: 1.68;
}

.service-timeline {
  display: grid;
  width: min(100%, 1080px);
  margin: clamp(42px, 6vw, 76px) auto 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid rgba(35, 39, 35, .14);
  border-bottom: 1px solid rgba(35, 39, 35, .14);
}

.service-timeline article {
  min-height: 240px;
  border-right: 1px solid rgba(35, 39, 35, .14);
  padding: clamp(22px, 3vw, 34px);
}

.service-timeline article:last-child {
  border-right: 0;
}

.product-search-results {
  margin-top: 48px;
  border-top: 1px solid var(--koshi-line);
  padding-top: 32px;
}

.product-search-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.product-search-card {
  display: grid;
  gap: 7px;
  color: var(--koshi-ink);
}

.product-search-card img {
  width: 100%;
  aspect-ratio: 4 / 5;
  border-radius: var(--koshi-radius);
  object-fit: cover;
}

.product-search-card span,
.product-search-card small {
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.product-search-card strong {
  font: 400 24px/1.1 var(--koshi-display);
}

@media (max-width: 900px) {
  .product-search-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {

  .product-search-grid {
    grid-template-columns: 1fr;
  }

}

/* Figma online reprise - 2026-07-02 */
.home .top-strip {
  display: none;
}

.home .site-shell {
  background: var(--koshi-mist);
}

.home-hero--figma ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay {
  min-height: min(calc(100 * var(--koshi-viewport-unit-block, 1vh)), 53.75rem);
  background: #050706;
}

.home-hero__video ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-primitive--media-item > video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-hero__video + .home-hero__image {
  opacity: 0;
}

.home-hero--figma .home-hero__shade ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay::before {
  background:
    linear-gradient(90deg, rgba(2, 6, 5, .76), rgba(2, 6, 5, .20) 54%, rgba(2, 6, 5, .52)),
    linear-gradient(180deg, rgba(2, 6, 5, .25), rgba(2, 6, 5, .42));
}

.home-hero--figma .home-hero__content ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-primitive--container:not(.koshi-primitive--placement-role-background) {
  left: calc(50% - min(42vw, 26.25rem));
  right: clamp(1.5rem, 8vw, 7.5rem);
  bottom: clamp(4.625rem, calc(13 * var(--koshi-viewport-unit-block, 1vh)), 8.5rem);
  top: auto;
  transform: translateY(2.75rem);
  display: grid;
  grid-template-columns: minmax(15rem, 22.5rem) minmax(17.5rem, 1fr);
  gap: clamp(1.75rem, 6vw, 5.375rem);
  align-items: end;
  max-width: 75rem;

  min-width: 0;
}

.home-hero--figma .home-hero__content .eyebrow ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-primitive--container:not(.koshi-primitive--placement-role-background) .koshi-primitive--role-eyebrow {
  grid-column: 1 / -1;
  padding-bottom: 0.875rem;
  border-bottom: 1px solid rgba(255, 255, 255, .42);
}

.home-hero--figma .home-hero__content h1 ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-primitive--container:not(.koshi-primitive--placement-role-background) h1 {
  grid-column: 2;
  font-size: clamp(3.375rem, 6.8vw, 6.75rem);
  letter-spacing: -.04em;
  text-transform: uppercase;

  overflow-wrap: anywhere;

  min-width: 0;
}

.home-hero--figma .home-hero__content > p:not(.eyebrow) {
  grid-column: 2;
  margin: -0.625rem 0 0;
  color: rgba(255, 255, 255, .72);
}

.home-hero--figma .home-hero__player ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-products--presentation-compact {
  left: calc(50% - min(42vw, 26.25rem));
  bottom: clamp(3.25rem, calc(8 * var(--koshi-viewport-unit-block, 1vh)), 5.75rem);
  width: min(22.5rem, calc(100vw - 2.75rem));
  grid-template-columns: 5.5rem 1fr;
  gap: 0.875rem;
  background: rgba(255, 255, 255, .16);
  border-color: rgba(255, 255, 255, .30);
  backdrop-filter: blur(0.625rem);
}

.home-hero__player :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)) ,
:where(.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay) .koshi-products--presentation-compact :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)) {
  width: 5.5rem;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 0.25rem;
}

.home-hero__player-badge {
  position: absolute;
  top: 0.875rem;
  left: 4rem;
  padding: 0.125rem 0.375rem;
  background: #9f3d35;
  color: var(--koshi-white);
  font-size: 0.5rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.home-hero__player .home-hero__order ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-products--presentation-compact .home-hero__order {
  display: inline-flex;
  margin-top: 0.875rem;
  padding: 0.4375rem 0.8125rem;
  border: 1px solid rgba(255, 255, 255, .72);
  color: var(--koshi-white);
  text-transform: uppercase;
  letter-spacing: .12em;
}

.home-hero__scroll ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-composition__scroll {
  position: absolute;
  right: clamp(1.75rem, 6vw, 6rem);
  bottom: clamp(1.875rem, calc(7 * var(--koshi-viewport-unit-block, 1vh)), 4.875rem);
  z-index: 3;
  color: var(--koshi-white);
  font-size: 2.25rem;
  text-decoration: none;
}

.home-wireframe :is(.section--warm,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) {
  background: var(--koshi-mist);
}

.home-wireframe .home-intro {
  padding-top: clamp(4.625rem, 9vw, 8.25rem);
}

/* Figma home product visual order pass - 2026-07-09 */
.home-collection-visual {
  padding-top: 0;
  padding-bottom: clamp(72px, 8vw, 118px);
}

.home-collection-visual .collection-stage {
  width: min(100%, 1220px);
  min-height: clamp(300px, 42vw, 560px);
  margin: 0 auto;
  border-radius: 0;
  background: #c5a07f;
  box-shadow: 0 28px 82px rgba(50, 42, 34, .10);
}

.collection-stage--home-figma img {
  display: block;
  min-height: clamp(300px, 42vw, 560px);
  aspect-ratio: 16 / 9;
  object-fit: cover;
  filter: saturate(1.02) contrast(.98);
  mix-blend-mode: normal;
}

@media (max-width: 760px) {


  .home-collection-visual .collection-stage,
  .collection-stage--home-figma img {
    min-height: clamp(250px, 76vw, 420px);
  }
}
@container koshi-editorial (max-width: 47.5rem) {
  .home-collection-visual {
    padding-right: 0;
    padding-bottom: 72px;
    padding-left: 0;
  }
  .home-collection-visual .collection-stage {
    min-height: clamp(250px, 76vw, 420px);
  }
}



.product-grid--figma {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(18px, 3vw, 36px);
  max-width: var(--koshi-content);
  margin: 0 auto;
  padding: 0 clamp(22px, 4vw, 44px);
}

.product-card--figma a {
  display: grid;
  gap: 12px;
  color: var(--koshi-ink);
  text-decoration: none;
}

.product-card--figma img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  background: #ece7da;
}

.product-card__status,
.element-card__tone {
  color: var(--koshi-soft);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.product-card--figma h3 {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 400;
}

.product-card--figma p {
  margin: 0;
  color: var(--koshi-soft);
}

/* Figma Home collection intros and geometry parity - 2026-07-10 */
:is(.collection-section--earth-figma,.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class]),
:is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) {
  padding-top: clamp(5.25rem, 7.5vw, 6.75rem);
  padding-inline: clamp(1.5rem, 5vw, 4.5rem);
}

:is(.collection-section--earth-figma,.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class]) {
  display: grid;
  gap: clamp(2.625rem, 5.55vw, 5rem);
}

:is(:is(.home-collection-intro,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class])),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class]) {
  width: min(100%, 35rem);
  max-width: 35rem;
  margin: 0 auto;
  text-align: center;
}

:is(:is(.home-collection-intro,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class])),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class]) :is(:is(.section-title,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title)),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title) {
  display: grid;
  gap: 0;
  font-size: clamp(2.375rem, 3.62vw, 3.25rem);
  letter-spacing: 0;
  line-height: 1.04;
}

:is(:is(.home-collection-intro,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class])),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class]) :is(:is(.section-title,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title)),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title) span,
:is(:is(.home-collection-intro,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class])),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class]) :is(:is(.section-title,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title)),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title) em {
  display: block;
}

:is(:is(.home-collection-intro,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class])),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class]) :is(:is(.section-lead,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class] .koshi-primitive--text > p)),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class] .koshi-primitive--text > p) {
  max-width: 35rem;
  margin-top: 1.25rem;
  font-size: 0.8125rem;
  line-height: 1.48;
}

@container koshi-editorial (min-width: 48.8125rem) {
  :is(.collection-section--earth-figma,.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class]) {
    gap: 3.71690625rem;
    padding-top: 7.02940625rem;
    padding-bottom: 6.00369375rem;
  }
  :is(.collection-section--earth-figma,.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class]) :is(:is(.home-collection-intro,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class])),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class]) {
    width: 48rem;
    max-width: min(48rem, 100%);
  }
  :is(.collection-section--earth-figma,.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class]) :is(:is(.section-title,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title)),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title) {
    font-size: 3rem;
    line-height: 1.2083333333333333;
  }
  :is(.collection-section--earth-figma,.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class]) :is(:is(.section-lead,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class] .koshi-primitive--text > p)),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class] .koshi-primitive--text > p) {
    width: 35.5rem;
    max-width: min(35.5rem, 100%);
    margin: 1.5rem auto 0;
    font-size: 0.875rem;
    line-height: 1.5;
  }
}



:is(.home-earth-figure,.koshi-primitive--profile-collection-scene.koshi-primitive--layout-overlay[class]) {
  position: relative;
  width: min(100%, 80rem);
  margin: 0 auto;
  overflow: hidden;
  border-radius: 1.5rem;
  background: #c99669;
}

:is(.home-earth-figure > :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),.koshi-primitive--profile-collection-scene.koshi-primitive--layout-overlay[class] .koshi-primitive--media-item > :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link))) {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1280 / 738;
  object-fit: cover;
  object-position: center;
}

.home-earth-hotspots {
  position: absolute;
  inset: 0;
}

.home-earth-point {
  position: absolute;
  z-index: 2;
  width: 1rem;
  height: 1rem;
}

.home-earth-hotspot {
  display: block;
  width: 1rem;
  height: 1rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--koshi-ink);
  cursor: pointer;
}

.home-earth-hotspot__dot {
  display: block;
  width: 1rem;
  height: 1rem;
  border-radius: 62.4375rem;
  background: rgba(255, 255, 255, .8);
  transition: box-shadow .2s ease, transform .2s ease;
}

.home-earth-hotspot__name {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.home-earth-hotspot:hover .home-earth-hotspot__dot,
.home-earth-hotspot[aria-expanded="true"] .home-earth-hotspot__dot {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, .24);
  transform: scale(1.08);
}

.home-earth-hotspot:focus-visible {
  outline: 0.125rem solid var(--koshi-white);
  outline-offset: 0.25rem;
}

.home-earth-point--mountain {
  left: 26.171875%;
  top: 60.776361%;
}

.home-earth-point--ocean {
  left: 45.15625%;
  top: 57.253325%;
}

.home-earth-point--river {
  left: 62.34375%;
  top: 61.72487%;
}

.home-earth-point--forest {
  left: 79.84375%;
  top: 64.299396%;
}

.home-earth-card {
  position: absolute;
  z-index: 4;
  left: -14.1875rem;
  top: -13.125rem;
  scroll-margin-block: var(--koshi-ui-unit, 1rem);
  width: 14.1875rem;
  height: auto;
  min-height: 27.5625rem;
  overflow: hidden;
  border-radius: 0.5rem;
  background: var(--koshi-mist);
  color: var(--koshi-ink);
}

.home-earth-card[data-koshi-earth-scrollable] {
  min-height: 0;
  max-height: var(--koshi-earth-panel-height);
  overflow-y: auto;
  overscroll-behavior-y: contain;
}

.home-earth-card:focus-visible {
  outline: .125rem solid var(--koshi-clay);
  outline-offset: -.125rem;
}

.home-earth-card[data-koshi-earth-scrollable] .home-earth-card__media,
.home-earth-card[data-koshi-earth-scrollable] .home-earth-card__media > img {
  width: 100%;
  height: auto;
  aspect-ratio: 227 / 300;
}

.home-earth-card[data-koshi-earth-scrollable] .home-earth-card__body {
  width: 100%;
}

.home-earth-card__media {
  position: relative;
  width: 14.1875rem;
  height: 18.75rem;
  overflow: hidden;
}

.home-earth-card__media > img {
  display: block;
  width: 14.1875rem;
  height: 18.75rem;
  object-fit: cover;
  object-position: center bottom;
}

.home-earth-card__tag {
  position: absolute;
  top: 0.6875rem;
  right: 0.6875rem;
  display: grid;
  width: 3rem;
  height: 1.625rem;
  place-items: center;
  background: rgba(0, 0, 0, .5);
  color: var(--koshi-white);
  font-family: Roboto, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5;
}

.home-earth-card__body {
  position: relative;
  width: 14.1875rem;
  height: auto;
  min-height: 8.8125rem;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}

.home-earth-card__melody {
  display: block;
  align-self: flex-start;
  width: auto;
  height: 1.75rem;
}

.home-earth-card h3 {
  margin: 0.5rem 0 0;
  color: var(--koshi-ink);
  font-family: var(--koshi-serif);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
}

:is(.home-earth-card--mountain,.home-earth-card--strong) h3 {
  font-weight: 700;
}

.home-earth-card__actions {
  position: static;
  display: flex;
  height: auto;
  min-height: 1.625rem;
  margin-top: auto;
  align-items: center;
  justify-content: space-between;
}

.home-earth-card__actions > a {
  display: grid;
  width: 6.875rem;
  height: 1.625rem;
  place-items: center;
  border-radius: 0.3125rem;
  background: var(--koshi-clay);
  color: var(--koshi-white);
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color .3s cubic-bezier(0, 0, .58, 1);
}

.home-earth-card__actions > a:hover,
.home-earth-card__actions > a:focus-visible {
  background: var(--koshi-burgundy);
}

.home-earth-card__actions > span,
.home-earth-card__actions > span img {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

@container koshi-editorial (max-width: 48.75rem) {
  :is(.collection-section--earth-figma,.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class]) {
    gap: 1.875rem;
  }
  :is(.home-earth-figure,.koshi-primitive--profile-collection-scene.koshi-primitive--layout-overlay[class]) {
    display: grid;
    overflow: hidden;
    border-radius: 1rem;
    grid-template-columns: minmax(0, 1fr);
  }
  .home-earth-hotspots {
    position: static;
    display: grid;
    gap: 0;
    padding: 1rem 1.125rem 1.125rem;
    background: rgba(255, 252, 244, .94);
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    padding-inline: min(1.125rem, 8%);
  }
  .home-earth-point {
    position: static;
    width: 100%;
    height: auto;
    padding: 0.625rem 0;
    border-bottom: 1px solid rgba(50, 42, 34, .12);
    min-width: 0;
  }
  .home-earth-point:last-child {
    border-bottom: 0;
  }
  .home-earth-hotspot {
    display: grid;
    width: 100%;
    height: auto;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.875rem;
    align-items: center;
    color: var(--koshi-ink);
    text-align: left;
  }
  .home-earth-hotspot__dot {
    width: 1rem;
    height: 1rem;
    background: rgba(164, 73, 61, .72);
    box-shadow: none;
  }
  .home-earth-hotspot__name {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
    font-family: var(--koshi-serif);
    font-size: 1.25rem;
    line-height: 1.2;
  }
  .home-earth-hotspot:focus-visible {
    outline-color: var(--koshi-clay);
    outline-offset: 0.1875rem;
  }
  .home-earth-card {
    position: relative;
    left: auto;
    top: auto;
    margin: 0.875rem 0 0.25rem;
    width: min(14.1875rem, 100%);
    height: auto;
    min-height: 0;
  }
}



/* Figma home 4 Elements audio cards pass - 2026-07-10 */
:is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) {
  display: grid;
  gap: clamp(2.625rem, 4.45vw, 4rem);
}

:is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) :is(:is(.home-collection-intro,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class])),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class]) {
  text-align: center;

  max-width: min(48rem, 100%);
}

:is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) :is(.element-grid--figma,.koshi-products--presentation-gallery.koshi-products--layout-grid > .koshi-products__items) {
  width: min(100%, 80rem);
  margin: 0 auto;
  gap: clamp(0.875rem, 1.11vw, 1rem);
}

.home-element-card {
  display: grid;
  min-width: 0;
  grid-template-rows: minmax(0, auto) minmax(1.5rem, auto);
  justify-items: center;
  gap: 0.5rem;
  text-align: center;
}

.home-element-card__main {
  display: grid;
  width: 100%;
  grid-template-rows: minmax(0, auto) minmax(3.125rem, auto);
  justify-items: center;
  gap: 1rem;
  color: var(--koshi-ink);
  text-decoration: none;
}

:is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class],.koshi-products--presentation-gallery) .element-card__media {
  position: relative;
  width: 100%;
  aspect-ratio: 308 / 493;
  overflow: hidden;
  border-radius: 0.5rem;
  background: #d8d6d3;
  transition: border-radius .3s cubic-bezier(.65, 0, .35, 1);
}

:is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class],.koshi-products--presentation-gallery) .home-element-card__image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity .3s cubic-bezier(.65, 0, .35, 1);
}

.home-element-card__image--hover {
  opacity: 0;
}

.home-element-card__main:hover .element-card__media,
.home-element-card__main:focus-visible .element-card__media {
  border-radius: 1rem;
}

.home-element-card__main:has(.home-element-card__image--hover):hover .home-element-card__image--default,
.home-element-card__main:has(.home-element-card__image--hover):focus-visible .home-element-card__image--default {
  opacity: 0;
}

.home-element-card__main:hover .home-element-card__image--hover,
.home-element-card__main:focus-visible .home-element-card__image--hover {
  opacity: 1;
}

.home-element-card__copy {
  display: grid;
  width: 100%;
  height: auto;
  grid-template-rows: minmax(1.5rem, auto) minmax(1.125rem, auto);
  justify-items: center;
  gap: 0.5rem;

  min-height: 3.125rem;
}

.home-element-card__copy strong {
  display: block;
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
}

.home-element-card__copy span {
  color: var(--koshi-ink);
  font-family: var(--koshi-sans);
  font-size: 0.75rem;
  letter-spacing: .08em;
  line-height: 1.5;
}

.home-element-card__main:focus-visible {
  border-radius: 1rem;
  outline: 0.125rem solid var(--koshi-ink);
  outline-offset: 0.25rem;
}

.home-element-card__play {
  position: relative;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: 0;
  border-radius: 0.25rem;
  background: transparent;
  color: var(--koshi-ink);
  cursor: pointer;
  font: inherit;
  transition: opacity .3s ease, transform .18s ease;
}

.home-element-card__play > img {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

.home-element-card__pause {
  position: absolute;
  inset: 0.3125rem 0.375rem;
  display: none;
  border-right: 0.25rem solid currentColor;
  border-left: 0.25rem solid currentColor;
}

.home-element-card__play.is-playing > img {
  visibility: hidden;
}

.home-element-card__play.is-playing .home-element-card__pause {
  display: block;
}

.home-element-card__play:hover,
.home-element-card__play:focus-visible {
  opacity: .62;
}

.home-element-card__play:focus-visible {
  outline: 0.125rem solid var(--koshi-ink);
  outline-offset: 0.1875rem;
}

.home-element-card__play:active {
  transform: scale(.96);
}

.home-element-card__audio {
  display: none;
}

@container koshi-editorial (min-width: 48.8125rem) {
  :is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) {
    gap: 4rem;
    padding-top: 7rem;
    padding-bottom: 11.375rem;
  }
  :is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) :is(:is(.home-collection-intro,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class])),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class]) {
    width: 48rem;
    max-width: min(48rem, 100%);
  }
  :is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) :is(:is(.section-title,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title)),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title) {
    font-size: 3rem;
    line-height: 1.2083333333333333;
  }
  :is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) :is(:is(.section-lead,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class] .koshi-primitive--text > p)),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class] .koshi-primitive--text > p) {
    width: 35.5rem;
    max-width: min(35.5rem, 100%);
    margin: 1.5rem auto 0;
    font-size: 0.875rem;
    line-height: 1.5;
  }
  :is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) :is(.element-grid--figma,.koshi-products--presentation-gallery.koshi-products--layout-grid > .koshi-products__items),
  .home-element-card {
    height: auto;
    min-height: 36.9375rem;
  }
  .home-element-card {
    grid-template-rows: minmax(0, auto) minmax(1.5rem, auto);
  }
  .home-element-card__main {
    grid-template-rows: minmax(0, auto) minmax(3.125rem, auto);
  }
  :is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class],.koshi-products--presentation-gallery) .element-card__media {
    height: 30.8125rem;
  }
}



@container koshi-editorial (max-width: 42.5rem) {
  :is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) {
    gap: 2.125rem;
  }
  :is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) :is(.element-grid--figma,.koshi-products--presentation-gallery.koshi-products--layout-grid > .koshi-products__items) {
    width: min(100%, 20.4375rem);
  }
  .home-element-card__play {
    width: 1.5rem;
    height: 1.5rem;
  }
}



.listen-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
  background: #171b17;
  color: var(--koshi-white);
}

.listen-feature__media img {
  width: 100%;
  height: 100%;
  min-height: 560px;
  object-fit: cover;
}

.listen-feature__copy {
  display: grid;
  align-content: center;
  gap: 22px;
  padding: clamp(44px, 7vw, 96px);
}

.listen-feature h2 {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: clamp(42px, 5.6vw, 78px);
  font-weight: 400;
}

.listen-feature p:not(.eyebrow) {
  max-width: 520px;
  color: rgba(255, 255, 255, .78);
}

.listen-feature__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

/* Figma home story sequence pass - 2026-07-10 */
.home-testimonials,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack {
  display: grid;
  gap: clamp(2.125rem, 4vw, 3.25rem);
  padding: clamp(5.125rem, 9vw, 8.25rem) clamp(1.5rem, 6vw, 5.5rem);
  background:
    radial-gradient(circle at 88% 18%, rgba(255, 252, 244, .48), transparent 32%),
    var(--koshi-sage-soft);
  color: var(--koshi-ink);
}.home-testimonials__intro,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout,
.home-testimonials__layout,
.home-use-section__head,
.home-use-grid,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--title,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--container,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout {
  width: min(100%, 70rem);
  margin-left: auto;
  margin-right: auto;
}


.home-testimonials__intro h2,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--title,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title {
  max-width: 45rem;
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: clamp(2.625rem, 5.4vw, 4.875rem);
  font-weight: 400;
  letter-spacing: -.05em;
  line-height: .96;
}

.home-testimonials__layout,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--container,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container {
  display: grid;
  grid-template-columns: minmax(17.5rem, .82fr) minmax(0, 1.62fr);
  gap: clamp(1.75rem, 3.2vw, 3rem);
  align-items: stretch;
}

.home-testimonials__media,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-primitive--media-item {
  overflow: hidden;
}

.home-testimonials__media :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-primitive--media-item :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)) {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 35rem;
  border-radius: 0.75rem;
  object-fit: cover;
}

.home-testimonials__content,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel {
  display: grid;
  gap: 1.375rem;
  align-content: start;
}

.home-testimonials__grid,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1.125rem, 2vw, 1.75rem);
}

.home-testimonials__grid article,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels > .koshi-primitive--container,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels > .koshi-editor-block {
  display: grid;
  gap: 0.875rem;
  min-height: 12.25rem;
  padding: clamp(1.375rem, 2.2vw, 2rem);
  border-radius: 0.875rem;
  background: rgba(255, 255, 255, .52);
  color: var(--koshi-ink);
}

.home-testimonials__grid blockquote,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels blockquote {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: clamp(1.0625rem, 1.55vw, 1.3125rem);
  font-style: italic;
  line-height: 1.28;
}

.home-testimonials__grid strong,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels strong {
  align-self: end;
  margin-top: 0.625rem;
  font-size: 0.875rem;
  font-weight: 800;
}

.home-testimonials__grid span,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels span {
  margin-top: -0.625rem;
  color: rgba(50, 42, 34, .76);
  font-size: 0.8125rem;
  line-height: 1.35;
}

.home-testimonials__controls,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation {
  display: flex;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  min-height: 3rem;
}
.home-testimonials__controls[hidden],
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation[hidden] {
  display: none;
}
.home-testimonials__controls button,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation button {
  display: inline-grid;
  place-items: center;
  flex: 0 0 2rem;
  width: 2rem;
  max-width: 100%;
  height: 3rem;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--koshi-ink);
  cursor: pointer;
}
.home-testimonials__controls button:focus-visible,
.home-testimonials__grid:focus-visible,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation button:focus-visible,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels:focus-visible {
  outline: 2px solid var(--koshi-sage);
  outline-offset: 2px;
}
.home-testimonials__controls button:disabled,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation button:disabled {
  opacity: .35;
  cursor: default;
}
.home-testimonials__controls [data-koshi-scroll-to] span,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation [data-koshi-navigation-control]:not([data-koshi-navigation-previous]):not([data-koshi-navigation-next]) span {
  width: .5rem;
  height: .5rem;
  border: 1px solid currentColor;
  border-radius: 50%;
}
.home-testimonials__controls [aria-current="true"] span,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation :is([aria-current="true"],[aria-current="page"]) span {
  background: currentColor;
}
.home-testimonials__controls [data-koshi-scroll-previous],
.home-testimonials__controls [data-koshi-scroll-next],
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation [data-koshi-navigation-previous],
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation [data-koshi-navigation-next] {
  flex-basis: 3rem;
  width: 3rem;
  color: var(--koshi-sage-muted);
}
.home-testimonials__controls [data-koshi-scroll-previous],
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation [data-koshi-navigation-previous] {
  margin-left: auto;
}
.home-testimonials__controls [data-koshi-scroll-previous]::before,
.home-testimonials__controls [data-koshi-scroll-next]::before,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation [data-koshi-navigation-previous]::before,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation [data-koshi-navigation-next]::before {
  width: .5rem;
  height: .5rem;
  border-bottom: .09375rem solid currentColor;
  border-left: .09375rem solid currentColor;
  content: '';
  transform: rotate(45deg);
}
.home-testimonials__controls [data-koshi-scroll-next]::before,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation [data-koshi-navigation-next]::before {
  transform: rotate(225deg);
}
@container koshi-editorial (min-width: 75rem) {
  .home-testimonials__controls,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation {
    position: relative;
    width: 100%;
    height: 1.904375rem;
    min-height: 0;
  }
  .home-testimonials__controls [data-koshi-scroll-to],
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation [data-koshi-navigation-control]:not([data-koshi-navigation-previous]):not([data-koshi-navigation-next]) {
    flex-basis: 1rem;
    width: 1rem;
    height: 100%;
  }
  .home-testimonials__controls [data-koshi-scroll-to]:first-child,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation [data-koshi-navigation-control]:not([data-koshi-navigation-previous]):not([data-koshi-navigation-next]):nth-child(1 of .koshi-composition-navigation__dot) {
    margin-left: -.25rem;
  }
  .home-testimonials__controls [data-koshi-scroll-to]:disabled,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation .koshi-composition-navigation__dot:disabled {
    opacity: 1;
  }
  .home-testimonials__controls [data-koshi-scroll-to]:disabled span,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation [data-koshi-navigation-control]:not([data-koshi-navigation-previous]):not([data-koshi-navigation-next]):disabled span {
    border: 0;
    background: var(--koshi-ink);
  }
  .home-testimonials__controls [data-koshi-scroll-previous],
  .home-testimonials__controls [data-koshi-scroll-next],
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation [data-koshi-navigation-previous],
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation [data-koshi-navigation-next] {
    position: absolute;
    top: .125rem;
    width: 1.5rem;
    height: 1.5rem;
  }
  .home-testimonials__controls [data-koshi-scroll-previous],
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation [data-koshi-navigation-previous] { right: 2.625rem; }
  .home-testimonials__controls [data-koshi-scroll-next],
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation [data-koshi-navigation-next] { right: .1875rem; }
  .home-testimonials__controls [data-koshi-scroll-previous]::before,
  .home-testimonials__controls [data-koshi-scroll-next]::before,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation [data-koshi-navigation-previous]::before,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-composition-navigation [data-koshi-navigation-next]::before {
    position: absolute;
    top: .5rem;
    right: .5rem;
  }
}
@container koshi-editorial (max-width: 42.5rem) {
  .home-testimonials.is-scroll-list .home-testimonials__grid,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack:has([data-koshi-navigation-enhanced="true"]) .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
  }
  .home-testimonials.is-scroll-list .home-testimonials__grid article,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack:has([data-koshi-navigation-enhanced="true"]) .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels > .koshi-primitive--container,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack:has([data-koshi-navigation-enhanced="true"]) .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels > .koshi-editor-block {
    flex: 0 0 100%;
    min-width: 0;
    box-sizing: border-box;
    scroll-snap-align: start;
    overflow-wrap: anywhere;
  }
}


/* Figma Home testimonials desktop parity - 2026-07-10 */
@container koshi-editorial (min-width: 75rem) {
  .home-testimonials,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack {
    gap: 3rem;
    padding: 7rem clamp(4rem, 5vw, 5rem);
    background: var(--koshi-mist);
  }
  .home-testimonials__intro,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout,
  .home-testimonials__layout,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--title,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--container,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container {
    width: min(100%, 80rem);
  }
  .home-testimonials__intro,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--title,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title {
    height: auto;
    min-height: 3.625rem;
  }
  .home-testimonials__intro h2,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--title,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title {
    width: min(100%, 35rem);
    max-width: 35rem;
    font-size: 3rem;
    letter-spacing: 0;
    line-height: 1.2;
  }
  .home-testimonials__layout,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--container,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container {
    grid-template-columns: minmax(0, 404fr) minmax(0, 843fr);
    gap: 2.0625rem;
    height: auto;
    min-height: 47.029375rem;
  }
  .home-testimonials__media :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-primitive--media-item :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)) {
    height: 47rem;
    min-height: 0;
    border-radius: 1rem;
  }
  .home-testimonials__content,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel {
    display: flex;
    height: auto;
    flex-direction: column;
    justify-content: space-between;
    min-height: 47.029375rem;
  }
  .home-testimonials__grid,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels {
    position: relative;
    display: grid;
    width: calc(100% - 1px);
    height: auto;
    min-height: 42.125rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: max-content minmax(0, 1fr) max-content;
    gap: 2rem 1.875rem;
  }
  .home-testimonials__grid article,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels > .koshi-primitive--container,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels > .koshi-editor-block {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 0;
    padding: 1.5rem;
    flex-direction: column;
    gap: 0;
    border-radius: 1rem;
    background:
    linear-gradient(128deg, rgba(241, 230, 178, .09), rgba(255, 255, 255, 0)),
    var(--koshi-paper);
    height: auto;
    align-self: start;
    padding-bottom: 1.90625rem;
  }
  .home-testimonials__grid article:nth-child(1),
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels > .koshi-primitive--container:is(:nth-child(1):not([data-koshi-page-slot]),[data-koshi-page-slot="1"]),
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels > .koshi-editor-block:is(:nth-child(1):not([data-koshi-page-slot]),[data-koshi-page-slot="1"]) {
    top: auto;
    left: auto;
    height: auto;
    right: auto;
    bottom: auto;
    min-height: 14.8125rem;
    grid-area: 1 / 1;
  }
  .home-testimonials__grid article:nth-child(2),
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels > .koshi-primitive--container:is(:nth-child(2):not([data-koshi-page-slot]),[data-koshi-page-slot="2"]),
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels > .koshi-editor-block:is(:nth-child(2):not([data-koshi-page-slot]),[data-koshi-page-slot="2"]) {
    top: auto;
    right: auto;
    height: auto;
    left: auto;
    bottom: auto;
    min-height: 20.8125rem;
    grid-area: 1 / 2 / 3 / 3;
  }
  .home-testimonials__grid article:nth-child(3),
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels > .koshi-primitive--container:is(:nth-child(3):not([data-koshi-page-slot]),[data-koshi-page-slot="3"]),
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels > .koshi-editor-block:is(:nth-child(3):not([data-koshi-page-slot]),[data-koshi-page-slot="3"]) {
    top: auto;
    left: auto;
    height: auto;
    right: auto;
    bottom: auto;
    min-height: 19.3125rem;
    grid-area: 2 / 1 / 4 / 2;
  }
  .home-testimonials__grid article:nth-child(4),
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels > .koshi-primitive--container:is(:nth-child(4):not([data-koshi-page-slot]),[data-koshi-page-slot="4"]),
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels > .koshi-editor-block:is(:nth-child(4):not([data-koshi-page-slot]),[data-koshi-page-slot="4"]) {
    right: auto;
    bottom: auto;
    height: auto;
    top: auto;
    left: auto;
    min-height: 19.3125rem;
    grid-area: 3 / 2;
  }
  .home-testimonials__grid article:nth-child(3),
  .home-testimonials__grid article:nth-child(4),
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels > .koshi-primitive--container:is(:nth-child(3):not([data-koshi-page-slot]),[data-koshi-page-slot="3"]),
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels > .koshi-primitive--container:is(:nth-child(4):not([data-koshi-page-slot]),[data-koshi-page-slot="4"]),
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels > .koshi-editor-block:is(:nth-child(3):not([data-koshi-page-slot]),[data-koshi-page-slot="3"]),
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels > .koshi-editor-block:is(:nth-child(4):not([data-koshi-page-slot]),[data-koshi-page-slot="4"]) {
    background:
    linear-gradient(144deg, rgba(241, 230, 178, .09), rgba(255, 255, 255, 0)),
    var(--koshi-paper);
  }
  .home-testimonials__grid blockquote,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels blockquote {
    white-space: pre-line;
    font-family: var(--koshi-display);
    font-size: 1.25rem;
    font-style: normal;
    line-height: 1.2;
    margin-bottom: .5rem;
  }
  .home-testimonials__grid article:nth-child(4) blockquote,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels > .koshi-primitive--container:is(:nth-child(4):not([data-koshi-page-slot]),[data-koshi-page-slot="4"]) blockquote,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels > .koshi-editor-block:is(:nth-child(4):not([data-koshi-page-slot]),[data-koshi-page-slot="4"]) blockquote {
    width: 20.625rem;
    max-width: 100%;
  }
  .home-testimonials__grid strong,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels strong {
    position: relative;
    bottom: auto;
    left: auto;
    width: calc(100% - 1.25rem);
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    min-height: 1.5rem;
    margin-left: 1.25rem;
    margin-top: auto;
  }
  .home-testimonials__grid span,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels span {
    position: relative;
    bottom: auto;
    left: auto;
    width: calc(100% - 1.25rem);
    height: auto;
    margin: 0;
    padding: 0;
    color: var(--koshi-ink);
    font-size: 1rem;
    letter-spacing: .02em;
    line-height: 1.5;
    min-height: 1.5rem;
    margin-left: 1.25rem;
  }
  .home-testimonials__grid article::after,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels > .koshi-primitive--container::after,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels > .koshi-editor-block::after {
    position: absolute;
    bottom: 5.25rem;
    left: 1.5rem;
    width: 3.8125rem;
    height: 1px;
    background: var(--koshi-sage);
    content: none;
  }

}



.home-use-section,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack{
  background: var(--koshi-sage-soft);
}

.home-use-section,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack {
  position: relative;
  min-height: clamp(45rem, 72vw, 57.5rem);
  padding: 0 clamp(1.5rem, 6vw, 5.5rem) clamp(5.75rem, 9vw, 8.5rem);
}

.home-use-section__head,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title {
  display: flex;
  --koshi-staggered-heading-margin-start: auto;
  justify-content: flex-end;
  --koshi-staggered-heading-space: clamp(3.375rem, 6vw, 5.25rem);
  margin-bottom: var(--koshi-staggered-heading-space);
}

.home-use-section__head h2,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title {
  max-width: 38.75rem;
  margin: 0;
  color: var(--koshi-ink);
  font-family: var(--koshi-serif);
  font-size: clamp(2.375rem, 4.2vw, 3.5rem);
  font-weight: 400;
  letter-spacing: -.025em;
  line-height: 1.05;
  text-align: left;
}

.home-use-grid,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout {
  display: grid;
  grid-template-columns: 1.02fr 1fr 1.02fr;
  gap: clamp(1.625rem, 3vw, 2.625rem);
  align-items: start;
}

.home-use-card--2,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+2),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+2) > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+2),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+2) > .koshi-primitive--container {
  margin-top: clamp(4rem, 7vw, 6.5rem);
}

.home-use-card--3,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+3),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+3) > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+3),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+3) > .koshi-primitive--container {
  margin-top: clamp(8rem, 13vw, 11.875rem);
}

.home-use-card__body,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout {
  display: grid;
  gap: 1.5rem;
  color: var(--koshi-ink);
}

.home-use-card :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)) {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1.26;
  border-radius: 0.625rem;
  object-fit: var(--koshi-media-object-fit, cover);
}

.home-use-card span,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container {
  display: grid;
  gap: 1.125rem;
}

.home-use-card strong,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title {
  display: block;
  font-family: var(--koshi-serif);
  font-size: clamp(1.5625rem, 2.45vw, 2.25rem);
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: -.025em;
}

.home-use-card strong::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 1.125rem;
  background: rgba(50, 42, 34, .18);

  max-width: 100%;
}

.home-use-card em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--text em {
  max-width: 20rem;
  color: rgba(50, 42, 34, .76);
  font-family: var(--koshi-sans);
  font-size: 0.875rem;
  font-style: normal;
  line-height: 1.65;
}

/* Figma Home uses desktop parity - 2026-07-10 */
@container koshi-editorial (min-width: 75rem) {
  .home-use-section,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack {
    background: var(--koshi-mist);
    height: auto;
    min-height: 75.875rem;
  }
  .home-use-section,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack {
    box-sizing: border-box;
    height: auto;
    min-height: 75.875rem;
    padding: 7rem clamp(3.75rem, 5vw, 5rem);
  }
  .home-use-grid,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout {
    width: min(100%, 80rem);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
    height: auto;
    min-height: 53.25rem;
  }
  .home-use-section__head,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title {
    display: block;
    width: min(100%, 38.1875rem);
    height: auto;
    --koshi-staggered-heading-space: 5rem;
    margin: 0 0 var(--koshi-staggered-heading-space) auto;
    min-height: 3.625rem;
  }
  .home-use-section__head h2,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title {
    --koshi-staggered-heading-width: 40.75rem;
    width: var(--koshi-staggered-heading-width);
    max-width: none;
    --koshi-staggered-heading-shift: -1.28125rem;
    margin-left: var(--koshi-staggered-heading-shift);
    font-family: var(--koshi-display);
    font-size: 3rem;
    letter-spacing: 0;
    line-height: 1.2;
    text-align: right;
    transform: none;
    white-space: normal;
  }
  .home-use-grid,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout {
    height: auto;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
    gap: 2rem;
    min-height: 53.25rem;
  }
  .home-use-card--2,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+2),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+2) > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+2),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+2) > .koshi-primitive--container {
    margin-top: 5rem;
  }
  .home-use-card--3,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+3),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+3) > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+3),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+3) > .koshi-primitive--container {
    margin-top: 10rem;
  }
  .home-use-card__body,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
  }
  .home-use-card :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)) {
    width: 100%;
    height: 32.125rem;
    aspect-ratio: auto;
    border-radius: 0.5rem;
  }
  .home-use-card--1 :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+1) :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+1) > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+1) :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+1) > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)) {
    object-position: var(--koshi-media-focal-x, 50%) var(--koshi-media-focal-y, 38%);
  }
  .home-use-card--2 :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+2) :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+2) > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+2) :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+2) > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)) {
    object-position: var(--koshi-media-focal-x, 50%) var(--koshi-media-focal-y, 50%);
  }
  .home-use-card--3 :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+3) :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+3) > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+3) :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+3) > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)) {
    object-position: var(--koshi-media-focal-x, 50%) var(--koshi-media-focal-y, 94%);
  }
  .home-use-card span,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .home-use-card strong,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title {
    position: relative;
    width: 100%;
    height: auto;
    font-family: var(--koshi-display);
    font-size: 2rem;
    letter-spacing: 0;
    line-height: 1.3;
    min-height: 2.625rem;
  }
  .home-use-card--1 strong,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+1) > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+1) > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+1) > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+1) > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+1) > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+1) > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+1) > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+1) > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title {
    height: auto;
    min-height: 5.25rem;
  }
  .home-use-card strong::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title::after {
    position: absolute;
    top: calc(100% + 1rem);
    left: 0;
    width: 24.6875rem;
    margin-top: 0;
    background: var(--koshi-terracotta-soft);
    max-width: 100%;
  }
  .home-use-card em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--text em {
    max-width: 18.75rem;
    margin-top: 2rem;
    color: var(--koshi-ink);
    font-size: 1rem;
    line-height: 1.5;
  }
  .home-use-card--2 em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+2) > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+2) > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+2) > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+2) > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+2) > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+2) > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+2) > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+2) > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--text em {
    max-width: 19.3125rem;
  }
  .home-use-card--3 em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+3) > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+3) > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+3) > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+3) > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+3) > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+3) > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+3) > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--text em,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+3) > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--text em {
    max-width: 20.5625rem;
  }
}



@container koshi-editorial (min-width: 90rem) {
  .home-use-card--1 :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+1) :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+1) > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+1) :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+1) > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)) {
    width: 25.375rem;
    max-width: none;
  }
  .home-use-card--2 :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+2) :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+2) > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+2) :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+2) > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)) {
    width: 25.3125rem;
  }
  .home-use-card--3 :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+3) :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+3) > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+3) :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+3) > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)) {
    width: 25.25rem;
  }
  .home-use-card strong,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title {
    width: 100%;
  }
  .home-use-card strong::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-primitive--container .koshi-primitive--title::after,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container .koshi-primitive--title::after {
    width: 24.6875rem;
    max-width: 100%;
  }
}







































/* Figma Home world accordion desktop parity - Layout / 351 / */
@media (min-width: 1440px)   {

}
@container koshi-rail-layout (min-width:90rem) {

































}



@container koshi-editorial (max-width: 61.25rem) {
  .home-testimonials__layout,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--container,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container {
    grid-template-columns: 1fr;
  }
  .home-testimonials__media :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-primitive--media-item :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)) {
    min-height: min(100vw, 35rem);
  }
  .home-use-section,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack {
    min-height: 0;
  }
  .home-use-section__head,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title {
    --koshi-staggered-heading-margin-start: 0;
    justify-content: flex-start;
  }
  .home-use-grid,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout {
    grid-template-columns: 1fr;
    gap: 2.625rem;
  }
  .home-use-card--2,
  .home-use-card--3,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+2),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+3),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+2) > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+2),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+2) > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+3) > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container:nth-child(3n+3),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:nth-child(3n+3) > .koshi-primitive--container {
    margin-top: 0;
  }
  .home-use-card__body,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout {
    grid-template-columns: minmax(10rem, .72fr) minmax(0, 1fr);
    align-items: center;
  }
}

@media (max-width: 980px)   {

}



@container koshi-editorial (max-width: 42.5rem) {.home-testimonials,
.home-use-section,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .home-testimonials,
  .home-use-section,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack {
    padding-top: 4.5rem;
  }
  .home-testimonials,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack {
    padding-bottom: 4.5rem;
  }.home-use-section,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack {
    padding-bottom: 4.5rem;
  }

  .home-testimonials__grid,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels {
    grid-template-columns: 1fr;
  }
  .home-use-section__head h2,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--title,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title {
    font-size: clamp(2.125rem, 11vw, 2.875rem);
  }
  .home-use-card__body,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container > .koshi-container__layout,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container > .koshi-container__layout {
    grid-template-columns: 1fr;
    gap: 1.125rem;
  }
  .home-use-card :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)) {
    aspect-ratio: 1 / 1.12;
  }
}
@media (max-width: 680px)  {


}


@media (max-width: 680px)   {

}

/* Figma online secondary pages - 2026-07-02 */
.figma-page-main {
  background: var(--koshi-mist);
}

.koshi-figma-page {
  overflow: hidden;
}

.figma-page-hero {
  position: relative;
  display: grid;
  min-height: clamp(460px, 58vw, 720px);
  place-items: end start;
  overflow: hidden;
  color: var(--koshi-white);
}

.figma-page-hero > img,
.figma-page-hero > video,
.figma-page-hero__shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.figma-page-hero > img,
.figma-page-hero > video {
  object-fit: cover;
}

.figma-page-hero__shade {
  background:
    linear-gradient(90deg, rgba(4, 10, 9, .78), rgba(4, 10, 9, .18) 58%, rgba(4, 10, 9, .45)),
    linear-gradient(0deg, rgba(4, 10, 9, .58), transparent 52%);
}

.figma-page-hero__copy {
  position: relative;
  z-index: 1;
  max-width: 760px;
  padding: clamp(120px, 17vw, 190px) clamp(24px, 7vw, 96px) clamp(76px, 10vw, 130px);
}

.figma-page-hero__copy h1 {
  max-width: 820px;
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: clamp(44px, 6.4vw, 92px);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .95;
}

.figma-page-hero__copy > p:not(.eyebrow) {
  max-width: 590px;
  margin: 22px 0 0;
  color: rgba(255, 255, 255, .86);
  font-size: 15px;
  line-height: 1.75;
}

.melody-grid {
  display: grid;
  gap: 22px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.melody-card {
  display: grid;
  overflow: hidden;
  border: 1px solid rgba(35, 39, 35, .12);
  border-radius: 28px;
  background: rgba(255, 252, 244, .72);
  box-shadow: 0 20px 55px rgba(63, 47, 34, .08);
}

.melody-card img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  background: #e7dfcf;
}

.melody-card > div {
  display: grid;
  gap: 12px;
  padding: 20px;
}

.melody-card span {
  color: var(--koshi-soft);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}

.melody-card h2 {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: 28px;
  font-weight: 400;
}

.melody-card p {
  margin: 0;
  color: var(--koshi-soft);
  font-size: 13px;
  line-height: 1.55;
}

.melody-card audio {
  width: 100%;
}

.melody-card--audio-enhanced {
  gap: 14px;
}

.melody-card--audio-enhanced .melody-card__audio {
  display: none;
}

.melody-card__play {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  justify-self: start;
  min-width: 112px;
  min-height: 36px;
  padding: 0 16px;
  border: 1px solid rgba(21, 21, 21, .38);
  border-radius: 999px;
  background: rgba(255, 255, 255, .68);
  color: var(--koshi-ink);
  cursor: pointer;
  font: 700 10px/1 Arial, Helvetica, sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.melody-card__play span {
  font-size: 10px;
  line-height: 1;
}

.melody-card__play em {
  font-style: normal;
}

.melody-card__play:hover,
.melody-card__play:focus-visible,
.melody-card__play.is-playing {
  border-color: var(--koshi-ink);
  background: var(--koshi-ink);
  color: var(--koshi-white);
}

.melody-card__play:active {
  transform: scale(.97);
}

/* Figma listen page structure parity - 2026-07-10 */
.listen-catalog,
.listen-choice {
  box-sizing: border-box;
  background: var(--koshi-mist);
  color: var(--koshi-ink);
}

.listen-catalog {
  padding: 131px 0 112px;
}

.listen-catalog__head {
  width: min(100%, 768px);
  height: 320px;
  margin: 0 auto;
  text-align: center;
}

.listen-catalog__head h1 {
  margin: 0;
  color: var(--koshi-ink);
  font-family: var(--koshi-serif);
  font-size: 56px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
}

.listen-catalog__head h1 span {
  display: block;
}

.listen-catalog__head p {
  width: min(100%, 592px);
  margin: 24px auto 0;
  color: var(--koshi-ink);
  font-size: 18px;
  line-height: 1.5;
}

.listen-melody-grid {
  display: grid;
  width: min(calc(100% - 120px), 1280px);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 32px;
  row-gap: 80px;
  margin: 80px auto 0;
}

.listen-catalog .melody-card {
  height: 509px;
  overflow: hidden;
  border: 1px solid var(--koshi-burgundy);
  border-radius: 0;
  background: var(--koshi-paper);
  box-shadow: none;
}

.listen-catalog .melody-card > img {
  display: block;
  width: 100%;
  height: 270px;
  aspect-ratio: auto;
  object-fit: cover;
}

.listen-catalog .melody-card > div {
  display: block;
  box-sizing: border-box;
  height: 239px;
  padding: 24px;
}

.listen-catalog .melody-card .melody-card__collection {
  display: block;
  height: 21px;
  color: var(--koshi-ink);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: none;
}

.listen-catalog .melody-card h2 {
  height: 34px;
  margin: 8px 0 0;
  color: var(--koshi-ink);
  font-family: var(--koshi-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}

.listen-catalog .melody-card audio {
  width: 100%;
  height: 48px;
  margin-top: 8px;
}

.listen-catalog .melody-card__player {
  --koshi-audio-progress: 0%;
  display: grid;
  box-sizing: border-box;
  width: min(100%, 354px);
  height: 48px;
  align-items: center;
  grid-template-columns: 35px minmax(0, 1fr) 35px;
  column-gap: 10px;
  border: 0;
  border-radius: 0;
  margin: 8px 0 0 -1px;
  padding: 0 18px 0 20px;
  background: rgba(0, 0, 0, .5);
  color: var(--koshi-white);
}

.listen-catalog .melody-card__player[hidden] {
  display: none;
}

.listen-catalog .melody-card__play,
.listen-catalog .melody-card__volume {
  position: relative;
  display: inline-flex;
  box-sizing: border-box;
  width: 35px;
  min-width: 35px;
  height: 35px;
  min-height: 35px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  color: var(--koshi-white);
  cursor: pointer;
  font: inherit;
  letter-spacing: 0;
  transition: background .2s ease;
}

.listen-catalog .melody-card__play svg,
.listen-catalog .melody-card__volume svg {
  display: block;
  width: 24px;
  height: 24px;
}

.listen-catalog .melody-card__pause-icon {
  display: none;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.listen-catalog .melody-card__pause-icon i {
  display: block;
  width: 3px;
  height: 13px;
  background: currentColor;
}

.listen-catalog .melody-card__play.is-playing .melody-card__play-icon {
  display: none;
}

.listen-catalog .melody-card__play.is-playing .melody-card__pause-icon {
  display: inline-flex;
}

.listen-catalog .melody-card__progress {
  width: 100%;
  height: 11px;
  appearance: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  background: linear-gradient(to right, var(--koshi-white) 0 var(--koshi-audio-progress), #d9d9d9 var(--koshi-audio-progress) 100%);
  cursor: pointer;
}

.listen-catalog .melody-card__progress:disabled {
  cursor: default;
  opacity: 1;
}

.listen-catalog .melody-card__progress::-webkit-slider-runnable-track {
  height: 11px;
  border: 0;
  background: transparent;
}

.listen-catalog .melody-card__progress::-webkit-slider-thumb {
  width: 1px;
  height: 11px;
  appearance: none;
  border: 0;
  background: transparent;
}

.listen-catalog .melody-card__progress::-moz-range-track {
  height: 11px;
  border: 0;
  background: transparent;
}

.listen-catalog .melody-card__progress::-moz-range-thumb {
  width: 1px;
  height: 11px;
  border: 0;
  background: transparent;
}

.listen-catalog .melody-card__volume.is-muted::after {
  position: absolute;
  width: 18px;
  height: 1.5px;
  background: currentColor;
  content: '';
  transform: rotate(-45deg);
}

.listen-catalog .melody-card__play:hover,
.listen-catalog .melody-card__play:focus-visible,
.listen-catalog .melody-card__play.is-playing,
.listen-catalog .melody-card__volume:hover,
.listen-catalog .melody-card__volume:focus-visible {
  background: rgba(255, 255, 255, .14);
  color: var(--koshi-white);
}

.listen-catalog .melody-card__play:focus-visible,
.listen-catalog .melody-card__volume:focus-visible,
.listen-catalog .melody-card__progress:focus-visible {
  outline: 2px solid var(--koshi-white);
  outline-offset: -2px;
}

.listen-catalog .melody-card__discover {
  display: inline-flex;
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 0;
  border-radius: 0;
  margin-top: 8px;
  padding: 0 20px;
  background: rgba(0, 0, 0, .5);
  color: var(--koshi-white);
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
}

.listen-catalog .melody-card__discover:hover,
.listen-catalog .melody-card__discover:focus-visible {
  background: var(--koshi-ink);
  color: var(--koshi-white);
}

.listen-catalog .melody-card__discover span {
  color: inherit;
  font-size: 16px;
  letter-spacing: 0;
}

.listen-catalog .melody-card__meta {
  display: grid;
  height: 48px;
  align-items: center;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 16px;
  margin-top: 24px;
}

.listen-catalog .melody-card__meta img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}

.listen-catalog .melody-card__meta > span {
  display: grid;
  min-width: 0;
  gap: 0;
  color: var(--koshi-ink);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: none;
}

.listen-catalog .melody-card__meta strong,
.listen-catalog .melody-card__meta small {
  overflow: hidden;
  color: var(--koshi-ink);
  font-size: 14px;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.listen-catalog .melody-card__meta strong {
  font-weight: 600;
}

.listen-catalog .melody-card__meta small {
  font-weight: 400;
}

.listen-choice {
  height: 747px;
  padding: 112px 0 191px;
}

.listen-choice__inner {
  display: grid;
  width: min(calc(100% - 120px), 1280px);
  height: 444px;
  align-items: stretch;
  grid-template-columns: 526px minmax(0, 674px);
  gap: 80px;
  margin: 0 auto;
}

.listen-choice__copy {
  align-self: center;
}

.listen-choice__copy h2 {
  margin: 0;
  color: var(--koshi-ink);
  font-family: var(--koshi-serif);
  font-size: 48px;
  font-weight: 400;
  line-height: 1.2;
}

.listen-choice__copy p {
  max-width: 500px;
  margin: 32px 0 0;
  color: var(--koshi-ink);
  font-size: 18px;
  line-height: 1.5;
}

.listen-choice__copy a {
  display: inline-flex;
  box-sizing: border-box;
  width: 261px;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--koshi-clay);
  border-radius: 5px;
  margin-top: 32px;
  padding: 0 18px;
  background: var(--koshi-clay);
  color: var(--koshi-white);
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none;
}

.listen-choice__copy a:hover,
.listen-choice__copy a:focus-visible {
  background: var(--koshi-ink);
  border-color: var(--koshi-ink);
}

.listen-choice__inner > img {
  width: 100%;
  height: 444px;
  border-radius: 12px;
  object-fit: cover;
}

@media (max-width: 1199px) {
  .listen-catalog {
    padding: 96px 48px;
  }

  .listen-catalog__head {
    height: auto;
  }

  .listen-melody-grid {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 48px;
  }

  .listen-choice {
    height: auto;
    padding: 96px 48px;
  }

  .listen-choice__inner {
    width: 100%;
    height: auto;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 48px;
  }
}

@media (max-width: 680px) {
  .listen-catalog,
  .listen-choice {
    padding: 72px 24px;
  }

  .listen-catalog__head h1 {
    font-size: 42px;
  }

  .listen-catalog__head p {
    font-size: 16px;
  }

  .listen-melody-grid {
    grid-template-columns: 1fr;
    row-gap: 32px;
    margin-top: 56px;
  }

  .listen-catalog .melody-card {
    height: auto;
  }

  .listen-catalog .melody-card > img {
    height: auto;
    aspect-ratio: 405 / 270;
  }

  .listen-choice__inner {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .listen-choice__copy h2 {
    font-size: 42px;
  }

  .listen-choice__copy p {
    font-size: 16px;
  }

  .listen-choice__copy a {
    width: 100%;
  }

  .listen-choice__inner > img {
    height: auto;
    aspect-ratio: 674 / 444;
  }
}

.figma-earth-band {
  display: grid;
  min-height: 520px;
  grid-template-columns: minmax(0, .9fr) minmax(260px, .55fr);
  gap: clamp(32px, 7vw, 92px);
  align-items: center;
  padding: clamp(72px, 10vw, 140px) clamp(24px, 7vw, 96px);
  background: #111816;
  color: var(--koshi-white);
}

.figma-earth-band h2 {
  margin: 0 0 18px;
  font-family: var(--koshi-serif);
  font-size: clamp(42px, 5vw, 76px);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .98;
}

.figma-earth-band p {
  max-width: 590px;
  color: rgba(255, 255, 255, .75);
  line-height: 1.75;
}

.figma-earth-band img {
  width: min(100%, 360px);
  justify-self: center;
  border-radius: 999px 999px 28px 28px;
  box-shadow: 0 30px 70px rgba(0, 0, 0, .32);
}

:is(.guide-next-band, .koshi-primitive--profile-links-band.koshi-primitive--layout-stack) h2 {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: clamp(42px, 5.8vw, 82px);
  font-weight: 400;
  letter-spacing: -.055em;
  line-height: .94;
}

.article-layout,
.koshi-primitive--layout-grid.koshi-primitive--columns-2.koshi-primitive--profile-reading > .koshi-container__layout {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(280px, .55fr);
  gap: clamp(34px, 7vw, 88px);
  align-items: start;
}

.article-layout__main h2,
.koshi-primitive--layout-stack.koshi-primitive--profile-prose h2.koshi-primitive--title {
  margin: 0 0 18px;
  font-family: var(--koshi-serif);
  font-size: clamp(36px, 4.5vw, 64px);
  font-weight: 400;
  letter-spacing: -.04em;
  line-height: 1;
}

.article-layout__main > p,
.koshi-primitive--layout-stack.koshi-primitive--profile-prose .koshi-primitive--text > p {
  max-width: 650px;
  color: var(--koshi-soft);
  line-height: 1.85;
}

.article-steps,
.koshi-primitive--layout-stack.koshi-primitive--profile-prose .koshi-primitive--text > ol {
  display: grid;
  gap: 16px;
  padding: 0;
  margin: 36px 0 0;
  list-style: none;
}

.article-steps li,
.koshi-primitive--layout-stack.koshi-primitive--profile-prose .koshi-primitive--text > ol > li {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 18px;
  border-top: 1px solid rgba(35, 39, 35, .14);
  padding-top: 18px;
}

.article-steps strong,
.koshi-primitive--layout-stack.koshi-primitive--profile-prose .koshi-primitive--text > ol strong {
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.article-steps span,
.koshi-primitive--layout-stack.koshi-primitive--profile-prose .koshi-primitive--text > ol span {
  color: var(--koshi-soft);
}

.article-layout__aside,
.koshi-primitive--layout-stack.koshi-primitive--profile-aside {
  display: grid;
  gap: 22px;
  border-radius: 30px;
  background: rgba(255, 252, 244, .72);
  padding: 18px;
  box-shadow: 0 20px 60px rgba(63, 47, 34, .10);
}

.article-layout__aside :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--layout-stack.koshi-primitive--profile-aside .koshi-primitive--media-item > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),video,:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))) {
  width: 100%;
  aspect-ratio: 1 / 1.15;
  object-fit: cover;
  border-radius: 22px;
}

.article-aside-copy,
.koshi-primitive--layout-stack.koshi-primitive--profile-aside .koshi-primitive--text {
  display: grid;
  gap: 12px;
}

.article-aside-copy h3,
.koshi-primitive--layout-stack.koshi-primitive--profile-aside h3.koshi-primitive--title,
.koshi-primitive--layout-stack.koshi-primitive--profile-aside .koshi-primitive--text > h3 {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: 1;
}

.article-aside-copy p:not(.eyebrow),
.koshi-primitive--layout-stack.koshi-primitive--profile-aside .koshi-primitive--text:not(.koshi-primitive--role-eyebrow) > p:not(:has(+ h3)) {
  margin: 0;
  color: var(--koshi-soft);
  line-height: 1.68;
}

.article-action-row,
.koshi-primitive--layout-stack.koshi-primitive--profile-aside .koshi-composition__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

:is(.guide-next-band, .koshi-primitive--profile-links-band.koshi-primitive--layout-stack) {
  display: grid;
  justify-items: center;
  gap: 18px;
  padding-block: clamp(4.375rem, 9vw, 7.375rem);
  padding-inline: var(--koshi-section-inset);
  background: var(--koshi-surface-page);
  text-align: center;
}

:is(.guide-next-band, .koshi-primitive--profile-links-band.koshi-primitive--layout-stack) h2 {
  max-width: 760px;
}

:is(.guide-next-band > div, .koshi-primitive--profile-links-band.koshi-primitive--layout-stack .koshi-composition__actions) {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-top: 12px;
}

:is(.guide-next-band, .koshi-primitive--profile-links-band.koshi-primitive--layout-stack) a {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(50, 42, 34, .20);
  border-radius: 999px;
  color: var(--koshi-ink);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .11em;
  padding: 0 18px;
  text-decoration: none;
  text-transform: uppercase;
}

:is(.guide-next-band, .koshi-primitive--profile-links-band.koshi-primitive--layout-stack) a:hover,
:is(.guide-next-band, .koshi-primitive--profile-links-band.koshi-primitive--layout-stack) a:focus-visible {
  border-color: var(--koshi-ink);
  background: var(--koshi-ink);
  color: var(--koshi-white);
}

.figma-faq {
  display: grid;
  gap: 14px;
}

.figma-faq details {
  border: 1px solid rgba(35, 39, 35, .14);
  border-radius: 22px;
  background: rgba(255, 252, 244, .68);
  padding: 22px 26px;
}

.figma-faq summary {
  cursor: pointer;
  font-family: var(--koshi-serif);
  font-size: clamp(22px, 2.4vw, 32px);
  line-height: 1.1;
}

.figma-faq p {
  max-width: 760px;
  margin: 16px 0 0;
  color: var(--koshi-soft);
  line-height: 1.7;
}

.story-split--figma {
  min-height: 560px;
}

.story-split--figma img {
  width: 100%;
  aspect-ratio: 1.05 / 1;
  object-fit: cover;
  border-radius: 36px;
  box-shadow: 0 24px 70px rgba(63, 47, 34, .12);
}

/* Figma story portrait asset polish - 2026-07-08 */
.story-split--figma.story-split--portrait img {
  aspect-ratio: 4 / 5;
  object-position: center 40%;
}

.story-proof-section,
.manufacture-process-section {
  padding-top: clamp(58px, 7vw, 96px);
}

.story-proof-grid,
.manufacture-step-grid {
  display: grid;
  width: min(100%, 1080px);
  margin: 0 auto;
  gap: clamp(16px, 2vw, 24px);
}

.story-proof-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.manufacture-step-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.story-proof-card,
.manufacture-step-card {
  display: grid;
  min-height: 230px;
  align-content: start;
  border: 1px solid rgba(35, 39, 35, .12);
  border-radius: 28px;
  background: rgba(255, 252, 244, .70);
  box-shadow: 0 18px 55px rgba(63, 47, 34, .08);
  padding: clamp(22px, 3vw, 34px);
}

.story-proof-card strong,
.manufacture-step-card span {
  color: var(--koshi-clay);
  font-family: var(--koshi-serif);
  font-size: clamp(38px, 5vw, 68px);
  font-weight: 400;
  letter-spacing: -.06em;
  line-height: .88;
}

.manufacture-step-card span {
  color: rgba(50, 42, 34, .26);
}

.story-proof-card h3,
.manufacture-step-card h3 {
  margin: 26px 0 0;
  font-family: var(--koshi-serif);
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: 1;
}

.story-proof-card p,
.manufacture-step-card p {
  margin: 16px 0 0;
  color: var(--koshi-soft);
  line-height: 1.68;
}

.story-immersive-band {
  display: grid;
  gap: clamp(32px, 7vw, 92px);
  align-items: center;
  padding: clamp(72px, 10vw, 136px) clamp(24px, 7vw, 96px);
}

.story-immersive-band--light {
  grid-template-columns: minmax(320px, .74fr) minmax(0, .86fr);
  background: var(--koshi-paper);
}

.story-immersive-band--dark {
  grid-template-columns: minmax(0, .86fr) minmax(280px, .54fr);
  background: #111613;
  color: var(--koshi-white);
}

.story-immersive-band img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: 34px;
  box-shadow: 0 30px 80px rgba(63, 47, 34, .16);
}

.story-immersive-band--dark img {
  aspect-ratio: 1 / 1.18;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .30);
}

.story-immersive-band h2 {
  max-width: 760px;
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: clamp(42px, 5.6vw, 82px);
  font-weight: 400;
  letter-spacing: -.055em;
  line-height: .94;
}

.story-immersive-band p:not(.eyebrow) {
  max-width: 560px;
  color: var(--koshi-soft);
  line-height: 1.78;
}

.story-immersive-band--dark p:not(.eyebrow),
.story-immersive-band--dark .eyebrow {
  color: rgba(255, 255, 255, .72);
}

.story-immersive-band .button {
  margin-top: 12px;
}

.reseller-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.reseller-grid > div {
  min-height: 220px;
  border: 1px solid rgba(35, 39, 35, .14);
  border-radius: 26px;
  background: rgba(255, 252, 244, .70);
  padding: 24px;
}

.reseller-grid strong {
  color: var(--koshi-clay);
  font-family: var(--koshi-serif);
  font-size: 42px;
  font-weight: 400;
}

.reseller-grid span {
  display: block;
  margin: 18px 0 10px;
  font-weight: 800;
}

.reseller-grid p {
  margin: 0;
  color: var(--koshi-soft);
  line-height: 1.6;
}

.figma-wp-content,
.koshi-primitive--profile-section.koshi-primitive--layout-stack {
  background: var(--koshi-surface-page);
}

.figma-wp-content--guide,
.koshi-primitive--profile-section.koshi-primitive--layout-stack {
  border-top: 1px solid rgba(35, 39, 35, .08);
}

.figma-wp-content--guide :is(.section-head,.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class]),
.koshi-primitive--profile-section-heading.koshi-primitive--layout-stack {
  margin-bottom: clamp(30px, 4vw, 48px);
}

.figma-wp-content--guide .entry-content,
.koshi-primitive--profile-content.koshi-primitive--layout-stack {
  max-width: var(--koshi-reading-width);
}

.figma-wp-content--guide .entry-content h2,
.koshi-primitive--title.koshi-primitive--size-content {
  margin: 32px 0 14px;
  font-family: var(--koshi-serif);
  font-size: clamp(30px, 3.4vw, 46px);
  font-weight: 400;
  letter-spacing: -.04em;
}

.figma-wp-content--guide .entry-content h2:first-child {
  margin-top: 0;
}

.figma-wp-content--guide .entry-content p,
.koshi-primitive--text.koshi-primitive--role-content > p {
  color: var(--koshi-soft);
  line-height: 1.76;
}

.figma-wp-content--guide .entry-content a {
  color: var(--koshi-ink);
  text-decoration-color: rgba(50, 42, 34, .30);
}

.figma-wp-content--service {
  border-top: 1px solid rgba(35, 39, 35, .08);
}

.figma-wp-content--service .section-head {
  margin-bottom: clamp(28px, 4vw, 44px);
}

.figma-wp-content--service .entry-content {
  max-width: var(--koshi-reading-width);
}

.figma-wp-content--service .entry-content h2 {
  margin: 30px 0 14px;
  font-family: var(--koshi-serif);
  font-size: clamp(30px, 3.2vw, 44px);
  font-weight: 400;
  letter-spacing: -.04em;
}

.figma-wp-content--service .entry-content h2:first-child {
  margin-top: 0;
}

.figma-wp-content--service .entry-content p {
  color: var(--koshi-soft);
  line-height: 1.76;
}

/* Local .fig reference pass - QR code landing page - 2026-07-06 */
.qr-landing-hero {
  display: grid;
  position: relative;
  overflow: hidden;
  grid-template-columns: 1fr;
  gap: 20px;
  align-items: center;
  justify-items: center;
  min-height: clamp(320px, 34vw, 430px);
  padding: clamp(86px, 9vw, 124px) clamp(24px, 7vw, 104px) clamp(64px, 7vw, 92px);
  background:
    linear-gradient(45deg, rgba(50, 42, 34, .055) 25%, transparent 25%, transparent 75%, rgba(50, 42, 34, .055) 75%),
    linear-gradient(45deg, rgba(50, 42, 34, .055) 25%, transparent 25%, transparent 75%, rgba(50, 42, 34, .055) 75%),
    var(--koshi-paper);
  background-position: 0 0, 28px 28px, 0 0;
  background-size: 56px 56px;
  text-align: center;
}

.qr-landing-hero__media {
  display: none;
}

.qr-landing-hero__media img {
  width: 100%;
  height: 100%;
  min-height: clamp(420px, 46vw, 620px);
  object-fit: cover;
}

.qr-landing-hero__copy {
  max-width: 560px;
}

.qr-landing-hero__copy h1 {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: clamp(34px, 4.2vw, 58px);
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: .96;
  text-transform: uppercase;
}

.qr-landing-hero__copy > p:not(.eyebrow) {
  max-width: 420px;
  margin: 16px auto 0;
  color: var(--koshi-soft);
  font-size: 13px;
  line-height: 1.65;
}

.qr-landing-hero .eyebrow {
  display: none;
}

.qr-landing-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-top: 30px;
}

.qr-collection:is(.section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class],.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class]),
.qr-use.section {
  padding-top: clamp(70px, 7.4vw, 106px);
  padding-bottom: clamp(70px, 7.4vw, 106px);
}

.qr-collection :is(.section-head,.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class]),
.qr-use .section-head {
  max-width: 560px;
  margin-bottom: 34px;
}

.qr-collection-card {
  display: grid;
  overflow: hidden;
  width: min(100%, 940px);
  margin: 0 auto;
  grid-template-columns: minmax(280px, .44fr) minmax(0, .56fr);
  border: 1px solid rgba(35, 39, 35, .14);
  border-radius: 16px;
  background: rgba(255, 252, 244, .78);
  box-shadow: 0 24px 80px rgba(63, 47, 34, .10);
}

.qr-collection-card > img {
  width: 100%;
  height: 100%;
  min-height: 330px;
  object-fit: cover;
}

.qr-collection-card__copy {
  display: grid;
  align-content: center;
  gap: 14px;
  padding: clamp(26px, 4.2vw, 48px);
}

.qr-collection-card__copy h3 {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: clamp(34px, 4.4vw, 56px);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .94;
}

.qr-collection-card__copy p:not(.eyebrow) {
  max-width: 430px;
  margin: 0;
  color: var(--koshi-soft);
  line-height: 1.72;
}

.qr-collection-card--dark {
  border-color: rgba(255, 255, 255, .14);
  background: #141815;
  color: var(--koshi-white);
}

.qr-collection-card--dark .qr-collection-card__copy p:not(.eyebrow),
.qr-collection-card--dark .eyebrow {
  color: rgba(255, 255, 255, .72);
}

.qr-melody-tabs {
  display: grid;
  overflow: hidden;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid currentColor;
  border-radius: 0;
  margin-top: 8px;
}

.qr-melody-tabs a {
  display: grid;
  min-height: 64px;
  align-content: center;
  gap: 6px;
  border-right: 1px solid currentColor;
  padding: 10px 12px;
  transition: background .2s ease, color .2s ease;
}

.qr-melody-tabs a:last-child {
  border-right: 0;
}

.qr-melody-tabs a:hover,
.qr-melody-tabs a:focus-visible {
  background: var(--koshi-clay);
  color: var(--koshi-white);
}

.qr-melody-tabs strong {
  font-family: var(--koshi-serif);
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -.03em;
  line-height: 1;
}

.qr-melody-tabs span {
  color: currentColor;
  font-size: 9px;
  letter-spacing: .11em;
  line-height: 1.35;
  opacity: .66;
  text-transform: uppercase;
}

.qr-use-video {
  overflow: hidden;
  width: min(100%, 940px);
  margin: 0 auto;
  border-radius: 16px;
  background: #d8d6d3;
  box-shadow: 0 24px 70px rgba(63, 47, 34, .12);
}

.qr-use-video img {
  width: 100%;
  aspect-ratio: 16 / 7;
  object-fit: cover;
}

.qr-use-steps {
  display: grid;
  width: min(100%, 940px);
  margin: 24px auto 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.qr-use-steps article {
  border: 1px solid rgba(35, 39, 35, .14);
  border-radius: 22px;
  background: rgba(255, 252, 244, .74);
  padding: 26px;
  text-align: center;
}

.qr-use-steps span {
  color: var(--koshi-clay);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.qr-use-steps h3 {
  margin: 10px 0 8px;
  font-family: var(--koshi-serif);
  font-size: 30px;
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: 1;
}

.qr-use-steps p {
  margin: 0;
  color: var(--koshi-soft);
  line-height: 1.6;
}

.qr-final-cta {
  display: grid;
  justify-items: center;
  padding: clamp(72px, 10vw, 128px) 24px;
  background: #111613;
  color: var(--koshi-white);
  text-align: center;
}

.qr-final-cta h2 {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: clamp(44px, 7vw, 92px);
  font-weight: 400;
  letter-spacing: -.055em;
  line-height: .92;
}

.qr-final-cta .button {
  border-color: rgba(255, 255, 255, .46);
  color: var(--koshi-white);
}

.qr-final-cta .button--dark {
  border-color: var(--koshi-white);
  background: var(--koshi-white);
  color: #111613;
}

@media (max-width: 980px) {
  .qr-landing-hero,
  .qr-collection-card {
    grid-template-columns: 1fr;
  }

  .qr-landing-hero {
    min-height: auto;
    padding-top: 92px;
    text-align: left;
  }

  .qr-landing-hero__media,
  .qr-landing-hero__media img,
  .qr-collection-card > img {
    min-height: 320px;
  }

  .qr-collection-card__copy {
    padding: 28px;
  }

  .qr-use-steps {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .qr-landing-hero {
    padding: 76px 20px 58px;
  }

  .qr-landing-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .qr-melody-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .qr-melody-tabs a:nth-child(2n) {
    border-right: 0;
  }

  .qr-melody-tabs a:nth-child(-n+2) {
    border-bottom: 1px solid currentColor;
  }

  .qr-use-video img {
    aspect-ratio: 4 / 3;
  }
}

@media (max-width: 980px) {






  .product-grid--figma {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .listen-feature {
    grid-template-columns: 1fr;
  }

  .listen-video-duo {
    grid-template-columns: 1fr;
  }

  .listen-video-duo__copy {
    max-width: 680px;
  }

  .melody-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .figma-earth-band,
  .article-layout,
  .koshi-primitive--layout-grid.koshi-primitive--columns-2.koshi-primitive--profile-reading > .koshi-container__layout,
  .figma-faq-split,
  .reseller-board,
  .service-timeline,
  .story-split--figma,
  .story-immersive-band--light,
  .story-immersive-band--dark {
    grid-template-columns: 1fr;
  }

  .figma-faq-intro {
    position: static;
  }

  .reseller-step-grid {
    grid-template-columns: 1fr;
  }

  .story-proof-grid,
  .manufacture-step-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .article-layout__aside,
  .koshi-primitive--layout-stack.koshi-primitive--profile-aside {
    max-width: 560px;
  }

  .reseller-grid {
    grid-template-columns: 1fr;
  }
}
@container koshi-editorial (max-width: 61.25rem) {
  .home-hero--figma .home-hero__content ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-primitive--container:not(.koshi-primitive--placement-role-background) {
    left: 1.75rem;
    right: 1.75rem;
    grid-template-columns: 1fr;
  }
  .home-hero--figma .home-hero__content h1,
  .home-hero--figma .home-hero__content > p:not(.eyebrow) ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-primitive--container:not(.koshi-primitive--placement-role-background) h1 {
    grid-column: 1;
  }
  .home-hero--figma .home-hero__player ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-products--presentation-compact {
    left: 1.75rem;
  }
}



@media (max-width: 680px) {







  .product-grid--figma,
  :is(.element-grid--figma,.koshi-products--presentation-gallery.koshi-products--layout-grid > .koshi-products__items) {
    grid-template-columns: 1fr;
  }











  .listen-feature__media img {
    min-height: 340px;
  }

  .listen-jump-nav {
    top: 61px;
    justify-content: flex-start;
    overflow-x: auto;
    padding: 10px 18px;
    scrollbar-width: none;
  }

  .listen-jump-nav::-webkit-scrollbar {
    display: none;
  }

  .listen-jump-nav a {
    flex: 0 0 auto;
  }

  .listen-video-duo {
    padding: 54px 24px;
  }

  .listen-video-card {
    border-radius: 24px;
  }

  .listen-video-card video {
    aspect-ratio: 4 / 3;
  }

  .figma-page-hero {
    min-height: 580px;
  }

  .figma-page-hero__copy {
    padding: 132px 24px 68px;
  }

  .figma-page-hero__copy h1 {
    font-size: clamp(38px, 13vw, 56px);
  }

  .figma-page-hero__copy > p:not(.eyebrow) {
    font-size: 14px;
  }

  .melody-grid {
    grid-template-columns: 1fr;
  }

  .melody-card > div,
  .reseller-status-card,
  .reseller-grid > div {
    padding: 20px;
  }

  .figma-earth-band {
    min-height: auto;
    padding: 68px 24px;
  }

  .figma-earth-band img {
    width: min(100%, 300px);
  }

  .article-steps li,
  .koshi-primitive--layout-stack.koshi-primitive--profile-prose .koshi-primitive--text > ol > li {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .article-action-row,
  .koshi-primitive--layout-stack.koshi-primitive--profile-aside .koshi-composition__actions,
  :is(.guide-next-band > div, .koshi-primitive--profile-links-band.koshi-primitive--layout-stack .koshi-composition__actions),
  .support-cta-band > div {
    flex-direction: column;
    align-items: stretch;
  }

  .figma-faq-group > div {
    grid-template-columns: 1fr;
  }

  .figma-faq-group > div p {
    grid-column: auto;
  }

  .figma-faq-group {
    border-radius: 22px;
  }

  .figma-faq .figma-faq-group details {
    padding: 16px;
  }

  .support-cta-band,
  .support-cta-band--inline {
    border-radius: 0;
    padding: 58px 24px;
  }

  .article-layout__aside,
  .koshi-primitive--layout-stack.koshi-primitive--profile-aside,
  .figma-faq details {
    border-radius: 20px;
  }

  .figma-faq details {
    padding: 18px;
  }

  .story-split--figma img {
    border-radius: 24px;
  }

  .story-proof-grid,
  .manufacture-step-grid {
    grid-template-columns: 1fr;
  }

  .story-proof-card,
  .manufacture-step-card {
    min-height: auto;
  }

  .story-immersive-band {
    padding: 58px 24px;
  }

  .story-immersive-band img {
    border-radius: 24px;
  }

  :is(.figma-page-intro, .koshi-primitive--profile-intro.koshi-primitive--layout-stack),
  .figma-page-intro--media {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 92px 24px 58px;
    text-align: left;
  }

  :is(.figma-page-intro p:not(.eyebrow), .koshi-primitive--profile-intro.koshi-primitive--layout-stack .koshi-primitive--role-body > p) {
    margin-left: 0;
  }

  .figma-page-intro__media,
  .figma-page-intro__media img,
  .figma-page-intro__media video {
    min-height: 300px;
  }

  .koshi-figma-page--ecouter .melody-grid {
    grid-template-columns: 1fr;
  }

  .reseller-search {
    grid-template-columns: 1fr;
  }

  .reseller-map {
    min-height: 280px;
  }

  .service-timeline {
    border-bottom: 0;
  }

  .service-timeline article {
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid rgba(35, 39, 35, .14);
    padding: 22px 0;
  }

  .legal-service-grid {
    grid-template-columns: 1fr;
  }

  .legal-service-card {
    min-height: auto;
  }
}
@container koshi-editorial (max-width: 42.5rem) {
  .home-hero--figma ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay {
    min-height: 45rem;
  }
  .home-hero--figma .home-hero__content ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-primitive--container:not(.koshi-primitive--placement-role-background) {
    bottom: 13.125rem;
  }
  .home-hero--figma .home-hero__player ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-products--presentation-compact {
    bottom: 4.625rem;
  }
  :is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) :is(.element-grid--figma,.koshi-products--presentation-gallery.koshi-products--layout-grid > .koshi-products__items) {
    grid-template-columns: 1fr;
  }
  :is(.collection-section--earth-figma,.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class]) .product-grid--figma,
  :is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) :is(.element-grid--figma,.koshi-products--presentation-gallery.koshi-products--layout-grid > .koshi-products__items) {
    gap: 24px;
  }
  :is(.collection-section--earth-figma,.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class]) .product-card--figma :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
  :is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) :is(.element-grid--figma,.koshi-products--presentation-gallery.koshi-products--layout-grid > .koshi-products__items) .element-card__media {
    aspect-ratio: 1 / 1;
  }
  :is(.collection-section--earth-figma,.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class]) .product-card--figma h3,
  :is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) :is(.element-grid--figma,.koshi-products--presentation-gallery.koshi-products--layout-grid > .koshi-products__items) .element-card h3 {
    margin-top: 12px;
    font-size: clamp(23px, 7vw, 28px);
  }
  :is(.collection-section--earth-figma,.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class]) .product-card--figma p,
  :is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) :is(.element-grid--figma,.koshi-products--presentation-gallery.koshi-products--layout-grid > .koshi-products__items) .element-card p {
    font-size: 11px;
    line-height: 1.45;
  }
  :is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) .element-card strong {
    margin-top: 6px;
  }
}



/* .fig home hero structure pass - 2026-07-06 */
.home-hero--figma ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay {
  display: grid;
  min-height: min(calc(100 * var(--koshi-viewport-unit-block, 1vh)), 53.75rem);
  place-items: center;
}

.home-hero--figma .home-hero__video ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-primitive--media-item > video {
  filter: saturate(.72) brightness(.72);
}

.home-hero--figma .home-hero__shade ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay::before {
  background: rgba(0, 0, 0, .36);
}

.home-hero--figma .home-hero__content ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-primitive--container:not(.koshi-primitive--placement-role-background) {
  inset: 0;
  display: flex;
  max-width: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.625rem;
  padding: clamp(6rem, calc(14 * var(--koshi-viewport-unit-block, 1vh)), 9.375rem) 1.5rem clamp(4.375rem, calc(10 * var(--koshi-viewport-unit-block, 1vh)), 6.875rem);
  color: var(--koshi-white);
  text-align: center;
  transform: translateY(2.75rem);

  min-width: 0;
}

.home-hero--figma .home-hero__play {
  position: relative;
  display: inline-grid;
  width: 3.25rem;
  height: 2.25rem;
  margin-bottom: clamp(5.375rem, calc(15 * var(--koshi-viewport-unit-block, 1vh)), 9.375rem);
  place-items: center;
  border-radius: 0.5625rem;
  background: rgba(255, 252, 244, .94);
  box-shadow: 0 0.625rem 1.75rem rgba(0, 0, 0, .12);
}

.home-hero--figma .home-hero__play::before {
  width: 0;
  height: 0;
  margin-left: 0.1875rem;
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-left: 0.8125rem solid rgba(35, 39, 35, .72);
  content: "";
}

.home-hero--figma .home-hero__content h1 ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-primitive--container:not(.koshi-primitive--placement-role-background) h1 {
  max-width: min(92vw, 45rem);
  color: var(--koshi-white);
  font-family: var(--koshi-sans);
  font-size: clamp(2.125rem, 4vw, 3.25rem);
  font-weight: 800;
  letter-spacing: -.025em;
  line-height: .96;
  text-transform: uppercase;

  overflow-wrap: anywhere;

  min-width: 0;
}

.home-hero--figma .home-hero__listen {
  display: inline-flex;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  border: 1px solid rgba(255, 255, 255, .78);
  background: var(--koshi-white);
  color: var(--koshi-ink);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  padding: 0 1.5rem;
  text-decoration: none;
}

.home-hero__listen-icon {
  position: relative;
  width: 18px;
  height: 18px;
}

.home-hero__listen-icon::before,
.home-hero__listen-icon::after {
  position: absolute;
  display: block;
  width: 8px;
  height: 12px;
  border: 1.5px solid currentColor;
  border-radius: 6px 6px 2px 2px;
  content: "";
  transform: rotate(-38deg);
}

.home-hero__listen-icon::before {
  left: 2px;
  top: 5px;
}

.home-hero__listen-icon::after {
  right: 2px;
  top: 1px;
}

.home-hero--figma .home-hero__content .eyebrow,
.home-hero--figma .home-hero__content > p:not(.eyebrow),
.home-hero--figma .home-hero__player,
.home-hero--figma .home-hero__scroll ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-primitive--container:not(.koshi-primitive--placement-role-background) .koshi-primitive--role-eyebrow,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-composition__scroll {
  display: none !important;
}

@container koshi-editorial (max-width: 42.5rem) {
  .home-hero--figma ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay {
    min-height: 40rem;
  }
  .home-hero--figma .home-hero__content ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-primitive--container:not(.koshi-primitive--placement-role-background) {
    padding-top: 5.75rem;
    transform: translateY(1.125rem);
  }
  .home-hero--figma .home-hero__play {
    margin-bottom: 5.375rem;
  }
}



@media (min-width: 981px) {

  body.koshi-page-contact :is(.contact-figma-page,.koshi-primitive--profile-contact-page.koshi-primitive--layout-stack[class]) {
    min-height: 1479px;
    padding-top: 182px;
  }
}

@media (min-width: 1200px) {
  body.koshi-page-listen .listen-catalog {
    padding-top: 112px;
  }
}

@media (min-width: 1329px) {
  body.koshi-page-faq .faq-figma-page:not(.koshi-questions--separate) {
    min-height: 0;
    padding-top: 182px;
  }
}

/* Figma common reassurance and newsletter parity - 2026-07-16 */
.service-strip,
.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] {
  box-sizing: border-box;
  display: grid;
  width: 100%;
  height: auto;
  min-height: 21.75rem;
  max-width: none;
  gap: 2rem;
  grid-template-columns: repeat(4, minmax(0, 18.5rem));
  justify-content: center;
  grid-template-rows: minmax(11.75rem, auto);
  margin: 0;
  padding: 5rem;
  background: var(--koshi-mist);
  color: var(--koshi-ink);
}

.service-strip > article,
:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  min-height: 11.75rem;
  height: auto;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}

.service-strip .service-icon,
:is(:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout > .koshi-primitive--media-item,:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item) > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(.koshi-primitive__media-frame,:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))) {
  display: block;
  width: auto;
  max-width: 5.5rem;
  height: 4.125rem;
  margin: 0 auto 1.5rem;
  flex: 0 0 4.125rem;
  object-fit: contain;
}

.service-strip strong,
:is(:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout > .koshi-primitive--title,:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title) {
  display: flex;
  width: 16rem;
  max-width: 100%;
  min-height: 3rem;
  margin: 0;
  flex-direction: column;
  align-items: center;
  color: var(--koshi-ink);
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: .15em;
  line-height: 1.5;
  text-transform: uppercase;
}

.service-strip > article:nth-child(2) strong,
:is(:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container:nth-child(2),.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block:nth-child(2) > .koshi-primitive--container) > .koshi-container__layout > .koshi-primitive--title,:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container:nth-child(2),.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block:nth-child(2) > .koshi-primitive--container) > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title) {
  width: 17.1875rem;
}

.service-strip > article:nth-child(3) strong,
:is(:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container:nth-child(3),.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block:nth-child(3) > .koshi-primitive--container) > .koshi-container__layout > .koshi-primitive--title,:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container:nth-child(3),.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block:nth-child(3) > .koshi-primitive--container) > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title) {
  width: 16.125rem;
}

.service-strip > article:nth-child(4) strong,
:is(:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container:nth-child(4),.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block:nth-child(4) > .koshi-primitive--container) > .koshi-container__layout > .koshi-primitive--title,:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container:nth-child(4),.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block:nth-child(4) > .koshi-primitive--container) > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title) {
  width: 17.125rem;
}

.service-strip p,
:is(:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout > .koshi-primitive--text,:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text) > p {
  width: 16.25rem;
  max-width: 100%;
  margin: 0.5rem auto 0;
  color: var(--koshi-ink);
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
}

.newsletter {
  display: grid;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  max-width: none;
  grid-template-columns: minmax(0, 41.875fr) minmax(0, 58.125fr);
  margin: 0;
  overflow: visible;
  border-radius: 0;
  padding: 7rem clamp(1.5rem, 5.5556vw, 5rem);
  background: var(--koshi-mist);

  min-height: 47.5rem;
}

.newsletter__media {
  height: auto;
  overflow: hidden;
  border-radius: 0.5rem 0 0 0.5rem;
  background: #2d2019;

  min-height: 33.5rem;

  position: relative;
}

.newsletter__media img,
.newsletter__media video {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: 50% 17%;

  position: absolute;

  inset: 0;
}

.newsletter__content {
  display: flex;
  box-sizing: border-box;
  height: auto;
  min-height: 33.5rem;
  flex-direction: column;
  justify-content: center;
  border-radius: 0 0.5rem 0.5rem 0;
  padding: 0 clamp(2.625rem, 4.4445vw, 4rem);
  background: var(--koshi-sage-soft);
}

.newsletter__content h2 {
  width: 26.4375rem;
  max-width: 100%;
  margin: 0 0 1.5rem;
  color: var(--koshi-ink);
  font-family: var(--koshi-display);
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
}

.newsletter__content > p:not(.newsletter__privacy) {
  width: 26.4375rem;
  max-width: 100%;
  margin: 0 0 2rem;
  color: var(--koshi-ink);
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
}

.newsletter__form {
  display: grid;
  width: 32.0625rem;
  max-width: 100%;
  height: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  margin: 0;

  min-height: 2.5rem;
}

.newsletter__form input {
  box-sizing: border-box;
  width: 100%;
  height: 2.5rem;
  min-height: 2.5rem;
  border: 0;
  border-radius: 0.3125rem;
  padding: 0 0.75rem;
  background: var(--koshi-beige);
  color: var(--koshi-ink);
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;

  min-width: 0;
}

.newsletter__form input::placeholder {
  color: rgba(50, 42, 34, .72);
  opacity: 1;
}

.newsletter__form button {
  box-sizing: border-box;
  width: max-content;
  height: auto;
  min-height: 2.5rem;
  border: 1px solid var(--koshi-clay);
  border-radius: 0.3125rem;
  padding: 0 1.25rem;
  background: var(--koshi-clay);
  color: var(--koshi-white);
  cursor: pointer;
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.125rem;
  line-height: 1.5;
  text-transform: uppercase;
  transition: border-color .3s cubic-bezier(.33, 1, .68, 1), background-color .3s cubic-bezier(.33, 1, .68, 1);

  max-width: 100%;

  overflow-wrap: anywhere;

  min-width: min(8.5625rem, 100%);
}

.newsletter__form button:hover,
.newsletter__form button:focus-visible {
  border-color: var(--koshi-burgundy);
  background: var(--koshi-burgundy);
}

.newsletter__status {
  width: 513px;
  max-width: 100%;
  margin: 12px 0 0;
  color: var(--koshi-burgundy);
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 14px;
  line-height: 1.5;
}

.newsletter__status--success {
  color: var(--koshi-sage-dark, #6f8c72);
}

.newsletter__content > p.newsletter__privacy {
  width: 32.0625rem;
  max-width: 100%;
  margin: 0.5rem 0 0;
  color: var(--koshi-ink);
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
}

@container koshi-editorial (max-width: 61.25rem) {
  .service-strip,
  .koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] {
    height: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
    padding: 4.5rem 1.5rem;
  }
  .service-strip > article,
  :is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) {
    width: 100%;
  }
  .newsletter {
    height: auto;
    grid-template-columns: 1fr;
    padding: 4.5rem 1.5rem;
  }
  .newsletter__media {
    height: min(33.5rem, 80vw);
    min-height: 21.25rem;
    border-radius: 0.5rem 0.5rem 0 0;
  }
  .newsletter__content {
    height: auto;
    min-height: 26.25rem;
    border-radius: 0 0 0.5rem 0.5rem;
    padding: 3.5rem clamp(1.75rem, 7vw, 4rem);
  }
  .newsletter__content > p.newsletter__privacy {
    max-width: 100%;
  }
}



@container koshi-editorial (max-width: 42.5rem) {
  .service-strip,
  .koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] {
    grid-template-columns: 1fr;
    padding-right: 1.75rem;
    padding-left: 1.75rem;
  }
  .service-strip strong,
  .service-strip > article:nth-child(n) strong,
  :is(:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container:nth-child(n),.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block:nth-child(n) > .koshi-primitive--container) > .koshi-container__layout > .koshi-primitive--title,:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container:nth-child(n),.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block:nth-child(n) > .koshi-primitive--container) > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title),
  .service-strip p,
  :is(:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout > .koshi-primitive--text,:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text) > p {
    max-width: 100%;
  }
  .newsletter {
    width: 100%;
    padding: 3.5rem 1.5rem;
  }
  .newsletter__media {
    width: 100%;
    min-width: 0;
    height: min(32.5rem, 135vw);
    min-height: 0;
  }
  .newsletter__content {
    width: 100%;
    min-width: 0;
    min-height: 0;
    padding: 2.25rem 1.625rem;
  }
  .newsletter__form {
    height: auto;
    grid-template-columns: minmax(0, 1fr);
  }
  .newsletter__form button {
    width: 100%;
  }
}



/* Figma Home hero video and product carousel parity - 2026-07-16 */
.home-hero--figma .home-hero__video ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-primitive--media-item > video {
  z-index: 0;
  opacity: 1;
  object-position: center;
  filter: none;
}

.home-hero--figma .home-hero__shade ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay::before {
  background: rgba(0, 0, 0, .4);
}

.home-hero--figma .home-hero__play {
  display: none !important;
}

@container koshi-editorial (min-width: 61.3125rem) {
  .home-hero--figma ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay {
    display: grid;
    height: auto;
    min-height: 100dvh;
    --koshi-title-inset: clamp(26.875rem, 36.8403vw, 33.15625rem);
    grid-template-columns: 20.5625rem minmax(0, 1fr);
    grid-template-rows: max-content minmax(min-content, 1fr) max-content;
    column-gap: calc(var(--koshi-title-inset) - 4.90625rem - 20.5625rem);
    row-gap: 1rem;
    padding: max(6rem, calc(100dvh - 17.375rem)) calc(var(--koshi-frame-offset) + 4.90625rem) 2.6875rem;
    place-items: start;
  }
  .home-hero--figma .home-hero__content ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-primitive--container:not(.koshi-primitive--placement-role-background) {
    inset: 0;
    display: contents;
    width: 100%;
    height: 100%;
    max-width: none;
    padding: 0;
    text-align: left;
    transform: none;
  }
  .home-hero--figma .home-hero__content .eyebrow ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-primitive--container:not(.koshi-primitive--placement-role-background) .koshi-primitive--role-eyebrow {
    position: static;
    top: auto;
    left: auto;
    display: block !important;
    width: 25rem;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    color: var(--koshi-mist);
    font-family: var(--koshi-display);
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1.5;
    text-transform: uppercase;
    min-height: 1.5rem;
    grid-row: 1;
    grid-column: 1 / -1;
    z-index: 2;
    margin-bottom: 1rem;
  }
  .home-hero--figma .home-hero__content h1 ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-primitive--container:not(.koshi-primitive--placement-role-background) h1 {
    --koshi-title-inset: clamp(26.875rem, 36.8403vw, 33.15625rem);
    position: relative;
    top: auto;
    left: auto;
    display: block;
    width: 100%;
    max-width: 51.9375rem;
    height: auto;
    border-left: 0;
    margin: 0;
    padding: 0;
    color: var(--koshi-mist);
    font-family: var(--koshi-display);
    font-size: clamp(2rem, 4.4444vw, 4rem);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.3;
    text-transform: uppercase;
    grid-row: 2;
    grid-column: 2;
    align-self: start;
    z-index: 2;
  }
  .home-hero--figma .home-hero__content h1::before ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-primitive--container:not(.koshi-primitive--placement-role-background) h1::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1rem;
    width: 1px;
    background: rgba(255, 255, 255, .28);
    content: "";
  }
  .home-hero--figma .home-hero__content > p:not(.eyebrow),
  .home-hero--figma .home-hero__listen {
    display: none !important;
  }
  .home-hero--figma .home-hero__player ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-products--presentation-compact {
    --koshi-home-hero-card-content-width: 12.6875rem;
    --koshi-home-hero-card-width: 20.5625rem;
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    display: block !important;
    box-sizing: border-box;
    width: var(--koshi-home-hero-card-width);
    height: auto;
    min-height: 11.1875rem;
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    color: var(--koshi-mist);
    backdrop-filter: none;
    grid-row: 2 / 4;
    grid-column: 1;
    align-self: start;
  }
  .home-hero--figma .home-hero__slides ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-products__items {
    width: var(--koshi-home-hero-card-width);
    height: auto;
    min-height: 9.4375rem;
  }
  .home-hero--figma .home-hero__slide ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .home-hero__slide {
    position: relative;
    display: grid;
    box-sizing: border-box;
    width: var(--koshi-home-hero-card-width);
    height: auto;
    grid-template-columns: 6.375rem var(--koshi-home-hero-card-content-width);
    gap: 0.5rem;
    border-radius: 0.5rem;
    padding: 0.5rem;
    background: rgba(242, 242, 242, .2);
    min-height: 9.4375rem;
  }
  .home-hero--figma .home-hero__slide[hidden] ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .home-hero__slide[hidden] {
    display: none;
  }
  .home-hero--figma .home-hero__player-image ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .home-hero__player-image {
    display: block;
    width: 6.375rem;
    height: 8.4375rem;
    aspect-ratio: auto;
    border-radius: 0.3125rem;
    object-fit: cover;
  }
  .home-hero--figma .home-hero__player-badge ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .home-hero__player-badge {
  :is(:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout > .koshi-primitive--title,:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title),
    top: 0.904375rem;
    left: 4.4425rem;
    min-width: 2.0625rem;
    height: 1.125rem;
    padding: 0 0.25rem;
    font-family: "Instrument Sans", var(--koshi-sans);
    font-size: 0.5rem;
    line-height: 2.25;
    text-align: center;
  }
  .home-hero--figma .home-hero__slide-content ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .home-hero__slide-content {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
  }
  .home-hero--figma .home-hero__player strong ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-products__title {
    width: var(--koshi-home-hero-card-content-width);
    height: auto;
    overflow: visible;
    color: var(--koshi-mist);
    font-family: var(--koshi-display);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    white-space: normal;
    min-height: 1.5rem;
    overflow-wrap: anywhere;
  }
  .home-hero--figma .home-hero__player-listen ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .home-hero__player-listen {
    display: inline-flex;
    height: 1.3125rem;
    align-items: center;
    gap: 0.25rem;
    margin-top: 0.5rem;
    color: var(--koshi-mist);
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.3125;
    text-decoration: none;
  }
  .home-hero--figma .home-hero__player-listen svg ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .home-hero__player-listen svg,
.koshi-products__listen svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: currentColor;
  }
  .home-hero--figma .home-hero__player .home-hero__order ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-products--presentation-compact .home-hero__order {
    display: inline-flex;
    width: 7.125rem;
    height: 1.625rem;
    min-height: 1.625rem;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--koshi-mist);
    border-radius: 0.3125rem;
    margin-top: auto;
    padding: 0;
    color: var(--koshi-mist);
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5;
    text-decoration: none;
    text-transform: none;
  }
  .home-hero--figma .home-hero__player-controls ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .home-hero__player-controls ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-products .koshi-composition-navigation {
    display: flex;
    width: calc(var(--koshi-home-hero-card-width) - 1px);
    height: 1.25rem;
    align-items: center;
    justify-content: space-between;
    margin: 0.5rem 0 0 .5px;
  }
  .home-hero--figma .home-hero__player-dots,
  .home-hero--figma .home-hero__player-arrows ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .home-hero__player-dots,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .home-hero__player-arrows {
    display: flex;
    align-items: center;
  }
  .home-hero--figma .home-hero__player-dots ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .home-hero__player-dots {
    gap: 0.5rem;
  }
  .home-hero--figma .home-hero__player-dots button ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .home-hero__player-dots button ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-products .koshi-composition-navigation__dot {
    width: 0.3125rem;
    height: 0.3125rem;
    border: 0;
    border-radius: 50%;
    padding: 0;
    background: rgba(244, 241, 231, .38);
    cursor: pointer;
  }
  .home-hero--figma .home-hero__player-dots button[aria-current="true"] ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .home-hero__player-dots button[aria-current="true"] ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-products .koshi-composition-navigation__dot[aria-current="true"] {
    background: var(--koshi-mist);
  }
  .home-hero--figma .home-hero__player-arrows ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .home-hero__player-arrows {
    gap: 0.1875rem;
  }
  .home-hero--figma .home-hero__player-arrows button ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .home-hero__player-arrows button ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-products [data-koshi-navigation-previous], .koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-products [data-koshi-navigation-next] {
    display: grid;
    width: 1.25rem;
    height: 1.25rem;
    place-items: center;
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--koshi-mist);
    cursor: pointer;
    font: 300 1.4375rem/1.25rem Arial, sans-serif;
  }
  .home-hero--figma .home-hero__player-dots button:focus-visible,
  .home-hero--figma .home-hero__player-arrows button:focus-visible,
  .home-hero--figma .home-hero__player a:focus-visible ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .home-hero__player-dots button:focus-visible,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .home-hero__player-arrows button:focus-visible,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-products--presentation-compact a:focus-visible {
    outline: 0.125rem solid var(--koshi-mist);
    outline-offset: 0.1875rem;
  }
  .home-hero--figma .home-hero__scroll ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-composition__scroll {
    display: grid !important;
    top: auto;
    right: auto;
    bottom: auto;
    width: 1.875rem;
    height: 2.5rem;
    place-items: center;
    color: var(--koshi-mist);
    font-size: 1.625rem;
    line-height: 1;
    text-decoration: none;
    position: static;
    grid-row: 3;
    grid-column: 2;
    justify-self: end;
    margin-bottom: .3125rem;
  }
}



/* Figma Guides hub parity - 2026-07-10 */
.koshi-page-guides .koshi-figma-page--guides {
  overflow: hidden;
  background: var(--koshi-mist);
  color: var(--koshi-ink);
}

:is(.guide-figma-blog, .koshi-container.koshi-primitive--profile-article-index.koshi-primitive--layout-stack),
.guide-figma-editorial,
.koshi-container.koshi-primitive--profile-editorial-columns.koshi-primitive--layout-grid.koshi-primitive--columns-2 {
  box-sizing: border-box;
  background: var(--koshi-mist);
  padding-bottom: 7rem;
}

:is(.guide-figma-blog, .koshi-container.koshi-primitive--profile-article-index.koshi-primitive--layout-stack) {
  padding-top: 11.375rem;
  padding-bottom: 7rem;
  border-block-end: 1px solid var(--koshi-line);
}

:is(.guide-figma-container, .koshi-primitive--profile-article-index.koshi-primitive--layout-stack > .koshi-container__layout),
.guide-figma-editorial__inner,
.koshi-container.koshi-primitive--profile-editorial-columns.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout {
  box-sizing: border-box;
  width: min(80rem, calc(100% - 3rem));
  margin-inline: auto;
}

:is(.guide-figma-heading, .koshi-container.koshi-primitive--profile-heading.koshi-primitive--layout-stack) {
  width: min(48rem, 100%);
  min-height: 10.1875rem;
  margin-inline: auto;
  text-align: center;
}

:is(.guide-figma-heading, .koshi-container.koshi-primitive--profile-heading.koshi-primitive--layout-stack) h1 {
  width: min(50.625rem, calc(100vw - 3rem));
  margin: 0 0 0 50%;
  transform: translateX(-50%);
  font-family: var(--koshi-serif);
  font-size: 3.5rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: uppercase;
}

:is(.guide-figma-heading, .koshi-container.koshi-primitive--profile-heading.koshi-primitive--layout-stack) p {
  width: min(36.625rem, 100%);
  margin: 1.5rem auto 0;
  text-align: center;
  font-size: 1rem;
  letter-spacing: .02em;
  line-height: 1.5rem;
}

.guide-figma-filters {
  display: flex;
  flex-wrap: wrap;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  gap: .75rem 2rem;
  padding: 0;
  margin: 5rem auto 0;
  list-style: none;
}

.guide-figma-filters li {
  min-width: 0;
  max-width: 100%;
  padding: 0.5rem 0;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: .15em;
  line-height: 1.5rem;
  text-align: center;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.guide-figma-filters li.is-selected > a {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .625rem;
}

.guide-figma-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  column-gap: 2rem;
  row-gap: 4rem;
  margin-top: 4rem;
}

.guide-figma-card {
  display: flex;
  min-width: 0;
  overflow: hidden;
  border-radius: 0.5rem;
  background: var(--koshi-paper);
}

.guide-figma-card.is-featured {
  box-sizing: border-box;
  border: 1px solid var(--koshi-burgundy);
}

.guide-figma-card > a {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
}

.guide-figma-card > a > img {
  display: block;
  flex-shrink: 0;
  width: 100%;
  height: 16.875rem;
  object-fit: cover;
}

.guide-figma-card__body {
  display: flex;
  box-sizing: border-box;
  flex: 1;
  width: 100%;
  min-height: 0;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.5rem;
  container: koshi-guide-card / inline-size;
}

.guide-figma-card__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: .5rem 1rem;
  max-width: 100%;
}

.guide-figma-card__tag {
  display: inline-flex;
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  min-height: 1.625rem;
  align-items: center;
  border-radius: 0.125rem;
  background: var(--koshi-sage-soft);
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: .08em;
  line-height: 1.125rem;
  text-transform: uppercase;
  white-space: normal;
  overflow-wrap: anywhere;
}

.guide-figma-card__tag--featured {
  background: var(--koshi-burgundy);
  color: var(--koshi-paper);
}

.guide-figma-card__copy {
  width: 100%;
  overflow-wrap: anywhere;
  margin: 1rem 0 1.5rem;
}

.guide-figma-card__copy h2 {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2.125rem;
}

.guide-figma-card__copy p {
  margin: 0.5rem 0 0;
  font-size: 1rem;
  letter-spacing: .02em;
  line-height: 1.5rem;
}

.guide-figma-card__link {
  display: inline-flex;
  color: var(--koshi-burgundy);
  box-sizing: border-box;
  width: 5.125rem;
  height: 1.5625rem;
  align-items: center;
  border-bottom: 1px solid transparent;
  margin-top: auto;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: .12em;
  line-height: 1.3125rem;
  text-transform: uppercase;
  transition: border-bottom-color .8s cubic-bezier(.42, 0, .58, 1);
  white-space: nowrap;
}

.guide-figma-card__link:hover,
.guide-figma-card > a:focus-visible .guide-figma-card__link {
  border-bottom-color: var(--koshi-sage);
}

.guide-figma-card > a:focus-visible {
  outline: 0.125rem solid var(--koshi-ink);
  outline-offset: 0.25rem;
}

.guide-figma-editorial,
.koshi-container.koshi-primitive--profile-editorial-columns.koshi-primitive--layout-grid.koshi-primitive--columns-2 {
  padding-top: 7rem;
}

.guide-figma-editorial__inner,
.koshi-container.koshi-primitive--profile-editorial-columns.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout {
  display: grid;
  grid-template-columns: minmax(0, var(--koshi-primitive-weight-1, 656fr)) minmax(0, var(--koshi-primitive-weight-2, 624fr));
}

.guide-figma-editorial__inner > div:first-child,
.koshi-container.koshi-primitive--profile-editorial-columns.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > :is(.koshi-primitive--text,.koshi-editor-block):first-child {
  padding-right: 2rem;
}

.guide-figma-editorial p,
.koshi-primitive--text.koshi-primitive--role-support p {
  margin: 0;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.125rem;
}

.guide-figma-editorial p + p,
.koshi-primitive--text.koshi-primitive--role-support p + p {
  margin-top: 1rem;
}

.guide-figma-editorial a,
.koshi-primitive--text.koshi-primitive--role-support a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.1875rem;
}

@container koshi-editorial (max-width: 83rem) {
  :is(.guide-figma-blog, .koshi-container.koshi-primitive--profile-article-index.koshi-primitive--layout-stack) {
    padding: 9.375rem 3rem 7rem;
  }

  :is(.guide-figma-container, .koshi-primitive--profile-article-index.koshi-primitive--layout-stack > .koshi-container__layout),
    .guide-figma-editorial__inner,
    .koshi-container.koshi-primitive--profile-editorial-columns.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout {
    width: 100%;
  }

  :is(.guide-figma-heading, .koshi-container.koshi-primitive--profile-heading.koshi-primitive--layout-stack) {
    height: auto;
    min-height: 0;
  }

  .guide-figma-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .guide-figma-editorial,
  .koshi-container.koshi-primitive--profile-editorial-columns.koshi-primitive--layout-grid.koshi-primitive--columns-2 {
    padding: 5.5rem 3rem;
  }

  .guide-figma-editorial__inner,
  .koshi-container.koshi-primitive--profile-editorial-columns.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }

  .guide-figma-editorial__inner > div:first-child,
  .koshi-container.koshi-primitive--profile-editorial-columns.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > :is(.koshi-primitive--text,.koshi-editor-block):first-child {
    padding-right: 0;
  }
}

@container koshi-editorial (max-width: 42.5rem) {
  :is(.guide-figma-blog, .koshi-container.koshi-primitive--profile-article-index.koshi-primitive--layout-stack) {
    padding: 4.5rem 1.5rem;
  }

  :is(.guide-figma-heading, .koshi-container.koshi-primitive--profile-heading.koshi-primitive--layout-stack) h1 {
    font-size: 2.625rem;
  }

  :is(.guide-figma-heading, .koshi-container.koshi-primitive--profile-heading.koshi-primitive--layout-stack) p {
    font-size: 1rem;
  }

  .guide-figma-filters {
    gap: .75rem 1.5rem;
    margin-top: 3rem;
  }

  .guide-figma-grid {
    grid-template-columns: 1fr;
    row-gap: 2rem;
    margin-top: 2.5rem;
  }

  .guide-figma-card > a > img {
    height: auto;
    min-height: 0;
    aspect-ratio: 405.333 / 270;
  }

  .guide-figma-editorial,
  .koshi-container.koshi-primitive--profile-editorial-columns.koshi-primitive--layout-grid.koshi-primitive--columns-2 {
    padding: 4.5rem 1.5rem;
  }

  .guide-figma-editorial__inner,
  .koshi-container.koshi-primitive--profile-editorial-columns.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout {
    grid-template-columns: 1fr;
  }
}

@container koshi-guide-card (width < 8.25rem) {
  .guide-figma-card__link {
    max-width: 100%;
    height: auto;
    min-height: 1.5625rem;
    white-space: normal;
  }
}


/* Figma article parity - frame 12202:15426 */
.koshi-page-guide-use,
.koshi-page-guide-use .figma-page-main,
.koshi-page-guide-use .koshi-figma-page--comment-utiliser-un-carillon-koshi,
.koshi-page-article,
.koshi-page-article .figma-page-main,
.koshi-page-article .koshi-article {
  background: var(--koshi-mist);
  color: var(--koshi-ink);
}

.koshi-page-guide-use .koshi-figma-page--comment-utiliser-un-carillon-koshi,
.koshi-page-article .koshi-article {
  overflow: hidden;
}

:is(.guide-use-container, .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
  box-sizing: border-box;
  width: min(80rem, calc(100% - 3rem));
  margin-inline: auto;
}

:is(.guide-use-hero, .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2) {
  box-sizing: border-box;
  min-height: 41.25rem;
  padding: 6.125rem 0 7rem;
  background: var(--koshi-mist);
}

:is(.guide-use-hero__container, .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout) {
  display: grid;
  grid-template-columns: 26.25rem 48.75rem;
  gap: 5rem;
  align-items: start;
}

.guide-use-hero__copy {
  overflow-wrap: anywhere;
  min-width: 0;
}

.guide-use-breadcrumbs {
  display: flex;
  min-height: 18px;
  align-items: center;
  gap: 10px;
  color: var(--koshi-ink);
  font-size: 0.75rem;
  line-height: 1.5;
}

.guide-use-breadcrumbs a {
  color: inherit;
  text-decoration: none;
}

.guide-use-breadcrumbs a:hover,
.guide-use-breadcrumbs a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}

:is(.guide-use-hero h1, .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-primitive--title, .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title) {
  max-width: 26.25rem;
  margin: 2rem 0 0;
  font-family: var(--koshi-serif);
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
}

.guide-use-audio {
  width: min(100%, 16.6875rem);
  margin-top: 1.75rem;
}

.guide-use-audio .koshi-figma-audio-player {
  --koshi-figma-audio-color: var(--koshi-taupe);
  width: 100%;
}

.koshi-primitive--profile-article-meta .koshi-primitive--media-kind-audio {
  width: min(100%, 16.6875rem);
  margin: 0 0 1.75rem;
}

:is(.guide-use-meta, .koshi-primitive--profile-article-meta.koshi-primitive--layout-stack) {
  margin-top: 1.75rem;
  font-size: 1rem;
  line-height: 1.5;
}

:is(.guide-use-meta, .koshi-primitive--profile-article-meta.koshi-primitive--layout-stack) p {
  margin: 0;
}

:is(.guide-use-meta p + p, .koshi-primitive--profile-article-meta.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-article-information + .koshi-article-information, .koshi-primitive--profile-article-meta.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block + .koshi-editor-block > .koshi-article-information) {
  margin-top: 0.1875rem;
  font-size: 0.875rem;
}

:is(.guide-use-meta strong, .koshi-primitive--profile-article-meta.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-article-information strong, .koshi-primitive--profile-article-meta.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-article-information strong) {
  font-weight: 600;
}

.guide-use-meta span {
  margin-inline: 7px;
}

:is(.guide-use-share,:where( .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-article-share, .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-editor-block > .koshi-article-share)) {
  margin-top: 2rem;
}

:is(.guide-use-share > p, .koshi-article-share__label) {
  display: block;
  margin: 0;
  font-family: var(--koshi-sans);
  letter-spacing: 0;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.35;
}

.guide-use-share__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.guide-use-share__buttons > button,
.guide-use-share__buttons > a {
  border: 0;
  padding: 0.25rem;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--koshi-beige);
  color: var(--koshi-ink);
  font-family: var(--koshi-sans);
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1;
}

.guide-use-share__buttons > :is(button, a):focus-visible {
  outline: 0.125rem solid currentColor;
  outline-offset: 0.125rem;
}

.guide-use-share__status {
  flex-basis: 100%;
  font-size: .875rem;
  line-height: 1.4;
}

.guide-use-share__status:empty {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}

.guide-use-share__manual {
  flex-basis: 100%;
  font-size: 0.875rem;
}

.guide-use-share__manual[hidden] { display: none; }

.guide-use-share__manual input { width: 100%; box-sizing: border-box; }

.guide-use-share__icon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}

:is(.guide-use-hero__image, .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--shape-rounded > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))), .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--shape-rounded > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame)))) {
  display: block;
  width: 48.75rem;
  height: 28.125rem;
  border-radius: 1.5rem;
  object-fit: cover;
}

:is(.guide-use-body,.koshi-primitive--profile-article-prose.koshi-primitive--layout-stack[class]) {
  box-sizing: border-box;
  min-height: 2747px;
  background: var(--koshi-mist);
}

:is(.guide-use-article,.koshi-primitive--profile-article-prose.koshi-primitive--layout-stack[class] > .koshi-container__layout) {
  overflow-wrap: anywhere;
  width: min(48rem, calc(100% - 3rem));
  box-sizing: border-box;
  margin-inline: auto;
  padding-top: 8.5rem;
}

:is(.guide-use-article h2,:is(.koshi-primitive--profile-article-prose.koshi-primitive--layout-stack[class] > .koshi-container__layout > h2,.koshi-primitive--profile-article-prose.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > h2)) {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
}

:is(.guide-use-article__lead,:is(.koshi-primitive--profile-article-prose.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--role-lead,.koshi-primitive--profile-article-prose.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--role-lead)) {
  margin: 24px 0 0;
  font-size: 1rem;
  line-height: 1.5;
}

:is(.guide-use-article__gesture,:is(.koshi-primitive--profile-article-prose.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--shape-rounded,.koshi-primitive--profile-article-prose.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--shape-rounded) > :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link))) {
  display: block;
  width: 100%;
  height: 400px;
  margin-top: 32px;
  border-radius: 24px;
  object-fit: cover;
}

:is(.guide-use-instructions,.koshi-primitive--profile-article-instructions.koshi-primitive--layout-stack[class]) {
  margin-top: 97px;
}

:is(.guide-use-instructions > h3,:is(.koshi-primitive--profile-article-instructions.koshi-primitive--layout-stack[class] > .koshi-container__layout > h3,.koshi-primitive--profile-article-instructions.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > h3)) {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.3;
}

:is(.guide-use-instructions > h4,:is(.koshi-primitive--profile-article-instructions.koshi-primitive--layout-stack[class] > .koshi-container__layout > h4,.koshi-primitive--profile-article-instructions.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > h4)) {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
}

:is(.guide-use-prose,:is(:is(.koshi-primitive--profile-article-instructions.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--text,.koshi-primitive--profile-article-instructions.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text),:is(.koshi-primitive--profile-article-maintenance.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--text,.koshi-primitive--profile-article-maintenance.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text))) {
  margin-top: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

:is(.guide-use-prose p,:is(:is(.koshi-primitive--profile-article-instructions.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--text,.koshi-primitive--profile-article-instructions.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text),:is(.koshi-primitive--profile-article-maintenance.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--text,.koshi-primitive--profile-article-maintenance.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text)) > p) {
  margin: 0;
}

:is(.guide-use-prose p + p,:is(:is(.koshi-primitive--profile-article-instructions.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--text,.koshi-primitive--profile-article-instructions.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text),:is(.koshi-primitive--profile-article-maintenance.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--text,.koshi-primitive--profile-article-maintenance.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text)) > p + p) {
  margin-top: 24px;
}

:is(.guide-use-instructions > .guide-use-instructions__wind,:is(.koshi-primitive--profile-article-instructions.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--text + h4,.koshi-primitive--profile-article-instructions.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--text) + .koshi-editor-block > h4)) {
  margin-top: 36px;
}

:is(.guide-use-instructions__wind-copy,:is(.koshi-primitive--profile-article-instructions.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--text ~ .koshi-primitive--text,.koshi-primitive--profile-article-instructions.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--text) ~ .koshi-editor-block > .koshi-primitive--text)) {
  min-height: 96px;
  margin: 16px 0 0;
  font-size: 1rem;
  line-height: 1.5;
}

:is(.guide-use-feature,.koshi-primitive--profile-article-feature.koshi-primitive--layout-grid.koshi-primitive--columns-2[class] > .koshi-container__layout) {
  display: grid;
  grid-template-columns: 456px 292px;
  gap: 20px;
  align-items: start;
  margin-top: 52px;
}

:is(.koshi-guide-quote,:is(.koshi-primitive--profile-article-feature.koshi-primitive--layout-grid.koshi-primitive--columns-2[class] > .koshi-container__layout > .koshi-quote-item--plain,.koshi-primitive--profile-article-feature.koshi-primitive--layout-grid.koshi-primitive--columns-2[class] > .koshi-container__layout > .koshi-editor-block > .koshi-quote-item--plain) > blockquote),
.figma-wp-content--guide .entry-content blockquote {
  box-sizing: border-box;
  border-left: 2px solid var(--koshi-burgundy);
  padding-left: 20px;
  color: var(--koshi-ink);
  font-family: Inter, var(--koshi-sans);
  font-size: 1.25rem;
  font-weight: 400;
  font-style: italic;
  line-height: 1.4;
}

:is(.guide-use-feature .koshi-guide-quote,:is(.koshi-primitive--profile-article-feature.koshi-primitive--layout-grid.koshi-primitive--columns-2[class] > .koshi-container__layout > .koshi-quote-item--plain,.koshi-primitive--profile-article-feature.koshi-primitive--layout-grid.koshi-primitive--columns-2[class] > .koshi-container__layout > .koshi-editor-block > .koshi-quote-item--plain) > blockquote) {
  width: 456px;
  margin: 0;
}

.figma-wp-content--guide .entry-content blockquote {
  width: min(476px, 100%);
  margin: 36px 0;
}

:is(.guide-use-product,.koshi-products__editorial-link) {
  display: grid;
  color: var(--koshi-ink);
  text-decoration: none;
}

:is(.guide-use-product img,.koshi-products__editorial-link > img) {
  display: block;
  width: 292px;
  height: 360px;
  border-radius: 16px;
  object-fit: cover;
}

:is(.guide-use-product strong,.koshi-products__editorial-link > strong) {
  margin-top: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

:is(.guide-use-product span,.koshi-products__editorial-link > span) {
  margin-top: 8px;
  font-size: 0.75rem;
  line-height: 1.5;
}

:is(.guide-use-product:hover strong,.koshi-products__editorial-link:hover > strong),
:is(.guide-use-product:focus-visible strong,.koshi-products__editorial-link:focus-visible > strong) {
  text-decoration: underline;
  text-underline-offset: 3px;
}

:is(.guide-use-maintenance,.koshi-primitive--profile-article-maintenance.koshi-primitive--layout-stack[class]) {
  margin-top: 101px;
}

:is(.guide-use-maintenance h3,:is(.koshi-primitive--profile-article-maintenance.koshi-primitive--layout-stack[class] > .koshi-container__layout > h3,.koshi-primitive--profile-article-maintenance.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > h3)) {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.3;
}

:is(.guide-use-maintenance .guide-use-prose,:is(.koshi-primitive--profile-article-maintenance.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--text,.koshi-primitive--profile-article-maintenance.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text)) {
  min-height: 216px;
  margin-top: 20px;
}


:is(.guide-use-share--body .guide-use-share__buttons,:is(.koshi-primitive--profile-article-footer.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-article-share,.koshi-primitive--profile-article-footer.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-article-share) .koshi-share-actions) {
  margin-top: 1rem;
}

:is(.guide-use-share--body,.koshi-primitive--profile-article-footer.koshi-primitive--layout-stack[class]) {
  position: relative;
  min-height: 72px;
  margin-top: 80px;
}

:is(.guide-use-tags,:is(.koshi-primitive--profile-article-footer.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-article-information,.koshi-primitive--profile-article-footer.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-article-information)) {
  display: flex;
  position: static;
  justify-content: flex-end;
  margin-top: 1rem;
  gap: 8px;
}

:is(.guide-use-tags :is(span, a),:is(.koshi-primitive--profile-article-footer.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-article-information,.koshi-primitive--profile-article-footer.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-article-information) > .koshi-article-information__item--categories > a) {
  color: inherit;
  text-decoration: none;
  display: inline-flex;
  min-height: 1.625rem;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  border-radius: 0.125rem;
  background: var(--koshi-sage-soft);
  text-transform: uppercase;
  font-family: var(--koshi-sans);
  font-weight: 400;
  letter-spacing: 0.08em;
  font-size: 0.75rem;
  line-height: 1.5;
  padding: 0.25rem 0.5rem;
}

:is(.guide-use-article__end,.koshi-primitive--profile-article-end.koshi-primitive--layout-stack[class]) {
  display: grid;
  margin-top: 48px;
  border-top: 1px solid rgba(50, 42, 34, .45);
  place-items: start;
}

:is(.guide-use-article__end a,:is(.koshi-primitive--profile-article-end.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--media-item,.koshi-primitive--profile-article-end.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item) > a) {
  display: inline-flex;
  width: 124px;
  height: 53px;
  align-items: center;
  justify-content: center;
  margin-top: 43px;
}

:is(.guide-use-article__end :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:is(.koshi-primitive--profile-article-end.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--media-item,.koshi-primitive--profile-article-end.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item) :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link))) {
  width: 124px;
  height: 53px;
  object-fit: contain;
}

:is(.guide-use-cta, .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class]) {
  box-sizing: border-box;
  min-height: 747px;
  padding: 112px 0 191px;
  background: var(--koshi-mist);
  border-block-start: 1px solid var(--koshi-line);
}

:is(.guide-use-cta__container, .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
  display: grid;
  grid-template-columns: 526px 674px;
  gap: 80px;
  align-items: start;
}

:is(.guide-use-cta__copy, .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body) {
  overflow-wrap: anywhere;
  min-width: 0;
  padding-top: 102px;
}

:is(:is(.guide-use-cta, .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class]) h2, .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class] h2) {
  margin: 0;
  font-family: var(--koshi-serif);
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
}

:is(.guide-use-cta__primary, .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-composition__actions > .koshi-ui-button) {
  width: 378px;
  margin-top: 32px;
}

:is(.guide-use-cta__secondary, .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-composition__actions > .koshi-composition__text-link) {
  display: flex;
  width: max-content;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
  color: var(--koshi-ink);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: .08em;
  line-height: 2;
  text-decoration: none;
  text-transform: uppercase;
}

:is(.guide-use-cta__secondary span, .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-composition__actions > .koshi-composition__text-link span) {
  font-size: 1.375rem;
  line-height: 1;
  transition: transform .2s ease;
}

:is(.guide-use-cta__secondary:hover span, .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-composition__actions > .koshi-composition__text-link:hover span),
:is(.guide-use-cta__secondary:focus-visible span, .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-composition__actions > .koshi-composition__text-link:focus-visible span) {
  transform: translateX(4px);
}

:is(.guide-use-cta__container > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))), .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-media) {
  display: block;
  width: 674px;
  height: 444px;
  border-radius: 24px;
  object-fit: cover;
}

@media (max-width: 1328px) {
:is(.guide-use-cta__container, .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
    grid-template-columns: minmax(0, 42fr) minmax(0, 58fr);
    gap: 48px;
  }
:is(.guide-use-cta__container > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))), .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-media) {
    width: 100%;
  }

  :is(.guide-use-cta__container > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))), .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-media) {
    aspect-ratio: 674 / 444;
    height: auto;
  }
}

@media (max-width: 900px) {
:is(.guide-use-cta, .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class]) {
    min-height: 0;
  }
:is(.guide-use-cta__container, .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
    grid-template-columns: minmax(0, 1fr);
  }

  :is(.guide-use-cta, .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class]) {
    padding: 96px 0 112px;
  }

  :is(.guide-use-cta__copy, .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body) {
    padding-top: 0;
  }

  :is(.guide-use-cta__container > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))), .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-media) {
    grid-row: 1;
  }
}

@media (max-width: 680px) {
:is(.guide-use-container, .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
    width: calc(100% - 2rem);
  }
:is(.guide-use-cta__container, .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
    gap: 48px;
  }
:is(:is(.guide-use-cta, .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class]) h2, .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class] h2) {
    font-size: 2.5rem;
  }

  .guide-use-audio {
    max-width: 100%;
    grid-template-columns: 20px minmax(0, 1fr) 20px;
  }
:is(.guide-use-share > p, .koshi-article-share__label) {
    font-size: 1rem;
  }

  :is(.guide-use-cta, .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class]) {
    padding: 80px 0 96px;
  }

  :is(.guide-use-cta__primary, .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-composition__actions > .koshi-ui-button) {
    width: 100%;
    font-size: 0.75rem;
  }

  :is(.guide-use-cta__secondary, .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-composition__actions > .koshi-composition__text-link) {
    max-width: 100%;
    font-size: 0.75rem;
  }

  :is(.guide-use-cta__container > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))), .koshi-primitive--profile-action-split.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-media) {
    min-height: 260px;
    aspect-ratio: 4 / 3;
  }
}

/* Figma FAQ parity - frame 12202:15342 */
.koshi-page-faq,
.koshi-page-faq .figma-page-main,
.koshi-page-faq .koshi-figma-page--faq {
  background: var(--koshi-mist);
  color: var(--koshi-ink);
}

.koshi-page-faq .koshi-figma-page--faq {
  overflow: hidden;
}

:is(.koshi-primitive--profile-faq-page.koshi-primitive--layout-stack[class] > .koshi-container__layout,.faq-figma-container, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
  box-sizing: border-box;
  width: min(80rem, calc(100% - 48px));
  margin-inline: auto;
}

:is(.faq-figma-page,.koshi-primitive--profile-faq-page.koshi-primitive--layout-stack[class]) {
  box-sizing: border-box;
  min-height: 0;
  padding-bottom: var(--koshi-section-padding-large);
  padding-top: 98px;
  background: var(--koshi-mist);
}

:is(.faq-figma-heading,.koshi-primitive--profile-faq-page.koshi-primitive--layout-stack[class]) { --koshi-faq-heading-min:180px; --koshi-faq-title-min:116px; --koshi-faq-search-min:40px; --koshi-faq-heading-gap:24px; }
:is(.faq-figma-heading,.koshi-primitive--profile-faq-heading.koshi-primitive--layout-stack[class]) { width:min(48rem, 100%); margin-inline:auto; }
.faq-figma-heading {
  display: grid;
  min-height: var(--koshi-faq-heading-min);
  grid-template-rows: minmax(var(--koshi-faq-title-min), max-content) minmax(var(--koshi-faq-search-min), max-content);
  gap: var(--koshi-faq-heading-gap);
  justify-items: center;
}

:is(.faq-figma-heading h1,.koshi-primitive--profile-faq-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title) {
  width: 100%;
  min-height: 116px;
  margin: 0;
  color: var(--koshi-ink);
  font-family: var(--koshi-display);
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  text-align: center;
  overflow-wrap: anywhere;
}

.faq-figma-search-control {
  width: min(15.5rem, 100%);
  align-self: end;
}

.faq-figma-search {
  display: inline-flex;
  width: 100%;
  min-height: 2.5rem;
  box-sizing: border-box;
  align-items: center;
  gap: .75rem;
  border-radius: .25rem;
  background: var(--koshi-beige);
  color: var(--koshi-ink);
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: .875rem;
  line-height: 1.2;
  padding: 0 .75rem;
}

.faq-figma-search svg {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 1.25;
}

.faq-figma-search input {
  min-width: 0;
  width: 100%;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: inherit;
}

.faq-figma-search input::placeholder { color: inherit; opacity: 1; }
.faq-figma-search:focus-within { outline: .125rem solid currentColor; outline-offset: .125rem; }
.faq-figma-search input:focus { outline: none; }
/* Reserve the feedback line even when no query is active. */
.faq-figma-search-status { margin: .5rem 0 0; font-size: .875rem; min-block-size: 1lh; }
.faq-figma-search-status[hidden] { display: block; visibility: hidden; }
.faq-figma-item[hidden] { display: none; }
.faq-figma-match { color: inherit; background: var(--koshi-sage-soft); padding: 0; }

.faq-figma-columns {
  display: grid;
  margin-top: 80px;
  grid-template-columns: repeat(2, minmax(0, 608px));
  gap: 64px;
}

.faq-figma-column {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.faq-figma-item {
  min-height: var(--faq-item-height);
  box-sizing: border-box;
}

.koshi-questions__column > .koshi-questions__item:not([hidden]):not(:has(~ .koshi-questions__item:not([hidden]))) {
  border-bottom: 1px solid var(--koshi-burgundy);
}
.koshi-questions__column:has(~ .koshi-questions__column > .koshi-questions__item:not([hidden])) > .koshi-questions__item:not([hidden]):not(:has(~ .koshi-questions__item:not([hidden]))) {
  border-bottom-width: var(--koshi-question-junction-width, 1px);
}

.faq-figma-question {
  display: grid;
  min-height: var(--faq-question-height);
  box-sizing: border-box;
  grid-template-columns: minmax(0, 560px) 24px;
  gap: 24px;
  align-items: start;
  border-top: 1px solid var(--koshi-burgundy);
  padding-top: 19px;
}

.faq-figma-question h2 {
  margin: 0;
  color: var(--koshi-ink);
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: .08em;
  line-height: 1.5;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.faq-figma-question svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: var(--koshi-ink);
  stroke-linecap: square;
  stroke-linejoin: miter;
  stroke-width: .75;
}

.faq-figma-answer {
  box-sizing: border-box;
  padding-bottom: 24px;
  color: var(--koshi-ink);
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.faq-figma-answer p {
  margin: 0;
}

.faq-figma-answer p + p {
  margin-top: 24px;
}

:is(.faq-figma-cta, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class]) {
  box-sizing: border-box;
  min-height: 747px;
  padding: 112px 0 191px;
  background: var(--koshi-mist);
}

:is(.faq-figma-cta__container, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
  display: grid;
  grid-template-columns: minmax(0, 526fr) minmax(0, 674fr);
  gap: 80px;
  align-items: start;
}

:is(.faq-figma-cta__copy, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body) {
  padding-top: 73px;
  min-width: 0;
}

:is(:is(.faq-figma-cta, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class]) h2, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class] h2) {
  margin: 0;
  color: var(--koshi-ink);
  font-family: var(--koshi-display);
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

:is(.faq-figma-cta__actions, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-composition__actions) {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 24px;
  margin-top: 32px;
}

:is(.faq-figma-cta__primary, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-composition__actions > .koshi-ui-button) {
  width: 221px;
}

:is(.faq-figma-cta__secondary, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-composition__actions > .koshi-composition__text-link) {
  display: inline-flex;
  width: max-content;
  min-height: 28px;
  align-items: center;
  gap: 10px;
  color: var(--koshi-ink);
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: .08em;
  line-height: 2;
  text-decoration: none;
  text-transform: uppercase;
}

:is(.faq-figma-cta__secondary span, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-composition__actions > .koshi-composition__text-link span) {
  font-size: 1.375rem;
  line-height: 1;
  transition: transform .2s ease;
}

:is(.faq-figma-cta__secondary:hover span, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-composition__actions > .koshi-composition__text-link:hover span),
:is(.faq-figma-cta__secondary:focus-visible span, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-composition__actions > .koshi-composition__text-link:focus-visible span) {
  transform: translateX(4px);
}

:is(.faq-figma-cta__container > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))), .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-media) {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 674 / 444;
  border-radius: 24px;
  object-fit: cover;
}

@media (max-width: 1328px) {
  :is(.faq-figma-page,.koshi-primitive--profile-faq-page.koshi-primitive--layout-stack[class]) {
    min-height: 0;
    padding-bottom: 9rem;
  }

  .faq-figma-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 48px;
  }

  .faq-figma-item {
    height: auto;
    min-height: 0;
  }

  .faq-figma-question {
    height: auto;
    min-height: var(--faq-question-height);
    grid-template-columns: minmax(0, 1fr) 24px;
  }

  .faq-figma-answer {
    padding-bottom: 48px;
  }

  :is(.faq-figma-cta, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class]) {
    min-height: 0;
  }

  :is(.faq-figma-cta__container, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
    grid-template-columns: minmax(0, 42fr) minmax(0, 58fr);
    gap: 48px;
  }

  :is(.faq-figma-cta__container > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))), .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-media) {
    width: 100%;
    height: auto;
    aspect-ratio: 674 / 444;
  }
}

@media (max-width: 900px) {
  :is(.faq-figma-page,.koshi-primitive--profile-faq-page.koshi-primitive--layout-stack[class]) {
    padding: 4.5rem 0 7rem;
  }

  .faq-figma-columns {
    --koshi-question-junction-width: 0px;
    margin-top: 72px;
    grid-template-columns: 1fr;
    gap: 0;
  }



  :is(.faq-figma-cta, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class]) {
    padding: 96px 0 112px;
  }

  :is(.faq-figma-cta__container, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
    grid-template-columns: minmax(0, 1fr);
  }

  :is(.faq-figma-cta__copy, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body) {
    padding-top: 0;
    min-width: 0;
  }

  :is(.faq-figma-cta__container > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))), .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-media) {
    grid-row: 1;
  }
}

@media (max-width: 680px) {
  :is(.koshi-primitive--profile-faq-page.koshi-primitive--layout-stack[class] > .koshi-container__layout,.faq-figma-container, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
    width: calc(100% - 32px);
  }

  :is(.faq-figma-page,.koshi-primitive--profile-faq-page.koshi-primitive--layout-stack[class]) {
    padding: 3.5rem 0 5rem;
  }

  :is(.faq-figma-heading,.koshi-primitive--profile-faq-page.koshi-primitive--layout-stack[class]) { --koshi-faq-heading-min:176px; --koshi-faq-title-min:0px; }
  .faq-figma-heading {
    min-height: var(--koshi-faq-heading-min);
    grid-template-rows: auto minmax(var(--koshi-faq-search-min), max-content);
  }

  :is(.faq-figma-heading h1,.koshi-primitive--profile-faq-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title) {
    height: auto;
    min-height: 0;
  }

  :is(.faq-figma-heading h1,.koshi-primitive--profile-faq-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title),
  :is(:is(.faq-figma-cta, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class]) h2, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class] h2) {
    font-size: 2.5rem;
  }

  :is(.faq-figma-heading h1 br,.koshi-primitive--profile-faq-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title br),
  :is(:is(.faq-figma-cta, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class]) h2 br, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class] h2 br) {
    display: none;
  }

  .faq-figma-search {
    max-width: 100%;
  }

  .faq-figma-columns {
    margin-top: 56px;
  }

  .faq-figma-question {
    min-height: 72px;
    gap: 16px;
    padding-top: 18px;
  }

  .faq-figma-question h2 {
    font-size: 1.0625rem;
    line-height: 1.4;
  }

  .faq-figma-answer {
    font-size: 0.9375rem;
    padding-bottom: 40px;
  }

  .faq-figma-answer p + p {
    margin-top: 20px;
  }

  :is(.faq-figma-cta, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class]) {
    padding: 80px 0 96px;
  }

  :is(.faq-figma-cta__container, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
    gap: 48px;
  }

  :is(.faq-figma-cta__primary, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-composition__actions > .koshi-ui-button) {
    width: 100%;
    font-size: 12px;
  }

  :is(.faq-figma-cta__secondary, .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-composition__actions > .koshi-composition__text-link) {
    max-width: 100%;
    font-size: 0.75rem;
  }

  :is(.faq-figma-cta__container > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))), .koshi-primitive--profile-action-split-grouped.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-media) {
    min-height: 260px;
    aspect-ratio: 4 / 3;
  }
}

/* Figma Contact parity - frame 12202:15295 */
.koshi-page-contact,
.koshi-page-contact .figma-page-main,
.koshi-page-contact .koshi-figma-page--nous-contacter {
  background: var(--koshi-mist);
  color: var(--koshi-ink);
}

.koshi-page-contact .koshi-figma-page--nous-contacter {
  overflow: hidden;
}

:is(.contact-figma-container,.koshi-primitive--profile-contact-page.koshi-primitive--layout-stack[class] > .koshi-container__layout) {
  box-sizing: border-box;
  width: min(1280px, calc(100% - 48px));
  margin-inline: auto;
}

:is(.contact-figma-page,.koshi-primitive--profile-contact-page.koshi-primitive--layout-stack[class]) {
  box-sizing: border-box;
  min-height: 1395px;
  padding-top: 98px;
  background: var(--koshi-mist);
}

:is(.contact-figma-heading,.koshi-primitive--profile-contact-heading.koshi-primitive--layout-stack[class] > .koshi-container__layout) {
  display: grid;
  width: min(768px, 100%);
  min-height: 11.75rem;
  grid-template-rows: minmax(7.25rem, auto) minmax(3rem, auto);
  gap: 24px;
  margin-inline: auto;
  text-align: center;
}

:is(.contact-figma-heading h1,.koshi-primitive--profile-contact-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title) {
  width: 100%;
  min-height: 7.25rem;
  margin: 0;
  color: var(--koshi-ink);
  font-family: var(--koshi-display);
  font-size: 48px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
}

:is(.contact-figma-heading p,.koshi-primitive--profile-contact-heading.koshi-primitive--layout-stack[class] .koshi-primitive--text > p) {
  width: 100%;
  min-height: 3rem;
  margin: 0;
  color: var(--koshi-ink);
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
}

.contact-figma-form {
  display: flex;
  width: min(768px, 100%);
  min-height: 949px;
  flex-direction: column;
  gap: 24px;
  margin: 48px auto 0;
}

.contact-figma-status {
  width: min(768px, 100%);
  box-sizing: border-box;
  margin: 32px auto -16px;
  border-left: 2px solid currentColor;
  padding: 10px 16px;
  color: var(--koshi-burgundy);
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 15px;
  line-height: 1.5;
}

.contact-figma-status--success {
  color: var(--koshi-sage-dark, #6f8c72);
}

.koshi-public-form-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.contact-figma-row {
  display: grid;
  width: 100%;
  height: 80px;
  grid-template-columns: repeat(2, minmax(0, 372px));
  gap: 24px;
}

.contact-figma-field {
  display: grid;
  width: 100%;
  height: 80px;
  grid-template-rows: 24px 48px;
  gap: 8px;
}

.contact-figma-field label,
.contact-figma-radios legend {
  margin: 0;
  color: var(--koshi-ink);
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
}

.contact-figma-field input,
.contact-figma-field select,
.contact-figma-field textarea {
  width: 100%;
  box-sizing: border-box;
  border: 0;
  border-radius: 5px;
  outline: 0;
  background-color: var(--koshi-beige);
  color: #000;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.contact-figma-field input,
.contact-figma-field select {
  height: 48px;
  padding: 0 12px;
}

.contact-figma-field select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23322a22' stroke-width='1'%3E%3Cpath d='m7 9 5 5 5-5'/%3E%3C/svg%3E");
  background-position: right 12px center;
  background-repeat: no-repeat;
  padding-right: 48px;
}

.contact-figma-field input:focus-visible,
.contact-figma-field select:focus-visible,
.contact-figma-field textarea:focus-visible,
.contact-figma-radios input:focus-visible,
.contact-figma-consent input:focus-visible {
  outline: 2px solid var(--koshi-burgundy);
  outline-offset: 2px;
}

.contact-figma-radios {
  display: block;
  width: 100%;
  min-height: 172px;
  box-sizing: border-box;
  margin: 0;
  border: 0;
  padding: 16px 0;
}

.contact-figma-radios legend {
  float: left;
  width: 100%;
  height: 24px;
  box-sizing: border-box;
  margin: 0 0 16px;
  padding: 0;
}

.contact-figma-radios > div {
  display: grid;
  width: 100%;
  clear: both;
  grid-template-columns: repeat(2, minmax(0, 372px));
  column-gap: 24px;
  row-gap: 14px;
}

.contact-figma-radios label,
.contact-figma-consent {
  display: flex;
  color: #000;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.contact-figma-radios label {
  height: 24px;
  align-items: center;
  gap: 12px;
}

.contact-figma-radios input,
.contact-figma-consent input {
  width: 18px;
  min-width: 18px;
  height: 18px;
  box-sizing: border-box;
  appearance: none;
  margin: 0;
  border: 1px solid #000;
  background-color: var(--koshi-mist);
}

.contact-figma-radios input {
  border-radius: 50%;
}

.contact-figma-radios input:checked {
  background: radial-gradient(circle, var(--koshi-ink) 0 4px, transparent 5px), var(--koshi-mist);
}

.contact-figma-field--message {
  height: 212px;
  grid-template-rows: 24px 180px;
}

.contact-figma-field textarea {
  height: 180px;
  min-height: 180px;
  padding: 12px;
  resize: vertical;
}

.contact-figma-field textarea::placeholder {
  color: #000;
  opacity: 1;
}

.contact-figma-consent {
  width: 100%;
  min-height: 37px;
  box-sizing: border-box;
  align-items: center;
  gap: 8px;
}

.contact-figma-consent input {
  border-radius: 0;
}

.contact-figma-consent input:checked {
  background-color: var(--koshi-ink);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='m4 9 3 3 7-7'/%3E%3C/svg%3E");
}

.contact-figma-submit {
  width: 131px;
  align-self: center;
}

@media (max-width: 900px) {
  :is(.contact-figma-page,.koshi-primitive--profile-contact-page.koshi-primitive--layout-stack[class]) {
    min-height: 0;
    padding: 72px 0 112px;
  }
}

@media (max-width: 680px) {
  :is(.contact-figma-container,.koshi-primitive--profile-contact-page.koshi-primitive--layout-stack[class] > .koshi-container__layout) {
    width: calc(100% - 32px);
  }

  :is(.contact-figma-page,.koshi-primitive--profile-contact-page.koshi-primitive--layout-stack[class]) {
    padding: 56px 0 80px;
  }

  :is(.contact-figma-heading,.koshi-primitive--profile-contact-heading.koshi-primitive--layout-stack[class] > .koshi-container__layout) {
    height: auto;
    min-height: 0;
    grid-template-rows: auto auto;
  }

  :is(.contact-figma-heading h1,.koshi-primitive--profile-contact-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title) {
    height: auto;
    min-height: 0;
    font-size: 40px;
  }

  :is(.contact-figma-heading h1 br,.koshi-primitive--profile-contact-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title br) {
    display: none;
  }

  :is(.contact-figma-heading p,.koshi-primitive--profile-contact-heading.koshi-primitive--layout-stack[class] .koshi-primitive--text > p) {
    height: auto;
    min-height: 0;
    font-size: 16px;
  }

  .contact-figma-form {
    height: auto;
    margin-top: 48px;
  }

  .contact-figma-row {
    height: auto;
    grid-template-columns: 1fr;
  }

  .contact-figma-radios {
    height: auto;
  }

  .contact-figma-radios > div {
    grid-template-columns: 1fr;
  }

  .contact-figma-consent {
    min-height: 0;
    align-items: flex-start;
  }
}

/* Figma Manufacture parity - frame 12202:15105 */
.koshi-page-manufacture,
.koshi-page-manufacture .figma-page-main,
.koshi-page-manufacture .koshi-figma-page--la-manufacture {
  background: var(--koshi-mist);
  color: var(--koshi-ink);
}

.koshi-page-manufacture .koshi-figma-page--la-manufacture {
  overflow: hidden;
  container: koshi-editorial / inline-size;
}

:is(.manufacture-figma-container, .koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] > .koshi-container__layout, .koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout, .koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] > .koshi-container__layout, .koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout) {
  position: relative;
  width: min(80rem, 100%);
  height: 100%;
  margin: 0 auto;
}

:is(.manufacture-figma-hero, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay),
:is(.manufacture-figma-manifest,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class]),
:is(.manufacture-figma-workshop,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class]),
:is(.manufacture-figma-values,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class]),
:is(.manufacture-figma-craft,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class]),
:is(.manufacture-figma-commitments, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid),
:is(.manufacture-figma-cta,.koshi-primitive--profile-callout-wide.koshi-primitive--layout-stack[class]),
:is(.manufacture-figma-closing-image, .koshi-primitive--profile-media-wide.koshi-primitive--layout-stack) {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

:is(.manufacture-figma-manifest,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class]),
:is(.manufacture-figma-workshop,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class]),
:is(.manufacture-figma-values,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class]),
:is(.manufacture-figma-craft,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class]),
:is(.manufacture-figma-commitments, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid),
:is(.manufacture-figma-cta,.koshi-primitive--profile-callout-wide.koshi-primitive--layout-stack[class]),
:is(.manufacture-figma-closing-image, .koshi-primitive--profile-media-wide.koshi-primitive--layout-stack) {
  margin-top: -1px;
}

:is(.manufacture-figma-hero, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay) {
  min-height: 44.6875rem;
  height: auto;
  overflow: hidden;
  background: #050505;
  color: var(--koshi-white);

  display: grid;
  justify-items: center;
  align-content: start;
  padding-block: 18.6875rem 6rem;
}

:is(.manufacture-figma-hero::after, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay::after) {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: rgba(0, 0, 0, .4);
  content: "";
}

:is(.manufacture-figma-hero__image, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay .koshi-primitive--placement-role-background .koshi-primitive--media-item.koshi-primitive--fit-cover > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),video,:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame)))) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:is(.manufacture-figma-hero__copy, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content) {
  position: relative;
  z-index: 2;
  top: auto;
  left: auto;
  width: 50.125rem;
  transform: none;
  text-align: center;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.manufacture-figma-hero h1, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-display),
:is(.manufacture-figma-manifest h2,:is(:is(.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-heading,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-heading)),.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-heading .koshi-primitive--title)),
:is(.manufacture-figma-workshop h2,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout .koshi-primitive--title),
:is(.manufacture-figma-values h2,:is(.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--title,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title)),
:is(.manufacture-figma-craft h2,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] > .koshi-container__layout h2.koshi-primitive--title),
:is(.manufacture-figma-commitments h2, :is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--title, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title)),
:is(.manufacture-figma-cta h2,.koshi-primitive--profile-callout-wide.koshi-primitive--layout-stack[class] .koshi-primitive--title) {
  margin: 0;
  font-family: var(--koshi-display);
  font-weight: 400;
  letter-spacing: 0;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.manufacture-figma-hero h1, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-display) {
  width: 48rem;
  margin: 0 auto;
  font-size: 3.5rem;
  line-height: 1.2;
  text-transform: uppercase;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.manufacture-figma-hero p, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--text > p, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--text > p, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text > p, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text > p) {
  width: 100%;
  margin: 1.5rem 0 0;
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 1.125rem;
  line-height: 1.5rem;

  overflow-wrap: anywhere;
  min-width: 0;
}



:is(.manufacture-figma-manifest h2,:is(:is(.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-heading,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-heading)),.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-heading .koshi-primitive--title)) {  width: 36.375rem;
  font-size: 3rem;
  line-height: 1.2;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.manufacture-figma-manifest__main,:is(.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-media,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-media))),
:is(.manufacture-figma-manifest__detail,:is(.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-detail,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-detail))) {  display: block;
  border-radius: 1rem;
  --koshi-media-presentation-fit: cover;
  object-fit: var(--koshi-media-presentation-fit);
}

:is(.manufacture-figma-manifest__main,:is(.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-media,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-media))) {  width: 36.375rem;
  height: 37.3125rem;
}

:is(.manufacture-figma-manifest__detail,:is(.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-detail,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-detail))) {  width: 16.875rem;
  height: 17.3125rem;
}

:is(.manufacture-figma-manifest__copy,:is(:is(.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-body,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-body)),.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-primitive--text)) {  display: flex;
  width: 32.5rem;
  flex-direction: column;
  gap: 1.125rem;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.manufacture-figma-manifest__copy p,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-primitive--text > p),
:is(.manufacture-figma-workshop__copy p,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout .koshi-primitive--text > p),
:is(.manufacture-figma-values__grid p,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout .koshi-primitive--text > p),
:is(.manufacture-figma-craft__card p,:is(.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) .koshi-primitive--text > p),
:is(.manufacture-figma-commitments__copy p, :is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--text, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text) > p),
:is(.manufacture-figma-cta p,.koshi-primitive--profile-callout-wide.koshi-primitive--layout-stack[class] .koshi-primitive--text > p) {
  margin: 0;
  font-family: "Instrument Sans", var(--koshi-sans);
  font-weight: 400;
  letter-spacing: 0;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.manufacture-figma-manifest__copy p,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-primitive--text > p) {
  font-size: 1.125rem;
  line-height: 1.5;

  overflow-wrap: anywhere;
  min-width: 0;
}



:is(.manufacture-figma-workshop__copy h2,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout .koshi-primitive--title) {  width: 24.25rem;
  font-size: 3rem;
  line-height: 1.2;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.manufacture-figma-workshop__copy > div,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout .koshi-primitive--text) {  display: flex;
  width: 27.375rem;
  flex-direction: column;
  gap: 1.6875rem;

  overflow-wrap: anywhere;
  min-width: 0;
}

.manufacture-figma-workshop__rule,
.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout::before {  display: block;
  width: 27.375rem;
  height: 1px;
  background: var(--koshi-sage);
}

:is(.manufacture-figma-workshop__copy p,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout .koshi-primitive--text > p) {
  font-size: 1.125rem;
  line-height: 1.5;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.manufacture-figma-workshop__image,:is(.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-media,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-media))) {  width: 27.25rem;
  height: 41.0625rem;
  border-radius: 1rem;
  --koshi-media-presentation-fit: cover;
  object-fit: var(--koshi-media-presentation-fit);
}



:is(.manufacture-figma-values__frame,:is(.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--media-item,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--media-item))) {
  position: relative;
  display: block;
  width: 80rem;
  height: 45.25rem;
  border: 0;
  border-radius: 1rem;
  background: #000;
}

:is(.manufacture-figma-values__video,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] video) {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

:is(.manufacture-figma-values__indicators,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] .koshi-primitive__video-controls) {
  position: absolute;
  z-index: 2;
  bottom: 1.095625rem;
  right: 1.125rem;
  display: flex;
  gap: .5rem;
}

:is(.manufacture-figma-values h2,:is(.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--title,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title)) {  width: 45.3125rem;
  font-size: 3rem;
  line-height: 1.2;

  overflow-wrap: anywhere;
  min-width: 0;
}

.manufacture-figma-values__rule,
.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout::before {  display: block;
  width: 80rem;
  height: 1px;
  background: var(--koshi-sage);
}

:is(.manufacture-figma-values__grid,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout) {  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 25.3333125rem));
  gap: 2rem;
}

:is(.manufacture-figma-values__grid article,:is(.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container)) {
  width: 25.3333125rem;

  min-width: 0;
}

:is(.manufacture-figma-values__grid h3,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout .koshi-primitive--title) {
  min-height: 2.625rem;
  margin: 0;
  font-family: var(--koshi-display);
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.3;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.manufacture-figma-values__grid p,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout .koshi-primitive--text > p) {
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1.5;

  overflow-wrap: anywhere;
  min-width: 0;
}



:is(.manufacture-figma-craft h2,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] > .koshi-container__layout h2.koshi-primitive--title) {  width: 41.125rem;
  font-size: 3rem;
  line-height: 1.2;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.manufacture-figma-craft__grid,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout) {  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, 26rem);
  gap: 1rem;
}

:is(.manufacture-figma-craft__card,:is(.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--container))) {
  width: 26rem;
}

:is(.manufacture-figma-craft__card:nth-child(2),:is(.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container:nth-child(2),.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block:nth-child(2):has(> .koshi-primitive--container))) {
  margin-top: 5rem;
}

:is(.manufacture-figma-craft__card:nth-child(3),:is(.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container:nth-child(3),.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block:nth-child(3):has(> .koshi-primitive--container))) {
  margin-top: 10rem;
}

:is(.manufacture-figma-craft__card :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:is(.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link))) {
  display: block;
  width: 26rem;
  height: 22.5rem;
  border-radius: 0.5rem;
  object-fit: var(--koshi-media-fit, cover);
}

:is(.manufacture-figma-craft__card:nth-child(2) :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:is(.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container:nth-child(2),.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block:nth-child(2):has(> .koshi-primitive--container)) :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link))) {
  height: 361px;
}

:is(.manufacture-figma-craft__card:nth-child(3) :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:is(.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container:nth-child(3),.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block:nth-child(3):has(> .koshi-primitive--container)) :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link))) {
  height: 362px;
}

:is(.manufacture-figma-craft__card h3,:is(.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) .koshi-primitive--title) {
  margin: 2rem 0 0;
  padding-block-end: 1rem;
  border-block-end: 2px solid color-mix(in srgb, var(--koshi-burgundy) 15%, transparent);
  font-family: var(--koshi-display);
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.3;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.manufacture-figma-craft__card > div,:is(.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) .koshi-primitive--text) {
  display: flex;
  width: 20.25rem;
  flex-direction: column;
  gap: 1.3125rem;
  margin-top: 1rem;

  min-width: 0;
}

:is(.manufacture-figma-craft__card p,:is(.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) .koshi-primitive--text > p) {
  font-size: 0.875rem;
  line-height: 1.5;

  overflow-wrap: anywhere;
  min-width: 0;
}



:is(:is(.manufacture-figma-commitments__inner, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout) > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))), :is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--media-item, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item)) {  width: 37.5rem;
  height: 53.25rem;
  border-radius: 1.5rem;
  object-fit: cover;
}

:is(.manufacture-figma-commitments__copy, :is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--title, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title), :is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--text, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text)) {  width: 28.125rem;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.manufacture-figma-commitments h2, :is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--title, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title)) {
  padding-block-end: 2rem;
  border-block-end: 1px solid var(--koshi-sage);
  font-size: 3rem;
  line-height: 1.2;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.manufacture-figma-commitments__copy > div, :is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--text, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text)) {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 4rem;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.manufacture-figma-commitments__copy p, :is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--text, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text) > p) {
  font-size: 1rem;
  line-height: 1.5;

  overflow-wrap: anywhere;
  min-width: 0;
}



:is(.manufacture-figma-cta__inner,.koshi-primitive--profile-callout-wide.koshi-primitive--layout-stack[class] > .koshi-container__layout) {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  flex-direction: column;
  padding-top: 7rem;
  text-align: center;
}

:is(.manufacture-figma-cta h2,.koshi-primitive--profile-callout-wide.koshi-primitive--layout-stack[class] .koshi-primitive--title) {
  width: 48rem;
  max-width: 100%;
  min-height: 7.25rem;
  font-size: 3rem;
  line-height: 1.2;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.manufacture-figma-cta h2 span,.koshi-primitive--profile-callout-wide.koshi-primitive--layout-stack[class] .koshi-primitive--title > span) {
  display: block;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.manufacture-figma-cta p,.koshi-primitive--profile-callout-wide.koshi-primitive--layout-stack[class] .koshi-primitive--text > p) {
  width: 32.25rem;
  margin-top: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.5;

  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.manufacture-figma-cta a,.koshi-primitive--profile-callout-wide.koshi-primitive--layout-stack[class] .koshi-ui-button) {
  width: 14.0625rem;
  margin-top: 2rem;
}

:is(.manufacture-figma-closing-image, .koshi-primitive--profile-media-wide.koshi-primitive--layout-stack) {
  height: 50.625rem;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

:is(.manufacture-figma-closing-image :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)), .koshi-primitive--profile-media-wide.koshi-primitive--layout-stack .koshi-primitive--fit-presentation > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame)))) {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

/* Text tracks grow independently from the intrinsic Figma image dimensions. */
@container koshi-editorial (width > 83rem) {
  :is(.manufacture-figma-manifest__inner,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
    display: grid;
    grid-template-columns: 36.375rem 5rem 38.625rem;
    grid-template-rows: minmax(7.625rem, auto) minmax(13.625rem, auto) minmax(30.375rem, auto);
    align-items: start;
    height: auto;
    box-sizing: border-box;
    padding-block: 7rem;
  }
  :is(.manufacture-figma-manifest h2,:is(:is(.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-heading,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-heading)),.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-heading .koshi-primitive--title)) { grid-column: 1; grid-row: 1; }
  :is(.manufacture-figma-manifest__main,:is(.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-media,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-media))) { grid-column: 1; grid-row: 2 / 4; }
  :is(.manufacture-figma-manifest__detail,:is(.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-detail,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-detail))) { grid-column: 3; grid-row: 1 / 3; justify-self: end; }
  :is(.manufacture-figma-manifest__copy,:is(:is(.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-body,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-body)),.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-primitive--text)) { grid-column: 3; grid-row: 3; }
  :is(.manufacture-figma-workshop__inner,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
    display: grid;
    grid-template-columns: 27.375rem 13.6875rem 27.25rem;
    align-items: start;
    height: auto;
    min-height: 55.0625rem;
    align-content: start;
    box-sizing: border-box;
    padding-block: 7rem 3rem;
  }
  :is(.manufacture-figma-workshop__copy,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout) {
    display: grid;
    grid-template-rows: minmax(12.875rem, auto) 2rem auto;
    align-items: start;
    grid-column: 1;
    margin-top: 9.3125rem;
  }
  :is(.manufacture-figma-workshop__copy h2,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout .koshi-primitive--title) { margin-bottom: 2rem; }
  :is(.manufacture-figma-workshop__image,:is(.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-media,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-media))) { grid-column: 3; }
  :is(.manufacture-figma-craft__inner,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] > .koshi-container__layout) {
    display: grid;
    grid-template-rows: minmax(8.625rem, auto) auto;
    align-items: start;
    align-content: start;
    height: auto;
    min-height: 80.4375rem;
    box-sizing: border-box;
    padding-block: 7rem;
  }
  :is(.manufacture-figma-craft h2,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] > .koshi-container__layout h2.koshi-primitive--title) { justify-self: end; margin-bottom: 1rem; }
  :is(.manufacture-figma-commitments__inner, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout) {
    display: grid;
    grid-template-columns: 37.5rem 5rem 28.125rem;
    align-items: start;
    height: auto;
    min-height: 67.25rem;
    align-content: start;
    box-sizing: border-box;
    padding-block: 7rem 3rem;
  }
  :is(:is(.manufacture-figma-commitments__inner, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout) > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))), :is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--media-item, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item)) { grid-column: 1; }
  :is(.manufacture-figma-commitments__copy, :is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--title, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title)) { grid-column: 3; margin-top: 24.625rem; }
  :is(.manufacture-figma-values__inner,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout) {
    display: grid;
    grid-template-rows: auto minmax(7.625rem, auto) 4rem auto;
    align-items: start;
    align-content: start;
    height: auto;
    min-height: 86rem;
    box-sizing: border-box;
    padding-block: 7rem 3rem;
  }
  :is(.manufacture-figma-values__frame,:is(.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--media-item,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--media-item))) { margin-bottom: 4rem; }
  :is(.manufacture-figma-cta__inner,.koshi-primitive--profile-callout-wide.koshi-primitive--layout-stack[class] > .koshi-container__layout) { min-height: 30.3125rem; padding-bottom: 3rem; }
}

@container koshi-editorial (max-width: 83rem) {
  :is(.manufacture-figma-container, .koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] > .koshi-container__layout, .koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout, .koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] > .koshi-container__layout, .koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout) {
    width: calc(100% - 5rem);
    height: auto;
  }

  :is(.manufacture-figma-manifest,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class]),
  :is(.manufacture-figma-workshop,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class]),
  :is(.manufacture-figma-values,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class]),
  :is(.manufacture-figma-craft,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class]),
  :is(.manufacture-figma-commitments, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid),
  :is(.manufacture-figma-cta,.koshi-primitive--profile-callout-wide.koshi-primitive--layout-stack[class]),
  :is(.manufacture-figma-closing-image, .koshi-primitive--profile-media-wide.koshi-primitive--layout-stack) {
    height: auto;
    margin-top: 0;
  }

  :is(.manufacture-figma-hero, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay) {
    min-height: 40rem;
    height: auto;

  align-content: stretch;
  align-items: start;
    padding-block: 6rem;
}

  :is(.manufacture-figma-hero__copy, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content) {
    width: min(50.125rem, calc(100% - 5rem));
    top: 50%;
    transform: translateY(min(-35%, calc(-50% + 5rem)));

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.manufacture-figma-hero h1, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-display) {
    width: 100%;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.manufacture-figma-manifest,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class]),
  :is(.manufacture-figma-workshop,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class]),
  :is(.manufacture-figma-values,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class]),
  :is(.manufacture-figma-craft,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class]),
  :is(.manufacture-figma-commitments, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid) {
    padding: 5rem 0;
}

  :is(.manufacture-figma-manifest__inner,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(18.75rem, .9fr);
    gap: 2.5rem;
}

  :is(.manufacture-figma-manifest h2,:is(:is(.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-heading,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-heading)),.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-heading .koshi-primitive--title)),
  :is(.manufacture-figma-manifest__main,:is(.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-media,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-media))),
  :is(.manufacture-figma-manifest__detail,:is(.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-detail,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-detail))),
  :is(.manufacture-figma-manifest__copy,:is(:is(.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-body,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-body)),.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-primitive--text)) {
    position: static;
    width: 100%;
    height: auto;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.manufacture-figma-manifest h2,:is(:is(.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-heading,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-heading)),.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-heading .koshi-primitive--title)) {
    align-self: start;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.manufacture-figma-manifest__detail,:is(.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-detail,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-detail))) {
    max-width: 16.875rem;
    justify-self: end;
    aspect-ratio: 270 / 277;
  }

  :is(.manufacture-figma-manifest__main,:is(.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-media,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-media))) {
    aspect-ratio: 582 / 597;
  }

  :is(.manufacture-figma-workshop__inner,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] > .koshi-container__layout),
  :is(.manufacture-figma-commitments__inner, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(22.5rem, 1fr);
    --koshi-media-prose-flow-gap: 4rem;
    gap: var(--koshi-media-prose-flow-gap);
    align-items: center;
}

  :is(.manufacture-figma-workshop__copy h2,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout .koshi-primitive--title),
  :is(.manufacture-figma-workshop__copy > div,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout .koshi-primitive--text),
  :is(.manufacture-figma-workshop__image,:is(.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-media,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-media))),
  :is(:is(.manufacture-figma-commitments__inner, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout) > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))), :is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--media-item, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item)),
  :is(.manufacture-figma-commitments__copy, :is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--title, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title), :is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--text, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text)) {
    position: static;
    width: 100%;
    height: auto;
  }

  :is(.manufacture-figma-workshop__copy h2,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout .koshi-primitive--title) {
    max-width: 27.5rem;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.manufacture-figma-workshop__copy > div,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout .koshi-primitive--text) {
    margin-top: 3rem;

    overflow-wrap: anywhere;
    min-width: 0;
}

  .manufacture-figma-workshop__rule,
.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout::before,
  .manufacture-figma-values__rule,
.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout::before {
    position: static;
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 2rem;
}

  :is(.manufacture-figma-workshop__image,:is(.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-media,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-media))) {
    max-width: 27.25rem;
    aspect-ratio: 436 / 657;
  }

  :is(.manufacture-figma-values__frame,:is(.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--media-item,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--media-item))),
  :is(.manufacture-figma-values h2,:is(.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--title,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title)),
  :is(.manufacture-figma-values__grid,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout),
  :is(.manufacture-figma-craft h2,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] > .koshi-container__layout h2.koshi-primitive--title),
  :is(.manufacture-figma-craft__grid,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout) {
    position: static;
    width: 100%;
    height: auto;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.manufacture-figma-values__frame,:is(.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--media-item,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--media-item))) {
    position: relative;
    top: auto;
    left: auto;
    aspect-ratio: 16 / 9;
  }

  :is(.manufacture-figma-values h2,:is(.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--title,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title)),
  :is(.manufacture-figma-craft h2,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] > .koshi-container__layout h2.koshi-primitive--title) {
    margin-top: 4rem;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.manufacture-figma-values__grid,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout),
  :is(.manufacture-figma-craft__grid,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.75rem;
    margin-top: 4rem;
}

  :is(.manufacture-figma-values__grid article,:is(.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container)),
  :is(.manufacture-figma-craft__card,:is(.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--container))),
  :is(.manufacture-figma-craft__card :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:is(.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link))),
  :is(.manufacture-figma-craft__card > div,:is(.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) .koshi-primitive--text) {
    width: 100%;
  }

  :is(.manufacture-figma-craft__card:nth-child(2),:is(.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container:nth-child(2),.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block:nth-child(2):has(> .koshi-primitive--container))) {
    margin-top: 2.5rem;
}

  :is(.manufacture-figma-craft__card:nth-child(3),:is(.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container:nth-child(3),.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block:nth-child(3):has(> .koshi-primitive--container))) {
    margin-top: 5rem;
}

  :is(.manufacture-figma-craft__card :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:is(.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link))) {
    height: auto;
    aspect-ratio: 416 / 360;
  }

  :is(.manufacture-figma-commitments__copy > div, :is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--text, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text)) {
    height: auto;
    margin-top: 3rem;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(:is(.manufacture-figma-commitments__inner, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout) > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))), :is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--media-item, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item)) {
    aspect-ratio: 600 / 852;
  }

  :is(.manufacture-figma-cta,.koshi-primitive--profile-callout-wide.koshi-primitive--layout-stack[class]) {
    padding: 5rem 0;
}

  :is(.manufacture-figma-cta__inner,.koshi-primitive--profile-callout-wide.koshi-primitive--layout-stack[class] > .koshi-container__layout) {
    height: auto;
    padding-top: 0;
}

  :is(.manufacture-figma-closing-image, .koshi-primitive--profile-media-wide.koshi-primitive--layout-stack) {
    aspect-ratio: 16 / 9;
  }
}

@container koshi-editorial (max-width: 56.25rem) {
  :is(.manufacture-figma-container, .koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] > .koshi-container__layout, .koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout, .koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] > .koshi-container__layout, .koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout) {
    width: calc(100% - 3rem);
  }

  :is(.manufacture-figma-hero, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay) {
    min-height: 37.5rem;
    height: auto;
}

  :is(.manufacture-figma-hero__copy, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content) {
    width: calc(100% - 3rem);

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.manufacture-figma-hero h1, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-display) {
    font-size: 3rem;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.manufacture-figma-manifest__inner,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout),
  :is(.manufacture-figma-workshop__inner,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] > .koshi-container__layout),
  :is(.manufacture-figma-commitments__inner, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout) {
    grid-template-columns: minmax(0, 1fr);
}

  :is(.manufacture-figma-manifest__detail,:is(.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-detail,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-detail))) {
    max-width: 100%;
    justify-self: start;
  }

  :is(.manufacture-figma-manifest__main,:is(.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-media,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-media))) {
    grid-row: 2;
  }

  :is(.manufacture-figma-manifest__detail,:is(.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-detail,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-detail))) {
    grid-row: 3;
  }

  :is(.manufacture-figma-manifest__copy,:is(:is(.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-body,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-body)),.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-primitive--text)) {
    grid-row: 4;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.manufacture-figma-values__grid,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout),
  :is(.manufacture-figma-craft__grid,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout) {
    grid-template-columns: minmax(0, 1fr);
    gap: 4rem;
}

  :is(.manufacture-figma-values__grid article,:is(.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container)) {
    max-width: 35rem;

    min-width: 0;
}

  :is(.manufacture-figma-craft__card,:is(.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--container))),
  :is(.manufacture-figma-craft__card:nth-child(2),:is(.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container:nth-child(2),.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block:nth-child(2):has(> .koshi-primitive--container))),
  :is(.manufacture-figma-craft__card:nth-child(3),:is(.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container:nth-child(3),.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block:nth-child(3):has(> .koshi-primitive--container))) {
    max-width: 38.75rem;
    margin-top: 0;
  }

  :is(.manufacture-figma-craft__card:nth-child(even),.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container:nth-child(even),.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block:nth-child(even):has(> .koshi-primitive--container)) {
    justify-self: end;
  }

  :is(.manufacture-figma-commitments__copy, :is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--title, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title), :is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--text, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text)) {
    max-width: 35rem;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(:is(.manufacture-figma-commitments__inner, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout) > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))), :is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--media-item, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item)) {
    max-width: 37.5rem;
  }
}

@container koshi-editorial (max-width: 42.5rem) {
  :is(.manufacture-figma-container, .koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] > .koshi-container__layout, .koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout, .koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] > .koshi-container__layout, .koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout) {
    width: calc(100% - 2rem);
  }

  :is(.manufacture-figma-hero, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay) {
    min-height: 35rem;
    height: auto;
}

  :is(.manufacture-figma-hero__copy, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content) {
    width: calc(100% - 2rem);
    top: 50%;
    transform: translateY(min(-30%, calc(-50% + 5rem)));

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.manufacture-figma-hero h1, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-display) {
    font-size: 2.5rem;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.manufacture-figma-hero p, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--text > p, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--text > p, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text > p, .koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text > p),
  :is(.manufacture-figma-manifest__copy p,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body .koshi-primitive--text > p),
  :is(.manufacture-figma-workshop__copy p,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout .koshi-primitive--text > p),
  :is(.manufacture-figma-cta p,.koshi-primitive--profile-callout-wide.koshi-primitive--layout-stack[class] .koshi-primitive--text > p) {
    font-size: 1rem;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.manufacture-figma-manifest,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class]),
  :is(.manufacture-figma-workshop,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class]),
  :is(.manufacture-figma-values,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class]),
  :is(.manufacture-figma-craft,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class]),
  :is(.manufacture-figma-commitments, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid),
  :is(.manufacture-figma-cta,.koshi-primitive--profile-callout-wide.koshi-primitive--layout-stack[class]) {
    padding: 3.5rem 0;
}

  :is(.manufacture-figma-manifest h2,:is(:is(.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-role-heading,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--layout-role-heading)),.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-heading .koshi-primitive--title)),
  :is(.manufacture-figma-workshop__copy h2,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout .koshi-primitive--title),
  :is(.manufacture-figma-values h2,:is(.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--title,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title)),
  :is(.manufacture-figma-craft h2,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] > .koshi-container__layout h2.koshi-primitive--title),
  :is(.manufacture-figma-commitments h2, :is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--title, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title)),
  :is(.manufacture-figma-cta h2,.koshi-primitive--profile-callout-wide.koshi-primitive--layout-stack[class] .koshi-primitive--title) {
    height: auto;
    width: 100%;
    font-size: 2.5rem;

    min-height: 0;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.manufacture-figma-manifest__inner,.koshi-primitive--profile-image-pair.koshi-primitive--layout-grid[class] > .koshi-container__layout),
  :is(.manufacture-figma-workshop__inner,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] > .koshi-container__layout),
  :is(.manufacture-figma-commitments__inner, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout),
  :is(.manufacture-figma-values__grid,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout),
  :is(.manufacture-figma-craft__grid,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout) {
    --koshi-media-prose-flow-gap: 2.5rem;
    gap: var(--koshi-media-prose-flow-gap);
}

  :is(.manufacture-figma-workshop__copy > div,.koshi-primitive--profile-prose-media.koshi-primitive--layout-grid[class] .koshi-primitive--layout-role-body > .koshi-container__layout .koshi-primitive--text),
  :is(.manufacture-figma-values h2,:is(.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--title,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title)),
  :is(.manufacture-figma-values__grid,.koshi-primitive--profile-values-media.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout),
  :is(.manufacture-figma-craft h2,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] > .koshi-container__layout h2.koshi-primitive--title),
  :is(.manufacture-figma-craft__grid,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout),
  :is(.manufacture-figma-commitments__copy > div, :is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--text, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text)) {
    margin-top: 2.5rem;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.manufacture-figma-craft__card h3,:is(.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-craft.koshi-primitive--layout-stack[class] .koshi-primitive--layout-grid.koshi-primitive--columns-3 > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) .koshi-primitive--title) {
    font-size: 1.75rem;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.manufacture-figma-cta p,.koshi-primitive--profile-callout-wide.koshi-primitive--layout-stack[class] .koshi-primitive--text > p) {
    width: 100%;

    overflow-wrap: anywhere;
    min-width: 0;
}

  :is(.manufacture-figma-closing-image, .koshi-primitive--profile-media-wide.koshi-primitive--layout-stack) {
    min-height: 360px;
    aspect-ratio: auto;
  }

  :is(.manufacture-figma-closing-image :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)), .koshi-primitive--profile-media-wide.koshi-primitive--layout-stack .koshi-primitive--fit-presentation > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame)))) {
    object-fit: cover;
  }
}

/* Figma delivery parity - frame 12202:14772 */
.koshi-figma-page--livraison-retours {
  overflow: hidden;
  background: var(--koshi-mist);
  color: var(--koshi-ink);
}

:is(.delivery-figma-container, .koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout, .koshi-primitive--profile-questions-section.koshi-primitive--layout-stack[class] > .koshi-container__layout) {
  width: min(80rem, calc(100% - 32px));
  margin: 0 auto;
}

:is(.delivery-figma-hero, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay),
:is(.delivery-figma-info,.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class]),
:is(.delivery-figma-faq, .koshi-primitive--profile-questions-section.koshi-primitive--layout-stack[class]) {
  position: relative;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}

:is(.delivery-figma-hero, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay) {
  min-height: 30.0625rem;
  overflow: hidden;
  background: #050505;
  color: var(--koshi-white);
}

:is(.delivery-figma-hero::after, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay::after) {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: rgba(0, 0, 0, .4);
  content: "";
}

:is(.delivery-figma-hero__image, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay .koshi-primitive--placement-role-background .koshi-primitive--media-item.koshi-primitive--fit-cover > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),video,:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame)))) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--koshi-media-focal-x, 50%) var(--koshi-media-focal-y, 100%);
}

:is(.delivery-figma-hero__copy, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content) {
  position: relative;
  z-index: 2;
  width: min(48rem, calc(100% - 3rem));
  margin: 0 auto;
  padding-top: 11.375rem;
  text-align: center;
}

:is(.delivery-figma-hero h1, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-display),
:is(.delivery-figma-info h2,.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] h2),
:is(.delivery-figma-service h3,:is(.koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--title,.koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title)),
:is(.delivery-figma-faq, .koshi-primitive--profile-questions-section.koshi-primitive--layout-stack[class]) h2 {
  margin: 0;
  font-family: var(--koshi-display);
  font-weight: 400;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

:is(.delivery-figma-hero h1, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-display) {
  font-size: 3.5rem;
  line-height: 1.2;
  text-transform: uppercase;
}

:is(.delivery-figma-hero__copy > p, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--text > p, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--text > p, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text > p, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text > p) {
  margin: 1.5rem 0 0;
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 1.125rem;
  line-height: 1.5;
}

:is(.delivery-figma-hero__actions, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--buttons > .koshi-composition__actions, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--buttons > .koshi-composition__actions, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons > .koshi-composition__actions, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons > .koshi-composition__actions) {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 1.8125rem;
}

:is(:is(.delivery-figma-button, .koshi-primitive--profile-questions-contact.koshi-primitive--layout-stack[class] .koshi-ui-button), .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--buttons > .koshi-composition__actions > .koshi-ui-button, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--buttons > .koshi-composition__actions > .koshi-ui-button, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons > .koshi-composition__actions > .koshi-ui-button, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons > .koshi-composition__actions > .koshi-ui-button) {
  flex: 0 0 auto;
}

:is(.delivery-figma-button--shop, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--buttons > .koshi-composition__actions > .koshi-ui-button--clay, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--buttons > .koshi-composition__actions > .koshi-ui-button--clay, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons > .koshi-composition__actions > .koshi-ui-button--clay, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons > .koshi-composition__actions > .koshi-ui-button--clay) {
  width: 8.75rem;
}

:is(:is(.delivery-figma-button--contact, .koshi-primitive--profile-questions-contact.koshi-primitive--layout-stack[class] .koshi-ui-button--sage), .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--buttons > .koshi-composition__actions > .koshi-ui-button--sage, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--buttons > .koshi-composition__actions > .koshi-ui-button--sage, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons > .koshi-composition__actions > .koshi-ui-button--sage, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons > .koshi-composition__actions > .koshi-ui-button--sage) {
  width: 8.25rem;
}

:is(.delivery-figma-info,.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class]) {
  min-height: 870px;
  padding: 112px 0;
  background: var(--koshi-mist);
}

:is(.delivery-figma-info__inner,.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
  display: grid;
  grid-template-columns: minmax(0, 380fr) minmax(0, 820fr);
  gap: 80px;
}

:is(.delivery-figma-info__intro h2,:is(.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-stack,.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-stack) h2) {
  font-size: 3rem;
  line-height: 1.2;
}

:is(.delivery-figma-info__intro p,:is(.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-stack,.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-stack) p) {
  margin: 24px 0 0;
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 1.125rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

:is(.delivery-figma-services,:is(.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-grid,.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid) > .koshi-container__layout) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 64px 48px;
  overflow-wrap: anywhere;
}

:is(.delivery-figma-service,.koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class]) {
  min-width: 0;
}

:is(.delivery-figma-service__icon,.koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class] .koshi-primitive__icon) {
  display: block;
  width: 48px;
  height: 48px;
  fill: var(--koshi-burgundy);
}

:is(.delivery-figma-service h3,:is(.koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--title,.koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title)) {
  margin-top: 24px;
  font-size: 1.5rem;
  line-height: 1.4;
}

:is(.delivery-figma-service:first-child h3,:is(.koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--title,.koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title)) {
  white-space: normal;
}

.delivery-figma-service__rule, :is(.koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--text,.koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text)::before {
  display: block;
  width: 100%;
  margin-top: 16px;
  border-top: 1px solid #819f87;
}

.delivery-figma-service:nth-child(3) .delivery-figma-service__rule, :is(:is(.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-grid,.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid) > .koshi-container__layout > .koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class]:nth-child(3),:is(.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-grid,.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid) > .koshi-container__layout > .koshi-editor-block:nth-child(3) > .koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class]) .koshi-primitive--text::before {
  margin-top: 9px;
}

:is(.delivery-figma-service p,:is(.koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--text,.koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text) > p) {
  margin: 23px 0 0;
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 1rem;
  line-height: 1.5;
}

:is(.delivery-figma-faq, .koshi-primitive--profile-questions-section.koshi-primitive--layout-stack[class]) {
  min-height: 0;
  padding: 112px 0;
  background: var(--koshi-mist);
}

:is(.delivery-figma-faq__heading, .koshi-primitive--profile-questions-heading.koshi-primitive--layout-stack[class]) {
  width: min(48rem, calc(100% - 48px));
  margin: 0 auto;
  text-align: center;
  overflow-wrap: anywhere;
}

:is(.delivery-figma-faq__heading, .koshi-primitive--profile-questions-heading.koshi-primitive--layout-stack[class]) h2 {
  font-size: 3rem;
  line-height: 1.2;
}

:is(.delivery-figma-faq__heading, .koshi-primitive--profile-questions-heading.koshi-primitive--layout-stack[class]) p {
  margin: 24px 0 0;
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 1.125rem;
  line-height: 1.5;
}

.delivery-figma-faq__columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 64px;
  margin-top: 80px;
}

.delivery-figma-faq__item {
  min-height: var(--delivery-faq-height);
  box-sizing: border-box;
}

.delivery-figma-faq__question {
  display: grid;
  min-height: 64px;
  box-sizing: border-box;
  grid-template-columns: minmax(0, 560px) 24px;
  gap: 24px;
  align-items: start;
  border-top: 1px solid var(--koshi-burgundy);
  padding-top: 19px;
}

.delivery-figma-faq__question h3 {
  margin: 0;
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: .08em;
  line-height: 1.5;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.delivery-figma-faq__question svg {
  display: block;
  width: 24px;
  height: 24px;
  fill: var(--koshi-ink);
}

.delivery-figma-faq__answer {
  box-sizing: border-box;
  padding-bottom: 24px;
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 1rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.delivery-figma-faq__answer p {
  margin: 0;
}

:is(.delivery-figma-faq__cta, .koshi-primitive--profile-questions-contact.koshi-primitive--layout-stack[class]) {
  width: min(35rem, 100%);
  margin: 80px auto 0;
  text-align: center;
  overflow-wrap: anywhere;
}

:is(.delivery-figma-faq__cta, .koshi-primitive--profile-questions-contact.koshi-primitive--layout-stack[class]) h2 {
  font-size: 2rem;
  line-height: 1.3;
}

:is(.delivery-figma-faq__cta, .koshi-primitive--profile-questions-contact.koshi-primitive--layout-stack[class]) p {
  margin: 16px 0 0;
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 1.125rem;
  line-height: 1.5;
}

:is(.delivery-figma-faq__cta, .koshi-primitive--profile-questions-contact.koshi-primitive--layout-stack[class]) :is(:is(.delivery-figma-button, .koshi-primitive--profile-questions-contact.koshi-primitive--layout-stack[class] .koshi-ui-button), .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--buttons > .koshi-composition__actions > .koshi-ui-button, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--buttons > .koshi-composition__actions > .koshi-ui-button, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons > .koshi-composition__actions > .koshi-ui-button, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons > .koshi-composition__actions > .koshi-ui-button) {
  width: 13.625rem;
  margin-top: 1.5rem;
}

@container koshi-editorial (max-width: 83rem) {
  :is(.delivery-figma-info,.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class]),
  :is(.delivery-figma-faq, .koshi-primitive--profile-questions-section.koshi-primitive--layout-stack[class]) {
    height: auto;
    min-height: 0;
    padding: 96px 0;
  }

  :is(.delivery-figma-info__inner,.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
    grid-template-columns: minmax(280px, 380px) minmax(0, 1fr);
    gap: 48px;
  }

  :is(.delivery-figma-services,:is(.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-grid,.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid) > .koshi-container__layout) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 64px 32px;
  }

  :is(.delivery-figma-service:first-child h3,:is(.koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--title,.koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title)) {
    white-space: normal;
  }

  .delivery-figma-service:nth-child(3) .delivery-figma-service__rule, :is(:is(.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-grid,.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid) > .koshi-container__layout > .koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class]:nth-child(3),:is(.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-grid,.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid) > .koshi-container__layout > .koshi-editor-block:nth-child(3) > .koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class]) .koshi-primitive--text::before {
    margin-top: 16px;
  }

  .delivery-figma-faq__columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 48px;
  }

  .delivery-figma-faq__item {
    height: auto;
    min-height: var(--delivery-faq-height);
  }

  .delivery-figma-faq__question {
    grid-template-columns: minmax(0, 1fr) 24px;
  }
}

@container koshi-editorial (max-width: 68.75rem) {
  :is(.delivery-figma-info__inner,.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
    grid-template-columns: minmax(0, 1fr);
    gap: 72px;
  }

  :is(.delivery-figma-info__intro,:is(.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-stack,.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-stack)) {
    max-width: 768px;
    overflow-wrap: anywhere;
  }
}

@container koshi-editorial (max-width: 56.25rem) {
  :is(.delivery-figma-faq__heading, .koshi-primitive--profile-questions-heading.koshi-primitive--layout-stack[class]) {
    width: calc(100% - 48px);
    overflow-wrap: anywhere;
  }

  .delivery-figma-faq__columns {
    --koshi-question-junction-width: 0px;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    margin-top: 72px;
  }

  .delivery-figma-faq__item {
    min-height: 0;
  }

  .delivery-figma-faq__answer {
    padding-bottom: 48px;
  }

  :is(.delivery-figma-faq__cta, .koshi-primitive--profile-questions-contact.koshi-primitive--layout-stack[class]) {
    margin-top: 72px;
  }
}

@container koshi-editorial (max-width: 42.5rem) {
  :is(.delivery-figma-container, .koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout, .koshi-primitive--profile-questions-section.koshi-primitive--layout-stack[class] > .koshi-container__layout) {
    width: calc(100% - 32px);
  }

  :is(.delivery-figma-info__intro h2,:is(.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-stack,.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-stack) h2),
  :is(.delivery-figma-faq__heading, .koshi-primitive--profile-questions-heading.koshi-primitive--layout-stack[class]) h2 {
    font-size: 2.5rem;
  }

  :is(.delivery-figma-info__intro p,:is(.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-stack,.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-stack) p),
  :is(.delivery-figma-faq__heading, .koshi-primitive--profile-questions-heading.koshi-primitive--layout-stack[class]) p,
  :is(.delivery-figma-faq__cta, .koshi-primitive--profile-questions-contact.koshi-primitive--layout-stack[class]) p {
    font-size: 1rem;
  }

  :is(.delivery-figma-info,.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class]),
  :is(.delivery-figma-faq, .koshi-primitive--profile-questions-section.koshi-primitive--layout-stack[class]) {
    padding: 72px 0;
  }

  :is(.delivery-figma-info__inner,.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout) {
    gap: 56px;
  }

  :is(.delivery-figma-services,:is(.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-grid,.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid) > .koshi-container__layout) {
    grid-template-columns: minmax(0, 1fr);
    gap: 48px;
  }

  :is(.delivery-figma-service h3,:is(.koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--title,.koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title)),
  :is(.delivery-figma-faq__cta, .koshi-primitive--profile-questions-contact.koshi-primitive--layout-stack[class]) h2 {
    font-size: 1.875rem;
  }

  :is(.delivery-figma-faq__heading, .koshi-primitive--profile-questions-heading.koshi-primitive--layout-stack[class]) {
    width: 100%;
  }

  .delivery-figma-faq__columns {
    margin-top: 56px;
  }

  .delivery-figma-faq__question {
    height: auto;
    min-height: 72px;
    grid-template-columns: minmax(0, 1fr) 24px;
    gap: 16px;
    padding-top: 18px;
  }

  .delivery-figma-faq__question h3 {
    font-size: 1.0625rem;
    line-height: 1.4;
  }

  .delivery-figma-faq__answer {
    font-size: 0.9375rem;
    padding-bottom: 40px;
  }

  :is(.delivery-figma-faq__cta, .koshi-primitive--profile-questions-contact.koshi-primitive--layout-stack[class]) {
    width: 100%;
    margin-top: 56px;
  }
}

/* Figma Mentions légales - frame 12202:14888 - 2026-07-16 */
.koshi-page-legal .site-shell,
.koshi-page-legal .figma-page-main,
.koshi-page-legal .koshi-figma-page {
  background: var(--koshi-mist);
}

.legal-figma-hero {
  position: relative;
  height: 361px;
  overflow: hidden;
  background: var(--koshi-ink);
  color: var(--koshi-white);
}

.legal-figma-hero__image,
.legal-figma-hero__shade {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.legal-figma-hero__image {
  object-fit: cover;
  object-position: 50% 50%;
}

.legal-figma-hero__shade {
  background: rgba(0, 0, 0, .4);
}

.legal-figma-hero h1,
:is(.legal-figma-rich, :where(.koshi-primitive--text.koshi-primitive--role-document)) :is(h1, h2, h3, h4, h5, h6) {
  overflow-wrap: anywhere;
}

.legal-figma-hero h1 {
  position: absolute;
  z-index: 1;
  top: 182px;
  left: 50%;
  transform: translateX(-50%);
  width: 768px;
  height: 67px;
  margin: 0;
  color: var(--koshi-white);
  font-family: var(--koshi-display);
  font-size: 56px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}

.legal-figma-content {
  box-sizing: border-box;
  width: 100%;
  padding: 172px 225px;
  background: var(--koshi-mist);
  color: var(--koshi-ink);
}

:is(.legal-figma-rich.entry-content, .koshi-primitive--text.koshi-primitive--role-document) {
  width: 990px;
  max-width: 100%;
  margin: 0 auto;
  color: var(--koshi-ink);
  font-family: "Instrument Sans", var(--koshi-sans);
  font-size: 16px;
  line-height: 1.5;
}

:is(.legal-figma-rich, :where(.koshi-primitive--text.koshi-primitive--role-document)) h2,
.koshi-primitive--title.koshi-primitive--size-document {
  margin: 0 0 16px;
  color: var(--koshi-ink);
  font-family: var(--koshi-display);
  font-size: 48px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
}

.koshi-primitive--title.koshi-primitive--size-document {
  width: 990px;
  max-width: 100%;
  margin-inline: auto;
}

:is(.legal-figma-rich, :where(.koshi-primitive--text.koshi-primitive--role-document)) .koshi-legal-content {
  margin: 0;
}

:is(.legal-figma-rich, :where(.koshi-primitive--text.koshi-primitive--role-document)) .koshi-legal-content > p:first-child {
  font-weight: 700;
}

.koshi-page-cgv .legal-figma-rich .koshi-legal-content > div:first-child p:first-child,
.koshi-page-privacy .legal-figma-rich .koshi-legal-content > div:first-child p:first-child {
  margin: 0 0 16px;
  color: var(--koshi-ink);
  font-family: var(--koshi-display);
  font-size: 48px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
}

.koshi-page-cgv .legal-figma-rich .koshi-legal-content > div:first-child p:first-child b,
.koshi-page-privacy .legal-figma-rich .koshi-legal-content > div:first-child p:first-child b {
  font-weight: 400;
}

:is(.legal-figma-rich, :where(.koshi-primitive--text.koshi-primitive--role-document)) p,
:is(.legal-figma-rich, :where(.koshi-primitive--text.koshi-primitive--role-document)) li {
  margin: 0 0 16px;
  color: var(--koshi-ink);
  font-size: 16px;
  line-height: 1.5;
}

:is(.legal-figma-rich, :where(.koshi-primitive--text.koshi-primitive--role-document)) br.Apple-interchange-newline {
  display: none;
}

:is(.legal-figma-rich, :where(.koshi-primitive--text.koshi-primitive--role-document)) h3:empty,
:is(.legal-figma-rich, :where(.koshi-primitive--text.koshi-primitive--role-document)) p:empty {
  display: none;
}

:is(.legal-figma-rich, :where(.koshi-primitive--text.koshi-primitive--role-document)) h3 {
  margin: 24px 0 16px;
  color: var(--koshi-ink);
  font-family: var(--koshi-display);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4;
}

:is(.legal-figma-rich, :where(.koshi-primitive--text.koshi-primitive--role-document)) a {
  color: inherit;
  overflow-wrap: anywhere;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

:is(.legal-figma-rich, :where(.koshi-primitive--text.koshi-primitive--role-document)) ul,
:is(.legal-figma-rich, :where(.koshi-primitive--text.koshi-primitive--role-document)) ol {
  margin: 0 0 16px;
  padding-left: 24px;
}

@media (max-width: 980px) {

  .legal-figma-hero {
    height: 360px;
  }

  .legal-figma-hero h1 {
    top: 168px;
    width: calc(100% - 64px);
    height: auto;
    font-size: clamp(42px, 7vw, 56px);
  }

  .legal-figma-content {
    padding: 96px 48px;
  }

}

@media (max-width: 680px) {
  .legal-figma-hero {
    height: 340px;
  }

  .legal-figma-hero h1 {
    top: 160px;
    width: calc(100% - 40px);
    font-size: 42px;
  }

  .legal-figma-content {
    padding: 72px 24px;
  }

  :is(.legal-figma-rich, :where(.koshi-primitive--text.koshi-primitive--role-document)) h2,
  .koshi-primitive--title.koshi-primitive--size-document {
    font-size: 36px;
  }

  .koshi-page-cgv .legal-figma-rich .koshi-legal-content > div:first-child p:first-child,
  .koshi-page-privacy .legal-figma-rich .koshi-legal-content > div:first-child p:first-child {
    font-size: 36px;
  }

  :is(.legal-figma-rich, :where(.koshi-primitive--text.koshi-primitive--role-document)) h3 {
    font-size: 26px;
    line-height: 1.25;
  }

  :is(.legal-figma-rich, :where(.koshi-primitive--text.koshi-primitive--role-document)) p,
  :is(.legal-figma-rich, :where(.koshi-primitive--text.koshi-primitive--role-document)) li {
    font-size: 15px;
    line-height: 1.6;
  }
}

/* Home hero and Earth Symphony Figma interaction parity - v1.08 */
@container koshi-editorial (min-width: 61.3125rem) {
  .home-hero--figma .home-hero__player-badge ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .home-hero__player-badge {
    box-sizing: border-box;
    background: rgba(0, 0, 0, .5);
    color: var(--koshi-white);
    font-weight: 400;
    letter-spacing: .08em;
  }
  .home-hero--figma .home-hero__player-listen ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .home-hero__player-listen {
    color: var(--koshi-mist);
    font-family: var(--koshi-sans);
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1.5;
    transition: color .3s cubic-bezier(0, 0, .58, 1);
  }
  .home-hero--figma .home-hero__player-listen:hover,
  .home-hero--figma .home-hero__player-listen:focus-visible ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .home-hero__player-listen:hover,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .home-hero__player-listen:focus-visible {
    color: var(--koshi-clay);
  }
  .home-hero--figma .home-hero__player .home-hero__order ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-products--presentation-compact .home-hero__order {
    color: var(--koshi-mist);
    font-family: var(--koshi-sans);
    font-size: 0.75rem;
    letter-spacing: .08em;
    line-height: 1.5;
    text-transform: uppercase;
    transition: background-color .3s cubic-bezier(0, 0, .58, 1), border-color .3s cubic-bezier(0, 0, .58, 1);
  }
  .home-hero--figma .home-hero__player .home-hero__order:hover,
  .home-hero--figma .home-hero__player .home-hero__order:focus-visible ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-products--presentation-compact .home-hero__order:hover,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-products--presentation-compact .home-hero__order:focus-visible {
    border-color: var(--koshi-clay);
    background: var(--koshi-clay);
  }
  .home-hero--figma .home-hero__player-arrows button svg ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .home-hero__player-arrows button svg {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    fill: currentColor;
  }
  .home-hero--figma .home-hero__scroll svg ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-composition__scroll svg {
    display: block;
    width: 1.875rem;
    height: 2.5rem;
    fill: currentColor;
    animation: koshi-home-scroll-figma .8s cubic-bezier(.42, 0, .58, 1) infinite alternate;
  }
}



@keyframes koshi-home-scroll-figma {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(10px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-hero--figma .home-hero__scroll svg ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-composition__scroll svg {
    animation: none;
  }
}

@container koshi-editorial (min-width: 48.8125rem) {
  .home-earth-point {
    width: 1.625rem;
    height: 1.625rem;
  }
  .home-earth-hotspot {
    display: grid;
    box-sizing: border-box;
    width: 1.625rem;
    height: 1.625rem;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .96);
  }
  .home-earth-hotspot__dot {
    width: 1rem;
    height: 1rem;
  }
  .home-earth-hotspot:hover .home-earth-hotspot__dot,
  .home-earth-hotspot[aria-expanded="true"] .home-earth-hotspot__dot {
    box-shadow: none;
    transform: scale(1.08);
  }
  .home-earth-point--mountain {
    left: 25.78125%;
    top: 60.098854%;
  }
  .home-earth-point--ocean {
    left: 44.765625%;
    top: 56.575818%;
  }
  .home-earth-point--river {
    left: 61.953125%;
    top: 61.047363%;
  }
  .home-earth-point--forest {
    left: 79.453125%;
    top: 63.621889%;
  }
  .home-earth-card {
    left: -13.875rem;
    top: -12.8125rem;
  }
}



.home-earth-card__actions > a {
  font-family: var(--koshi-sans);
  font-size: 0.75rem;
  letter-spacing: .08em;
  line-height: 1.5;
}

.home-earth-card__actions > .home-earth-card__listen {
  display: grid;
  width: 1.5rem;
  height: 1.5rem;
  place-items: center;
  border-radius: 50%;
  background: transparent;
  transition: background-color .3s cubic-bezier(0, 0, .58, 1);
}

.home-earth-card__actions > .home-earth-card__listen:hover,
.home-earth-card__actions > .home-earth-card__listen:focus-visible {
  background: rgba(164, 73, 61, .14);
}

.home-earth-card__actions > .home-earth-card__listen img {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

/* Shared derived system state - WordPress / Magento - v1.18 */
.koshi-page-system-state .site-shell {
  background: var(--koshi-mist);
}

.koshi-system-state {
  box-sizing: border-box;
  display: grid;
  width: 100%;
  min-height: 676px;
  place-items: center;
  padding: 112px 80px;
  background: var(--koshi-mist);
  color: var(--koshi-ink);
}

.koshi-system-state__panel {
  display: grid;
  width: min(100%, 768px);
  justify-items: center;
  text-align: center;
}

.koshi-system-state__eyebrow {
  margin: 0 0 16px;
  color: var(--koshi-sage);
  font-family: var(--koshi-sans);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .12em;
  line-height: 21px;
  text-transform: uppercase;
}

.koshi-system-state h1 {
  margin: 0;
  color: var(--koshi-ink);
  font-family: var(--koshi-serif);
  font-size: 56px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
}

.koshi-system-state__message {
  max-width: 480px;
  margin: 24px 0 0;
  color: var(--koshi-ink);
  font-family: var(--koshi-sans);
  font-size: 16px;
  letter-spacing: .02em;
  line-height: 24px;
}

.koshi-system-state__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  margin-top: 40px;
}

.koshi-system-state__action {
  width: 190px;
}

@media (max-width: 780px) {
  .koshi-system-state {
    min-height: 520px;
    padding: 80px 24px;
  }

  .koshi-system-state h1 {
    font-size: 40px;
  }

  .koshi-system-state__actions,
  .koshi-system-state__action {
    width: 100%;
  }
}

/* Shared full-bleed frame contract — agency decision 2026-07-28 */
.site-shell,
.site-shell > main {
  width: 100%;
  max-width: none;
}

.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class],
.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class]{
  width: min(100%, var(--koshi-frame-width));
  margin-inline: auto;

  min-width: 0;

  overflow-wrap: anywhere;
}

@container koshi-editorial (min-width: 61.3125rem) {
  .home-hero--figma,
  .living-manifesto--figma ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay {
    --koshi-frame-offset: max(0px, calc((100% - var(--koshi-frame-width)) / 2));
  }
  .home-hero--figma .home-hero__content .eyebrow,
  .home-hero--figma .home-hero__player ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-primitive--container:not(.koshi-primitive--placement-role-background) .koshi-primitive--role-eyebrow,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-products--presentation-compact {
    left: calc(var(--koshi-frame-offset) + 4.90625rem);
  }
  .home-hero--figma .home-hero__scroll ,
.koshi-primitive--profile-cover-player.koshi-primitive--layout-overlay .koshi-composition__scroll {
    right: calc(var(--koshi-frame-offset) + 4.90625rem);
  }
  .living-manifesto--figma .living-manifesto__content ,
.koshi-primitive--profile-image-statement.koshi-primitive--layout-overlay .koshi-primitive--container:not(.koshi-primitive--placement-role-background) {
    margin-left: calc(var(--koshi-frame-offset) + 4rem);
  }
}



/*
 * Dynamic product collection layouts.
 * The four-item Figma DOM keeps using the original grid and exact coordinates.
 * These rules only activate when Magento exposes a different number of variants.
 */
:is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) .element-grid--dynamic {
  display: flex;
  height: auto;
  flex-wrap: wrap;
  justify-content: center;
}

:is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) .element-grid--dynamic > .home-element-card {
  flex: 0 1 calc((100% - 3rem) / 4);
}

@container koshi-editorial (min-width: 48.8125rem) {
  .home-earth-point--dynamic {
    right: auto;
    bottom: 24px;
    left: var(--koshi-dynamic-left);
    top: auto;
    width: auto;
    height: auto;
    transform: translateX(-50%);
  }
  .home-earth-point--dynamic .home-earth-hotspot {
    display: flex;
    width: auto;
    min-width: 112px;
    height: 36px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid rgba(255, 255, 255, .96);
    border-radius: 999px;
    padding: 4px 12px;
    background: rgba(50, 42, 34, .58);
    color: var(--koshi-white);
    backdrop-filter: blur(8px);
  }
  .home-earth-point--dynamic .home-earth-hotspot__name {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    color: inherit;
    font-family: var(--koshi-sans);
    font-size: 12px;
    letter-spacing: .08em;
    line-height: 18px;
    white-space: nowrap;
    text-transform: uppercase;
  }
  .home-earth-point--dynamic .home-earth-card {
    right: auto;
    bottom: calc(100% + 12px);
    left: 50%;
    top: auto;
    transform: translateX(-50%);
  }
}



.qr-figma-tabs__menu--dynamic {
  grid-template-rows: repeat(var(--koshi-tab-count), minmax(0, 1fr));
}

@container koshi-editorial (max-width: 61.25rem) and (min-width: 42.5625rem) {
  .qr-figma-tabs__menu--dynamic {
    grid-template-columns: repeat(var(--koshi-tab-count), minmax(0, 1fr));
    grid-template-rows: none;
  }
}

@container koshi-editorial (max-width: 61.25rem) {
  :is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) .element-grid--dynamic > .home-element-card {
    flex-basis: calc((100% - 1.5rem) / 2);
  }
}



@container koshi-editorial (max-width: 42.5rem) {
  .qr-figma-tabs__menu--dynamic {
    grid-template-columns: repeat(var(--koshi-tab-mobile-columns), minmax(0, 1fr));
    grid-template-rows: none;
  }
}
@container koshi-editorial (max-width: 42.5rem) {
  :is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) .element-grid--dynamic > .home-element-card {
    flex-basis: 100%;
  }
}



/* Platform placement; shared/ui/koshi-header.css owns header layout. */
body.koshi-header-figma--overlay .koshi-header:not(.is-compact) {
  position: absolute;
  inset: 0 0 auto;
}



:is(:is(.collection-section--earth-figma,.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class]), :is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class])) :is(:is(.home-collection-intro,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class])),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class]), .home-testimonials .home-testimonials__intro,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout, .home-testimonials .home-testimonials__layout, .home-testimonials .home-testimonials__content, .newsletter .newsletter__content, .newsletter .newsletter__form,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--title,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--container,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container {
  min-width: 0;
}

@container koshi-editorial (min-width: 75rem) {
  .home-testimonials__grid strong::before,
.koshi-primitive--profile-testimonial-section.koshi-primitive--layout-stack .koshi-navigation--carousel > .koshi-navigation__viewport > .koshi-navigation__panels strong::before {
    position: absolute;
    top: -.40625rem;
    left: -1.25rem;
    width: 3.8125rem;
    height: 1px;
    background: var(--koshi-sage);
    content: "";
  }
}



.home-use-card,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container,
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container {
  container: home-use-card / inline-size;
}

@container home-use-card (max-width: 25rem) {
  .home-use-card :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),
.koshi-primitive--profile-staggered-section.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)) {
    max-width:100%;
  }
}




.newsletter .koshi-public-form-honeypot { overflow-wrap: normal; }

@container koshi-editorial (max-width: 42.5rem) {
  :is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) .home-element-card__copy {
    padding-block-start: .375rem;
    row-gap: .125rem;
  }
  :is(.home-elements-section,.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class]) .home-element-card__copy strong {
    margin-block-start: 0;
  }
}


@container koshi-editorial (max-width: 48.75rem) {
  .home-earth-card__media, .home-earth-card__media > img {
    width: 100%;
    height: auto;
    aspect-ratio: 227 / 300;
  }
  .home-earth-card__body {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    min-height: 8.8125rem;
  }
  .home-earth-card__melody {
    align-self: flex-start; max-width: 100%; object-fit: contain;
  }
  .home-earth-card__actions {
    position: static;
    height: auto;
    min-height: 1.625rem;
    margin-top: auto;
    flex-wrap: wrap;
    gap: .5rem;
  }
  .home-earth-card__actions > a {
    max-width: 100%;
    height: auto;
    min-height: 1.625rem;
  }
}


@container koshi-editorial (max-width: 61.25rem) {
  .service-strip strong,
  :is(:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout > .koshi-primitive--title,:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title) {
    overflow-wrap: anywhere;
  }
}

.koshi-figma-audio-player__status {
  margin: 0.5rem 0;
  font-size: 0.875rem;
  line-height: 1.5;
}

.koshi-figma-audio-player__status[hidden] { display: none; }

/* Shared accessible text; independent of WordPress admin-bar styles. */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.screen-reader-text:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  clip-path: none;
  white-space: normal;
}

/* Questions use natural content height in both composed and legacy variants. */
[data-koshi-accordion-item] { min-height: 0; }
[data-koshi-accordion-heading] { display: block; min-height: 0; padding-bottom: 1.5rem; }
.koshi-question-toggle {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1.5rem;
  gap: 1.5rem;
  align-items: start;
  width: 100%;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  text-align: start;
  cursor: pointer;
}
.koshi-question-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: .25rem; }
.koshi-question-toggle[aria-expanded="false"] svg { transform: rotate(180deg); }
[data-koshi-accordion-item] > [hidden] { display: none; }

/* Removing optional search also removes its reserved grid track. */
.faq-figma-heading:not(:has(.faq-figma-search-control)) {
  min-height: 0;
  grid-template-rows: auto;
}

/* Native category controls retain the existing grid typography and geometry. */
.koshi-category-filter a { color: inherit; font: inherit; text-decoration: none; }
.koshi-category-filter a:focus-visible { outline: 2px solid currentColor; outline-offset: .25rem; }
.guide-figma-card[hidden] { display: none; }
.koshi-category-empty { text-align: center; margin-block: 2rem; }

:is(.guide-use-tags,:is(.koshi-primitive--profile-article-footer.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-article-information,.koshi-primitive--profile-article-footer.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-article-information)) a:focus-visible { outline: 2px solid currentColor; outline-offset: .25rem; }

/* Authored Hero sizing is opt-in; default presets keep their approved geometry. */
section.koshi-hero-height {
  display: grid;
  box-sizing: border-box;
  height: auto;
  min-height: var(--koshi-hero-min-height, 0rem);
  padding-block: clamp(3rem, calc(8 * var(--koshi-viewport-unit-block, 1svh)), 6rem);
  align-content: center;
  justify-items: center;
}
.koshi-hero-height--compact { --koshi-hero-min-height: 24rem; }
.koshi-hero-height--standard { --koshi-hero-min-height: 40rem; }
.koshi-hero-height--screen { --koshi-hero-min-height: calc(100 * var(--koshi-viewport-unit-block, 1svh)); }
.koshi-hero-height > .koshi-hero-height__copy {
  margin-block: 0;
  padding-block: 0;
  width: min(50.125rem, calc(100% - 3rem));
  max-width: 100%;
}
.koshi-hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-block-start: 2rem;
}
.koshi-hero-actions > a { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }

/* Canonical Hero cover: layout options are independent of historic presets. */
.koshi-hero { position: relative; display: grid; align-items: center; min-height: var(--koshi-hero-min-height, 40rem); height: auto; isolation: isolate; }
.koshi-hero--height-auto { --koshi-hero-min-height: 0rem; }
.koshi-hero--height-compact { --koshi-hero-min-height: 24rem; }
.koshi-hero--height-screen { --koshi-hero-min-height: calc(100 * var(--koshi-viewport-unit-block, 1svh)); }
.koshi-hero--has-image { color: var(--koshi-white); background: var(--koshi-ink); }
.koshi-hero__image { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.koshi-hero--has-image::after { position: absolute; z-index: -1; inset: 0; content: ""; background: rgb(0 0 0 / .4); }
.koshi-hero.koshi-composition--media-ratio-landscape { aspect-ratio: 16 / 9; }
.koshi-hero.koshi-composition--media-ratio-square { aspect-ratio: 1; }
.koshi-hero.koshi-composition--media-ratio-portrait { aspect-ratio: 3 / 4; }
.koshi-hero h1 { margin-block: 0 1.5rem; font-family: var(--koshi-serif); font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 400; line-height: 1.2; overflow-wrap: anywhere; }
.koshi-hero--has-image .koshi-composition__text-link { color: inherit; }

/* Unified authoring sections: phase one, legacy styles unchanged. */
/* New authoring structures only; saved legacy presentations keep their own CSS. */
.koshi-composition--media-fit-contain .koshi-composition__media { object-fit: contain; }
.koshi-composition--media-fit-cover .koshi-composition__media { object-fit: cover; }
.koshi-editorial__pair, .koshi-editorial__media-pair { display: grid; gap: var(--composition-gap); min-width: 0; }
.koshi-editorial--overlay > .koshi-composition__inner { position: relative; isolation: isolate; }
.koshi-editorial--overlay > .koshi-composition__inner > .koshi-composition__media { grid-area: 1 / 1; width: 100%; height: 100%; object-fit: cover; }
.koshi-editorial--overlay > .koshi-composition__inner > .koshi-composition__copy { grid-area: 1 / 1; z-index: 1; align-self: center; padding: clamp(1.5rem, 5vw, 4rem); background: color-mix(in srgb, var(--koshi-surface-page) 88%, transparent); }
.koshi-editorial--overlay > .koshi-composition__inner > .koshi-composition__copy:only-child { background: transparent; padding: 0; }
@container koshi-editorial (min-width: 42rem) {
  .koshi-editorial--columns > .koshi-composition__inner:has(> :nth-child(2)),
  .koshi-editorial__media-pair:has(> :nth-child(2)) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .koshi-editorial--two-media.koshi-composition--media-position-left > .koshi-composition__inner:has(> .koshi-composition__copy):has(> .koshi-editorial__media-pair),
  .koshi-editorial--two-media.koshi-composition--media-position-right > .koshi-composition__inner:has(> .koshi-composition__copy):has(> .koshi-editorial__media-pair),
  .koshi-editorial--narratives.koshi-composition--media-position-left .koshi-editorial__pair:has(> .koshi-composition__media):has(> .koshi-composition__copy),
  .koshi-editorial--narratives.koshi-composition--media-position-right .koshi-editorial__pair:has(> .koshi-composition__media):has(> .koshi-composition__copy) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Integrate with the shared composition rules; new authoring profiles only. */
.koshi-composition-quote__items,
.koshi-composition-questions__items { display: grid; gap: var(--composition-gap); min-width: 0; }
.koshi-composition-quote__item { margin: 0; min-width: 0; overflow-wrap: anywhere; }
  .koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class],
.koshi-composition-quote__item blockquote { margin: 0; }
.koshi-composition-quote__item figcaption { display: grid; gap: .25rem; margin-block-start: 1rem; }
.koshi-composition-quote__image { display: block; width: 100%; max-width: 100%; height: auto; }
.koshi-composition-quote--carousel .koshi-composition-quote__items {
  display: grid; grid-auto-flow: column; grid-auto-columns: min(85%, 32rem);
  overflow-x: auto; scroll-snap-type: x mandatory; padding-block-end: .5rem;
}
.koshi-composition-quote--carousel .koshi-composition-quote__item { scroll-snap-align: start; }
.koshi-composition-quote__items:focus-visible { outline: 2px solid var(--koshi-sage); outline-offset: .25rem; }
.koshi-composition-questions__item { min-width: 0; border-block-end: 1px solid currentColor; padding-block-end: 1rem; }
.koshi-composition-questions__question h3 { margin: 0; }
.koshi-composition-questions__question .koshi-question-toggle { min-height: 2.75rem; align-items: center; }
.koshi-composition-questions__question svg { width: 1.5rem; height: 1.5rem; flex: 0 0 auto; }
.koshi-composition-questions__answer { padding-block-start: 1rem; overflow-wrap: anywhere; }
.koshi-composition-questions__answer[hidden],
.koshi-composition-questions__item[hidden] { display: none; }
@container koshi-editorial (min-width: 42rem) {
  .koshi-composition-list--intro-aside > .koshi-composition__inner:has(> .koshi-composition__copy) { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
  .koshi-composition-list--intro-aside > .koshi-composition__inner > .koshi-composition__actions { grid-column: 2; }
  .koshi-composition-questions__items--columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .koshi-composition-quote--grid .koshi-composition-quote__items--columns-auto { grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); }
  .koshi-composition-quote--grid .koshi-composition-quote__items--columns-2,
  .koshi-composition-quote--grid .koshi-composition-quote__items--columns-3,
  .koshi-composition-quote--grid .koshi-composition-quote__items--columns-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container koshi-editorial (min-width: 64rem) {
  .koshi-composition-quote--grid .koshi-composition-quote__items--columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .koshi-composition-quote--grid .koshi-composition-quote__items--columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Unified authoring only: historical layouts remain unchanged. */
.koshi-cards__inner,.koshi-article__inner,.koshi-collection__inner{width:100%;max-width:var(--composition-width);margin-inline:auto}
.koshi-cards__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--composition-gap);align-items:stretch}
.koshi-cards__inner>header,.koshi-cards__filters{margin-block-end:var(--composition-gap)}
.koshi-cards__card,.koshi-cards__content,.koshi-cards__copy{display:flex;flex-direction:column;min-width:0}
.koshi-cards__card{background:var(--koshi-paper);border-radius:.5rem;overflow:hidden;border:1px solid transparent}
.koshi-cards__card.is-featured{border-color:var(--koshi-burgundy)}
.koshi-cards__card[hidden]{display:none}
.koshi-cards__content{height:100%;color:inherit;text-decoration:none}
.koshi-cards__copy{flex:1;gap:1rem;padding:clamp(1rem,2vw,1.5rem)}
.koshi-cards__copy>*{margin:0}.koshi-cards__copy>.guide-figma-card__tag{align-self:flex-start;max-width:100%;width:auto}
.koshi-cards__link{margin-top:auto;padding-top:.5rem;color:var(--koshi-burgundy);text-transform:uppercase;letter-spacing:.08em}
.koshi-cards__filters{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem 2rem}
.koshi-cards__filters>a{color:inherit;text-decoration:none;padding-block:.5rem;border-bottom:1px solid transparent}
.koshi-cards__filters>a.is-selected{border-bottom-color:currentColor}
.koshi-article__inner{display:grid;gap:var(--composition-gap)}
.koshi-article__main,.koshi-article__aside{min-width:0;display:flex;flex-direction:column;gap:1.5rem}
.koshi-article__main>*{margin-block:0}.koshi-article__image,.koshi-article__product img{display:block;max-width:100%;height:auto}
.koshi-article__product{display:flex;flex-direction:column;gap:.5rem;color:inherit}
.koshi-collection__inner>.section{width:100%;max-width:none;margin:0;padding:0}
.koshi-collection__inner :is(:is(.home-collection-intro,:where(.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class])),.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class]),.koshi-collection__inner .qr-figma{max-width:100%;margin-inline:auto}
@media(min-width:48rem){
.koshi-cards__grid--1{grid-template-columns:1fr}.koshi-cards__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.koshi-cards__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.koshi-cards__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.koshi-cards__grid--staggered{padding-block:1.5rem}.koshi-cards__grid--staggered>.koshi-cards__card:nth-child(even){transform:translateY(1.5rem)}
.koshi-article--with-aside>.koshi-article__inner{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.koshi-article--aside-left.koshi-article--with-aside>.koshi-article__inner{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.koshi-article--aside-left.koshi-article--with-aside .koshi-article__main{grid-column:2;grid-row:1}.koshi-article--aside-left.koshi-article--with-aside .koshi-article__aside{grid-column:1;grid-row:1}
}

/* Illustrated cards compose media, headings, prose and actions without owning their content. */
.koshi-primitive--profile-illustrated-card.koshi-primitive--layout-stack > .koshi-container__layout { inline-size:100%; text-align:center; }
.koshi-primitive--profile-illustrated-card.koshi-primitive--layout-stack > .koshi-container__layout > :is(.koshi-primitive--text,.koshi-editor-block:has(> .koshi-primitive--text)) { align-self:center; inline-size:min(32.5rem,100%); }
.koshi-primitive--profile-illustrated-card.koshi-primitive--layout-stack > .koshi-container__layout > :is(.koshi-primitive--media-item,.koshi-editor-block:has(> .koshi-primitive--media-item)) { inline-size:100%; }
/* Media/prose uses three actual selectable children, with a direct heading reference. */
.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout { grid-template-rows: 1fr auto auto; row-gap:0; }
:is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--media-item, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item) { grid-row:1 / 4; align-self:end; }
:is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--title, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title) { grid-column:3; grid-row:2; margin-top:0; }
:is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--text, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text) { grid-column:3; grid-row:3; }
:is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--media-item, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item) > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))) { inline-size:100%; block-size:100%; object-fit:cover; border-radius:inherit; }
:is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--text, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text) > p { margin:0; }
@container koshi-editorial (max-width:83rem) {
:is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--media-item, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item) { grid-column:1; grid-row:1 / 4; }
:is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--title, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title) { grid-column:2; grid-row:2; margin-top:0; }
:is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--text, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text) { grid-column:2; grid-row:3; }
}
@container koshi-editorial (max-width:61.25rem) {
.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout { grid-template-rows:auto auto auto; }
:is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--media-item, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item) { grid-column:1; grid-row:1; }
:is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--title, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title) { grid-column:1; grid-row:2; margin-top:var(--koshi-media-prose-flow-gap); }
:is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--text, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text) { grid-column:1; grid-row:3; }
}

/* Preserve historical fixed minima only on the legacy sections. */
.qr-figma-choice { min-height:63.25rem; }
.qr-figma-choice > .qr-figma-container > h2 { min-height:3.625rem; }
.qr-figma-choice__grid { min-height:40.625rem; }
@container koshi-editorial (max-width:83rem) { .qr-figma-choice,.qr-figma-choice > .qr-figma-container > h2,.qr-figma-choice__grid { min-height:0; } }
.koshi-primitive--profile-illustrated-section.koshi-primitive--layout-stack { container-name:koshi-layout koshi-editorial; }

@container koshi-editorial (max-width:83rem) {
:is(.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-primitive--media-item, .koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item) > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))) { block-size:auto; aspect-ratio:inherit; }
}

/* Editor wrappers retain the same explicit cells as their native children. */
.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--media-item) { grid-column:1; grid-row:1 / 4; align-self:end; }
.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--title) { grid-column:3; grid-row:2; }
.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--text) { grid-column:3; grid-row:3; }
@container koshi-editorial (max-width:83rem) {
.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--media-item) { grid-column:1; grid-row:1 / 4; }
.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--title) { grid-column:2; grid-row:2; }
.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--text) { grid-column:2; grid-row:3; }
}
@container koshi-editorial (max-width:61.25rem) {
.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--media-item) { grid-column:1; grid-row:1; }
.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--title) { grid-column:1; grid-row:2; }
.koshi-primitive--profile-media-prose.koshi-primitive--layout-grid > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--text) { grid-column:1; grid-row:3; }
}

.koshi-primitive--profile-illustrated-card.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--text.koshi-primitive--role-body > p, .koshi-primitive--profile-illustrated-card.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text.koshi-primitive--role-body > p { margin-inline:auto; }

:is(.koshi-primitive--layout-grid.koshi-primitive--gap-large:has(> .koshi-container__layout > .koshi-primitive--profile-illustrated-card),.koshi-primitive--layout-grid.koshi-primitive--gap-large:has(> .koshi-container__layout > .koshi-editor-block > .koshi-primitive--profile-illustrated-card)) > .koshi-container__layout { grid-template-columns:repeat(var(--koshi-primitive-columns,2),minmax(0,1fr)); }
@container koshi-editorial (max-width:47.5rem) { :is(.koshi-primitive--layout-grid.koshi-primitive--gap-large:has(> .koshi-container__layout > .koshi-primitive--profile-illustrated-card),.koshi-primitive--layout-grid.koshi-primitive--gap-large:has(> .koshi-container__layout > .koshi-editor-block > .koshi-primitive--profile-illustrated-card)).koshi-primitive--mobile-layout-stack > .koshi-container__layout { grid-template-columns:minmax(0,1fr); } }

.koshi-primitive--profile-illustrated-section.koshi-primitive--layout-stack > .koshi-container__layout { gap:5rem; }
:is(.koshi-primitive--layout-grid.koshi-primitive--gap-large:has(> .koshi-container__layout > .koshi-primitive--profile-illustrated-card),.koshi-primitive--layout-grid.koshi-primitive--gap-large:has(> .koshi-container__layout > .koshi-editor-block > .koshi-primitive--profile-illustrated-card)) > .koshi-container__layout { margin-block-start:0; }

/* Intro covers retain one background and a freely editable content stack. */
.koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay { container-name:koshi-layout koshi-editorial; }
.koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout { inline-size:100%; position:static; isolation:auto; justify-items:center; }
.koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content { background:transparent; }
.koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout { inline-size:100%; align-items:center; }
.koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > :is(.koshi-primitive--text,.koshi-editor-block:has(> .koshi-primitive--text)) { inline-size:100%; }
.koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--text > p, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text > p { margin-inline:auto; }
.koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout { inline-size:100%; align-items:center; }
.koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > :is(.koshi-primitive--text,.koshi-editor-block:has(> .koshi-primitive--text)) { inline-size:100%; }
.koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--text > p, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text > p { margin-inline:auto; }

.koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay .koshi-primitive--placement-role-background, .koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay .koshi-primitive--placement-role-background > .koshi-container__layout { position:static; }

.koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > :is(.koshi-primitive--buttons,.koshi-editor-block:has(> .koshi-primitive--buttons)) { inline-size:100%; }

.koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > :is(.koshi-primitive--buttons,.koshi-editor-block:has(> .koshi-primitive--buttons)) { inline-size:100%; }

.koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block { inline-size:100%; display:grid; justify-items:center; }

.koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block { inline-size:100%; }

.koshi-primitive--profile-cover-intro.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block { inline-size:100%; }

/* Instructional sections own rhythm; selectable leaves own authored text and media. */
.koshi-primitive--profile-instruction.koshi-primitive--layout-stack { container-name:koshi-layout koshi-editorial; }
.koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout { gap:0; }
.koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > * + * { margin-block-start:5rem; }
.koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block { inline-size:100%; }
.koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--media-item,
.koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item { inline-size:100%; }
.koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--ratio-landscape.koshi-primitive--shape-rounded > video,
.koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--ratio-landscape.koshi-primitive--shape-rounded > video { margin-top:0; }
.koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid.koshi-primitive--gap-large.koshi-primitive--proportions-equal > .koshi-container__layout,
.koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid.koshi-primitive--gap-large.koshi-primitive--proportions-equal > .koshi-container__layout { margin-top:0; grid-template-columns:repeat(var(--koshi-primitive-columns,3),minmax(0,1fr)); }
.koshi-primitive--profile-instruction-step.koshi-primitive--layout-stack > .koshi-container__layout { inline-size:100%; }
.koshi-primitive--profile-instruction-step.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--media-item.koshi-primitive--fit-contain,
.koshi-primitive--profile-instruction-step.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item.koshi-primitive--fit-contain { inline-size:3rem; }
.koshi-primitive--profile-instruction-step.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--text.koshi-primitive--role-body > p,
.koshi-primitive--profile-instruction-step.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text.koshi-primitive--role-body > p { margin-inline:auto; }
.koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--buttons > .koshi-composition__actions > a,
.koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons > .koshi-composition__actions > a { margin-top:0; margin-inline:0; }
@container koshi-editorial (max-width:47.5rem) {
.koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--layout-grid.koshi-primitive--gap-large.koshi-primitive--proportions-equal.koshi-primitive--mobile-layout-stack > .koshi-container__layout,
.koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-grid.koshi-primitive--gap-large.koshi-primitive--proportions-equal.koshi-primitive--mobile-layout-stack > .koshi-container__layout { grid-template-columns:minmax(0,1fr); }
.koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--buttons,
.koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--buttons) { margin-block-start:4rem; }
}

.koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-primitive--profile-collection-heading,
.koshi-primitive--profile-instruction.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--profile-collection-heading { margin-inline:auto; }

@container koshi-editorial (max-width:56.25rem) {
:is(.delivery-figma-hero__copy, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content) {
    width: calc(100% - 3rem);
    overflow-wrap: anywhere;
  }
}
@container koshi-editorial (max-width:42.5rem) {
:is(.delivery-figma-hero, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay) {
    min-height: 32.5rem;
  }
}
@container koshi-editorial (max-width:42.5rem) {
:is(.delivery-figma-hero__copy, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content) {
    width: calc(100% - 2rem);
    padding-top: 8.5rem;
  }
}
@container koshi-editorial (max-width:42.5rem) {
:is(.delivery-figma-hero h1, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-display, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title.koshi-primitive--size-display) {
    font-size: 2.5rem;
  }
}
@container koshi-editorial (max-width:42.5rem) {
:is(.delivery-figma-hero__copy > p, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--text > p, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--text > p, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text > p, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text > p) {
    font-size: 1rem;
  }
}
@container koshi-editorial (max-width:42.5rem) {
:is(.delivery-figma-hero__actions, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--buttons > .koshi-composition__actions, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--buttons > .koshi-composition__actions, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons > .koshi-composition__actions, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons > .koshi-composition__actions) {
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1.75rem;
  }
}
@container koshi-editorial (max-width:42.5rem) {
:is(.delivery-figma-hero__actions :is(.delivery-figma-button, .koshi-primitive--profile-questions-contact.koshi-primitive--layout-stack[class] .koshi-ui-button), .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--buttons > .koshi-composition__actions > .koshi-ui-button, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--buttons > .koshi-composition__actions > .koshi-ui-button, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons > .koshi-composition__actions > .koshi-ui-button, .koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--buttons > .koshi-composition__actions > .koshi-ui-button) {
    width: min(21.4375rem, 100%);
  }
}

.koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay { container-name:koshi-layout koshi-editorial; }
.koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > :is(.koshi-primitive--text,.koshi-primitive--buttons,.koshi-editor-block) { inline-size:100%; }
.koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > :is(.koshi-primitive--text,.koshi-primitive--buttons,.koshi-editor-block) { inline-size:100%; }

.koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay { container-name:koshi-layout koshi-editorial; }
.koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > :is(.koshi-primitive--text,.koshi-primitive--buttons,.koshi-editor-block) { inline-size:100%; }
.koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > :is(.koshi-primitive--text,.koshi-primitive--buttons,.koshi-editor-block) { inline-size:100%; }

:has(> :is(.manufacture-figma-hero,.delivery-figma-hero,.koshi-primitive--profile-cover-wide.koshi-primitive--layout-overlay,.koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay)) { container: koshi-editorial / inline-size; }

.koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--title,
.koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-primitive--title,
.koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title,
.koshi-primitive--profile-cover-actions.koshi-primitive--layout-overlay > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--placement-role-content > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title { inline-size:100%; }

/* Article header: semantic leaves occupy text rows independently of the adjacent media. */
.koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout { inline-size:min(80rem,calc(100% - 3rem)); margin-inline:auto; row-gap:0; grid-template-rows:min-content min-content min-content minmax(0,1fr); }
.koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > * { grid-column:1; align-self:start; }
.koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--shape-rounded,
.koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--shape-rounded,
.koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--media-item) { grid-column:2; grid-row:1 / span 4; }
.koshi-primitive--profile-article-meta.koshi-primitive--layout-stack > .koshi-container__layout { gap:0; }
.koshi-primitive--profile-article-meta.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-article-information,
.koshi-primitive--profile-article-meta.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-article-information { display:block; }
.koshi-primitive--profile-article-meta.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-article-information > .koshi-article-information__separator,
.koshi-primitive--profile-article-meta.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-article-information > .koshi-article-information__separator { margin-inline:.4375rem; white-space:pre; }
.koshi-primitive--profile-article-meta.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-article-information > .koshi-article-information__separator::before,
.koshi-primitive--profile-article-meta.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-article-information > .koshi-article-information__separator::before,
.koshi-primitive--profile-article-meta.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-article-information > .koshi-article-information__separator::after,
.koshi-primitive--profile-article-meta.koshi-primitive--layout-stack > .koshi-container__layout > .koshi-editor-block > .koshi-article-information > .koshi-article-information__separator::after { content:" "; }
.koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-article-share,
.koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-editor-block > .koshi-article-share { display:block; }

.koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 .koshi-share-actions--icons > :is(button,a) { min-inline-size:2rem; min-block-size:2rem; }


/* The article presentation responds to its containing column. */
@container koshi-editorial (min-width:61.3125rem) {
body.koshi-page-guide-use .guide-use-hero,
body.koshi-page-article .guide-use-hero,
.koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 {
    min-height: 46.5rem;
    padding-top: 11.375rem;
  }
}
@container koshi-editorial (max-width:83rem) {
:is(.guide-use-hero__container, .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout) {
    grid-template-columns: minmax(0, 42fr) minmax(0, 58fr);
    gap: 3rem;
  }
}
@container koshi-editorial (max-width:83rem) {
:is(.guide-use-hero__image, .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--shape-rounded > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))), .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--shape-rounded > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame)))) {
    width: 100%;
  }
}
@container koshi-editorial (max-width:83rem) {
:is(.guide-use-hero__image, .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--shape-rounded > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))), .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--shape-rounded > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame)))) {
    aspect-ratio: 780 / 450;
    height: auto;
  }
}
@container koshi-editorial (max-width:56.25rem) {
:is(.guide-use-hero, .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2) {
    min-height: 0;
  }
}
@container koshi-editorial (max-width:56.25rem) {
:is(.guide-use-hero, .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2) {
    padding: 4.5rem 0 5.5rem;
  }
}
@container koshi-editorial (max-width:56.25rem) {
:is(.guide-use-hero__container, .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout) {
    grid-template-columns: minmax(0, 1fr);
  }
}
@container koshi-editorial (max-width:56.25rem) {
:is(.guide-use-hero__image, .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--shape-rounded > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))), .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--shape-rounded > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame)))) {
    margin-top: 0.5rem;
  }
}
@container koshi-editorial (max-width:42.5rem) {
:is(.guide-use-hero, .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2) {
    padding: 3.5rem 0 4.5rem;
  }
}
@container koshi-editorial (max-width:42.5rem) {
:is(.guide-use-hero__container, .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout) {
    gap: 3rem;
  }
}
@container koshi-editorial (max-width:42.5rem) {
:is(.guide-use-hero h1, .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-primitive--title, .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title) {
    font-size: 2.5rem;
  }
}
@container koshi-editorial (max-width:42.5rem) {
:is(.guide-use-share > p, .koshi-article-share__label) {
    font-size: 1rem;
  }
}
@container koshi-editorial (max-width:42.5rem) {
:is(.guide-use-hero__image, .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--shape-rounded > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame))), .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--shape-rounded > :is(:is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link)),:where(:is(.koshi-primitive__media-link,.koshi-primitive__media-frame)))) {
    min-height: 17.5rem;
    aspect-ratio: 4 / 3;
  }
}
@container koshi-editorial (max-width:56.25rem) {
.koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout { grid-template-rows:auto; }
}
@container koshi-editorial (max-width:56.25rem) {
.koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--shape-rounded,
.koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--shape-rounded,
.koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--media-item) { grid-column:1;grid-row:auto; }
}
@container koshi-editorial (max-width:42.5rem) {
:is(.guide-use-hero__container, .koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout) { inline-size:calc(100% - 2rem); }
}
@container koshi-editorial (max-width:56.25rem) {
.koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout > :is(.koshi-primitive--media-item,.koshi-editor-block:has(> .koshi-primitive--media-item)) { margin-top:3rem; }
}

:has(> :is(.guide-use-hero,.koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2)) { container:koshi-editorial / inline-size; }
.koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 { container-name:koshi-layout koshi-editorial; }

.koshi-primitive--profile-article-cover.koshi-primitive--layout-grid.koshi-primitive--columns-2 > .koshi-container__layout { row-gap:0; }

/* The feature article exposes independent semantic children. */
.koshi-primitive--profile-article-prose.koshi-primitive--layout-stack[class] > .koshi-container__layout,.koshi-primitive--profile-article-instructions.koshi-primitive--layout-stack[class] > .koshi-container__layout,.koshi-primitive--profile-article-maintenance.koshi-primitive--layout-stack[class] > .koshi-container__layout,.koshi-primitive--profile-article-end.koshi-primitive--layout-stack[class] > .koshi-container__layout,.koshi-primitive--profile-article-footer.koshi-primitive--layout-stack[class] > .koshi-container__layout { gap:0; }
:is(.koshi-primitive--profile-article-prose.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--role-lead,.koshi-primitive--profile-article-prose.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--role-lead) > p { margin:0; }
:is(.koshi-primitive--profile-article-feature.koshi-primitive--layout-grid.koshi-primitive--columns-2[class] > .koshi-container__layout > .koshi-quote-item--plain,.koshi-primitive--profile-article-feature.koshi-primitive--layout-grid.koshi-primitive--columns-2[class] > .koshi-container__layout > .koshi-editor-block > .koshi-quote-item--plain) { margin:0; padding:0; }
:is(.koshi-primitive--profile-article-footer.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-article-share,.koshi-primitive--profile-article-footer.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-article-share) { display:block; }
:is(.koshi-primitive--profile-article-footer.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-article-share,.koshi-primitive--profile-article-footer.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-article-share) .koshi-share-actions--icons > :is(a,button) { min-inline-size:2rem; min-block-size:2rem; }

.koshi-primitive--profile-article-footer .koshi-article-information__item--categories { display:contents; }

/* Illustrated services: structural bridges around independently editable children. */
.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout { margin-inline:auto; }
:is(.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-primitive--layout-stack,.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--layout-stack) > .koshi-container__layout, .koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class] > .koshi-container__layout { display:block; }
.koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block { display:block; }
.koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class] .koshi-primitive--media-item { inline-size:3rem; block-size:3rem; }
:is(.koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--text,.koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text)::before { content:""; }
:is(.koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--text,.koshi-primitive--profile-service-card.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text) { margin:0; }

.koshi-primitive--profile-services-aside.koshi-primitive--layout-grid[class] { display:block; }

.koshi-primitive--profile-article-end.koshi-primitive--layout-stack[class] .koshi-primitive--media-item { display:grid; }

:is(.koshi-primitive--profile-article-instructions.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--text ~ .koshi-primitive--text,.koshi-primitive--profile-article-instructions.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--text) ~ .koshi-editor-block > .koshi-primitive--text) > p:only-child { min-height:inherit; }

/* Article reading responds to its local composition width. */
@container koshi-editorial (max-width:56.25rem) {
:is(.guide-use-body,.koshi-primitive--profile-article-prose.koshi-primitive--layout-stack[class]) {
    min-height: 0;
  }
}
@container koshi-editorial (max-width:56.25rem) {
:is(.guide-use-article,.koshi-primitive--profile-article-prose.koshi-primitive--layout-stack[class] > .koshi-container__layout) {
    padding: 7rem 0;
  }
}
@container koshi-editorial (max-width:56.25rem) {
:is(.guide-use-feature,.koshi-primitive--profile-article-feature.koshi-primitive--layout-grid.koshi-primitive--columns-2[class] > .koshi-container__layout) {
    grid-template-columns: minmax(0, 1fr) 292px;
  }
}
@container koshi-editorial (max-width:56.25rem) {
:is(.guide-use-feature .koshi-guide-quote,:is(.koshi-primitive--profile-article-feature.koshi-primitive--layout-grid.koshi-primitive--columns-2[class] > .koshi-container__layout > .koshi-quote-item--plain,.koshi-primitive--profile-article-feature.koshi-primitive--layout-grid.koshi-primitive--columns-2[class] > .koshi-container__layout > .koshi-editor-block > .koshi-quote-item--plain) > blockquote) {
    width: 100%;
  }
}
@container koshi-editorial (max-width:42.5rem) {
:is(.guide-use-article,.koshi-primitive--profile-article-prose.koshi-primitive--layout-stack[class] > .koshi-container__layout) {
    width: calc(100% - 2rem);
  }
}
@container koshi-editorial (max-width:42.5rem) {
:is(.guide-use-article h2,:is(.koshi-primitive--profile-article-prose.koshi-primitive--layout-stack[class] > .koshi-container__layout > h2,.koshi-primitive--profile-article-prose.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > h2)) {
    font-size: 2.5rem;
  }
}
@container koshi-editorial (max-width:42.5rem) {
:is(.guide-use-article,.koshi-primitive--profile-article-prose.koshi-primitive--layout-stack[class] > .koshi-container__layout) {
    padding: 5rem 0 6rem;
  }
}
@container koshi-editorial (max-width:42.5rem) {
:is(.guide-use-article__gesture,:is(.koshi-primitive--profile-article-prose.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--shape-rounded,.koshi-primitive--profile-article-prose.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item.koshi-primitive--fit-presentation.koshi-primitive--shape-rounded) > :is(img,:where(.koshi-primitive__media-frame,.koshi-primitive__media-link))) {
    height: auto;
    min-height: 260px;
    aspect-ratio: 4 / 3;
  }
}
@container koshi-editorial (max-width:42.5rem) {
:is(.guide-use-instructions,.koshi-primitive--profile-article-instructions.koshi-primitive--layout-stack[class]) {
    margin-top: 72px;
  }
}
@container koshi-editorial (max-width:42.5rem) {
:is(.guide-use-instructions__wind-copy,:is(.koshi-primitive--profile-article-instructions.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--text ~ .koshi-primitive--text,.koshi-primitive--profile-article-instructions.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block:has(> .koshi-primitive--text) ~ .koshi-editor-block > .koshi-primitive--text)),
:is(.guide-use-maintenance .guide-use-prose,:is(.koshi-primitive--profile-article-maintenance.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-primitive--text,.koshi-primitive--profile-article-maintenance.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text)) {
    min-height: 0;
  }
}
@container koshi-editorial (max-width:42.5rem) {
:is(.guide-use-feature,.koshi-primitive--profile-article-feature.koshi-primitive--layout-grid.koshi-primitive--columns-2[class] > .koshi-container__layout) {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
@container koshi-editorial (max-width:42.5rem) {
:is(.guide-use-product img,.koshi-products__editorial-link > img) {
    width: 100%;
    height: auto;
    aspect-ratio: 292 / 360;
  }
}
@container koshi-editorial (max-width:42.5rem) {
:is(.guide-use-maintenance,.koshi-primitive--profile-article-maintenance.koshi-primitive--layout-stack[class]) {
    margin-top: 80px;
  }
}
@container koshi-editorial (max-width:42.5rem) {
:is(.guide-use-maintenance h3,:is(.koshi-primitive--profile-article-maintenance.koshi-primitive--layout-stack[class] > .koshi-container__layout > h3,.koshi-primitive--profile-article-maintenance.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > h3)) {
    font-size: 1.875rem;
  }
}
@container koshi-editorial (max-width:42.5rem) {
:is(.guide-use-tags,:is(.koshi-primitive--profile-article-footer.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-article-information,.koshi-primitive--profile-article-footer.koshi-primitive--layout-stack[class] > .koshi-container__layout > .koshi-editor-block > .koshi-article-information)) {
    justify-content: flex-start;
  }
}

:has(> :is(.guide-use-body,.koshi-primitive--profile-article-prose.koshi-primitive--layout-stack[class])) { container:koshi-editorial / inline-size; }
:is(.guide-use-body,.koshi-primitive--profile-article-prose.koshi-primitive--layout-stack[class],.koshi-primitive--profile-article-feature.koshi-primitive--layout-grid.koshi-primitive--columns-2[class]) { container-name:koshi-layout koshi-editorial; container-type:inline-size; }

/* Collection gallery: actual native children inherit the existing collection charter. */
.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class] { display:block; }
.koshi-primitive--profile-collection-gallery.koshi-primitive--layout-stack[class] > .koshi-container__layout { gap:inherit; }
.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class] { display:block; }
.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class] > .koshi-container__layout { display:block; }
.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class] .koshi-primitive--text { margin:0; }
.koshi-primitive--profile-collection-gallery-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title:not([data-koshi-title-format="html"]) > span:not(:first-child) { font-style:italic; font-weight:400; }

/* Catalogue point scene retains native media and Products as independent children. */
.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] { display:block; }
.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] > .koshi-container__layout { gap:inherit; }
.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class] { display:block; }
.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class] > .koshi-container__layout { display:block; }
.koshi-primitive--profile-collection-hotspots.koshi-primitive--layout-stack[class] .koshi-primitive--profile-collection-hotspots-heading.koshi-primitive--layout-stack[class] .koshi-primitive--title:not([data-koshi-title-format="html"]) > span:not(:first-child) { font-style:italic;font-weight:400; }
.koshi-primitive--profile-collection-scene.koshi-primitive--layout-overlay[class] > .koshi-container__layout { display:block; }
.koshi-primitive--profile-collection-scene.koshi-primitive--layout-overlay[class] .koshi-primitive--media-item { margin:0; }
.home-earth-point--positioned {left:var(--koshi-point-x);top:var(--koshi-point-y);}
@container koshi-editorial (min-width:48.8125rem) { .home-earth-point--positioned {left:var(--koshi-point-x-large);top:var(--koshi-point-y-large);} }

/* Reassurance anatomy: charted frame, independently editable native leaves. */
.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout,
:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout,
.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block,
:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout > .koshi-editor-block,
:is(:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout > .koshi-primitive--media-item,:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--media-item),
:is(:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout > .koshi-primitive--text,:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--text) { display: contents; }
:is(:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout > .koshi-primitive--title,:is(.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-primitive--container,.koshi-primitive--profile-reassurance.koshi-primitive--layout-grid:is(.koshi-primitive--columns-3,.koshi-primitive--columns-4)[class] > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--container) > .koshi-container__layout > .koshi-editor-block > .koshi-primitive--title) { padding:0; }

/* Decorative video uses the standard play/pause control under reduced motion. */
:has(> video[data-koshi-video-decorative]):has(> [data-koshi-video-manual-controls]) { position: relative; }

/* Wide FAQ spacing belongs to the presentation, after its responsive defaults. */
@media (min-width: 1329px) {
  .koshi-primitive--profile-faq-page.koshi-primitive--layout-stack[class] { min-height:0; padding-top:182px; }
}

@media (min-width: 1025px) { .service-strip, .koshi-primitive--profile-reassurance.koshi-primitive--layout-grid.koshi-primitive--columns-3[class] { grid-template-columns: repeat(3, minmax(0, 18.5rem)); } }