.closet-hero{height:470px;position:relative;overflow:hidden;background:var(--olive)}
.closet-hero-photo{position:absolute;inset:0 0 0 30%;background:url('assets/closet_hero.webp') center/cover no-repeat}
.closet-hero-panel{position:absolute;inset:0 auto 0 0;width:44%;padding:48px 52px;color:#fff;background:linear-gradient(90deg,rgba(39,45,31,.99),rgba(39,45,31,.95) 80%,rgba(39,45,31,.72))}
.closet-hero h1,.closet-types h2,.closet-featured h2,.closet-reimagine h2,.closet-process h2,.closet-cta h2{margin:0;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}
.closet-hero h1{font-size:51px;line-height:1}
.closet-hero h1 em,.closet-featured h2 em{font-weight:400}
.closet-hero-panel>p:not(.eyebrow):not(.closet-micro){font-size:15px;line-height:1.55;max-width:360px}
.closet-micro{margin-top:26px;text-transform:uppercase;letter-spacing:.19em;font-size:9px;color:#d8c8aa}
.closet-side-note{position:absolute;right:45px;bottom:36px;color:#fff;text-transform:uppercase;letter-spacing:.16em;font-size:9px;line-height:1.6;text-shadow:0 1px 8px #000}

.closet-principles{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 44px;background:#fffdf8}
.closet-principles article{text-align:center;padding:2px 28px;border-right:1px solid var(--line)}
.closet-principles article:last-child{border-right:0}
.closet-icon{font-size:31px;color:var(--deep-olive);margin-bottom:9px}
.closet-principles h3,.closet-featured h3,.closet-type-grid h3{margin:0 0 7px;text-transform:uppercase;letter-spacing:.14em;font-size:11px}
.closet-principles p{margin:0;font-size:11px;line-height:1.45;color:#666}

.closet-types{padding:34px 42px;background:#fffdf8}
.closet-section-head{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:18px}
.closet-section-head>p{max-width:360px;font-size:13px;line-height:1.5;color:#5d594f}
.closet-section-label{margin:0 0 10px;text-transform:uppercase;letter-spacing:.22em;font-size:9px;color:#886b49}
.closet-types h2{font-size:35px}
.closet-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.closet-type-grid article{position:relative;min-height:210px;overflow:hidden}
.closet-type-grid img{width:100%;height:100%;object-fit:cover}
.closet-type-grid article>div{position:absolute;inset:auto 0 0;padding:18px;color:#fff;background:linear-gradient(0deg,rgba(20,20,18,.78),rgba(20,20,18,0))}
.closet-type-grid p{margin:0;font-size:12px}

.closet-featured{display:grid;grid-template-columns:25% 25% 25% 25%;padding:34px 40px;background:#fffdf8;gap:8px}
.closet-featured-copy{padding:8px 26px 8px 0}
.closet-featured h2{font-size:38px;line-height:1.03}
.closet-featured-copy>p:not(.closet-section-label){font-size:13px;line-height:1.5}
.closet-featured>article{text-align:center;min-width:0}
.closet-featured>article img{width:100%;height:210px;object-fit:cover}
.closet-featured>article h3{margin-top:10px}
.closet-featured>article p{margin:0;font-size:11px;line-height:1.45;color:#666}

.closet-reimagine{display:grid;grid-template-columns:31% 55% 14%;background:#f4efe5;min-height:300px}
.closet-reimagine-copy{padding:42px 38px}
.closet-reimagine h2{font-size:38px;line-height:1.03}
.closet-reimagine-copy>p:not(.closet-section-label){font-size:13px;line-height:1.55}
.closet-compare{position:relative;overflow:hidden}
.closet-compare img{width:100%;height:100%;min-height:300px;object-fit:cover}
.closet-reimagine-note{display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.2em;font-size:10px;line-height:1.7;color:#806f5e;background:#f5f0e6}

.closet-process{padding:38px 44px;background:#fffdf8;display:grid;grid-template-columns:31% 69%;gap:28px}
.closet-process h2{font-size:34px;line-height:1.05}
.closet-process-steps{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:22px}
.closet-process-steps article{text-align:center;position:relative}
.closet-process-steps span{display:inline-flex;width:38px;height:38px;border-radius:50%;border:1px solid #bba98f;align-items:center;justify-content:center;font-size:10px;margin-bottom:12px}
.closet-process-steps article:not(:last-child):after{content:"";position:absolute;top:19px;left:70%;width:60%;height:1px;background:#cdbfae}
.closet-process-steps h3{margin:0 0 8px;text-transform:uppercase;letter-spacing:.14em;font-size:11px}
.closet-process-steps p{font-size:11px;line-height:1.45;color:#686258;margin:0}

.closet-testimonial{display:grid;grid-template-columns:120px minmax(0,1fr) 190px;align-items:center;padding:0 38px;background:#f7f2e9;min-height:135px}
.closet-kind-words{padding:0 18px 0 0;text-transform:uppercase;letter-spacing:.18em;font-size:9px;color:#8a765c}
.closet-testimonial blockquote{margin:0;padding:22px 26px;min-width:0;overflow-wrap:anywhere}
.closet-testimonial blockquote p{font:italic 16px/1.45 Georgia,serif;margin:0 0 8px;max-width:100%}
.closet-testimonial blockquote cite{font-size:10px;color:#777}
.closet-testimonial .testimonial-rating{padding-right:20px;min-width:0}

.closet-cta{display:grid;grid-template-columns:35% 1fr auto;align-items:stretch;min-height:230px;color:#fff;background:var(--deep-olive)}
.closet-cta-photo{height:100%;min-height:230px;background:url('assets/closet_cta.webp') center/cover no-repeat}
.closet-cta-copy{padding:34px 34px}
.closet-cta h2{font-size:34px;line-height:1.05}
.closet-cta-body{max-width:510px;font-size:13px;line-height:1.55;color:#f1ede4}
.closet-light-label{color:#d7c7aa}
.closet-cta-note{align-self:center;padding:30px 45px;text-transform:uppercase;letter-spacing:.15em;font-size:9px;line-height:1.65}

.closet-featured>*,.closet-testimonial>*{min-width:0}

@media(max-width:1100px) and (min-width:901px){
  .closet-testimonial{grid-template-columns:105px minmax(0,1fr) 150px;padding:0 24px}
  .closet-testimonial blockquote{padding:18px 16px}.closet-testimonial blockquote p{font-size:14px}
  .closet-testimonial .testimonial-rating{padding-right:8px}
}

@media(max-width:900px){
  .closet-hero{height:680px;background:#273022}
  .closet-hero-photo{position:absolute;inset:0;display:block;background-image:url('assets/closet_hero.webp');background-size:cover;background-position:center 32%;background-repeat:no-repeat}
  .closet-hero-panel{width:auto;left:0;right:0;top:auto;bottom:0;padding:30px 20px 28px;box-sizing:border-box;background:linear-gradient(0deg,rgba(39,45,31,.99),rgba(39,45,31,.94) 76%,rgba(39,45,31,.22))}
  .closet-hero h1{font-size:40px;line-height:1.02}
  .closet-hero-panel>p:not(.eyebrow):not(.closet-micro){max-width:none}
  .closet-side-note{display:none}
  .closet-hero .hero-actions{display:flex;flex-wrap:wrap;gap:10px}
  .closet-hero .hero-actions .button{width:auto;max-width:100%}

  .closet-principles{grid-template-columns:1fr 1fr;padding:14px}
  .closet-principles article{padding:22px 12px;border-right:0;border-bottom:1px solid var(--line)}
  .closet-principles article:nth-child(odd){border-right:1px solid var(--line)}
  .closet-principles article:nth-last-child(-n+2){border-bottom:0}

  .closet-types{padding:32px 18px}
  .closet-section-head{display:block}
  .closet-section-head>p{margin-top:14px}
  .closet-type-grid{grid-template-columns:1fr 1fr}
  .closet-type-grid article{min-height:190px}

  .closet-featured{grid-template-columns:1fr 1fr;padding:32px 18px}
  .closet-featured-copy{grid-column:1/-1;padding:0 0 18px}
  .closet-featured>article img{height:180px}
  .closet-featured>article:last-child{grid-column:1/-1}
  .closet-featured>article:last-child img{height:220px}

  .closet-reimagine{grid-template-columns:1fr}
  .closet-reimagine-copy{padding:34px 20px}
  .closet-compare{min-height:250px}
  .closet-reimagine-note{padding:24px}

  .closet-process{grid-template-columns:1fr;padding:36px 20px}
  .closet-process-steps{grid-template-columns:1fr 1fr}
  .closet-process-steps article:not(:last-child):after{display:none}

  .closet-testimonial{grid-template-columns:1fr;padding:0 20px;display:block}
  .closet-kind-words{padding:22px 0 0;margin:0 0 16px}
  .closet-testimonial blockquote{padding:18px 0}
  .closet-testimonial .testimonial-rating{padding:0 0 24px}

  .closet-cta{display:grid;grid-template-columns:1fr;min-height:0;text-align:left}
  .closet-cta-photo{display:block;width:100%;height:230px;min-height:230px;background-image:url('assets/closet_cta.webp');background-size:cover;background-position:center;background-repeat:no-repeat}
  .closet-cta-copy{padding:28px 20px 20px}
  .closet-cta h2{font-size:31px;line-height:1.08}
  .closet-cta .hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
  .closet-cta .hero-actions .button{width:auto;max-width:100%}
  .closet-cta-note{align-self:auto;padding:0 20px 26px;text-align:left;line-height:1.55}
}