@font-face{font-family:Aboreto;src:url('../assets/fonts/aboreto-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Michroma;src:url('../assets/fonts/michroma-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Microma;src:url('../assets/fonts/michroma-regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{
  --white:#fff;
  --paper:#f9f9f9;
  --surface:#fff;
  --surface-2:#e8e8e8;
  --cream:#f9f9f9;
  --sand:#e8e8e8;
  --brown:#c9d2ce;
  --teal:#d8dee4;
  --ink:#313131;
  --muted:rgba(49,49,49,.64);
  --line:rgba(49,49,49,.14);
  --shadow:0 22px 70px rgba(49,49,49,.08);
  --radius-xl:12px;
  --radius-lg:8px;
  --radius-md:8px;
  color-scheme:light;
}
html,body{background:var(--paper);color:var(--ink)}
body{font-family:Microma,Michroma,Arial,sans-serif;font-weight:400;letter-spacing:0}
h1,h2,h3{font-family:Microma,Michroma,Arial,sans-serif;font-weight:400;letter-spacing:0;line-height:1.02;color:var(--ink)}
p{color:var(--muted)}
.eyebrow,.product-copy>small,.featured-copy>a,.article-link{font-family:Handjet,Aboreto,Microma,Michroma,Arial,sans-serif;color:#73867e;letter-spacing:.16em}
.button{border-radius:4px;font-family:Microma,Michroma,Arial,sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase;box-shadow:none}
.button:hover{box-shadow:none;transform:translateY(-1px)}
.button.primary,.button.dark,.form-panel button,.protocols-page .cta-band .button:first-child{background:var(--ink);border-color:var(--ink);color:var(--white)}
.button.secondary,.button-outline,.button.ghost{background:transparent;border-color:rgba(49,49,49,.28);color:var(--ink)}
.button.secondary:hover,.button-outline:hover,.button.ghost:hover{background:var(--brown);border-color:var(--brown);color:var(--ink)}
.teal-button{background:var(--brown);color:var(--ink)}
.texture-white,.texture-teal,.texture-dark{background:var(--surface);color:var(--ink)}

.site-header{background:rgba(249,249,249,.86)}
.header-shell{background:rgba(249,249,249,.88);border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding-inline:0}
.brand img,.auth-art img,.footer-brand img,.research-gate-logo{filter:none;width:132px}
.desktop-nav a,.utility-nav a{color:rgba(49,49,49,.72)}
.desktop-nav a:hover,.utility-nav a:hover,
.home-page .desktop-nav a[href$="index.html"],
.catalog-page .desktop-nav a[href$="catalog.html"],
.product-page .desktop-nav a[href$="catalog.html"],
.vessel-page .desktop-nav a[href$="vessel.html"],
.manifesto-page .desktop-nav a[href$="manifesto.html"],
.protocols-page .desktop-nav a[href$="protocols.html"],
.journal-page .desktop-nav a[href$="journal.html"],
.contact-page .utility-nav a[href$="contact.html"],
.account-page .utility-nav a[href$="account.html"],
.login-page .utility-nav a[href$="account.html"],
.create-account-page .utility-nav a[href$="account.html"],
.cart-page .utility-nav a[href$="cart.html"]{color:var(--ink)}
.utility-nav span{background:var(--brown);color:var(--ink)}

.home-hero,.product-hero{gap:22px;padding-top:34px}
.hero-product-card,.product-hero-media{border-radius:0;background:var(--surface-2);box-shadow:none}
.hero-content,.product-hero-copy{background:var(--surface);border:1px solid var(--line);border-radius:0;color:var(--ink)}
.hero-content>p,.product-hero-copy>p,.statement-card p,.section-heading>p,.catalog-hero>p,.journal-hero>p,.detail-copy>p,.featured-copy p,.protocols-page .protocol-cards p{color:var(--muted)}
.hero-reading{background:rgba(249,249,249,.82);border:1px solid var(--line);color:var(--ink)}
.hero-reading strong,.standard-item:first-child strong,.standard-item:nth-child(3) strong{color:#73867e}
.standards-rail,.collection-grid,.vessel-stats,.quality-stats,.principle-grid{border-color:var(--line)}
.standard-item{color:var(--muted);border-color:var(--line)}
.standard-item strong{color:var(--ink)}

.statement-card.texture-white,.catalog-cta-card.texture-teal,.reserve-card.texture-dark,.manifesto-cta>div,.protocols-page .cta-band{background:var(--surface);border-block:1px solid var(--line);color:var(--ink)}
.collection-card,.collection-card.teal,.collection-card.sand,.collection-card.brown{background:var(--surface);color:var(--ink);border-color:var(--line)}
.collection-card:nth-child(1){background:var(--brown)}
.collection-card:nth-child(2){background:var(--surface-2)}
.collection-card:nth-child(3){background:var(--ink);color:var(--white)}
.collection-number,.collection-icon{color:inherit;opacity:.72}
.collection-icon svg{stroke:currentColor;fill:none}
.collection-card:hover{background:var(--surface-2);box-shadow:none}
.collection-card:nth-child(3):hover{background:#3b3b3b}
.vessel-home-card,.featured-story{background:var(--surface);color:var(--ink);border-color:var(--line)}
.vessel-home-copy .eyebrow{color:#73867e}
.vessel-home-copy>p{color:var(--muted)}
.quality-card{background:transparent;color:var(--ink)}
.quality-card .eyebrow{color:#73867e}
.quality-card>p{color:var(--muted)}
.quality-stats span{color:var(--ink);border-color:var(--line)}

.filter-shell{background:rgba(249,249,249,.9)}
.filter-row button{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:4px}
.filter-row button.is-active{background:var(--brown);border-color:var(--brown);color:var(--ink)}
.product-card,.journal-card,.journal-card.cream,.journal-card.sand,.journal-card.brown,.journal-card.white,.journal-card.teal,.contact-details,.form-panel,.auth-panel,.dashboard-stats article,.empty-state,.cart-items,.cart-summary,.pending-panel,.protocol-cards article,.review-notice{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:none}
.product-card:hover{box-shadow:var(--shadow)}
.product-image,.detail-image,.featured-image,.journal-card-image{background:var(--surface-2)}
.product-image>span,.detail-image>div span{background:rgba(249,249,249,.82);color:var(--ink);border:1px solid var(--line)}
.product-meta,.detail-copy .identity{color:#73867e}
.product-copy>p,.ruo-panel,.breadcrumb,.detail-copy>p,.legal-panel{color:var(--muted)}
.strengths span{background:var(--paper);border:1px solid var(--line);color:var(--ink)}
.detail-copy{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.detail-price strong{color:var(--ink)}
.variant,.form-panel input,.form-panel select,.form-panel textarea,.inline-form input{background:var(--paper);color:var(--ink);border-color:var(--line);border-radius:4px}
.variant.is-active{border-color:#73867e;box-shadow:inset 0 0 0 1px #73867e}
.vessel-feature,.vessel-feature.cream,.vessel-feature.brown,.vessel-feature.teal,.manifesto-body article,.manifesto-body article:nth-child(n),.principle-grid article,.principle-grid .cream,.principle-grid .sand,.principle-grid .brown,.principle-grid .teal,.principle-grid .white,.principle-grid .dark{background:transparent;color:var(--ink);border-color:var(--line)}
.vessel-feature .eyebrow,.protocols-page .protocol-cards h3{color:#73867e}
.manifesto-body span,.principle-grid span{color:#73867e}
.specifications dl div,.vessel-stats span{background:transparent;color:var(--ink);border-color:var(--line)}
.auth-art{background:linear-gradient(rgba(249,249,249,.18),rgba(249,249,249,.36)),url('../assets/packaging/clean-packaging-03.png') center/cover;color:var(--ink)}
.research-gate{background:rgba(249,249,249,.82)}
.research-gate-panel,.subscription-modal-card{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:0;box-shadow:var(--shadow)}
.research-gate-panel p,.research-gate-panel small,.research-gate-form label{color:var(--muted)}
.subscription-modal{background:rgba(249,249,249,.78)}
.subscription-visual,.subscription-placeholder{background:var(--surface-2);border-radius:0}
.subscription-copy{background:var(--surface);color:var(--ink)}
.subscription-copy p{color:var(--muted)}
.home-page .subscription-feature{background:var(--surface-2);border:1px solid var(--line);border-radius:0;box-shadow:none}
.home-page .subscription-copy{background:transparent;color:var(--ink)}
.home-page .subscription-copy>span{color:#73867e}
.home-page .subscription-feature h2{color:var(--ink)}
.home-page .subscription-feature p{color:var(--muted)}
.home-page .subscription-placeholder{background:linear-gradient(135deg,var(--surface),var(--surface-2));border:1px solid rgba(49,49,49,.08);border-radius:0}
.home-page .subscription-placeholder span{color:rgba(49,49,49,.42)}
.mini-product-card,.strip-product-card,.embedded-product-card{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:0;box-shadow:none}
.mini-product-card img,.strip-product-card img,.embedded-product-card img{background:var(--surface-2);border-radius:0}
.mini-product-card span,.strip-product-card span,.embedded-product-card span{color:#73867e}
.mini-product-card p{color:var(--muted)}
.mini-product-card strong,.strip-product-card strong,.embedded-product-card strong{color:var(--ink)}
.site-footer{background:var(--ink);color:var(--white);border-top:0}
.site-footer h2,.site-footer .eyebrow{color:var(--brown)}
.footer-brand p,.site-footer a,.legal-copy,.footer-floor{color:rgba(255,255,255,.62)}
.site-footer a:hover{color:var(--white)}

@media(max-width:800px){
  .header-shell{background:rgba(249,249,249,.94)}
  .menu-toggle span:not(.sr-only){background:var(--ink)}
  .mobile-menu{background:var(--surface);border:1px solid var(--line);border-radius:0}
  .home-hero{gap:18px}
  .hero-content{padding-inline:28px}
}

/* Clean refinement pass: keep Stasis geometry, only change skin. */
:root{
  --paper:#f9f9f9;
  --surface:#fff;
  --surface-2:#e8e8e8;
  --ink:#313131;
  --muted:rgba(49,49,49,.66);
  --line:rgba(49,49,49,.14);
  --moss:#8fa398;
  --moss-deep:#667b70;
  --moss-soft:#c9d2ce;
  --blue-accent:#d8dee4;
  --font-body:Microma,Michroma,Arial,sans-serif;
  --font-highlight:Handjet,Aboreto,Microma,Michroma,Arial,sans-serif;
}
body,
button,
input,
select,
textarea{font-family:var(--font-body)}
h1,
.hero-line,
.product-copy h2,
.detail-copy h1,
.detail-price strong,
.product-meta,
.price,
.cart-summary strong,
.dashboard-stats strong{font-family:var(--font-body);font-weight:400;letter-spacing:0}
h2,
h3,
.eyebrow,
.button,
.subscription-copy>span,
.subscription-feature h2,
.variant-label,
.product-copy>small,
.collection-number,
.collection-icon,
.principle-grid span,
.manifesto-body span{font-family:var(--font-highlight);font-weight:400;letter-spacing:.08em}
p{color:var(--muted)}

/* Restore Stasis layout/proportions after dark-fusion, without touching markup. */
.home-hero{display:grid;grid-template-columns:1.03fr .97fr;gap:22px!important;column-gap:22px!important;row-gap:22px!important;padding:34px 0 76px;min-height:760px}
.hero-product-card,.hero-content{border-radius:var(--radius-xl);overflow:hidden}
.hero-product-card{grid-column:auto;grid-row:auto;min-height:680px;background:var(--surface-2);box-shadow:var(--shadow)}
.hero-product-card img{width:100%;height:100%;object-fit:cover}
.hero-content{grid-column:auto;grid-row:auto;min-height:0;padding:clamp(48px,7vw,110px);background:var(--surface);color:var(--ink);border:0;border-block:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}
.hero-content:after{display:none}
.hero-content>p{color:var(--muted)}

.product-hero{display:grid;grid-template-columns:1fr 1fr;gap:22px!important;column-gap:22px!important;row-gap:22px!important;padding:34px 0 80px;min-height:720px}
.product-hero-media,.product-hero-copy{border-radius:var(--radius-xl);overflow:hidden}
.product-hero-copy{background:var(--surface);color:var(--ink);border:0;border-block:1px solid var(--line)}
.product-hero-copy>p{color:var(--muted)}

/* Text boxes: no full vertical frames around copy. */
.hero-content,
.product-hero-copy,
.detail-copy,
.statement-card.texture-white,
.catalog-cta-card.texture-teal,
.manifesto-cta>div,
.protocols-page .cta-band,
.featured-copy,
.contact-details,
.auth-panel,
.empty-state,
.pending-panel{border-left:0!important;border-right:0!important}
.detail-copy{background:var(--surface);border:0;border-block:1px solid var(--line);color:var(--ink);padding:clamp(56px,7vw,104px)}
.detail-copy>p,.detail-copy .identity{color:var(--muted)}
.detail-info dl div{border-left:0;border-right:0}
.statement-card.texture-white{background:var(--surface);border-block:1px solid var(--line);box-shadow:none;color:var(--ink);padding:clamp(64px,9vw,132px)}
.statement-card p{color:var(--muted)}
.catalog-cta-card.texture-teal,
.manifesto-cta>div,
.protocols-page .cta-band{background:var(--moss-soft);border:0;box-shadow:none;color:var(--ink)}
.catalog-cta-card.texture-teal p{color:rgba(49,49,49,.72)}

/* Brand colors: stronger moss, blue only as a small accent. */
.button.primary,
.button.dark,
.form-panel button,
.add-product,
.protocols-page .cta-band .button:first-child{background:var(--moss-deep);border-color:var(--moss-deep);color:#fff}
.button.primary:hover,
.button.dark:hover,
.form-panel button:hover{background:var(--moss);border-color:var(--moss)}
.button.secondary,
.button-outline,
.button.ghost{background:transparent;border-color:rgba(49,49,49,.26);color:var(--ink)}
.button.secondary:hover,
.button-outline:hover,
.button.ghost:hover{background:var(--moss-soft);border-color:var(--moss-soft);color:var(--ink)}
.eyebrow,
.desktop-nav a:hover,
.utility-nav a:hover,
.product-meta,
.detail-copy .identity,
.featured-copy>a,
.article-link,
.variant-label{color:var(--moss-deep)}
.utility-nav span{background:var(--blue-accent);color:var(--ink)}

.home-page .subscription-feature{background:var(--moss-soft);border:0;border-radius:var(--radius-xl);box-shadow:none}
.home-page .subscription-copy{background:transparent;color:var(--ink);padding:clamp(32px,5vw,74px)}
.home-page .subscription-copy>span{color:var(--moss-deep)}
.home-page .subscription-feature h2{color:var(--ink)}
.home-page .subscription-feature p{color:rgba(49,49,49,.72)}
.home-page .subscription-placeholder{background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(216,222,228,.55));border:0;border-radius:var(--radius-lg)}

.collection-grid{gap:18px;border:0}
.collection-card,.collection-card.teal,.collection-card.sand,.collection-card.brown{border:0;border-radius:var(--radius-lg);box-shadow:none;color:var(--ink)}
.collection-card.teal,.collection-card:nth-child(1){background:var(--moss-soft)}
.collection-card.sand,.collection-card:nth-child(2){background:var(--surface-2)}
.collection-card.brown,.collection-card:nth-child(3){background:var(--moss-deep);color:#fff}
.collection-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}

.quality-card{background:var(--moss-soft);color:var(--ink);border-radius:var(--radius-xl);padding:clamp(55px,8vw,110px)}
.quality-card .eyebrow{color:var(--moss-deep)}
.quality-card>p{color:rgba(49,49,49,.72)}
.quality-stats span{background:rgba(255,255,255,.38);border:0;border-radius:18px;color:var(--ink)}

/* Product imagery: keep Stasis image containers and fit packaging cleanly. */
.product-image,
.detail-image,
.featured-image,
.journal-card-image,
.mini-product-card img,
.strip-product-card img,
.embedded-product-card img{background:var(--surface-2)}
.product-image img[src*="assets/packaging"],
.detail-image>img[src*="assets/packaging"],
.featured-image img[src*="assets/packaging"],
.journal-card-image img[src*="assets/packaging"],
.mini-product-card img[src*="assets/packaging"],
.strip-product-card img[src*="assets/packaging"],
.embedded-product-card img[src*="assets/packaging"]{width:100%;height:100%;object-fit:cover;object-position:center}
.detail-image:after,.product-image:after{background:rgba(255,255,255,.35)}
.product-card,
.mini-product-card,
.strip-product-card,
.embedded-product-card,
.journal-card{border:0;border-radius:var(--radius-lg);box-shadow:0 10px 34px rgba(49,49,49,.06)}
.product-card:hover{box-shadow:var(--shadow)}
.product-copy h2,
.mini-product-card h3,
.strip-product-card h3,
.embedded-product-card h3{font-family:var(--font-body);letter-spacing:0}
.strengths span,
.variant{background:var(--paper);border-color:rgba(49,49,49,.14)}
.variant.is-active{border-color:var(--moss-deep);box-shadow:inset 0 0 0 1px var(--moss-deep)}

.research-gate-panel,.subscription-modal-card{border:0;border-block:1px solid var(--line);border-radius:0}
.research-gate-form select{border-color:var(--moss-deep)}
.research-gate button[disabled]{background:rgba(49,49,49,.35)}

@media(max-width:1100px){
  .home-hero,.product-hero{grid-template-columns:1fr 1fr}
}
@media(max-width:800px){
  .home-hero,.product-hero{grid-template-columns:1fr;min-height:0}
  .hero-product-card,.product-hero-media{min-height:480px}
  .hero-content,.product-hero-copy{min-height:560px;padding:42px 28px}
  .statement-card.texture-white{padding:56px 28px}
  .collection-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .hero-product-card,.product-hero-media{min-height:390px}
  .hero-content,.product-hero-copy{min-height:520px}
}

/* Final Clean refinement pass: spacing, legibility, and asset consistency only. */
.research-gate{
  background:rgba(249,249,249,.86);
  padding:24px;
}
.research-gate-panel{
  width:min(720px,calc(100vw - 48px));
  max-height:calc(100vh - 48px);
  overflow:auto;
  padding:clamp(54px,7vw,78px) clamp(42px,6vw,76px) clamp(42px,5vw,64px)!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  border:0!important;
  border-block:1px solid rgba(49,49,49,.12)!important;
  box-shadow:0 28px 80px rgba(49,49,49,.12);
}
.research-gate-logo{width:132px;margin:0 0 28px}
.research-gate h1{
  margin:0 0 30px;
  max-width:560px;
  font-size:clamp(64px,8vw,112px);
  line-height:.92;
  text-align:center;
}
.research-gate-panel>p{
  max-width:560px;
  margin:0 auto 36px;
  text-align:center;
  line-height:1.75;
}
.research-gate-form{
  width:min(100%,520px);
  display:grid;
  gap:18px;
}
.research-gate-form label{
  padding-inline:4px;
  line-height:1.45;
}
.research-gate-form select{
  margin-top:8px;
  min-height:58px;
}
.research-gate-actions{
  margin-top:22px;
  gap:14px;
}
.research-gate small{
  max-width:560px;
  margin-top:28px;
  text-align:center;
  line-height:1.55;
}

.home-page .home-hero .hero-content{
  border:0!important;
  border-top:1px solid rgba(49,49,49,.12)!important;
  border-radius:0!important;
  padding:clamp(66px,8vw,126px) clamp(54px,7vw,118px)!important;
  box-shadow:none!important;
}
.home-page .home-hero .hero-content h1{max-width:760px}
.home-page .home-hero .hero-content>p{max-width:650px}

.home-page .statement-card.texture-white{
  background:transparent!important;
  border:0!important;
  border-top:1px solid rgba(49,49,49,.12)!important;
  border-bottom:1px solid rgba(49,49,49,.10)!important;
  box-shadow:none!important;
  padding:clamp(86px,9vw,140px) clamp(42px,6vw,96px)!important;
}
.home-page .statement-card.texture-white p{
  max-width:520px;
  line-height:1.7;
}

.top-seller-grid{
  align-items:stretch;
}
.mini-product-card{
  display:grid!important;
  grid-template-rows:310px 1fr;
  min-height:630px;
  overflow:hidden;
}
.mini-product-card>img{
  width:100%;
  height:310px!important;
  min-height:310px!important;
  display:block;
  object-fit:cover;
  object-position:center;
}
.mini-product-card>div{
  display:flex;
  flex-direction:column;
  padding:28px;
}
.mini-product-card strong{margin-top:auto}
.mini-product-card .button{align-self:flex-start}

.subscription-placeholder img,
.product-image img,
.detail-image>img,
.featured-image img,
.journal-card-image img,
.mini-product-card>img,
.strip-product-card img,
.embedded-product-card img,
.auth-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.auth-art{
  background:linear-gradient(rgba(249,249,249,.18),rgba(249,249,249,.36)),url('../assets/packaging/clean-packaging-03.png') center/cover;
}

.collection-icon{
  display:block!important;
  width:52px!important;
  height:52px!important;
  opacity:1!important;
  color:var(--moss-deep)!important;
}
.collection-icon svg{
  width:52px!important;
  height:52px!important;
  display:block;
  stroke:currentColor!important;
  fill:none!important;
}
.collection-card:nth-child(2) .collection-icon{
  color:var(--moss-deep)!important;
}
.collection-card:nth-child(3){
  background:#5f7569!important;
  color:#fff!important;
}
.collection-card:nth-child(3) h3,
.collection-card:nth-child(3) p,
.collection-card:nth-child(3) small,
.collection-card:nth-child(3) footer,
.collection-card:nth-child(3) footer small,
.collection-card:nth-child(3) .collection-icon{
  color:#fff!important;
  opacity:1!important;
}

.home-page .catalog-cta-card.texture-white,
.home-page .catalog-cta-card.texture-teal{
  padding:clamp(72px,8vw,124px)!important;
}

@media(max-width:800px){
  .research-gate{padding:14px}
  .research-gate-panel{
    width:calc(100vw - 28px);
    max-height:calc(100vh - 28px);
    padding:42px 26px 34px!important;
  }
  .research-gate h1{font-size:clamp(50px,14vw,72px)}
  .home-page .home-hero .hero-content{
    padding:58px 32px!important;
  }
  .home-page .statement-card.texture-white{
    padding:64px 32px!important;
  }
  .mini-product-card{
    grid-template-rows:300px 1fr;
    min-height:590px;
  }
  .mini-product-card>img{
    height:300px!important;
    min-height:300px!important;
  }
}

/* Alignment polish round: preserve Stasis layout, correct Clean spacing. */
h1,h2,h3,
.home-page .statement-card.texture-white h2,
.home-page .catalog-cta-card h2,
.home-page .community-cta h2{
  font-family:Microma,Michroma,Arial,sans-serif!important;
}
.eyebrow,
.home-page .subscription-copy>span,
.collection-card small{
  font-family:Handjet,Aboreto,Microma,Michroma,Arial,sans-serif;
}
.home-page .home-hero{
  grid-template-columns:1.03fr .97fr!important;
  align-items:stretch;
  overflow:visible;
}
.home-page .home-hero .hero-content{
  min-width:0;
  overflow:visible!important;
  padding:clamp(58px,6.2vw,92px) clamp(48px,5.2vw,84px)!important;
}
.home-page .home-hero .hero-content h1{
  width:100%;
  max-width:none;
  margin:28px 0 28px;
  font-size:clamp(48px,4.55vw,70px);
  line-height:1.05;
  overflow:visible;
}
.home-page .home-hero .hero-line{
  display:block;
  white-space:normal;
}
.home-page .home-hero .hero-line-nowrap{
  white-space:nowrap;
}
.home-page .home-hero .hero-content>p{
  max-width:620px;
}

.home-page .statement-card.texture-white{
  padding-left:0!important;
  padding-right:0!important;
  column-gap:clamp(64px,7vw,112px);
}
.home-page .statement-card.texture-white .eyebrow,
.home-page .statement-card.texture-white h2{
  margin-left:0!important;
}
.home-page .statement-card.texture-white h2{
  max-width:820px;
  font-size:clamp(52px,6.2vw,92px);
  line-height:1.08;
}
.home-page .statement-card.texture-white p{
  align-self:center;
}

.home-page .community-cta>div{
  background:
    linear-gradient(90deg,rgba(249,249,249,.86),rgba(249,249,249,.58)),
    url('../assets/clean-brand/clean-community-abstract-green.png') center / cover no-repeat!important;
  color:var(--ink);
  border:0;
  box-shadow:none;
}
.home-page .community-cta h2,
.home-page .community-cta p{
  color:var(--ink);
}
.home-page .community-cta p{
  color:rgba(49,49,49,.68);
}

.home-page .catalog-cta{
  width:min(100% - 32px,1520px);
}
.home-page .catalog-cta-card.texture-white,
.home-page .catalog-cta-card.texture-teal{
  min-height:560px;
  width:100%;
  padding:clamp(82px,8vw,132px) clamp(58px,6.4vw,112px)!important;
  background:var(--moss-soft)!important;
  border:0!important;
  box-shadow:none!important;
}
.home-page .catalog-cta-card h2{
  max-width:1180px;
  font-size:clamp(58px,6.15vw,108px);
  line-height:1.08;
}
.home-page .catalog-cta-card p{
  max-width:680px;
}

@media(max-width:1100px){
  .home-page .home-hero{
    grid-template-columns:1fr 1fr!important;
  }
  .home-page .home-hero .hero-content h1{
    font-size:clamp(44px,5.3vw,62px);
  }
  .home-page .home-hero .hero-line-nowrap{
    white-space:normal;
  }
}

@media(max-width:800px){
  .home-page .home-hero{
    grid-template-columns:1fr!important;
  }
  .home-page .home-hero .hero-content{
    padding:56px 32px!important;
  }
  .home-page .home-hero .hero-content h1{
    font-size:clamp(42px,11vw,66px);
  }
  .home-page .statement-card.texture-white{
    padding-left:0!important;
    padding-right:0!important;
  }
  .home-page .statement-card.texture-white h2{
    font-size:clamp(40px,10.4vw,62px);
  }
  .home-page .catalog-cta{
    width:var(--shell);
  }
  .home-page .catalog-cta-card.texture-white,
  .home-page .catalog-cta-card.texture-teal{
    padding:56px 32px!important;
  }
}

/* Unified homepage scale: keep every major section in one visual system. */
:root{
  --home-display-size:clamp(42px,5.5vw,78px);
  --home-display-leading:1.06;
  --home-section-pad:82px;
  --home-banner-pad-block:clamp(58px,6vw,82px);
  --home-banner-pad-inline:clamp(54px,5.6vw,82px);
  --home-banner-min:420px;
}

.home-page .top-sellers,
.home-page .statement-section,
.home-page .collections,
.home-page .community-cta,
.home-page .catalog-cta{
  padding-block:var(--home-section-pad)!important;
}

.home-page .home-hero .hero-content h1,
.home-page .statement-card.texture-white h2,
.home-page .collections .section-heading h2,
.home-page .community-cta h2,
.home-page .catalog-cta-card h2{
  font-size:var(--home-display-size)!important;
  line-height:var(--home-display-leading)!important;
  font-weight:400!important;
  letter-spacing:0!important;
}

.home-page .home-hero .hero-content h1,
.home-page .statement-card.texture-white h2,
.home-page .collections .section-heading h2,
.home-page .catalog-cta-card h2{
  max-width:900px;
}

.home-page .catalog-cta{
  width:var(--shell)!important;
}
.home-page .catalog-cta-card.texture-white,
.home-page .catalog-cta-card.texture-teal{
  min-height:var(--home-banner-min)!important;
  padding:var(--home-banner-pad-block) var(--home-banner-pad-inline)!important;
  justify-content:center;
  border-radius:var(--radius-lg)!important;
}
.home-page .catalog-cta-card h2{
  margin:0 0 24px!important;
}
.home-page .catalog-cta-card p{
  max-width:620px;
  margin-bottom:32px;
  line-height:1.65;
}

.home-page .statement-card.texture-white{
  min-height:var(--home-banner-min)!important;
  padding-block:var(--home-banner-pad-block)!important;
}
.home-page .statement-card.texture-white h2{
  max-width:760px;
}

.home-page .community-cta>div{
  min-height:var(--home-banner-min);
  padding:var(--home-banner-pad-block) var(--home-banner-pad-inline)!important;
}

@media(max-width:800px){
  :root{
    --home-display-size:clamp(40px,11vw,64px);
    --home-section-pad:68px;
    --home-banner-pad-block:56px;
    --home-banner-pad-inline:32px;
    --home-banner-min:390px;
  }
  .home-page .catalog-cta-card.texture-white,
  .home-page .catalog-cta-card.texture-teal,
  .home-page .community-cta>div{
    padding:var(--home-banner-pad-block) var(--home-banner-pad-inline)!important;
  }
}

/* Targeted spacing pass: hero readability and green banner breathing room. */
.home-page .home-hero{
  grid-template-columns:minmax(0,1.62fr) minmax(360px,1fr)!important;
  align-items:stretch!important;
}
.home-page .home-hero .hero-content{
  min-height:640px!important;
  padding:clamp(76px,6.7vw,104px) clamp(70px,6.1vw,98px)!important;
}
.home-page .home-hero .hero-product-card{
  min-height:640px!important;
  height:100%!important;
  align-self:stretch!important;
  display:block;
  background:#eef1ef!important;
  border:1px solid rgba(49,49,49,.12);
}
.home-page .home-hero .hero-product-card img{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  filter:saturate(1.08) contrast(1.08)!important;
}
.home-page .home-hero .hero-content h1{
  max-width:none!important;
  font-size:clamp(56px,5vw,72px)!important;
  line-height:1.08!important;
}
.home-page .home-hero .hero-line{
  display:block!important;
  white-space:nowrap!important;
}

.home-page .catalog-cta-card.texture-white,
.home-page .catalog-cta-card.texture-teal{
  padding:clamp(86px,7.2vw,112px) clamp(88px,7.8vw,128px)!important;
}
.home-page .catalog-cta-card h2,
.home-page .catalog-cta-card p,
.home-page .catalog-cta-card .button{
  margin-left:0!important;
}

@media(max-width:1100px){
  .home-page .home-hero{
    grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr)!important;
  }
  .home-page .home-hero .hero-content{
    padding:64px 52px!important;
  }
  .home-page .home-hero .hero-content h1{
    font-size:clamp(46px,5vw,60px)!important;
  }
}

@media(max-width:800px){
  .home-page .home-hero{
    grid-template-columns:1fr!important;
  }
  .home-page .home-hero .hero-content{
    min-height:0!important;
    padding:56px 32px!important;
  }
  .home-page .home-hero .hero-product-card{
    min-height:390px!important;
  }
  .home-page .home-hero .hero-line{
    white-space:normal!important;
  }
  .home-page .catalog-cta-card.texture-white,
  .home-page .catalog-cta-card.texture-teal{
    padding:64px 40px!important;
  }
}

/* Hero final alignment: match SUBSCRIPTION copy line and keep product image visible. */
.home-page .home-hero .hero-content{
  padding-left:clamp(54px,5vw,74px)!important;
  padding-right:clamp(70px,6.1vw,98px)!important;
}
.home-page .home-hero .hero-product-card{
  background:#eef2ef!important;
}
.home-page .home-hero .hero-product-card img[src*="clean-hero-packaging-visible"]{
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  filter:saturate(1.08) contrast(1.08)!important;
}

@media(max-width:1100px){
  .home-page .home-hero .hero-content{
    padding-left:52px!important;
    padding-right:52px!important;
  }
}

@media(max-width:800px){
  .home-page .home-hero .hero-content{
    padding-left:32px!important;
    padding-right:32px!important;
  }
}

/* Align Sixteen compounds CTA content with the SUBSCRIPTION copy column. */
.home-page .catalog-cta-card.texture-white,
.home-page .catalog-cta-card.texture-teal{
  padding-left:clamp(54px,5vw,74px)!important;
}

/* Manifesto CTA: match SUBSCRIPTION internal breathing room. */
.manifesto-page .manifesto-cta>div{
  padding:64px!important;
  border-radius:var(--radius-xl)!important;
  overflow:hidden!important;
}

@media(max-width:800px){
  .manifesto-page .manifesto-cta>div{
    padding:40px!important;
  }
}

/* Hero integrated composition: text and image share one continuous white section. */
.home-page .home-hero{
  gap:0!important;
  column-gap:0!important;
  row-gap:0!important;
  grid-template-columns:minmax(0,1.58fr) minmax(360px,1fr)!important;
  background:var(--surface)!important;
  border-top:1px solid rgba(49,49,49,.12);
  overflow:hidden!important;
}
.home-page .home-hero .hero-content{
  background:transparent!important;
  border:0!important;
  border-top:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding-left:clamp(54px,5vw,74px)!important;
}
.home-page .home-hero .hero-product-card{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  min-height:640px!important;
}
.home-page .home-hero .hero-product-card img[src*="clean-hero-model-product"]{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
  opacity:1!important;
  filter:none!important;
}

@media(max-width:1100px){
  .home-page .home-hero{
    grid-template-columns:minmax(0,1.32fr) minmax(320px,.95fr)!important;
  }
}

@media(max-width:800px){
  .home-page .home-hero{
    grid-template-columns:1fr!important;
  }
  .home-page .home-hero .hero-product-card{
    min-height:460px!important;
  }
}

/* Final hero image lock: use the approved model/product photo in the live HTML. */
.home-page .home-hero .hero-content{
  grid-column:1!important;
  grid-row:1!important;
}
.home-page .home-hero .hero-product-card{
  grid-column:2!important;
  grid-row:1!important;
  background-image:url("../assets/clean-brand/clean-hero-model-product-v2.png")!important;
  background-size:cover!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
}
.home-page .home-hero .hero-product-card img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

@media(max-width:800px){
  .home-page .home-hero .hero-content,
  .home-page .home-hero .hero-product-card{
    grid-column:1!important;
  }
  .home-page .home-hero .hero-content{
    grid-row:1!important;
  }
  .home-page .home-hero .hero-product-card{
    grid-row:2!important;
  }
}

/* SUBSCRIPTION editorial image treatment: integrated, larger, and hero-adjacent. */
.home-page .subscription-feature{
  grid-template-columns:minmax(0,.72fr) minmax(0,1.22fr)!important;
  align-items:center!important;
  gap:clamp(24px,3.2vw,48px)!important;
  overflow:hidden!important;
}
.home-page .subscription-copy{
  max-width:520px!important;
  padding:clamp(64px,7vw,96px) 0 clamp(64px,7vw,96px) clamp(54px,5vw,74px)!important;
}
.home-page .subscription-placeholder{
  align-self:stretch!important;
  min-height:clamp(500px,43vw,620px)!important;
  margin:clamp(14px,1.7vw,24px) clamp(14px,1.7vw,24px) clamp(14px,1.7vw,24px) 0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.home-page .subscription-placeholder img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:inherit!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

@media(max-width:960px){
  .home-page .subscription-feature{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  .home-page .subscription-copy{
    max-width:620px!important;
    padding:56px clamp(32px,7vw,56px) 0!important;
  }
  .home-page .subscription-placeholder{
    min-height:420px!important;
    margin:0 clamp(16px,4vw,28px) clamp(16px,4vw,28px)!important;
  }
}

@media(max-width:600px){
  .home-page .subscription-copy{
    padding:44px 28px 0!important;
  }
  .home-page .subscription-placeholder{
    min-height:340px!important;
    margin:0 14px 14px!important;
  }
}

/* SUBSCRIPTION split banner: green text block + flush image block. */
.home-page .subscription-feature{
  display:grid!important;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.08fr)!important;
  gap:0!important;
  column-gap:0!important;
  row-gap:0!important;
  align-items:stretch!important;
  background:transparent!important;
  border:0!important;
  border-radius:var(--radius-xl)!important;
  overflow:hidden!important;
}
.home-page .subscription-copy{
  max-width:none!important;
  width:100%!important;
  min-height:clamp(500px,43vw,620px)!important;
  background:var(--moss-soft)!important;
  border-radius:var(--radius-xl) 0 0 var(--radius-xl)!important;
  padding:clamp(64px,7vw,96px) clamp(48px,5vw,72px) clamp(64px,7vw,96px) clamp(54px,5vw,74px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.home-page .subscription-placeholder{
  width:100%!important;
  height:100%!important;
  min-height:clamp(500px,43vw,620px)!important;
  align-self:stretch!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0 var(--radius-xl) var(--radius-xl) 0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.home-page .subscription-placeholder img{
  width:100%!important;
  height:100%!important;
  min-height:clamp(500px,43vw,620px)!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
}

@media(max-width:960px){
  .home-page .subscription-feature{
    grid-template-columns:1fr!important;
  }
  .home-page .subscription-copy{
    min-height:auto!important;
    border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;
    padding:56px clamp(32px,7vw,56px)!important;
  }
  .home-page .subscription-placeholder{
    min-height:420px!important;
    border-radius:0 0 var(--radius-xl) var(--radius-xl)!important;
  }
  .home-page .subscription-placeholder img{
    min-height:420px!important;
  }
}

@media(max-width:600px){
  .home-page .subscription-copy{
    padding:44px 28px!important;
  }
  .home-page .subscription-placeholder,
  .home-page .subscription-placeholder img{
    min-height:340px!important;
  }
}

/* SUBSCRIPTION proportion refinement: image aligned to the green block without zoom spill. */
.home-page .subscription-feature{
  grid-template-columns:minmax(0,.82fr) minmax(0,1.05fr)!important;
  border-radius:var(--radius-xl)!important;
  overflow:hidden!important;
}
.home-page .subscription-copy,
.home-page .subscription-placeholder{
  min-height:clamp(500px,41vw,600px)!important;
}
.home-page .subscription-placeholder{
  display:flex!important;
  align-items:stretch!important;
  justify-content:stretch!important;
}
.home-page .subscription-placeholder img{
  height:100%!important;
  min-height:clamp(500px,41vw,600px)!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#f9faf8!important;
}

@media(max-width:960px){
  .home-page .subscription-copy{
    min-height:auto!important;
  }
  .home-page .subscription-placeholder,
  .home-page .subscription-placeholder img{
    min-height:420px!important;
  }
}

@media(max-width:600px){
  .home-page .subscription-placeholder,
  .home-page .subscription-placeholder img{
    min-height:340px!important;
  }
}

/* SUBSCRIPTION final alignment: one shared rectangle, no vertical overshoot. */
.home-page .subscription-feature{
  grid-template-columns:minmax(0,.82fr) minmax(0,1.08fr)!important;
  height:clamp(540px,43vw,640px)!important;
  min-height:0!important;
  align-items:stretch!important;
  border-radius:var(--radius-xl)!important;
  overflow:hidden!important;
}
.home-page .subscription-copy,
.home-page .subscription-placeholder{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  align-self:stretch!important;
}
.home-page .subscription-copy{
  border-radius:var(--radius-xl) 0 0 var(--radius-xl)!important;
}
.home-page .subscription-placeholder{
  margin:0!important;
  border-radius:0 var(--radius-xl) var(--radius-xl) 0!important;
  overflow:hidden!important;
}
.home-page .subscription-placeholder img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:0!important;
}

@media(max-width:960px){
  .home-page .subscription-feature{
    height:auto!important;
  }
  .home-page .subscription-copy{
    height:auto!important;
    border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;
  }
  .home-page .subscription-placeholder{
    height:420px!important;
    border-radius:0 0 var(--radius-xl) var(--radius-xl)!important;
  }
}

@media(max-width:600px){
  .home-page .subscription-placeholder{
    height:340px!important;
  }
}

/* Hero white rectangle alignment: match the exact image bounds. */
.home-page .home-hero{
  padding-top:0!important;
  padding-bottom:0!important;
  min-height:0!important;
  align-items:stretch!important;
}
.home-page .home-hero .hero-content,
.home-page .home-hero .hero-product-card{
  height:auto!important;
  align-self:stretch!important;
}
.home-page .home-hero .hero-product-card{
  min-height:640px!important;
}

@media(max-width:800px){
  .home-page .home-hero .hero-product-card{
    min-height:460px!important;
  }
}

/* Hero bottom crop: make the white block end exactly with the image. */
.home-page .home-hero{
  height:640px!important;
  max-height:640px!important;
  overflow:hidden!important;
}
.home-page .home-hero .hero-content,
.home-page .home-hero .hero-product-card,
.home-page .home-hero .hero-product-card img{
  height:640px!important;
  min-height:0!important;
  max-height:640px!important;
}

@media(max-width:800px){
  .home-page .home-hero{
    height:auto!important;
    max-height:none!important;
  }
  .home-page .home-hero .hero-content,
  .home-page .home-hero .hero-product-card,
  .home-page .home-hero .hero-product-card img{
    height:auto!important;
    max-height:none!important;
  }
  .home-page .home-hero .hero-product-card,
  .home-page .home-hero .hero-product-card img{
    min-height:460px!important;
  }
}

/* SUBSCRIPTION button: compact white secondary style. */
.home-page .subscription-copy .button.primary{
  width:auto!important;
  min-width:170px!important;
  max-width:210px!important;
  align-self:flex-start!important;
  background:var(--surface)!important;
  color:var(--ink)!important;
  border:1px solid rgba(49,49,49,.28)!important;
  box-shadow:none!important;
}
.home-page .subscription-copy .button.primary:hover{
  background:#f9f9f9!important;
  border-color:rgba(49,49,49,.42)!important;
  color:var(--ink)!important;
}
/* Research access: fully cover and lock the page behind the gate */
html:has(body.gate-open),
body.gate-open {
  overflow: hidden !important;
  height: 100% !important;
}

body.gate-open .research-gate {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  background: rgba(24, 29, 25, .78) !important;
  backdrop-filter: blur(7px) saturate(.72);
  -webkit-backdrop-filter: blur(7px) saturate(.72);
}

body.gate-open .research-gate-panel {
  position: relative;
  z-index: 1;
  border-radius: 24px !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .28) !important;
}

/* Keep the SUBSCRIPTION video stable when the pointer is over it. */
@media (hover: hover) and (pointer: fine) {
  .home-page .subscription-video-hero:hover .subscription-video {
    transform: translate3d(6%, 4%, 0) scale(1.12) !important;
    filter: none !important;
  }
}

/* Give the purity image a little more presence while keeping its right edge aligned. */
.home-page .home-hero .hero-product-card {
  overflow: hidden;
}

.home-page .home-hero .hero-product-card img {
  transform: scale(1.1);
  transform-origin: right center;
}

/* Full-width opaque header: keep page content from showing through while scrolling. */
.site-header {
  padding: 0 !important;
  background: var(--surface) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid var(--line) !important;
}

.site-header .header-shell {
  width: 100% !important;
  margin: 0 !important;
  background: var(--surface) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Cards should visibly lift from the page on hover. */
@media (hover: hover) and (pointer: fine) {
  .product-card,
  .mini-product-card,
  .strip-product-card,
  .embedded-product-card,
  .collection-card,
  .journal-card,
  .featured-story,
  .vessel-feature,
  .quality-card {
    transition: transform .28s ease, box-shadow .28s ease !important;
  }

  .product-card:hover,
  .mini-product-card:hover,
  .strip-product-card:hover,
  .embedded-product-card:hover,
  .collection-card:hover,
  .journal-card:hover,
  .featured-story:hover,
  .vessel-feature:hover,
  .quality-card:hover {
    transform: translateY(-10px) scale(1.012) !important;
    box-shadow: 0 24px 52px rgba(33, 33, 33, .18) !important;
    z-index: 2;
  }
}

/* Enlarge every injected SUBSCRIPTION label without changing its proportions. */
.product-subscription-label,
.detail-promo-label {
  transform: scale(1.2);
  transform-origin: left center;
}

/* Keep collection metadata visible in every state. */
.home-page .collection-grid .collection-card small {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: var(--ink) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.home-page .collection-grid .collection-card:nth-child(1) small::before {
  content: '7 compounds';
}

.home-page .collection-grid .collection-card:nth-child(2) small::before {
  content: '3 compounds';
}

.home-page .collection-grid .collection-card:nth-child(3) small::before {
  content: '6 compounds';
}

.home-page .collection-grid .collection-card small {
  font-size: 0 !important;
}

.home-page .collection-grid .collection-card small::before,
.home-page .collection-grid .collection-card small::after {
  font-size: 11px;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.home-page .collection-grid .collection-card small::after {
  content: 'View →';
  color: inherit;
}

.home-page .collection-grid .collection-card:nth-child(3) small,
.home-page .collection-grid .collection-card:nth-child(3) small::after {
  color: var(--white) !important;
}

.home-page .collection-grid .collection-card:nth-child(1) small,
.home-page .collection-grid .collection-card:nth-child(1) small::after {
  color: var(--white) !important;
}

.home-page .collection-grid .collection-card:nth-child(2) small,
.home-page .collection-grid .collection-card:nth-child(2) small::after {
  color: var(--ink) !important;
}

/* One solid, right-aligned VIEW action per collection card. */
.home-page .collection-grid .collection-card small {
  color: transparent !important;
  width: 100%;
  justify-content: space-between !important;
}

.home-page .collection-grid .collection-card small::before {
  color: var(--ink) !important;
}

.home-page .collection-grid .collection-card small::after {
  content: 'VIEW →' !important;
  margin-left: auto;
  color: var(--ink) !important;
  font-weight: 600;
}

.home-page .collection-grid .collection-card:nth-child(3) small::before,
.home-page .collection-grid .collection-card:nth-child(3) small::after {
  color: #fff !important;
}

/* Use the real compound count and one single generated VIEW action. */
.home-page .collection-grid .collection-card small {
  font-size: 11px !important;
  color: var(--ink) !important;
}

.home-page .collection-grid .collection-card small::before {
  content: none !important;
}

.home-page .collection-grid .collection-card small::after {
  content: 'VIEW →' !important;
  margin-left: auto;
  color: var(--ink) !important;
  font-size: 11px !important;
  font-weight: 600;
}

.home-page .collection-grid .collection-card:nth-child(3) small,
.home-page .collection-grid .collection-card:nth-child(3) small::after {
  color: #fff !important;
}

/* Remove all legacy VIEW pseudo-elements and render one clean action per card. */
.home-page .collection-grid .collection-card small::before,
.home-page .collection-grid .collection-card small::after {
  display: none !important;
  content: none !important;
}

.home-page .collection-grid .collection-card > div {
  position: relative;
}

.home-page .collection-grid .collection-card > div::after {
  content: 'VIEW →';
  position: absolute;
  right: 0;
  bottom: 0;
  color: var(--ink) !important;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .14em;
}

.home-page .collection-grid .collection-card:nth-child(3) > div::after {
  color: #fff !important;
}

/* Make the 01/02/03 number badges clearly visible over the images. */
.home-page .why-clean-card .why-clean-icon {
  background: rgba(255, 255, 255, .8) !important;
  border-color: rgba(255, 255, 255, .92) !important;
}

/* Subtly separate the research-guesswork panel from the pale background. */
.home-page .research-guesswork-panel {
  border: 1px solid rgba(49, 49, 49, .12) !important;
  box-shadow: 0 14px 34px rgba(49, 49, 49, .12) !important;
}

/* Journal subscription card: use the supplied texture as a softened background. */
.journal-page .subscribe-card {
  background:
    linear-gradient(rgba(255, 255, 255, .72), rgba(255, 255, 255, .72)),
    url('../assets/home/clean-experience/journal-subscribe-texture.jpeg') center / cover no-repeat !important;
  color: var(--ink) !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 14px 34px rgba(49, 49, 49, .1) !important;
}

.journal-page .subscribe-card p {
  color: var(--muted) !important;
}

.journal-page .subscribe-card {
  justify-content: center !important;
  align-items: flex-start !important;
  padding: 48px !important;
}

.journal-page .subscribe-card h3 {
  margin: 12px 0 20px !important;
}

.journal-page .subscribe-card p {
  margin-bottom: 20px !important;
}

.journal-page .subscribe-card > .eyebrow {
  color: var(--moss-deep) !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, .45);
}

.journal-page .subscribe-card .button {
  margin-top: 0 !important;
}

.cart-page .page-hero {
  padding-bottom: 30px !important;
}

.cart-page .cart-layout {
  padding-top: 35px !important;
}