/*
 * About + Work editorial enhancement layer for the local prototype.
 * These scoped sections deliberately reuse the live V3 palette and approved
 * product assets—no synthetic flowers, replacement marks, or generated photos.
 */

.editorial-about-world,
.editorial-creations,
.editorial-partnerships {
  --editorial-paper: #FDF8F5;
  --editorial-ink: #5D4037;
  --editorial-coral: #C4756B;
  --editorial-sage: #C9D8C5;
  --editorial-sand: #F5E6D3;
  --editorial-charcoal: #2C2C2C;
}

.editorial-about-world,
.editorial-creations {
  padding-block: clamp(58px, 8vw, 112px);
}

.editorial-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, .58fr);
  gap: 18px clamp(30px, 6vw, 100px);
  align-items: end;
  margin-bottom: 36px;
}

.editorial-section-heading h2 {
  grid-column: 1;
  margin: 0;
  color: var(--editorial-charcoal);
  font-family: Playfair, Georgia, serif;
  font-size: clamp(40px, 4.4vw, 68px);
  font-weight: 500;
  letter-spacing: -.05em;
  line-height: 1.03;
}

.editorial-eyebrow {
  grid-column: 1;
  margin: 0;
  color: var(--editorial-coral);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .15em;
  line-height: 1.35;
}

.editorial-section-note {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: end;
  max-width: 33ch;
  margin: 0;
  color: color-mix(in srgb, var(--editorial-ink) 82%, transparent);
  font-size: 14px;
  line-height: 1.55;
}

.editorial-about-world__moment {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(255px, .82fr);
  gap: clamp(32px, 7vw, 118px);
  align-items: end;
  padding: clamp(36px, 5vw, 72px) 0 clamp(42px, 6vw, 82px);
  border-top: 1px solid color-mix(in srgb, var(--editorial-ink) 24%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--editorial-ink) 24%, transparent);
}

.editorial-about-world__label {
  margin: 0 0 18px;
  color: var(--editorial-coral);
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .035em;
  line-height: 1.4;
}

.editorial-about-world__title {
  max-width: 10ch;
  margin: 0;
  color: var(--editorial-ink);
  font-family: Outfit, Arial, sans-serif;
  font-size: clamp(47px, 5.3vw, 81px);
  font-weight: 500;
  letter-spacing: -.06em;
  line-height: 1.02;
}

.editorial-about-world__title span,
.editorial-about-world__title em {
  display: block;
}

.editorial-about-world__title em {
  margin-top: 7px;
  color: var(--editorial-coral);
  font-family: Playfair, Georgia, serif;
  font-size: .88em;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -.055em;
}

.editorial-about-world__reason {
  position: relative;
  align-self: stretch;
  padding: clamp(23px, 3vw, 39px) 0 0 clamp(23px, 3.2vw, 43px);
  border-left: 1px solid color-mix(in srgb, var(--editorial-ink) 28%, transparent);
}

.editorial-about-world__reason::before {
  position: absolute;
  top: 0;
  left: -1px;
  width: 4px;
  height: 46px;
  background: var(--editorial-coral);
  content: '';
}

.editorial-about-world__reason-primary {
  margin: 0;
  color: var(--editorial-charcoal);
  font-size: clamp(17px, 1.6vw, 20px);
  line-height: 1.68;
}

.editorial-about-world__language-title {
  margin: 0 0 24px;
  color: var(--editorial-ink);
  font-family: Outfit, Arial, sans-serif;
  font-size: clamp(38px, 4.1vw, 62px);
  font-weight: 500;
  letter-spacing: -.05em;
  line-height: 1.06;
}

.editorial-about-world__language-title span,
.editorial-about-world__language-title em { display: block; }

.editorial-about-world__language-title em {
  color: var(--editorial-coral);
  font-family: Playfair, Georgia, serif;
  font-weight: 500;
}

.editorial-about-world__reason-translation {
  max-width: 37ch;
  margin: 22px 0 0;
  color: var(--editorial-ink);
  font-family: Playfair, Georgia, serif;
  font-size: 14px;
  font-style: italic;
  line-height: 1.64;
  opacity: .83;
}

.editorial-about-paths {
  margin-top: clamp(29px, 4vw, 53px);
  border-top: 1px solid color-mix(in srgb, var(--editorial-ink) 24%, transparent);
}

.editorial-about-path {
  display: grid;
  grid-template-columns: 39px minmax(0, 1fr) auto;
  gap: 14px clamp(18px, 3.5vw, 52px);
  align-items: center;
  min-height: 108px;
  padding: 18px clamp(12px, 2vw, 27px) 18px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--editorial-ink) 20%, transparent);
  transition: background-color 180ms ease, padding-left 180ms ease;
}

.editorial-about-path:hover {
  padding-left: 12px;
  background: color-mix(in srgb, var(--editorial-sand) 42%, var(--editorial-paper));
}

.editorial-index {
  color: var(--editorial-coral);
  font-family: Playfair, Georgia, serif;
  font-size: 27px;
  font-style: italic;
  line-height: 1;
}

.editorial-about-path h3,
.editorial-creation-card h3,
.editorial-partnership-card h3 {
  margin: 24px 0 10px;
  color: var(--editorial-charcoal);
  font-family: Playfair, Georgia, serif;
  font-size: clamp(25px, 2.2vw, 34px);
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1.04;
}

.editorial-about-path p,
.editorial-creation-card p,
.editorial-partnership-card p {
  margin: 0;
  color: color-mix(in srgb, var(--editorial-ink) 84%, transparent);
  font-size: 14px;
  line-height: 1.55;
}

.editorial-about-path h3 {
  margin: 0;
  font-size: clamp(21px, 2vw, 29px);
}

.editorial-about-path p {
  max-width: 66ch;
  margin-top: 5px;
  font-size: 13px;
}

.editorial-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: fit-content;
  min-height: 44px;
  margin-top: auto;
  padding-top: 22px;
  border-bottom: 1px solid currentColor;
  color: var(--editorial-ink);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .01em;
  line-height: 1.25;
  text-decoration: none;
}

.editorial-link__arrow {
  color: var(--editorial-coral);
  font-size: 19px;
  line-height: .8;
  transition: transform 180ms ease;
}

.editorial-link:hover .editorial-link__arrow {
  transform: translateX(4px);
}

.editorial-about-path .editorial-link {
  align-self: center;
  margin-top: 0;
  padding-top: 0;
  white-space: nowrap;
}

.editorial-creations {
  padding-top: 0;
}

.editorial-section-heading--creations {
  margin-bottom: 31px;
}

.editorial-creations__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(20px, 3vw, 42px);
}

.editorial-creation-card {
  display: grid;
  grid-template-columns: minmax(160px, .85fr) minmax(0, 1.15fr);
  min-height: 260px;
  border: 1px solid color-mix(in srgb, var(--editorial-ink) 20%, transparent);
  background: var(--editorial-paper);
}

.editorial-creation-card__image {
  display: grid;
  min-height: 100%;
  place-items: center;
  overflow: hidden;
  background: color-mix(in srgb, var(--editorial-sage) 55%, var(--editorial-paper));
}

.editorial-creation-card:nth-child(2) .editorial-creation-card__image {
  background: color-mix(in srgb, var(--editorial-sand) 64%, var(--editorial-paper));
}

.editorial-creation-card__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 420ms cubic-bezier(.22, 1, .36, 1);
}

.editorial-creation-card:hover .editorial-creation-card__image img {
  transform: scale(1.04);
}

.editorial-creation-card__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: clamp(20px, 2.5vw, 34px);
}

.editorial-creation-card__copy h3 {
  margin-top: 10px;
}

.editorial-status {
  color: var(--editorial-coral) !important;
  font-size: 10px !important;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.4;
  text-transform: uppercase;
}

.editorial-partnerships {
  padding-block: clamp(58px, 7vw, 102px);
  background: var(--editorial-sand);
}

.editorial-section-heading--partnerships {
  margin-bottom: 35px;
}

.editorial-partnerships__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(18px, 3vw, 36px);
}

.editorial-partnership-card {
  display: grid;
  grid-template-columns: minmax(160px, .82fr) minmax(0, 1.18fr);
  min-height: 282px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--editorial-ink) 20%, transparent);
  background: var(--editorial-paper);
}

.editorial-partnership-card__image {
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 18px;
  background: color-mix(in srgb, var(--editorial-sage) 47%, var(--editorial-paper));
  object-fit: contain;
}

.editorial-partnership-card:nth-child(2) .editorial-partnership-card__image {
  background: color-mix(in srgb, var(--editorial-sand) 53%, var(--editorial-paper));
}

.editorial-partnership-card__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: clamp(21px, 2.7vw, 36px);
}

.editorial-partnership-card__copy h3 {
  margin: 11px 0 5px;
  font-size: clamp(29px, 2.5vw, 39px);
}

.editorial-status--paid {
  color: var(--editorial-ink) !important;
}

.editorial-partnership-card__product {
  color: var(--editorial-charcoal) !important;
  font-family: Playfair, Georgia, serif;
  font-size: 19px !important;
  line-height: 1.2 !important;
}

.editorial-partnership-card__note {
  margin-top: 10px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.editorial-partnership-card .editorial-link {
  margin-top: auto;
}

.editorial-partnerships__disclosure {
  max-width: 88ch;
  margin: 27px 0 0;
  padding-top: 17px;
  border-top: 1px solid color-mix(in srgb, var(--editorial-ink) 25%, transparent);
  color: color-mix(in srgb, var(--editorial-ink) 78%, transparent);
  font-size: 11px;
  line-height: 1.55;
}

@media (max-width: 900px) {
  .editorial-about-world__moment {
    grid-template-columns: 1fr;
    gap: 31px;
  }

  .editorial-about-world__reason {
    max-width: 590px;
  }

  .editorial-about-path {
    min-height: 94px;
  }

  .editorial-creations__grid,
  .editorial-partnerships__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .editorial-about-world,
  .editorial-creations,
  .editorial-partnerships {
    padding-block: 55px;
  }

  .editorial-creations {
    padding-top: 0;
  }

  .editorial-section-heading {
    display: block;
    margin-bottom: 26px;
  }

  .editorial-section-heading h2 {
    margin-top: 11px;
    font-size: 43px;
  }

  .editorial-section-note {
    margin-top: 17px;
    font-size: 13px;
  }

  .editorial-about-world__moment {
    gap: 25px;
    padding-block: 29px 36px;
  }

  .editorial-about-world__label {
    margin-bottom: 12px;
    font-size: 10px;
  }

  .editorial-about-world__title {
    max-width: 11ch;
    font-size: clamp(42px, 11.4vw, 60px);
  }

  .editorial-about-world__reason {
    padding: 20px 0 0 20px;
  }

  .editorial-about-world__reason-primary {
    font-size: 16px;
  }

  .editorial-about-world__reason-translation {
    margin-top: 17px;
    font-size: 13px;
  }

  .editorial-about-path {
    grid-template-columns: 27px minmax(0, 1fr);
    gap: 8px 14px;
    min-height: 0;
    padding-block: 19px;
  }

  .editorial-about-path:hover {
    padding-left: 0;
    background: transparent;
  }

  .editorial-index {
    font-size: 22px;
  }

  .editorial-about-path h3 {
    font-size: 24px;
  }

  .editorial-about-path p {
    font-size: 12px;
  }

  .editorial-about-path .editorial-link {
    grid-column: 2;
    margin-top: 3px;
    padding-top: 0;
  }

  .editorial-creation-card,
  .editorial-partnership-card {
    grid-template-columns: 1fr;
  }

  .editorial-creation-card__image {
    min-height: 218px;
    max-height: 270px;
  }

  .editorial-partnership-card__image {
    min-height: 210px;
    max-height: 250px;
  }

  .editorial-creation-card__copy,
  .editorial-partnership-card__copy {
    min-height: 220px;
    padding: 23px 20px;
  }

  .editorial-creation-card__copy h3,
  .editorial-partnership-card__copy h3 {
    margin-top: 10px;
  }

  .editorial-partnership-card__product {
    font-size: 18px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .editorial-link__arrow,
  .editorial-creation-card__image img {
    transition: none;
  }
}

.editorial-section-heading h2,.editorial-about-path h3,.editorial-creation-card h3,.editorial-partnership-card h3,.editorial-partnership-card__product{font-family:Outfit,Arial,sans-serif;color:var(--cocoa);line-height:1.14}.editorial-eyebrow,.editorial-status{color:var(--accent)}

/* An actual decision before the detailed scope, using the approved formats. */
#collaboration-shape{scroll-margin-top:125px}
.work-shapes.work-shape-chooser{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:52px;border:0}
.work-shape-tabs{display:grid;align-content:start;border-top:1px solid var(--line)}
.work-shape-tabs button{display:grid;grid-template-columns:32px 1fr 20px;align-items:center;gap:18px;text-align:left;padding:30px 22px;min-height:113px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--cocoa);transition:background 250ms}
.work-shape-tabs button[aria-selected=true]{background:var(--sage)}
.work-shape-tabs button>span:first-child{font:italic 23px Playfair;color:var(--accent)}
.work-shape-tabs strong{font:500 24px/1.15 Outfit;letter-spacing:-.025em}
.work-shape-panels{min-width:0}
.work-shapes.work-shape-chooser article{background:var(--paper);border:0;position:relative;isolation:isolate;overflow:hidden;padding:43px 42px 38px;min-height:378px}
.work-shapes.work-shape-chooser article[hidden]{display:none}
.work-shape-number{position:absolute;right:26px;top:24px;font:500 105px/.9 Outfit;letter-spacing:-.07em;color:var(--sand);z-index:-1;transform-origin:center bottom}
.work-shapes.work-shape-chooser h3{font:500 38px/1.08 Outfit;letter-spacing:-.04em;max-width:80%;margin:25px 0 22px}
.work-shapes.work-shape-chooser article>p:not(.caption){font-size:15px;line-height:1.8;max-width:450px}
.work-shape-rule{height:1px;background:var(--coral);margin:25px 0 19px;transform-origin:left center}
.work-shapes.work-shape-chooser article .work-shape-terms{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:21px}
.work-shape-chooser>.sr-only{position:absolute}
.inquiry-shape{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;color:var(--cocoa)}
.inquiry-shape[hidden]{display:none}.inquiry-shape a{text-decoration:underline;text-underline-offset:4px;flex-shrink:0}
@media(max-width:700px){#collaboration-shape{scroll-margin-top:30px}.work-shapes.work-shape-chooser{grid-template-columns:1fr;gap:25px}.work-shape-tabs button{min-height:79px;padding:19px 15px;gap:13px;grid-template-columns:27px 1fr 18px}.work-shape-tabs strong{font-size:23px}.work-shapes.work-shape-chooser article{padding:32px 25px;min-height:380px}.work-shapes.work-shape-chooser h3{font-size:34px}.work-shape-number{font-size:95px;right:20px}.work-shapes.work-shape-chooser article>p:not(.caption){font-size:14px}.inquiry-shape{font-size:12px}}
@media(prefers-reduced-motion:reduce){.work-shape-tabs button{transition:none}}
.reduced .work-shape-tabs button{transition:none}

.scope-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.scope-heading .caption{font-size:10px}.scope-heading .text-link{font-size:12px;min-height:44px;border:0;background:none;padding:0}
.scope-heading .text-link[hidden]{display:none}
.work-scope-detail{border-top:1px solid var(--line)}.work-scope-detail:last-child{border-bottom:1px solid var(--line)}
.work-scope-detail summary{display:grid;grid-template-columns:45px 1fr 25px;gap:24px;align-items:center;min-height:91px;padding-block:23px;cursor:pointer;list-style:none}
.work-scope-detail summary::-webkit-details-marker{display:none}.work-scope-detail summary>span:first-child{font:italic 24px Playfair;color:var(--accent)}
.work-scope-detail summary h3{font:500 30px/1.2 Outfit;letter-spacing:-.035em}.scope-mark{font:300 27px Outfit;transition:transform 250ms;transform-origin:center}
.work-scope-detail[open] .scope-mark{transform:rotate(45deg)}.work-scope-body{padding:0 50px 30px 69px;max-width:800px}.work-scope-body p{font-size:15px;line-height:1.85;color:var(--muted)}
@media(max-width:700px){.scope-heading{gap:10px;align-items:center}.scope-heading .caption{font-size:8px}.scope-heading .text-link{font-size:10px}.work-scope-detail summary{grid-template-columns:25px 1fr 18px;gap:14px;min-height:83px;padding-block:22px}.work-scope-detail summary h3{font-size:25px}.work-scope-detail summary>span:first-child{font-size:21px}.scope-mark{font-size:24px}.work-scope-body{padding:0 0 25px 39px}.work-scope-body p{font-size:14px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){.scope-mark{transition:none}}.reduced .scope-mark{transition:none}