/* Monart landing — editorial product story using the shared palette and type. */
.page-landing{background:var(--bg)}
.page-landing main{display:block}
.page-landing img{max-width:100%}

.l-band{max-width:1440px;margin:0 auto;padding:7.5rem 4rem}
.l-eyebrow{display:block;margin-bottom:1rem;font-size:.6rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.l-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2.35rem,4vw,4rem);font-weight:300;line-height:.98;letter-spacing:-.025em;color:var(--text);text-wrap:balance}
.l-sub{max-width:40rem;margin-top:1rem;font-size:.88rem;line-height:1.85;color:#5A5248}
.l-note{margin-top:.85rem;font-size:.68rem;line-height:1.65;color:var(--muted)}
.l-head{max-width:48rem;margin-bottom:3.25rem}
.l-head-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,32rem);gap:5rem;align-items:end;max-width:none}
.l-head-row .l-sub{margin:0 0 .15rem}

.l-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.82rem 2.4rem;background:var(--gold);border:1px solid var(--gold);color:#FAF8F4;font-family:'Jost',sans-serif;font-size:.66rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;transition:background .2s,border-color .2s,color .2s}
.l-cta:hover{background:#7F5823;border-color:#7F5823}
.l-cta:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.l-cta-sm{min-height:auto;padding:.58rem 1.35rem;font-size:.58rem}

/* Hero */
.l-hero{max-width:1440px;min-height:min(900px,100vh);margin:0 auto;padding:8.25rem 4rem 4rem;display:grid;grid-template-columns:minmax(19rem,.78fr) minmax(0,1.45fr);gap:4.5rem;align-items:center}
.l-hero-copy{max-width:30rem;padding-bottom:1.25rem}
.l-h1{font-family:'Cormorant Garamond',serif;font-size:clamp(3.35rem,6.2vw,6.5rem);font-weight:300;line-height:.84;letter-spacing:-.045em;color:var(--text);text-wrap:balance}
.l-h1 span,.l-h1 em{display:block}
.l-h1 em{margin-top:.17em;font-style:italic;font-weight:300;color:#6A5A48}
.l-hero-sub{max-width:29rem;margin-top:2rem;font-size:.9rem;line-height:1.85;color:#5A5248}
.l-hero-actions{display:flex;align-items:center;gap:1.25rem 1.5rem;flex-wrap:wrap;margin-top:2.25rem}
.l-hero-note{max-width:13rem;font-size:.67rem;line-height:1.55;color:var(--muted)}
.l-hero-show{min-width:0}
.l-hero-ba{aspect-ratio:1.42/1}
.l-hero-ba img{height:100%;object-fit:cover}

/* Before / after */
.ba{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);line-height:0;user-select:none;--split:50%}
.ba img{display:block;width:100%;height:auto}
.ba-after{position:absolute;inset:0;width:100%;clip-path:inset(0 0 0 var(--split))}
.ba-range{position:absolute;inset:0;z-index:4;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:none}
.ba-handle{position:absolute;top:0;bottom:0;left:var(--split);z-index:3;width:1px;background:rgba(250,250,248,.94);box-shadow:0 0 0 1px rgba(0,0,0,.12);pointer-events:none}
.ba-handle::before{content:'‹  ›';position:absolute;top:50%;left:50%;display:grid;place-items:center;width:42px;height:42px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(250,250,248,.96);box-shadow:0 3px 18px rgba(0,0,0,.2);color:var(--text);font-family:'Jost',sans-serif;font-size:.67rem;letter-spacing:.03em;line-height:1}
.ba-tag{position:absolute;bottom:.9rem;z-index:3;padding:.35rem .72rem;background:rgba(26,24,20,.68);color:#FAF8F4;font-size:.54rem;line-height:1.2;letter-spacing:.2em;text-transform:uppercase;pointer-events:none}
.ba-tag-before{left:.9rem}
.ba-tag-after{right:.9rem}

.l-found{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.5rem 2rem;align-items:start;padding:1.05rem 1.2rem 1.15rem;border:1px solid var(--border);border-top:0;background:var(--surface)}
.l-found-label{padding-top:.16rem;font-size:.55rem;line-height:1.45;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.l-found-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem 1.5rem;list-style:none}
.l-found-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.1rem .8rem;padding-bottom:.35rem;border-bottom:1px solid var(--border);font-size:.72rem;line-height:1.4;color:#5A5248}
.l-found-list b{font-weight:400;color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums}

/* Three decisions */
.l-process{max-width:1440px;margin:0 auto;padding:5.5rem 4rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;grid-template-columns:minmax(15rem,.65fr) minmax(0,1.6fr);gap:5rem}
.l-process-head .l-h2{max-width:25rem;font-size:clamp(2rem,3.3vw,3.25rem)}
.l-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none}
.l-steps li{min-width:0;padding:0 2rem;border-left:1px solid var(--border)}
.l-steps li:first-child{padding-left:0;border-left:0}
.l-step-num{display:block;margin-bottom:2rem;font-size:.58rem;font-weight:400;letter-spacing:.22em;color:var(--gold)}
.l-steps h3{min-height:2.8em;font-family:'Cormorant Garamond',serif;font-size:1.22rem;font-weight:400;line-height:1.3}
.l-steps p{margin-top:.7rem;font-size:.72rem;line-height:1.75;color:var(--muted)}

/* Examples */
.l-examples{padding-top:8rem}
.l-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem 2rem}
.l-card{min-width:0}
.l-card .ba{aspect-ratio:1.5/1}
.l-card .ba img{height:100%;object-fit:cover}
.l-card-foot{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-top:.9rem}
.l-card-name{font-size:.65rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--text)}
.l-card-style{font-family:'Cormorant Garamond',serif;font-size:1rem;font-style:italic;color:var(--muted)}

/* Editorial statement */
.l-statement{max-width:1440px;margin:0 auto;padding:4rem 4rem 8rem;border-bottom:1px solid var(--border);font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,7.7vw,8rem);font-weight:300;line-height:.82;letter-spacing:-.045em}
.l-statement span,.l-statement em{display:block}
.l-statement em{margin-left:13%;font-style:italic;color:#6A5A48}

/* One-object refinement */
.l-refine{padding-top:7.5rem}
.l-swaps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.l-swap .ba{aspect-ratio:1.5/1}
.l-swap .ba img{height:100%;object-fit:cover}
.l-swap-cap{max-width:36rem;margin-top:.9rem;font-size:.72rem;line-height:1.7;color:var(--muted)}
.l-swap-cap strong{font-weight:500;color:var(--text)}

/* Product brief */
.l-products{padding-top:5rem}
.l-brief{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(20rem,.72fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.l-brief-photo{min-height:100%;overflow:hidden}
.l-brief-photo img{display:block;width:100%;height:100%;object-fit:cover}
.l-brief-body{padding:1rem 0 1rem 3rem;border-left:1px solid var(--border)}
.l-items{display:flex;flex-direction:column}
.l-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem 1rem;padding:1rem 0;border-bottom:1px solid var(--border)}
.l-item:first-child{border-top:0}
.l-item-name{font-size:.82rem;color:var(--text)}
.l-item-price{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--gold);white-space:nowrap;font-variant-numeric:tabular-nums}
.l-item-spec{grid-column:1/-1;font-size:.68rem;line-height:1.55;color:var(--muted);font-variant-numeric:tabular-nums}
.l-shops{margin-top:1.35rem;font-size:.72rem;line-height:1.75;color:#5A5248}
.l-shops strong{font-weight:500;color:var(--text)}

/* My Home */
.l-home{padding-top:5rem}
.l-home-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto;gap:.8rem}
.l-home-grid img{display:block;width:100%;height:100%;object-fit:cover;border:1px solid var(--border)}
.l-home-grid img:nth-child(1){grid-column:1/8;grid-row:1/3}
.l-home-grid img:nth-child(2){grid-column:8/13;grid-row:1}
.l-home-grid img:nth-child(3){grid-column:8/11;grid-row:2}
.l-home-grid img:nth-child(4){grid-column:11/13;grid-row:2}

/* Closing */
.l-close{max-width:calc(1440px - 8rem);min-height:30rem;margin:0 auto 7rem;display:flex;align-items:center;padding:5rem;background:linear-gradient(90deg,rgba(26,24,20,.96) 0%,rgba(26,24,20,.84) 44%,rgba(26,24,20,.18) 100%),url("/static/landing/hero-after.5df74ea770a8.jpg") center/cover no-repeat}
.l-close-copy{max-width:36rem}
.l-close .l-eyebrow{color:#D1B27D}
.l-close .l-h2{color:#FAF8F4;font-size:clamp(2.8rem,5vw,5rem)}
.l-close .l-sub{margin-bottom:2rem;color:rgba(250,248,244,.72)}

@media (max-width:1000px){
  .l-hero{grid-template-columns:minmax(17rem,.8fr) minmax(0,1.2fr);gap:2.5rem}
  .l-found{grid-template-columns:1fr}
  .l-process{grid-template-columns:1fr;gap:3rem}
  .l-head-row{gap:3rem}
  .l-statement em{margin-left:7%}
}

@media (max-width:900px){
  .page-landing .nav-links a.nav-link{display:none}
  .page-landing .nav-links a.l-cta{display:inline-flex;white-space:nowrap;padding:.55rem .9rem;font-size:.54rem;letter-spacing:.1em}
  .page-landing .nav-links{gap:.55rem}

  .l-hero{min-height:auto;padding:5.2rem 1.2rem 2.5rem;grid-template-columns:1fr;gap:1.6rem}
  .l-hero-copy{max-width:38rem;padding:0}
  .l-h1{font-size:clamp(3.2rem,14vw,5rem)}
  .l-hero-sub{margin-top:1.2rem;font-size:.84rem;line-height:1.7}
  .l-hero-actions{margin-top:1.35rem}
  .l-hero-note{max-width:none}
  .l-hero-ba{aspect-ratio:1.32/1}
  .l-found{gap:.8rem;padding:.85rem 1rem 1rem}
  .l-found-list{grid-template-columns:1fr 1fr}

  .l-process{padding:4rem 1.2rem;gap:2.5rem}
  .l-steps{grid-template-columns:1fr}
  .l-steps li{padding:1.25rem 0;border-left:0;border-top:1px solid var(--border)}
  .l-steps li:first-child{border-top:0}
  .l-step-num{margin-bottom:.55rem}
  .l-steps h3{min-height:0}
  .l-steps p{margin-top:.35rem}

  .l-band{padding:5rem 1.2rem}
  .l-head{margin-bottom:2.1rem}
  .l-head-row{grid-template-columns:1fr;gap:.75rem}
  .l-head-row .l-sub{margin-top:.25rem}
  .l-grid{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -1.2rem;padding:0 1.2rem;scrollbar-width:none}
  .l-grid::-webkit-scrollbar{display:none}
  .l-grid .l-card{flex:0 0 84%;scroll-snap-align:start}

  .l-statement{padding:1rem 1.2rem 5rem;font-size:clamp(3.2rem,15vw,6rem)}
  .l-statement em{margin:.16em 0 0}

  .l-refine,.l-products,.l-home{padding-top:4.5rem}
  .l-swaps{grid-template-columns:1fr;gap:2.5rem}
  .l-brief{grid-template-columns:1fr}
  .l-brief-body{padding:1rem 0 0;border-left:0;border-top:1px solid var(--border)}
  .l-home-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:.65rem}
  .l-home-grid img:nth-child(n){grid-column:auto;grid-row:auto;aspect-ratio:1.2/1}

  .l-close{max-width:none;min-height:27rem;margin:0 1rem 4rem;padding:3rem 1.5rem;background-position:58% center}
  .l-close .l-h2{font-size:clamp(2.8rem,13vw,4.5rem)}
}

@media (max-width:540px){
  .l-hero-actions{align-items:flex-start;flex-direction:column}
  .l-cta{width:100%}
  .l-found-list{grid-template-columns:1fr}
  .l-card .ba,.l-swap .ba{aspect-ratio:1.18/1}
  .ba-handle::before{width:36px;height:36px}
  .l-home-grid{grid-template-columns:1fr}
}