/* Original vector motifs echo the photographed Savannah fabrics and cushion trim. */
:root {
  --pld-weave: url('../images/patterns/woven-linen.svg');
  --pld-rosettes: url('../images/patterns/savannah-rosettes-organic-v2.svg');
  --pld-savannah-stripes: url('../images/patterns/savannah-stripes.svg');
  --pld-trim: url('../images/patterns/cushion-trim.svg');
}

/* Fine woven threads give pale panels a tactile quality without obscuring copy. */
body .welcome-hero {
  background-image: var(--pld-weave);
  background-size: 64px 64px;
}

/* Rosettes stay at the edges, leaving a quiet reading area in the centre. */
.purpose-close::before,
.purpose-close::after {
  content: '';
  position: absolute;
  inset-block: 0;
  width: min(27vw, 360px);
  background-image:var(--pld-rosettes),var(--pld-savannah-stripes);
  background-position:center top,left center;
  background-size:250px 286px,110px 100%;
  background-repeat:repeat,no-repeat;
  opacity: .23;
  pointer-events: none;
  z-index: 0;
}
.purpose-close::before { left: 0; mask-image: linear-gradient(to right, #000 15%, transparent); }
.purpose-close::after { right: 0; mask-image: linear-gradient(to left, #000 15%, transparent); transform: scale(-1); }
.purpose-close > .shell { position: relative; z-index: 1; }
.craft-ornament { color: #e2b3b8; }

/* A small fabric-border signature repeats across browsing and editorial sections. */
.new-home .range-section,
.collections-page > .page-hero + .band,
.story-page .story-values,
.custom-orders-page .custom-guide-section,
.site-footer {
  position: relative;
}
.new-home .range-section::before,
.collections-page > .page-hero + .band::before,
.story-page .story-values::before,
.custom-orders-page .custom-guide-section::before,
.site-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 12px;
  background: var(--pld-trim) center / 120px 16px repeat-x;
  opacity: .65;
  pointer-events: none;
}

/* Plain non-home panels retain their colours and decorative trim. */

/* Editorial eyebrow accents use the same woven mark, never new text glyphs. */
.welcome-copy > .eyebrow::before,
.story-hero .eyebrow::before,
.custom-hero .eyebrow::before,
.collections-page .page-hero .eyebrow::before {
  content: '';
  display: block;
  width: 82px;
  height: 16px;
  margin-bottom: 14px;
  background: var(--pld-trim) left center / 120px 16px;
  opacity: .85;
}

@media (max-width: 639px) {
  .purpose-close::before,
  .purpose-close::after { width: 72px; background-size: 210px 240px,70px 100%; opacity: .20; }
  .welcome-copy > .eyebrow::before,
  .story-hero .eyebrow::before,
  .custom-hero .eyebrow::before,
  .collections-page .page-hero .eyebrow::before { margin-bottom: 10px; }
}
@media (forced-colors: active), print {
  .purpose-close::before,
  .purpose-close::after,
  .new-home .range-section::before,
  .collections-page > .page-hero + .band::before,
  .story-page .story-values::before,
  .custom-orders-page .custom-guide-section::before,
  .site-footer::before,
  .welcome-copy > .eyebrow::before,
  .story-hero .eyebrow::before,
  .custom-hero .eyebrow::before,
  .collections-page .page-hero .eyebrow::before { display: none; }
}

body .purpose-close .craft-ornament{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 auto 22px;color:#e2b3b8;}
body .purpose-close .craft-ornament>svg{display:block;width:48px;height:28px;max-width:48px;flex:0 0 48px;}
body .purpose-close .craft-ornament>i{display:block;width:65px;height:1px;background:linear-gradient(90deg,transparent,#d7a6ad);}
body .purpose-close .craft-ornament>i:last-child{transform:scaleX(-1);}
body .values-ribbon .woven-divider{display:block;flex:0 0 28px;width:28px;height:16px;background:var(--pld-trim) left center/120px 16px;}