/* 108-87, phase 2. Existing Wide Atelier imagery and copy, no commerce state.
 * Complements PR121; native header/footer markup and commerce stay intact.
 * A :has scope binds the wide layout only to a home that renders this hero.
 */
/* Native height:100% plus body overflow-x:hidden creates a second vertical
 * scroller. Keep anchors and the sticky header on the document scroller.
 * The mobile menu locks that same owner without clipping the page to 100vh.
 */
html:not(.home-sample-modal-open):has(body.front_page .md-home-main > .md-atelier-hero) {
  overflow-x: hidden;
  overflow-y: auto;
}
body.front_page:has(.md-home-main > .md-atelier-hero) {
  overflow-x: clip;
  overflow-y: visible;
}
body.front_page.lt-ph-menu-lock:has(.md-home-main > .md-atelier-hero) {
  overflow-x: clip !important;
  overflow-y: visible !important;
}
html:has(body.front_page.lt-ph-menu-lock .md-home-main > .md-atelier-hero) {
  overflow-y: hidden;
}
@font-face {
  font-family: 'Tkani Atelier Manrope';
  src: url('/local/templates/aspro-lite-unified/react-catalog/assets/manrope-var-cyr-DJ9PYDpy.woff2') format('woff2');
  font-weight: 200 800;
  font-display: swap;
  unicode-range: U+0400-052F, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
  font-family: 'Tkani Atelier Manrope';
  src: url('/local/templates/aspro-lite-unified/react-catalog/assets/manrope-var-lat-C46ZzDBF.woff2') format('woff2');
  font-weight: 200 800;
  font-display: swap;
  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+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
body.front_page .md-home-main:has(> .md-atelier-hero) {
  --atelier-paper: #f7f8fa;
  --atelier-ink: #192a45;
  --atelier-navy: #1c347a;
  --atelier-muted: #586578;
  --atelier-line: #e0e5e9;
  --atelier-font: 'Tkani Atelier Manrope', Manrope, Arial, sans-serif;
  --page-max: none;
  --home-gutter: clamp(16px, 2.4vw, 48px);
  width: calc(100% - 2 * var(--home-gutter));
  /* The legacy owner has inline padding and a mobile !important rule. */
  padding-inline: 0 !important;
}

.md-home-main > .md-atelier-hero {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  align-items: center;
  gap: clamp(24px, 4vw, 96px);
  margin-top: 26px;
  padding: clamp(24px, 3.2vw, 72px);
  border-radius: 24px;
  color: var(--atelier-ink);
  background: #eff2f6;
  font-family: var(--atelier-font);
}
.md-atelier-hero__copy { min-width: 0; }
.md-home-main .md-atelier-hero__copy h1 {
  max-width: 13ch;
  margin: 0;
  color: var(--atelier-ink);
  font: 650 clamp(38px, 4.6vw, 96px)/1.04 var(--atelier-font);
  letter-spacing: -.04em;
}
.md-home-main .md-atelier-hero__copy h1 span { color: var(--atelier-navy); }
.md-home-main .md-atelier-hero__copy > p {
  max-width: 44ch;
  margin: 28px 0 0;
  color: var(--atelier-muted);
  font-size: clamp(16px, 1.15vw, 21px);
  line-height: 1.6;
}
.md-atelier-hero__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin-top: 32px;
}
.md-atelier-hero__actions a {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  gap: 24px;
  min-height: 56px;
  padding: 16px 22px;
  border: 1px solid transparent;
  border-radius: 14px;
  font: 750 16px/1.4 var(--atelier-font);
  text-decoration: none;
}
.md-atelier-hero__actions .md-atelier-hero__primary { color: #fff; background: var(--atelier-navy); }
.md-atelier-hero__actions .md-atelier-hero__primary:hover { color: #fff; background: #14285e; }
.md-atelier-hero__actions .md-atelier-hero__secondary { color: var(--atelier-navy); padding-inline: 0; }
.md-atelier-hero__actions .md-atelier-hero__secondary:hover { text-decoration: underline; text-underline-offset: 5px; }
.md-atelier-hero__actions a:focus-visible {
  /* The native theme suppresses anchor focus with !important. */
  outline: 3px solid #174fda !important;
  outline-offset: 4px !important;
}
.md-home-main .md-atelier-hero__copy > .md-atelier-hero__note { margin-top: 28px; font-size: 14px; }
.md-atelier-hero__fabrics {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr) minmax(0, .9fr);
  align-items: center;
  gap: clamp(10px, 1.3vw, 32px);
  height: clamp(360px, 25vw, 680px);
  min-width: 0;
}
.md-atelier-hero__fabric {
  min-width: 0;
  height: 100%;
  overflow: hidden; /* Crop only each decorative photograph, never the page. */
  border-radius: 16px;
  background: var(--atelier-paper);
}
.md-atelier-hero__fabric--blue { height: 76%; align-self: start; }
.md-atelier-hero__fabric--cream { height: 81%; align-self: end; }
.md-atelier-hero__fabric img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 54%;
}
.md-atelier-hero__fabric--blue img { object-position: 50% 40%; }
.md-home-main:has(> .md-atelier-hero) #lt-quiz-title {
  scroll-margin-top: calc(var(--site-header-offset, 120px) + 24px);
}

/* On wide viewports the existing eight home products keep useful image sizes.
 * Text/form sections retain a reading measure; the visual owner has no 1920 cap.
 */
.md-home-main:has(> .md-atelier-hero) > :is(.md-purchase-flow, .md-home-opt, .lt-quiz-section) {
  max-width: 1680px;
  margin-inline: auto;
}
@media (min-width: 1920px) {
  .md-home-main:has(> .md-atelier-hero) .home-stock-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (min-width: 2560px) {
  .md-home-main:has(> .md-atelier-hero) .home-stock-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .md-home-main:has(> .md-atelier-hero) .home-news-feed__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (min-width: 3200px) {
  .md-home-main:has(> .md-atelier-hero) .home-stock-grid,
  .md-home-main:has(> .md-atelier-hero) .home-news-feed__grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .md-home-main > .md-atelier-hero { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .md-home-main .md-atelier-hero__copy h1 { max-width: 16ch; font-size: clamp(38px, 7vw, 64px); }
  .md-atelier-hero__fabrics { height: clamp(220px, 40vw, 360px); }
}
@media (max-width: 480px) {
  .md-home-main > .md-atelier-hero { margin-top: 16px; padding: 24px 20px; gap: 28px; }
  .md-home-main .md-atelier-hero__copy h1 { font-size: 38px; }
  .md-home-main .md-atelier-hero__copy > p { margin-top: 20px; }
  .md-atelier-hero__actions { align-items: stretch; flex-direction: column; gap: 4px; margin-top: 24px; }
  .md-atelier-hero__actions a { min-height: 52px; padding-block: 12px; }
  .md-atelier-hero__actions .md-atelier-hero__secondary { justify-content: flex-start; }
  .md-home-main .md-atelier-hero__copy > .md-atelier-hero__note { margin-top: 14px; font-size: 13px; }
  .md-atelier-hero__fabrics { height: 220px; }
}