.lhd-ss { --lhd-icon-color: #956a49; --lhd-icon-bg: #f2ebe1; --lhd-icon-border: #e4d8ca; --lhd-icon-size: 22px; --lhd-icon-container: 43px; --lhd-icon-stroke: 1.7; color: var(--lhd-ink); overflow: clip; }
.lhd-ss h1, .lhd-ss h2, .lhd-ss h3, .lhd-ss p { margin-top: 0; }
.lhd-ss h1 { max-width: 12ch; font-size: clamp(2.55rem, 5vw, 4.8rem); line-height: 1.06; letter-spacing: -.035em; }
.lhd-ss h2 { font-size: clamp(1.9rem, 3vw, 2.8rem); line-height: 1.15; letter-spacing: -.025em; }
.lhd-ss h3 { font-size: 1rem; line-height: 1.35; }
.lhd-ss p { max-width: 68ch; line-height: 1.7; }
.lhd-ss-section { padding-block: clamp(56px, 7vw, 96px); }
.lhd-ss-section + .lhd-ss-section { border-top: 1px solid var(--lhd-line); }
.lhd-ss-heading { max-width: 780px; margin-bottom: 30px; }
.lhd-ss-heading p, .lhd-ss-split p, .lhd-ss-before p { color: var(--lhd-muted); }
.lhd-ss-hero { padding-block: 0; background: #f5f1eb; }
.lhd-ss-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; gap: clamp(28px, 5vw, 72px); }
@media (min-width: 1200px) {
  .lhd-ss-hero-grid { max-width: 1640px; grid-template-columns: minmax(0, .4fr) minmax(0, .6fr); gap: 48px; }
}
.lhd-ss-hero-copy { align-self: center; padding-block: clamp(64px, 8vw, 112px); }
.lhd-ss-hero-copy > p:not(.lhd-eyebrow) { max-width: 56ch; }
.lhd-ss-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.lhd-ss-actions .lhd-button { min-width: 164px; min-height: 46px; padding: 11px 23px; border-radius: 9px; font-size: 13px; font-weight: 600; }
.lhd-ss-placeholder { position: relative; display: grid; place-content: center; gap: 7px; min-width: 0; overflow: hidden; border: 1px solid #dfd3c5; border-radius: 17px; background: linear-gradient(135deg, #e9dfd2, #f5eee5 55%, #d8c8b5); text-align: center; }
.lhd-ss-placeholder > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.lhd-ss-placeholder::before { content: ''; position: absolute; inset: 12px; border: 1px solid #ffffff76; border-radius: 11px; pointer-events: none; }
.lhd-ss-placeholder span, .lhd-ss-placeholder strong { position: relative; display: block; }
.lhd-ss-placeholder span { color: #67584b; font-size: .67rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.lhd-ss-placeholder strong { max-width: 20ch; margin-inline: auto; font-family: Georgia, serif; font-size: clamp(1.25rem, 2vw, 1.8rem); font-weight: 400; line-height: 1.2; }
.lhd-ss-hero-visual { width: 100%; max-width: 100%; min-width: 0; align-self: center; aspect-ratio: 1.55; margin-block: 24px; }
.lhd-ss-hero-visual:has(> img) { aspect-ratio: auto; }
.lhd-ss-hero-visual > img { position: static; display: block; width: 100%; max-width: 100%; height: auto; object-fit: contain; border-radius: inherit; }
.lhd-ss-hero-visual:has(> img)::before { content: none; }
.lhd-ss-challenges { margin-top: 24px; padding: clamp(24px, 4vw, 42px); border-radius: var(--lhd-card-radius); background: var(--lhd-warm); }
.lhd-ss-challenge-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.lhd-ss-challenge-grid article { min-width: 0; padding: 0 24px; }
.lhd-ss-challenge-grid article:first-child { padding-left: 0; }
.lhd-ss-challenge-grid article + article { border-left: 1px solid var(--lhd-line); }
.lhd-ss-challenge-grid article:last-child { padding-right: 0; }
.lhd-ss-challenge-grid p, .lhd-ss-service-grid p { margin-bottom: 0; color: var(--lhd-muted); font-size: .9rem; }
.lhd-ss-icon { display: inline-grid; place-items: center; width: var(--lhd-icon-container); height: var(--lhd-icon-container); flex: none; margin-bottom: 14px; border: 1px solid var(--lhd-icon-border); border-radius: 50%; background: var(--lhd-icon-bg); color: var(--lhd-icon-color); }
.lhd-ss-line-icon { display: block; width: var(--lhd-icon-size); height: var(--lhd-icon-size); stroke-width: var(--lhd-icon-stroke); }
.lhd-ss-challenge-grid h3 { margin-bottom: 8px; }
.lhd-ss-service-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 22px; }
.lhd-ss-service-grid article { min-width: 0; padding: 24px; border: 1px solid #e6d9c9; border-radius: 16px; background: #fffdfa; box-shadow: 0 3px 14px #20251f08; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }
@media (hover: hover) { .lhd-ss-service-grid article:hover { transform: translateY(-2px); border-color: #c9b8a5; box-shadow: 0 8px 24px #231e1909; } }
.lhd-ss-split, .lhd-ss-before { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: clamp(28px, 5vw, 68px); }
#mixed-products { grid-template-columns: minmax(0, 48fr) minmax(0, 52fr); }
.lhd-ss-media { aspect-ratio: 4 / 3; }
.lhd-ss-media img { width: 100%; height: 100%; object-fit: cover; }
.lhd-ss-checks { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 20px 0 0; list-style: none; }
.lhd-ss-checks li { padding: 9px 12px; border: 1px solid var(--lhd-line); border-radius: 999px; font-size: .82rem; }
.lhd-ss-checks li::before { display: inline-block; width: 5px; height: 9px; margin: 0 10px 1px 2px; border-right: 1.5px solid #8b6448; border-bottom: 1.5px solid #8b6448; content: ''; transform: rotate(45deg); }
.lhd-ss-soft, .lhd-ss-destinations { padding-inline: clamp(22px, 4vw, 46px); border-radius: var(--lhd-card-radius); background: #f6f2ec; }
.lhd-ss-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; padding: 0; margin: 0; list-style: none; }
.lhd-ss-steps li { padding: 24px; border: 1px solid #e6d9c9; border-radius: 16px; background: #fffdfa; }
.lhd-ss-steps strong { display: block; margin-bottom: 18px; color: #9b6d4e; font-family: Georgia, serif; font-size: 1.75rem; font-weight: 400; }
.lhd-ss-steps p { margin-bottom: 0; color: var(--lhd-muted); font-size: .9rem; }
.lhd-ss-chips { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 20px 0; list-style: none; }
.lhd-ss-chips li { display: inline-flex; min-height: 34px; align-items: center; padding: 7px 12px; border: 1px solid #e6d9c9; border-radius: 999px; background: #fff; font-size: .8rem; line-height: 1.35; }
.lhd-ss-note { padding: 14px 18px; border-left: 3px solid #a97656; background: var(--lhd-warm); font-size: .88rem; }
.lhd-ss-before { padding-inline: clamp(22px, 4vw, 46px); border-radius: var(--lhd-card-radius); background: #f9f7f3; }
.lhd-ss-shipping-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 24px; }
.lhd-ss-shipping-grid > div { padding: 14px 16px; border: 1px solid var(--lhd-line); border-radius: 10px; }
.lhd-ss-shipping-grid strong, .lhd-ss-shipping-grid span { display: block; }
.lhd-ss-shipping-grid span { margin-top: 4px; color: var(--lhd-muted); font-size: .84rem; }
.lhd-ss-destinations > p:not(.lhd-eyebrow) { max-width: 76ch; }
.lhd-ss-region { margin-top: 22px; }
.lhd-ss-region h3 { margin-bottom: 8px; font-family: system-ui, sans-serif; font-size: .8rem; letter-spacing: .07em; text-transform: uppercase; }
.lhd-ss-region .lhd-ss-chips { margin: 0; }
.lhd-ss-buyers > ul { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; padding: 0; margin: 0; list-style: none; text-align: center; }
.lhd-ss-buyers > ul li { padding: 17px 8px; border-top: 1px solid var(--lhd-line); border-bottom: 1px solid var(--lhd-line); font-size: .84rem; }
.lhd-ss-buyers > ul .lhd-ss-icon { display: grid; margin: 0 auto 10px; }
.lhd-ss-buyers > ul span { display: block; }
.lhd-ss-faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 28px; }
.lhd-ss-faq-grid article { padding: 18px 0; border-top: 1px solid #e6d9c9; }
.lhd-ss-faq-grid h3 { font-weight: 600; }
.lhd-ss-faq-grid p { margin-bottom: 0; color: var(--lhd-muted); font-size: .9rem; }
.lhd-ss-final { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, .8fr); gap: 40px; padding: 34px clamp(24px, 4vw, 48px); border-radius: 17px; background: #594b40; color: #fffaf4; }
.lhd-ss-final .lhd-eyebrow, .lhd-ss-final p { color: #f0dfcf; }
.lhd-ss-final .lhd-button { border-color: #fffaf4; background: #fffaf4; color: #302a25; }
.lhd-ss-final .lhd-button-outline { background: transparent; color: #fffaf4; }
.lhd-ss-final .lhd-button:hover { background: #e6d8c7; color: #302a25; }
.lhd-ss-final > div:last-child { padding-left: 30px; border-left: 1px solid #ffffff45; }
.lhd-ss-final ul { padding-left: 19px; margin-bottom: 0; font-size: .88rem; line-height: 1.9; }
.lhd-ss-related { display: flex; flex-wrap: wrap; gap: 16px; padding-block: 28px 60px; }
.lhd-ss-related a { color: var(--lhd-ink); text-underline-offset: 4px; }
.lhd-ss a:focus-visible { outline: 3px solid #a97656; outline-offset: 3px; }
@media (max-width: 1023px) {
  .lhd-ss-challenge-grid, .lhd-ss-service-grid, .lhd-ss-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lhd-ss-challenge-grid article { padding: 18px; }
  .lhd-ss-challenge-grid article:nth-child(odd) { border-left: 0; }
  .lhd-ss-challenge-grid article:nth-child(n+3) { border-top: 1px solid var(--lhd-line); }
  .lhd-ss-buyers > ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .lhd-ss-hero-grid, .lhd-ss-split, .lhd-ss-before, .lhd-ss-final { grid-template-columns: 1fr; }
  #mixed-products { grid-template-columns: 1fr; }
  .lhd-ss-hero-copy { padding-block: 54px 12px; }
  .lhd-ss-hero-visual { margin-block: 12px 24px; }
  .lhd-ss-before .lhd-ss-media { order: -1; }
  .lhd-ss-final > div:last-child { padding: 22px 0 0; border-left: 0; border-top: 1px solid #ffffff45; }
}
@media (max-width: 599px) {
  .lhd-ss h1 { font-size: clamp(2.35rem, 10vw, 3.2rem); }
  .lhd-ss-challenge-grid, .lhd-ss-service-grid, .lhd-ss-steps, .lhd-ss-faq-grid, .lhd-ss-shipping-grid { grid-template-columns: 1fr; }
  .lhd-ss-challenge-grid article { padding: 18px 0; border-left: 0; }
  .lhd-ss-challenge-grid article + article { border-top: 1px solid var(--lhd-line); border-left: 0; }
  .lhd-ss-actions { flex-direction: column; }
  .lhd-ss-actions .lhd-button { width: 100%; }
  .lhd-ss-buyers > ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .lhd-ss-service-grid article { transition: none; }
  .lhd-ss-service-grid article:hover { transform: none; }
}