:root{--maxine-ink:#29252c;--maxine-body:#514651;--maxine-muted:#655965;--maxine-line:#e8e4e6;--maxine-cream:#f7f6f4;--maxine-warm:#f7f6f4;--maxine-tan:#f1e7d8;--maxine-accent:#b08d57}
.maxine-eyebrow{margin:0 0 12px;color:#655965;font:500 10px/1.5 var(--font-body);letter-spacing:.2em;text-transform:uppercase}
.maxine-display{margin:0;color:var(--maxine-ink);font:400 clamp(30px,3.3vw,48px)/1.14 var(--font-product);letter-spacing:-.015em}
.maxine-section-head{max-width:1600px;margin:0 auto;padding:0 50px 28px;text-align:center}
.maxine-section-head--center{text-align:center}
.maxine-section-title{margin:0;color:var(--maxine-ink);font:400 clamp(30px,3.2vw,46px)/1.15 var(--font-product);letter-spacing:-.015em}
.maxine-section-copy{max-width:620px;margin:12px auto 0;color:#655965;font:400 14px/1.8 var(--font-body)}
.maxine-text-link{display:inline-flex;align-items:center;gap:10px;min-height:40px;border-bottom:1px solid currentColor;color:#29252c;font:500 11px/1.5 var(--font-body);letter-spacing:.1em;text-decoration:none;text-transform:uppercase}
.maxine-outline-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 28px;border:1px solid #29252c;background:transparent;color:#29252c;font:500 10px/1.4 var(--font-body);letter-spacing:.16em;text-decoration:none;text-transform:uppercase;transition:background .2s,color .2s}
.maxine-outline-button:hover{background:#29252c;color:#fff}
.maxine-media-placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#f7f6f4,#e8e4e6);color:#b08d57}
.maxine-media-placeholder svg{display:block;width:100%;height:100%}

/* Hero */
.maxine-hero{position:relative;height:clamp(380px,37vw,650px);overflow:hidden;background:#f7f6f4}
.maxine-hero picture,.maxine-hero__image,.maxine-hero__placeholder{display:block;width:100%;height:100%}
.maxine-hero__image{object-fit:cover;object-position:center}
.maxine-hero__placeholder svg{width:100%;height:100%}
.maxine-hero__content{position:absolute;left:clamp(24px,6vw,96px);top:50%;transform:translateY(-50%);width:min(92%,520px);color:#fff;text-shadow:0 1px 18px rgba(0,0,0,.28)}
.maxine-hero__eyebrow{margin:0 0 12px;font:500 11px/1.5 var(--font-body);letter-spacing:.2em;text-transform:uppercase}
.maxine-hero__title{margin:0;font:400 clamp(38px,5vw,70px)/1.04 var(--font-product);letter-spacing:-.02em}
.maxine-hero__copy{margin:18px 0 0;font:400 14px/1.75 var(--font-body);letter-spacing:.01em}
.maxine-hero__button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:26px;padding:12px 28px;background:#fff;color:#29252c;font:500 10px/1.4 var(--font-body);letter-spacing:.16em;text-decoration:none;text-transform:uppercase}

/* Featured tabs */
.maxine-tabs{padding:46px 50px 10px}
.maxine-tabs__nav{display:flex;align-items:center;justify-content:center;gap:6px;max-width:1600px;margin:0 auto 26px;overflow-x:auto;scrollbar-width:none}
.maxine-tabs__nav::-webkit-scrollbar{display:none}
.maxine-tabs__tab{flex:0 0 auto;padding:11px 19px;border:1px solid transparent;background:#f7f6f4;color:#29252c;font:400 13px/1.4 var(--font-body);letter-spacing:.01em;white-space:nowrap;transition:background .2s,border-color .2s}
.maxine-tabs__tab:hover{border-color:#e8e4e6;background:#fff}
.maxine-tabs__tab.is-active{background:var(--maxine-tan);border-color:var(--maxine-tan)}
.maxine-tabs__panel{display:none}
.maxine-tabs__panel.is-active{display:block}
.maxine-tabs .collection-rail__track{grid-auto-columns:min(300px,calc((100vw - 148px)/4));gap:22px}
.maxine-tabs__foot{display:flex;justify-content:flex-end;padding:16px 0 0}
.maxine-tabs .collection-rail__footer{padding:18px 0 4px}
.maxine-tabs .collection-rail__footer button{border-radius:0;border-color:#e8e4e6}
.maxine-tabs .collection-rail__footer button:hover:not(:disabled){background:#29252c;border-color:#29252c;color:#fff}

/* Cut grid */
.maxine-cuts{padding:64px 0 60px;background:#fff}
.maxine-cuts__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0 50px;max-width:1600px;margin:0 auto}
.maxine-cuts .category-grid a{border-radius:0;background:#f7f6f4}
.maxine-cuts .category-grid img,.maxine-cuts .category-grid__placeholder{aspect-ratio:3/4}
.maxine-cuts .category-grid__label{left:50%;right:auto;bottom:18px;transform:translateX(-50%);width:max-content;max-width:90%;padding:0;font:500 11px/1.4 var(--font-body);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.maxine-cuts__foot{display:flex;justify-content:center;padding:28px 50px 0}

/* Story */
.maxine-story{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch;background:#fff}
.maxine-story__media{position:relative;min-height:480px;background:#f7f6f4;overflow:hidden}
.maxine-story__media img{width:100%;height:100%;object-fit:cover}
.maxine-story__content{display:flex;flex-direction:column;justify-content:center;padding:clamp(44px,6.5vw,104px)}
.maxine-story__copy{max-width:560px;margin:22px 0 28px;color:#655965;font:400 15px/1.95 var(--font-body)}

/* Value props */
.maxine-values{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;background:var(--maxine-warm)}
.maxine-values__media{grid-column:2;grid-row:1;min-height:520px;background:#f7f6f4;overflow:hidden}
.maxine-values__media img{width:100%;height:100%;object-fit:cover}
.maxine-values__content{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(44px,6vw,96px)}
.maxine-values__copy{max-width:600px;margin:20px 0 24px;color:#655965;font:400 15px/1.9 var(--font-body)}
.maxine-values__list{display:grid;gap:0;margin:0;padding:0;list-style:none;max-width:600px;border-top:1px solid rgba(41,37,44,.14)}
.maxine-values__list li{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid rgba(41,37,44,.14);color:#29252c;font:400 13px/1.5 var(--font-body)}
.maxine-values__list li span{display:grid;place-items:center;width:20px;height:20px;border:1px solid #29252c;border-radius:50%;font-size:10px}

/* FAQ */
.maxine-faq{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(28px,5vw,80px);align-items:center;padding:70px 50px;background:#fff;max-width:1600px;margin:0 auto}
.maxine-faq__list{margin-top:26px;border-top:1px solid #e8e4e6}
.maxine-faq__item{border-bottom:1px solid #e8e4e6}
.maxine-faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;color:#29252c;cursor:pointer;font:400 14px/1.5 var(--font-body);list-style:none}
.maxine-faq__item summary::-webkit-details-marker{display:none}
.maxine-faq__item summary::marker{content:""}
.maxine-faq__item summary span{font-size:18px;font-weight:300;transition:transform .2s}
.maxine-faq__item[open] summary span{transform:rotate(45deg)}
.maxine-faq__item p{margin:0;padding:0 28px 20px 0;color:#655965;font:400 13px/1.85 var(--font-body)}
.maxine-faq__media{aspect-ratio:4/5;background:#f7f6f4;overflow:hidden}
.maxine-faq__media img{width:100%;height:100%;object-fit:cover}

/* UGC */
.maxine-ugc{padding:68px 0 76px;background:#fff}
.maxine-ugc__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;max-width:1600px;margin:0 auto;padding:0 20px}
.maxine-ugc__item{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;background:#f7f6f4}
.maxine-ugc__item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.maxine-ugc__item:hover img{transform:scale(1.035)}

@media(max-width:1100px){
  .maxine-tabs .collection-rail__track{grid-auto-columns:min(280px,calc((100vw - 120px)/3))}
  .maxine-cuts__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 30px}
  .maxine-faq{padding:56px 30px}
  .maxine-ugc__grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 30px}
}
@media(max-width:749px){
  .maxine-hero{height:auto;aspect-ratio:3/4;max-height:720px}
  .maxine-hero__content{left:24px;right:24px;width:auto}
  .maxine-tabs{padding:34px 18px 4px}
  .maxine-tabs__nav{justify-content:flex-start;margin-bottom:20px}
  .maxine-tabs__tab{padding:9px 14px;font-size:12px}
  .maxine-tabs .collection-rail__track{grid-auto-columns:min(78vw,300px);gap:14px}
  .maxine-section-head{padding:0 18px 22px}
  .maxine-cuts{padding:48px 0 42px}
  .maxine-cuts__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 18px}
  .maxine-cuts .category-grid__label{font-size:10px;bottom:12px}
  .maxine-story{grid-template-columns:1fr}
  .maxine-story__media{min-height:320px;aspect-ratio:4/3}
  .maxine-story__content{padding:38px 22px 44px}
  .maxine-values{grid-template-columns:1fr}
  .maxine-values__media{grid-column:1;grid-row:auto;min-height:320px;aspect-ratio:1}
  .maxine-values__content{grid-column:1;grid-row:auto;padding:38px 22px 44px}
  .maxine-faq{grid-template-columns:1fr;padding:48px 22px;gap:32px}
  .maxine-faq__media{order:-1;aspect-ratio:4/3}
  .maxine-ugc{padding:48px 0 56px}
  .maxine-ugc__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 12px}
}