:root{
  --paper:#0d0d0c;
  --surface:#181817;
  --muted:rgba(255,255,255,.58);
  --line:rgba(255,255,255,.13);
  --shadow:0 28px 90px rgba(0,0,0,.3);
  color-scheme:dark;
}

/* Product pages: reusable multi-image gallery with a compact thumbnail rail. */
body.product-page .detail-image.product-gallery{
  min-width:0;
  min-height:clamp(660px,52vw,820px);
  display:grid;
  grid-template-columns:78px minmax(0,1fr);
  grid-template-rows:1fr;
  gap:14px;
  place-items:stretch;
  overflow:visible;
  border:0!important;
  border-radius:0;
  background:none!important;
}
body.product-page .product-gallery-thumbs{
  position:relative;
  z-index:2;
  inset:auto;
  right:auto;
  bottom:auto;
  left:auto;
  min-width:0;
  max-height:clamp(660px,52vw,820px);
  display:flex;
  flex-direction:column;
  gap:10px;
  align-self:start;
  overflow-x:hidden;
  overflow-y:auto;
  padding:2px;
  scrollbar-width:thin;
  scrollbar-color:rgba(123,214,211,.38) transparent;
}
body.product-page .product-gallery-thumb{
  position:relative;
  width:74px;
  height:88px;
  flex:0 0 88px;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(222,232,228,.22);
  border-radius:13px;
  outline:0;
  background:#050707;
  box-shadow:none;
  cursor:pointer;
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s cubic-bezier(.22,1,.36,1);
}
body.product-page .product-gallery-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
  filter:none!important;
  transform:none!important;
}
body.product-page .product-gallery-thumb:is(:hover,.is-active){
  border-color:#80d6d4;
}
body.product-page .product-gallery-thumb.is-active{
  box-shadow:0 0 0 2px rgba(128,214,212,.2);
}
body.product-page .product-gallery-thumb:focus-visible{
  border-color:#b7ffff;
  box-shadow:0 0 0 3px rgba(128,214,212,.25);
}
body.product-page .product-gallery-stage{
  isolation:isolate;
  position:relative;
  inset:auto;
  right:auto;
  bottom:auto;
  left:auto;
  min-width:0;
  min-height:clamp(660px,52vw,820px);
  overflow:hidden;
  border:1px solid rgba(100,198,198,.22);
  border-radius:var(--radius-xl);
  background:
    radial-gradient(circle at 50% 68%,rgba(100,198,198,.13),transparent 38%),
    #020303;
}
body.product-page .product-gallery-stage>[data-product-image]{
  position:absolute;
  z-index:1;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-position:center;
  filter:none!important;
  transition:opacity .2s ease,transform .48s cubic-bezier(.22,1,.36,1)!important;
}
body.product-page .product-gallery-stage.is-product-view>[data-product-image]{
  object-fit:contain;
}
body.product-page .product-gallery-stage.is-editorial-view>[data-product-image]{
  object-fit:contain;
  object-position:center;
}
body.product-page .product-gallery-stage>[data-product-image].is-switching{
  opacity:.18;
  transform:scale(.985);
}
body.product-page .product-gallery-badges{
  position:absolute;
  z-index:3;
  right:auto;
  bottom:20px;
  left:20px;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  pointer-events:none;
}
body.product-page .product-gallery-badges span{
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  color:#f4f4f1;
  background:rgba(5,10,10,.7);
  font-size:8px;
  font-weight:650;
  letter-spacing:.04em;
  text-transform:uppercase;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
body.product-page .product-gallery-arrows{
  position:absolute;
  z-index:4;
  right:18px;
  bottom:18px;
  display:flex;
  gap:7px;
}
body.product-page .product-gallery-arrow{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  color:#111514;
  background:rgba(246,243,236,.92);
  font-size:17px;
  line-height:1;
  cursor:pointer;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  transition:background-color .2s ease,transform .2s ease;
}
body.product-page .product-gallery-arrow:hover{
  background:#fff;
  transform:translateY(-1px);
}
body.product-page .product-gallery-arrow:focus-visible{
  outline:3px solid rgba(128,214,212,.52);
  outline-offset:2px;
}
@media(max-width:800px){
  body.product-page .detail-image.product-gallery{
    min-height:0;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:minmax(520px,118vw) auto;
    gap:10px;
  }
  body.product-page .product-gallery-stage{
    grid-row:1;
    min-height:0;
    border-radius:24px;
  }
  body.product-page .product-gallery-thumbs{
    grid-row:2;
    max-height:none;
    flex-direction:row;
    gap:8px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:2px 2px 7px;
    scroll-snap-type:x proximity;
  }
  body.product-page .product-gallery-thumb{
    width:72px;
    height:76px;
    flex-basis:72px;
    scroll-snap-align:start;
  }
}
@media(max-width:480px){
  body.product-page .detail-image.product-gallery{
    grid-template-rows:minmax(450px,120vw) auto;
  }
  body.product-page .product-gallery-badges{
    right:104px;
    bottom:14px;
    left:14px;
  }
  body.product-page .product-gallery-arrows{
    right:14px;
    bottom:14px;
  }
  body.product-page .product-gallery-arrow{
    width:38px;
    height:38px;
  }
}
@media(prefers-reduced-motion:reduce){
  body.product-page .product-gallery-stage>[data-product-image],
  body.product-page .product-gallery-thumb,
  body.product-page .product-gallery-arrow{
    transition:none!important;
  }
}

/* Prevent the legacy server layout from painting before enhancement completes. */
html{background:#000}
html:not(.stasis-ready) body{
  visibility:hidden;
  animation:stasisBootSafety 0s linear 4s forwards;
}
html.stasis-ready body{visibility:visible;animation:none}
html.stasis-ready .announcement-pulse,
html.stasis-ready .announcement-copy{
  animation-play-state:running;
}
html.stasis-ready .home-page .bogo-video-hero .bogo-copy>span,
html.stasis-ready .home-page .bogo-video-hero .bogo-copy>h2,
html.stasis-ready .home-page .bogo-video-hero .bogo-copy>p,
html.stasis-ready .home-page .bogo-video-hero .bogo-copy>.button{
  opacity:1!important;
  transform:none!important;
  animation:none!important;
}
html.stasis-ready .home-page .bogo-video-media{
  opacity:1!important;
  transform:none!important;
  animation:none!important;
}
@keyframes stasisBootSafety{to{visibility:visible}}

html,body{background:var(--paper);color:var(--white)}
body{font-weight:400}
h1,h2{font-weight:400;letter-spacing:-.012em;line-height:.96}
h3{font-weight:700;letter-spacing:-.008em}
.button{font-weight:700}
.eyebrow,.product-copy>small,.featured-copy>a{font-weight:400;color:var(--teal)}

/* Global navigation and controls */
.site-header{background:rgba(13,13,12,.76)}
.header-shell{background:rgba(24,24,23,.86);border-color:rgba(255,255,255,.1);box-shadow:0 12px 40px rgba(0,0,0,.22)}
.brand img{filter:invert(1)}
.desktop-nav a,.utility-nav a{color:rgba(255,255,255,.64)}
.desktop-nav a:hover,.utility-nav a:hover{color:var(--white)}
.utility-nav span{background:var(--teal);color:var(--ink)}
.button.primary,.button.dark,.form-panel button{background:var(--teal);color:var(--ink)}
.button.secondary{background:transparent;border-color:rgba(255,255,255,.3);color:var(--white)}
.hero-content:after,.product-image:after,.detail-image:after{display:none}

/* Home: open editorial composition */
.home-hero{grid-template-columns:.86fr 1.14fr;gap:0;padding:20px 0 90px;min-height:680px}
.hero-content{grid-column:1;grid-row:1;background:transparent;color:var(--white);border-radius:0;padding:clamp(46px,6vw,92px) clamp(36px,6vw,90px) 46px 0}
.hero-product-card{grid-column:2;grid-row:1;min-height:650px;border-radius:0;box-shadow:none}
.hero-content>p{color:rgba(255,255,255,.62)}
.hero-price span{color:rgba(255,255,255,.5)}
.hero-price strong{font-weight:700}
.hero-reading{background:rgba(13,13,12,.78);border:1px solid var(--line)}

.standards-rail{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:20px;border-block:1px solid var(--line);background:transparent}
.standard-item{padding:24px 26px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px;text-transform:uppercase;font-size:10px;letter-spacing:.13em;color:rgba(255,255,255,.5)}
.standard-item:last-child{border-right:0}
.standard-item strong{font-size:20px;letter-spacing:0;text-transform:none;color:var(--white);font-weight:700}
.standard-item:first-child strong,.standard-item:nth-child(3) strong{color:var(--teal)}

.statement-section,.collections,.vessel-home,.quality,.catalog-cta{padding-block:120px}
.statement-card.texture-white{min-height:520px;padding:80px 0;border-radius:0;border-block:1px solid var(--line);box-shadow:none;background:none;color:var(--white)}
.statement-card p,.section-heading>p{color:rgba(255,255,255,.58)}

.collection-grid{gap:0;border-block:1px solid var(--line)}
.collection-card,.collection-card.teal,.collection-card.sand,.collection-card.brown{min-height:430px;padding:42px 30px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;color:var(--white);box-shadow:none}
.collection-card:last-child{border-right:0}
.collection-card:hover{background:rgba(255,255,255,.025);transform:none;box-shadow:none}
.collection-number,.collection-card.teal .collection-number,.collection-card.sand .collection-number,.collection-card.brown .collection-number{font-weight:400;color:var(--brown);opacity:1}

.vessel-home-card{border-radius:0;border-block:1px solid var(--line);background:transparent;box-shadow:none}
.vessel-home-image{min-height:680px}
.vessel-home-copy{padding:clamp(55px,7vw,105px)}

.quality-card{border-radius:0;background:var(--cream);color:var(--ink);box-shadow:none}
.quality-card .eyebrow{color:var(--brown)}
.quality-card>p{color:rgba(33,33,33,.68)}
.quality-stats span{padding:24px 0;border-radius:0;border-top:1px solid rgba(33,33,33,.16);background:transparent}

.catalog-cta-card.texture-teal{min-height:480px;padding:80px 0;border-radius:0;border-block:1px solid var(--line);box-shadow:none;background:linear-gradient(90deg,rgba(13,13,12,.92),rgba(13,13,12,.72)),url('../assets/textures/texture-3.webp') center/cover;color:var(--white)}

/* Catalog and product pages stay structurally intact */
.catalog-hero>p,.journal-hero>p,.product-hero-copy>p,.detail-copy>p,.ruo-panel,.breadcrumb{color:var(--muted)}
.filter-shell{background:rgba(13,13,12,.84)}
.filter-row button{background:#1a1a19;color:rgba(255,255,255,.58);border:1px solid var(--line)}
.filter-row button.is-active{background:var(--teal);color:var(--ink);border-color:var(--teal)}
.product-card{background:#171716;color:var(--white);box-shadow:0 14px 44px rgba(0,0,0,.2)}
.product-image{background:var(--cream)}
.product-image img{width:100%;height:100%;object-fit:cover}
.product-image>span{padding:7px 11px;border-radius:999px;background:rgba(13,13,12,.72);color:var(--white);backdrop-filter:blur(10px)}
.product-meta{color:var(--teal)}
.product-copy>p{color:rgba(255,255,255,.56)}
.strengths span{background:rgba(255,255,255,.07);border:1px solid var(--line)}

.detail-image{background:var(--cream)}
.detail-image>img{width:100%;height:100%;object-fit:cover}
.detail-image>div span{background:rgba(13,13,12,.72);color:var(--white);backdrop-filter:blur(10px)}
.detail-copy{background:#171716;color:var(--white);border:1px solid var(--line)}
.detail-copy .identity{color:var(--teal)}
.detail-price strong{font-weight:700}
.variant{background:#111110;color:var(--white);border-color:var(--line)}
.variant.is-active{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal)}

/* The Vessel: narrative sequence instead of stacked containers */
.product-hero{grid-template-columns:1.08fr .92fr;gap:0;padding:28px 0 110px}
.product-hero-media{border-radius:0;min-height:680px}
.product-hero-copy{border-radius:0;background:transparent;color:var(--white);padding:clamp(50px,7vw,105px)}
.vessel-stats{gap:0;border-block:1px solid var(--line)}
.vessel-stats span{padding:32px 20px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent}
.vessel-stats span:last-child{border-right:0}
.vessel-features{gap:0;padding-bottom:120px}
.vessel-feature,.vessel-feature.cream,.vessel-feature.brown,.vessel-feature.teal{min-height:650px;padding:0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;color:var(--white)}
.vessel-feature:last-child{border-bottom:1px solid var(--line)}
.vessel-feature>div{padding:clamp(50px,7vw,105px)}
.vessel-feature img{border-radius:0}
.vessel-feature .eyebrow{color:var(--teal)}
.specifications dl{gap:0;border-top:1px solid var(--line)}
.specifications dl div{padding:24px 18px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.specifications dl div:nth-child(3n){border-right:0}
.reserve-card{border-radius:0;box-shadow:none}

/* Manifesto: typographic sequence, not a card wall */
.manifesto-hero{padding:150px 0 120px;min-height:580px;border-bottom:1px solid var(--line)}
.manifesto-body{display:block;padding-bottom:130px}
.manifesto-body article,.manifesto-body article:nth-child(2),.manifesto-body article:nth-child(3),.manifesto-body article:nth-child(4),.manifesto-body article:nth-child(5),.manifesto-body article:nth-child(6){min-height:0;padding:70px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--white);display:grid;grid-template-columns:minmax(110px,.28fr) 1fr;gap:50px;align-items:start}
.manifesto-body span{font-size:72px;font-weight:400;line-height:.9;color:var(--brown)}
.manifesto-body p{max-width:900px;margin:0;font-size:clamp(20px,2.2vw,30px);line-height:1.5}
.principle-grid{gap:0;border-block:1px solid var(--line)}
.principle-grid article,.principle-grid .cream,.principle-grid .sand,.principle-grid .brown,.principle-grid .teal,.principle-grid .white,.principle-grid .dark{min-height:280px;padding:32px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--white);transition:background-color .25s ease}
.principle-grid article:nth-child(3n){border-right:0}
.principle-grid article:hover{background:rgba(255,255,255,.025);transform:none}
.principle-grid span{font-weight:400;color:var(--brown)}
.manifesto-cta>div{padding:90px 70px;border-radius:0;background:var(--cream);color:var(--ink)}
.manifesto-cta .button.primary{background:var(--teal);color:var(--ink)}
.manifesto-cta .button.secondary{background:transparent;border-color:var(--ink);color:var(--ink);box-shadow:none}
.manifesto-cta .button.secondary:hover{background:var(--ink);color:var(--white)}

/* Protocols: open hierarchy with images and rule-based content */
.protocols-page .page-hero{min-height:560px;margin:0;padding:130px 0 110px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;display:flex;flex-direction:column;justify-content:center}
.protocols-page .page-hero h1{max-width:900px}
.protocols-page .hero-copy{color:rgba(255,255,255,.6)}
.protocols-page .protocol-block{grid-template-columns:.82fr 1.18fr;gap:clamp(40px,7vw,100px);padding:110px 0;border-top:0;border-bottom:1px solid var(--line)}
.protocols-page .protocol-block header{top:116px}
.protocols-page .protocol-block header:after{content:"";display:block;height:300px;margin-top:40px;border-radius:0;background-position:center;background-size:cover;border:0}
.protocols-page .protocol-block:nth-of-type(2) header:after{background-image:url('../assets/campaign/reference-16/01-bac-water-beach.webp')}
.protocols-page .protocol-block:nth-of-type(3) header:after{background-image:url('../assets/vessel/display.webp')}
.protocols-page .protocol-block:nth-of-type(4) header:after{background-image:linear-gradient(rgba(105,84,63,.22),rgba(105,84,63,.22)),url('../assets/textures/texture-2.webp')}
.protocols-page .protocol-block:nth-of-type(5) header:after{background-image:url('../assets/textures/texture-4.webp')}
.protocols-page .protocol-cards{gap:0;border:0;border-radius:0;overflow:visible;background:transparent}
.protocols-page .protocol-cards article,.protocols-page .protocol-cards>p{margin:0;padding:32px 0;border-radius:0;border-top:1px solid var(--line);background:transparent}
.protocols-page .protocol-cards article:last-child,.protocols-page .protocol-cards>p:last-child{border-bottom:1px solid var(--line)}
.protocols-page .protocol-cards h3{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.protocols-page .protocol-cards p{color:rgba(255,255,255,.64)}
.protocols-page .cta-band{margin:110px 0;padding:80px 0;border-block:1px solid var(--line);border-radius:0;background:transparent;color:var(--white);display:flex;justify-content:space-between;align-items:end;gap:40px}
.protocols-page .cta-band h2{max-width:850px;margin:0}

/* Journal: remove the box around the lead story; keep real editorial cards */
.journal-hero{padding:140px 0 100px}
.featured-story{border-block:1px solid var(--line);border-radius:0;background:transparent;color:var(--white);box-shadow:none}
.featured-image{background:var(--cream)}
.featured-image img{width:100%;height:100%;object-fit:cover;filter:none}
.featured-copy p{color:rgba(255,255,255,.58)}
.featured-copy>a{color:var(--teal)}
.journal-card,.journal-card.cream,.journal-card.sand,.journal-card.brown,.journal-card.white,.journal-card.teal{background:var(--surface);color:var(--white);border:1px solid var(--line)}
.journal-card-image{background:var(--cream);overflow:hidden}
.journal-card-image img{width:100%;height:100%;object-fit:cover}

/* Secondary modules: containers remain only where function requires them */
.contact-details,.form-panel,.auth-panel,.dashboard-stats article,.empty-state,.cart-items,.cart-summary,.pending-panel{background:var(--surface);color:var(--white);border:1px solid var(--line)}
.form-panel input,.form-panel select,.form-panel textarea{background:#10100f;color:var(--white);border-color:var(--line)}
.contact-details dl div,.cart-item{border-color:var(--line)}
.auth-art{background:linear-gradient(rgba(13,13,12,.74),rgba(13,13,12,.74)),url('../assets/textures/texture-2.webp') center/cover}
.site-footer{background:#080808;border-top:1px solid var(--line)}

@media(max-width:1100px){
  .home-hero{grid-template-columns:.94fr 1.06fr}
  .hero-content{padding-right:48px}
}

@media(max-width:800px){
  .header-shell{background:rgba(24,24,23,.94)}
  .menu-toggle span:not(.sr-only){background:var(--white)}
  .mobile-menu{background:var(--surface)}
  .home-hero{display:flex;flex-direction:column;padding-bottom:70px}
  .hero-content{order:1;min-height:540px;padding:58px 10px 58px}
  .hero-product-card{order:2;min-height:480px}
  .standards-rail{grid-template-columns:1fr 1fr}
  .standard-item:nth-child(2){border-right:0}
  .standard-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .statement-section,.collections,.vessel-home,.quality,.catalog-cta{padding-block:86px}
  .statement-card.texture-white{padding:65px 0}
  .collection-grid{grid-template-columns:1fr}
  .collection-card,.collection-card.teal,.collection-card.sand,.collection-card.brown{min-height:300px;border-right:0;border-bottom:1px solid var(--line)}
  .collection-card:last-child{border-bottom:0}
  .vessel-home-card{grid-template-columns:1fr}
  .product-hero{grid-template-columns:1fr;padding-bottom:80px}
  .product-hero-copy{padding:55px 10px}
  .vessel-feature,.vessel-feature.reverse{grid-template-columns:1fr;min-height:0;padding:70px 0}
  .vessel-feature>div{padding:0 0 45px}
  .vessel-feature.reverse>div,.vessel-feature.reverse>img{grid-column:auto;grid-row:auto}
  .vessel-feature img{height:430px}
  .specifications dl div:nth-child(3n){border-right:1px solid var(--line)}
  .specifications dl div{border-right:0}
  .manifesto-body article,.manifesto-body article:nth-child(n){grid-template-columns:1fr;gap:28px;padding:56px 0}
  .principle-grid{grid-template-columns:1fr}
  .principle-grid article,.principle-grid article:nth-child(3n){border-right:0}
  .manifesto-cta>div{padding:60px 30px}
  .protocols-page .page-hero{min-height:500px;padding:90px 0 80px}
  .protocols-page .protocol-block{grid-template-columns:1fr;padding:80px 0}
  .protocols-page .protocol-block header{position:static}
  .protocols-page .protocol-block header:after{height:340px}
  .protocols-page .cta-band{align-items:flex-start;flex-direction:column}
  .featured-story{grid-template-columns:1fr}
}

@media(max-width:480px){
  h1{letter-spacing:-.008em}
  .standards-rail{grid-template-columns:1fr}
  .standard-item{border-right:0;border-bottom:1px solid var(--line)}
  .standard-item:last-child{border-bottom:0}
  .hero-content{padding-inline:0}
  .manifesto-hero{padding:100px 0 80px;min-height:470px}
  .manifesto-body span{font-size:58px}
  .protocols-page .page-hero{min-height:440px}
  .protocols-page .protocol-block header:after{height:250px}
}

/* Sunday-inspired site chrome, translated into the Stasis visual system. */
.sticky-site-chrome{
  position:sticky;
  top:0;
  z-index:300;
  background:var(--paper);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.sticky-site-chrome .site-header,
.site-header.stasis-sunday-header{
  position:relative;
  top:auto;
  height:auto;
  padding:12px 0 14px;
  background:var(--paper);
  border:0;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.stasis-sunday-header .header-shell{
  width:min(1360px,calc(100% - 40px));
  height:58px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:10px;
  align-items:center;
  margin:0 auto;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.stasis-header-left,
.stasis-header-actions{
  min-width:0;
  height:58px;
  display:flex;
  align-items:center;
  border:1px solid rgba(234,227,214,.14);
  border-radius:999px;
  background:#181817;
}
.stasis-header-left{padding:5px 12px 5px 18px}
.stasis-header-left .brand{
  width:122px;
  flex:0 0 122px;
  display:flex;
  align-items:center;
  margin-right:clamp(18px,3vw,46px);
}
.stasis-header-left .brand img{width:112px;filter:invert(1)}
.stasis-header-left .desktop-nav{
  display:flex;
  justify-content:flex-start;
  gap:clamp(18px,2.4vw,38px);
}
.stasis-header-left .desktop-nav a{
  position:relative;
  padding:18px 0;
  color:rgba(234,227,214,.66);
  font-size:11px;
  font-weight:500;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.stasis-header-left .desktop-nav a:hover,
.stasis-header-left .desktop-nav a[aria-current=page]{color:var(--ivory)}
.stasis-header-left .desktop-nav a[aria-current=page]::after{
  position:absolute;
  right:0;
  bottom:10px;
  left:0;
  width:100%;
  height:1px;
  margin:0;
  border-radius:0;
  background:var(--teal);
}
.stasis-header-actions{
  justify-self:end;
  gap:2px;
  padding:4px;
}
.stasis-header-icon{
  position:relative;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  flex:0 0 46px;
  padding:0;
  border:0;
  border-radius:50%;
  color:rgba(234,227,214,.74);
  background:transparent;
  cursor:pointer;
}
.stasis-header-icon svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.stasis-header-icon svg circle:last-child{fill:currentColor;stroke:none}
.stasis-header-icon:hover,
.stasis-header-icon:focus-visible{
  color:var(--deep);
  background:var(--teal);
  transform:none!important;
}
.stasis-cart-count{
  position:absolute;
  top:3px;
  right:1px;
  min-width:17px!important;
  height:17px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0 4px;
  border:2px solid #181817;
  border-radius:999px!important;
  color:var(--deep)!important;
  background:var(--teal)!important;
  font-size:8px!important;
  font-weight:700;
  line-height:1;
}
.stasis-menu-trigger{display:none}

.announcement-bar{
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  overflow:hidden;
  color:var(--ivory);
  background:#1d1d1f;
  font-size:12px;
  font-weight:400;
  letter-spacing:-.012em;
  text-align:center;
  text-transform:none;
}
.announcement-offer{
  position:relative;
  min-height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding-left:18px;
  color:inherit;
  white-space:nowrap;
}
.announcement-pulse{
  position:absolute;
  top:50%;
  left:50%;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--teal);
  box-shadow:0 0 0 0 rgba(92,189,185,.34);
  transform:translate(-50%,-50%);
  animation:stasis-topbar-dot-settle .78s cubic-bezier(.2,.8,.2,1) .18s forwards,stasis-topbar-dot-pulse 2.8s ease-out 1.15s infinite;
  animation-play-state:paused;
}
.announcement-copy{
  display:inline-block;
  opacity:0;
  clip-path:inset(0 50% 0 50%);
  transform:translateY(4px);
  animation:stasis-topbar-copy-reveal .66s cubic-bezier(.2,.8,.2,1) .62s forwards;
  animation-play-state:paused;
}
.announcement-offer strong{color:var(--teal);font-weight:700}
.announcement-offer span{color:rgba(234,227,214,.55)}
.announcement-offer .announcement-copy{color:var(--ivory)}
.announcement-offer .announcement-copy>span{color:rgba(234,227,214,.56)}
.announcement-offer b{margin-left:5px;color:var(--teal);font-weight:500}
.announcement-offer:hover b{text-decoration:underline;text-underline-offset:3px}
@keyframes stasis-topbar-dot-settle{
  0%,26%{left:50%;transform:translate(-50%,-50%) scale(.65)}
  48%{transform:translate(-50%,-50%) scale(1.65)}
  100%{left:0;transform:translate(0,-50%) scale(1)}
}
@keyframes stasis-topbar-dot-pulse{
  0%{box-shadow:0 0 0 0 rgba(92,189,185,.4)}
  55%,100%{box-shadow:0 0 0 7px rgba(92,189,185,0)}
}
@keyframes stasis-topbar-copy-reveal{
  to{opacity:1;clip-path:inset(0);transform:none}
}

.stasis-search-overlay{
  position:fixed;
  inset:0;
  z-index:1200;
  display:grid;
  place-items:start center;
  padding:clamp(28px,7vh,78px) 20px;
  overflow:auto;
  background:rgba(4,4,4,.78);
  opacity:0;
  transition:opacity .22s ease;
}
.stasis-search-overlay[hidden]{display:none}
.stasis-search-overlay.is-open{opacity:1}
.stasis-search-panel{
  width:min(820px,100%);
  padding:34px;
  border:1px solid rgba(234,227,214,.16);
  border-radius:28px;
  color:var(--ivory);
  background:#111;
  box-shadow:0 30px 90px rgba(0,0,0,.5);
  transform:translateY(-12px);
  transition:transform .28s cubic-bezier(.22,1,.36,1);
}
.stasis-search-overlay.is-open .stasis-search-panel{transform:none}
.stasis-search-heading>span,
.stasis-search-result-heading span{
  color:var(--teal);
  font-size:10px;
  font-weight:500;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.stasis-search-heading h2{margin:7px 0 24px;font-size:clamp(38px,6vw,60px)}
.stasis-search-form{
  height:58px;
  display:grid;
  grid-template-columns:24px minmax(0,1fr) 42px;
  gap:12px;
  align-items:center;
  padding:0 8px 0 18px;
  border:1px solid rgba(234,227,214,.22);
  border-radius:999px;
  background:#181817;
}
.stasis-search-form>svg{width:21px;fill:none;stroke:var(--teal);stroke-width:1.7;stroke-linecap:round}
.stasis-search-form input{
  width:100%;
  padding:0;
  border:0;
  outline:0;
  color:var(--ivory);
  background:transparent;
  font-size:15px;
}
.stasis-search-form input::placeholder{color:rgba(234,227,214,.42)}
.stasis-search-close{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  color:var(--ivory);
  background:rgba(234,227,214,.08);
  font-size:25px;
  line-height:1;
  cursor:pointer;
}
.stasis-search-results{display:grid;margin-top:22px}
.stasis-search-result-heading{display:flex;justify-content:space-between;align-items:center;padding:0 4px 10px}
.stasis-search-result-heading small{color:rgba(234,227,214,.46);font-size:10px}
.stasis-search-result{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  padding:10px 8px;
  border-top:1px solid rgba(234,227,214,.1);
  transition:background .2s ease;
}
.stasis-search-result:hover{background:rgba(92,189,185,.06)}
.stasis-search-result-image{width:72px;height:72px;display:grid;place-items:center;background:#0b0b0a}
.stasis-search-result-image img{width:100%;height:100%;object-fit:contain}
.stasis-search-result strong{display:block;color:var(--ivory);font-family:var(--serif);font-size:23px;font-weight:400}
.stasis-search-result small{color:rgba(234,227,214,.5);font-size:10px;letter-spacing:.05em;text-transform:uppercase}
.stasis-search-result i{color:var(--teal);font-style:normal;font-size:20px}

@media(max-width:800px){
  .sticky-site-chrome .site-header,
  .site-header.stasis-sunday-header{padding:8px 0 10px}
  .stasis-sunday-header .header-shell{
    width:calc(100% - 20px);
    height:52px;
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:6px;
  }
  .stasis-header-left{height:52px;padding:4px 14px}
  .stasis-header-left .brand{width:98px;flex-basis:98px;margin:0}
  .stasis-header-left .brand img{width:96px}
  .stasis-header-left .desktop-nav{display:none}
  .stasis-header-actions{height:52px;display:flex!important;padding:3px;gap:0}
  .stasis-header-actions .stasis-header-icon{width:42px;height:42px;flex-basis:42px}
  .stasis-menu-trigger{width:52px;height:52px;display:grid;background:#181817;border:1px solid rgba(234,227,214,.14)}
  .stasis-sunday-header .mobile-menu{
    top:62px;
    right:10px;
    left:10px;
    z-index:5;
    padding:18px 22px;
    border:1px solid rgba(234,227,214,.14);
    border-radius:22px;
    background:#181817;
    box-shadow:0 24px 65px rgba(0,0,0,.4);
  }
  .stasis-sunday-header .mobile-menu a{color:var(--ivory);border-color:rgba(234,227,214,.1)}
  .announcement-bar{height:40px;font-size:10px;white-space:nowrap}
  .announcement-offer .announcement-copy>span{display:none}
  .announcement-offer b{margin-left:3px}
  .stasis-search-panel{padding:24px 18px;border-radius:22px}
}

@media(max-width:520px){
  .stasis-sunday-header .header-shell{grid-template-columns:minmax(88px,1fr) auto auto}
  .stasis-header-actions .stasis-header-icon{width:38px;height:38px;flex-basis:38px}
  .stasis-header-actions .stasis-header-icon[href]{display:none}
  .stasis-menu-trigger{width:46px;flex-basis:46px}
  .stasis-cart-count{top:1px;right:0}
  .announcement-bar{font-size:clamp(8px,2.35vw,10px);letter-spacing:-.01em}
  .announcement-offer{padding-left:14px}
  .announcement-pulse{width:7px;height:7px}
  .announcement-offer b{display:none}
  .stasis-search-overlay{padding:14px 10px}
  .stasis-search-heading h2{font-size:38px}
  .stasis-search-result{grid-template-columns:58px minmax(0,1fr) auto;gap:12px}
  .stasis-search-result-image{width:58px;height:58px}
  .stasis-search-result strong{font-size:20px}
}

@media(prefers-reduced-motion:reduce){
  .announcement-pulse{left:0;transform:translate(0,-50%);animation:none}
  .announcement-copy{opacity:1;clip-path:none;transform:none;animation:none}
}

/* Focused composition refinements */
.collection-number{font-size:clamp(54px,6vw,84px)}
.principle-grid span{font-size:36px}

.quality-card{
  display:block;
  padding:20px 0 0;
  border:0;
  background:transparent;
  color:var(--white);
}
.quality-card .eyebrow{color:var(--teal)}
.quality-card h2{max-width:920px;margin:34px 0 30px}
.quality-card>p{max-width:680px;margin-bottom:68px;color:var(--muted)}
.quality-stats{margin:0;border-top:1px solid var(--line)}
.quality-stats span{padding:28px 0;border-top:0;border-right:1px solid var(--line);background:transparent;color:var(--white)}
.quality-stats span:last-child{border-right:0}

.catalog-cta-card.texture-teal{border:0}

.reserve-card.texture-dark{
  display:block;
  min-height:0;
  padding:80px 0;
  border-block:1px solid var(--line);
  background:none;
  color:var(--white);
}
.reserve-card h2{font-size:clamp(72px,8vw,110px)}
.reserve-card .button{margin-top:34px}

.manifesto-cta>div{
  padding:100px 0;
  border-block:1px solid var(--line);
  background:transparent;
  color:var(--white);
}
.manifesto-cta h2 span{display:block}
.manifesto-cta .button.secondary{border-color:rgba(255,255,255,.35);color:var(--white)}
.manifesto-cta .button.secondary:hover{background:var(--white);color:var(--ink)}

.protocols-page .cta-band{display:block;padding:90px 0}
.protocols-page .cta-band h2{max-width:760px}
.protocols-page .cta-band .button-row{margin-top:38px}
.protocols-page .cta-band .button:first-child{background:var(--teal);color:var(--ink)}
.protocols-page .cta-band .button:last-child{border:1px solid rgba(255,255,255,.32);color:var(--white)}

@media(max-width:800px){
  .quality-stats{grid-template-columns:1fr}
  .quality-stats span{border-right:0;border-bottom:1px solid var(--line)}
  .quality-stats span:last-child{border-bottom:0}
  .reserve-card.texture-dark,.manifesto-cta>div,.protocols-page .cta-band{padding:68px 0}
}

/* Rhythm, emphasis, and navigation state */
.home-page .statement-section,.home-page .collections,.home-page .quality,.home-page .catalog-cta{padding-block:82px}
.home-page .statement-card.texture-white{
  min-height:0;
  padding:64px 0;
  grid-template-rows:auto auto;
  align-items:start;
  row-gap:48px;
}
.home-page .statement-card .eyebrow{align-self:start}
.home-page .section-heading{row-gap:44px;margin-bottom:48px}
.home-page .quality-card{padding-top:0}
.home-page .catalog-cta-card.texture-teal{
  background:linear-gradient(90deg,rgba(5,34,35,.72),rgba(9,21,21,.48)),url('../assets/textures/texture-4.webp') center/cover;
}

.vessel-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.reserve-card.texture-dark{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:70px;
  align-items:end;
  padding:82px;
  border:0;
  background:linear-gradient(90deg,rgba(5,31,32,.84),rgba(9,18,18,.62)),url('../assets/textures/texture-4.webp') center/cover;
}
.reserve-card.texture-dark>a{justify-self:start;margin-top:0}
.reserve-card.texture-dark>div:last-of-type{max-width:520px}

.protocols-page .protocol-block:nth-of-type(5){border-bottom:0;padding-bottom:72px}
.protocols-page .cta-band{
  margin:0 0 100px;
  padding:76px 64px;
  border:0;
  background:linear-gradient(90deg,rgba(19,17,14,.88),rgba(13,13,12,.74)),url('../assets/textures/texture-2.webp') center/cover;
}
.protocols-page .cta-band h2{font-size:clamp(48px,5vw,76px)}

.journal-hero{padding:110px 0 82px}

.desktop-nav a,.utility-nav a{position:relative}
.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(--white)}
.home-page .desktop-nav a[href$="index.html"]:after,
.catalog-page .desktop-nav a[href$="catalog.html"]:after,
.product-page .desktop-nav a[href$="catalog.html"]:after,
.vessel-page .desktop-nav a[href$="vessel.html"]:after,
.manifesto-page .desktop-nav a[href$="manifesto.html"]:after,
.protocols-page .desktop-nav a[href$="protocols.html"]:after,
.journal-page .desktop-nav a[href$="journal.html"]:after,
.contact-page .utility-nav a[href$="contact.html"]:after,
.account-page .utility-nav a[href$="account.html"]:after,
.login-page .utility-nav a[href$="account.html"]:after,
.create-account-page .utility-nav a[href$="account.html"]:after,
.cart-page .utility-nav a[href$="cart.html"]:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-11px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--teal);
  transform:translateX(-50%);
}

@media(max-width:800px){
  .home-page .statement-section,.home-page .collections,.home-page .quality,.home-page .catalog-cta{padding-block:68px}
  .home-page .statement-card.texture-white{padding:52px 0;row-gap:34px}
  .reserve-card.texture-dark{grid-template-columns:1fr;padding:58px 28px;gap:34px}
  .protocols-page .cta-band{padding:58px 28px}
  .legal-panel{width:var(--shell);margin-left:auto;margin-right:auto}
}

/* Refinement: catalog CTA, Vessel reserve and Account actions */
.home-page .catalog-cta-card.texture-teal {
  min-height: 420px;
  padding: clamp(44px, 6vw, 76px);
  border: 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background:
    linear-gradient(rgba(15, 28, 28, .82), rgba(15, 28, 28, .82)),
    url('../assets/textures/texture-4.webp') center / cover no-repeat;
}

.reserve-card.texture-dark {
  display: block;
  min-height: 0;
  padding: 80px 0;
  border: 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: none;
  color: var(--white);
}

.reserve-card.texture-dark > a {
  justify-self: auto;
  margin-top: 34px;
}

.account-page .page-hero .button-row {
  margin-top: 34px;
}

.account-page .page-hero .button:first-child {
  border-color: var(--teal);
  background: var(--teal);
  color: var(--ink);
}

.account-page .page-hero .button.button-outline,
.account-page .empty-state .button.button-outline {
  border-color: rgba(255, 255, 255, .34);
  background: rgba(255, 255, 255, .035);
  color: var(--white);
}

.account-page .page-hero .button.button-outline:hover,
.account-page .empty-state .button.button-outline:hover {
  border-color: var(--teal);
  color: var(--teal);
}

@media (max-width: 800px) {
  .home-page .catalog-cta-card.texture-teal {
    min-height: 390px;
    padding: 44px 28px;
  }

  .reserve-card.texture-dark {
    display: block;
    padding: 60px 0;
  }
}

/* Final precision pass */
.button,
.filter-row button,
.variant,
.strengths span,
.form-panel button,
.cart-remove {
  font-weight: 400;
  letter-spacing: .055em;
}

.button { line-height: 1.2; }

/* Home: original content and collection icon system */
.home-page .home-hero .hero-content { grid-column: 1; grid-row: 1; }
.home-page .home-hero .hero-product-card { grid-column: 2; grid-row: 1; }
.home-page .home-hero .button-row { margin-top: 34px; }
.collection-icon {
  display: block;
  width: 52px;
  height: 52px;
  color: var(--teal);
}
.collection-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.collection-card:nth-child(2) .collection-icon,
.collection-card:nth-child(2) footer { color: var(--sand); }
.collection-card:nth-child(3) .collection-icon,
.collection-card:nth-child(3) footer { color: #9a8572; }
.collection-card:nth-child(1) .collection-icon,
.collection-card:nth-child(1) footer { color: #9a8572; }
.collection-card footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  color: var(--teal);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.collection-card footer small { color: inherit; }

/* Final targeted type refinement: research collection titles only. */
.collection-card h3 {
  font-weight: 500;
  letter-spacing: .012em;
}
.quality-stats b,
.vessel-page .vessel-stats b {
  font-weight: 500;
  letter-spacing: .012em;
}
.home-page .statement-card h2 {
  font-size: clamp(42px, 5.5vw, 78px);
}
.quality-stats { grid-template-columns: repeat(4, 1fr); }
.home-page .catalog-cta-card.texture-white {
  min-height: 420px;
  padding: clamp(44px, 6vw, 76px);
  border: 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
  color: var(--ink);
  background:
    linear-gradient(rgba(255,255,255,.88), rgba(255,255,255,.88)),
    url('../assets/textures/texture-1.webp') center / cover no-repeat;
}
.home-page .catalog-cta-card.texture-white p { color: #514d48; }
.home-page .catalog-cta-card.texture-white .button { background: var(--ink); color: var(--white); }

/* Controlled editorial scale */
.vessel-home-copy h2,
.vessel-feature h2,
.quality-card h2,
.catalog-cta-card h2,
.featured-copy h2,
.subscribe-card h3 { font-size: clamp(38px, 4.1vw, 58px); }
.vessel-feature h2 { max-width: 560px; }

/* Vessel: original hero order and restored specifications */
.vessel-page .product-hero-copy { grid-column: 1; grid-row: 1; }
.vessel-page .product-hero-media { grid-column: 2; grid-row: 1; }
.vessel-page .product-hero-copy h1 { font-size: clamp(56px, 6.5vw, 92px); }
.feature-specs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 34px 0 0;
  border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  border-color: rgba(255,255,255,.16);
}
.vessel-feature.cream .feature-specs { border-color: rgba(33,33,33,.16); }
.feature-specs div { padding: 20px 18px 20px 0; }
.feature-specs dt { font-size: 18px; }
.feature-specs dd { margin: 5px 0 0; font-size: 10px; letter-spacing: .11em; text-transform: uppercase; opacity: .7; }

/* Manifesto reading weight and quieter dividers */
.manifesto-body p,
.principle-grid h3 { font-weight: 400; letter-spacing: .005em; }
.manifesto-body p { line-height: 1.65; }
.manifesto-body article { border-top-color: rgba(255,255,255,.09); }
.principle-grid { border-color: rgba(255,255,255,.09); }
.principle-grid article { border-color: rgba(255,255,255,.09); }
.manifesto-cta > div { border: 0; }

/* Protocol imagery from the approved asset set */
.protocols-page .protocol-block:nth-of-type(2) header::after {
  background-image: url('../assets/vessel/chamber.webp');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.protocols-page .protocol-block:nth-of-type(4) header::after {
  background-image: linear-gradient(rgba(10,22,22,.24),rgba(10,22,22,.24)), url('../assets/textures/texture-4.webp');
}
.protocols-page .protocol-block:nth-of-type(5) header::after {
  background-image: url('../assets/protocols/research-frame-lab.webp');
  background-position: center;
  background-size: cover;
}
.protocols-page .protocol-block { border-top-color: rgba(255,255,255,.09); }
.protocols-page .protocol-cards > * { border-bottom-color: rgba(255,255,255,.09); }

/* Sign in: remove the nested box and lift the left composition */
.login-page .auth-panel .form-panel {
  padding: 26px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.login-page .auth-art { justify-content: center; }
.login-page .auth-art img { margin-bottom: 22px; }

/* Footer parity with Stasis_Final */
.footer-brand img { margin-bottom: 24px; }
.footer-brand p { max-width: 290px; font-size: 13px; line-height: 1.65; }
.site-footer h2 { font-weight: 400; letter-spacing: .07em; }

.missing-information {
  min-height: 62vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-block: 90px;
}
.missing-information h1 { max-width: 900px; margin: 28px 0 0; font-size: clamp(54px, 7vw, 94px); }

@media (max-width: 800px) {
  .home-page .home-hero .hero-content,
  .home-page .home-hero .hero-product-card,
  .vessel-page .product-hero-copy,
  .vessel-page .product-hero-media { grid-column: 1; grid-row: auto; }
  .home-page .home-hero .hero-content,
  .vessel-page .product-hero-copy { order: 1; }
  .home-page .home-hero .hero-product-card,
  .vessel-page .product-hero-media { order: 2; }
  .quality-stats,
  .feature-specs { grid-template-columns: 1fr 1fr; }
  .home-page .catalog-cta-card.texture-white { min-height: 390px; padding: 44px 28px; }
  .home-page .statement-card h2 { font-size: clamp(40px, 11vw, 64px); }
}

/* Two-column Vessel reserve without increasing the section height */
.reserve-card.texture-dark {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  grid-template-rows: auto auto;
  column-gap: clamp(44px, 6vw, 90px);
  height: 380px;
  min-height: 0;
  padding: 0;
  border: 0;
  align-items: end;
  align-content: center;
}

.reserve-card.texture-dark::before {
  content: "";
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: center;
  justify-self: start;
  width: 90%;
  height: 320px;
  min-height: 0;
  border-radius: var(--radius-lg);
  background: url('../assets/vessel/hero.webp') center 54% / cover no-repeat;
}

.reserve-card.texture-dark > div {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  padding-top: 34px;
}

.reserve-card.texture-dark > a {
  grid-column: 2;
  grid-row: 2;
  justify-self: start;
  margin: -34px 0 0;
}

/* Rounded Protocols CTA, aligned with the Home catalog module */
.protocols-page .cta-band {
  width: 100%;
  margin: 0 auto 100px;
  padding: clamp(48px, 6vw, 76px);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

@media (max-width: 800px) {
  .reserve-card.texture-dark {
    grid-template-columns: 1fr;
    grid-template-rows: 280px auto auto;
    gap: 0;
    height: auto;
    min-height: 0;
    padding: 0;
  }

  .reserve-card.texture-dark::before {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: 280px;
    min-height: 280px;
  }

  .reserve-card.texture-dark > div {
    grid-column: 1;
    grid-row: 2;
    padding-top: 38px;
  }

  .reserve-card.texture-dark > a {
    grid-column: 1;
    grid-row: 3;
    margin: 22px 0 0;
  }

  .protocols-page .cta-band {
    padding: 48px 28px;
  }
}

/* Update Brief v4: catalog-forward homepage and product presence */
.bogo-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin-top: 14px;
  margin-bottom: 14px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(24,24,23,.92);
  color: var(--white);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
  box-shadow: 0 12px 40px rgba(0,0,0,.18);
}

.bogo-feature {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(32px, 6vw, 96px);
  margin-top: 18px;
  margin-bottom: 32px;
  padding: clamp(28px, 3.4vw, 48px) clamp(32px, 4.4vw, 64px);
  border: 1px solid var(--line);
  border-radius: 30px;
  background:
    linear-gradient(135deg, rgba(245, 242, 236, .08), rgba(98, 195, 195, .05)),
    rgba(21, 21, 20, .72);
  box-shadow: 0 22px 70px rgba(0,0,0,.24);
}

.bogo-feature > div {
  min-width: 0;
}

.bogo-feature h2 {
  margin: 16px 0 14px;
  color: var(--white);
  font-size: clamp(54px, 4.75vw, 72px);
  line-height: .98;
  letter-spacing: -.018em;
  white-space: nowrap;
}

.bogo-feature p {
  max-width: none;
  margin: 0;
  color: rgba(255,255,255,.68);
  font-size: 16px;
  line-height: 1.55;
  white-space: nowrap;
}

.bogo-feature .button {
  min-width: 180px;
  white-space: nowrap;
}

.home-page .home-hero {
  padding-top: 18px;
}

.home-page .hero-reading {
  left: auto;
  right: 28px;
  top: 28px;
  bottom: auto;
  padding: 12px 16px;
  border-radius: 999px;
}

.home-page .hero-reading span {
  margin: 0;
  color: var(--white);
  letter-spacing: .11em;
}

.top-sellers,
.community-cta,
.product-strip,
.embedded-product-section {
  padding-block: 82px;
}

.top-seller-grid,
.product-strip > div,
.embedded-product-section > div {
  display: grid;
  gap: 18px;
}

.top-seller-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mini-product-card,
.strip-product-card,
.embedded-product-card {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: #171716;
  color: var(--white);
}

.mini-product-card img,
.strip-product-card img,
.embedded-product-card img {
  width: 100%;
  object-fit: cover;
  background: var(--cream);
}

.mini-product-card img {
  height: 310px;
}

.mini-product-card > div,
.strip-product-card > div,
.embedded-product-card > div {
  padding: 24px;
}

.mini-product-card span,
.strip-product-card span,
.embedded-product-card span {
  display: block;
  color: var(--teal);
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.mini-product-card h3,
.strip-product-card h3,
.embedded-product-card h3 {
  margin: 16px 0 12px;
  font-weight: 500;
  letter-spacing: .012em;
}

.mini-product-card p {
  min-height: 74px;
  color: var(--muted);
}

.mini-product-card strong,
.strip-product-card strong,
.embedded-product-card strong {
  display: block;
  margin: 18px 0;
  color: var(--white);
  font-weight: 500;
}

.full-catalog-link {
  margin-top: 24px;
}

.community-cta > div {
  padding: clamp(48px, 6vw, 76px);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(90deg, rgba(12,20,20,.92), rgba(12,20,20,.72)),
    url('../assets/textures/texture-4.webp') center / cover no-repeat;
}

.community-cta h2 {
  margin: 18px 0;
}

.community-cta p {
  max-width: 620px;
  color: var(--muted);
}

.coming-soon-banner {
  align-self: flex-start;
  margin-bottom: 24px;
  padding: 9px 14px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--teal);
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.reserve-note {
  margin: 18px 0 0;
  color: var(--muted);
  font-size: 14px;
}

.product-strip {
  border-top: 1px solid var(--line);
}

.product-strip header,
.embedded-product-section header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

.product-strip header a,
.embedded-product-section header a {
  color: var(--teal);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.product-strip > div {
  grid-template-columns: repeat(4, minmax(260px, 1fr));
}

.strip-product-card {
  display: grid;
  grid-template-columns: 110px 1fr;
  align-items: stretch;
}

.strip-product-card img {
  height: 100%;
  min-height: 178px;
}

.strip-product-card .button,
.embedded-product-card .button {
  min-height: 44px;
  padding-inline: 20px;
}

.embedded-product-section {
  border-block: 1px solid var(--line);
}

.embedded-product-section h2 {
  margin: 0;
  font-size: clamp(34px, 4vw, 56px);
}

.embedded-product-section header > div {
  display: grid;
  gap: 16px;
}

.embedded-product-section > div {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.embedded-product-card {
  display: grid;
  grid-template-columns: 190px 1fr;
}

.embedded-product-card img {
  height: 100%;
  min-height: 260px;
}

.create-account-page .check-field input:checked {
  accent-color: var(--teal);
}

.missing-route {
  background: var(--paper);
  color: var(--white);
}

@media (max-width: 1100px) {
  .top-seller-grid,
  .product-strip > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 800px) {
  .bogo-bar {
    width: var(--shell);
    min-height: 48px;
    padding-inline: 18px;
    text-align: center;
    line-height: 1.35;
  }

  .bogo-feature {
    grid-template-columns: 1fr;
    align-items: start;
    margin-bottom: 18px;
    padding: 26px;
  }

  .bogo-feature h2 {
    font-size: clamp(38px, 12vw, 54px);
    white-space: normal;
  }

  .bogo-feature p {
    white-space: normal;
  }

  .home-page .hero-reading {
    left: 20px;
    right: 20px;
    justify-content: center;
  }

  .top-sellers,
  .community-cta,
  .product-strip,
  .embedded-product-section {
    padding-block: 64px;
  }

  .top-seller-grid,
  .product-strip > div,
  .embedded-product-section > div {
    grid-template-columns: 1fr;
  }

  .product-strip > div {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 8px;
  }

  .strip-product-card {
    min-width: 82%;
    scroll-snap-align: start;
  }

  .embedded-product-card,
  .strip-product-card {
    grid-template-columns: 1fr;
  }

  .embedded-product-card img,
  .strip-product-card img {
    min-height: 280px;
  }

  .product-strip header,
  .embedded-product-section header {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Final review adjustments */
.home-page .home-hero {
  grid-template-columns: minmax(540px, .78fr) minmax(0, 1fr);
  gap: clamp(28px, 4vw, 56px);
  align-items: center;
  min-height: 560px;
  padding: 12px 0 62px;
}

.home-page .home-hero .hero-content {
  padding: clamp(34px, 4.6vw, 64px) clamp(24px, 3.4vw, 52px) clamp(34px, 4.6vw, 64px) 0;
}

.home-page .home-hero .hero-content h1 {
  max-width: 760px;
  font-size: clamp(56px, 5.35vw, 82px);
  line-height: .92;
}

.home-page .home-hero .hero-line {
  display: block;
}

.home-page .home-hero .hero-line-nowrap {
  white-space: nowrap;
}

.home-page .home-hero .hero-product-card {
  justify-self: end;
  width: calc(100% - clamp(12px, 2vw, 34px));
  min-height: 560px;
  max-height: 560px;
}

.coming-soon-banner {
  background: var(--cream);
  color: var(--ink);
  border-color: transparent;
  border-radius: 10px;
  box-shadow: none;
}

.product-strip > div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.strip-product-card {
  grid-template-columns: 96px 1fr;
}

.strip-product-card > div {
  padding: 20px 22px;
}

.strip-product-card h3 {
  font-size: clamp(22px, 1.7vw, 28px);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.catalog-page .catalog-hero {
  min-height: 360px;
  padding: 32px 0 44px;
  align-items: start;
}

@media (max-width: 1100px) {
  .home-page .home-hero {
    grid-template-columns: 1fr;
    min-height: auto;
    padding-bottom: 64px;
  }

  .home-page .home-hero .hero-product-card {
    width: 100%;
    min-height: 500px;
    max-height: none;
  }

  .product-strip > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .home-page .home-hero .hero-line-nowrap {
    white-space: normal;
  }

  .home-page .home-hero .hero-content h1 {
    font-size: clamp(48px, 16vw, 68px);
  }

  .home-page .home-hero .hero-product-card {
    min-height: 420px;
  }
}

/* Hero and featured strip precision pass */
.home-page .home-hero {
  grid-template-columns: minmax(620px, .88fr) minmax(0, 1.12fr);
  gap: clamp(36px, 5vw, 76px);
  min-height: 520px;
  padding-bottom: 56px;
}

.home-page .home-hero .hero-content h1 {
  max-width: 680px;
  font-size: clamp(54px, 4.75vw, 72px);
  line-height: .98;
  letter-spacing: -.018em;
}

.home-page .home-hero .hero-content > p {
  max-width: 600px;
}

.home-page .home-hero .hero-product-card {
  width: 100%;
  min-height: 520px;
  max-height: 520px;
  background:
    radial-gradient(circle at 52% 42%, rgba(98, 195, 195, .18), transparent 36%),
    linear-gradient(135deg, rgba(98, 195, 195, .10), rgba(0, 0, 0, 0) 42%),
    var(--black);
  position: relative;
  border: 1px solid var(--line);
  border-radius: 32px;
  overflow: hidden;
}

.home-page .home-hero .hero-product-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center;
  mix-blend-mode: screen;
  opacity: .82;
}

.home-page .home-hero .bogo-hero-card {
  position: absolute;
  left: clamp(26px, 4vw, 54px);
  top: clamp(26px, 4vw, 54px);
  z-index: 3;
  width: min(420px, calc(100% - 52px));
  padding: clamp(28px, 3.4vw, 44px);
  border-radius: 28px;
  background: linear-gradient(140deg, rgba(252, 249, 242, .96), rgba(224, 216, 205, .92));
  color: var(--ink);
  box-shadow: 0 26px 80px rgba(0, 0, 0, .38);
}

.home-page .home-hero .bogo-hero-card span {
  display: block;
  margin-bottom: 24px;
  color: var(--brown);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.home-page .home-hero .bogo-hero-card h2 {
  max-width: 340px;
  margin: 0 0 22px;
  color: var(--ink);
  font-size: clamp(42px, 4vw, 62px);
  line-height: .94;
  letter-spacing: -.01em;
}

.home-page .home-hero .bogo-hero-card p {
  max-width: 330px;
  margin: 0;
  color: rgba(31, 31, 31, .72);
  font-size: 15px;
  line-height: 1.55;
}

.home-page .home-hero .bogo-hero-card .bogo-note {
  margin-top: 14px;
  font-size: 13px;
}

.home-page .home-hero .bogo-hero-card .button {
  margin-top: 26px;
}

.home-page .home-hero .hero-reading {
  z-index: 2;
}

.home-page .home-hero .hero-reading span {
  background: rgba(7, 7, 7, .78);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  color: var(--white);
  letter-spacing: .12em;
}

.strip-product-card {
  grid-template-columns: 124px 1fr;
}

.strip-product-card > div {
  padding-left: 28px;
}

@media (max-width: 1100px) {
  .home-page .home-hero {
    grid-template-columns: 1fr;
  }

  .home-page .home-hero .hero-product-card {
    max-height: none;
  }

  .home-page .home-hero .bogo-hero-card {
    width: min(440px, calc(100% - 40px));
  }

  .strip-product-card {
    grid-template-columns: 112px 1fr;
  }
}

@media (max-width: 760px) {
  .home-page .home-hero .hero-content h1 {
    font-size: clamp(46px, 14vw, 64px);
  }

  .home-page .home-hero .hero-product-card {
    min-height: 500px;
  }

  .home-page .home-hero .bogo-hero-card {
    left: 18px;
    right: 18px;
    top: 18px;
    width: auto;
    padding: 24px;
  }

  .home-page .home-hero .bogo-hero-card h2 {
    font-size: clamp(38px, 12vw, 52px);
  }

  .strip-product-card {
    grid-template-columns: 1fr;
  }

  .strip-product-card > div {
    padding-left: 22px;
  }
}

/* Research gate + BOGO modal */
body.gate-open,
body.modal-open {
  overflow: hidden;
  height: 100vh;
}

.research-gate,
.bogo-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: clamp(22px, 4vw, 56px);
  background:
    radial-gradient(circle at 50% 42%, rgba(98, 195, 195, .08), transparent 32%),
    var(--paper);
  color: var(--white);
}

.research-gate-panel {
  width: min(620px, 100%);
  text-align: center;
}

.research-gate-logo {
  width: 124px;
  margin: 0 auto 34px;
}

.research-gate h1 {
  margin: 0 0 18px;
  font-size: clamp(56px, 7vw, 96px);
  line-height: .92;
}

.research-gate p {
  max-width: 520px;
  margin: 0 auto 34px;
  color: rgba(255, 255, 255, .72);
  font-size: 14px;
  line-height: 1.65;
}

.research-gate-form {
  display: grid;
  gap: 16px;
  width: min(470px, 100%);
  margin: 0 auto;
  text-align: left;
}

.research-gate-form label {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 14px;
  align-items: start;
  color: var(--white);
  font-size: 14px;
  line-height: 1.45;
}

.research-gate-form input {
  width: 16px;
  height: 16px;
  accent-color: var(--teal);
}

.research-gate-form select {
  width: 100%;
  height: 52px;
  margin-top: 10px;
  padding: 0 18px;
  border: 1px solid rgba(98, 195, 195, .58);
  border-radius: 8px;
  background: rgba(24, 24, 23, .92);
  color: var(--white);
  font: inherit;
}

.research-gate-actions {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-top: 18px;
}

.research-gate button[disabled] {
  opacity: .45;
  cursor: not-allowed;
}

.button[aria-disabled="true"] {
  opacity: .62;
  cursor: not-allowed;
  pointer-events: none;
}

.research-gate small {
  display: block;
  max-width: 460px;
  margin: 28px auto 0;
  color: rgba(255, 255, 255, .48);
  font-size: 12px;
  line-height: 1.6;
}

.bogo-modal {
  background: rgba(13, 13, 12, .78);
  backdrop-filter: blur(14px);
}

.bogo-modal-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(320px, .78fr);
  width: min(980px, 100%);
  min-height: 520px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(98, 195, 195, .14), transparent 48%),
    var(--surface);
  box-shadow: 0 34px 100px rgba(0, 0, 0, .5);
}

.bogo-close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 50%;
  background: rgba(13, 13, 12, .58);
  color: var(--white);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.bogo-visual {
  position: relative;
  min-height: 520px;
  overflow: hidden;
  padding: 0;
  background:
    radial-gradient(circle at 50% 18%, rgba(98, 195, 195, .34), transparent 45%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0));
}

.bogo-visual img {
  width: 100%;
  height: 100%;
  min-height: 520px;
  object-fit: cover;
  object-position: center;
  filter: saturate(.82) contrast(1.04);
}

.bogo-placeholder::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .62), rgba(0, 0, 0, .32)),
    rgba(0, 0, 0, .28);
}

.bogo-placeholder span {
  position: absolute;
  left: 32px;
  bottom: 30px;
  z-index: 1;
  display: inline-flex;
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  background: rgba(0, 0, 0, .48);
  color: rgba(255, 255, 255, .78);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bogo-copy {
  align-self: center;
  padding: clamp(42px, 5vw, 72px);
}

.bogo-copy h2 {
  margin: 18px 0 22px;
  font-size: clamp(50px, 5.7vw, 76px);
  line-height: .92;
  letter-spacing: -.018em;
}

.bogo-copy h2 span {
  display: block;
}

.bogo-copy p {
  max-width: 360px;
  margin: 0 0 30px;
  color: rgba(255, 255, 255, .7);
  line-height: 1.55;
}

@media (max-width: 820px) {
  .bogo-modal-card {
    grid-template-columns: 1fr;
  }

  .bogo-visual {
    min-height: 280px;
  }

  .bogo-copy {
    padding-top: 26px;
  }

  .research-gate-actions {
    flex-direction: column;
  }
}

/* Sunday-inspired BOGO structure: standalone campaign before the hero */
.home-page .bogo-feature {
  display: grid;
  grid-template-columns: minmax(340px, 430px) minmax(0, 1fr);
  align-items: center;
  gap: clamp(28px, 5vw, 76px);
  min-height: 430px;
  margin-top: 22px;
  margin-bottom: 34px;
  padding: clamp(34px, 4.2vw, 62px);
  border: 1px solid var(--line);
  border-radius: 34px;
  background:
    radial-gradient(circle at 82% 28%, rgba(245, 242, 236, .16), transparent 34%),
    linear-gradient(135deg, rgba(245, 242, 236, .08), rgba(98, 195, 195, .04)),
    rgba(21, 21, 20, .84);
  overflow: hidden;
}

.home-page .bogo-copy {
  min-height: 350px;
  padding: clamp(34px, 4vw, 54px);
  border-radius: 28px;
  background:
    linear-gradient(rgba(245, 242, 236, .94), rgba(245, 242, 236, .94)),
    url('../assets/textures/texture-1.webp') center/cover;
  color: var(--ink);
  box-shadow: 0 30px 70px rgba(0, 0, 0, .26);
}

.home-page .bogo-copy > span {
  display: block;
  margin-bottom: 22px;
  color: var(--brown);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .08em;
}

.home-page .bogo-feature h2 {
  margin: 0 0 26px;
  color: var(--ink);
  font-size: clamp(40px, 4.1vw, 58px);
  line-height: .98;
  letter-spacing: -.018em;
  white-space: normal;
}

.home-page .bogo-feature p {
  max-width: 360px;
  margin: 0 0 16px;
  color: rgba(31, 31, 31, .68);
  font-size: 15px;
  line-height: 1.45;
  white-space: normal;
}

.home-page .bogo-copy .button {
  min-width: 0;
  margin-top: 16px;
  background: var(--teal);
  color: var(--ink);
}

.home-page .bogo-placeholder {
  position: relative;
  min-height: 350px;
  border-radius: 26px;
  border: 1px solid rgba(255, 255, 255, .12);
  background:
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
    #3a3a3a;
  display: grid;
  place-items: center;
}

.home-page .bogo-placeholder::after {
  display: none;
}

.home-page .bogo-placeholder span {
  position: static;
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(255, 255, 255, .72);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
}

@media(max-width:900px) {
  .home-page .bogo-feature {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .home-page .bogo-placeholder {
    min-height: 260px;
  }
}

/* Final BOGO refinement: lower profile, one outer container, hero-width placeholder */
.home-page .bogo-feature {
  grid-template-columns: minmax(360px, .72fr) 1.28fr;
  gap: clamp(26px, 4vw, 64px);
  min-height: 0;
  margin-top: 22px;
  margin-bottom: 34px;
  padding: clamp(28px, 3.4vw, 48px);
}

.home-page .bogo-copy {
  min-height: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--bone);
}

.home-page .bogo-copy > span {
  margin-bottom: 18px;
  color: var(--teal);
}

.home-page .bogo-feature h2 {
  max-width: none;
  margin-bottom: 18px;
  color: var(--bone);
  font-size: clamp(44px, 4.8vw, 76px);
  line-height: .96;
  white-space: nowrap;
}

.home-page .bogo-feature p {
  max-width: 560px;
  margin-bottom: 8px;
  color: rgba(245, 242, 236, .72);
}

.home-page .bogo-copy .button {
  margin-top: 20px;
}

.home-page .bogo-placeholder {
  min-height: clamp(230px, 21vw, 320px);
  width: 100%;
}

.home-page .hero-product-card img {
  object-fit: cover;
}

@media(max-width:1100px) {
  .home-page .bogo-feature h2 {
    white-space: normal;
  }
}

/* BOGO alignment correction: match hero columns exactly */
.home-page .bogo-feature {
  grid-template-columns: .86fr 1.14fr;
  gap: 0;
  padding: clamp(28px, 3.4vw, 48px) 0;
}

.home-page .bogo-copy {
  padding: 0 clamp(34px, 6vw, 90px) 0 clamp(34px, 4vw, 48px);
}

.home-page .bogo-feature h2 {
  max-width: 620px;
  white-space: normal;
}

.home-page .bogo-feature h2 span {
  display: block;
}

.home-page .bogo-placeholder {
  width: 100%;
  min-height: clamp(230px, 20vw, 310px);
  border-radius: 26px 0 0 26px;
}

@media(max-width:900px) {
  .home-page .bogo-feature {
    grid-template-columns: 1fr;
    padding: 28px;
  }

  .home-page .bogo-copy {
    padding: 0 0 28px;
  }

  .home-page .bogo-placeholder {
    border-radius: 24px;
  }
}

/* BOGO placeholder optical alignment with hero image */
.home-page .bogo-placeholder {
  justify-self: end;
  width: calc(100% - clamp(48px, 4vw, 72px) - clamp(18px, 2vw, 34px));
  margin-right: clamp(18px, 2vw, 34px);
  border-radius: 24px;
}

@media(max-width:900px) {
  .home-page .bogo-placeholder {
    width: 100%;
    margin-right: 0;
  }
}

/* House Top Sellers polish */
.home-page .top-sellers .mini-product-card > .product-card-media-link,
.home-page .top-sellers .mini-product-card > img {
  display: block;
  width: 100%;
  height: 320px;
  margin: 0;
  overflow: hidden;
  background: #020303 !important;
}

.home-page .top-sellers .mini-product-card > .product-card-media-link img,
.home-page .top-sellers .mini-product-card > img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover !important;
  object-position: center;
  background: #020303 !important;
}

.home-page .top-sellers .mini-product-card .product-promo-label {
  display: inline-flex !important;
  margin: 16px 0 16px !important;
}

.home-page .top-sellers .mini-product-card .button.primary {
  min-height: 52px;
  margin-top: auto !important;
  border-color: var(--teal) !important;
  background: var(--teal) !important;
  color: var(--ink) !important;
}

@media (hover: hover) {
  .home-page .top-sellers .mini-product-card .button.primary:hover {
    border-color: #94e2e2 !important;
    background: #94e2e2 !important;
    color: var(--ink) !important;
  }
}

.home-page .top-sellers .mini-product-card .button.primary:active {
  border-color: #4eaaaa !important;
  background: #4eaaaa !important;
  color: var(--ink) !important;
}

@media (max-width: 800px) {
  .home-page .top-sellers .mini-product-card > .product-card-media-link,
  .home-page .top-sellers .mini-product-card > img {
    height: 280px;
  }
}

/* Why Choose Stasis + Research Without Guesswork */
.home-page .why-stasis {
  padding-block: clamp(96px, 10vw, 150px) clamp(74px, 8vw, 112px);
}

.home-page .why-stasis-header {
  width: min(760px, 100%);
  margin: 0 auto clamp(48px, 6vw, 76px);
  text-align: center;
}

.home-page .why-stasis-header .eyebrow,
.home-page .research-guesswork-panel .eyebrow {
  color: var(--teal);
}

.home-page .why-stasis-header h2 {
  max-width: 720px;
  margin: 20px auto 24px;
  color: var(--white);
  font-size: clamp(58px, 7vw, 100px);
  line-height: .9;
  text-wrap: balance;
}

.home-page .why-stasis-header p {
  max-width: 650px;
  margin: 0 auto;
  color: rgba(255, 255, 255, .62);
  font-size: 18px;
  line-height: 1.7;
}

.home-page .why-stasis-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.home-page .why-stasis-card {
  position: relative;
  isolation: isolate;
  min-height: clamp(500px, 46vw, 650px);
  overflow: hidden;
  border: 1px solid rgba(100, 198, 198, .22);
  border-radius: var(--radius-lg);
  background: #071013;
  color: var(--white);
  transition: transform .42s cubic-bezier(.22, 1, .36, 1), border-color .3s ease;
}

.home-page .why-stasis-card::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(0deg, rgba(3, 9, 12, .98) 0%, rgba(3, 9, 12, .83) 28%, rgba(3, 9, 12, .25) 62%, rgba(3, 9, 12, .04) 100%),
    linear-gradient(90deg, rgba(2, 8, 11, .18), transparent 70%);
}

.home-page .why-stasis-card > img {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .75s cubic-bezier(.22, 1, .36, 1), filter .4s ease;
}

.home-page .why-stasis-card:nth-child(1) > img { object-position: 58% center; }
.home-page .why-stasis-card:nth-child(2) > img { object-position: 50% center; }
.home-page .why-stasis-card:nth-child(3) > img { object-position: 48% center; }

.home-page .why-stasis-index {
  position: absolute;
  z-index: 2;
  top: 24px;
  right: 24px;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255, 255, 255, .52);
  border-radius: 15px;
  background: rgba(5, 14, 18, .28);
  color: var(--teal);
  font-size: 10px;
  letter-spacing: .12em;
  backdrop-filter: blur(12px);
}

.home-page .why-stasis-card > div {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  padding: clamp(28px, 3.4vw, 48px);
}

.home-page .why-stasis-card h3 {
  max-width: 360px;
  margin: 0 0 16px;
  color: var(--white);
  font-size: clamp(34px, 3.2vw, 48px);
  line-height: .92;
  letter-spacing: -.035em;
  text-transform: uppercase;
}

.home-page .why-stasis-card--statement h3 {
  font-size: clamp(30px, 2.65vw, 40px);
  line-height: .96;
}

.home-page .why-stasis-card p {
  max-width: 410px;
  margin: 0;
  color: rgba(255, 255, 255, .7);
  font-size: 14px;
  line-height: 1.65;
}

@media (hover: hover) {
  .home-page .why-stasis-card:hover {
    transform: translateY(-7px);
    border-color: rgba(100, 198, 198, .72);
  }

  .home-page .why-stasis-card:hover > img {
    transform: scale(1.045);
    filter: saturate(1.08);
  }
}

.home-page .research-guesswork-stasis {
  padding-bottom: clamp(96px, 10vw, 150px);
}

.home-page .research-guesswork-panel {
  position: relative;
  isolation: isolate;
  min-height: clamp(520px, 48vw, 680px);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  place-items: center;
  align-content: center;
  overflow: hidden;
  padding: clamp(48px, 8vw, 118px);
  border: 1px solid rgba(100, 198, 198, .32);
  border-radius: var(--radius-xl);
  background:
    radial-gradient(circle at center, rgba(3, 15, 20, .28), rgba(2, 8, 11, .88) 76%),
    linear-gradient(rgba(3, 12, 16, .38), rgba(3, 12, 16, .52)),
    url('../assets/home/why-stasis/research-without-guesswork.jpeg') center / cover no-repeat;
  color: var(--white);
  text-align: center;
}

.home-page .research-guesswork-panel > * {
  position: relative;
  z-index: 1;
  justify-self: center;
  text-align: center;
}

.home-page .research-guesswork-panel > .eyebrow {
  width: 100%;
}

.home-page .research-guesswork-panel::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: radial-gradient(circle at center, rgba(100, 198, 198, .08), transparent 55%);
  pointer-events: none;
}

.home-page .research-guesswork-panel h2 {
  width: min(980px, 100%);
  margin: 22px auto 24px;
  color: var(--white);
  font-size: clamp(62px, 8vw, 118px);
  line-height: .87;
  text-wrap: balance;
}

.home-page .research-guesswork-panel p {
  width: min(760px, 100%);
  margin: 0 auto 34px;
  color: rgba(255, 255, 255, .7);
  font-size: 17px;
  line-height: 1.7;
}

.home-page .research-guesswork-panel .button.primary {
  min-width: 190px;
  border-color: var(--teal) !important;
  background: var(--teal) !important;
  color: var(--ink) !important;
}

@media (hover: hover) {
  .home-page .research-guesswork-panel .button.primary:hover {
    border-color: var(--white) !important;
    background: var(--white) !important;
    color: var(--ink) !important;
  }
}

@media (max-width: 1000px) {
  .home-page .why-stasis-grid {
    grid-template-columns: 1fr;
  }

  .home-page .why-stasis-card {
    min-height: 620px;
  }

  .home-page .why-stasis-card > img {
    object-position: center 54%;
  }
}

@media (max-width: 680px) {
  .home-page .why-stasis {
    padding-block: 78px 58px;
  }

  .home-page .why-stasis-header {
    margin-bottom: 34px;
  }

  .home-page .why-stasis-header h2 {
    font-size: clamp(48px, 14vw, 66px);
  }

  .home-page .why-stasis-header p {
    font-size: 16px;
  }

  .home-page .why-stasis-card {
    min-height: 520px;
  }

  .home-page .why-stasis-card > div {
    padding: 28px;
  }

  .home-page .why-stasis-card h3 {
    font-size: 34px;
  }

  .home-page .research-guesswork-stasis {
    padding-bottom: 84px;
  }

  .home-page .research-guesswork-panel {
    min-height: 570px;
    padding: 48px 24px;
    border-radius: 26px;
    background-position: center;
  }

  .home-page .research-guesswork-panel h2 {
    font-size: clamp(48px, 14vw, 64px);
  }

  .home-page .research-guesswork-panel p {
    font-size: 15px;
  }

  .home-page .research-guesswork-panel .button.primary {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .why-stasis-card,
  .home-page .why-stasis-card > img {
    transform: none !important;
    transition: none !important;
  }
}

/* Open the catalog: dark Stasis campaign artwork */
.home-page .catalog-cta-card,
.home-page .catalog-cta-card.texture-white {
  position: relative;
  isolation: isolate;
  min-height: 420px;
  overflow: hidden;
  border: 1px solid rgba(100, 198, 198, .28);
  color: var(--white);
  background:
    linear-gradient(
      90deg,
      rgba(2, 7, 11, .96) 0%,
      rgba(2, 7, 11, .88) 34%,
      rgba(2, 7, 11, .58) 62%,
      rgba(2, 7, 11, .18) 100%
    ),
    url('../assets/home/open-catalog.jpeg') center / cover no-repeat !important;
}

.home-page .catalog-cta-card h2 {
  color: var(--white);
}

.home-page .catalog-cta-card p {
  color: rgba(255, 255, 255, .74) !important;
}

.home-page .catalog-cta-card .button.dark {
  border-color: var(--teal) !important;
  background: var(--teal) !important;
  color: var(--ink) !important;
}

@media (hover: hover) {
  .home-page .catalog-cta-card .button.dark:hover {
    border-color: var(--white) !important;
    background: var(--white) !important;
    color: var(--ink) !important;
  }
}

.home-page .catalog-cta-card .button.dark:active {
  border-color: #4db4b5 !important;
  background: #4db4b5 !important;
  transform: translateY(1px);
}

.home-page .catalog-cta-card .button.dark:focus-visible {
  outline: 2px solid var(--white);
  outline-offset: 4px;
}

@media (max-width: 800px) {
  .home-page .catalog-cta-card,
  .home-page .catalog-cta-card.texture-white {
    min-height: 390px;
    padding: 44px 28px;
    background:
      linear-gradient(
        90deg,
        rgba(2, 7, 11, .96) 0%,
        rgba(2, 7, 11, .86) 58%,
        rgba(2, 7, 11, .46) 100%
      ),
      url('../assets/home/open-catalog.jpeg') center / cover no-repeat !important;
  }
}

/* Research collections: stronger interactive response */
.home-page .collection-card {
  position: relative;
  isolation: isolate;
  transition:
    background-color .38s ease,
    border-color .38s ease,
    color .38s ease,
    transform .38s cubic-bezier(.22, 1, .36, 1);
}

.home-page .collection-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    radial-gradient(circle at 16% 12%, rgba(100, 198, 198, .18), transparent 38%),
    linear-gradient(135deg, rgba(100, 198, 198, .11), rgba(255, 255, 255, .025));
  opacity: 0;
  transform: scaleY(.82);
  transform-origin: bottom;
  transition:
    opacity .38s ease,
    transform .48s cubic-bezier(.22, 1, .36, 1);
}

.home-page .collection-card::after {
  content: "";
  position: absolute;
  top: -1px;
  left: 30px;
  right: 30px;
  height: 2px;
  background: var(--teal);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .48s cubic-bezier(.22, 1, .36, 1);
}

.home-page .collection-card .collection-icon,
.home-page .collection-card h3,
.home-page .collection-card p,
.home-page .collection-card footer,
.home-page .collection-card footer span {
  transition:
    color .3s ease,
    opacity .3s ease,
    transform .38s cubic-bezier(.22, 1, .36, 1);
}

@media (hover: hover) {
  .home-page .collection-card:hover {
    z-index: 1;
    border-color: rgba(100, 198, 198, .34);
    background-color: #111817;
    transform: translateY(-7px);
  }

  .home-page .collection-card:hover::before {
    opacity: 1;
    transform: scaleY(1);
  }

  .home-page .collection-card:hover::after {
    transform: scaleX(1);
  }

  .home-page .collection-card:hover .collection-icon {
    color: var(--teal);
    transform: translateY(-4px) scale(1.08);
  }

  .home-page .collection-card:hover h3 {
    color: var(--teal);
    transform: translateY(-3px);
  }

  .home-page .collection-card:hover p {
    color: rgba(255, 255, 255, .82);
  }

  .home-page .collection-card:hover footer {
    color: var(--teal);
  }

  .home-page .collection-card:hover footer span {
    transform: translateX(7px);
  }
}

.home-page .collection-card:focus-visible {
  z-index: 1;
  outline: 2px solid var(--teal);
  outline-offset: -2px;
  background-color: #111817;
}

.home-page .collection-card:focus-visible::before {
  opacity: 1;
  transform: scaleY(1);
}

.home-page .collection-card:focus-visible::after {
  transform: scaleX(1);
}

@media (prefers-reduced-motion: reduce) {
  .home-page .collection-card,
  .home-page .collection-card::before,
  .home-page .collection-card::after,
  .home-page .collection-card .collection-icon,
  .home-page .collection-card h3,
  .home-page .collection-card p,
  .home-page .collection-card footer,
  .home-page .collection-card footer span {
    transition: none !important;
    transform: none !important;
  }
}

/* Cart: high-contrast controls, promotion progress and BOGO picker */
.cart-drawer-panel,
.vial-picker-panel {
  background: #0d0d0c;
  color: var(--white);
}

.cart-drawer[popover],
.vial-picker[popover] {
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: transparent;
}

.cart-drawer[popover]::backdrop,
.vial-picker[popover]::backdrop {
  background: transparent;
}

.cart-drawer.is-open {
  visibility: visible !important;
  pointer-events: auto !important;
}

.cart-drawer.is-open .cart-drawer-panel {
  transform: translateX(0) !important;
}

.vial-picker {
  z-index: 1400 !important;
}

.vial-picker.is-open {
  visibility: visible !important;
  pointer-events: auto !important;
}

.vial-picker.is-open .vial-picker-panel {
  opacity: 1 !important;
  transform: none !important;
}

.cart-drawer-panel {
  top: 0;
  bottom: 0;
  height: 100vh;
  height: 100dvh;
  max-height: 100dvh;
  min-height: 0;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  overflow: hidden;
  border-left: 1px solid rgba(100, 198, 198, .28);
}

.cart-drawer-panel .mini-cart-items {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: var(--teal) #242423;
}

.cart-drawer-panel .drawer-promo-block {
  position: relative;
  z-index: 2;
  max-height: min(36dvh, 330px);
  overflow-y: auto;
  background: #0d0d0c;
}

.cart-item .quantity-control {
  min-height: 42px;
  border: 1px solid rgba(100, 198, 198, .58);
  background: rgba(100, 198, 198, .18);
}

.cart-item-image {
  border: 1px solid rgba(100, 198, 198, .24);
  background: #050606;
}

.cart-item .quantity-control button {
  width: 42px;
  height: 42px;
  border: 0 !important;
  background: transparent !important;
  color: var(--teal) !important;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}

.cart-item .quantity-control span {
  min-width: 38px;
  align-self: stretch;
  display: grid;
  place-items: center;
  background: var(--teal);
  color: var(--ink);
  font-size: 16px;
  font-weight: 600;
}

.product-detail-quantity .quantity-control {
  border-color: rgba(100, 198, 198, .58);
  background: rgba(100, 198, 198, .18);
}

.product-detail-quantity .quantity-control button {
  color: var(--teal) !important;
}

.product-detail-quantity .quantity-control strong {
  align-self: stretch;
  display: grid;
  place-items: center;
  min-width: 38px;
  background: var(--teal);
  color: var(--ink);
  font-size: 16px;
  font-weight: 600;
}

@media (hover: hover) {
  .cart-item .quantity-control button:hover {
    background: var(--teal) !important;
    color: var(--ink) !important;
    transform: none !important;
  }
}

.cart-item .quantity-control button:active {
  background: #4eaaaa !important;
  color: var(--ink) !important;
}

.drawer-promo-block .promo-progress,
.cart-promo-block .promo-progress {
  border: 1px solid rgba(100, 198, 198, .34);
  background: #191d1d;
}

.promo-progress-head {
  color: var(--white);
}

.promo-progress-track {
  height: 8px;
  background: rgba(255, 255, 255, .2);
}

.promo-progress-track span {
  width: var(--promo-progress, 0%);
  background: linear-gradient(90deg, #4eaaaa, var(--teal));
  animation: stasis-promo-progress .68s cubic-bezier(.22, 1, .36, 1) both;
}

@keyframes stasis-promo-progress {
  from { width: 0; }
  to { width: var(--promo-progress, 0%); }
}

.cart-drawer-panel > footer {
  position: relative;
  z-index: 3;
  flex: 0 0 auto;
  max-height: 48dvh;
  overflow-y: auto;
  border-color: rgba(13, 13, 12, .18);
  background: var(--teal);
  color: var(--ink);
}

.cart-drawer-subtotal {
  min-height: 46px;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(13, 13, 12, .22);
  color: var(--ink);
}

.cart-drawer-subtotal span,
.cart-drawer-subtotal strong {
  color: var(--ink);
}

.cart-drawer-actions .button.primary,
.cart-drawer-actions .checkout-button {
  border-color: var(--ink) !important;
  background: var(--ink) !important;
  color: var(--white) !important;
}

.cart-drawer-actions .button.secondary {
  border-color: rgba(13, 13, 12, .52) !important;
  background: transparent !important;
  color: var(--ink) !important;
}

.cart-drawer-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cart-drawer-actions .checkout-button {
  grid-column: auto;
}

@media (hover: hover) {
  .cart-drawer-actions .button.primary:hover,
  .cart-drawer-actions .checkout-button:hover {
    border-color: #302f2d !important;
    background: #302f2d !important;
  }

  .cart-drawer-actions .button.secondary:hover {
    border-color: var(--ink) !important;
    background: rgba(255, 255, 255, .3) !important;
    color: var(--ink) !important;
  }
}

.vial-picker-panel {
  border: 1px solid rgba(100, 198, 198, .24);
}

.vial-picker-panel > header,
.vial-picker-panel .prototype-note {
  border-color: var(--line);
  background: #0d0d0c;
}

.vial-picker-panel header p,
.vial-picker-panel .prototype-note {
  color: rgba(255, 255, 255, .62);
}

.vial-options {
  background: #121211;
  scrollbar-color: var(--teal) #242423;
}

.vial-option {
  border-color: rgba(255, 255, 255, .14);
  background: #1a1a19;
  color: var(--white);
}

.vial-option img {
  border: 1px solid rgba(100, 198, 198, .2);
  border-radius: 12px;
  background: #050606;
}

.vial-option h3 {
  color: var(--white);
}

.vial-option p {
  color: rgba(255, 255, 255, .62);
}

.vial-option .button:not(:disabled) {
  border-color: var(--teal) !important;
  background: var(--teal) !important;
  color: var(--ink) !important;
}

.vial-option .button:disabled {
  border-color: rgba(255, 255, 255, .12) !important;
  background: #292928 !important;
  color: rgba(255, 255, 255, .48) !important;
}

.vial-option.is-disabled {
  border-color: rgba(255, 255, 255, .08);
  background: #151514;
  opacity: .58;
}

.vial-option.is-disabled img {
  opacity: .58;
}

@media (hover: hover) {
  .vial-option:not(.is-disabled):hover {
    border-color: var(--teal);
    background: #202827;
    transform: translateY(-3px);
  }

  .vial-option .button:not(:disabled):hover {
    border-color: var(--white) !important;
    background: var(--white) !important;
    color: var(--ink) !important;
  }
}

@media (max-width: 480px) {
  .cart-drawer-panel > footer {
    padding-bottom: max(20px, env(safe-area-inset-bottom));
  }

  .vial-option {
    grid-template-columns: 76px minmax(0, 1fr);
    padding: 12px;
  }

  .vial-option img {
    width: 76px;
    height: 90px;
  }
}

@media (max-width: 400px) {
  .cart-drawer-actions {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .promo-progress-track span {
    animation: none;
  }
}

/* Checkout confirmation for successfully matched promotional vials */
[data-promotion-applied]:not(:empty) {
  margin: 16px 0;
}

.promotion-applied {
  position: relative;
  display: grid;
  gap: 3px;
  padding: 17px 18px 17px 58px;
  border: 1px solid rgba(100, 198, 198, .58);
  border-radius: 16px;
  background: rgba(100, 198, 198, .12);
  color: var(--white);
}

.promotion-applied::before {
  content: "✓";
  position: absolute;
  top: 18px;
  left: 18px;
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--teal);
  color: var(--ink);
  font-size: 14px;
  font-weight: 700;
}

.promotion-applied > span {
  color: var(--teal);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.promotion-applied > strong {
  color: var(--white);
  font-size: 15px;
  font-weight: 500;
}

.promotion-applied > p {
  margin: 3px 0 0;
  color: rgba(255, 255, 255, .68);
  font-size: 11px;
  line-height: 1.5;
}

.cart-drawer-panel > footer .promotion-applied {
  border-color: rgba(13, 13, 12, .42);
  background: var(--ink);
}

.cart-drawer-panel > footer .promotion-applied::before {
  background: var(--teal);
}

@media (max-width: 480px) {
  .promotion-applied {
    padding: 15px 15px 15px 52px;
  }

  .promotion-applied::before {
    top: 16px;
    left: 15px;
  }
}

/* Simplified cart drawer: products, reward status, total. */
.cart-drawer-panel{
  width:min(500px,100%);
  grid-template-rows:auto minmax(0,1fr) auto auto;
  background:#0b0b0c;
}
.cart-drawer-header{
  align-items:center;
  padding:22px 24px;
  border-bottom-color:#27272a;
}
/* The drawer lives outside main, so it needs the shared site font explicitly. */
.cart-drawer-panel,
.cart-drawer-panel *{font-family:var(--stasis-sf)!important}
.cart-drawer-header h2{margin:0;color:#f5f5f7;font-size:32px;font-weight:600;letter-spacing:-.045em}
.cart-drawer-header .icon-button{width:40px;height:40px;border:0;color:#c9c9cc;background:#1d1d20}
.cart-drawer-panel .mini-cart-items{padding:3px 24px 0}
.cart-drawer-panel .cart-item{
  grid-template-columns:64px minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  gap:5px 14px!important;
  padding:16px 0!important;
  border-bottom-color:#27272a;
}
.cart-drawer-panel .cart-item-image{grid-column:1;grid-row:1/3;width:64px;height:72px;border-color:#262a2b;border-radius:12px}
.cart-drawer-panel .cart-item-copy{grid-column:2;grid-row:1;align-self:center}
.cart-drawer-panel .cart-item-copy h2{margin:1px 0 3px;color:#f5f5f7;font-size:17px;line-height:1.1;letter-spacing:-.025em}
.cart-drawer-panel .cart-item-copy p{display:flex;flex-wrap:wrap;gap:3px 10px;margin:0;color:#828287;font-size:10px;line-height:1.35}
.cart-drawer-panel .cart-item-copy p span+span{position:relative;padding-left:10px}
.cart-drawer-panel .cart-item-copy p span+span::before{content:"·";position:absolute;left:0;color:#4c4c50}
.cart-drawer-panel .cart-item-kicker{display:block;margin-bottom:5px;color:#64c6c6;font-size:8px;font-weight:700;letter-spacing:.13em}
.cart-drawer-panel .cart-item .quantity-control{grid-column:3;grid-row:2;min-height:34px;justify-self:end;border-color:#33383a;border-radius:999px;background:#15191a}
.cart-drawer-panel .cart-item .quantity-control button{width:34px;height:34px;font-size:16px}
.cart-drawer-panel .cart-item .quantity-control span{min-width:34px;background:transparent;color:#f5f5f7;font-size:12px}
.cart-drawer-panel .cart-line-total{grid-column:3;grid-row:1;align-self:center;color:#f5f5f7;font-size:13px}
.cart-drawer-panel .cart-remove{grid-column:3;grid-row:2;align-self:center;color:#747479;font-size:9px;text-decoration:none}
.cart-drawer-panel .cart-item:not(.is-promo) .cart-remove{display:none}
.cart-drawer-panel .cart-item.is-promo{padding-left:0!important;border-left:0}
.cart-drawer-panel .cart-item.is-promo .cart-item-image{border-color:rgba(100,198,198,.34)}
.cart-drawer-panel .cart-item.is-promo .cart-line-total{color:#64c6c6;font-size:9px;font-weight:700;letter-spacing:.12em}
@media(hover:hover){
  .cart-drawer-panel .cart-remove:hover{color:#64c6c6}
  .cart-drawer-header .icon-button:hover{color:#fff;background:#2a2a2e}
}
.cart-drawer-panel .drawer-promo-block{
  max-height:none;
  overflow:visible;
  padding:15px 24px;
  border-top:1px solid #27272a;
  background:#0b0b0c;
}
.drawer-promo-block .promo-progress{padding:14px;border:0;border-radius:14px;background:#121718}
.drawer-promo-block .promo-progress-head{align-items:center;color:#f5f5f7;letter-spacing:0;text-transform:none}
.drawer-promo-block .promo-progress-head strong{font-size:12px;font-weight:600}
.drawer-promo-block .promo-progress-head span{color:#7d8587;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.drawer-promo-block .promo-progress-track{height:4px;margin:11px 0 13px;background:#2b3031}
.drawer-promo-block .promo-choose{min-height:38px!important;border-radius:999px!important;font-size:11px!important}
:is(.drawer-promo-block,.cart-promo-block) .promo-progress.is-complete{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:11px}
:is(.drawer-promo-block,.cart-promo-block) .promo-complete-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#071012;background:#64c6c6;font-size:12px;font-weight:800}
:is(.drawer-promo-block,.cart-promo-block) .promo-progress.is-complete>div:not(.promo-progress-track){display:grid;gap:4px;min-width:0;line-height:1.4}
:is(.drawer-promo-block,.cart-promo-block) .promo-progress.is-complete strong,.drawer-promo-block .promo-progress.is-locked strong{color:#f5f5f7;font-size:12px;font-weight:600}
:is(.drawer-promo-block,.cart-promo-block) .promo-progress.is-complete small,.drawer-promo-block .promo-progress.is-locked small{color:#858b8d;font-size:10px}
.drawer-promo-block .promo-progress.is-locked{display:grid;gap:3px}
.drawer-promo-block .promo-warning{grid-column:1/-1;margin:5px 0 0;color:#ffc3bc;font-size:10px}
.cart-drawer-panel>footer{
  max-height:none;
  overflow:visible;
  padding:18px 24px 22px;
  border-top:1px solid #27272a;
  background:#0f0f10;
  color:#f5f5f7;
}
.cart-drawer-subtotal{min-height:0;margin:0 0 14px;padding:0 0 14px;border-bottom-color:#29292d;color:#f5f5f7}
.cart-drawer-subtotal span{color:#a0a0a5;font-size:12px}
.cart-drawer-subtotal strong{color:#f5f5f7;font-size:23px}
.cart-drawer-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cart-drawer-actions .button{min-height:44px!important;border-radius:999px!important;font-size:11px!important}
.cart-drawer-actions .button.secondary{border-color:#38383c!important;background:transparent!important;color:#d3d3d6!important}
.cart-drawer-actions .checkout-button{grid-column:auto;border-color:#64c6c6!important;background:#64c6c6!important;color:#071012!important}
@media(hover:hover){
  .cart-drawer-actions .button.secondary:hover{border-color:#5c5c61!important;background:#171719!important;color:#fff!important}
  .cart-drawer-actions .checkout-button:hover{border-color:#7dd7d7!important;background:#7dd7d7!important;color:#071012!important}
}

@media(max-width:480px){
  .cart-drawer-header{padding:18px 20px}
  .cart-drawer-panel .mini-cart-items{padding-inline:20px}
  .cart-drawer-panel .drawer-promo-block,.cart-drawer-panel>footer{padding-inline:20px}
}

@media(max-width:350px){.cart-drawer-actions{grid-template-columns:1fr}}

/* Home spacing: tighter transition from catalog CTA into Why Choose Stasis */
.home-page .catalog-cta {
  padding-block: clamp(52px, 5vw, 72px) 28px;
}

.home-page .why-stasis {
  padding-block: 40px clamp(60px, 6vw, 84px);
}

.home-page .why-stasis-header {
  margin-bottom: clamp(36px, 4vw, 52px);
}

@media (max-width: 800px) {
  .home-page .catalog-cta {
    padding-block: 42px 22px;
  }

  .home-page .why-stasis {
    padding-block: 32px 52px;
  }

  .home-page .why-stasis-header {
    margin-bottom: 30px;
  }
}

/* Product promotion badge: spacing and hover/touch emphasis */
.product-card .product-promo-label,
.mini-product-card .product-promo-label,
.featured-compact-card .product-promo-label,
.strip-product-card .product-promo-label,
.embedded-product-card .product-promo-label {
  margin: 16px 0 20px !important;
  transition:
    color .25s ease,
    border-color .25s ease,
    background-color .25s ease,
    transform .32s cubic-bezier(.22, 1, .36, 1) !important;
  transform-origin: left center;
}

@media (hover: hover) {
  .product-card .product-promo-label:hover,
  .mini-product-card .product-promo-label:hover,
  .featured-compact-card .product-promo-label:hover,
  .strip-product-card .product-promo-label:hover,
  .embedded-product-card .product-promo-label:hover {
    border-color: var(--teal);
    background: var(--teal);
    color: var(--ink) !important;
    transform: translateY(-3px) scale(1.035);
  }
}

.product-card .product-promo-label.is-tapped,
.mini-product-card .product-promo-label.is-tapped,
.featured-compact-card .product-promo-label.is-tapped,
.strip-product-card .product-promo-label.is-tapped,
.embedded-product-card .product-promo-label.is-tapped {
  border-color: var(--teal);
  background: var(--teal);
  color: var(--ink) !important;
  transform: translateY(-3px) scale(1.035);
}

@media (prefers-reduced-motion: reduce) {
  .product-card .product-promo-label,
  .mini-product-card .product-promo-label,
  .featured-compact-card .product-promo-label,
  .strip-product-card .product-promo-label,
  .embedded-product-card .product-promo-label {
    transition: none !important;
    transform: none !important;
  }
}

/* Unified editorial hero offset: Catalog, Manifesto and Journal */
.catalog-page .catalog-hero,
.manifesto-page .manifesto-hero,
.journal-page .journal-hero {
  padding-top: 110px;
}

.manifesto-page .manifesto-hero {
  justify-content: flex-start;
}

@media (max-width: 800px) {
  .catalog-page .catalog-hero,
  .manifesto-page .manifesto-hero,
  .journal-page .journal-hero {
    padding-top: 80px;
  }
}

/* Account: dedicated staggered entrance and dashboard reveals */
.account-page.account-motion .account-enter,
.account-page.account-motion .account-scroll-enter {
  opacity: 0;
  transform: translate3d(0, 30px, 0);
  transition:
    opacity .7s ease var(--account-enter-delay, 0ms),
    transform .78s cubic-bezier(.22, 1, .36, 1) var(--account-enter-delay, 0ms) !important;
  will-change: opacity, transform;
}

.account-page.account-motion.account-entered .account-enter,
.account-page.account-motion .account-scroll-enter.account-in-view {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.account-page.account-motion .dashboard-stats article.account-scroll-enter {
  transform: translate3d(0, 26px, 0) scale(.975);
}

.account-page.account-motion .dashboard-stats article.account-scroll-enter.account-in-view {
  transform: translate3d(0, 0, 0) scale(1);
}

@media (max-width: 800px) {
  .account-page.account-motion .account-enter,
  .account-page.account-motion .account-scroll-enter {
    transform: translate3d(0, 22px, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .account-page .account-enter,
  .account-page .account-scroll-enter {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Catalog, Manifesto and Journal: deliberate page-entry sequence */
.editorial-enter-motion .editorial-enter {
  opacity: 0;
  transform: translate3d(0, 38px, 0);
  transition:
    opacity .78s ease var(--editorial-enter-delay, 0ms),
    transform .92s cubic-bezier(.22, 1, .36, 1) var(--editorial-enter-delay, 0ms) !important;
  will-change: opacity, transform;
}

.editorial-enter-motion .filter-row .editorial-enter {
  transform: translate3d(0, 24px, 0) scale(.96);
}

.editorial-enter-motion.editorial-entered .editorial-enter,
.editorial-enter-motion.editorial-entered .filter-row .editorial-enter {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

@media (max-width: 800px) {
  .editorial-enter-motion .editorial-enter {
    transform: translate3d(0, 28px, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .editorial-enter-motion .editorial-enter {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Smooth document navigation plus a guaranteed Catalog entrance */
@media (prefers-reduced-motion: no-preference) {
  body {
    animation: stasis-document-enter .5s cubic-bezier(.22, 1, .36, 1) both;
  }

  html.site-page-transitions body {
    transition:
      opacity .24s ease,
      transform .3s cubic-bezier(.4, 0, 1, 1);
  }

  html.site-page-transitions.page-leaving body {
    opacity: 0;
    transform: translate3d(0, -8px, 0);
  }

  .catalog-page .catalog-hero .eyebrow {
    animation: catalog-content-enter .7s cubic-bezier(.22, 1, .36, 1) .1s both;
  }

  .catalog-page .catalog-hero h1 {
    animation: catalog-content-enter .82s cubic-bezier(.22, 1, .36, 1) .19s both;
  }

  .catalog-page .catalog-hero > p {
    animation: catalog-content-enter .82s cubic-bezier(.22, 1, .36, 1) .31s both;
  }

  .catalog-page .filter-shell {
    animation: catalog-content-enter .76s cubic-bezier(.22, 1, .36, 1) .42s both;
  }

  .catalog-page .filter-row button {
    animation: catalog-filter-enter .64s cubic-bezier(.22, 1, .36, 1) both;
  }

  .catalog-page .filter-row button:nth-child(1) { animation-delay: .48s; }
  .catalog-page .filter-row button:nth-child(2) { animation-delay: .55s; }
  .catalog-page .filter-row button:nth-child(3) { animation-delay: .62s; }
  .catalog-page .filter-row button:nth-child(4) { animation-delay: .69s; }
  .catalog-page .filter-row button:nth-child(5) { animation-delay: .76s; }
}

@keyframes stasis-document-enter {
  from {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes catalog-content-enter {
  from {
    opacity: 0;
    transform: translate3d(0, 36px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes catalog-filter-enter {
  from {
    opacity: 0;
    transform: translate3d(0, 20px, 0) scale(.96);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

/* Sitewide section sequencing: text, media, cards and badges */
.reveal-enhanced .reveal-item {
  opacity: 0;
  transform: translate3d(0, 34px, 0);
  transition:
    opacity .76s ease var(--reveal-delay, 0ms),
    transform .86s cubic-bezier(.22, 1, .36, 1) var(--reveal-delay, 0ms) !important;
  will-change: opacity, transform;
}

.reveal-enhanced .reveal-item.reveal-card {
  transform: translate3d(0, 42px, 0) scale(.982);
}

.reveal-enhanced .reveal-item.reveal-media {
  transform: translate3d(0, 26px, 0) scale(.965);
}

.reveal-enhanced .reveal-item.reveal-badge {
  transform: translate3d(0, 15px, 0);
}

.reveal-enhanced .reveal-item.is-revealed,
.reveal-enhanced .reveal-item.reveal-card.is-revealed,
.reveal-enhanced .reveal-item.reveal-media.is-revealed,
.reveal-enhanced .reveal-item.reveal-badge.is-revealed {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

@media (max-width: 800px) {
  .reveal-enhanced .reveal-item {
    transform: translate3d(0, 26px, 0);
  }

  .reveal-enhanced .reveal-item.reveal-card,
  .reveal-enhanced .reveal-item.reveal-media {
    transform: translate3d(0, 30px, 0) scale(.985);
  }
}

@media (prefers-reduced-motion: reduce) {
  .reveal-enhanced .reveal-item,
  .reveal-enhanced .reveal-item.reveal-card,
  .reveal-enhanced .reveal-item.reveal-media,
  .reveal-enhanced .reveal-item.reveal-badge {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Home hero: turquoise secondary action */
.home-page .home-hero .standard-button {
  background: var(--teal) !important;
  border-color: var(--teal) !important;
  color: var(--ink) !important;
}

.home-page .home-hero .standard-button:focus-visible {
  outline: 3px solid rgba(100, 198, 198, .42);
  outline-offset: 4px;
}

.home-page .home-hero .standard-button:active {
  background: #4fb4b6 !important;
  border-color: #4fb4b6 !important;
  transform: translateY(0) scale(.98);
}

@media (hover: hover) {
  .home-page .home-hero .standard-button:hover {
    background: #83d8d8 !important;
    border-color: #83d8d8 !important;
    color: var(--ink) !important;
  }
}

/* DJI-inspired navigation: one quiet bar, adapted to Stasis. */
.sticky-site-chrome{
  background:#fff;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.sticky-site-chrome .site-header,
.site-header.stasis-sunday-header{
  height:64px;
  padding:0;
  color:#1d1d1f;
  background:#fff;
  border-bottom:1px solid #e8e8e8;
}
.stasis-sunday-header .header-shell{
  width:min(1220px,calc(100% - 40px));
  height:64px;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:16px;
  background:transparent;
  border:0;
  box-shadow:none;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Arial,sans-serif;
}
.stasis-header-left,
.stasis-header-actions{
  height:64px;
  border:0;
  border-radius:0;
  background:transparent;
}
.stasis-header-left{padding:0}
.stasis-header-left .brand{
  width:118px;
  flex-basis:118px;
  margin-right:34px;
}
.stasis-header-left .brand img{
  width:108px;
  filter:none;
}
.stasis-header-left .desktop-nav{gap:30px}
.stasis-header-left .desktop-nav a{
  padding:23px 0 21px;
  color:#4d4d4f;
  font-family:inherit;
  font-size:12px;
  font-weight:500;
  letter-spacing:0;
  text-transform:none;
}
.stasis-header-left .desktop-nav a:hover,
.stasis-header-left .desktop-nav a[aria-current=page]{color:#000}
.stasis-header-left .desktop-nav a[aria-current=page]::after{
  bottom:7px;
  height:2px;
  background:var(--teal);
}
.stasis-header-actions{
  gap:5px;
  padding:0;
}
.stasis-header-icon{
  width:42px;
  height:42px;
  flex-basis:42px;
  color:#1d1d1f;
  border-radius:50%;
}
.stasis-header-icon svg{width:19px;height:19px;stroke-width:1.55}
.stasis-header-icon:hover,
.stasis-header-icon:focus-visible{
  color:#000;
  background:#f2f2f2;
}
.stasis-cart-count{
  top:1px;
  right:-1px;
  border-color:#fff;
  color:#fff!important;
  background:#43aaa9!important;
}

/* DJI-style search takeover with Stasis product imagery. */
.stasis-search-overlay{
  inset:44px 0 0;
  display:block;
  padding:0;
  overflow:auto;
  background:rgba(8,18,22,.78);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Arial,sans-serif;
}
.stasis-search-panel{
  width:100%;
  padding:0;
  border:0;
  border-radius:0;
  color:#1d1d1f;
  background:transparent;
  box-shadow:none;
  transform:translateY(-12px);
}
.stasis-search-overlay.is-open .stasis-search-panel{transform:none}
.stasis-search-topline{
  height:64px;
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:28px;
  align-items:center;
  width:100%;
  padding:0 max(24px,calc((100vw - 1220px)/2));
  background:#fff;
  border-bottom:1px solid #ededed;
}
.stasis-search-brand{display:flex;align-items:center}
.stasis-search-brand img{width:108px;filter:none}
.stasis-search-form{
  width:100%;
  height:64px;
  display:grid;
  grid-template-columns:24px minmax(0,1fr) 48px;
  gap:12px;
  align-items:center;
  padding:0;
  border:0;
  border-radius:0;
  background:#fff;
}
.stasis-search-form>svg{
  width:21px;
  stroke:#1d1d1f;
  stroke-width:1.6;
}
.stasis-search-form input{
  height:62px;
  color:#1d1d1f;
  font-family:inherit;
  font-size:16px;
  font-weight:400;
}
.stasis-search-form input::placeholder{color:#707074}
.stasis-search-close{
  position:relative;
  width:44px;
  height:44px;
  border-radius:0;
  color:#1d1d1f;
  background:transparent;
}
.stasis-search-close span::before,
.stasis-search-close span::after{
  content:"";
  position:absolute;
  top:21px;
  left:11px;
  width:22px;
  height:1px;
  background:currentColor;
}
.stasis-search-close span::before{transform:rotate(45deg)}
.stasis-search-close span::after{transform:rotate(-45deg)}
.stasis-search-close:hover{background:#f2f2f2}
.stasis-search-results-shell{
  width:min(760px,calc(100% - 40px));
  margin:0 auto;
  color:#1d1d1f;
  background:#fff;
  border-radius:0 0 10px 10px;
  box-shadow:0 24px 60px rgba(0,0,0,.18);
  overflow:hidden;
}
.stasis-search-results{
  display:grid;
  margin:0;
  padding:24px 48px 30px;
}
.stasis-search-result-heading{
  padding:0 0 12px;
  border-bottom:1px solid #ececec;
}
.stasis-search-result-heading span{
  color:#77777b;
  font-family:inherit;
  font-size:12px;
  font-weight:500;
  letter-spacing:.04em;
}
.stasis-search-result-heading small{color:#9a9a9d;font-size:11px}
.stasis-search-result{
  grid-template-columns:68px minmax(0,1fr) auto;
  gap:18px;
  padding:12px 4px;
  border-top:0;
  border-bottom:1px solid #eeeeef;
  color:#1d1d1f;
}
.stasis-search-result:last-child{border-bottom:0}
.stasis-search-result:hover{background:#f7f7f8}
.stasis-search-result-image{
  width:68px;
  height:68px;
  background:#f4f4f4;
  border-radius:6px;
}
.stasis-search-result strong{
  color:#111;
  font-family:inherit;
  font-size:16px;
  font-weight:500;
}
.stasis-search-result small{
  color:#717176;
  font-family:inherit;
  font-size:11px;
  letter-spacing:0;
  text-transform:none;
}
.stasis-search-result i{color:#43aaa9;font-size:18px}

@media(max-width:800px){
  .sticky-site-chrome .site-header,
  .site-header.stasis-sunday-header{height:58px;padding:0}
  .stasis-sunday-header .header-shell{
    width:calc(100% - 28px);
    height:58px;
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:4px;
  }
  .stasis-header-left{height:58px;padding:0}
  .stasis-header-left .brand{width:100px;flex-basis:100px;margin:0}
  .stasis-header-left .brand img{width:96px}
  .stasis-header-actions{height:58px}
  .stasis-menu-trigger{
    width:42px;
    height:42px;
    flex-basis:42px;
    color:#1d1d1f;
    background:transparent;
    border:0;
  }
  .stasis-sunday-header .mobile-menu{
    top:58px;
    right:0;
    left:0;
    padding:16px 24px 22px;
    border:0;
    border-top:1px solid #ececec;
    border-radius:0;
    color:#1d1d1f;
    background:#fff;
    box-shadow:0 22px 45px rgba(0,0,0,.12);
  }
  .stasis-sunday-header .mobile-menu a{
    color:#1d1d1f;
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
    font-size:18px;
    border-color:#ececec;
  }
  .stasis-search-overlay{inset:40px 0 0}
  .stasis-search-topline{
    height:58px;
    grid-template-columns:100px minmax(0,1fr);
    gap:12px;
    padding:0 18px;
  }
  .stasis-search-brand img{width:92px}
  .stasis-search-form{height:58px;grid-template-columns:20px minmax(0,1fr) 42px;gap:8px}
  .stasis-search-form input{height:56px;font-size:14px}
  .stasis-search-results-shell{width:calc(100% - 24px)}
  .stasis-search-results{padding:20px 22px 24px}
}

@media(max-width:520px){
  .stasis-header-actions .stasis-header-icon[href]{display:none}
  .stasis-search-topline{grid-template-columns:74px minmax(0,1fr);padding:0 12px}
  .stasis-search-brand img{width:70px}
  .stasis-search-form input{font-size:13px}
  .stasis-search-result{grid-template-columns:56px minmax(0,1fr) auto;gap:12px}
  .stasis-search-result-image{width:56px;height:56px}
  .stasis-search-result strong{font-size:15px}
}

/* Header correction: true local SF Pro, clearer Apple gray, and clean focus. */
@font-face{
  font-family:"Stasis SF Pro";
  src:local("SF Pro Text"),local("SF Pro Display"),local("SFUIText-Regular"),local("SFUIDisplay-Regular");
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}
:root{--stasis-sf:"Stasis SF Pro","SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}

.announcement-bar{
  height:48px;
  background:#2c2c2e;
  font-family:var(--stasis-sf)!important;
  font-size:14px!important;
  font-weight:400;
  letter-spacing:-.014em;
}
.announcement-offer,
.announcement-offer *{font-family:var(--stasis-sf)!important}
.announcement-offer strong{font-weight:650}
.announcement-offer b{font-weight:550}

.stasis-sunday-header .header-shell,
.stasis-sunday-header .desktop-nav,
.stasis-sunday-header .desktop-nav a,
.stasis-sunday-header .stasis-header-actions,
.stasis-sunday-header button,
.stasis-search-overlay,
.stasis-search-overlay input,
.stasis-search-overlay button,
.stasis-search-overlay a,
.stasis-search-overlay span,
.stasis-search-overlay strong,
.stasis-search-overlay small{
  font-family:var(--stasis-sf)!important;
}
.stasis-header-left .desktop-nav a{font-size:13px;font-weight:500}

.stasis-account-trigger svg{
  width:21px;
  height:21px;
  overflow:visible;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
}
.stasis-account-trigger svg circle,
.stasis-account-trigger svg path{
  fill:none!important;
  stroke:currentColor!important;
  vector-effect:non-scaling-stroke;
}

.stasis-search-overlay{inset:48px 0 0}
.stasis-search-form,
.stasis-search-form:focus-within{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.stasis-search-form input,
.stasis-search-form input:hover,
.stasis-search-form input:focus,
.stasis-search-form input:focus-visible{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:#fff!important;
}
.stasis-search-topline{border-bottom:1px solid #e5e5e7}
.stasis-search-form input{font-size:17px;font-weight:400;letter-spacing:-.012em}
.stasis-search-close,
.stasis-search-close:hover,
.stasis-search-close:focus-visible{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.stasis-search-close:focus-visible{background:#f2f2f2}
.stasis-search-results-shell{border:1px solid #e4e4e6;border-top:0}
.stasis-search-result-heading span{font-size:13px;font-weight:500}
.stasis-search-result strong{font-size:17px;font-weight:500}
.stasis-search-result small{font-size:12px;font-weight:400}

@media(max-width:800px){
  .announcement-bar{height:44px;font-size:12px!important}
  .stasis-search-overlay{inset:44px 0 0}
  .stasis-header-left .desktop-nav a{font-size:12px}
}

@media(max-width:520px){
  .announcement-bar{font-size:11px!important}
  .announcement-offer{padding-left:13px}
  .stasis-search-form input{font-size:14px}
}

/* Full-bleed Stasis BOGO campaign, adapted from the Sunday composition. */
.home-page .bogo-feature.bogo-video-hero{
  position:relative!important;
  left:50%!important;
  width:100vw!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:2057 / 765;
  margin:0 0 34px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#03151d!important;
  transform:translateX(-50%);
}
.home-page .bogo-video-media{
  opacity:1!important;
  background-color:#03151d!important;
  background-image:url('../assets/home/stasis-illumineuro-banner-v2.webp')!important;
  background-position:center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  animation:stasis-campaign-image-in .9s ease-out both!important;
}
.home-page .bogo-video{display:block!important}
.home-page .bogo-video-overlay{
  background:
    linear-gradient(90deg,rgba(1,13,18,.42) 0%,rgba(1,13,18,.22) 32%,rgba(1,13,18,.04) 60%,transparent 76%),
    linear-gradient(0deg,rgba(0,9,13,.08),transparent 48%)!important;
}
.home-page .bogo-video-hero .bogo-copy{
  position:relative!important;
  z-index:2!important;
  width:min(1220px,calc(100% - 80px))!important;
  max-width:none!important;
  margin:auto!important;
  padding:clamp(64px,8vw,126px) 0!important;
  color:#fff!important;
}
.home-page .bogo-video-hero .bogo-copy>span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  margin:0 0 28px!important;
  padding:0 14px!important;
  border:1px solid rgba(255,255,255,.44)!important;
  border-radius:999px!important;
  color:#fff!important;
  font-family:var(--stasis-sf)!important;
  font-size:11px!important;
  font-weight:650!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.home-page .bogo-video-hero .bogo-copy>h2{
  max-width:650px!important;
  margin:0 0 24px!important;
  color:#fff!important;
  font-family:var(--serif)!important;
  font-size:clamp(66px,6.4vw,106px)!important;
  font-weight:400!important;
  letter-spacing:-.045em!important;
  line-height:.86!important;
}
.home-page .bogo-video-hero .bogo-copy>h2 span{display:block!important}
.home-page .bogo-video-hero .bogo-copy>p{
  max-width:610px!important;
  margin:0 0 9px!important;
  color:rgba(255,255,255,.9)!important;
  font-family:var(--stasis-sf)!important;
  font-size:17px!important;
  font-weight:500!important;
  line-height:1.45!important;
}
body.home-page.coastal-luxury .bogo-video-hero .bogo-copy>p.bogo-disclaimer{
  margin-bottom:24px!important;
  color:rgba(255,255,255,.5)!important;
  font-size:11px!important;
  font-weight:400!important;
}
.home-page .bogo-video-hero .bogo-copy>.button,
.home-page .bogo-video-hero .bogo-copy>.button.primary{
  min-width:132px!important;
  min-height:52px!important;
  padding:0 26px!important;
  border:1px solid #fff!important;
  border-radius:999px!important;
  color:#092029!important;
  background:#fff!important;
  font-family:var(--stasis-sf)!important;
  font-size:14px!important;
  font-weight:650!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
@media(hover:hover){
  .home-page .bogo-video-hero .bogo-copy>.button:hover,
  .home-page .bogo-video-hero .bogo-copy>.button.primary:hover{
    border-color:var(--teal)!important;
    background:var(--teal)!important;
    transform:translateY(-2px)!important;
  }
}
@keyframes stasis-campaign-image-in{
  from{opacity:.35;transform:scale(1.025)}
  to{opacity:1;transform:scale(1)}
}

@media(max-width:900px){
  .home-page .bogo-feature.bogo-video-hero{
    height:auto!important;
    aspect-ratio:auto;
    min-height:650px!important;
    margin-bottom:26px!important;
  }
  .home-page .bogo-video-media{
    background-position:center top!important;
    background-size:contain!important;
  }
  .home-page .bogo-video-overlay{
    background:
      linear-gradient(90deg,rgba(1,13,18,.97) 0%,rgba(1,13,18,.88) 42%,rgba(1,13,18,.35) 78%,rgba(1,13,18,.12) 100%),
      linear-gradient(0deg,rgba(0,9,13,.28),transparent 58%)!important;
  }
  .home-page .bogo-video-hero .bogo-copy{
    width:calc(100% - 48px)!important;
    padding:70px 0!important;
  }
  .home-page .bogo-video-hero .bogo-copy>h2{font-size:clamp(54px,10vw,82px)!important}
}

@media(max-width:600px){
  .home-page .bogo-feature.bogo-video-hero{
    align-items:flex-end!important;
    min-height:690px!important;
  }
  .home-page .bogo-video-media{
    background-position:center top!important;
    background-size:contain!important;
  }
  .home-page .bogo-video-overlay{
    background:
      linear-gradient(0deg,rgba(1,13,18,.99) 0%,rgba(1,13,18,.93) 45%,rgba(1,13,18,.44) 76%,rgba(1,13,18,.08) 100%),
      linear-gradient(90deg,rgba(1,13,18,.5),transparent 90%)!important;
  }
  .home-page .bogo-video-hero .bogo-copy{
    width:calc(100% - 36px)!important;
    padding:270px 0 42px!important;
  }
  .home-page .bogo-video-hero .bogo-copy>span{margin-bottom:18px!important}
  .home-page .bogo-video-hero .bogo-copy>h2{
    max-width:430px!important;
    margin-bottom:20px!important;
    font-size:clamp(47px,14vw,68px)!important;
    line-height:.88!important;
  }
  .home-page .bogo-video-hero .bogo-copy>p{font-size:15px!important}
  .home-page .bogo-video-hero .bogo-copy>.button{width:auto!important}
}

@media(prefers-reduced-motion:reduce){
  .home-page .bogo-video-media{animation:none!important}
}

/* Home header: visually continuous with the campaign image at the top,
   then restored to the standard white navigation after scrolling. */
.home-page .sticky-site-chrome.home-image-chrome{
  height:44px;
  background:transparent;
}
.home-page .home-image-chrome .site-header.stasis-sunday-header{
  position:absolute;
  top:100%;
  right:0;
  left:0;
  color:#fff;
  background:transparent;
  border-bottom-color:transparent;
  transition:background-color .24s ease,border-color .24s ease,color .24s ease,box-shadow .24s ease;
}
.home-page .home-image-chrome:not(.is-scrolled) .stasis-header-left .brand img{
  filter:invert(1);
}
.home-page .home-image-chrome:not(.is-scrolled) .stasis-header-left .desktop-nav a{
  color:rgba(255,255,255,.78);
}
.home-page .home-image-chrome:not(.is-scrolled) .stasis-header-left .desktop-nav a:hover,
.home-page .home-image-chrome:not(.is-scrolled) .stasis-header-left .desktop-nav a[aria-current=page]{
  color:#fff;
}
.home-page .home-image-chrome:not(.is-scrolled) .stasis-header-icon,
.home-page .home-image-chrome:not(.is-scrolled) .stasis-menu-trigger{
  color:#fff;
  background:transparent;
}
.home-page .home-image-chrome:not(.is-scrolled) .stasis-header-icon:hover,
.home-page .home-image-chrome:not(.is-scrolled) .stasis-header-icon:focus-visible,
.home-page .home-image-chrome:not(.is-scrolled) .stasis-menu-trigger:hover,
.home-page .home-image-chrome:not(.is-scrolled) .stasis-menu-trigger:focus-visible{
  color:#fff;
  background:rgba(255,255,255,.12);
}
.home-page .home-image-chrome:not(.is-scrolled) .stasis-cart-count{
  border-color:#07303a;
}
.home-page .home-image-chrome.is-scrolled .site-header.stasis-sunday-header{
  color:#1d1d1f;
  background:#fff;
  border-bottom-color:#e8e8e8;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
}

@media(max-width:800px){
  .home-page .sticky-site-chrome.home-image-chrome{height:44px}
  .home-page .home-image-chrome:not(.is-scrolled) .stasis-sunday-header .mobile-menu{
    color:#1d1d1f;
    background:#fff;
  }
  .home-page .home-image-chrome:not(.is-scrolled) .stasis-sunday-header .mobile-menu a{
    color:#1d1d1f;
    border-color:#ececec;
  }
}

@media(prefers-reduced-motion:reduce){
  .home-page .home-image-chrome .site-header.stasis-sunday-header{transition:none}
}

/* Final order banner: warm campaign image with main-hero typography. */
.home-page .home-final-batch{
  position:relative;
  left:50%;
  width:100vw;
  max-width:none;
  /* Crop a little from the top and bottom while keeping the shell and vial in frame. */
  aspect-ratio:2033 / 773;
  display:grid;
  margin:52px 0 0;
  overflow:hidden;
  color:#fff;
  background-color:#8d4d1f;
  background-image:url('../assets/home/stasis-final-order-banner.webp?v=3');
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  transform:translateX(-50%);
}
.home-page .home-final-batch::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background:
    linear-gradient(90deg,rgba(31,12,2,.7) 0%,rgba(31,12,2,.52) 31%,rgba(31,12,2,.16) 62%,rgba(31,12,2,.02) 100%),
    linear-gradient(0deg,rgba(26,9,1,.22),transparent 48%);
  pointer-events:none;
}
.home-page .home-final-batch-inner{
  position:relative;
  z-index:1;
  width:min(1540px,calc(100% - 80px));
  height:100%;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  align-items:center;
  margin:0 auto;
}
.home-page .home-final-batch-copy{
  grid-column:1;
  width:min(100%,720px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:clamp(62px,7vw,130px) clamp(42px,5vw,92px) clamp(58px,6vw,116px) 0;
  text-align:left;
}
.home-page .home-final-batch-copy>span{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  margin-bottom:24px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.4);
  border-radius:999px;
  color:#fff;
  font-family:var(--stasis-sf);
  font-size:10px;
  font-weight:650;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.home-page .home-final-batch-copy h2{
  max-width:720px;
  margin:0 0 24px;
  color:#fff;
  font-family:var(--stasis-sf);
  font-size:clamp(58px,5.6vw,108px);
  font-weight:720;
  letter-spacing:-.07em;
  line-height:.86;
  text-wrap:balance;
}
.home-page .home-final-batch-copy p{
  max-width:570px;
  margin:0 0 28px;
  color:rgba(255,255,255,.84);
  font-family:var(--stasis-sf);
  font-size:16px;
  line-height:1.5;
}
.home-page .home-final-batch-copy .button{
  min-height:50px;
  margin-bottom:32px;
  padding:0 25px;
  border:1px solid rgba(255,239,215,.46)!important;
  border-radius:999px;
  color:#fff8ed!important;
  background:rgba(224,196,156,.2)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.18);
  backdrop-filter:blur(18px) saturate(1.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -1px 0 rgba(88,43,14,.12),
    0 12px 30px rgba(47,20,5,.18);
  font-family:var(--stasis-sf);
  font-size:13px;
  font-weight:650;
  letter-spacing:0;
  text-transform:none;
  transition:
    color .28s ease,
    background-color .28s ease,
    border-color .28s ease,
    box-shadow .32s ease,
    transform .38s cubic-bezier(.22,1,.36,1);
}
.home-page .home-final-batch-copy small{
  color:rgba(255,255,255,.82);
  font-family:var(--stasis-sf);
  font-size:13px;
  font-weight:500;
  line-height:1.5;
}
@media(hover:hover){
  .home-page .home-final-batch-copy .button:hover{
    border-color:rgba(255,246,229,.92)!important;
    color:#2f1a0c!important;
    background:rgba(239,215,180,.92)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.54),
      0 17px 38px rgba(53,24,8,.25),
      0 0 0 5px rgba(239,215,180,.1);
    transform:translateY(-3px) scale(1.018);
  }
}
.home-page .home-final-batch-copy .button:focus-visible{
  outline:2px solid #f3d8af;
  outline-offset:4px;
}

@media(max-width:900px){
  .home-page .home-final-batch{
    min-height:760px;
    aspect-ratio:auto;
    background-position:70% center;
    background-size:auto 100%;
  }
  .home-page .home-final-batch::before{background:linear-gradient(90deg,rgba(31,12,2,.82),rgba(31,12,2,.42) 70%,rgba(31,12,2,.16)),linear-gradient(0deg,rgba(20,7,1,.48),transparent 60%)}
  .home-page .home-final-batch-inner{
    width:calc(100% - 48px);
    grid-template-columns:1fr;
    align-items:center;
  }
  .home-page .home-final-batch-copy{
    grid-column:1;
    width:min(100%,650px);
    padding:96px 0 70px;
  }
  .home-page .home-final-batch-copy h2{font-size:clamp(48px,9vw,72px)}
}

@media(max-width:560px){
  .home-page .home-final-batch{min-height:700px;margin-top:34px}
  .home-page .home-final-batch-inner{width:calc(100% - 36px)}
  .home-page .home-final-batch-copy{padding:86px 0 42px}
  .home-page .home-final-batch-copy>span{margin-bottom:18px}
  .home-page .home-final-batch-copy h2{margin-bottom:20px;font-size:clamp(44px,13vw,62px)}
  .home-page .home-final-batch-copy p{font-size:14px}
  .home-page .home-final-batch-copy .button{margin-bottom:24px}
}

/* Apple-informed evolution: restrained black surfaces, SF hierarchy and focused motion. */
:root{
  --paper:#000;
  --surface:#101010;
  --surface-raised:#171717;
  --line:rgba(255,255,255,.14);
  --muted:rgba(255,255,255,.62);
  --serif:Georgia,"Times New Roman",serif;
  --shell:min(1280px,calc(100% - 64px));
}
html{background:#000}
body,
button,input,select,textarea{font-family:var(--stasis-sf)}
body{background:#000;color:#f5f5f7;font-size:16px;letter-spacing:-.012em}
main h1,main h2,main h3{
  font-family:var(--stasis-sf);
  font-weight:600;
  letter-spacing:-.052em;
  text-wrap:balance;
}
main h1{font-size:clamp(62px,8vw,120px);line-height:.88}
main h2{font-size:clamp(48px,6vw,88px);line-height:.92}
main h3{letter-spacing:-.035em}
.eyebrow{color:#64c6c6;font-size:11px;font-weight:600;letter-spacing:.13em}

.announcement-bar{color:#f5f5f7;background:#1d1d1f;border:0}
.sticky-site-chrome{background:#000}
.sticky-site-chrome .site-header,
.site-header.stasis-sunday-header{
  color:#f5f5f7;
  background:#050505;
  border-bottom-color:#242424;
}
.stasis-header-left .brand img{filter:invert(1)}
.stasis-header-left .desktop-nav a,
.stasis-header-left .desktop-nav a:hover,
.stasis-header-left .desktop-nav a[aria-current=page]{color:#f5f5f7}
.stasis-header-icon{color:#f5f5f7}
.stasis-header-icon:hover,.stasis-header-icon:focus-visible{color:#fff;background:#202022}
.stasis-cart-count{border-color:#050505}
.home-page .home-image-chrome.is-scrolled .site-header.stasis-sunday-header{
  color:#f5f5f7;
  background:rgba(5,5,5,.98);
  border-bottom-color:#242424;
  box-shadow:0 8px 28px rgba(0,0,0,.28);
}
.home-page .home-image-chrome.is-scrolled .stasis-header-left .brand img{filter:invert(1)}
.home-page .home-image-chrome.is-scrolled .stasis-header-left .desktop-nav a{color:#f5f5f7}
.home-page .home-image-chrome.is-scrolled .stasis-header-icon{color:#f5f5f7}

.stasis-search-overlay{background:rgba(0,0,0,.82)}
.stasis-search-topline,.stasis-search-form,.stasis-search-results-shell{color:#f5f5f7;background:#0b0b0c}
.stasis-search-topline{border-bottom-color:#28282a}
.stasis-search-brand img{filter:invert(1)}
.stasis-search-form>svg{stroke:#f5f5f7}
.stasis-search-form input{color:#f5f5f7;background:#0b0b0c}
.stasis-search-form input::placeholder{color:#85858a}
.stasis-search-close{color:#f5f5f7}
.stasis-search-close:hover,.stasis-search-result:hover{background:#19191b}
.stasis-search-result{color:#f5f5f7;border-bottom-color:#28282a}
.stasis-search-result strong{color:#fff}
.stasis-search-result small,.stasis-search-result-heading span{color:#98989d}

.button,
.filter-row button{
  min-height:46px;
  padding-inline:22px;
  border-radius:999px;
  font-family:var(--stasis-sf);
  font-size:13px;
  font-weight:600;
  letter-spacing:-.01em;
  box-shadow:none;
  transition:transform .28s cubic-bezier(.22,1,.36,1),background-color .25s ease,border-color .25s ease,color .25s ease;
}
.button.primary,.button.dark,.form-panel button{color:#061719;background:#64c6c6;border-color:#64c6c6}
.button.secondary{color:#f5f5f7;background:#1d1d1f;border-color:#3a3a3c;-webkit-backdrop-filter:none;backdrop-filter:none}
@media(hover:hover){
  .button:hover{transform:scale(1.025);box-shadow:none}
  .button.primary:hover,.button.dark:hover{color:#061719;background:#82d8d6;border-color:#82d8d6}
}

/* Shop: quieter information hierarchy and product-led cards. */
.catalog-page .catalog-hero{min-height:430px;padding-top:96px;border-bottom:1px solid #232323}
.catalog-page .catalog-hero h1{margin-top:18px}
.catalog-page .catalog-hero>p{color:#a1a1a6;font-size:17px;line-height:1.55}
.catalog-page .filter-shell{top:108px;background:rgba(0,0,0,.94);border-bottom:1px solid #202020;-webkit-backdrop-filter:none;backdrop-filter:none}
.catalog-page .filter-row button{color:#a1a1a6;background:#161617;border:1px solid #2c2c2e}
.catalog-page .filter-row button.is-active{color:#061719;background:#64c6c6;border-color:#64c6c6}
.catalog-page .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:28px}
.catalog-page .product-card{
  background:#101011;
  border:1px solid #262628;
  border-radius:24px;
  box-shadow:none;
  transition:transform .42s cubic-bezier(.22,1,.36,1),border-color .3s ease,background-color .3s ease;
}
.catalog-page .product-image{height:390px;background:linear-gradient(145deg,#171719,#080809)}
.catalog-page .product-image>span{top:18px;left:18px;color:#a1a1a6;font-size:9px;font-weight:600}
.catalog-page .product-image img{width:82%;height:88%;filter:drop-shadow(0 28px 28px rgba(0,0,0,.42));transition:transform .65s cubic-bezier(.22,1,.36,1)}
.catalog-page .product-copy{min-height:330px;padding:24px}
.catalog-page .product-meta{color:#8f8f94;font-size:10px}
.catalog-page .product-copy h2{margin:14px 0 12px;color:#f5f5f7;font-size:clamp(30px,2.3vw,38px);letter-spacing:-.04em}
.catalog-page .product-copy>p{color:#a1a1a6;font-size:14px;line-height:1.55}
.catalog-page .strengths span{color:#d8d8dc;background:#1d1d1f;border:1px solid #303033}
.catalog-page .product-copy>small{color:#64c6c6}
@media(hover:hover){
  .catalog-page .product-card:hover{transform:translateY(-7px);border-color:#4a4a4d;background:#141415;box-shadow:none}
  .catalog-page .product-card:hover .product-image img{transform:scale(1.055) translateY(-5px)}
}

/* Product explorer: one focused stage, inspired by Apple's closer-look interactions. */
.home-page .stasis-product-explorer{padding:clamp(96px,12vw,180px) 0}
.stasis-product-explorer>header{margin-bottom:42px}
.stasis-product-explorer>header h2{max-width:820px;margin:14px 0 0}
.stasis-explorer-stage{
  position:relative;
  min-height:680px;
  display:grid;
  grid-template-columns:180px minmax(0,1fr) 330px;
  gap:24px;
  align-items:center;
  padding:34px;
  overflow:hidden;
  border:1px solid #252527;
  border-radius:30px;
  background:radial-gradient(circle at 52% 45%,#202124 0,#0c0c0d 42%,#050505 74%);
}
.stasis-explorer-controls{align-self:center;display:flex;flex-direction:column;gap:9px;z-index:2}
.stasis-explorer-controls button{
  min-height:40px;
  padding:0 15px;
  border:1px solid #343437;
  border-radius:999px;
  color:#a1a1a6;
  background:#171719;
  font-size:12px;
  text-align:left;
  transition:color .25s ease,background .25s ease,border-color .25s ease,transform .25s ease;
}
.stasis-explorer-controls button[aria-selected=true]{color:#071718;background:#64c6c6;border-color:#64c6c6;transform:translateX(5px)}
.stasis-explorer-visual{height:590px;display:grid;place-items:center;perspective:900px}
.stasis-explorer-visual img{width:88%;height:92%;object-fit:contain;filter:drop-shadow(0 42px 36px rgba(0,0,0,.62));transition:opacity .18s ease,transform .7s cubic-bezier(.22,1,.36,1),filter .35s ease}
.stasis-explorer-detail{align-self:end;margin-bottom:28px;padding:24px;border:1px solid #303033;border-radius:20px;background:rgba(20,20,22,.92);transition:opacity .18s ease,transform .35s ease}
.stasis-explorer-detail>span{color:#64c6c6;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.stasis-explorer-detail h3{margin:10px 0 12px;color:#fff;font-size:34px}
.stasis-explorer-detail p{margin-bottom:20px;color:#a1a1a6;font-size:13px;line-height:1.55}
.stasis-explorer-detail a{color:#f5f5f7;font-size:13px;font-weight:600}
.stasis-explorer-detail i{margin-left:5px;color:#64c6c6;font-style:normal}
.stasis-product-explorer.is-switching .stasis-explorer-visual img{opacity:0;transform:scale(.94) rotateY(7deg);filter:blur(7px)}
.stasis-product-explorer.is-switching .stasis-explorer-detail{opacity:0;transform:translateY(10px)}

/* Footer: Sunday-style information architecture on a Stasis black canvas. */
.site-footer{padding:0 0 16px;background:#000;border-top:1px solid #222}
.site-footer .stasis-footer-shell{
  width:min(1540px,calc(100% - 64px));
  max-width:1540px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(330px,1.25fr) minmax(145px,.55fr) minmax(145px,.55fr) minmax(300px,1fr);
  align-items:start;
  gap:clamp(28px,3.2vw,50px);
  padding:48px 0 36px;
}
.stasis-footer-newsletter{max-width:440px}
.stasis-footer-logo{position:relative;display:block;width:126px;margin:0 0 16px;line-height:0}
.stasis-footer-logo img{width:126px;margin:0;transition:filter .25s ease,transform .35s cubic-bezier(.22,1,.36,1)}
.stasis-footer-logo::after{
  content:"";
  position:absolute;
  inset:0;
  background:#64c6c6;
  -webkit-mask:url('../assets/brand/Stasis_Logo_Sand.svg') center / contain no-repeat;
  mask:url('../assets/brand/Stasis_Logo_Sand.svg') center / contain no-repeat;
  opacity:0;
  transform:translateY(2px);
  transition:opacity .25s ease,transform .35s cubic-bezier(.22,1,.36,1);
}
.stasis-footer-newsletter h2{margin:0 0 6px;color:#f5f5f7;font-family:var(--stasis-sf);font-size:18px;font-weight:600;letter-spacing:-.03em}
.stasis-footer-newsletter p{margin:0 0 16px;color:#86868b;font-size:11px}
.stasis-footer-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.stasis-footer-form input{min-width:0;height:42px;padding:0 16px;border:1px solid #303033;border-radius:999px;outline:0;color:#f5f5f7;background:#111113;font-size:11px}
.stasis-footer-form input:focus{border-color:#64c6c6}
.stasis-footer-form button{height:42px;padding:0 16px;border:1px solid #3a3a3d;border-radius:999px;color:#f5f5f7;background:#171719;font-size:11px;font-weight:600}
.stasis-footer-form button span{margin-left:10px;color:#64c6c6}
.stasis-footer-form-status{display:block;min-height:18px;margin-top:10px;color:#64c6c6;font-size:10px}
.stasis-footer-nav h2,.stasis-footer-ruo h2{margin:0 0 12px;color:#64c6c6;font-family:var(--stasis-sf);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.stasis-footer-nav a{display:flex;justify-content:space-between;gap:14px;padding:4px 0;color:#b7b7bb;font-size:11px;font-weight:500}
.stasis-footer-nav a span{color:#68686d}
.stasis-footer-nav a:hover{color:#fff;transform:none}
.stasis-footer-ruo{align-self:start;padding:17px;border:1px solid #303033;border-radius:16px;background:#09090a}
.stasis-footer-ruo p{margin:0;color:#8d8d92;font-size:10px;line-height:1.55}
.stasis-footer-floor{width:min(1540px,calc(100% - 64px));display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(140px,1fr);align-items:center;gap:30px;margin:0 auto;padding-top:15px;border-top:1px solid #252527;color:#747479;font-size:9px}
.stasis-footer-floor nav{display:flex;gap:24px}
.stasis-footer-floor>a{justify-self:end}
.stasis-footer-floor i{display:inline-grid;place-items:center;width:24px;height:24px;margin-left:7px;border:1px solid #3a3a3d;border-radius:50%;color:#f5f5f7;font-style:normal}
.site-footer a:hover{color:#f5f5f7;transform:none}

@media(hover:hover){
  .stasis-footer-logo:hover img{opacity:1;filter:brightness(0) saturate(100%) invert(75%) sepia(24%) saturate(719%) hue-rotate(131deg) brightness(96%) contrast(87%);transform:translateY(-1px)}
  .stasis-footer-logo:hover::after{opacity:0}
  .stasis-footer-nav a:hover,
  .stasis-footer-floor nav a:hover,
  .stasis-footer-floor>a:hover{color:#64c6c6}
  .stasis-footer-nav a span{transition:color .25s ease,transform .35s cubic-bezier(.22,1,.36,1)}
  .stasis-footer-nav a:hover span{color:#64c6c6;transform:translate(2px,-2px)}
  .stasis-footer-form button{transition:color .25s ease,background-color .25s ease,border-color .25s ease}
  .stasis-footer-form button:hover{border-color:#64c6c6;color:#071012;background:#64c6c6}
  .stasis-footer-form button:hover span{color:#071012}
  .stasis-footer-floor>a:hover i{border-color:#64c6c6;color:#071012;background:#64c6c6}
}
.stasis-footer-logo:focus-visible{outline:2px solid #64c6c6;outline-offset:6px;border-radius:2px}
.stasis-footer-logo:focus-visible img{opacity:1;filter:brightness(0) saturate(100%) invert(75%) sepia(24%) saturate(719%) hue-rotate(131deg) brightness(96%) contrast(87%)}
.stasis-footer-logo:focus-visible::after{opacity:0}
.stasis-footer-nav a:focus-visible,
.stasis-footer-floor a:focus-visible{outline:2px solid #64c6c6;outline-offset:4px;color:#64c6c6}

/* More cinematic, but still restrained, section entrances. */
.reveal-enhanced .reveal-item{filter:blur(8px);transform:translate3d(0,38px,0) scale(.985)!important;transition:opacity .8s ease var(--reveal-delay,0ms),transform 1s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),filter .85s ease var(--reveal-delay,0ms)!important}
.reveal-enhanced .reveal-item.reveal-media{transform:translate3d(0,28px,0) scale(.96)!important}
.reveal-enhanced .reveal-item.is-revealed{filter:none;transform:none!important}

@media(max-width:1050px){
  .catalog-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stasis-explorer-stage{grid-template-columns:150px minmax(0,1fr);min-height:720px}
  .stasis-explorer-detail{position:absolute;right:28px;bottom:28px;width:min(320px,42%)}
  .site-footer .stasis-footer-shell{width:calc(100% - 64px);grid-template-columns:minmax(300px,1.2fr) repeat(2,minmax(140px,.6fr));gap:46px 38px}.stasis-footer-ruo{grid-column:1/-1}.stasis-footer-floor{width:calc(100% - 64px)}
}
@media(max-width:760px){
  :root{--shell:calc(100% - 36px)}
  main h1{font-size:clamp(52px,16vw,78px)}
  main h2{font-size:clamp(42px,13vw,66px)}
  .stasis-sunday-header .mobile-menu{color:#f5f5f7!important;background:#0b0b0c!important;border-color:#29292b!important}
  .stasis-sunday-header .mobile-menu a{color:#f5f5f7!important;border-color:#29292b!important}
  .catalog-page .catalog-hero{min-height:360px;padding-top:70px;grid-template-columns:1fr}
  .catalog-page .product-grid{grid-template-columns:1fr}
  .catalog-page .product-image{height:360px}
  .stasis-product-explorer{padding-block:90px}
  .stasis-explorer-stage{min-height:730px;display:flex;flex-direction:column;align-items:stretch;padding:18px}
  .stasis-explorer-controls{order:2;align-self:stretch;display:grid;grid-template-columns:repeat(2,1fr)}
  .stasis-explorer-controls button{text-align:center}
  .stasis-explorer-controls button[aria-selected=true]{transform:none}
  .stasis-explorer-visual{order:1;height:390px}
  .stasis-explorer-detail{position:static;order:3;width:100%;margin:0}
  .site-footer .stasis-footer-shell{width:calc(100% - 36px);margin-inline:auto;grid-template-columns:1fr 1fr;gap:32px 24px;padding-top:40px}
  .stasis-footer-newsletter{grid-column:1/-1}.stasis-footer-ruo{grid-column:1/-1}
  .stasis-footer-floor{width:calc(100% - 36px);grid-template-columns:1fr auto}.stasis-footer-floor nav{grid-column:1/-1;grid-row:2}.stasis-footer-floor>a{grid-column:2;grid-row:1}
}
@media(max-width:480px){
  .stasis-footer-form{grid-template-columns:1fr}.stasis-footer-form button{width:100%}
  .site-footer .stasis-footer-shell{grid-template-columns:1fr}.stasis-footer-newsletter,.stasis-footer-ruo{grid-column:1}
  .stasis-footer-floor nav{flex-wrap:wrap;gap:12px 20px}
}
@media(prefers-reduced-motion:reduce){
  .reveal-enhanced .reveal-item{filter:none!important}
  .stasis-explorer-visual img,.stasis-explorer-detail{transition:none!important}
}

/* Sunday-inspired order activity and guided Stasis support. */
.stasis-assistance{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:880;
  font-family:var(--stasis-sf);
  pointer-events:none;
}
.stasis-recent-order{
  position:absolute;
  right:0;
  bottom:78px;
  width:min(360px,calc(100vw - 32px));
  min-height:92px;
  display:block;
  padding:13px 47px 13px 13px;
  border:1px solid rgba(100,198,198,.24);
  border-radius:20px;
  color:#f4f5f1;
  background:
    radial-gradient(circle at 12% 18%,rgba(100,198,198,.12),transparent 34%),
    linear-gradient(135deg,rgba(19,25,26,.97),rgba(8,12,13,.97));
  box-shadow:
    0 22px 65px rgba(0,0,0,.42),
    0 12px 34px rgba(29,116,114,.12),
    inset 0 1px rgba(255,255,255,.045);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  backdrop-filter:blur(18px) saturate(125%);
  opacity:0;
  transform:translate3d(0,16px,0) scale(.97);
  transition:opacity .28s ease,transform .38s cubic-bezier(.22,1,.36,1);
  pointer-events:auto;
}
.stasis-recent-order[hidden]{display:none}
.stasis-recent-order.is-visible{opacity:1;transform:none}
.stasis-recent-order-link{display:grid;grid-template-columns:66px minmax(0,1fr);gap:13px;align-items:center;margin:-13px -47px -13px -13px;padding:13px 47px 13px 13px;color:inherit;text-decoration:none;border-radius:19px;transition:background-color .28s ease}
.stasis-recent-order-link:focus-visible{outline:2px solid #64c6c6;outline-offset:5px}
.stasis-recent-order-link>img{width:66px;height:66px;object-fit:contain;border:1px solid rgba(100,198,198,.16);border-radius:13px;background:linear-gradient(145deg,#101718,#050707);box-shadow:inset 0 1px rgba(255,255,255,.035);transition:transform .38s cubic-bezier(.22,1,.36,1),border-color .28s ease}
.stasis-recent-order-link>div{min-width:0}
.stasis-recent-order-link:hover{background:rgba(100,198,198,.065)}
.stasis-recent-order-link:hover>img{transform:translateY(-1px) scale(1.035);border-color:rgba(100,198,198,.34)}
.stasis-recent-order span{display:inline-flex;min-height:22px;align-items:center;padding:0 9px;border:1px solid rgba(100,198,198,.23);border-radius:999px;color:#a7dfdc;background:rgba(100,198,198,.09);font-size:9px;font-weight:650;letter-spacing:.025em}
.stasis-recent-order p{margin:6px 0 2px;color:#d7dcda;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stasis-recent-order p strong{color:#70d0cd;font-weight:700}
.stasis-recent-order small{display:block;color:#879391;font-size:10px}
.stasis-recent-order>button{position:absolute;top:12px;right:12px;z-index:2;width:26px;height:26px;padding:0;border:0;border-radius:50%;color:#778381;background:transparent;font-size:18px;line-height:1;cursor:pointer;transition:color .24s ease,background-color .24s ease,transform .24s ease}
.stasis-recent-order>button:hover,.stasis-recent-order>button:focus-visible{color:#9ce0dd;background:rgba(100,198,198,.1);transform:rotate(5deg)}

.stasis-chat-launcher{
  position:relative;
  width:58px;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  margin-left:auto;
  padding:0;
  border:1px solid rgba(255,255,255,.58);
  border-radius:50%;
  color:#061719;
  background:#64c6c6;
  box-shadow:0 15px 42px rgba(0,0,0,.38);
  transition:transform .3s cubic-bezier(.22,1,.36,1),background .25s ease;
  pointer-events:auto;
}
.stasis-chat-launcher::before{
  content:"";
  position:absolute;
  width:27px;
  height:20px;
  border-radius:7px;
  background:#f5f5f7;
}
.stasis-chat-launcher::after{
  content:"";
  position:absolute;
  right:15px;
  bottom:16px;
  width:7px;
  height:7px;
  background:#f5f5f7;
  clip-path:polygon(0 0,100% 0,0 100%);
}
.stasis-chat-launcher span{position:relative;z-index:1;width:3px;height:3px;border-radius:50%;background:#17635f}
.stasis-chat-launcher:hover{transform:scale(1.06);background:#82d8d6}
.stasis-assistance.is-chat-open .stasis-chat-launcher{transform:rotate(90deg);background:#f5f5f7}
.stasis-assistance.is-chat-open .stasis-chat-launcher::before,
.stasis-assistance.is-chat-open .stasis-chat-launcher::after,
.stasis-assistance.is-chat-open .stasis-chat-launcher span{display:none}
.stasis-assistance.is-chat-open .stasis-chat-launcher{background:#f5f5f7}
.stasis-assistance.is-chat-open .stasis-chat-launcher:after{display:block;content:"×";clip-path:none;width:auto;height:auto;right:auto;bottom:auto;color:#1d1d1f;background:transparent;font-size:26px;line-height:1}

.stasis-chat-panel{
  position:absolute;
  right:0;
  bottom:78px;
  width:min(390px,calc(100vw - 32px));
  max-height:min(640px,calc(100vh - 120px));
  display:grid;
  grid-template-rows:auto minmax(130px,1fr) auto auto auto;
  overflow:hidden;
  border:1px solid #343437;
  border-radius:24px;
  color:#f5f5f7;
  background:#101011;
  box-shadow:0 30px 90px rgba(0,0,0,.55);
  opacity:0;
  transform:translate3d(0,18px,0) scale(.97);
  transform-origin:bottom right;
  transition:opacity .24s ease,transform .38s cubic-bezier(.22,1,.36,1);
  pointer-events:auto;
}
.stasis-chat-panel[hidden]{display:none}
.stasis-assistance.is-chat-open .stasis-chat-panel{opacity:1;transform:none}
.stasis-chat-panel>header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 17px;border-bottom:1px solid #2a2a2c;background:#151516}
.stasis-chat-panel>header span{color:#64c6c6;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.stasis-chat-panel>header h2{margin:3px 0 0;font-family:var(--stasis-sf);font-size:20px;font-weight:600;letter-spacing:-.035em}
.stasis-chat-panel>header button{width:34px;height:34px;padding:0;border:1px solid #37373a;border-radius:50%;color:#f5f5f7;background:#202022;font-size:21px}
.stasis-chat-messages{display:flex;flex-direction:column;gap:10px;padding:18px;overflow:auto;overscroll-behavior:contain}
.stasis-chat-message{max-width:88%;padding:11px 13px;border-radius:15px;font-size:12px;line-height:1.45}
.stasis-chat-message.is-assistant{align-self:flex-start;color:#d2d2d7;background:#202022;border-bottom-left-radius:5px}
.stasis-chat-message.is-user{align-self:flex-end;color:#061719;background:#64c6c6;border-bottom-right-radius:5px}
.stasis-chat-message a{display:block;margin-top:7px;color:#64c6c6;font-weight:700}
.stasis-chat-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 18px 14px;overflow:visible}
.stasis-chat-actions button{min-width:0;min-height:36px;padding:6px 10px;border:1px solid #3a3a3d;border-radius:999px;color:#c8c8cc;background:#18181a;font-size:10px;line-height:1.2;white-space:normal;text-align:center}
.stasis-chat-actions button:hover{color:#061719;background:#64c6c6;border-color:#64c6c6}
.stasis-chat-form{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px;margin:0 14px;padding:8px;border:1px solid #343437;border-radius:999px;background:#080809}
.stasis-chat-form input{min-width:0;padding:0 7px;border:0;outline:0;color:#f5f5f7;background:transparent;font-size:12px}
.stasis-chat-form input::placeholder{color:#747479}
.stasis-chat-form button{width:38px;height:38px;padding:0;border:0;border-radius:50%;color:#061719;background:#64c6c6;font-size:0;transition:background-color .24s ease,transform .28s cubic-bezier(.22,1,.36,1)}
.stasis-chat-form button::before{content:"➤";display:block;font-family:Arial,sans-serif;font-size:17px;font-weight:800;line-height:1;transform:translateX(1px)}
.stasis-chat-form button:hover{background:#86dddd;transform:translateX(2px)}
.stasis-chat-panel>small{padding:11px 18px 15px;color:#747479;font-size:8px;line-height:1.4;text-align:center}

body.overlay-open .stasis-assistance{opacity:0;pointer-events:none}
@media(max-width:600px){
  .stasis-assistance{right:14px;bottom:14px}
  .stasis-chat-launcher{width:54px;height:54px}
  .stasis-recent-order,.stasis-chat-panel{bottom:68px}
  .stasis-chat-panel{width:calc(100vw - 28px);max-height:calc(100svh - 98px)}
  .stasis-recent-order{width:calc(100vw - 28px)}
}
@media(prefers-reduced-motion:reduce){
  .stasis-recent-order,.stasis-chat-panel,.stasis-chat-launcher{transition:none!important}
}

/* Home FAQ: a more editorial Stasis interpretation of Sunday's accordion. */
.home-page .home-faq{
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);
  gap:clamp(58px,7vw,118px);
  align-items:start;
  padding:clamp(110px,14vw,190px) 0 clamp(100px,12vw,160px);
}
.home-faq-intro{position:sticky;top:150px}
.home-faq-intro .eyebrow{display:block}
.home-faq-intro h2{margin:20px 0 28px;color:#f5f5f7;font-size:clamp(60px,6vw,94px);line-height:.86}
.home-faq-intro p{max-width:480px;margin:0 0 26px;color:#9b9ba0;font-size:15px;line-height:1.6}
.home-faq-intro>a{display:inline-flex;gap:8px;align-items:center;color:#64c6c6;font-size:13px;font-weight:650}
.home-faq-intro>a span{transition:transform .25s ease}
.home-faq-intro>a:hover span{transform:translate(3px,-3px)}
.home-faq-list{display:grid;gap:10px;padding-top:3px}
.home-faq-item{
  overflow:hidden;
  border:1px solid #2d2d30;
  border-radius:22px;
  color:#f5f5f7;
  background:#111112;
  transition:border-color .3s ease,background-color .3s ease,transform .35s cubic-bezier(.22,1,.36,1);
}
.home-faq-item:hover{border-color:#48484c;background:#151516}
.home-faq-item[open]{border-color:rgba(100,198,198,.55);background:#171718}
.home-faq-item summary{
  min-height:94px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 42px;
  gap:18px;
  align-items:center;
  padding:18px 20px;
  cursor:pointer;
  list-style:none;
}
.home-faq-item summary::-webkit-details-marker{display:none}
.home-faq-number{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#64c6c6;background:#202022;font-size:9px;font-weight:700;letter-spacing:.06em}
.home-faq-item summary strong{font-size:16px;font-weight:600;letter-spacing:-.025em}
.home-faq-item summary i{
  position:relative;
  width:40px;
  height:40px;
  display:block;
  border-radius:50%;
  color:#061719;
  background:#64c6c6;
  transition:transform .35s cubic-bezier(.22,1,.36,1),background-color .25s ease;
}
.home-faq-item summary i::before,
.home-faq-item summary i::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:14px;
  height:1.5px;
  border-radius:2px;
  background:currentColor;
  transform:translate(-50%,-50%);
}
.home-faq-item summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .3s ease}
.home-faq-item[open] summary i{transform:rotate(180deg);background:#f5f5f7}
.home-faq-item[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.home-faq-answer{padding:0 80px 26px 76px;animation:stasis-faq-answer-in .42s cubic-bezier(.22,1,.36,1)}
.home-faq-answer p{max-width:650px;margin:0;color:#a1a1a6;font-size:14px;line-height:1.65}
@keyframes stasis-faq-answer-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

@media(min-width:1001px){
  .home-page .home-faq.page-shell{
    width:min(1540px,calc(100% - 64px));
  }
}

@media(max-width:900px){
  .home-page .home-faq{grid-template-columns:1fr;gap:54px;padding-block:100px}
  .home-faq-intro{position:static}
  .home-faq-intro h2{max-width:650px}
  .home-faq-intro p{max-width:620px}
}
@media(max-width:560px){
  .home-page .home-faq{gap:42px;padding:82px 0 74px}
  .home-faq-intro h2{font-size:clamp(48px,14vw,64px)}
  .home-faq-item summary{min-height:82px;grid-template-columns:32px minmax(0,1fr) 36px;gap:12px;padding:14px}
  .home-faq-number{width:30px;height:30px}
  .home-faq-item summary strong{font-size:14px;line-height:1.25}
  .home-faq-item summary i{width:34px;height:34px}
  .home-faq-answer{padding:0 18px 22px 58px}
  .home-faq-answer p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .home-faq-answer{animation:none}
  .home-faq-item,.home-faq-item summary i,.home-faq-item summary i::after{transition:none!important}
}

/* Motion-led home composition: varied rails, editorial overlap and a sticky lot story. */
.home-page .stasis-proof-scene{
  --proof-progress:0;
  position:relative;
  min-height:900px;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  align-items:center;
  gap:0;
  padding-block:clamp(110px,12vw,190px);
  isolation:isolate;
}
.home-page .stasis-proof-scene::before{
  content:"DOCUMENTADO / 01";
  position:absolute;
  top:82px;
  right:0;
  color:#56565b;
  font-size:9px;
  font-weight:700;
  letter-spacing:.18em;
  writing-mode:vertical-rl;
}
.home-page .stasis-proof-scene .hero-product-card{
  grid-column:6/-1;
  grid-row:1;
  width:100%;
  min-height:690px;
  border:1px solid #29292c;
  border-radius:38px;
  overflow:hidden;
  transform:translate3d(calc((var(--proof-progress) - .5) * 34px),calc((var(--proof-progress) - .5) * -30px),0) rotate(calc((var(--proof-progress) - .5) * 1.8deg));
  transition:border-color .35s ease;
}
.home-page .stasis-proof-scene .hero-product-card img{
  width:100%;
  height:100%;
  min-height:690px;
  object-fit:cover;
  transform:scale(calc(1.08 - (var(--proof-progress) * .06)));
  transform-origin:center;
  will-change:transform;
}
.home-page .stasis-proof-scene .hero-content{
  grid-column:1/9;
  grid-row:1;
  z-index:2;
  align-self:center;
  max-width:none;
  padding:0;
  background:transparent;
  transform:translateY(calc((var(--proof-progress) - .5) * -22px));
}
.home-page .stasis-proof-scene .hero-content h1{max-width:900px;font-size:clamp(64px,7.1vw,112px);line-height:.9;letter-spacing:-.072em;text-wrap:balance}
.home-page .stasis-proof-scene .hero-content>p{max-width:630px;margin-top:34px;color:#a0a0a5;font-size:16px;line-height:1.7}
.home-page .stasis-proof-scene .button-row{margin-top:34px}

.home-page .stasis-horizontal-rail{width:100%;max-width:none;padding-inline:0;overflow:hidden}
.home-page .stasis-horizontal-rail>header{width:min(1360px,calc(100% - 96px));margin-inline:auto;display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px}
.home-page .stasis-horizontal-rail>header>p{grid-column:1}
.stasis-rail-controls{grid-column:2;grid-row:1/3;display:flex;gap:10px;align-self:end}
.stasis-rail-controls button{width:48px;height:48px;border:1px solid #343437;border-radius:50%;color:#f5f5f7;background:#19191b;font-size:18px;transition:background-color .25s ease,transform .25s ease}
.stasis-rail-controls button:hover{background:#2b2b2e;transform:scale(1.05)}
.home-page .stasis-rail-track{width:100%;display:flex!important;gap:18px!important;overflow-x:auto;padding:34px max(48px,calc((100vw - 1360px)/2)) 26px;scroll-padding-inline:max(48px,calc((100vw - 1360px)/2));scroll-snap-type:x mandatory;scrollbar-width:none}
.home-page .stasis-rail-track::-webkit-scrollbar{display:none}
.home-page .top-seller-grid>*{flex:0 0 min(430px,34vw);scroll-snap-align:start}
.home-page .collection-grid>*{flex:0 0 min(620px,48vw);scroll-snap-align:start}
.home-page .collection-card{min-height:520px!important}

.home-page .why-stasis-grid{display:grid;grid-template-columns:1.18fr .82fr;grid-template-rows:repeat(2,minmax(330px,1fr));gap:18px}
.home-page .why-stasis-card{min-height:0!important}
.home-page .why-stasis-card:nth-child(1){grid-row:1/3}
.home-page .why-stasis-card:nth-child(1) img{height:100%;min-height:700px}
.home-page .why-stasis-card:nth-child(2),.home-page .why-stasis-card:nth-child(3){display:grid;grid-template-columns:.9fr 1.1fr;align-items:stretch}
.home-page .why-stasis-card:nth-child(2) img,.home-page .why-stasis-card:nth-child(3) img{height:100%;min-height:330px}
.home-page .why-stasis-card:nth-child(2)>div,.home-page .why-stasis-card:nth-child(3)>div{align-self:end}

.home-page .community-cta>div{min-height:560px;display:grid;grid-template-columns:repeat(12,1fr);align-items:end;padding:clamp(48px,7vw,96px);overflow:hidden}
.home-page .community-cta .eyebrow{grid-column:1/6;align-self:start}
.home-page .community-cta h2{grid-column:1/9;font-size:clamp(72px,9vw,144px);line-height:.84;letter-spacing:-.08em}
.home-page .community-cta p{grid-column:9/-1;align-self:end;max-width:330px;margin:0 0 74px;color:#9a9a9f}
.home-page .community-cta .button{grid-column:9/-1;justify-self:start}

@media(max-width:1050px){
  .home-page .stasis-proof-scene .hero-product-card{grid-column:5/-1}
  .home-page .stasis-proof-scene .hero-content{grid-column:1/10}
  .home-page .why-stasis-card:nth-child(2),.home-page .why-stasis-card:nth-child(3){grid-template-columns:1fr}
  .home-page .why-stasis-card:nth-child(2) img,.home-page .why-stasis-card:nth-child(3) img{min-height:230px}
}

@media(max-width:860px){
  .home-page .stasis-proof-scene{min-height:0;display:flex;flex-direction:column;padding-block:90px}
  .home-page .stasis-proof-scene::before{display:none}
  .home-page .stasis-proof-scene .hero-product-card{order:2;min-height:520px;margin-top:-35px;transform:none}
  .home-page .stasis-proof-scene .hero-product-card img{min-height:520px;transform:none}
  .home-page .stasis-proof-scene .hero-content{order:1;width:100%;transform:none}
  .home-page .stasis-proof-scene .hero-content h1{font-size:clamp(58px,14vw,88px)}
  .home-page .stasis-horizontal-rail>header{width:calc(100% - 36px)}
  .home-page .stasis-rail-track{padding-inline:18px;scroll-padding-inline:18px}
  .home-page .top-seller-grid>*{flex-basis:min(390px,84vw)}
  .home-page .collection-grid>*{flex-basis:84vw}
  .home-page .why-stasis-grid{grid-template-columns:1fr;grid-template-rows:auto}
  .home-page .why-stasis-card:nth-child(1){grid-row:auto}
  .home-page .why-stasis-card:nth-child(1) img{min-height:500px}
  .home-page .why-stasis-card:nth-child(2),.home-page .why-stasis-card:nth-child(3){grid-template-columns:.9fr 1.1fr}
  .home-page .community-cta>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}
  .home-page .community-cta h2{font-size:clamp(68px,17vw,106px)}
  .home-page .community-cta p{margin:26px 0}
}

@media(max-width:560px){
  .home-page .stasis-proof-scene .hero-product-card,.home-page .stasis-proof-scene .hero-product-card img{min-height:420px}
  .stasis-rail-controls{display:none}
  .home-page .stasis-horizontal-rail>header{display:block}
  .home-page .why-stasis-card:nth-child(2),.home-page .why-stasis-card:nth-child(3){grid-template-columns:1fr}
  .home-page .why-stasis-card:nth-child(1) img{min-height:420px}
  .home-page .community-cta>div{min-height:500px;padding:38px 24px}
}

@media(prefers-reduced-motion:reduce){
  .home-page .stasis-proof-scene .hero-product-card,.home-page .stasis-proof-scene .hero-product-card img,.home-page .stasis-proof-scene .hero-content{transform:none!important}
}

/* Product-led search discovery, adapted from Apple's compact product navigator. */
.stasis-search-overlay{
  inset:48px 0 0!important;
  display:grid!important;
  place-items:start center!important;
  padding:18px 24px 48px!important;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(50,154,158,.16),transparent 42%),
    rgba(0,5,7,.62)!important;
  -webkit-backdrop-filter:blur(2px) saturate(.9);
  backdrop-filter:blur(2px) saturate(.9);
  transition:opacity .28s ease,-webkit-backdrop-filter .42s ease,backdrop-filter .42s ease!important;
}
.stasis-search-overlay[hidden]{display:none!important}
.stasis-search-panel{
  position:relative;
  isolation:isolate;
  width:min(1120px,100%)!important;
  max-height:calc(100vh - 86px);
  overflow:hidden;
  border:1px solid #303033!important;
  border-radius:28px!important;
  color:#f5f5f7!important;
  background:#0b0b0c!important;
  box-shadow:0 34px 110px rgba(0,0,0,.58),0 0 0 1px rgba(100,198,198,.04)!important;
  opacity:0;
  transform:translateY(-26px) scale(.972)!important;
  transform-origin:top center;
  transition:opacity .3s ease,transform .52s cubic-bezier(.22,1,.36,1),box-shadow .52s ease!important;
}
.stasis-search-panel::before{
  content:"";
  position:absolute;
  z-index:4;
  top:-1px;
  left:9%;
  right:9%;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(100,198,198,.78),transparent);
  opacity:.72;
}
.stasis-search-overlay.is-open .stasis-search-panel{opacity:1;transform:none!important}
.stasis-search-topline{
  width:100%!important;
  height:82px!important;
  display:grid!important;
  grid-template-columns:130px minmax(0,1fr) 48px!important;
  gap:18px!important;
  align-items:center!important;
  padding:0 24px!important;
  border-bottom:1px solid #28282b!important;
  background:#0b0b0c!important;
}
.stasis-search-brand img{width:108px!important;filter:invert(1)!important}
.stasis-search-form,.stasis-search-form:focus-within{
  width:100%!important;
  height:48px!important;
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:center!important;
  padding:0 16px!important;
  border:1px solid #353538!important;
  border-radius:14px!important;
  outline:0!important;
  background:#19191b!important;
  box-shadow:none!important;
  transition:border-color .25s ease,background-color .25s ease!important;
}
.stasis-search-form:focus-within{border-color:#5fc4c4!important;background:#1d1d20!important}
.stasis-search-form>svg{width:19px!important;stroke:#9c9ca1!important}
.stasis-search-form input,.stasis-search-form input:hover,.stasis-search-form input:focus,.stasis-search-form input:focus-visible{
  height:46px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  color:#f5f5f7!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:17px!important;
}
.stasis-search-form input::placeholder{color:#77777d!important}
.stasis-search-close,.stasis-search-close:hover,.stasis-search-close:focus-visible{
  position:relative;
  width:44px!important;
  height:44px!important;
  border:0!important;
  border-radius:50%!important;
  outline:0!important;
  color:#f5f5f7!important;
  background:#1b1b1d!important;
  box-shadow:none!important;
}
.stasis-search-close:hover,.stasis-search-close:focus-visible{background:#303033!important}
.stasis-search-body{max-height:calc(100vh - 168px);overflow:auto;padding:0 28px 28px;scrollbar-width:thin;scrollbar-color:#3b3b3e transparent}
.stasis-search-discover>header{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:28px 2px 20px}
.stasis-search-discover>header span,.stasis-search-spotlight-copy>span,.stasis-search-quicklinks>span{color:#64c6c6;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.stasis-search-discover>header h3{margin:8px 0 0;color:#f5f5f7;font-size:clamp(28px,3vw,42px);font-weight:600;letter-spacing:-.05em}
.stasis-search-discover>header>small{padding-bottom:5px;color:#77777d;font-size:10px}
.stasis-search-shelf{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(105px,1fr);gap:8px;overflow-x:auto;padding:0 0 20px;scroll-snap-type:x proximity;scrollbar-width:none}
.stasis-search-shelf::-webkit-scrollbar{display:none}
.stasis-search-shelf button,.stasis-search-shelf-all{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:10px 8px 12px;border:1px solid transparent;border-radius:16px;color:#9d9da2;background:transparent;scroll-snap-align:start;transition:border-color .25s ease,background-color .25s ease,color .25s ease,transform .35s cubic-bezier(.22,1,.36,1)}
.stasis-search-shelf button:hover,.stasis-search-shelf button.is-selected,.stasis-search-shelf-all:hover{border-color:#343438;color:#f5f5f7;background:#171719;transform:translateY(-2px)}
.stasis-search-shelf button>span,.stasis-search-shelf-all>span{width:72px;height:78px;display:grid;place-items:center;margin-bottom:7px;border-radius:12px;background:radial-gradient(circle at 50% 65%,#27272a,#101011 68%)}
.stasis-search-shelf button img{width:100%;height:100%;object-fit:contain;transform:scale(.9);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.stasis-search-shelf button:hover img,.stasis-search-shelf button.is-selected img{transform:scale(1)}
.stasis-search-shelf button strong,.stasis-search-shelf-all strong{max-width:100%;overflow:hidden;color:inherit;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.stasis-search-shelf button small,.stasis-search-shelf-all small{margin-top:3px;color:#6f6f74;font-size:9px}
.stasis-search-shelf-all{text-decoration:none}
.stasis-search-shelf-all>span{color:#64c6c6;font-size:22px}
.stasis-search-spotlight{min-height:290px;display:grid;grid-template-columns:280px minmax(0,1fr) 220px;gap:30px;align-items:stretch;overflow:hidden;padding:18px;border:1px solid #303033;border-radius:24px;background:linear-gradient(120deg,#131315,#0d1618);transition:opacity .2s ease,transform .35s ease}
.stasis-search-spotlight.is-changing{opacity:.28;transform:scale(.99)}
.stasis-search-spotlight figure{min-height:250px;display:grid;place-items:center;margin:0;overflow:hidden;border-radius:17px;background:radial-gradient(circle at 50% 58%,rgba(83,185,190,.25),rgba(12,12,14,.88) 62%)}
.stasis-search-spotlight figure img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.45))}
.stasis-search-spotlight-copy{display:flex;flex-direction:column;justify-content:center;padding:12px 0}
.stasis-search-spotlight-copy h3{margin:9px 0 12px;color:#fff;font-size:clamp(36px,4vw,56px);font-weight:600;letter-spacing:-.06em}
.stasis-search-spotlight-copy p{max-width:440px;margin:0;color:#99999e;font-size:12px;line-height:1.65}
.stasis-search-spotlight-copy>div{display:flex;align-items:center;gap:20px;margin-top:28px}
.stasis-search-spotlight-copy small{color:#c2c2c7;font-size:11px}
.stasis-search-spotlight-copy a{display:inline-flex;align-items:center;gap:7px;margin:0;color:#64c6c6;font-size:11px;font-weight:600}
.stasis-search-spotlight-copy a i{font-style:normal}
.stasis-search-spotlight ul{align-self:center;margin:0;padding:0 8px 0 24px;border-left:1px solid #303033;list-style:none}
.stasis-search-spotlight li{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #28282b;color:#aaaab0;font-size:11px}
.stasis-search-spotlight li:last-child{border-bottom:0}
.stasis-search-spotlight li span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:#64c6c6;background:#202023;font-size:8px;font-weight:700}
.stasis-search-quicklinks{display:flex;align-items:center;gap:24px;padding:22px 2px 0}
.stasis-search-quicklinks>span{margin-right:auto}
.stasis-search-quicklinks a{margin:0;color:#9b9ba0;font-size:10px;font-weight:500}
.stasis-search-quicklinks a:hover{color:#f5f5f7}
.stasis-search-results-shell{width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;color:#f5f5f7!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.stasis-search-results{display:block!important;margin:0!important;padding:28px 0 4px!important}
.stasis-search-result-heading{display:flex;align-items:end;padding:0 2px 22px!important;border:0!important}
.stasis-search-result-heading>div{display:grid;gap:7px}
.stasis-search-result-heading span{color:#64c6c6!important;font-size:9px!important;font-weight:700!important;letter-spacing:.16em!important}
.stasis-search-result-heading strong{color:#f5f5f7!important;font-size:clamp(26px,3vw,38px)!important;font-weight:600!important;letter-spacing:-.045em}
.stasis-search-result-heading small{margin-left:auto;color:#77777d!important;font-size:10px!important}
.stasis-search-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.stasis-search-result{min-height:118px;display:grid!important;grid-template-columns:88px minmax(0,1fr) 26px!important;gap:16px!important;align-items:center;padding:14px!important;border:1px solid #2d2d30!important;border-radius:18px!important;color:#f5f5f7!important;background:#131315!important;transition:border-color .25s ease,background-color .25s ease,transform .3s cubic-bezier(.22,1,.36,1)!important}
.stasis-search-result:hover{border-color:#4a4a4f!important;background:#19191c!important;transform:translateY(-2px)}
.stasis-search-result-image{width:88px!important;height:88px!important;border-radius:13px!important;background:radial-gradient(circle,#27272a,#0d0d0f)!important}
.stasis-search-result-image img{transform:scale(.92)}
.stasis-search-result strong{color:#fff!important;font-size:17px!important;font-weight:600!important}
.stasis-search-result small{margin-top:5px;color:#88888e!important;font-size:11px!important}
.stasis-search-result i{color:#64c6c6!important;font-size:17px!important}

@media(max-width:850px){
  .stasis-search-overlay{inset:44px 0 0!important;padding:10px!important}
  .stasis-search-panel{max-height:calc(100vh - 64px);border-radius:20px!important}
  .stasis-search-topline{height:70px!important;grid-template-columns:92px minmax(0,1fr) 44px!important;gap:10px!important;padding:0 14px!important}
  .stasis-search-brand img{width:82px!important}
  .stasis-search-body{max-height:calc(100vh - 134px);padding:0 16px 22px}
  .stasis-search-shelf{grid-auto-columns:98px}
  .stasis-search-spotlight{grid-template-columns:210px minmax(0,1fr);gap:22px}
  .stasis-search-spotlight ul{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);padding:0;border-left:0;border-top:1px solid #303033}
  .stasis-search-spotlight li{justify-content:center;border-right:1px solid #28282b;border-bottom:0}
  .stasis-search-spotlight li:last-child{border-right:0}
  .stasis-search-quicklinks{gap:16px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
}

@media(max-width:600px){
  .stasis-search-topline{grid-template-columns:minmax(0,1fr) 44px!important}
  .stasis-search-brand{display:none!important}
  .stasis-search-form input,.stasis-search-form input:focus{font-size:15px!important}
  .stasis-search-discover>header{padding-top:22px}
  .stasis-search-discover>header h3{font-size:29px}
  .stasis-search-spotlight{grid-template-columns:1fr;padding:12px}
  .stasis-search-spotlight figure{min-height:190px}
  .stasis-search-spotlight-copy{padding:8px}
  .stasis-search-spotlight-copy h3{font-size:38px}
  .stasis-search-spotlight ul{grid-template-columns:1fr}
  .stasis-search-spotlight li{justify-content:flex-start;padding:10px;border-right:0;border-bottom:1px solid #28282b}
  .stasis-search-result-grid{grid-template-columns:1fr}
  .stasis-search-result-heading strong{font-size:25px!important}
  .stasis-search-quicklinks>span{display:none}
}

/* Clean, product-led search layer. */
body.search-overlay-open .stasis-assistance{opacity:0;pointer-events:none}
.stasis-search-overlay{overscroll-behavior:contain}
.stasis-search-overlay::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:radial-gradient(ellipse 54% 34% at 50% 7%,rgba(100,198,198,.12),transparent 72%);
  opacity:0;
  transform:scale(.94);
  transition:opacity .45s ease,transform .7s cubic-bezier(.22,1,.36,1);
}
.stasis-search-overlay.is-open::before{opacity:1;transform:none}
.stasis-search-panel{
  width:min(1040px,100%)!important;
  max-height:calc(100dvh - 86px);
  border-radius:24px!important;
  background:#0a0a0b!important;
}
.stasis-search-topline{
  height:76px!important;
  grid-template-columns:minmax(0,1fr) 44px!important;
  gap:14px!important;
  padding:0 20px!important;
  border-bottom-color:#242427!important;
  background:#0a0a0b!important;
}
.stasis-search-form,.stasis-search-form:focus-within{
  height:46px!important;
  border-color:#303034!important;
  border-radius:13px!important;
  background:#151517!important;
}
.stasis-search-form:focus-within{border-color:#64c6c6!important;background:#18181a!important}
.stasis-search-form input,.stasis-search-form input:hover,.stasis-search-form input:focus,.stasis-search-form input:focus-visible{height:44px!important;font-size:16px!important}
.stasis-search-body{max-height:calc(100dvh - 162px);padding:0 28px 30px}
.stasis-search-discover>header{align-items:end;padding:27px 2px 22px}
.stasis-search-discover>header h3{margin-top:7px;font-size:clamp(28px,3vw,36px);letter-spacing:-.045em}
.stasis-search-discover>header p{margin:7px 0 0;color:#828287;font-size:12px;line-height:1.45}
.stasis-search-discover>header>small{padding-bottom:3px}
.stasis-search-shelf{
  display:grid;
  grid-auto-flow:initial;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:11px;
  overflow:visible;
  padding:0 0 3px;
}
.stasis-search-feature,.stasis-search-shelf-all{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  padding:0;
  border:0;
  border-radius:0;
  color:#aaaab0;
  background:transparent;
  text-decoration:none;
  transform:none;
}
.stasis-search-feature>span,.stasis-search-shelf-all>span{
  width:100%;
  height:150px;
  display:grid;
  place-items:center;
  margin:0 0 11px;
  border:1px solid #222225;
  border-radius:16px;
  background:linear-gradient(145deg,#141416,#0d0d0f);
  transition:border-color .25s ease,background-color .25s ease,transform .35s cubic-bezier(.22,1,.36,1);
}
.stasis-search-feature img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 16px 20px rgba(0,0,0,.32));transition:transform .4s cubic-bezier(.22,1,.36,1)}
.stasis-search-feature strong,.stasis-search-shelf-all strong{overflow:hidden;color:#d4d4d8;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.stasis-search-feature small,.stasis-search-shelf-all small{margin-top:4px;color:#717177;font-size:10px}
.stasis-search-feature small i{margin-left:4px;color:#64c6c6;font-style:normal;opacity:0;transition:opacity .2s ease}
.stasis-search-shelf-all>span{color:#64c6c6;font-size:24px}
@media(hover:hover){
  .stasis-search-feature:hover,.stasis-search-shelf-all:hover{color:#f5f5f7;background:transparent;transform:none}
  .stasis-search-feature:hover>span,.stasis-search-shelf-all:hover>span{border-color:#4a7e7f;background:#131719;transform:translateY(-3px)}
  .stasis-search-feature:hover img{transform:scale(1.035)}
  .stasis-search-feature:hover small i{opacity:1}
}
.stasis-search-feature:focus-visible,.stasis-search-shelf-all:focus-visible{outline:2px solid #64c6c6;outline-offset:5px;border-radius:12px}
.stasis-search-form,
.stasis-search-close,
.stasis-search-discover>header,
.stasis-search-feature,
.stasis-search-shelf-all{opacity:0;transform:translateY(9px)}
.stasis-search-overlay.is-open .stasis-search-form{animation:stasis-search-content-in .42s .08s cubic-bezier(.22,1,.36,1) both}
.stasis-search-overlay.is-open .stasis-search-close{animation:stasis-search-content-in .42s .12s cubic-bezier(.22,1,.36,1) both}
.stasis-search-overlay.is-open .stasis-search-discover>header{animation:stasis-search-content-in .44s .14s cubic-bezier(.22,1,.36,1) both}
.stasis-search-overlay.is-open .stasis-search-feature:nth-child(1){animation:stasis-search-content-in .46s .18s cubic-bezier(.22,1,.36,1) both}
.stasis-search-overlay.is-open .stasis-search-feature:nth-child(2){animation:stasis-search-content-in .46s .21s cubic-bezier(.22,1,.36,1) both}
.stasis-search-overlay.is-open .stasis-search-feature:nth-child(3){animation:stasis-search-content-in .46s .24s cubic-bezier(.22,1,.36,1) both}
.stasis-search-overlay.is-open .stasis-search-feature:nth-child(4){animation:stasis-search-content-in .46s .27s cubic-bezier(.22,1,.36,1) both}
.stasis-search-overlay.is-open .stasis-search-feature:nth-child(5){animation:stasis-search-content-in .46s .3s cubic-bezier(.22,1,.36,1) both}
.stasis-search-overlay.is-open .stasis-search-shelf-all{animation:stasis-search-content-in .46s .33s cubic-bezier(.22,1,.36,1) both}
@keyframes stasis-search-content-in{to{opacity:1;transform:none}}
.stasis-search-results{padding-top:26px!important}
.stasis-search-result-heading{padding-bottom:18px!important}
.stasis-search-result{min-height:104px;grid-template-columns:74px minmax(0,1fr) 22px!important;padding:12px!important;border-color:#27272a!important;border-radius:15px!important;background:#101012!important}
.stasis-search-result-image{width:74px!important;height:74px!important;border-radius:11px!important}

@media(max-width:850px){
  .stasis-search-panel{max-height:calc(100dvh - 64px)}
  .stasis-search-topline{height:68px!important;grid-template-columns:minmax(0,1fr) 42px!important;padding:0 13px!important}
  .stasis-search-body{max-height:calc(100dvh - 132px);padding:0 17px 22px}
  .stasis-search-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}
}

@media(max-width:600px){
  .stasis-search-topline{grid-template-columns:minmax(0,1fr) 42px!important}
  .stasis-search-discover>header{align-items:start;padding:22px 1px 18px}
  .stasis-search-discover>header>small{padding-top:5px}
  .stasis-search-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 9px}
  .stasis-search-feature>span,.stasis-search-shelf-all>span{height:130px;border-radius:14px}
}

@media(prefers-reduced-motion:reduce){
  .stasis-search-panel,.stasis-search-overlay::before,.stasis-search-spotlight,.stasis-search-shelf button,.stasis-search-result{transition:none!important}
  .stasis-search-form,.stasis-search-close,.stasis-search-discover>header,.stasis-search-feature,.stasis-search-shelf-all{animation:none!important;opacity:1;transform:none}
}

@media(prefers-reduced-transparency:reduce){
  .stasis-search-overlay{background:rgba(3,8,10,.88)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* Apple-inspired interactive Selank explorer */
.home-page .stasis-product-explorer{padding-block:clamp(110px,12vw,190px)}
.stasis-product-explorer>header{margin-bottom:clamp(34px,4vw,58px)}
.stasis-product-explorer>header h2{max-width:none;color:#f5f5f7;font-size:clamp(64px,8.5vw,132px);font-weight:600;letter-spacing:-.07em;line-height:.9}
.stasis-explorer-stage.stasis-explorer-3d{
  position:relative;
  min-height:760px;
  display:grid;
  grid-template-columns:minmax(220px,.7fr) minmax(430px,1.55fr) minmax(270px,.78fr);
  gap:clamp(22px,3vw,48px);
  align-items:center;
  overflow:hidden;
  padding:clamp(24px,3vw,48px);
  border:1px solid #2c2c2f;
  border-radius:34px;
  background:
    radial-gradient(circle at 53% 46%,rgba(83,173,183,.12),transparent 31%),
    linear-gradient(145deg,#101012 0%,#09090a 58%,#101416 100%);
  isolation:isolate;
}
.stasis-explorer-3d::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(255,255,255,.025),transparent 35%,rgba(100,198,198,.035));pointer-events:none}
.stasis-explorer-3d .stasis-explorer-controls{align-self:center;display:flex;flex-direction:column;gap:10px;z-index:5}
.stasis-control-group{overflow:hidden;border:1px solid #323236;border-radius:18px;background:rgba(25,25,28,.86);transition:border-color .3s ease,background-color .3s ease,transform .35s cubic-bezier(.22,1,.36,1)}
.stasis-control-group.is-open{border-color:#4b4b50;background:#1b1b1e;transform:translateX(5px)}
.stasis-explorer-3d .stasis-control-trigger{width:100%;min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) auto 24px;gap:10px;align-items:center;padding:0 14px;border:0;color:#a3a3a9;background:transparent;text-align:left;cursor:pointer}
.stasis-explorer-3d .stasis-control-trigger:hover{color:#f5f5f7;background:transparent}
.stasis-control-trigger span{font-size:12px;font-weight:600}
.stasis-control-trigger strong{overflow:hidden;color:#f5f5f7;font-size:10px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.stasis-control-trigger i{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;color:#080c0d;background:#64c6c6;font-size:16px;font-style:normal;transition:transform .3s ease}
.stasis-control-group.is-open .stasis-control-trigger i{transform:rotate(45deg)}
.stasis-control-panel{padding:0 14px 15px;animation:stasisControlReveal .35s cubic-bezier(.22,1,.36,1) both}
.stasis-control-panel[hidden]{display:none}
.stasis-control-panel small,.stasis-control-panel p{display:block;margin:10px 2px 0;color:#797980;font-size:9px;line-height:1.5}
.stasis-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:4px;border-radius:13px;background:#101012}
.stasis-segmented button{min-height:36px;padding:0 6px;border:0;border-radius:10px;color:#89898f;background:transparent;font-size:10px;font-weight:600;cursor:pointer;transition:color .2s ease,background-color .25s ease,box-shadow .25s ease}
.stasis-segmented button:hover{color:#fff;background:#242427}
.stasis-segmented button.is-active{color:#071718;background:#64c6c6;box-shadow:0 6px 18px rgba(100,198,198,.16)}
@keyframes stasisControlReveal{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
.stasis-explorer-3d .stasis-explorer-visual{position:relative;height:660px;display:grid;place-items:center;perspective:1200px;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.stasis-vial-viewer{position:relative;width:min(100%,470px);height:620px;display:grid;place-items:center;outline:none;cursor:grab;touch-action:pan-y}
.stasis-vial-viewer:focus-visible{border-radius:28px;box-shadow:inset 0 0 0 1px rgba(100,198,198,.55)}
.stasis-vial-viewer.is-dragging{cursor:grabbing}
.stasis-vial-webgl{position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:0;transition:opacity .45s ease;pointer-events:none}
.stasis-vial-fallback{position:absolute;inset:0;z-index:1;display:grid;place-items:center;opacity:1;transition:opacity .3s ease;pointer-events:none}
.stasis-vial-viewer.is-webgl-ready .stasis-vial-webgl{opacity:1}
.stasis-vial-viewer.is-webgl-ready .stasis-vial-fallback{opacity:0}
.stasis-vial-rotor{--vial-scale:1;--vial-skew:0deg;--front-opacity:1;--back-opacity:0;--edge-opacity:0;--light-shift:50%;position:relative;width:400px;height:560px;transform:scaleX(var(--vial-scale)) skewY(var(--vial-skew));transform-origin:50% 52%;transition:transform .55s cubic-bezier(.22,1,.36,1);will-change:transform}
.stasis-vial-viewer.is-dragging .stasis-vial-rotor{transition:none}
.stasis-vial-rotor::after{content:"";position:absolute;inset:7% 23% 6%;z-index:4;border-radius:42% 42% 30% 30% / 12% 12% 8% 8%;background:linear-gradient(90deg,rgba(0,0,0,.32),transparent 17%,rgba(255,255,255,.12) var(--light-shift),transparent 72%,rgba(0,0,0,.42));mix-blend-mode:soft-light;pointer-events:none}
.stasis-vial-face{position:absolute;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 42px 40px rgba(0,0,0,.66))!important;pointer-events:none;transition:opacity .28s ease}
.stasis-vial-front{opacity:var(--front-opacity)}
.stasis-vial-back{opacity:var(--back-opacity)}
.stasis-vial-edge{position:absolute;left:50%;top:7%;z-index:5;width:58px;height:86%;border:1px solid rgba(223,249,251,.3);border-radius:50%;opacity:var(--edge-opacity);background:linear-gradient(90deg,rgba(0,0,0,.32),rgba(179,237,239,.2) 42%,rgba(255,255,255,.14) 55%,rgba(0,0,0,.4));box-shadow:inset 0 0 16px rgba(255,255,255,.15),0 20px 28px rgba(0,0,0,.36);transform:translateX(-50%);pointer-events:none;transition:opacity .25s ease}
.stasis-drag-hint{position:absolute;left:50%;bottom:2px;display:inline-flex;align-items:center;gap:8px;transform:translateX(-50%);color:#85858b;font-size:10px;letter-spacing:.02em;white-space:nowrap;transition:opacity .3s ease}
.stasis-drag-hint i{color:#64c6c6;font-size:14px;font-style:normal}
.stasis-vial-viewer.is-dragging .stasis-drag-hint{opacity:.35}
.stasis-fluid-field{position:absolute;left:50%;bottom:70px;width:min(54%,330px);height:var(--fluid-level);max-height:112px;min-height:68px;overflow:hidden;border:1px solid rgba(117,215,220,.1);border-radius:46% 54% 42% 58% / 56% 45% 55% 44%;opacity:.48;background:linear-gradient(180deg,rgba(179,236,235,.04),rgba(61,176,187,.11) 58%,rgba(21,89,99,.08));filter:drop-shadow(0 0 28px rgba(58,173,184,.08));transform:translateX(-50%);transition:height 1s cubic-bezier(.22,1,.36,1),border-radius 1s cubic-bezier(.22,1,.36,1);pointer-events:none}
.stasis-fluid-field::before{content:"";position:absolute;inset:-30% -15% 55%;border:1px solid rgba(204,250,250,.18);border-radius:44% 56% 50% 50%;background:rgba(151,231,231,.07);animation:stasisLiquidSurface 8s linear infinite}
.stasis-fluid-field::after{content:"";position:absolute;inset:52% -10% -25%;border-radius:55% 45% 47% 53%;background:radial-gradient(circle at 50% 10%,rgba(164,239,239,.2),transparent 48%);animation:stasisLiquidSurface 11s linear infinite reverse}
.stasis-fluid-field i{position:absolute;border-radius:50%;background:rgba(199,252,250,.22);box-shadow:inset 0 0 13px rgba(255,255,255,.24)}
.stasis-fluid-field i:nth-child(1){left:18%;bottom:16%;width:14px;height:14px;animation:stasisBubble 5.8s ease-in-out infinite}
.stasis-fluid-field i:nth-child(2){right:21%;bottom:10%;width:8px;height:8px;animation:stasisBubble 7.2s ease-in-out -2s infinite}
.stasis-fluid-field i:nth-child(3){right:36%;bottom:25%;width:20px;height:20px;animation:stasisBubble 8.6s ease-in-out -4s infinite}
@keyframes stasisLiquidSurface{to{transform:rotate(360deg)}}
@keyframes stasisBubble{0%,100%{opacity:0;transform:translateY(34px) scale(.7)}35%{opacity:.75}75%{opacity:.16;transform:translateY(-145px) scale(1.08)}}
.stasis-explorer-3d .stasis-explorer-detail{position:relative;align-self:center;margin:0;padding:26px;border:1px solid #333337;border-radius:22px;background:rgba(20,20,23,.9);backdrop-filter:blur(14px)}
.stasis-explorer-3d .stasis-explorer-detail>span{color:#64c6c6;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.stasis-explorer-3d .stasis-explorer-detail>span b{font-weight:700}
.stasis-explorer-3d .stasis-explorer-detail h3{margin:12px 0;color:#fff;font-size:clamp(36px,3vw,50px);font-weight:600;letter-spacing:-.055em}
.stasis-explorer-3d .stasis-explorer-detail p{margin:0;color:#99999f;font-size:12px;line-height:1.65}
.stasis-explorer-detail ul{display:grid;gap:9px;margin:22px 0 24px;padding:18px 0;border-top:1px solid #303034;border-bottom:1px solid #303034;list-style:none}
.stasis-explorer-detail li{display:flex;align-items:center;gap:9px;color:#c5c5c9;font-size:10px}
.stasis-explorer-detail li::before{content:"";width:5px;height:5px;border-radius:50%;background:#64c6c6;box-shadow:0 0 0 4px rgba(100,198,198,.08)}
.stasis-explorer-3d .stasis-explorer-detail a{display:inline-flex;align-items:center;gap:5px;color:#fff;font-size:11px;font-weight:600}

@media(max-width:1100px){
  .stasis-explorer-stage.stasis-explorer-3d{grid-template-columns:190px minmax(360px,1fr);min-height:790px}
  .stasis-explorer-3d .stasis-explorer-detail{position:absolute;right:30px;bottom:30px;width:min(330px,38%)}
  .stasis-vial-rotor{width:360px;height:520px}
}
@media(max-width:760px){
  .stasis-product-explorer>header h2{font-size:clamp(58px,18vw,86px)}
  .stasis-explorer-stage.stasis-explorer-3d{min-height:0;display:flex;flex-direction:column;padding:18px;border-radius:25px}
  .stasis-explorer-3d .stasis-explorer-visual{order:1;width:100%;height:520px}
  .stasis-vial-viewer{height:500px}
  .stasis-vial-rotor{width:310px;height:440px}
  .stasis-fluid-field{bottom:46px;min-height:150px;max-height:340px}
  .stasis-explorer-3d .stasis-explorer-controls{order:2;width:100%;align-self:stretch}
  .stasis-control-group.is-open{transform:none}
  .stasis-explorer-3d .stasis-explorer-detail{position:static;order:3;width:100%;margin:8px 0 0}
}
@media(max-width:430px){
  .stasis-explorer-3d .stasis-explorer-visual{height:450px}
  .stasis-vial-viewer{height:430px}
  .stasis-vial-rotor{width:275px;height:390px}
  .stasis-fluid-field{min-height:130px}
}
@media(prefers-reduced-motion:reduce){
  .stasis-control-panel,.stasis-vial-rotor,.stasis-fluid-field,.stasis-fluid-field::before,.stasis-fluid-field::after,.stasis-fluid-field i{animation:none!important;transition:none!important}
}

/* Apple-style product detail stage, adapted to Stasis */
.home-page .stasis-product-explorer{padding-block:clamp(108px,10vw,168px)}
.stasis-product-explorer>header{width:min(100%,1440px);margin:0 auto clamp(52px,5vw,76px)}
.stasis-product-explorer>header .eyebrow{margin-bottom:20px}
.stasis-product-explorer>header h2{max-width:980px;font-size:clamp(58px,6.6vw,104px);font-weight:600;letter-spacing:-.065em;line-height:.94}
.stasis-explorer-stage.stasis-explorer-3d{
  width:min(100%,1440px);
  min-height:800px;
  margin-inline:auto;
  grid-template-columns:minmax(340px,420px) minmax(0,1fr);
  gap:clamp(44px,6vw,96px);
  padding:clamp(70px,7vw,108px) clamp(52px,6vw,92px);
  border-color:#202023;
  border-radius:32px;
  background:#000;
}
.stasis-explorer-stage.stasis-explorer-3d::before{background:radial-gradient(circle at 70% 52%,rgba(62,156,166,.105),transparent 34%)}
.stasis-explorer-stage.is-closed{display:none}
.stasis-explorer-close{position:absolute;top:26px;right:26px;z-index:20;width:42px;height:42px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#f5f5f7;background:#202023;font-size:27px;font-weight:300;line-height:1;cursor:pointer;transition:background-color .2s ease,transform .2s ease}
.stasis-explorer-close:hover{background:#343438;transform:scale(1.04)}
.stasis-explorer-close:focus-visible,.stasis-feature-nav button:focus-visible,.stasis-explorer-reopen:focus-visible{outline:2px solid #64c6c6;outline-offset:3px}
.stasis-explorer-reopen{display:inline-flex;align-items:center;gap:10px;margin:0 auto;padding:14px 22px;border:1px solid #343438;border-radius:999px;color:#f5f5f7;background:#1d1d1f;font-size:14px;font-weight:600;cursor:pointer}
.stasis-explorer-reopen[hidden]{display:none!important}
.stasis-feature-nav{position:absolute;left:24px;top:50%;z-index:7;display:grid;gap:14px;transform:translateY(-50%)}
.stasis-feature-nav button{width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#f5f5f7;background:#171719;font-size:21px;line-height:1;cursor:pointer;transition:background-color .2s ease,transform .2s ease}
.stasis-feature-nav button:hover{background:#2b2b2f;transform:scale(1.04)}
.stasis-explorer-3d .stasis-explorer-controls{width:100%;max-width:420px;gap:12px;justify-self:start}
.stasis-control-group{width:max-content;max-width:100%;overflow:visible;border:0;border-radius:999px;background:#202023;transition:background-color .25s ease,transform .35s cubic-bezier(.22,1,.36,1)}
.stasis-control-group.is-open{width:100%;border:0;border-radius:26px;background:#202023;transform:none}
.stasis-explorer-3d .stasis-control-trigger{width:auto;min-width:214px;min-height:58px;display:flex;grid-template-columns:none;gap:13px;justify-content:flex-start;padding:0 19px;border-radius:999px;color:#f5f5f7;background:#202023}
.stasis-control-group.is-open .stasis-control-trigger{width:100%;min-height:62px;border-radius:26px 26px 0 0;padding:8px 26px 0;background:#202023}
.stasis-explorer-3d .stasis-control-trigger:hover{background:#29292c}
.stasis-control-group.is-open .stasis-control-trigger:hover{background:#202023}
.stasis-control-trigger i{order:0;flex:0 0 auto;width:25px;height:25px;border:1px solid #b8b8bd;border-radius:50%;color:#f5f5f7;background:transparent;font-size:17px;font-weight:400}
.stasis-control-group.is-open .stasis-control-trigger i{transform:rotate(45deg)}
.stasis-control-trigger strong{order:1;overflow:visible;color:#f5f5f7;font-size:16px;font-weight:600;letter-spacing:-.015em;text-overflow:clip}
.stasis-control-trigger span{order:2;margin-left:auto;color:#a1a1a6;font-size:13px;font-weight:500}
.stasis-control-panel{padding:10px 26px 27px;animation:stasisControlReveal .3s cubic-bezier(.22,1,.36,1) both}
.stasis-control-panel p,.stasis-control-panel small{margin:0;color:#d1d1d6;font-size:16px;line-height:1.48}
.stasis-control-panel p b{color:#f5f5f7;font-weight:650}
.stasis-control-panel .stasis-segmented+p{margin-top:18px}
.stasis-segmented{gap:7px;padding:5px;border-radius:15px;background:#121214}
.stasis-segmented button{min-height:42px;border-radius:11px;font-size:12px}
.stasis-explorer-product-link{display:inline-flex;align-items:center;gap:7px;margin-top:22px;color:#f5f5f7;font-size:14px;font-weight:600}
.stasis-explorer-product-link span{color:#64c6c6}
.stasis-explorer-3d .stasis-explorer-visual{height:680px;justify-self:stretch}
.stasis-vial-viewer{width:min(100%,650px);height:680px}
.stasis-vial-rotor{width:460px;height:630px}

@media(max-width:1100px){
  .stasis-explorer-stage.stasis-explorer-3d{grid-template-columns:minmax(300px,370px) minmax(0,1fr);gap:30px;min-height:760px;padding:80px 42px 64px 68px}
  .stasis-explorer-3d .stasis-explorer-visual{height:620px}
  .stasis-vial-viewer{height:620px}
  .stasis-vial-rotor{width:390px;height:550px}
  .stasis-feature-nav{left:16px}
}
@media(max-width:760px){
  .home-page .stasis-product-explorer{padding-block:88px}
  .stasis-product-explorer>header{margin-bottom:42px}
  .stasis-product-explorer>header h2{font-size:clamp(52px,15vw,76px)}
  .stasis-explorer-stage.stasis-explorer-3d{display:flex;min-height:0;padding:76px 18px 24px;border-radius:25px}
  .stasis-explorer-close{top:18px;right:18px;width:38px;height:38px}
  .stasis-feature-nav{position:static;order:3;display:flex;align-self:center;margin-top:3px;transform:none}
  .stasis-explorer-3d .stasis-explorer-visual{order:1;height:500px}
  .stasis-vial-viewer{height:490px}
  .stasis-vial-rotor{width:310px;height:440px}
  .stasis-explorer-3d .stasis-explorer-controls{order:2;max-width:none;margin-top:10px}
  .stasis-control-group,.stasis-control-group.is-open{width:100%}
  .stasis-explorer-3d .stasis-control-trigger{width:100%;min-width:0}
  .stasis-control-panel p,.stasis-control-panel small{font-size:15px}
}
@media(max-width:430px){
  .stasis-explorer-3d .stasis-explorer-visual{height:430px}
  .stasis-vial-viewer{height:420px}
  .stasis-vial-rotor{width:270px;height:385px}
  .stasis-control-trigger strong{font-size:15px}
}

/* Final Apple-reference proportions */
.home-page .stasis-product-explorer{position:relative;width:min(1540px,calc(100% - 64px));padding-block:clamp(112px,9vw,154px);isolation:isolate}
.home-page .stasis-product-explorer::before{content:"";position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:#1d1d1f}
.stasis-product-explorer>header{width:min(100%,1540px);margin:0 auto 78px;padding-left:88px}
.stasis-product-explorer>header h2{max-width:none;font-size:clamp(48px,3.25vw,64px);font-weight:600;letter-spacing:-.045em;line-height:1.06}
.stasis-explorer-stage.stasis-explorer-3d{
  width:min(100%,1540px);
  min-height:0;
  aspect-ratio:1540/760;
  grid-template-columns:430px minmax(0,1fr);
  gap:46px;
  padding:78px 56px 54px 90px;
  border:0;
  border-radius:30px;
  background:#000;
}
.stasis-explorer-stage.stasis-explorer-3d::before{background:radial-gradient(circle at 70% 53%,rgba(100,198,198,.085),transparent 31%)}
.stasis-explorer-close{top:22px;right:22px;width:38px;height:38px;background:#1d1d1f;font-size:25px}
.stasis-feature-nav{left:25px;gap:14px}
.stasis-feature-nav button{width:36px;height:36px;background:#171719;font-size:20px}
.stasis-explorer-3d .stasis-explorer-controls{max-width:430px;gap:12px}
.stasis-control-group{border-radius:999px;background:#202023}
.stasis-control-group.is-open{border-radius:0;background:transparent}
.stasis-control-group.is-open .stasis-control-trigger{display:none}
.stasis-explorer-3d .stasis-control-trigger{min-width:0;min-height:57px;padding:0 18px;border-radius:999px;background:#202023}
.stasis-explorer-3d .stasis-control-trigger:hover{background:#2a2a2d}
.stasis-control-trigger i{width:25px;height:25px;border-color:#d2d2d7;font-size:16px}
.stasis-control-trigger strong{font-size:16px;font-weight:600}
.stasis-control-trigger span{font-size:13px}
.stasis-control-panel{width:100%;padding:26px 28px 28px;border-radius:26px;background:#202023}
.stasis-control-panel p,.stasis-control-panel small{color:#e2e2e5;font-size:17px;line-height:1.5;letter-spacing:-.012em}
.stasis-control-panel p b{font-weight:650}
.stasis-segmented{margin-bottom:20px}
.stasis-explorer-3d .stasis-explorer-visual{height:100%;min-height:620px;place-items:end center}
.stasis-vial-viewer{width:min(100%,780px);height:680px}
.stasis-drag-hint{bottom:8px}

@media(max-width:1100px){
  .stasis-product-explorer>header{padding-left:54px;margin-bottom:58px}
  .stasis-explorer-stage.stasis-explorer-3d{aspect-ratio:auto;min-height:720px;grid-template-columns:360px minmax(0,1fr);padding:72px 38px 48px 62px}
  .stasis-explorer-3d .stasis-explorer-controls{max-width:360px}
  .stasis-explorer-3d .stasis-explorer-visual{min-height:590px}
  .stasis-vial-viewer{height:620px}
}
@media(max-width:760px){
  .home-page .stasis-product-explorer{width:calc(100% - 24px);padding-block:88px}
  .stasis-product-explorer>header{margin-bottom:42px;padding-left:0}
  .stasis-product-explorer>header h2{font-size:clamp(45px,13vw,62px)}
  .stasis-explorer-stage.stasis-explorer-3d{display:flex;min-height:0;padding:72px 18px 24px}
  .stasis-explorer-3d .stasis-explorer-visual{height:500px;min-height:0;place-items:center}
  .stasis-vial-viewer{height:490px}
  .stasis-feature-nav{position:static}
  .stasis-control-panel p,.stasis-control-panel small{font-size:16px}
}

/* Refined information states and Apple-like control geometry */
.stasis-explorer-stage.stasis-explorer-3d{
  grid-template-columns:400px minmax(390px,1fr) 290px;
  gap:36px;
  padding:76px 52px 48px 88px;
}
.stasis-explorer-3d .stasis-explorer-controls{max-width:400px;gap:12px}
.stasis-explorer-3d .stasis-explorer-visual{justify-self:center;width:100%;place-items:center}
.stasis-vial-viewer{width:min(100%,620px);height:660px}
.stasis-control-group{min-height:56px}
.stasis-explorer-3d .stasis-control-trigger{min-height:56px;padding-inline:17px 19px}
.stasis-control-trigger strong{font-size:17px;letter-spacing:-.018em}
.stasis-control-trigger span{font-size:13px}
.stasis-control-panel{padding:25px 28px 27px;border-radius:25px}
.stasis-control-panel p,.stasis-control-panel small{font-size:17px;line-height:1.48}
.stasis-explorer-stage.is-identity [data-feature="identity"].is-open{width:max-content;min-height:56px;border-radius:999px;background:#202023}
.stasis-explorer-stage.is-identity [data-feature="identity"].is-open .stasis-control-trigger{display:flex;width:auto;min-height:56px;padding:0 21px 0 15px;border-radius:999px}
.stasis-explorer-stage.is-identity [data-feature="identity"] .stasis-control-trigger i{border:0;background:#64c6c6;font-size:0;box-shadow:0 0 0 1px rgba(100,198,198,.12)}
.stasis-explorer-stage.is-identity [data-feature="identity"] .stasis-control-trigger i::before{content:""}
.stasis-feature-nav{left:28px;gap:14px}
.stasis-feature-nav button{position:relative;width:36px;height:36px;display:grid;place-items:center;font-size:0}
.stasis-feature-nav button::before{content:"";width:8px;height:8px;border-right:2px solid #f5f5f7;border-bottom:2px solid #f5f5f7;transform:rotate(225deg);transform-origin:center}
.stasis-feature-nav button[data-feature-next]::before{transform:rotate(45deg)}
.stasis-explorer-3d .stasis-explorer-detail{position:relative;right:auto;bottom:auto;align-self:center;width:290px;margin:0;padding:28px 27px;border:1px solid #343438;border-radius:23px;background:#151517;backdrop-filter:none}
.stasis-explorer-3d .stasis-explorer-detail[hidden]{display:none!important}
.stasis-explorer-3d .stasis-explorer-detail>span{color:#64c6c6;font-size:10px;font-weight:700;letter-spacing:.12em}
.stasis-explorer-3d .stasis-explorer-detail h3{margin:16px 0 14px;font-size:48px;line-height:.96}
.stasis-explorer-3d .stasis-explorer-detail p{color:#aaaab0;font-size:13px;line-height:1.6}
.stasis-explorer-detail ul{gap:10px;margin:24px 0;padding:20px 0}
.stasis-explorer-detail li{font-size:10px}
.stasis-explorer-3d .stasis-explorer-detail a{font-size:12px}
.stasis-explorer-close{display:grid}

@media(max-width:1180px){
  .stasis-explorer-stage.stasis-explorer-3d{grid-template-columns:340px minmax(360px,1fr);gap:30px;aspect-ratio:auto;min-height:760px;padding:76px 42px 48px 66px}
  .stasis-explorer-3d .stasis-explorer-controls{max-width:340px}
  .stasis-explorer-3d .stasis-explorer-detail{position:absolute;right:34px;bottom:34px;width:280px}
  .stasis-feature-nav{left:17px}
}
@media(max-width:760px){
  .stasis-explorer-stage.stasis-explorer-3d{display:flex;padding:70px 18px 24px}
  .stasis-explorer-3d .stasis-explorer-controls{max-width:none}
  .stasis-explorer-3d .stasis-explorer-detail{position:static;order:3;width:100%;margin-top:10px}
  .stasis-explorer-stage.is-identity [data-feature="identity"].is-open{width:100%}
  .stasis-explorer-stage.is-identity [data-feature="identity"].is-open .stasis-control-trigger{width:100%}
  .stasis-feature-nav{order:4}
}

/* Two-phase pill-to-card motion: surface first, copy second */
.stasis-explorer-3d .stasis-control-group{position:relative;overflow:visible;transition:none}
.stasis-explorer-3d .stasis-control-group:not([data-feature="identity"]){width:100%;min-height:56px;background:transparent}
.stasis-explorer-3d .stasis-control-group:not([data-feature="identity"]) .stasis-control-panel{display:none;width:var(--collapsed-card-width,220px);min-height:56px;max-height:56px;overflow:hidden;padding:0 18px;border-radius:999px;opacity:0;background:#202023;transition:width .42s cubic-bezier(.22,1,.36,1),max-height .42s cubic-bezier(.22,1,.36,1),min-height .42s cubic-bezier(.22,1,.36,1),padding .42s cubic-bezier(.22,1,.36,1),border-radius .42s cubic-bezier(.22,1,.36,1),opacity .06s linear;will-change:width,max-height}
.stasis-explorer-3d .stasis-control-group:not([data-feature="identity"]) .stasis-control-panel>*{opacity:0;transform:translateY(7px);transition:opacity .18s ease,transform .24s cubic-bezier(.22,1,.36,1)}
.stasis-explorer-3d .stasis-control-group.is-morphing:not([data-feature="identity"]) .stasis-control-trigger{position:absolute;inset:0 auto auto 0;z-index:0;display:flex;opacity:0;pointer-events:none}
.stasis-explorer-3d .stasis-control-group.is-morphing:not([data-feature="identity"]) .stasis-control-panel{position:relative;z-index:1;display:block;opacity:1}
.stasis-explorer-3d .stasis-control-group.is-open:not([data-feature="identity"]) .stasis-control-panel{width:100%;min-height:148px;max-height:270px;padding:25px 28px 27px;border-radius:25px}
.stasis-explorer-3d .stasis-control-group.is-open:not([data-feature="identity"]) .stasis-control-panel>*{opacity:1;transform:none;transition-delay:.2s}
.stasis-explorer-stage.is-identity [data-feature="identity"].is-selected{width:max-content;min-height:56px;border-radius:999px;background:#202023}
.stasis-explorer-stage.is-identity [data-feature="identity"].is-selected .stasis-control-trigger{display:flex;width:auto;min-height:56px;padding:0 21px 0 15px;border-radius:999px}
.stasis-explorer-stage.is-identity [data-feature="identity"].is-selected .stasis-control-trigger i{border:0;background:#64c6c6;font-size:0;box-shadow:0 0 0 1px rgba(100,198,198,.12)}
.stasis-explorer-stage.is-identity .stasis-explorer-detail{animation:stasisDetailCardIn .36s cubic-bezier(.22,1,.36,1) both}
@keyframes stasisDetailCardIn{0%{opacity:0;transform:scale(.965) translateY(7px)}45%{opacity:.18}100%{opacity:1;transform:none}}

@media(max-width:760px){
  .stasis-explorer-stage.is-identity [data-feature="identity"].is-selected{width:100%}
  .stasis-explorer-stage.is-identity [data-feature="identity"].is-selected .stasis-control-trigger{width:100%}
  .stasis-explorer-3d .stasis-control-group.is-open:not([data-feature="identity"]) .stasis-control-panel{max-height:340px}
}
@media(prefers-reduced-motion:reduce){
  .stasis-explorer-3d .stasis-control-group:not([data-feature="identity"]) .stasis-control-panel,.stasis-explorer-3d .stasis-control-group:not([data-feature="identity"]) .stasis-control-panel>*,.stasis-explorer-stage.is-identity .stasis-explorer-detail{animation:none!important;transition:none!important}
}

/* Rounded Apple-like strength selector and supplied liquid states */
@property --strength-reveal{syntax:"<percentage>";inherits:false;initial-value:0%}
.stasis-strength-swatches{display:flex;align-items:flex-start;justify-content:center;gap:24px;margin-top:22px}
.stasis-strength-swatches button{min-width:48px;display:grid;justify-items:center;gap:9px;padding:2px 4px;border:0;color:#9f9fa5;background:transparent;cursor:pointer}
.stasis-strength-swatches button i{--dose-level:50%;position:relative;width:30px;height:30px;display:block;overflow:hidden;border:1px solid #5c6063;border-radius:50%;background:linear-gradient(to top,#9bdcdf 0 var(--dose-level),#111416 var(--dose-level) 100%);box-shadow:inset 0 1px 3px rgba(255,255,255,.22);transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .28s ease}
.stasis-strength-swatches button i::after{content:"";position:absolute;inset:2px;border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.4),transparent 28%);pointer-events:none}
.stasis-strength-swatches button span{font-size:11px;font-weight:600;white-space:nowrap;transition:color .2s ease}
.stasis-strength-swatches button:hover i{transform:scale(1.08);border-color:#a7acad}
.stasis-strength-swatches button.is-active i{border-color:#f5f5f7;box-shadow:0 0 0 3px #202023,0 0 0 5px #f5f5f7,inset 0 1px 3px rgba(255,255,255,.25);transform:scale(1.02)}
.stasis-strength-swatches button.is-active span{color:#f5f5f7}
.stasis-strength-scene{--strength-rotate-x:0deg;--strength-rotate-y:0deg;--strength-shift-x:0px;--strength-shift-y:0px;position:absolute;left:50%;top:50%;z-index:4;width:min(88%,470px);height:min(94%,650px);opacity:0;transform:translate(-50%,-48%) scale(.96);perspective:1000px;pointer-events:none;transition:opacity .32s ease,transform .46s cubic-bezier(.22,1,.36,1),visibility 0s linear .32s;visibility:hidden}
.stasis-strength-float{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:translate3d(var(--strength-shift-x),var(--strength-shift-y),0) rotateX(var(--strength-rotate-x)) rotateY(var(--strength-rotate-y));animation:stasisStrengthFloat 5.2s ease-in-out infinite;transition:none;will-change:transform}
.stasis-strength-scene.is-pointer-active .stasis-strength-float{animation-play-state:paused}
.stasis-strength-reference{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none;transform:translateZ(28px);pointer-events:none;will-change:clip-path;}
.stasis-strength-reference-current{z-index:1;opacity:1}
.stasis-strength-reference-next{--strength-reveal:0%;z-index:2;opacity:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent calc(100% - var(--strength-reveal) - 7%),rgba(0,0,0,.35) calc(100% - var(--strength-reveal)),#000 calc(100% - var(--strength-reveal) + 7%),#000 100%);mask-image:linear-gradient(to bottom,transparent 0,transparent calc(100% - var(--strength-reveal) - 7%),rgba(0,0,0,.35) calc(100% - var(--strength-reveal)),#000 calc(100% - var(--strength-reveal) + 7%),#000 100%);transition:--strength-reveal .64s cubic-bezier(.2,.78,.2,1),opacity .12s ease;will-change:opacity,-webkit-mask-image,mask-image}
.stasis-strength-scene.is-strength-lowering .stasis-strength-reference-next{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(var(--strength-reveal) - 7%),rgba(0,0,0,.35) var(--strength-reveal),transparent calc(var(--strength-reveal) + 7%),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(var(--strength-reveal) - 7%),rgba(0,0,0,.35) var(--strength-reveal),transparent calc(var(--strength-reveal) + 7%),transparent 100%)}
.stasis-strength-scene.is-strength-blending .stasis-strength-reference-next{--strength-reveal:100%;opacity:1}
.stasis-strength-scene.is-strength-committing .stasis-strength-reference{transition:none!important}
.stasis-strength-glow{display:none}
.stasis-liquid-particle{position:absolute;z-index:3;display:block;border:1px solid rgba(220,255,255,.54);border-radius:50%;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.8),rgba(142,224,227,.48) 28%,rgba(55,143,151,.22) 62%,rgba(8,31,35,.18));box-shadow:inset -5px -7px 11px rgba(0,40,46,.32),0 0 18px rgba(100,198,198,.3);transform:translateZ(64px);opacity:.76}
.stasis-liquid-particle.is-one{right:12%;top:28%;width:18px;height:18px;animation:stasisLiquidParticle 3.4s ease-in-out infinite}
.stasis-liquid-particle.is-two{left:12%;top:42%;width:11px;height:11px;animation:stasisLiquidParticle 4.1s ease-in-out -.9s infinite reverse}
.stasis-liquid-particle.is-three{right:18%;bottom:21%;width:9px;height:9px;animation:stasisLiquidParticle 3.7s ease-in-out -1.7s infinite}
.stasis-explorer-stage.is-strength-view .stasis-strength-scene{visibility:visible;opacity:1;transform:translate(-50%,-50%) scale(1);transition-delay:0s}
.stasis-explorer-stage.is-strength-view .stasis-vial-viewer{opacity:0;transform:scale(.965);pointer-events:none}
.stasis-explorer-stage.is-identity .stasis-strength-scene{visibility:hidden;opacity:0!important;transition:none!important}
.stasis-explorer-stage.is-identity .stasis-vial-viewer{opacity:1!important;transform:none!important;pointer-events:auto}
.stasis-vial-viewer{transition:opacity .24s ease,transform .4s cubic-bezier(.22,1,.36,1)}
@keyframes stasisStrengthFloat{0%,100%{translate:0 -5px}50%{translate:0 7px}}
@keyframes stasisLiquidParticle{0%,100%{translate:0 0;scale:.88;opacity:.48}50%{translate:7px -13px;scale:1.12;opacity:.92}}

@media(max-width:760px){
  .stasis-strength-scene{width:min(92%,390px);height:470px}
  .stasis-strength-swatches{gap:30px}
}
@media(prefers-reduced-motion:reduce){
  .stasis-strength-scene,.stasis-strength-float,.stasis-strength-reference,.stasis-strength-glow,.stasis-liquid-particle,.stasis-vial-viewer,.stasis-strength-swatches button i{animation:none!important;transition:none!important}
}

/* Immersive horizontally scrolling home catalog */
.home-page .top-sellers.home-product-carousel{position:relative;width:100%;max-width:none;margin:0;overflow:hidden;padding:clamp(110px,10vw,170px) 0 clamp(56px,4.5vw,80px);background:#000;color:#f5f5f7}
.home-product-carousel::before{content:"";position:absolute;left:50%;top:41%;width:min(760px,70vw);height:440px;border-radius:50%;background:radial-gradient(circle,rgba(72,173,182,.11),transparent 68%);filter:blur(16px);transform:translate(-50%,-50%);pointer-events:none}
.stasis-carousel-heading{position:relative;z-index:2;width:min(1280px,calc(100% - 64px));margin:0 auto 72px;text-align:center}
.stasis-carousel-heading .eyebrow{margin-bottom:22px;color:#64c6c6}
.stasis-carousel-heading h2{margin:0;color:#f5f5f7;font-size:clamp(58px,6.8vw,104px);font-weight:600;letter-spacing:-.065em;line-height:.92}
.stasis-carousel-heading p{margin:28px auto 0;color:#8f8f96;font-size:16px}
.stasis-carousel-shell{position:relative;width:100%;isolation:isolate}
.stasis-product-rail{position:relative;width:100vw;display:flex;align-items:center;gap:24px;overflow-x:auto;overflow-y:hidden;padding:24px calc(50vw - 175px) 48px;scroll-padding-inline:calc(50vw - 175px);scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.stasis-product-rail::-webkit-scrollbar{display:none}
.stasis-product-rail.is-dragging,.stasis-product-rail.is-gliding{cursor:grabbing;scroll-snap-type:none}
.stasis-carousel-card{position:relative;flex:0 0 350px;height:460px;overflow:hidden;border:1px solid #29292d;border-radius:30px;background:linear-gradient(150deg,#111417,#050607);scroll-snap-align:center;transform-origin:50% 60%;box-shadow:0 28px 60px rgba(0,0,0,.44);transition:transform .16s cubic-bezier(.22,.61,.36,1),opacity .16s linear,border-color .28s ease,box-shadow .35s ease;will-change:transform,opacity}
.stasis-carousel-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.82));pointer-events:none}
.stasis-carousel-card img{width:100%;height:100%;object-fit:cover;object-position:center top;pointer-events:none;-webkit-user-drag:none;transform:scale(1.02);transition:transform .55s cubic-bezier(.22,1,.36,1),filter .35s ease}
.stasis-carousel-card.is-active{border-color:rgba(100,198,198,.55);box-shadow:0 34px 76px rgba(0,0,0,.62),0 0 0 1px rgba(100,198,198,.12)}
.stasis-carousel-card.is-active img{transform:scale(1.065);filter:brightness(1.08)}
.stasis-carousel-arrow{position:absolute;top:50%;z-index:30;width:48px;height:48px;display:grid;place-items:center;padding:0;border:1px solid #343438;border-radius:50%;background:rgba(28,28,31,.92);backdrop-filter:blur(12px);transform:translateY(-50%);cursor:pointer;transition:background-color .2s ease,transform .2s ease}
.stasis-carousel-arrow::before{content:"";width:9px;height:9px;border-right:2px solid #f5f5f7;border-bottom:2px solid #f5f5f7}
.stasis-carousel-arrow.is-prev{left:clamp(18px,4vw,72px)}
.stasis-carousel-arrow.is-prev::before{transform:rotate(135deg)}
.stasis-carousel-arrow.is-next{right:clamp(18px,4vw,72px)}
.stasis-carousel-arrow.is-next::before{transform:rotate(-45deg)}
.stasis-carousel-arrow:hover{background:#323237;transform:translateY(-50%) scale(1.06)}
.stasis-carousel-detail{position:relative;z-index:3;isolation:isolate;min-height:270px;display:grid;justify-items:center;align-content:start;margin-top:12px;padding:18px 24px 46px;text-align:center;opacity:0;transform:translateY(9px);transition:opacity .22s ease,transform .38s cubic-bezier(.22,1,.36,1)}
.stasis-carousel-detail.is-ready{opacity:1;transform:none}
.stasis-carousel-detail>:not(.stasis-carousel-points){position:relative;z-index:2}
.stasis-carousel-points{--cursor-x:0px;--cursor-y:0px;position:absolute;z-index:0;top:-36px;left:50%;width:min(980px,94vw);height:280px;overflow:hidden;border-radius:50%;pointer-events:none;transform:translateX(-50%);opacity:.82;transition:opacity .35s ease,filter .45s ease}
.stasis-carousel-points::before,.stasis-carousel-points::after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);transition:transform .7s cubic-bezier(.22,1,.36,1),border-color .35s ease,opacity .35s ease}
.stasis-carousel-points::before{width:68%;height:58%;border:1px solid rgba(100,198,198,.12);box-shadow:0 0 90px rgba(67,175,179,.08),inset 0 0 70px rgba(67,175,179,.035);opacity:.78}
.stasis-carousel-points::after{width:44%;height:38%;border:1px solid rgba(100,198,198,.08);opacity:.5}
.stasis-carousel-points i{position:absolute;left:var(--point-x);top:var(--point-y);width:var(--point-size);height:var(--point-size);border-radius:50%;background:radial-gradient(circle at 32% 28%,#efffff 0 10%,#72d3d3 32%,#2b8589 68%,rgba(43,133,137,.08) 100%);box-shadow:0 0 0 1px rgba(129,227,227,.08),0 0 14px rgba(100,198,198,.48);opacity:.58;animation:stasisPointDrift 5.4s ease-in-out var(--point-delay) infinite;transition:opacity .28s ease,box-shadow .35s ease,filter .35s ease}
.stasis-carousel-point-cursor{position:absolute!important;z-index:1!important;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border:1px solid rgba(115,220,220,.3);border-radius:50%;box-shadow:0 0 28px rgba(100,198,198,.14),inset 0 0 22px rgba(100,198,198,.06);opacity:0;transform:translate3d(var(--cursor-x),var(--cursor-y),0) scale(.7);transition:opacity .25s ease,transform .16s cubic-bezier(.22,1,.36,1)}
.stasis-carousel-point-cursor::before{content:"";position:absolute;inset:50% auto auto 50%;width:4px;height:4px;border-radius:50%;background:#b7ffff;box-shadow:0 0 12px #64c6c6;transform:translate(-50%,-50%)}
.stasis-carousel-points.is-interacting .stasis-carousel-point-cursor{opacity:.8;transform:translate3d(var(--cursor-x),var(--cursor-y),0) scale(1)}
.stasis-carousel-points.is-focused{opacity:1;filter:saturate(1.2)}
.stasis-carousel-points.is-focused::before{border-color:rgba(100,198,198,.25);transform:translate(-50%,-50%) scale(.9)}
.stasis-carousel-points.is-focused::after{border-color:rgba(100,198,198,.18);transform:translate(-50%,-50%) scale(1.12)}
.stasis-carousel-points.is-focused i{opacity:.88;box-shadow:0 0 0 1px rgba(171,255,255,.12),0 0 22px rgba(100,198,198,.72)}
.stasis-carousel-points.is-changing i{animation-name:stasisPointDrift,stasisPointPulse;animation-duration:5.4s,.72s;animation-timing-function:ease-in-out,cubic-bezier(.22,1,.36,1);animation-delay:var(--point-delay),0s;animation-iteration-count:infinite,1}
@keyframes stasisPointDrift{0%,100%{transform:translate3d(var(--move-x,0px),calc(var(--move-y,0px) - 3px),0) scale(.86);opacity:.46}50%{transform:translate3d(var(--move-x,0px),calc(var(--move-y,0px) + 5px),0) scale(1.16);opacity:.78}}
@keyframes stasisPointPulse{0%{box-shadow:0 0 0 0 rgba(100,198,198,.7)}55%{box-shadow:0 0 0 13px rgba(100,198,198,0),0 0 28px rgba(132,241,241,.85)}100%{box-shadow:0 0 0 0 rgba(100,198,198,0),0 0 14px rgba(100,198,198,.48)}}
.stasis-carousel-detail>span{color:#64c6c6;font-size:11px;font-weight:650;letter-spacing:.13em;text-transform:uppercase}
.stasis-carousel-detail h3{margin:12px 0 5px;color:#f5f5f7;font-size:clamp(40px,4.2vw,62px);font-weight:500;letter-spacing:-.05em}
.stasis-carousel-detail p{margin:0 0 24px;color:#9b9ba1;font-size:15px}
.stasis-carousel-detail a{min-height:48px;display:inline-flex;align-items:center;gap:18px;padding:0 9px 0 22px;border-radius:999px;color:#071112;background:#f5f5f7;font-size:13px;font-weight:650}
.stasis-carousel-detail a i{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#061718;background:#64c6c6;font-style:normal;transition:transform .25s ease}
.stasis-carousel-detail a:hover i{transform:translateX(2px)}

@media(max-width:1100px){
  .stasis-product-rail{gap:18px;padding-inline:calc(50vw - 155px);scroll-padding-inline:calc(50vw - 155px)}
  .stasis-carousel-card{flex-basis:310px;height:420px}
}
@media(max-width:760px){
  .home-page .top-sellers.home-product-carousel{padding-block:90px 56px}
  .stasis-carousel-heading{width:calc(100% - 34px);margin-bottom:46px}
  .stasis-carousel-heading h2{font-size:clamp(52px,15vw,76px)}
  .stasis-carousel-heading p{font-size:14px}
  .stasis-product-rail{gap:13px;padding-inline:calc(50vw - 135px);scroll-padding-inline:calc(50vw - 135px)}
  .stasis-carousel-card{flex-basis:270px;height:370px;border-radius:24px}
  .stasis-carousel-arrow{top:auto;bottom:-58px;width:42px;height:42px}
  .stasis-carousel-arrow.is-prev{left:calc(50% - 52px)}
  .stasis-carousel-arrow.is-next{right:calc(50% - 52px)}
  .stasis-carousel-detail{min-height:250px;margin-top:68px;padding-inline:18px}
  .stasis-carousel-points{top:-28px;width:108vw;height:250px;opacity:.7}
  .stasis-carousel-points i:nth-of-type(3n){display:none}
  .stasis-carousel-detail h3{font-size:44px}
}
@media(prefers-reduced-motion:reduce){
  .stasis-carousel-card,.stasis-carousel-card img,.stasis-carousel-detail,.stasis-carousel-arrow,.stasis-carousel-detail a i,.stasis-carousel-points,.stasis-carousel-points *{transition:none!important;animation:none!important}
  .stasis-carousel-points{opacity:.45}
  .stasis-carousel-point-cursor{display:none}
}
@media(hover:none){.stasis-carousel-point-cursor{display:none}}

/* Home: ordering journey */
.home-page .stasis-order-simple{
  position:relative;
  isolation:isolate;
  width:min(1440px,calc(100% - 64px));
  margin-inline:auto;
  padding-block:clamp(112px,10vw,170px);
  color:#f5f5f7;
}
.home-page .stasis-order-simple::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 50%;
  width:100vw;
  transform:translateX(-50%);
  background:
    radial-gradient(circle at 76% 47%,rgba(73,197,201,.09),transparent 31%),
    radial-gradient(circle at 16% 79%,rgba(73,197,201,.04),transparent 24%),
    #050506;
}
.stasis-order-simple-header{
  width:min(1040px,100%);
  margin:0 auto clamp(70px,7vw,108px);
  text-align:center;
}
.stasis-order-simple-header .eyebrow{
  display:block;
  margin-bottom:18px;
  color:#64c6c6;
  font-size:11px;
  font-weight:700;
  letter-spacing:.19em;
  text-transform:uppercase;
}
.stasis-order-simple-header h2{
  margin:0;
  color:#f5f5f7;
  font-size:clamp(58px,6.5vw,96px);
  font-weight:500;
  line-height:.96;
  letter-spacing:-.065em;
}
.stasis-order-simple-header p{
  max-width:720px;
  margin:24px auto 0;
  color:#98989f;
  font-size:clamp(15px,1.35vw,19px);
  line-height:1.55;
}
.stasis-order-simple-header>a{
  display:inline-flex;
  align-items:center;
  gap:16px;
  margin-top:24px;
  padding-bottom:7px;
  border-bottom:1px solid rgba(100,198,198,.7);
  color:#dffafa;
  font-size:14px;
  font-weight:650;
  transition:gap .28s cubic-bezier(.22,1,.36,1),color .2s ease;
}
.stasis-order-simple-header>a:hover{gap:22px;color:#64c6c6}
.stasis-order-simple-grid{
  display:grid;
  grid-template-columns:minmax(350px,.83fr) minmax(560px,1.17fr);
  align-items:start;
  gap:clamp(58px,7vw,112px);
  width:min(1220px,100%);
  margin-inline:auto;
}
.stasis-order-steps{
  position:relative;
  display:grid;
  gap:0;
  padding-left:28px;
}
.stasis-order-steps::before{
  content:"";
  position:absolute;
  top:15px;
  bottom:150px;
  left:5px;
  width:1px;
  background:linear-gradient(#64c6c6 0 63%,rgba(100,198,198,.13) 63% 100%);
}
.stasis-order-step{
  position:relative;
  display:grid;
  grid-template-columns:max-content 1fr;
  gap:13px;
  width:100%;
  padding:0 0 43px;
  border:0;
  color:#8f9096;
  background:transparent;
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:color .3s ease,opacity .3s ease;
}
.stasis-order-step-marker{
  position:absolute;
  top:9px;
  left:-28px;
  width:11px;
  height:11px;
  border:2px solid #071010;
  border-radius:50%;
  background:#596466;
  box-shadow:0 0 0 1px rgba(100,198,198,.42);
  transition:background .3s ease,box-shadow .3s ease,transform .3s cubic-bezier(.22,1,.36,1);
}
.stasis-order-step-number{
  align-self:start;
  min-width:103px;
  padding:8px 13px;
  border:1px solid rgba(100,198,198,.14);
  border-radius:999px;
  color:#9ca0a2;
  background:#151617;
  font-size:10px;
  font-weight:750;
  letter-spacing:.06em;
  text-transform:uppercase;
  transition:color .3s ease,background .3s ease,border-color .3s ease;
}
.stasis-order-step-copy{display:grid;gap:12px;padding-top:3px}
.stasis-order-step-copy strong{
  color:currentColor;
  font-size:clamp(22px,2vw,30px);
  font-weight:500;
  line-height:1.08;
  letter-spacing:-.035em;
}
.stasis-order-step-copy small{
  max-width:340px;
  color:#808187;
  font-size:14px;
  line-height:1.65;
  transition:color .3s ease;
}
.stasis-order-step:is(:hover,:focus-visible),.stasis-order-step.is-active{color:#f5f5f7}
.stasis-order-step:is(:hover,:focus-visible) .stasis-order-step-number,.stasis-order-step.is-active .stasis-order-step-number{
  border-color:rgba(100,198,198,.56);
  color:#061516;
  background:#64c6c6;
}
.stasis-order-step:is(:hover,:focus-visible) .stasis-order-step-marker,.stasis-order-step.is-active .stasis-order-step-marker{
  background:#64c6c6;
  box-shadow:0 0 0 4px rgba(100,198,198,.12),0 0 24px rgba(100,198,198,.36);
  transform:scale(1.08);
}
.stasis-order-step:is(:hover,:focus-visible) small,.stasis-order-step.is-active small{color:#b3b4b8}
.stasis-order-mini-card{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:17px;
  align-items:center;
  width:min(330px,calc(100% - 6px));
  margin:8px 0 0 14px;
  padding:18px 20px;
  border:1px solid rgba(100,198,198,.16);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(100,198,198,.12),rgba(255,255,255,.035));
}
.stasis-order-mini-card img{width:54px;height:82px;object-fit:contain;filter:drop-shadow(0 13px 13px rgba(0,0,0,.4))}
.stasis-order-mini-card p{display:grid;gap:6px;margin:0}
.stasis-order-mini-card strong{color:#e8f7f7;font-size:14px;line-height:1.35}
.stasis-order-mini-card span{color:#8e9294;font-size:12px;line-height:1.5}
.stasis-order-visuals{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.34fr) minmax(120px,.66fr);
  grid-template-rows:minmax(410px,1fr) 150px;
  gap:18px;
  min-height:610px;
}
.stasis-order-visuals figure{margin:0;overflow:hidden;background:#0b0c0d}
.stasis-order-visual-main{
  position:relative;
  grid-column:1/-1;
  min-height:440px;
  border:1px solid rgba(100,198,198,.22);
  border-radius:34px;
  box-shadow:0 28px 80px rgba(0,0,0,.38);
}
.stasis-order-visual-main::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.78));
  pointer-events:none;
}
.stasis-order-visual-main img{
  width:100%;
  height:100%;
  min-height:440px;
  object-fit:cover;
  transition:opacity .24s ease,transform .8s cubic-bezier(.22,1,.36,1),filter .24s ease;
}
.stasis-order-visual-main.is-changing img{opacity:.3;filter:blur(7px);transform:scale(1.025)}
.stasis-order-visual-main figcaption{
  position:absolute;
  z-index:2;
  right:34px;
  bottom:28px;
  left:34px;
  color:#fff;
  font-size:clamp(24px,2.5vw,36px);
  font-weight:550;
  letter-spacing:-.035em;
}
.stasis-order-visual-detail{
  min-height:150px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:26px;
}
.stasis-order-visual-detail img,.stasis-order-visual-orb img{width:100%;height:100%;object-fit:cover}
.stasis-order-visual-detail img{object-position:center 65%}
.stasis-order-visual-orb{
  width:150px;
  height:150px;
  justify-self:center;
  border:1px solid rgba(100,198,198,.22);
  border-radius:50%;
}

@media(max-width:1000px){
  .stasis-order-simple-grid{grid-template-columns:1fr;gap:62px}
  .stasis-order-steps{width:min(680px,100%);margin-inline:auto}
  .stasis-order-visuals{width:min(760px,100%);margin-inline:auto}
}
@media(max-width:680px){
  .home-page .stasis-order-simple{width:calc(100% - 34px);padding-block:88px}
  .stasis-order-simple-header{margin-bottom:58px;text-align:left}
  .stasis-order-simple-header h2{font-size:clamp(48px,15vw,68px)}
  .stasis-order-simple-header p{margin-inline:0}
  .stasis-order-simple-grid{gap:48px}
  .stasis-order-step{grid-template-columns:1fr;padding-bottom:34px}
  .stasis-order-step-number{width:max-content}
  .stasis-order-step-copy strong{font-size:25px}
  .stasis-order-steps::before{bottom:142px}
  .stasis-order-mini-card{margin-left:0}
  .stasis-order-visuals{grid-template-columns:1fr 108px;grid-template-rows:390px 108px;min-height:516px;gap:12px}
  .stasis-order-visual-main,.stasis-order-visual-main img{min-height:390px}
  .stasis-order-visual-main{border-radius:25px}
  .stasis-order-visual-main figcaption{right:24px;bottom:23px;left:24px;font-size:26px}
  .stasis-order-visual-detail{min-height:108px;border-radius:20px}
  .stasis-order-visual-orb{width:108px;height:108px}
}
@media(prefers-reduced-motion:reduce){
  .stasis-order-simple *{transition:none!important}
}

/* Editorial ordering layout: centered product story with segmented controls */
.home-page .stasis-order-simple{
  width:min(1320px,calc(100% - 64px));
  padding-block:clamp(120px,11vw,190px);
}
.stasis-order-simple-header{
  width:min(980px,100%);
  margin-bottom:clamp(58px,6vw,88px);
}
.stasis-order-simple-header h2{
  max-width:960px;
  margin-inline:auto;
  font-size:clamp(64px,7.5vw,112px);
  line-height:.92;
}
.stasis-order-simple-header p{
  max-width:800px;
  font-size:clamp(17px,1.45vw,21px);
}
.stasis-order-simple-grid{
  display:flex;
  flex-direction:column;
  gap:0;
  width:min(980px,100%);
}
.stasis-order-visuals{
  order:1;
  display:block;
  width:min(760px,100%);
  min-height:0;
  margin-inline:auto;
}
.stasis-order-visual-main{
  min-height:clamp(500px,57vw,650px);
  border-color:rgba(100,198,198,.18);
  border-radius:38px;
  background:#020303;
  box-shadow:0 34px 100px rgba(0,0,0,.52),0 0 70px rgba(100,198,198,.05);
}
.stasis-order-visual-main img{
  min-height:clamp(500px,57vw,650px);
  object-position:center;
}
.stasis-order-visual-main figcaption{
  right:38px;
  bottom:32px;
  left:38px;
  font-size:clamp(25px,2.65vw,38px);
}
.stasis-order-visual-detail,.stasis-order-visual-orb{display:none}
.stasis-order-steps{
  order:2;
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:min(850px,calc(100% - 24px));
  margin:-10px auto 0;
  padding:5px 5px 126px;
  border-radius:25px;
  background:transparent;
}
.stasis-order-steps::before{
  inset:5px 5px auto;
  width:auto;
  height:88px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  background:#303033;
  box-shadow:0 16px 44px rgba(0,0,0,.34);
}
.stasis-order-step{
  z-index:1;
  display:flex;
  min-width:0;
  height:88px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:10px 14px;
  border-radius:20px;
  color:#c2c2c7;
  text-align:center;
  transition:color .28s ease,background .38s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s ease;
}
.stasis-order-step-marker{
  position:static;
  width:17px;
  height:17px;
  flex:0 0 auto;
  border:1px solid rgba(255,255,255,.75);
  background:transparent;
  box-shadow:none;
}
.stasis-order-step-number{
  min-width:0;
  padding:0;
  border:0;
  color:#a9a9ae;
  background:transparent;
  font-size:9px;
  letter-spacing:.08em;
}
.stasis-order-step-copy{display:block;padding:0}
.stasis-order-step-copy strong{
  display:block;
  overflow:hidden;
  color:currentColor;
  font-size:13px;
  font-weight:650;
  line-height:1.15;
  letter-spacing:-.01em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.stasis-order-step-copy small{
  position:absolute;
  top:112px;
  left:50%;
  width:min(720px,92vw);
  color:#9b9ba1;
  font-size:17px;
  line-height:1.55;
  text-align:center;
  opacity:0;
  transform:translate(-50%,10px);
  pointer-events:none;
  transition:opacity .22s ease .04s,transform .38s cubic-bezier(.22,1,.36,1) .04s;
}
.stasis-order-step:is(:hover,:focus-visible),.stasis-order-step.is-active{
  color:#0b1011;
  background:#f4f4f6;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
  transform:translateY(-1px);
}
.stasis-order-step:is(:hover,:focus-visible) .stasis-order-step-number,.stasis-order-step.is-active .stasis-order-step-number{
  color:#172022;
  background:transparent;
}
.stasis-order-step:is(:hover,:focus-visible) .stasis-order-step-marker,.stasis-order-step.is-active .stasis-order-step-marker{
  border-color:#4dbabd;
  background:#64c6c6;
  box-shadow:inset 0 0 0 4px #f4f4f6,0 0 0 1px #64c6c6;
  transform:none;
}
.stasis-order-step.is-active small{
  color:#a4a4aa;
  opacity:1;
  transform:translate(-50%,0);
}
.stasis-order-step:not(.is-active):hover small{opacity:0}
.stasis-order-mini-card{display:none}

@media(max-width:680px){
  .home-page .stasis-order-simple{width:calc(100% - 28px);padding-block:94px 112px}
  .stasis-order-simple-header{text-align:center}
  .stasis-order-simple-header h2{font-size:clamp(52px,16vw,72px)}
  .stasis-order-simple-header p{margin-inline:auto;font-size:16px}
  .stasis-order-visual-main,.stasis-order-visual-main img{min-height:430px}
  .stasis-order-visual-main{border-radius:27px}
  .stasis-order-visual-main figcaption{right:25px;bottom:24px;left:25px;font-size:27px}
  .stasis-order-steps{
    width:calc(100% - 8px);
    padding:4px 4px 138px;
  }
  .stasis-order-steps::before{inset:4px 4px auto;height:82px;border-radius:21px}
  .stasis-order-step{height:82px;gap:6px;padding:8px 5px;border-radius:18px}
  .stasis-order-step-marker{width:15px;height:15px}
  .stasis-order-step-number{font-size:8px}
  .stasis-order-step-copy strong{font-size:11px;white-space:normal}
  .stasis-order-step-copy small{top:104px;width:calc(100vw - 54px);font-size:15px}
  .stasis-order-step:nth-child(1) .stasis-order-step-copy small{left:150%}
  .stasis-order-step:nth-child(2) .stasis-order-step-copy small{left:50%}
  .stasis-order-step:nth-child(3) .stasis-order-step-copy small{left:-50%}
}

/* “Three essentials” section archived in backups/three-essentials-section-2026-08-24/. */

/* Repeated home editorial sections archived in backups/repeated-home-sections-2026-08-24/. */

/* Glass navigation experiment — original files preserved in backups/header-before-glass-2026-08-20. */
.sticky-site-chrome{
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.sticky-site-chrome .site-header,
.site-header.stasis-sunday-header{
  height:auto;
  padding:11px 0 13px;
  background:transparent;
  border:0;
  box-shadow:none;
}
.site-header.stasis-sunday-header .header-shell{
  position:relative;
  isolation:isolate;
  width:min(1220px,calc(100% - 34px));
  height:60px;
  padding:0 10px 0 20px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:linear-gradient(110deg,rgba(24,26,29,.62),rgba(11,14,17,.48));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 18px 50px rgba(0,0,0,.24);
  -webkit-backdrop-filter:blur(24px) saturate(165%);
  backdrop-filter:blur(24px) saturate(165%);
  transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.site-header.stasis-sunday-header .header-shell::before{
  content:'';
  position:absolute;
  z-index:-1;
  top:1px;
  right:24px;
  left:24px;
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  pointer-events:none;
}
.site-header.stasis-sunday-header .stasis-header-left,
.site-header.stasis-sunday-header .stasis-header-actions{
  height:58px;
  border:0;
  border-radius:0;
  background:transparent;
}
.site-header.stasis-sunday-header .stasis-header-left .brand{margin-right:32px}
.site-header.stasis-sunday-header .stasis-header-left .desktop-nav{gap:28px}
.site-header.stasis-sunday-header .stasis-header-left .desktop-nav a{
  padding-block:21px;
  color:rgba(245,245,247,.74);
}
.site-header.stasis-sunday-header .stasis-header-left .desktop-nav a:hover,
.site-header.stasis-sunday-header .stasis-header-left .desktop-nav a[aria-current=page]{color:#fff}
.site-header.stasis-sunday-header .stasis-header-left .desktop-nav a[aria-current=page]::after{bottom:8px}
.site-header.stasis-sunday-header .stasis-header-icon{color:rgba(245,245,247,.84)}
.site-header.stasis-sunday-header .stasis-header-icon:hover,
.site-header.stasis-sunday-header .stasis-header-icon:focus-visible{
  color:#fff;
  background:rgba(255,255,255,.12);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}

.home-page .home-image-chrome .site-header.stasis-sunday-header{
  background:transparent;
  border:0;
  box-shadow:none;
}
.home-page .home-image-chrome:not(.is-scrolled) .site-header.stasis-sunday-header .header-shell{
  background:linear-gradient(110deg,rgba(5,23,29,.42),rgba(7,15,20,.27));
  border-color:rgba(214,248,248,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 20px 58px rgba(0,0,0,.18);
}
.home-page .home-image-chrome.is-scrolled .site-header.stasis-sunday-header{
  color:#f5f5f7;
  background:transparent;
  border:0;
  box-shadow:none;
}
.home-page .home-image-chrome.is-scrolled .site-header.stasis-sunday-header .header-shell{
  background:linear-gradient(110deg,rgba(25,26,28,.9),rgba(8,9,11,.84));
  border-color:rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 14px 44px rgba(0,0,0,.34);
}

@media(max-width:800px){
  .sticky-site-chrome .site-header,.site-header.stasis-sunday-header{padding:8px 0 10px}
  .site-header.stasis-sunday-header .header-shell{
    width:calc(100% - 24px);
    height:56px;
    padding:0 8px 0 16px;
    border-radius:22px;
    -webkit-backdrop-filter:blur(20px) saturate(155%);
    backdrop-filter:blur(20px) saturate(155%);
  }
  .site-header.stasis-sunday-header .stasis-header-left,
  .site-header.stasis-sunday-header .stasis-header-actions{height:54px}
  .site-header.stasis-sunday-header .mobile-menu{
    top:66px;
    right:0;
    left:0;
    border:1px solid rgba(255,255,255,.14);
    color:#f5f5f7;
    background:rgba(15,16,18,.92);
    box-shadow:0 24px 60px rgba(0,0,0,.4);
    -webkit-backdrop-filter:blur(24px) saturate(155%);
    backdrop-filter:blur(24px) saturate(155%);
  }
  .site-header.stasis-sunday-header .mobile-menu a{color:#f5f5f7;border-color:rgba(255,255,255,.1)}
}

@media(prefers-reduced-transparency:reduce){
  .site-header.stasis-sunday-header .header-shell,
  .home-page .home-image-chrome:not(.is-scrolled) .site-header.stasis-sunday-header .header-shell,
  .home-page .home-image-chrome.is-scrolled .site-header.stasis-sunday-header .header-shell{background:#111214}
}
/* Domain explorer */
.home-page .domain-explorer {width:100%;max-width:none;padding:clamp(110px,10vw,180px) 32px;overflow:hidden;background:#000}
.domain-explorer-heading {width:min(920px,100%); margin:0 auto clamp(48px,6vw,84px); text-align:center}
.domain-explorer-heading h2 {margin:14px 0 24px; font-size:clamp(3.5rem,6.8vw,7.8rem); line-height:.87; letter-spacing:-.075em}
.domain-explorer-heading h2 span {color:#777}
.domain-explorer-heading p {max-width:820px;margin:0 auto;color:#8f8f93;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.55}
.domain-explorer-shell {--domain-accent:#65cbd0; --domain-glow:rgba(101,203,208,.22); width:min(1360px,100%); margin:auto; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr); min-height:680px; background:linear-gradient(145deg,#141618,#0b0d0e); border:1px solid #26282b; border-radius:40px; overflow:hidden; position:relative; box-shadow:0 40px 120px rgba(0,0,0,.45)}
.domain-explorer-shell::before {content:""; position:absolute; inset:auto -15% -45% 35%; height:70%; background:radial-gradient(circle,var(--domain-glow),transparent 68%); transition:background .55s; pointer-events:none}
.domain-explorer-visual {position:relative; min-height:680px; overflow:hidden}
.domain-scene {position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.035);transition:opacity .55s ease,transform 1s cubic-bezier(.22,1,.36,1)}
.domain-scene.is-active {opacity:1;transform:scale(1)}
.domain-scene img {width:100%;height:100%;object-fit:cover;display:block}
.domain-scene::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#111315 100%),linear-gradient(0deg,rgba(0,0,0,.46),transparent 40%)}
.domain-visual-index {position:absolute;left:32px;bottom:30px;z-index:2;display:flex;align-items:center;gap:10px;font-size:.72rem;letter-spacing:.12em;color:#fff}
.domain-visual-index i {display:block;width:54px;height:1px;background:rgba(255,255,255,.45)}
.domain-explorer-content {position:relative;z-index:2;padding:clamp(40px,5vw,76px);display:flex;flex-direction:column}
.domain-tabs {display:flex;gap:4px;align-self:flex-start;padding:5px;border:1px solid #303236;border-radius:999px;background:rgba(0,0,0,.28)}
.domain-tab {border:0;background:transparent;color:#8e8e93;border-radius:999px;padding:12px 16px;display:flex;gap:8px;align-items:center;font:inherit;cursor:pointer;transition:background .35s,color .35s,transform .35s}
.domain-tab span {font-size:.68rem;letter-spacing:.08em;opacity:.72}
.domain-tab:hover {color:#fff}
.domain-tab.is-active {background:var(--domain-accent);color:#071012}
.domain-detail-stack {display:grid;margin:auto 0;min-height:320px;align-items:center}
.domain-detail {grid-area:1/1;opacity:0;transform:translateY(22px);pointer-events:none;transition:opacity .36s ease,transform .55s cubic-bezier(.22,1,.36,1)}
.domain-detail.is-active {opacity:1;transform:none;pointer-events:auto;transition-delay:.12s}
.domain-detail[aria-hidden="true"] a {pointer-events:none}
.domain-detail-kicker {display:block;margin-bottom:18px;color:var(--domain-accent);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.domain-detail h3 {max-width:640px;margin:0 0 24px;font-size:clamp(3rem,5vw,6rem);line-height:.92;letter-spacing:-.065em;color:#fff}
.domain-detail p {max-width:520px;margin:0 0 34px;color:#a4a5a8;font-size:1.05rem;line-height:1.55}
.domain-detail a {display:inline-flex;align-items:center;gap:14px;color:#fff;text-decoration:none;font-weight:650}
.domain-detail a span {display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--domain-accent);color:#071012;transition:transform .3s}
.domain-detail a:hover span {transform:translate(3px,-3px)}
.domain-assurance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}
.domain-assurance>div{min-width:0;padding:15px 14px 16px;border-right:1px solid rgba(255,255,255,.13);display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:baseline}
.domain-assurance>div:first-child{padding-left:0}
.domain-assurance>div:last-child{padding-right:0;border-right:0}
.domain-assurance span{color:var(--domain-accent);font-size:.62rem;font-weight:750;letter-spacing:.12em}
.domain-assurance strong{color:#f5f2eb;font-size:.78rem;font-weight:700}
.domain-assurance small{grid-column:1/-1;color:#85878a;font-size:.65rem;line-height:1.35}
.domain-explorer-controls {display:flex;gap:10px;margin-top:22px}
.domain-explorer-controls button {width:52px;height:52px;border-radius:50%;border:1px solid #34363a;background:#1b1d20;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .3s,border-color .3s,transform .3s}
.domain-explorer-controls button:hover {background:var(--domain-accent);border-color:var(--domain-accent);color:#071012;transform:translateY(-2px)}
.domain-explorer-controls svg {width:20px;height:20px}
.domain-explorer-controls path {fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:900px){
  .domain-explorer-shell{grid-template-columns:1fr}
  .domain-explorer-visual{min-height:520px}
  .domain-scene::after{background:linear-gradient(0deg,#111315 0,transparent 38%)}
  .domain-explorer-content{min-height:500px}
}
@media (max-width:620px){
  .home-page .domain-explorer{padding:88px 16px}
  .domain-explorer-heading h2{font-size:clamp(3.2rem,16vw,5.6rem)}
  .domain-explorer-shell{border-radius:26px}
  .domain-explorer-visual{min-height:420px}
  .domain-explorer-content{padding:28px;min-height:470px}
  .domain-tabs{width:100%;overflow-x:auto}
  .domain-tab{flex:0 0 auto;padding:10px 13px}
  .domain-detail h3{font-size:clamp(2.8rem,14vw,4.5rem)}
  .domain-assurance{grid-template-columns:1fr}
  .domain-assurance>div,.domain-assurance>div:first-child,.domain-assurance>div:last-child{padding:12px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.1);grid-template-columns:28px 92px 1fr;gap:8px;align-items:center}
  .domain-assurance>div:last-child{border-bottom:0}
  .domain-assurance small{grid-column:auto}
}
@media (prefers-reduced-motion:reduce){
  .domain-scene,.domain-detail,.domain-tab,.domain-explorer-controls button,.domain-detail a span{transition:none!important}
}

/* Home identity pass — broader compositions and a richer Stasis palette */
.home-page .catalog-cta{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#c9dcd8;
}
.home-page .catalog-cta-card,
.home-page .catalog-cta-card.texture-white{
  width:100%;
  min-height:clamp(650px,64vw,880px);
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
  align-items:end;
  gap:clamp(56px,8vw,150px);
  padding:clamp(64px,8vw,150px) max(40px,calc((100vw - 1540px)/2));
  border:0;
  border-radius:0;
  background:
    linear-gradient(90deg,rgba(7,20,21,.97) 0%,rgba(7,22,23,.9) 31%,rgba(7,25,25,.45) 58%,rgba(213,229,224,.06) 100%),
    linear-gradient(0deg,rgba(15,81,80,.24),transparent 50%),
    url('../deliverables/stasis-campaign-art-28/24-stasis-sage-glass-waves.png') 72% 48% / cover no-repeat!important;
  box-shadow:none;
}
.home-page .catalog-cta-card::before{
  content:'CATÁLOGO ACTUAL';
  position:absolute;
  top:clamp(40px,5vw,72px);
  left:max(40px,calc((100vw - 1540px)/2));
  color:#8ad6d4;
  font-size:11px;
  font-weight:750;
  letter-spacing:.19em;
}
.home-page .catalog-cta-copy{position:relative;z-index:2;max-width:760px}
.home-page .catalog-cta-card h2{max-width:680px;margin:0 0 24px;font-size:clamp(64px,7.5vw,122px);line-height:.84;letter-spacing:-.07em}
.home-page .catalog-cta-card p{max-width:620px;margin:0 0 38px;font-size:clamp(17px,1.4vw,22px);line-height:1.55}
.home-page .catalog-cta-card .button.dark{min-width:220px;min-height:58px;background:#bfe3dc!important;border-color:#bfe3dc!important}
.home-page .catalog-cta-proof{
  position:relative;
  z-index:2;
  display:grid;
  align-self:end;
  border-top:1px solid rgba(255,255,255,.42);
  color:#f6f2e9;
}
.home-page .catalog-cta-proof span{display:grid;grid-template-columns:115px 1fr;align-items:baseline;gap:18px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.22);font-size:12px;letter-spacing:.11em;text-transform:uppercase}
.home-page .catalog-cta-proof b{font-size:clamp(28px,3vw,48px);font-weight:650;letter-spacing:-.045em;text-transform:none}

.home-page .why-stasis{
  position:relative;
  width:100%;
  max-width:none;
  margin:0;
  padding:clamp(120px,11vw,190px) max(32px,calc((100vw - 1540px)/2)) clamp(130px,12vw,210px);
  overflow:hidden;
  background:
    radial-gradient(circle at 86% 5%,rgba(66,147,145,.28),transparent 29%),
    radial-gradient(circle at 8% 78%,rgba(189,142,84,.2),transparent 32%),
    linear-gradient(135deg,#ded4c3 0%,#c9d6ce 54%,#a9c8c4 100%);
  color:#071012;
}
.home-page .why-stasis::before{
  content:'STASIS';
  position:absolute;
  top:-.12em;
  right:-.035em;
  color:rgba(255,255,255,.18);
  font-family:serif;
  font-size:clamp(180px,25vw,430px);
  line-height:1;
  letter-spacing:-.08em;
  pointer-events:none;
}
.home-page .why-stasis-header{
  position:relative;
  z-index:1;
  width:100%;
  max-width:1540px;
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);
  align-items:end;
  gap:clamp(42px,8vw,140px);
  margin:0 auto clamp(64px,7vw,105px);
  text-align:left;
}
.home-page .why-stasis-header .eyebrow{color:#0b7376}
.home-page .why-stasis-header h2{max-width:920px;margin:18px 0 0;color:#071012;font-size:clamp(70px,8.5vw,142px);line-height:.82;letter-spacing:-.075em;text-wrap:balance}
.home-page .why-stasis-header p{max-width:480px;margin:0 0 12px;color:rgba(7,16,18,.7);font-size:clamp(17px,1.35vw,21px);line-height:1.55}
.home-page .why-stasis-grid{position:relative;z-index:1;width:100%;max-width:1540px;margin:0 auto;grid-template-columns:minmax(0,1.14fr) minmax(430px,.86fr);grid-template-rows:repeat(2,minmax(350px,1fr));gap:24px}
.home-page .why-stasis-card{border-color:rgba(7,45,48,.35);box-shadow:0 34px 90px rgba(19,49,48,.18)}
.home-page .why-stasis-card:nth-child(1){border-radius:52px 170px 52px 52px}
.home-page .why-stasis-card:nth-child(2){border-radius:130px 42px 42px 42px;transform:translateY(-28px)}
.home-page .why-stasis-card:nth-child(3){border-radius:42px 42px 130px 42px;transform:translateY(28px)}
.home-page .why-stasis-card::before{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:.5}
.home-page .why-stasis-card:nth-child(1)::before{background:radial-gradient(circle at 25% 16%,rgba(89,207,204,.3),transparent 38%)}
.home-page .why-stasis-card:nth-child(2)::before{background:radial-gradient(circle at 88% 12%,rgba(237,180,98,.26),transparent 42%)}
.home-page .why-stasis-card:nth-child(3)::before{background:radial-gradient(circle at 12% 90%,rgba(111,210,202,.28),transparent 42%)}
.home-page .why-stasis-index{border-radius:50%;background:rgba(6,23,25,.52)}

.home-page .research-guesswork-stasis{
  position:relative;
  left:50%;
  width:100vw;
  max-width:none;
  margin:0;
  padding:0;
  transform:translateX(-50%);
  background:#031013;
}
.home-page .research-guesswork-panel{
  position:relative;
  isolation:isolate;
  width:100%;
  max-width:none;
  min-height:clamp(720px,55vw,980px);
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
  place-items:unset;
  align-content:normal;
  align-items:center;
  gap:clamp(56px,7vw,126px);
  margin:0 auto;
  padding:clamp(110px,10vw,176px) max(32px,calc((100vw - 1540px)/2));
  overflow:hidden;
  border:0;
  border-radius:0;
  background:
    linear-gradient(90deg,rgba(1,14,17,.38),rgba(1,11,14,.16) 48%,rgba(1,10,13,.32)),
    linear-gradient(rgba(1,10,13,.22),rgba(1,10,13,.36)),
    url('../assets/home/why-stasis/research-without-guesswork.jpeg') center / cover no-repeat;
  box-shadow:none;
  text-align:left;
}
.home-page .research-guesswork-panel::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background:radial-gradient(circle at 48% 50%,rgba(4,28,33,.08),rgba(0,7,9,.22) 78%);
  pointer-events:none;
}
.home-page .research-guesswork-panel > *{position:relative;z-index:2;justify-self:stretch;text-align:left}
.home-page .research-guesswork-copy{align-self:center;max-width:720px}
.home-page .research-guesswork-panel .research-guesswork-copy>*{justify-self:start;text-align:left}
.home-page .research-guesswork-panel .eyebrow{color:#73d0ce}
.home-page .research-guesswork-panel h2{
  max-width:820px;
  width:auto;
  margin:24px 0 28px;
  color:#f4f1e9;
  font-size:clamp(78px,7.2vw,152px);
  line-height:.89;
  letter-spacing:-.065em;
}
.home-page .research-guesswork-panel p{
  max-width:610px;
  width:auto;
  margin:0 0 40px;
  color:rgba(235,239,234,.72);
  font-size:clamp(16px,1.15vw,19px);
  line-height:1.65;
}
.home-page .research-guesswork-panel .button.primary{
  min-width:220px;
  min-height:58px;
  border-color:#d5b878!important;
  background:#d5b878!important;
  color:#0a1112!important;
}
.home-page .research-guesswork-aside{
  position:relative;
  z-index:2;
  min-width:0;
  min-height:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
.home-page .research-guesswork-media{display:none}
.home-page .research-guesswork-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(1,8,10,.02) 30%,rgba(1,8,10,.22) 54%,rgba(1,8,10,.88) 100%);
  pointer-events:none;
}
.home-page .research-guesswork-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:77% center;
  transform:scale(1.01);
}
.home-page .research-guesswork-media figcaption{
  position:absolute;
  z-index:2;
  top:30px;
  left:30px;
  display:grid;
  gap:10px;
  width:min(260px,calc(100% - 60px));
}
.home-page .research-guesswork-media figcaption span{color:#82d9d6;font-size:10px;font-weight:760;letter-spacing:.16em;text-transform:uppercase}
.home-page .research-guesswork-media figcaption strong{color:#f4f6f2;font-size:clamp(20px,1.8vw,28px);font-weight:590;line-height:1.08;letter-spacing:-.035em}
.home-page .research-guesswork-proof{
  position:relative;
  z-index:3;
  inset:auto;
  display:grid;
  width:100%;
  overflow:visible;
  border:0;
  border-top:1px solid rgba(211,229,226,.38);
  border-radius:0;
  color:#eef3ef;
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.home-page .research-guesswork-proof span{display:grid;grid-template-columns:64px 1fr;gap:0;align-items:center;min-height:66px;padding:0;border-bottom:1px solid rgba(211,229,226,.22);font-size:14px;line-height:1.3}
.home-page .research-guesswork-proof span:last-child{border-bottom:1px solid rgba(211,229,226,.22)}
.home-page .research-guesswork-proof b{color:#72cdcb;font-size:11px;letter-spacing:.15em}

@media(max-width:900px){
  .home-page .catalog-cta-card,.home-page .catalog-cta-card.texture-white{grid-template-columns:1fr;min-height:760px;align-content:end;background-position:64% center!important}
  .home-page .catalog-cta-proof{max-width:620px}
  .home-page .why-stasis-header{grid-template-columns:1fr;text-align:left}
  .home-page .why-stasis-header p{margin:0}
  .home-page .why-stasis-grid{grid-template-columns:1fr;grid-template-rows:auto}
  .home-page .why-stasis-card:nth-child(n){grid-row:auto;transform:none;border-radius:44px}
  .home-page .why-stasis-card:nth-child(1){border-radius:44px 120px 44px 44px}
  .home-page .why-stasis-card:nth-child(3){border-radius:44px 44px 120px 44px}
  .home-page .research-guesswork-panel{grid-template-columns:1fr;min-height:0;gap:64px;padding:110px 40px;background-position:center}
  .home-page .research-guesswork-copy{max-width:760px}
  .home-page .research-guesswork-aside{min-height:0}
}
@media(max-width:600px){
  .home-page .catalog-cta{padding:0}
  .home-page .catalog-cta-card,.home-page .catalog-cta-card.texture-white{min-height:720px;padding:80px 24px 42px;background-position:61% center!important}
  .home-page .catalog-cta-card::before{left:24px}
  .home-page .catalog-cta-card h2{font-size:clamp(58px,18vw,78px)}
  .home-page .catalog-cta-proof span{grid-template-columns:88px 1fr}
  .home-page .why-stasis{padding:100px 18px 120px}
  .home-page .why-stasis-header h2{font-size:clamp(62px,19vw,86px)}
  .home-page .why-stasis-card:nth-child(n){min-height:540px!important;border-radius:30px}
  .home-page .why-stasis-card:nth-child(1),.home-page .why-stasis-card:nth-child(3){border-radius:30px 82px 30px 30px}
  .home-page .research-guesswork-stasis{padding:0}
  .home-page .research-guesswork-panel{padding:86px 24px;border-radius:0;background-position:48% center}
  .home-page .research-guesswork-panel h2{font-size:clamp(56px,17vw,76px)}
  .home-page .research-guesswork-panel .button.primary{width:100%}
  .home-page .research-guesswork-aside{min-height:0;border-radius:0}
  .home-page .research-guesswork-media img{object-position:75% center}
  .home-page .research-guesswork-media figcaption{top:24px;left:24px}
  .home-page .research-guesswork-proof{right:12px;bottom:12px;left:12px;border-radius:18px}
  .home-page .research-guesswork-proof span{padding:15px 16px;font-size:12px}
}

/* Home navigation: dissolve into the hero at rest, become glass only on scroll. */
.home-page .home-image-chrome:not(.is-scrolled) .site-header.stasis-sunday-header .header-shell{
  border-color:transparent;
  background:transparent;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.home-page .home-image-chrome:not(.is-scrolled) .site-header.stasis-sunday-header .header-shell::before{
  opacity:0;
}
.home-page .home-image-chrome.is-scrolled .site-header.stasis-sunday-header .header-shell{
  border-color:rgba(255,255,255,.15);
  background:rgba(12,14,16,.84);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 16px 46px rgba(0,0,0,.38);
  -webkit-backdrop-filter:blur(24px) saturate(155%);
  backdrop-filter:blur(24px) saturate(155%);
}
.home-page .home-image-chrome.is-scrolled .site-header.stasis-sunday-header .header-shell::before{
  opacity:1;
}
.home-page .home-image-chrome .site-header.stasis-sunday-header .header-shell,
.home-page .home-image-chrome .site-header.stasis-sunday-header .header-shell::before{
  transition:background-color .32s ease,border-color .32s ease,box-shadow .32s ease,opacity .24s ease,-webkit-backdrop-filter .32s ease,backdrop-filter .32s ease;
}
@media(min-width:1001px){
  .site-header.stasis-sunday-header .header-shell{
    width:min(1540px,calc(100% - 64px));
    padding-right:18px;
    padding-left:26px;
  }
}

/* Main hero trial: preserve the supplied frame and its sunset color field. */
body.home-page.coastal-luxury .bogo-video-media{
  --stasis-hero-safe-top:clamp(0px,calc(120px - 5.38vw),56px);
  background-image:none!important;
  background-position:center bottom!important;
  background-size:contain!important;
}
body.home-page.coastal-luxury .bogo-video-media .bogo-hero-image{
  position:absolute;
  inset:var(--stasis-hero-safe-top) 0 auto;
  width:100%;
  height:auto;
  display:block!important;
  object-fit:contain;
  object-position:center top;
  animation:none!important;
  transform:none!important;
}
@media(min-width:901px){
  body.home-page.coastal-luxury .bogo-feature.bogo-video-hero{
    --stasis-hero-safe-top:clamp(0px,calc(120px - 5.38vw),56px);
    height:calc(44.7253vw + var(--stasis-hero-safe-top))!important;
    min-height:0!important;
    aspect-ratio:auto;
  }
}
body.home-page.coastal-luxury .bogo-video-overlay{
  background:
    linear-gradient(90deg,rgba(2,8,9,.58) 0%,rgba(2,8,9,.34) 31%,rgba(2,8,9,.04) 61%,transparent 100%),
    linear-gradient(0deg,rgba(3,13,14,.14),transparent 38%)!important;
}
@media(max-width:900px){
  body.home-page.coastal-luxury .bogo-video-media{
    --stasis-hero-safe-top:44px;
  }
  body.home-page.coastal-luxury .bogo-video-media .bogo-hero-image{
    object-fit:contain;
    object-position:center top;
  }
  body.home-page.coastal-luxury .bogo-video-overlay{
    background:
      linear-gradient(0deg,rgba(2,8,9,.82) 0%,rgba(2,8,9,.52) 45%,rgba(2,8,9,.08) 82%),
      linear-gradient(90deg,rgba(2,8,9,.32),transparent 78%)!important;
  }
}
@media(max-width:600px){
  body.home-page.coastal-luxury .bogo-video-media .bogo-hero-image{
    object-position:center top;
  }
}

/* Wide editorial treatment for the ordering story. */
@media(min-width:1101px){
  .home-page .stasis-order-simple{
    width:min(1540px,calc(100% - 64px));
    display:grid;
    grid-template-columns:minmax(390px,.72fr) minmax(650px,1.28fr);
    column-gap:clamp(64px,7vw,128px);
    align-items:center;
    padding-block:clamp(104px,9vw,160px);
    position:relative;
    isolation:isolate;
  }
  .home-page .stasis-order-simple::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:5% -14% 0 18%;
    background:
      radial-gradient(circle at 68% 42%,color-mix(in srgb,var(--cyan) 14%,transparent),transparent 45%),
      radial-gradient(circle at 32% 70%,rgba(126,87,50,.15),transparent 42%);
    filter:blur(72px);
    pointer-events:none;
  }
  .home-page .stasis-order-simple-header{
    width:100%;
    margin:0;
    text-align:left;
    align-items:flex-start;
    position:relative;
    z-index:2;
  }
  .home-page .stasis-order-simple-header .eyebrow{
    align-self:flex-start;
  }
  .home-page .stasis-order-simple-header h2{
    max-width:560px;
    margin:22px 0 0;
    font-size:clamp(68px,5.7vw,104px);
    line-height:.9;
    letter-spacing:-.065em;
    text-align:left;
    text-wrap:balance;
  }
  .home-page .stasis-order-simple-header p{
    max-width:490px;
    margin:28px 0 0;
    font-size:clamp(17px,1.35vw,21px);
    line-height:1.58;
    text-align:left;
  }
  .home-page .stasis-order-simple-header > a{
    justify-content:flex-start;
    margin:30px 0 0;
  }
  .home-page .stasis-order-simple-grid{
    width:100%;
    min-width:0;
    margin:0;
  }
  .home-page .stasis-order-visuals{
    width:100%;
    margin:0;
  }
  .home-page .stasis-order-visual-main{
    --order-surface:#725231;
    height:clamp(540px,62vh,690px);
    min-height:0;
    border-radius:clamp(34px,3.5vw,58px);
    overflow:hidden;
    background:#020303;
    border:1px solid rgba(255,255,255,.16);
    box-shadow:0 46px 110px rgba(0,0,0,.48),0 0 70px color-mix(in srgb,var(--order-surface) 26%,transparent);
    transition:box-shadow .42s ease;
  }
  .home-page .stasis-order-visual-main::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 46%,rgba(0,0,0,.12) 66%,rgba(0,0,0,.76) 100%);
    pointer-events:none;
  }
  .home-page .stasis-order-visual-main img{
    width:100%;
    height:100%;
    min-height:0;
    object-fit:cover;
    transform:scale(1.015);
    transition:opacity .34s ease,transform .7s cubic-bezier(.22,.61,.36,1),object-position .5s ease;
  }
  .home-page .stasis-order-visual-main.is-changing img{
    opacity:1;
    filter:none;
    transform:scale(1.025);
  }
  .home-page .stasis-order-visual-main figcaption{
    z-index:2;
    left:clamp(30px,4vw,56px);
    right:clamp(30px,4vw,56px);
    bottom:clamp(30px,4vw,48px);
    max-width:620px;
    font-size:clamp(30px,3vw,48px);
    line-height:.96;
    letter-spacing:-.045em;
    text-align:left;
  }
  .home-page .stasis-order-steps{
    width:calc(100% - 46px);
    margin:-34px auto 0;
    padding-bottom:120px;
    position:relative;
    z-index:4;
  }
  .home-page .stasis-order-steps::before{
    height:96px;
    border-color:rgba(255,255,255,.14);
    background:rgba(21,22,24,.78);
    backdrop-filter:blur(22px) saturate(1.2);
    box-shadow:0 24px 60px rgba(0,0,0,.4);
  }
  .home-page .stasis-order-step{
    height:96px;
  }
  .home-page .stasis-order-step-copy small{
    top:116px;
    max-width:210px;
    font-size:14px;
    line-height:1.55;
  }
}

@media(min-width:1101px) and (max-height:950px){
  .home-page .stasis-order-simple{
    padding-block:68px;
  }
  .home-page .stasis-order-simple-header h2{
    font-size:clamp(64px,5.2vw,84px);
  }
  .home-page .stasis-order-visual-main{
    height:480px;
  }
  .home-page .stasis-order-steps{
    padding-bottom:104px;
  }
  .home-page .stasis-order-step-copy small{
    top:110px;
  }
}

/* Final Selank state: the film is the only product renderer. */
.stasis-vial-viewer .stasis-selank-intro{
  opacity:0;
  visibility:visible;
  transform:scale(2.45);
}
.stasis-vial-viewer.is-video-ready .stasis-selank-intro,
.stasis-explorer-stage.is-product-view .stasis-vial-viewer.is-video-ready .stasis-selank-intro{
  opacity:1;
  visibility:visible;
}
.stasis-explorer-stage.is-strength-view .stasis-vial-viewer .stasis-selank-intro{
  opacity:0;
  visibility:hidden;
}
.stasis-vial-viewer.is-dragging .stasis-selank-intro,
.stasis-vial-viewer.is-scrubbing .stasis-selank-intro{
  transform:scale(2.5);
}
@media(max-width:760px){
  .stasis-vial-viewer .stasis-selank-intro{transform:scale(2.15)}
  .stasis-vial-viewer.is-dragging .stasis-selank-intro,
  .stasis-vial-viewer.is-scrubbing .stasis-selank-intro{transform:scale(2.2)}
}

/* Selank is now a single, scrub-capable film with no legacy model underneath. */
.stasis-vial-viewer{
  overflow:hidden;
  cursor:ew-resize;
  background:#000;
  touch-action:pan-y;
}
.stasis-selank-intro{
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:50% 50%;
  opacity:0;
  visibility:visible;
  transform:scale(2.45);
  transform-origin:50% 50%;
  transition:opacity .22s ease,transform .5s cubic-bezier(.22,1,.36,1);
  will-change:transform;
}
.stasis-vial-viewer.is-video-ready .stasis-selank-intro{
  opacity:1;
}
.stasis-vial-viewer.is-dragging .stasis-selank-intro,
.stasis-vial-viewer.is-scrubbing .stasis-selank-intro{
  transform:scale(2.5);
}
.stasis-explorer-stage.is-product-view .stasis-selank-intro{
  opacity:1;
  visibility:visible;
}
.stasis-explorer-stage.is-strength-view .stasis-selank-intro{
  opacity:0;
  visibility:hidden;
}
.stasis-video-scrubber{
  --scrub-progress:0%;
  position:absolute;
  z-index:9;
  left:50%;
  bottom:20px;
  display:grid;
  grid-template-columns:22px minmax(180px,420px) 22px;
  align-items:center;
  gap:12px;
  width:min(72%,500px);
  padding:11px 16px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:rgba(20,21,23,.76);
  box-shadow:0 16px 40px rgba(0,0,0,.42);
  backdrop-filter:blur(16px) saturate(1.2);
  transform:translateX(-50%);
  opacity:.92;
  cursor:default;
  transition:opacity .25s ease,background-color .25s ease;
}
.stasis-vial-viewer:hover .stasis-video-scrubber,
.stasis-vial-viewer:focus-within .stasis-video-scrubber{
  opacity:1;
  background:rgba(27,28,30,.9);
}
.stasis-video-scrubber > span{
  color:#76d4d7;
  font-size:15px;
  line-height:1;
  text-align:center;
}
.stasis-video-scrubber input{
  width:100%;
  height:24px;
  margin:0;
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  cursor:ew-resize;
}
.stasis-video-scrubber input::-webkit-slider-runnable-track{
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#69ccd0 0 var(--scrub-progress),rgba(255,255,255,.24) var(--scrub-progress) 100%);
}
.stasis-video-scrubber input::-moz-range-track{
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#69ccd0 0 var(--scrub-progress),rgba(255,255,255,.24) var(--scrub-progress) 100%);
}
.stasis-video-scrubber input::-webkit-slider-thumb{
  width:16px;
  height:16px;
  margin-top:-6.5px;
  appearance:none;
  -webkit-appearance:none;
  border:2px solid #071012;
  border-radius:50%;
  background:#8de1e3;
  box-shadow:0 0 0 4px rgba(105,204,208,.16),0 3px 12px rgba(0,0,0,.42);
}
.stasis-video-scrubber input::-moz-range-thumb{
  width:16px;
  height:16px;
  border:2px solid #071012;
  border-radius:50%;
  background:#8de1e3;
  box-shadow:0 0 0 4px rgba(105,204,208,.16),0 3px 12px rgba(0,0,0,.42);
}
.stasis-explorer-stage.is-strength-view .stasis-video-scrubber{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
@media(max-width:760px){
  .stasis-selank-intro{transform:scale(2.15)}
  .stasis-vial-viewer.is-dragging .stasis-selank-intro,
  .stasis-vial-viewer.is-scrubbing .stasis-selank-intro{transform:scale(2.2)}
  .stasis-video-scrubber{width:82%;grid-template-columns:18px minmax(120px,1fr) 18px;padding-inline:12px}
}
@media(prefers-reduced-motion:reduce){
  .stasis-selank-intro{transition:none}
}

@media(min-width:681px) and (max-width:1100px){
  .home-page .stasis-order-simple,
  .home-page .stasis-order-simple-grid{
    width:min(940px,calc(100% - 48px));
  }
  .home-page .stasis-order-visuals{
    width:100%;
  }
  .home-page .stasis-order-visual-main,
  .home-page .stasis-order-visual-main img{
    height:clamp(430px,58vw,580px);
  }
}

/* Selank opens with the supplied one-shot product film; interactive states stay available. */
.stasis-selank-intro{
  position:absolute;
  inset:0;
  z-index:6;
  width:100%;
  height:100%;
  border-radius:24px;
  background:#000;
  object-fit:contain;
  opacity:1;
  visibility:visible;
  pointer-events:none;
  transition:opacity .32s ease,visibility 0s linear 0s;
}
.stasis-selank-intro.is-complete{
  opacity:1;
}
.stasis-explorer-stage.is-product-view .stasis-selank-intro,
.stasis-explorer-stage.is-strength-view .stasis-selank-intro{
  opacity:0;
  visibility:hidden;
  transition:opacity .24s ease,visibility 0s linear .24s;
}
.stasis-explorer-stage:not(.is-product-view) .stasis-drag-hint{
  opacity:0;
  visibility:hidden;
}
.stasis-explorer-stage.is-product-view .stasis-drag-hint{
  opacity:1;
  visibility:visible;
}
@media(prefers-reduced-motion:reduce){
  .stasis-selank-intro{transition:none}
}

/* The catalog carousel should be readable as soon as it enters the viewport. */
.reveal-enhanced .home-product-carousel .reveal-item{
  filter:blur(3px);
  transform:translate3d(0,14px,0) scale(.995)!important;
  transition:
    opacity .28s ease var(--reveal-delay,0ms),
    transform .36s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),
    filter .3s ease var(--reveal-delay,0ms)!important;
}
.reveal-enhanced .home-product-carousel .reveal-item.is-revealed{
  filter:none;
  transform:none!important;
}
@media(prefers-reduced-motion:reduce){
  .home-page .home-image-chrome .site-header.stasis-sunday-header .header-shell,
  .home-page .home-image-chrome .site-header.stasis-sunday-header .header-shell::before{transition:none}
}

/* Keep the complete ordering story legible within a desktop viewport. */
@media(min-width:901px){
  .home-page .stasis-order-simple{
    padding-block:clamp(68px,7vh,96px);
  }
  .home-page .stasis-order-simple-header{
    margin-bottom:clamp(28px,3vh,42px);
  }
  .home-page .stasis-order-simple-header h2{
    font-size:clamp(58px,5.9vw,90px);
  }
  .home-page .stasis-order-simple-header p{
    margin-top:18px;
  }
  .home-page .stasis-order-simple-header > a{
    margin-top:18px;
  }
  .home-page .stasis-order-visuals{
    width:min(820px,100%);
  }
  .home-page .stasis-order-visual-main{
    height:clamp(360px,36vh,470px);
    min-height:0;
  }
  .home-page .stasis-order-visual-main img{
    width:100%;
    height:100%;
    min-height:0;
    object-fit:cover;
    object-position:center 48%;
  }
  .home-page .stasis-order-visual-main figcaption{
    bottom:26px;
  }
  .home-page .stasis-order-steps{
    padding-bottom:108px;
  }
  .home-page .stasis-order-step-copy small{
    top:106px;
  }
}

@media(min-width:901px) and (max-height:950px){
  .home-page .stasis-order-simple{
    padding-block:44px;
  }
  .home-page .stasis-order-simple-header{
    margin-bottom:22px;
  }
  .home-page .stasis-order-simple-header h2{
    font-size:clamp(52px,5.2vw,72px);
  }
  .home-page .stasis-order-simple-header p,
  .home-page .stasis-order-simple-header > a{
    margin-top:14px;
  }
  .home-page .stasis-order-visual-main,
  .home-page .stasis-order-visual-main img{
    height:290px;
  }
  .home-page .stasis-order-visual-main figcaption{
    bottom:20px;
  }
  .home-page .stasis-order-steps{
    padding-bottom:90px;
  }
  .home-page .stasis-order-steps::before,
  .home-page .stasis-order-step{
    height:78px;
  }
  .home-page .stasis-order-step-copy small{
    top:94px;
  }
}

@media(max-width:680px){
  .home-page .stasis-order-simple{
    padding-block:76px 96px;
  }
  .home-page .stasis-order-simple-header{
    margin-bottom:38px;
  }
  .home-page .stasis-order-visual-main,
  .home-page .stasis-order-visual-main img{
    height:340px;
    min-height:0;
  }
}

/* Final desktop cascade: preserve the wide editorial composition. */
@media(min-width:1101px){
  .home-page .stasis-order-simple{
    padding-block:clamp(104px,9vw,160px);
  }
  .home-page .stasis-order-simple-header{
    margin:0;
  }
  .home-page .stasis-order-simple-header h2{
    font-size:clamp(68px,5.7vw,104px);
  }
  .home-page .stasis-order-simple-header p{
    margin-top:28px;
  }
  .home-page .stasis-order-simple-header > a{
    margin-top:30px;
  }
  .home-page .stasis-order-visuals{
    width:100%;
  }
  .home-page .stasis-order-visual-main,
  .home-page .stasis-order-visual-main img{
    height:clamp(540px,62vh,690px);
  }
  .home-page .stasis-order-visual-main img{
    object-position:50% 58%;
  }
  .home-page .stasis-order-visual-main figcaption{
    bottom:clamp(30px,4vw,48px);
  }
  .home-page .stasis-order-steps{
    padding-bottom:120px;
  }
  .home-page .stasis-order-steps::before,
  .home-page .stasis-order-step{
    height:96px;
  }
  .home-page .stasis-order-step-copy small{
    top:116px;
  }
}

@media(min-width:1101px) and (max-height:950px){
  .home-page .stasis-order-simple{
    padding-block:68px;
  }
  .home-page .stasis-order-simple-header h2{
    font-size:clamp(64px,5.2vw,84px);
  }
  .home-page .stasis-order-visual-main,
  .home-page .stasis-order-visual-main img{
    height:480px;
  }
  .home-page .stasis-order-steps{
    padding-bottom:104px;
  }
  .home-page .stasis-order-step-copy small{
    top:110px;
  }
}

/* Definitive Selank cascade: video only, enlarged and scrub-capable. */
.stasis-vial-viewer .stasis-selank-intro{
  opacity:0;
  visibility:visible;
  transform:scale(2.45);
}
.stasis-vial-viewer.is-video-ready .stasis-selank-intro,
.stasis-explorer-stage.is-product-view .stasis-vial-viewer.is-video-ready .stasis-selank-intro{
  opacity:1;
  visibility:visible;
}
.stasis-explorer-stage.is-strength-view .stasis-vial-viewer .stasis-selank-intro{
  opacity:0;
  visibility:hidden;
}
.stasis-vial-viewer.is-dragging .stasis-selank-intro,
.stasis-vial-viewer.is-scrubbing .stasis-selank-intro{
  transform:scale(2.5);
}
@media(max-width:760px){
  .stasis-vial-viewer .stasis-selank-intro{transform:scale(2.15)}
  .stasis-vial-viewer.is-dragging .stasis-selank-intro,
  .stasis-vial-viewer.is-scrubbing .stasis-selank-intro{transform:scale(2.2)}
}

/* Broader domain explorer with one continuous ambient surface. */
@media(min-width:901px){
  .domain-explorer-shell{
    width:min(1540px,100%);
    grid-template-columns:minmax(0,1.08fr) minmax(460px,.92fr);
    min-height:740px;
  }
  .domain-explorer-shell::before{
    inset:0;
    width:auto;
    height:auto;
    background:
      radial-gradient(circle at 90% 112%,var(--domain-glow) 0,transparent 48%),
      linear-gradient(180deg,transparent 55%,rgba(101,203,208,.025));
    opacity:.9;
  }
  .domain-explorer-visual{
    min-height:740px;
  }
  .domain-explorer-content{
    min-width:0;
    padding:clamp(48px,4.35vw,74px);
  }
  .domain-tabs{
    max-width:100%;
  }
  .domain-detail-stack{
    min-height:340px;
  }
  .domain-detail h3{
    max-width:690px;
    font-size:clamp(3.6rem,4.8vw,6.25rem);
  }
  .domain-detail p{
    max-width:590px;
  }
}

@media(min-width:901px) and (max-width:1180px){
  .domain-explorer-shell{
    width:100%;
    grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr);
  }
  .domain-explorer-content{
    padding:42px;
  }
}

/* Supplied Selank fill films bridge the three strength states. */
.stasis-strength-transition{
  position:absolute;
  z-index:4;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  opacity:0;
  visibility:hidden;
  background:#000;
  filter:none;
  transform:translateZ(30px);
  pointer-events:none;
  transition:opacity .16s ease,visibility 0s linear .16s;
  will-change:opacity;
}
.stasis-strength-transition.is-active{
  opacity:1;
  visibility:visible;
  transition:opacity .12s ease,visibility 0s;
}
.stasis-strength-scene.is-strength-transitioning .stasis-strength-reference-current{
  opacity:1;
}
.stasis-strength-scene .stasis-liquid-particle{
  z-index:6;
}
@media(prefers-reduced-motion:reduce){
  .stasis-strength-transition{display:none}
}

/* Vial & cap opens the supplied close-up film and holds its final frame. */
.stasis-vial-closeup{
  position:absolute;
  z-index:8;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  opacity:0;
  visibility:hidden;
  background:#000;
  transform:scale(2.45);
  transform-origin:center;
  pointer-events:none;
  transition:opacity .2s ease,visibility 0s linear .2s;
  will-change:opacity,transform;
}
.stasis-explorer-stage.is-vial-view .stasis-vial-viewer{
  cursor:default;
}
.stasis-explorer-stage.is-vial-view .stasis-vial-viewer .stasis-selank-intro{
  opacity:0;
  visibility:hidden;
}
.stasis-explorer-stage.is-vial-view .stasis-vial-viewer.is-closeup-ready .stasis-vial-closeup{
  opacity:1;
  visibility:visible;
  transition:opacity .18s ease,visibility 0s;
}
.stasis-explorer-stage.is-vial-view .stasis-video-scrubber{
  opacity:.78;
  visibility:visible;
  pointer-events:auto;
}
.stasis-explorer-stage.is-strength-view .stasis-vial-closeup{
  opacity:0;
  visibility:hidden;
}
@media(max-width:760px){
  .stasis-vial-closeup{transform:scale(2.15)}
}
@media(prefers-reduced-motion:reduce){
  .stasis-vial-closeup{transition:none}
}

/* Product view continues from the open-cap close-up into zoom-out and rotation. */
.stasis-product-view-film{
  position:absolute;
  z-index:9;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  opacity:0;
  visibility:hidden;
  background:#000;
  transform:scale(2.45);
  transform-origin:center;
  pointer-events:none;
  transition:opacity .14s ease,visibility 0s linear .14s;
  will-change:opacity,transform;
}
.stasis-explorer-stage.is-product-view .stasis-vial-viewer{
  cursor:ew-resize;
}
.stasis-explorer-stage.is-product-view .stasis-vial-viewer .stasis-selank-intro,
.stasis-explorer-stage.is-product-view .stasis-vial-closeup{
  opacity:0;
  visibility:hidden;
}
.stasis-explorer-stage.is-product-view .stasis-product-view-film.is-active{
  opacity:1;
  visibility:visible;
  transition:opacity .12s ease,visibility 0s;
}
.stasis-explorer-stage.is-product-view .stasis-video-scrubber{
  opacity:.78;
  visibility:visible;
  pointer-events:auto;
}
.stasis-explorer-stage.is-strength-view .stasis-product-view-film,
.stasis-explorer-stage.is-vial-view .stasis-product-view-film{
  opacity:0;
  visibility:hidden;
}
@media(max-width:760px){
  .stasis-product-view-film{transform:scale(2.15)}
}
@media(prefers-reduced-motion:reduce){
  .stasis-product-view-film{transition:none}
}

/* Ordering story restored to the preferred centered, image-led composition. */
@media(min-width:901px){
  .home-page .stasis-order-simple{
    width:min(1540px,calc(100% - 64px));
    display:block;
    padding-block:clamp(96px,8vw,144px);
  }
  .home-page .stasis-order-simple::before{
    inset:8% 2% 0;
    background:
      radial-gradient(circle at 50% 62%,rgba(100,198,198,.1),transparent 42%),
      radial-gradient(circle at 28% 72%,rgba(151,101,48,.1),transparent 34%);
  }
  .home-page .stasis-order-simple-header{
    width:min(1120px,100%);
    margin:0 auto clamp(48px,5vw,72px);
    align-items:center;
    text-align:center;
  }
  .home-page .stasis-order-simple-header .eyebrow{
    align-self:center;
  }
  .home-page .stasis-order-simple-header h2{
    max-width:none;
    margin:20px auto 0;
    font-size:clamp(66px,6.4vw,104px);
    line-height:.91;
    letter-spacing:-.065em;
    text-align:center;
  }
  .home-page .stasis-order-simple-header p{
    max-width:760px;
    margin:24px auto 0;
    text-align:center;
  }
  .home-page .stasis-order-simple-header > a{
    justify-content:center;
    margin:24px auto 0;
  }
  .home-page .stasis-order-simple-grid{
    width:min(1220px,100%);
    margin:0 auto;
  }
  .home-page .stasis-order-visuals{
    width:min(1160px,100%);
    margin:0 auto;
  }
  .home-page .stasis-order-visual-main,
  .home-page .stasis-order-visual-main img{
    height:clamp(500px,54vh,650px);
  }
  .home-page .stasis-order-visual-main{
    border-radius:clamp(32px,3vw,48px);
    box-shadow:0 46px 120px rgba(0,0,0,.5),0 0 70px color-mix(in srgb,var(--order-surface) 18%,transparent);
  }
  .home-page .stasis-order-visual-main figcaption{
    left:clamp(34px,4vw,58px);
    right:clamp(34px,4vw,58px);
    bottom:clamp(42px,4vw,58px);
    max-width:760px;
    font-size:clamp(34px,3.4vw,52px);
  }
  .home-page .stasis-order-steps{
    width:min(1200px,calc(100% - 28px));
    margin:-38px auto 0;
    padding-bottom:124px;
  }
  .home-page .stasis-order-steps::before{
    height:100px;
    border-color:rgba(255,255,255,.15);
    border-radius:25px;
    background:rgba(31,32,35,.9);
    box-shadow:0 24px 62px rgba(0,0,0,.44);
  }
  .home-page .stasis-order-step{
    height:100px;
    border-radius:23px;
  }
  .home-page .stasis-order-step.is-active{
    background:#f1f1f3;
    color:#111214;
    box-shadow:0 8px 26px rgba(0,0,0,.18);
  }
  .home-page .stasis-order-step-copy small{
    top:120px;
    max-width:280px;
    font-size:15px;
    line-height:1.55;
  }
}

@media(min-width:901px) and (max-height:850px){
  .home-page .stasis-order-simple{
    padding-block:72px;
  }
  .home-page .stasis-order-simple-header{
    margin-bottom:40px;
  }
  .home-page .stasis-order-simple-header h2{
    font-size:clamp(62px,5.8vw,86px);
  }
  .home-page .stasis-order-visual-main,
  .home-page .stasis-order-visual-main img{
    height:430px;
  }
}

@media(min-width:681px) and (max-width:900px){
  .home-page .stasis-order-simple{
    width:calc(100% - 40px);
  }
  .home-page .stasis-order-simple-grid,
  .home-page .stasis-order-visuals{
    width:100%;
  }
}

/* Why Stasis: immersive editorial cards aligned to the wide site shell. */
.home-page .why-stasis{
  position:relative;
  width:100%;
  max-width:none;
  margin:0;
  padding:clamp(112px,10vw,172px) max(32px,calc((100vw - 1540px)/2)) clamp(118px,11vw,188px);
  overflow:hidden;
  color:#f3f7f4;
  background-color:#102d30;
  background:
    linear-gradient(180deg,rgba(1,8,10,.98) 0%,rgba(4,19,22,.84) 11%,rgba(11,42,45,.62) 31%,rgba(15,54,56,.58) 68%,rgba(2,20,23,.9) 100%),
    linear-gradient(108deg,rgba(4,27,30,.82) 0%,rgba(23,72,72,.64) 48%,rgba(3,42,45,.72) 100%),
    url('../assets/home/why-stasis-background.webp') center / cover no-repeat;
  box-shadow:inset 0 1px rgba(255,255,255,.05),inset 0 -1px rgba(2,14,17,.72);
}
.home-page .why-stasis::before{
  content:'';
  display:block;
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 38%,rgba(112,199,194,.18) 0%,rgba(66,145,143,.08) 35%,transparent 66%),
    linear-gradient(90deg,rgba(0,14,17,.28),transparent 24%,transparent 76%,rgba(0,18,21,.34));
}
.home-page .why-stasis-header{
  position:relative;
  z-index:1;
  width:100%;
  max-width:1540px;
  grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);
  align-items:end;
  gap:clamp(42px,8vw,140px);
  margin:0 auto clamp(56px,6vw,86px);
  text-align:left;
}
.home-page .why-stasis-header .eyebrow{color:#84d9d6}
.home-page .why-stasis-header h2{
  max-width:900px;
  margin:18px 0 0;
  color:#f4f7f3;
  font-size:clamp(68px,7.6vw,126px);
  line-height:.86;
  letter-spacing:-.07em;
}
.home-page .why-stasis-header p{
  max-width:500px;
  margin:0 0 8px;
  color:rgba(231,241,237,.72);
  font-size:clamp(17px,1.25vw,20px);
  line-height:1.55;
}
.home-page .why-stasis-grid{
  position:relative;
  z-index:1;
  width:100%;
  max-width:1540px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:auto;
  gap:clamp(22px,2vw,34px);
  margin:0 auto;
}
.home-page .why-stasis-card,
.home-page .why-stasis-card:nth-child(n){
  position:relative;
  isolation:isolate;
  min-height:clamp(520px,38vw,660px)!important;
  display:grid;
  grid-row:auto;
  grid-template-columns:1fr;
  grid-template-rows:1fr;
  align-content:stretch;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.32);
  border-radius:clamp(24px,2vw,34px);
  background:#071113;
  box-shadow:0 24px 56px rgba(9,31,32,.12);
  transform:none;
  translate:0 0;
  transition:translate .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1),border-color .35s ease;
}
.home-page .why-stasis-card:nth-child(n)::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(180deg,rgba(3,12,14,.02) 24%,rgba(3,12,14,.25) 54%,rgba(3,12,14,.94) 100%);
  mix-blend-mode:normal;
  opacity:1;
  pointer-events:none;
}
.home-page .why-stasis-card::after{
  content:"";
  position:absolute;
  z-index:3;
  inset:auto 34px 34px auto;
  width:46px;
  height:1px;
  background:#75d2d5;
  box-shadow:-9px 0 0 rgba(117,210,213,.35),-18px 0 0 rgba(117,210,213,.12);
  transform-origin:right center;
  transition:width .45s cubic-bezier(.22,1,.36,1),background-color .3s ease;
  pointer-events:none;
}
.home-page .why-stasis-card:nth-child(n)>img{
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%!important;
  min-height:0!important;
  object-fit:cover;
  object-position:center;
  border:0;
  border-radius:inherit;
  filter:saturate(.92) contrast(1.03);
  transform:scale(1.002);
  transition:transform .9s cubic-bezier(.22,1,.36,1),filter .55s ease;
}
.home-page .why-stasis-card:nth-child(1)>img{
  top:-11%;
  height:100%!important;
  object-position:52% 50%;
}
.home-page .why-stasis-card:nth-child(2)>img{object-position:50% 50%}
.home-page .why-stasis-card:nth-child(3)>img{
  top:0;
  height:100%!important;
  object-fit:cover;
  object-position:center;
  background:#f4ebe5;
  transform:none;
}
.home-page .why-stasis-card:nth-child(3)>div{
  bottom:0;
}
.home-page .why-stasis-card>div,
.home-page .why-stasis-card:nth-child(2)>div,
.home-page .why-stasis-card:nth-child(3)>div{
  position:absolute;
  z-index:2;
  right:clamp(28px,2.4vw,42px);
  bottom:clamp(34px,3.2vw,52px);
  left:clamp(28px,2.4vw,42px);
  align-self:end;
  padding:0 clamp(54px,4vw,72px) 0 0;
  border-top:0;
  transition:transform .5s cubic-bezier(.22,1,.36,1);
}
.home-page .why-stasis-card-kicker{
  display:block;
  margin-bottom:13px;
  color:#8be0dd;
  font-size:10px;
  font-weight:760;
  line-height:1;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.home-page .why-stasis-card h3{
  max-width:390px;
  margin:0 0 15px;
  color:#f6f8f4;
  font-size:clamp(31px,2.65vw,44px);
  font-weight:640;
  line-height:.94;
  letter-spacing:-.055em;
  text-transform:none;
}
.home-page .why-stasis-card p{
  max-width:380px;
  color:rgba(238,247,244,.72);
  font-size:13px;
  line-height:1.55;
}
.home-page .why-stasis-index{
  position:absolute;
  z-index:4;
  top:22px;
  right:auto;
  left:22px;
  width:auto;
  height:auto;
  min-width:46px;
  padding:10px 12px 9px;
  border:1px solid rgba(221,242,238,.48);
  border-radius:999px;
  color:#dff8f4;
  background:rgba(5,14,16,.48);
  box-shadow:none;
  font-size:10px;
  font-weight:760;
  line-height:1;
  backdrop-filter:blur(12px);
  transition:color .3s ease,background-color .3s ease,border-color .3s ease,transform .45s cubic-bezier(.22,1,.36,1);
}
@media(hover:hover){
  .home-page .why-stasis-card:hover{
    transform:none;
    translate:0 -8px;
    border-color:rgba(65,166,168,.55);
    box-shadow:0 34px 72px rgba(9,31,32,.2);
  }
  .home-page .why-stasis-card:hover>img{
    transform:scale(1.045);
    filter:saturate(1.05) contrast(1.04);
  }
  .home-page .why-stasis-card:nth-child(1):hover>img{
    transform:translateY(-1.5%) scale(1.03);
  }
  .home-page .why-stasis-card:nth-child(3):hover>img{transform:none}
  .home-page .why-stasis-card:hover>div{transform:translateY(-6px)}
  .home-page .why-stasis-card:hover::after{width:66px;background:#a2efeb}
  .home-page .why-stasis-card:hover .why-stasis-index{
    color:#071012;
    background:#75d2d5;
    border-color:#75d2d5;
    transform:translateY(2px);
  }
}
@media(max-width:900px){
  .home-page .why-stasis-header{grid-template-columns:1fr;gap:28px}
  .home-page .why-stasis-header p{margin:0}
  .home-page .why-stasis-grid{
    grid-template-columns:none;
    grid-template-rows:auto;
    grid-auto-flow:column;
    grid-auto-columns:min(82vw,430px);
    gap:18px;
    overflow-x:auto;
    padding-bottom:10px;
    scroll-padding-inline:0;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    overscroll-behavior-inline:contain;
  }
  .home-page .why-stasis-grid::-webkit-scrollbar{display:none}
  .home-page .why-stasis-card:nth-child(n){min-height:min(122vw,580px)!important;grid-row:auto;scroll-snap-align:start}
}
@media(max-width:600px){
  .home-page .why-stasis{padding:88px 18px 104px}
  .home-page .why-stasis-header{margin-bottom:44px}
  .home-page .why-stasis-header h2{font-size:clamp(58px,18vw,82px)}
  .home-page .why-stasis-grid{grid-auto-columns:86vw}
  .home-page .why-stasis-card:nth-child(n){min-height:min(138vw,540px)!important;border-radius:22px}
  .home-page .why-stasis-card>div{right:24px;bottom:32px;left:24px;padding-right:40px}
  .home-page .why-stasis-card p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .home-page .why-stasis-card:nth-child(n),
  .home-page .why-stasis-card:nth-child(n)>img,
  .home-page .why-stasis-card>div,
  .home-page .why-stasis-card::after,
  .home-page .why-stasis-index{transition:none}
  .home-page .why-stasis-card:hover{translate:0}
  .home-page .why-stasis-card:hover>img{transform:none}
  .home-page .why-stasis-card:hover>div{transform:none}
}

/* Selank film viewer: preserve the supplied wide frame and keep the product interaction native. */
.stasis-explorer-stage.stasis-explorer-3d::before{
  display:none!important;
}
.stasis-explorer-stage.stasis-explorer-3d:not(.is-identity){
  grid-template-columns:400px minmax(0,1fr);
}
.stasis-explorer-3d .stasis-explorer-visual{
  width:100%;
  min-height:540px;
  place-items:center;
  background:#000;
}
.stasis-vial-viewer{
  width:min(100%,920px);
  height:auto!important;
  aspect-ratio:1984/1044;
  overflow:hidden;
  border-radius:24px;
  background:#000;
  box-shadow:none;
}
.stasis-vial-viewer:focus-visible{
  outline:1px solid rgba(255,255,255,.48);
  outline-offset:4px;
  box-shadow:none;
}
.stasis-vial-viewer .stasis-selank-intro,
.stasis-vial-viewer.is-dragging .stasis-selank-intro,
.stasis-vial-viewer.is-scrubbing .stasis-selank-intro{
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  border-radius:24px;
  background:#000;
  filter:none;
  transform:scale(1.32);
  transform-origin:center;
  transition:opacity .24s ease;
  will-change:opacity;
}
.stasis-vial-viewer .stasis-vial-closeup,
.stasis-vial-viewer .stasis-product-view-film,
.stasis-vial-viewer .stasis-strength-transition{
  background:#000;
  filter:none;
}
.stasis-video-scrubber{
  left:50%;
  bottom:18px;
  width:min(52%,340px);
  grid-template-columns:18px minmax(120px,1fr) 18px;
  gap:10px;
  padding:8px 11px;
  border:1px solid rgba(105,204,208,.18);
  border-radius:999px;
  background:rgba(5,8,9,.58);
  box-shadow:0 10px 30px rgba(0,0,0,.2);
  backdrop-filter:blur(12px);
  opacity:.78;
  transition:opacity .2s ease,background-color .2s ease,border-color .2s ease;
}
.stasis-vial-viewer:hover .stasis-video-scrubber,
.stasis-vial-viewer:focus-within .stasis-video-scrubber{
  opacity:1;
  background:rgba(7,7,7,.66);
}
.stasis-video-scrubber .stasis-scrub-gesture{
  color:#69ccd0;
  font-size:13px;
}
.stasis-video-scrubber .stasis-scrub-label{
  color:#69ccd0;
  font-size:13px;
  font-weight:500;
  letter-spacing:0;
  text-transform:none;
}
.stasis-video-scrubber input{
  height:20px;
}
.stasis-video-scrubber input::-webkit-slider-runnable-track{
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#69ccd0 0 var(--scrub-progress),rgba(255,255,255,.26) var(--scrub-progress) 100%);
}
.stasis-video-scrubber input::-moz-range-track{
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#69ccd0 0 var(--scrub-progress),rgba(255,255,255,.26) var(--scrub-progress) 100%);
}
.stasis-video-scrubber input::-webkit-slider-thumb{
  width:12px;
  height:12px;
  margin-top:-5.5px;
  border:2px solid #111;
  background:#f1f1f1;
  box-shadow:0 0 0 1px rgba(255,255,255,.34);
}
.stasis-video-scrubber input::-moz-range-thumb{
  width:12px;
  height:12px;
  border:2px solid #111;
  background:#f1f1f1;
  box-shadow:0 0 0 1px rgba(255,255,255,.34);
}
@media(max-width:1180px) and (min-width:761px){
  .stasis-explorer-stage.stasis-explorer-3d:not(.is-identity){
    grid-template-columns:340px minmax(0,1fr);
  }
}
@media(max-width:760px){
  .stasis-explorer-3d .stasis-explorer-visual{
    min-height:0;
    height:auto;
  }
  .stasis-vial-viewer{
    width:100%;
    height:auto!important;
    aspect-ratio:1984/1044;
  }
  .stasis-vial-viewer .stasis-selank-intro,
  .stasis-vial-viewer.is-dragging .stasis-selank-intro,
  .stasis-vial-viewer.is-scrubbing .stasis-selank-intro{
    transform:scale(1.34);
  }
  .stasis-video-scrubber{
    width:min(78%,300px);
    grid-template-columns:18px minmax(100px,1fr) 18px;
  }
}
@media(prefers-reduced-motion:reduce){
  .stasis-vial-viewer .stasis-selank-intro{transition:none}
}

/* Statement section: share the exact desktop axes established by the header shell. */
@media(min-width:1001px){
  .home-page .statement-section{
    width:min(1540px,calc(100% - 64px));
  }
  .home-page .statement-card.texture-white{
    grid-template-columns:minmax(0,1.25fr) minmax(360px,.55fr);
    column-gap:clamp(80px,8vw,156px);
  }
  .home-page .statement-card .eyebrow{
    grid-column:1/-1;
  }
  .home-page .statement-card h2{
    max-width:920px;
  }
  .home-page .statement-card p{
    width:min(100%,430px);
    max-width:430px;
    justify-self:end;
    margin-bottom:6px;
  }
}

/* BOGO hero: use the site type system and the same horizontal axes as the header. */
@media(min-width:1001px){
  .home-page .bogo-video-hero .bogo-copy{
    width:min(1540px,calc(100% - 64px))!important;
    padding-right:18px!important;
    padding-left:0!important;
  }
}
.home-page .bogo-video-hero .bogo-copy>h2{
  max-width:820px!important;
  font-family:var(--stasis-sf)!important;
  font-size:clamp(68px,6.2vw,104px)!important;
  font-weight:650!important;
  letter-spacing:-.07em!important;
  line-height:.97!important;
}
.home-page .bogo-video-hero .bogo-copy>.button,
.home-page .bogo-video-hero .bogo-copy>.button.primary{
  position:relative;
  min-width:158px!important;
  min-height:54px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  overflow:hidden;
  padding:0 8px 0 23px!important;
  border-color:rgba(255,255,255,.9)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.2);
  transition:
    color .28s ease,
    background-color .28s ease,
    border-color .28s ease,
    box-shadow .34s ease,
    transform .34s cubic-bezier(.22,1,.36,1)!important;
}
.home-page .bogo-video-hero .bogo-copy>.button::after{
  content:"";
  position:relative;
  z-index:1;
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#0c343b;
  transform:translate3d(0,0,0);
  transition:
    background-color .28s ease,
    transform .42s cubic-bezier(.22,1,.36,1),
    box-shadow .32s ease;
}
.home-page .bogo-video-hero .bogo-copy>.button::before{
  content:"";
  position:absolute;
  z-index:2;
  top:50%;
  right:23px;
  width:8px;
  height:8px;
  border-top:2px solid #ecffff;
  border-right:2px solid #ecffff;
  pointer-events:none;
  transform:translate(0,-50%) rotate(45deg);
  transform-origin:center;
  transition:border-color .28s ease,transform .42s cubic-bezier(.22,1,.36,1);
}
@media(hover:hover){
  .home-page .bogo-video-hero .bogo-copy>.button:hover,
  .home-page .bogo-video-hero .bogo-copy>.button.primary:hover{
    color:#061518!important;
    border-color:#7cd7da!important;
    background:#7cd7da!important;
    box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 0 5px rgba(100,198,198,.1);
    transform:translateY(-3px) scale(1.018)!important;
  }
  .home-page .bogo-video-hero .bogo-copy>.button:hover::after{
    background:#f5ffff;
    box-shadow:0 7px 18px rgba(3,23,27,.18);
    transform:translate3d(3px,0,0);
  }
  .home-page .bogo-video-hero .bogo-copy>.button:hover::before{
    border-color:#061518;
    transform:translate(3px,-50%) rotate(45deg);
  }
}
.home-page .bogo-video-hero .bogo-copy>.button:focus-visible{
  outline:2px solid #b8ffff;
  outline-offset:4px;
  box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 0 5px rgba(100,198,198,.12);
}
.home-page .bogo-video-hero .bogo-copy>.button:active{
  transform:translateY(0) scale(.985)!important;
}
@media(max-width:900px){
  .home-page .bogo-video-hero .bogo-copy>h2{
    max-width:700px!important;
    font-size:clamp(54px,10vw,82px)!important;
  }
}
@media(max-width:600px){
  .home-page .bogo-video-hero .bogo-copy>h2{
    max-width:470px!important;
    font-size:clamp(48px,13.4vw,66px)!important;
    letter-spacing:-.065em!important;
  }
  .home-page .bogo-video-hero .bogo-copy>.button,
  .home-page .bogo-video-hero .bogo-copy>.button.primary{
    min-width:158px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .home-page .bogo-video-hero .bogo-copy>.button,
  .home-page .bogo-video-hero .bogo-copy>.button::before,
  .home-page .bogo-video-hero .bogo-copy>.button::after{
    transition:none!important;
  }
}

/* Ordering story: expand the image and let the three steps follow the header margins. */
@media(min-width:901px){
  .home-page .stasis-order-simple-grid{
    width:100%;
  }
  .home-page .stasis-order-visuals{
    width:min(1360px,100%);
  }
  .home-page .stasis-order-visual-main,
  .home-page .stasis-order-visual-main img{
    height:clamp(540px,56vh,680px);
  }
  .home-page .stasis-order-steps{
    width:100%;
    margin:clamp(28px,2.4vw,40px) auto 0;
  }
}

@media(min-width:901px) and (max-height:850px){
  .home-page .stasis-order-visual-main,
  .home-page .stasis-order-visual-main img{
    height:470px;
  }
  .home-page .stasis-order-steps{
    margin-top:28px;
  }
}

/* Selank explorer: one fixed center and the supplied native frame for every film. */
.home-page .stasis-product-explorer>header{
  width:min(100%,1540px);
  max-width:none;
  margin-inline:auto;
  padding-inline:0;
}
.home-page .stasis-product-explorer>header .eyebrow{
  display:block;
  margin:0 0 17px;
  color:#69ccd0;
  font-size:11px;
  font-weight:750;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.home-page .stasis-product-explorer>header h2{
  margin:0;
}
.home-page .stasis-product-explorer>header p{
  max-width:650px;
  margin:21px 0 0;
  color:#aaaab0;
  font-size:clamp(16px,1.25vw,19px);
  line-height:1.55;
}
@media(min-width:761px){
  .stasis-explorer-stage.stasis-explorer-3d,
  .stasis-explorer-stage.stasis-explorer-3d:not(.is-identity){
    --selank-film-scale:1;
    --selank-film-y:0%;
    grid-template-columns:330px minmax(0,1fr) 330px;
    gap:clamp(32px,3vw,44px);
    padding-right:clamp(72px,5.7vw,88px);
    padding-left:clamp(72px,5.7vw,88px);
  }
  .stasis-explorer-3d .stasis-explorer-controls{
    width:100%;
    max-width:330px;
    gap:14px;
  }
  .stasis-explorer-3d .stasis-explorer-visual{
    grid-column:2;
    justify-self:stretch;
    width:100%;
    overflow:hidden;
  }
  .stasis-explorer-3d .stasis-explorer-detail{
    grid-column:3;
    justify-self:center;
    width:min(100%,300px);
  }
}

.stasis-vial-viewer{
  width:min(100%,1050px);
  max-width:100%;
  height:auto!important;
  aspect-ratio:1984/1044;
}
.stasis-strength-scene{
  width:auto;
  max-width:100%;
  height:min(620px,calc(100% - 40px))!important;
  aspect-ratio:1176/1764;
  top:50%;
  left:50%;
}
.stasis-strength-float,
.stasis-strength-reference,
.stasis-strength-transition{
  width:100%;
  height:100%;
}
.stasis-explorer-3d .stasis-explorer-visual .stasis-strength-reference,
.stasis-explorer-3d .stasis-explorer-visual .stasis-strength-transition{
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:none;
  transform:translateY(var(--selank-film-y, 0%)) scale(var(--selank-strength-scale, 1)) translateZ(0)!important;
  transform-origin:50% 50%;
}
.stasis-vial-viewer .stasis-selank-intro,
.stasis-vial-viewer.is-dragging .stasis-selank-intro,
.stasis-vial-viewer.is-scrubbing .stasis-selank-intro,
.stasis-vial-viewer .stasis-vial-closeup,
.stasis-vial-viewer .stasis-product-view-film{
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain!important;
  object-position:center;
  transform:translateY(var(--selank-film-y, 0%)) scale(var(--selank-film-scale, 1))!important;
  transform-origin:50% 50%;
}

@media(min-width:761px) and (max-width:1180px){
  .stasis-explorer-stage.stasis-explorer-3d,
  .stasis-explorer-stage.stasis-explorer-3d:not(.is-identity){
    --selank-film-scale:1;
    --selank-film-y:0%;
    grid-template-columns:270px minmax(0,1fr) 270px;
    gap:24px;
    padding-right:44px;
    padding-left:44px;
  }
  .stasis-explorer-3d .stasis-explorer-controls{
    max-width:270px;
    gap:12px;
  }
  .stasis-explorer-3d .stasis-explorer-detail{
    width:min(100%,260px);
  }
}

@media(max-width:760px){
  .home-page .stasis-product-explorer>header .eyebrow{margin-bottom:13px;font-size:10px}
  .home-page .stasis-product-explorer>header p{max-width:36ch;margin-top:16px;font-size:15px}
  .stasis-explorer-stage.stasis-explorer-3d{
    --selank-film-scale:1;
    --selank-film-y:0%;
  }
  .stasis-vial-viewer{
    width:100%;
    height:auto!important;
    aspect-ratio:1984/1044;
  }
  .stasis-strength-scene{
    width:min(100%,320px);
    height:auto!important;
    aspect-ratio:1176/1764;
  }
  .stasis-vial-viewer .stasis-selank-intro,
  .stasis-vial-viewer.is-dragging .stasis-selank-intro,
  .stasis-vial-viewer.is-scrubbing .stasis-selank-intro,
  .stasis-vial-viewer .stasis-vial-closeup,
  .stasis-vial-viewer .stasis-product-view-film{
    transform:translateY(var(--selank-film-y)) scale(var(--selank-active-film-scale, 1))!important;
  }
}

/* Product films stay visually seamless: direct manipulation only during rotation. */
.stasis-vial-viewer{
  cursor:default;
}
.stasis-vial-viewer.can-rotate{
  cursor:grab;
}
.stasis-vial-viewer.can-rotate.is-dragging{
  cursor:grabbing;
}
.stasis-video-scrubber{
  display:none!important;
}

/* Ordering story controls: one aligned, cohesive control rail. */
.home-page .stasis-order-step-marker{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-color:rgba(151,223,223,.38);
  border-radius:9px;
  color:#a9dfe0;
  background:rgba(100,198,198,.07);
  font-size:8px;
  font-weight:800;
  line-height:1;
  letter-spacing:.08em;
}
.home-page .stasis-order-step:is(:hover,:focus-visible){
  color:#f5f8f8;
  background:linear-gradient(135deg,rgba(100,198,198,.12),rgba(255,255,255,.035));
  box-shadow:inset 0 0 0 1px rgba(100,198,198,.25),0 14px 34px rgba(0,0,0,.2);
}
.home-page .stasis-order-step.is-active{
  color:#f7fbfb;
  background:linear-gradient(135deg,rgba(71,172,176,.25),rgba(10,22,24,.88));
  box-shadow:inset 0 0 0 1px rgba(112,216,218,.58),0 18px 42px rgba(0,0,0,.28);
}
.home-page .stasis-order-step:is(:hover,:focus-visible) .stasis-order-step-number,
.home-page .stasis-order-step.is-active .stasis-order-step-number{
  color:#8cdddd;
}
.home-page .stasis-order-step:is(:hover,:focus-visible) .stasis-order-step-marker,
.home-page .stasis-order-step.is-active .stasis-order-step-marker{
  border-color:#78d4d6;
  color:#071011;
  background:#6ccacc;
  box-shadow:0 0 0 4px rgba(100,198,198,.09);
}

@media(min-width:901px){
  .home-page .stasis-order-visuals,
  .home-page .stasis-order-steps{
    width:min(1360px,100%);
    margin-right:auto;
    margin-left:auto;
  }
  .home-page .stasis-order-steps{
    gap:8px;
    margin-top:clamp(24px,2vw,34px);
    padding:0 0 132px;
    border-radius:28px;
    isolation:isolate;
  }
  .home-page .stasis-order-steps::before{
    inset:0 0 auto;
    height:108px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:27px;
    background:linear-gradient(110deg,rgba(27,29,31,.97),rgba(21,25,27,.94));
    box-shadow:0 24px 62px rgba(0,0,0,.38);
  }
  .home-page .stasis-order-step{
    position:relative;
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    grid-template-rows:auto auto;
    column-gap:15px;
    row-gap:4px;
    align-content:center;
    align-items:center;
    justify-content:initial;
    height:108px;
    padding:18px clamp(20px,2.1vw,32px);
    border:1px solid transparent;
    border-radius:23px;
    text-align:left;
    overflow:visible;
  }
  .home-page .stasis-order-step:is(:hover,:focus-visible){
    transform:translateY(-3px);
  }
  .home-page .stasis-order-step.is-active{
    transform:translateY(-2px);
  }
  .home-page .stasis-order-step-marker{
    position:static;
    grid-column:1;
    grid-row:1 / 3;
    width:42px;
    height:42px;
    border-radius:13px;
    font-size:10px;
  }
  .home-page .stasis-order-step-number{
    grid-column:2;
    grid-row:1;
    align-self:end;
    min-width:0;
    padding:0;
    color:#72cfd1;
    font-size:10px;
    font-weight:800;
    line-height:1;
    letter-spacing:.13em;
    text-transform:uppercase;
  }
  .home-page .stasis-order-step-copy{
    grid-column:2;
    grid-row:2;
    align-self:start;
    min-width:0;
    padding:0;
  }
  .home-page .stasis-order-step-copy strong{
    display:block;
    color:currentColor;
    font-size:clamp(15px,1.15vw,18px);
    font-weight:620;
    line-height:1.15;
    letter-spacing:-.025em;
  }
  .home-page .stasis-order-step-copy small{
    top:128px;
    width:min(360px,92vw);
    max-width:360px;
    font-size:15px;
  }
}

@media(max-width:900px){
  .home-page .stasis-order-visuals,
  .home-page .stasis-order-steps{
    width:100%;
  }
  .home-page .stasis-order-steps{
    margin-top:24px;
  }
}

/* Strength changes are revealed only after the next film has a decoded frame. */
.stasis-explorer-3d .stasis-strength-reference-current{
  transition:opacity .18s cubic-bezier(.22,1,.36,1);
}
.stasis-explorer-3d .stasis-strength-transition{
  transition:opacity .2s cubic-bezier(.22,1,.36,1),visibility 0s linear .2s;
  will-change:opacity;
}
.stasis-explorer-3d .stasis-strength-transition.is-active{
  transition:opacity .18s cubic-bezier(.22,1,.36,1),visibility 0s;
}

/* Match the full-vial opening frame, then preserve the close-up/product handoff scales. */
@media(min-width:761px){
  .stasis-explorer-stage.stasis-explorer-3d{
    --selank-film-y:0%;
    --selank-strength-scale:1.18;
    --selank-intro-scale:2.56;
    --selank-closeup-start-scale:2.56;
    --selank-closeup-scale:1.88;
    --selank-product-start-scale:1.88;
    --selank-product-scale:2.56;
  }
  .stasis-explorer-3d .stasis-vial-viewer{height:min(620px,calc(100% - 32px))!important;aspect-ratio:auto}
}

@media(max-width:760px){
  .stasis-explorer-stage.stasis-explorer-3d{
    --selank-film-y:0%;
    --selank-strength-scale:1.13;
    --selank-intro-scale:2.21;
    --selank-closeup-start-scale:2.21;
    --selank-closeup-scale:1.7;
    --selank-product-start-scale:1.7;
    --selank-product-scale:2.21;
  }
  .stasis-explorer-3d .stasis-vial-viewer{height:min(430px,70vh)!important;aspect-ratio:auto}
}

/* Once a product film settles, keep its native frame sharp and move it with stable parallax. */
.stasis-vial-viewer{
  --selank-hover-x:0px;
  --selank-hover-y:0px;
  --selank-tilt-x:0deg;
  --selank-tilt-y:0deg;
  --selank-light-x:50%;
  --selank-light-y:46%;
  isolation:isolate;
  contain:paint;
  perspective:1200px;
  transform-style:preserve-3d;
}
.stasis-vial-viewer::after{
  content:"";
  position:absolute;
  z-index:20;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(circle at var(--selank-light-x) var(--selank-light-y),rgba(123,221,222,.065),transparent 29%);
  mix-blend-mode:screen;
  opacity:0;
  pointer-events:none;
  transition:opacity .34s ease;
}
.stasis-vial-viewer.is-film-settled.is-pointer-active::after{
  opacity:1;
}
.stasis-vial-viewer .stasis-selank-intro{
  --selank-active-film-scale:var(--selank-intro-scale,2.48);
}
.stasis-vial-viewer .stasis-vial-closeup{
  --selank-active-film-scale:var(--selank-closeup-progress-scale,var(--selank-closeup-start-scale,var(--selank-intro-scale,2.48)));
}
.stasis-vial-viewer .stasis-product-view-film{
  --selank-active-film-scale:var(--selank-product-scale,2.48);
}
.stasis-vial-viewer .stasis-product-view-film[data-product-view-film="zoom-out"]{
  --selank-active-film-scale:var(--selank-product-zoom-scale,var(--selank-product-start-scale,1.82));
}
.stasis-vial-viewer .stasis-selank-intro,
.stasis-vial-viewer.is-dragging .stasis-selank-intro,
.stasis-vial-viewer.is-scrubbing .stasis-selank-intro,
.stasis-vial-viewer .stasis-vial-closeup,
.stasis-vial-viewer .stasis-product-view-film{
  transform:
    translateY(var(--selank-film-y, 0%))
    translate3d(var(--selank-hover-x),var(--selank-hover-y),0)
    rotateX(var(--selank-tilt-x))
    rotateY(var(--selank-tilt-y))
    scale(var(--selank-active-film-scale,1))!important;
  transform-origin:50% 52%;
  transition:opacity .34s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);
  will-change:opacity,transform;
}
.stasis-vial-viewer.is-pointer-active .stasis-selank-intro,
.stasis-vial-viewer.is-pointer-active .stasis-vial-closeup,
.stasis-vial-viewer.is-pointer-active .stasis-product-view-film{
  transition:opacity .34s cubic-bezier(.22,1,.36,1),transform 0s linear;
  animation-play-state:paused;
}
.stasis-explorer-stage.is-vial-view .stasis-vial-viewer.is-closeup-playing .stasis-vial-closeup{
  transition:opacity .22s cubic-bezier(.22,1,.36,1),visibility 0s;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transform-style:flat;
}
.stasis-explorer-stage.is-vial-view .stasis-vial-viewer.is-closeup-playing{
  --selank-hover-x:0px!important;
  --selank-hover-y:0px!important;
  --selank-tilt-x:0deg!important;
  --selank-tilt-y:0deg!important;
}
.stasis-explorer-stage.is-vial-view .stasis-strength-scene,
.stasis-explorer-stage.is-product-view .stasis-strength-scene{
  opacity:0!important;
  visibility:hidden!important;
  transition:none!important;
}
.stasis-explorer-stage.is-vial-view .stasis-vial-viewer:not(.is-vial-frame-ready) .stasis-vial-closeup{
  opacity:0;
  visibility:hidden;
}
.stasis-explorer-stage.is-vial-view .stasis-vial-viewer.is-vial-frame-ready .stasis-vial-closeup{
  opacity:1;
  visibility:visible;
  transition:opacity .22s cubic-bezier(.22,1,.36,1),visibility 0s;
}
.stasis-explorer-stage.is-product-view .stasis-vial-viewer:not(.is-product-frame-ready) .stasis-product-view-film.is-active{
  opacity:0;
  visibility:hidden;
}
.stasis-explorer-stage.is-product-view .stasis-vial-viewer.is-product-frame-ready .stasis-product-view-film.is-active{
  opacity:1;
  visibility:visible;
  transition:opacity .22s cubic-bezier(.22,1,.36,1),visibility 0s;
}
.stasis-explorer-stage.is-product-view .stasis-vial-viewer.is-vial-handoff .stasis-vial-closeup{
  opacity:1;
  visibility:visible;
  transition:opacity .22s cubic-bezier(.22,1,.36,1),visibility 0s;
}
.stasis-explorer-stage.is-product-view .stasis-vial-viewer.is-product-frame-ready:not(.is-vial-handoff) .stasis-vial-closeup{
  opacity:0;
  visibility:hidden;
  transition:opacity .22s cubic-bezier(.22,1,.36,1),visibility 0s linear .22s;
}
.stasis-explorer-stage.is-strength-view .stasis-vial-viewer{
  transform:none;
  transition:opacity .34s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);
}
.stasis-explorer-stage.is-strength-view .stasis-vial-viewer .stasis-selank-intro{
  opacity:0;
  visibility:hidden;
  transition:opacity .34s cubic-bezier(.22,1,.36,1),visibility 0s linear .34s;
}
.stasis-vial-viewer.is-film-settled .stasis-selank-intro.is-complete,
.stasis-explorer-stage.is-vial-view .stasis-vial-viewer.is-film-settled .stasis-vial-closeup.is-complete,
.stasis-explorer-stage.is-product-view .stasis-vial-viewer.is-film-settled .stasis-product-view-film.is-active.is-complete{
  animation:stasisSettledVialFloat 6.2s ease-in-out infinite;
}
.stasis-explorer-stage.is-vial-view .stasis-vial-viewer .stasis-vial-closeup.is-complete{
  animation:none!important;
  translate:0!important;
}
@keyframes stasisSettledVialFloat{
  0%,100%{translate:0 -3px}
  50%{translate:0 4px}
}
@media(prefers-reduced-motion:reduce){
  .stasis-vial-viewer.is-film-settled .stasis-selank-intro.is-complete,
  .stasis-explorer-stage.is-vial-view .stasis-vial-viewer.is-film-settled .stasis-vial-closeup.is-complete,
  .stasis-explorer-stage.is-product-view .stasis-vial-viewer.is-film-settled .stasis-product-view-film.is-active.is-complete{
    animation:none!important;
    translate:none;
  }
}

/* Global refinement pass: one motion language, cleaner type and steadier layouts. */
:root{
  --motion-fast:180ms;
  --motion-medium:360ms;
  --motion-slow:760ms;
  --ease-standard:cubic-bezier(.2,.72,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --focus-ring:0 0 0 4px rgba(100,198,198,.14);
  --copy-leading:1.62;
}

html{
  scroll-behavior:smooth;
  scrollbar-gutter:stable;
}
body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  font-kerning:normal;
  font-synthesis:none;
}
main :is(h1,h2,h3){text-wrap:balance}
main :is(p,li){text-wrap:pretty}
main :is(section,[id]){scroll-margin-top:118px}

main p,
.site-footer p,
.detail-copy li,
.protocol-cards p{
  line-height:var(--copy-leading);
}

.eyebrow,
.product-meta,
.product-promo-label,
.stasis-footer-nav h2,
.stasis-footer-ruo h2{
  font-variant-numeric:tabular-nums;
  text-wrap:balance;
}

a{
  transition:
    color var(--motion-fast) ease,
    opacity var(--motion-fast) ease;
}

.stasis-sunday-header .header-shell,
.stasis-sunday-header .header-shell::before{
  transition:
    background-color var(--motion-medium) ease,
    border-color var(--motion-medium) ease,
    box-shadow var(--motion-medium) ease,
    opacity var(--motion-fast) ease,
    -webkit-backdrop-filter var(--motion-medium) ease,
    backdrop-filter var(--motion-medium) ease!important;
}
.stasis-header-left .brand img{
  transform-origin:left center;
  transition:filter var(--motion-medium) ease,transform var(--motion-medium) var(--ease-out);
}
.stasis-header-left .desktop-nav a,
.stasis-sunday-header .mobile-menu a{
  transition:
    color var(--motion-fast) ease,
    opacity var(--motion-fast) ease,
    transform var(--motion-medium) var(--ease-out);
}
.stasis-header-icon,
.stasis-menu-trigger{
  transition:
    color var(--motion-fast) ease,
    background-color var(--motion-medium) ease,
    border-color var(--motion-medium) ease,
    box-shadow var(--motion-medium) ease,
    translate var(--motion-medium) var(--ease-out);
}
.stasis-header-icon svg,
.stasis-menu-trigger span:not(.sr-only){
  transition:transform var(--motion-medium) var(--ease-out),opacity var(--motion-fast) ease;
}

.button,
.filter-row button,
.form-panel button,
.stasis-footer-form button,
.cart-drawer-actions button,
.quantity-control button{
  transition:
    color var(--motion-fast) ease,
    background-color var(--motion-medium) ease,
    border-color var(--motion-medium) ease,
    box-shadow var(--motion-medium) ease,
    transform var(--motion-medium) var(--ease-out),
    translate var(--motion-medium) var(--ease-out)!important;
}
.button :is(span,i,svg),
.stasis-footer-form button span{
  transition:transform var(--motion-medium) var(--ease-out),color var(--motion-fast) ease;
}
.button:active,
.filter-row button:active,
.form-panel button:active{
  transform:scale(.975)!important;
  transition-duration:90ms!important;
}

.form-panel :is(input,select,textarea),
.stasis-footer-form input,
.stasis-search-form,
.stasis-search-form input{
  transition:
    color var(--motion-fast) ease,
    background-color var(--motion-medium) ease,
    border-color var(--motion-medium) ease,
    box-shadow var(--motion-medium) ease;
}
.form-panel :is(input,select,textarea):focus,
.stasis-footer-form input:focus{
  border-color:#64c6c6;
  box-shadow:var(--focus-ring);
}

.product-card,
.mini-product-card,
.strip-product-card,
.embedded-product-card,
.featured-compact-card,
.journal-card,
.principle-grid article,
.collection-card{
  transition:
    translate var(--motion-medium) var(--ease-out),
    border-color var(--motion-medium) ease,
    background-color var(--motion-medium) ease,
    box-shadow var(--motion-medium) var(--ease-out)!important;
}
.product-card :is(.product-image img,.product-card-media-link img),
.mini-product-card :is(img,.product-card-media-link img),
.strip-product-card img,
.embedded-product-card img,
.featured-compact-card img,
.journal-card-image img{
  transform-origin:center;
  transition:transform var(--motion-slow) var(--ease-out),filter var(--motion-medium) ease!important;
}
.product-copy,
.mini-product-card>div,
.featured-compact-card>div{
  display:flex;
  flex-direction:column;
}
.product-copy>.button,
.mini-product-card>div>.button,
.featured-compact-card>div>.button{
  margin-top:auto;
}

.catalog-page .catalog-hero{
  min-height:clamp(370px,46vh,430px);
  padding-bottom:clamp(48px,6vh,72px);
}
.catalog-page .catalog-hero>p,
.journal-page .journal-hero>p,
.page-hero>.hero-copy,
.product-hero-copy>p,
.detail-copy>p{
  max-width:680px;
  font-size:clamp(15px,1.25vw,18px);
  line-height:1.65;
}
.catalog-page .product-grid{
  gap:clamp(16px,1.65vw,24px);
}
.catalog-page .product-copy{
  min-height:320px;
  gap:0;
}
.manifesto-page .manifesto-hero{
  min-height:clamp(520px,64vh,600px);
  padding-bottom:clamp(88px,10vh,120px);
}
.manifesto-page .manifesto-body article{
  column-gap:clamp(34px,5vw,72px);
}
.manifesto-page .manifesto-body p{
  max-width:960px;
  line-height:1.48;
}
.detail-copy{
  align-content:center;
}
.detail-copy h1,
.product-hero-copy h1{
  letter-spacing:-.055em;
}
.site-footer .stasis-footer-shell{
  row-gap:clamp(34px,4vw,54px);
}

@media(hover:hover) and (pointer:fine){
  .stasis-header-left .brand:hover img{transform:translateY(-1px) scale(1.018)}
  .stasis-header-left .desktop-nav a:hover{transform:translateY(-1px)}
  .stasis-header-icon:hover,
  .stasis-menu-trigger:hover{translate:0 -1px}
  .stasis-header-icon:hover svg{transform:scale(1.08)}

  .button:hover,
  .form-panel button:hover,
  .stasis-footer-form button:hover{
    transform:none;
    translate:0 -2px;
  }
  .button:hover :is(span,i,svg),
  .stasis-footer-form button:hover span{transform:translateX(3px)}

  .filter-row button:hover:not(.is-active){
    color:#f5f5f7;
    border-color:rgba(100,198,198,.52);
    background:#202224;
    translate:0 -2px;
  }
  .filter-row button.is-active:hover{
    background:#7ad4d4;
    border-color:#7ad4d4;
    translate:0 -1px;
  }

  .product-card:hover,
  .mini-product-card:hover,
  .strip-product-card:hover,
  .embedded-product-card:hover,
  .featured-compact-card:hover,
  .journal-card:hover{
    transform:none!important;
    translate:0 -6px;
    border-color:rgba(100,198,198,.42);
    box-shadow:0 26px 70px rgba(0,0,0,.34)!important;
  }
  .product-card:hover :is(.product-image img,.product-card-media-link img),
  .mini-product-card:hover :is(img,.product-card-media-link img),
  .strip-product-card:hover img,
  .embedded-product-card:hover img,
  .featured-compact-card:hover img,
  .journal-card:hover .journal-card-image img{
    transform:scale(1.045) translateY(-3px);
    filter:saturate(1.05) contrast(1.02);
  }
  .principle-grid article:hover,
  .collection-card:hover{translate:0 -4px}
}

:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid #72d2d2;
  outline-offset:4px;
}

@media(prefers-reduced-motion:no-preference){
  body{animation-duration:.62s;animation-timing-function:var(--ease-out)}
  html.site-page-transitions body{
    transition:opacity .3s ease,transform .42s var(--ease-out);
  }
  .reveal-enhanced .reveal-item{
    filter:blur(5px);
    transition:
      opacity .72s ease var(--reveal-delay,0ms),
      transform .92s var(--ease-out) var(--reveal-delay,0ms),
      filter .72s ease var(--reveal-delay,0ms)!important;
  }
}

@media(max-width:760px){
  main :is(section,[id]){scroll-margin-top:92px}
  .catalog-page .catalog-hero{
    min-height:auto;
    padding-top:76px;
    padding-bottom:58px;
    row-gap:36px;
  }
  .catalog-page .catalog-hero h1{margin-top:14px}
  .catalog-page .filter-row{
    scroll-padding-inline:18px;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }
  .manifesto-page .manifesto-hero{
    min-height:460px;
    padding-top:88px;
    padding-bottom:76px;
  }
  .manifesto-page .manifesto-body article{row-gap:24px}
  .site-footer .stasis-footer-shell{row-gap:34px}
}

@media(max-width:600px){
  .home-page .bogo-feature.bogo-video-hero{min-height:650px!important}
  .home-page .bogo-video-hero .bogo-copy{padding:238px 0 40px!important}
  .catalog-page .product-grid{gap:20px}
  .catalog-page .product-copy{min-height:0}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}

/* Seamless Product View handoffs: never expose the black stage between decoded films. */
.stasis-vial-viewer .stasis-product-view-film{
  image-rendering:auto;
  backface-visibility:hidden;
}
.stasis-explorer-stage.is-product-view .stasis-vial-viewer.is-product-source-handoff .stasis-selank-intro,
.stasis-explorer-stage.is-product-view .stasis-vial-viewer.is-product-source-handoff.is-vial-handoff .stasis-vial-closeup{
  opacity:1;
  visibility:visible;
  transition:opacity .24s cubic-bezier(.22,1,.36,1),visibility 0s;
}
.stasis-explorer-stage.is-product-view .stasis-vial-viewer.is-product-source-handoff:not(.is-vial-handoff) .stasis-vial-closeup{
  opacity:0;
  visibility:hidden;
}
.stasis-explorer-stage.is-product-view .stasis-vial-viewer.is-product-source-fading .stasis-selank-intro,
.stasis-explorer-stage.is-product-view .stasis-vial-viewer.is-product-source-fading .stasis-vial-closeup{
  opacity:0;
  visibility:visible;
}
.stasis-explorer-stage.is-product-view .stasis-vial-viewer.is-product-frame-ready .stasis-product-view-film.is-active,
.stasis-explorer-stage.is-product-view .stasis-vial-viewer.is-product-frame-ready .stasis-product-view-film.is-outgoing{
  visibility:visible;
  transition:opacity .24s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);
}
.stasis-explorer-stage.is-product-view .stasis-vial-viewer.is-product-frame-ready .stasis-product-view-film.is-active.is-outgoing{
  opacity:0;
}
@media(prefers-reduced-motion:reduce){
  .stasis-explorer-stage.is-product-view .stasis-vial-viewer.is-product-frame-ready .stasis-product-view-film,
  .stasis-explorer-stage.is-product-view .stasis-vial-viewer.is-product-source-handoff :is(.stasis-selank-intro,.stasis-vial-closeup){
    transition:none!important;
  }
}

/* The settled identity state uses the native high-resolution vial render. */
.stasis-selank-settled{
  position:absolute;
  z-index:7;
  inset:0;
  margin:auto;
  width:auto;
  height:min(72%,460px);
  max-width:82%;
  object-fit:contain;
  opacity:0;
  visibility:hidden;
  filter:none;
  transform:none;
  pointer-events:none;
  transition:opacity .22s cubic-bezier(.22,1,.36,1),visibility 0s linear .22s;
  will-change:opacity;
}
.stasis-explorer-stage:not(.is-strength-view):not(.is-vial-view):not(.is-product-view) .stasis-vial-viewer.is-intro-settled .stasis-selank-settled{
  opacity:1;
  visibility:visible;
  transition:opacity .22s cubic-bezier(.22,1,.36,1),visibility 0s,transform .42s cubic-bezier(.22,1,.36,1);
}
.stasis-explorer-stage:not(.is-strength-view):not(.is-vial-view):not(.is-product-view) .stasis-vial-viewer.is-intro-settled .stasis-selank-intro{
  opacity:0;
  visibility:visible;
}
.stasis-explorer-stage.is-price-view .stasis-vial-viewer .stasis-selank-settled{
  opacity:1;
  visibility:visible;
  transform:none;
  transition:opacity .18s cubic-bezier(.22,1,.36,1),visibility 0s;
  animation:none;
}
.stasis-explorer-stage.is-price-view .stasis-vial-viewer .stasis-selank-intro{
  opacity:0;
  visibility:visible;
}
.stasis-explorer-stage.is-identity .stasis-vial-viewer.is-intro-settled .stasis-selank-settled{
  animation:none;
}
.stasis-explorer-stage.is-product-view .stasis-vial-viewer.is-product-source-handoff.is-intro-settled:not(.is-vial-handoff) .stasis-selank-settled{
  opacity:1;
  visibility:visible;
  transition:opacity .24s cubic-bezier(.22,1,.36,1),visibility 0s,transform .42s cubic-bezier(.22,1,.36,1);
}
.stasis-explorer-stage.is-product-view .stasis-vial-viewer.is-product-source-handoff.is-vial-handoff .stasis-selank-settled,
.stasis-explorer-stage.is-product-view .stasis-vial-viewer.is-product-source-fading .stasis-selank-settled{
  opacity:0;
  visibility:visible;
}
.stasis-vial-viewer.is-film-settled.is-intro-settled .stasis-selank-settled{
  animation:stasisSettledVialFloat 6.2s ease-in-out infinite;
}
@media(max-width:760px){
  .stasis-selank-settled{height:min(74%,360px);max-width:88%}
}
@media(prefers-reduced-motion:reduce){
  .stasis-selank-settled{transition:none!important;animation:none!important}
}

/* Keep chatbot focus inside the rounded composer instead of outlining the raw input. */
.stasis-chat-form input:focus,
.stasis-chat-form input:focus-visible{
  border:0!important;
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important;
}
.stasis-chat-form:focus-within{
  border-color:rgba(100,198,198,.72);
  box-shadow:0 0 0 3px rgba(100,198,198,.07);
}

/* Price gets a deliberate reveal; settled vial artwork stays natively sharp. */
.stasis-explorer-stage:is(.is-identity,.is-price-view) .stasis-vial-viewer .stasis-selank-settled{
  transform:none;
  transition:opacity .18s cubic-bezier(.22,1,.36,1),visibility 0s;
  will-change:opacity;
}
.stasis-explorer-stage:is(.is-identity,.is-price-view) .stasis-vial-viewer.is-pointer-active .stasis-selank-settled{
  transform:none;
  transition:opacity .18s cubic-bezier(.22,1,.36,1),visibility 0s;
}
.stasis-explorer-3d [data-feature="price"] .stasis-control-panel{
  position:relative;
  isolation:isolate;
}
.stasis-explorer-3d [data-feature="price"] .stasis-control-panel::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  border-radius:inherit;
  opacity:0;
  background:linear-gradient(108deg,transparent 18%,rgba(100,198,198,.11) 48%,transparent 76%);
  transform:translateX(-115%);
  pointer-events:none;
}
.stasis-explorer-3d [data-feature="price"] .stasis-control-panel>*{
  position:relative;
  z-index:1;
}
.stasis-explorer-3d [data-feature="price"].is-price-replaying .stasis-control-panel{
  animation:stasisPricePanelIn .56s cubic-bezier(.22,1,.36,1) both;
}
.stasis-explorer-3d [data-feature="price"].is-price-replaying .stasis-control-panel p{
  animation:stasisPriceCopyIn .48s .08s cubic-bezier(.22,1,.36,1) both;
}
.stasis-explorer-3d [data-feature="price"].is-price-replaying .stasis-control-panel p b{
  display:inline-block;
  animation:stasisPriceAmountIn .54s .12s cubic-bezier(.22,1,.36,1) both;
}
.stasis-explorer-3d [data-feature="price"].is-price-replaying .stasis-explorer-product-link{
  animation:stasisPriceLinkIn .52s .2s cubic-bezier(.22,1,.36,1) both;
}
.stasis-explorer-3d [data-feature="price"].is-price-replaying .stasis-control-panel::after{
  animation:stasisPriceSheen .82s .08s cubic-bezier(.22,1,.36,1) both;
}
.stasis-explorer-stage.is-price-replaying .stasis-vial-viewer::after{
  animation:stasisPriceVialGlow .78s cubic-bezier(.22,1,.36,1) both;
}
.stasis-explorer-stage.is-price-replaying .stasis-vial-viewer.is-intro-settled .stasis-selank-settled{
  animation:stasisPriceVialAccent .78s cubic-bezier(.22,1,.36,1) both;
}
@keyframes stasisPricePanelIn{
  0%{transform:translateY(8px) scale(.975);box-shadow:0 0 0 rgba(0,0,0,0)}
  58%{transform:translateY(-2px) scale(1.008);box-shadow:0 18px 42px rgba(0,0,0,.22)}
  100%{transform:none;box-shadow:0 14px 34px rgba(0,0,0,.16)}
}
@keyframes stasisPriceCopyIn{
  0%{opacity:0;transform:translateY(9px)}
  100%{opacity:1;transform:none}
}
@keyframes stasisPriceAmountIn{
  0%{opacity:.2;transform:translateY(5px) scale(.94);color:#64c6c6}
  100%{opacity:1;transform:none;color:#f5f5f7}
}
@keyframes stasisPriceLinkIn{
  0%{opacity:0;transform:translateX(-7px)}
  100%{opacity:1;transform:none}
}
@keyframes stasisPriceSheen{
  0%{opacity:0;transform:translateX(-115%)}
  35%{opacity:1}
  100%{opacity:0;transform:translateX(115%)}
}
@keyframes stasisPriceVialGlow{
  0%,100%{opacity:0}
  45%{opacity:.92}
}
@keyframes stasisPriceVialAccent{
  0%,100%{scale:1;filter:drop-shadow(0 18px 28px rgba(0,0,0,.5)) drop-shadow(0 0 18px rgba(100,198,198,.07))}
  48%{scale:1.028;filter:drop-shadow(0 22px 34px rgba(0,0,0,.54)) drop-shadow(0 0 26px rgba(100,198,198,.16))}
}
@media(prefers-reduced-motion:reduce){
  .stasis-explorer-3d [data-feature="price"] .stasis-control-panel,
  .stasis-explorer-3d [data-feature="price"] .stasis-control-panel::after,
  .stasis-explorer-3d [data-feature="price"] .stasis-control-panel p,
  .stasis-explorer-3d [data-feature="price"] .stasis-control-panel p b,
  .stasis-explorer-3d [data-feature="price"] .stasis-explorer-product-link,
  .stasis-explorer-stage.is-price-replaying .stasis-vial-viewer::after,
  .stasis-explorer-stage.is-price-replaying .stasis-selank-settled{animation:none!important}
}

/* Keep the explorer shell on the same responsive gutters as the glass header. */
@media(min-width:801px) and (max-width:1000px){
  .home-page .stasis-product-explorer{width:calc(100% - 34px)}
}
@media(max-width:800px){
  .home-page .stasis-product-explorer{width:calc(100% - 24px)}
}

/* Keep the actual final frame of the Selank intro; never swap it for a still image. */
.stasis-selank-settled{display:none!important}
.stasis-explorer-stage:not(.is-strength-view):not(.is-vial-view):not(.is-product-view) .stasis-vial-viewer.is-intro-settled .stasis-selank-intro,
.stasis-explorer-stage.is-price-view .stasis-vial-viewer.is-intro-settled:not(.is-product-frame-ready) .stasis-selank-intro{
  opacity:1!important;
  visibility:visible!important;
}
.stasis-vial-viewer.is-film-settled .stasis-selank-intro.is-complete{
  animation:none!important;
  translate:0!important;
}
.stasis-explorer-stage.is-product-view .stasis-vial-viewer.is-film-settled .stasis-product-view-film.is-active.is-complete{
  animation:none!important;
  translate:0!important;
}

/* Preserve the exact closing pose with a full-resolution reconstruction of the video's final frame. */
.stasis-vial-viewer .stasis-product-closure-hold{
  --selank-active-film-scale:var(--selank-product-zoom-scale,var(--selank-product-scale,2.48));
  z-index:10;
  opacity:0!important;
  visibility:hidden!important;
  transition:opacity .18s cubic-bezier(.22,1,.36,1),visibility 0s linear .18s!important;
}
.stasis-explorer-stage.is-product-view .stasis-vial-viewer.is-product-frame-ready .stasis-product-closure-hold.is-visible{
  opacity:1!important;
  visibility:visible!important;
  transition:opacity .18s cubic-bezier(.22,1,.36,1),visibility 0s!important;
}
.stasis-explorer-stage.is-product-view .stasis-vial-viewer.is-product-frame-ready .stasis-product-closure-hold.is-visible.is-leaving{
  opacity:0!important;
  visibility:visible!important;
}

/* CAM-093: responsive explorer rules shared across platforms in latam-figma.css. */
/* Draw the cart close mark geometrically so font metrics cannot shift it. */
.cart-drawer-header .icon-button[data-close-cart-drawer]{
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:0;
  font-size:0;
  line-height:0;
}
.cart-drawer-header .icon-button[data-close-cart-drawer]::before,
.cart-drawer-header .icon-button[data-close-cart-drawer]::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:14px;
  height:2px;
  border-radius:999px;
  background:currentColor;
  transform-origin:50% 50%;
}
.cart-drawer-header .icon-button[data-close-cart-drawer]::before{
  transform:translate(-50%,-50%) rotate(45deg);
}
.cart-drawer-header .icon-button[data-close-cart-drawer]::after{
  transform:translate(-50%,-50%) rotate(-45deg);
}

/* Draw explorer plus marks geometrically so macOS font metrics cannot shift them. */
html.is-macos .stasis-explorer-3d .stasis-control-trigger i{
  position:relative;
  display:grid;
  place-items:center;
  padding:0;
  font-size:0;
  line-height:0;
}
html.is-macos .stasis-explorer-3d .stasis-control-trigger i::before,
html.is-macos .stasis-explorer-3d .stasis-control-trigger i::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:9px;
  height:1px;
  border-radius:999px;
  background:currentColor;
  transform-origin:50% 50%;
}
html.is-macos .stasis-explorer-3d .stasis-control-trigger i::before{
  transform:translate(-50%,-50%);
}
html.is-macos .stasis-explorer-3d .stasis-control-trigger i::after{
  transform:translate(-50%,-50%) rotate(90deg);
}
html.is-macos .stasis-explorer-stage.is-identity [data-feature="identity"].is-selected .stasis-control-trigger i::before,
html.is-macos .stasis-explorer-stage.is-identity [data-feature="identity"].is-selected .stasis-control-trigger i::after{
  display:none;
}

/* Treat every explorer film as one centered product group. */
@media(min-width:1181px){
  .stasis-explorer-3d .stasis-explorer-visual{left:-18px}
  html.is-macos .stasis-explorer-3d .stasis-explorer-visual{left:-14px}
}
@media(min-width:761px) and (max-width:1180px){
  .stasis-explorer-3d .stasis-explorer-visual{left:-10px}
}
@media(max-width:760px){
  .stasis-explorer-3d .stasis-explorer-visual{left:auto}
}

/* Ordering journey aligned to Sunday's vertical timeline and media collage. */
.home-page .stasis-order-simple{
  box-sizing:border-box;
  width:100%;
  max-width:none;
  margin:0;
  padding:clamp(96px,8.5vw,144px) clamp(24px,4vw,64px) clamp(102px,9.5vw,156px);
  color:#f4f7f7;
}
.home-page .stasis-order-simple::before{
  inset:0 50%;
  width:100vw;
  transform:translateX(-50%);
  background:
    radial-gradient(circle at 92% 2%,rgba(67,164,167,.11),transparent 31%),
    radial-gradient(circle at 8% 82%,rgba(144,91,47,.07),transparent 27%),
    #050607;
}
.home-page .stasis-order-simple-header{
  display:flex;
  width:min(100%,1500px);
  margin:0 auto;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.home-page .stasis-order-simple-header .eyebrow{
  align-self:center;
  margin:0 0 18px;
  color:#64c6c6;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.18em;
}
.home-page .stasis-order-simple-header h2{
  max-width:920px;
  margin:0;
  color:#f4f7f7;
  font-size:clamp(48px,5.2vw,76px);
  font-weight:400;
  line-height:.98;
  letter-spacing:-.052em;
}
.home-page .stasis-order-simple-header p{
  max-width:650px;
  margin:28px 0 20px;
  color:#989da0;
  font-size:17px;
  line-height:1.55;
}
.home-page .stasis-order-simple-header>a{
  display:inline-flex;
  align-items:center;
  gap:13px;
  margin:0;
  padding-bottom:4px;
  border-bottom:1px solid currentColor;
  color:#dffafa;
  font-size:15px;
  font-weight:700;
  text-decoration:none;
}
.home-page .stasis-order-simple-header>a:hover,
.home-page .stasis-order-simple-header>a:focus-visible{
  gap:18px;
  color:#7dd7d8;
}
.home-page .stasis-order-simple-grid{
  display:grid;
  width:min(100%,1220px);
  margin:clamp(80px,7.5vw,114px) auto 0;
  grid-template-columns:minmax(360px,.86fr) minmax(620px,1.14fr);
  align-items:start;
  gap:clamp(68px,8vw,112px);
}
.home-page .stasis-order-steps{
  --stasis-order-progress:0%;
  position:relative;
  order:initial;
  display:block;
  width:auto;
  margin:0;
  padding:0 0 0 42px;
  border:0;
  border-radius:0;
  background:transparent;
  isolation:auto;
}
.home-page .stasis-order-steps::before{
  content:"";
  position:absolute;
  inset:12px auto 168px 8px;
  width:1px;
  height:auto;
  border:0;
  border-radius:0;
  background:rgba(100,198,198,.17);
  box-shadow:none;
}
.home-page .stasis-order-steps::after{
  content:"";
  position:absolute;
  top:12px;
  left:8px;
  width:1px;
  height:var(--stasis-order-progress);
  max-height:calc(100% - 180px);
  background:#64c6c6;
  transition:height .38s cubic-bezier(.22,.8,.22,1);
  pointer-events:none;
}
.home-page .stasis-order-step{
  position:relative;
  z-index:1;
  display:grid;
  width:100%;
  min-width:0;
  height:auto;
  margin:0;
  padding:0 0 52px;
  grid-template-columns:max-content minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:start;
  column-gap:10px;
  row-gap:0;
  border:0;
  border-radius:0;
  opacity:.35;
  overflow:visible;
  color:#a5aaad;
  background:transparent;
  box-shadow:none;
  transform:none;
  cursor:pointer;
  transition:opacity .32s ease,transform .32s ease,color .32s ease;
}
.home-page .stasis-order-step:is(:hover,:focus-visible),
.home-page .stasis-order-step.is-complete,
.home-page .stasis-order-step.is-active{
  opacity:1;
  color:#f4f7f7;
  background:transparent;
  box-shadow:none;
  transform:translateX(4px);
}
.home-page .stasis-order-step-marker{
  position:absolute;
  top:8px;
  left:-39px;
  display:block;
  width:9px;
  height:9px;
  border:2px solid #050607;
  border-radius:50%;
  color:transparent;
  background:#64c6c6;
  box-shadow:0 0 0 1px rgba(100,198,198,.28);
  font-size:0;
  transform:none;
  transition:transform .32s ease,box-shadow .32s ease;
}
.home-page .stasis-order-step:is(:hover,:focus-visible) .stasis-order-step-marker,
.home-page .stasis-order-step.is-complete .stasis-order-step-marker,
.home-page .stasis-order-step.is-active .stasis-order-step-marker{
  border-color:#050607;
  color:transparent;
  background:#72d0d1;
  box-shadow:0 0 0 1px rgba(100,198,198,.32),0 0 18px rgba(100,198,198,.24);
  transform:translateX(-4px) scale(1.06);
}
.home-page .stasis-order-step-number,
.home-page .stasis-order-step:is(:hover,:focus-visible) .stasis-order-step-number,
.home-page .stasis-order-step.is-complete .stasis-order-step-number,
.home-page .stasis-order-step.is-active .stasis-order-step-number{
  grid-column:1;
  grid-row:1;
  display:inline-flex;
  min-width:0;
  min-height:32px;
  align-items:center;
  align-self:start;
  padding:0 14px;
  border:0;
  border-radius:999px;
  color:#061516;
  background:#64c6c6;
  font-size:11px;
  font-weight:750;
  line-height:1;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.home-page .stasis-order-step-copy{
  display:contents;
  padding:0;
}
.home-page .stasis-order-step-copy strong{
  grid-column:2;
  grid-row:1;
  align-self:center;
  overflow:visible;
  color:currentColor;
  font-size:clamp(20px,1.8vw,25px);
  font-weight:500;
  line-height:1.15;
  letter-spacing:-.025em;
  text-overflow:clip;
  white-space:normal;
}
.home-page .stasis-order-step-copy small,
.home-page .stasis-order-step:is(:hover,:focus-visible) .stasis-order-step-copy small,
.home-page .stasis-order-step.is-complete .stasis-order-step-copy small,
.home-page .stasis-order-step.is-active .stasis-order-step-copy small{
  position:static;
  top:auto;
  grid-column:1 / -1;
  grid-row:2;
  display:block;
  width:auto;
  max-width:470px;
  margin:15px 0 0 20px;
  color:#92989b;
  font-size:15px;
  line-height:1.55;
  text-align:left;
  opacity:1;
  transform:none;
  pointer-events:auto;
}
.home-page .stasis-order-mini-card{
  display:grid;
  width:auto;
  margin:16px 0 0;
  padding:22px 24px;
  grid-template-columns:62px 1fr;
  align-items:center;
  gap:18px;
  border:1px solid rgba(100,198,198,.14);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(100,198,198,.1),rgba(255,255,255,.035));
}
.home-page .stasis-order-mini-card img{
  width:58px;
  height:72px;
  object-fit:contain;
  border-radius:9px;
}
.home-page .stasis-order-mini-card p{display:block;margin:0}
.home-page .stasis-order-mini-card strong{display:block;margin-bottom:5px;color:#e9f5f5;font-size:15px}
.home-page .stasis-order-mini-card span{color:#92999c;font-size:14px;line-height:1.45}
.home-page .stasis-order-visuals{
  position:relative;
  order:initial;
  display:grid;
  width:100%;
  min-width:0;
  min-height:0;
  margin:0;
  grid-template-columns:minmax(0,1fr) 210px;
  grid-template-rows:410px 220px;
  gap:18px;
}
.home-page .stasis-order-visuals figure{
  position:relative;
  min-width:0;
  min-height:0;
  margin:0;
  overflow:hidden;
  background:#0d1213;
}
.home-page .stasis-order-visual-main{
  grid-column:1 / -1;
  width:auto;
  height:410px;
  min-height:0;
  border:1px solid rgba(100,198,198,.2);
  border-radius:32px;
  box-shadow:0 30px 84px rgba(0,0,0,.38);
}
.home-page .stasis-order-visual-main img{
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
}
.home-page .stasis-order-visual-main::after{
  background:linear-gradient(180deg,transparent 55%,rgba(2,12,13,.58));
}
.home-page .stasis-order-visual-main figcaption{
  right:26px;
  bottom:24px;
  left:26px;
  max-width:none;
  color:#fff;
  font-size:clamp(23px,2.2vw,34px);
  font-weight:500;
  letter-spacing:-.035em;
}
.home-page .stasis-order-visual-detail{
  display:block;
  width:auto;
  height:220px;
  min-height:0;
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px;
}
.home-page .stasis-order-visual-orb{
  display:block;
  width:210px;
  height:210px;
  min-height:0;
  align-self:start;
  justify-self:auto;
  border:1px solid rgba(100,198,198,.2);
  border-radius:50%;
}
.home-page .stasis-order-visual-detail img,
.home-page .stasis-order-visual-orb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.home-page .stasis-order-visual-detail img{object-position:center 62%}
.home-page .stasis-order-visual-orb img{object-position:50% 74%}

@media(max-width:1040px){
  .home-page .stasis-order-simple-grid{
    grid-template-columns:1fr;
    gap:60px;
  }
  .home-page .stasis-order-steps{width:min(720px,100%)}
  .home-page .stasis-order-visuals{width:min(760px,100%);margin-inline:auto}
}

@media(max-width:660px){
  .home-page .stasis-order-simple{
    width:100%;
    padding:72px 16px 82px;
  }
  .home-page .stasis-order-simple-header{
    align-items:center;
    text-align:center;
  }
  .home-page .stasis-order-simple-header h2{font-size:clamp(43px,13vw,60px)}
  .home-page .stasis-order-simple-header p{margin:23px 0 18px;font-size:15px}
  .home-page .stasis-order-simple-grid{margin-top:60px;gap:48px}
  .home-page .stasis-order-steps{
    --stasis-mobile-timeline-x:6px;
    padding-left:36px;
  }
  .home-page .stasis-order-steps::before,
  .home-page .stasis-order-steps::after{
    left:var(--stasis-mobile-timeline-x);
    transform:translateX(-50%);
  }
  .home-page .stasis-order-step{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    padding-bottom:40px;
  }
  .home-page .stasis-order-step:is(:hover,:focus-visible),
  .home-page .stasis-order-step.is-complete,
  .home-page .stasis-order-step.is-active{transform:none}
  .home-page .stasis-order-step-marker{
    left:calc(var(--stasis-mobile-timeline-x) - 36px);
    transform:translateX(-50%);
  }
  .home-page .stasis-order-step:is(:hover,:focus-visible) .stasis-order-step-marker,
  .home-page .stasis-order-step.is-complete .stasis-order-step-marker,
  .home-page .stasis-order-step.is-active .stasis-order-step-marker{
    transform:translateX(-50%) scale(1.08);
  }
  .home-page .stasis-order-step-number{grid-column:1;grid-row:1;width:max-content}
  .home-page .stasis-order-step-copy strong{grid-column:1;grid-row:2;margin-top:10px;font-size:23px}
  .home-page .stasis-order-step-copy small,
  .home-page .stasis-order-step:is(:hover,:focus-visible) .stasis-order-step-copy small,
  .home-page .stasis-order-step.is-complete .stasis-order-step-copy small,
  .home-page .stasis-order-step.is-active .stasis-order-step-copy small{
    grid-column:1;
    grid-row:3;
    margin:11px 0 0;
  }
  .home-page .stasis-order-mini-card{grid-template-columns:54px 1fr;padding:18px}
  .home-page .stasis-order-mini-card img{width:50px;height:64px}
  .home-page .stasis-order-visuals{
    grid-template-columns:minmax(0,1fr) 118px;
    grid-template-rows:340px 142px;
    gap:9px;
  }
  .home-page .stasis-order-visual-main{
    height:340px;
    border-radius:22px;
  }
  .home-page .stasis-order-visual-main figcaption{right:18px;bottom:18px;left:18px;font-size:24px}
  .home-page .stasis-order-visual-detail{height:142px;border-radius:18px}
  .home-page .stasis-order-visual-orb{width:118px;height:118px}
}

@media(prefers-reduced-motion:reduce){
  .home-page .stasis-order-steps::after,
  .home-page .stasis-order-step,
  .home-page .stasis-order-step-marker{transition:none}
}

/* Header mega menus: editorial glass navigation inspired by the supplied reference. */
.stasis-mega-trigger{
  display:inline-flex!important;
  align-items:center;
  gap:6px;
}
.stasis-mega-trigger>svg{
  width:11px;
  height:11px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.35;
  opacity:.58;
  transition:transform .24s cubic-bezier(.16,1,.3,1),opacity .18s ease;
}
.stasis-mega-trigger:is(:hover,:focus-visible,.is-mega-active)>svg{
  opacity:1;
  transform:rotate(180deg);
}
.site-header.stasis-sunday-header .stasis-header-left .desktop-nav a.is-mega-active{color:#fff}

.stasis-mega-menu{
  position:absolute;
  z-index:20;
  top:calc(100% - 1px);
  left:50%;
  width:min(1540px,calc(100% - 64px));
  transform:translate(-50%,-12px) scale(.988);
  transform-origin:50% 0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s ease,transform .32s cubic-bezier(.16,1,.3,1),visibility 0s linear .32s;
}
.stasis-mega-menu.is-open{
  transform:translate(-50%,0) scale(1);
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition-delay:0s;
}
.stasis-mega-glass{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:430px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:30px;
  color:#f5f5f7;
  background:
    linear-gradient(122deg,rgba(34,38,41,.82),rgba(8,10,12,.76) 50%,rgba(18,21,24,.8)),
    rgba(9,11,13,.72);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    inset 0 -1px 0 rgba(0,0,0,.34),
    0 38px 110px rgba(0,0,0,.52);
  -webkit-backdrop-filter:blur(34px) saturate(155%);
  backdrop-filter:blur(34px) saturate(155%);
}
.stasis-mega-glass::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-45% 45% 28% -12%;
  background:radial-gradient(circle at center,rgba(117,208,209,.14),transparent 68%);
  pointer-events:none;
}
.stasis-mega-glass::after{
  content:"";
  position:absolute;
  top:0;
  right:32px;
  left:32px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);
  pointer-events:none;
}
.stasis-mega-view{
  display:none;
  padding:clamp(24px,2.5vw,38px);
}
.stasis-mega-view.is-active{
  display:block;
  animation:stasis-mega-view-in .34s cubic-bezier(.16,1,.3,1) both;
}
@keyframes stasis-mega-view-in{
  from{opacity:0;transform:translateY(9px)}
  to{opacity:1;transform:translateY(0)}
}
.stasis-mega-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:22px;
}
.stasis-mega-heading>div>span,
.stasis-mega-product-copy small,
.stasis-mega-story small{
  display:block;
  color:#7ed0d0;
  font-size:10px;
  font-style:normal;
  font-weight:600;
  letter-spacing:.13em;
  line-height:1.2;
  text-transform:uppercase;
}
.stasis-mega-heading h2{
  margin:7px 0 0;
  color:#f5f5f7;
  font-size:clamp(28px,2.3vw,38px);
  font-weight:400;
  letter-spacing:-.045em;
  line-height:1;
}
.stasis-mega-heading>a{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding-bottom:5px;
  border-bottom:1px solid rgba(255,255,255,.25);
  color:rgba(245,245,247,.76);
  font-size:12px;
  font-weight:500;
}
.stasis-mega-heading>a i,
.stasis-mega-product-copy em i,
.stasis-mega-story em i{
  display:inline-block;
  font-style:normal;
  transition:transform .24s cubic-bezier(.16,1,.3,1);
}
.stasis-mega-heading>a:hover{color:#fff;border-color:#7ed0d0}
.stasis-mega-heading>a:hover i,
.stasis-mega-product:hover .stasis-mega-product-copy em i,
.stasis-mega-story:hover em i{transform:translate(2px,-2px)}

.stasis-mega-products{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.stasis-mega-product{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  color:#f5f5f7;
  background:rgba(255,255,255,.045);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  transition:border-color .24s ease,background-color .24s ease,transform .34s cubic-bezier(.16,1,.3,1),box-shadow .34s ease!important;
}
.stasis-mega-product-image{
  position:relative;
  display:block;
  height:138px;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at 50% 45%,rgba(113,198,199,.12),transparent 56%),
    rgba(0,0,0,.27);
}
.stasis-mega-product-image::after{
  content:"";
  position:absolute;
  inset:auto 14px 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
}
.stasis-mega-product-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  transform:scale(.96);
  filter:drop-shadow(0 17px 22px rgba(0,0,0,.36));
  transition:transform .5s cubic-bezier(.16,1,.3,1),filter .3s ease;
}
.stasis-mega-product-image--editorial{
  background:#15100d;
}
.stasis-mega-product-image--editorial::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02),transparent 54%,rgba(0,0,0,.16));
  pointer-events:none;
}
.stasis-mega-product-image--editorial img{
  object-fit:cover;
  transform:scale(1.03);
  filter:saturate(.92) contrast(1.04);
}
.stasis-mega-product-image--retatrutide img{object-position:50% 69%}
.stasis-mega-product-image--glow img{object-position:50% 61%}
.stasis-mega-product-image--wolverine img{object-position:50% 47%}
.stasis-mega-product-copy{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:5px 16px;
  padding:14px 16px 16px;
}
.stasis-mega-product-copy small{grid-column:1/-1;color:rgba(126,208,208,.78);font-size:8px}
.stasis-mega-product-copy strong{
  overflow:hidden;
  color:#fff;
  font-size:19px;
  font-weight:500;
  letter-spacing:-.025em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.stasis-mega-product-copy em{
  color:rgba(245,245,247,.6);
  font-size:10px;
  font-style:normal;
  white-space:nowrap;
}
.stasis-mega-product:hover,
.stasis-mega-product:focus-visible{
  border-color:rgba(126,208,208,.48);
  background:rgba(255,255,255,.075);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 17px 40px rgba(0,0,0,.2);
  transform:translateY(-3px);
}
.stasis-mega-product:hover .stasis-mega-product-image img,
.stasis-mega-product:focus-visible .stasis-mega-product-image img{transform:scale(1.035)}
.stasis-mega-product:hover .stasis-mega-product-image--editorial img,
.stasis-mega-product:focus-visible .stasis-mega-product-image--editorial img{
  transform:scale(1.085);
  filter:saturate(1) contrast(1.04);
}

.stasis-mega-links{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:14px;
  border-top:1px solid rgba(255,255,255,.13);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.stasis-mega-links>a,
.stasis-mega-learn-links>a{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:15px 16px;
  color:rgba(245,245,247,.82);
  transition:color .2s ease,background-color .24s ease!important;
}
.stasis-mega-links>a+a{border-left:1px solid rgba(255,255,255,.1)}
.stasis-mega-links>a span,
.stasis-mega-learn-links>a span{
  color:rgba(126,208,208,.6);
  font-size:8px;
  letter-spacing:.1em;
}
.stasis-mega-links>a strong,
.stasis-mega-learn-links>a strong{
  overflow:hidden;
  font-size:12px;
  font-weight:500;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.stasis-mega-links>a i,
.stasis-mega-learn-links>a i{
  color:rgba(245,245,247,.34);
  font-size:13px;
  font-style:normal;
  transition:color .2s ease,transform .24s cubic-bezier(.16,1,.3,1);
}
.stasis-mega-links>a:hover,
.stasis-mega-learn-links>a:hover{color:#fff;background:rgba(126,208,208,.07)}
.stasis-mega-links>a:hover i,
.stasis-mega-learn-links>a:hover i{color:#7ed0d0;transform:translateX(3px)}

.stasis-mega-learn-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr) minmax(220px,.72fr);
  gap:12px;
}
.stasis-mega-story{
  position:relative;
  isolation:isolate;
  display:block;
  min-height:286px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  color:#fff;
  background:#111416;
  transition:border-color .24s ease,transform .34s cubic-bezier(.16,1,.3,1),box-shadow .34s ease!important;
}
.stasis-mega-story img{
  position:absolute;
  z-index:-2;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.98) contrast(1.04) brightness(.82);
  transition:transform .65s cubic-bezier(.16,1,.3,1),filter .35s ease;
}
.stasis-mega-story::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(0deg,rgba(4,6,8,.94),rgba(4,6,8,.1) 76%),linear-gradient(90deg,rgba(5,10,12,.38),transparent 65%);
}
.stasis-mega-story>span{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  display:grid;
  gap:8px;
  padding:22px;
}
.stasis-mega-story strong{
  max-width:420px;
  font-size:clamp(18px,1.55vw,25px);
  font-weight:400;
  letter-spacing:-.035em;
  line-height:1.05;
}
.stasis-mega-story em{
  color:rgba(245,245,247,.67);
  font-size:10px;
  font-style:normal;
}
.stasis-mega-story:hover,
.stasis-mega-story:focus-visible{
  border-color:rgba(126,208,208,.5);
  box-shadow:0 20px 50px rgba(0,0,0,.26);
  transform:translateY(-3px);
}
.stasis-mega-story:hover img,
.stasis-mega-story:focus-visible img{filter:saturate(1.08) contrast(1.03) brightness(.9);transform:scale(1.045)}
.stasis-mega-story-primary img{object-position:center 56%}
.stasis-mega-story:not(.stasis-mega-story-primary) img{object-position:center 58%}
.stasis-mega-learn-links{
  display:grid;
  align-content:stretch;
  border:1px solid rgba(255,255,255,.11);
  border-radius:20px;
  background:rgba(255,255,255,.035);
}
.stasis-mega-learn-links>a{padding:14px 17px}
.stasis-mega-learn-links>a+a{border-top:1px solid rgba(255,255,255,.1)}

@media(max-width:1050px) and (min-width:801px){
  .stasis-mega-menu{width:calc(100% - 28px)}
  .stasis-mega-view{padding:24px}
  .stasis-mega-product-image{height:126px}
  .stasis-mega-learn-grid{grid-template-columns:1fr 1fr}
  .stasis-mega-learn-links{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}
  .stasis-mega-learn-links>a+a{border-top:0;border-left:1px solid rgba(255,255,255,.1)}
}

@media(max-width:800px){
  .stasis-mega-menu{display:none!important}
}

@media(prefers-reduced-transparency:reduce){
  .stasis-mega-glass{
    background:#111416;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

/* Stasis assistance: quiet, architectural surfaces without floating shadows. */
.stasis-recent-order,
.stasis-chat-panel,
.stasis-chat-launcher{
  box-shadow:none;
}
.stasis-recent-order{
  width:min(374px,calc(100vw - 32px));
  min-height:98px;
  padding:14px 48px 14px 14px;
  border-color:rgba(126,214,210,.38);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(8,27,29,.98),rgba(7,14,15,.98));
  -webkit-backdrop-filter:blur(18px) saturate(110%);
  backdrop-filter:blur(18px) saturate(110%);
}
.stasis-recent-order::before{
  content:"";
  position:absolute;
  top:-1px;
  left:20px;
  width:52px;
  height:2px;
  border-radius:999px;
  background:#73d4d1;
}
.stasis-recent-order-link{
  grid-template-columns:62px minmax(0,1fr);
  gap:15px;
  margin:-14px -48px -14px -14px;
  padding:14px 48px 14px 14px;
  border-radius:17px;
}
.stasis-recent-order-link>img{
  width:62px;
  height:62px;
  border-color:rgba(126,214,210,.24);
  border-radius:10px;
  background:#030707;
  box-shadow:none;
}
.stasis-recent-order-link:hover{background:rgba(115,212,209,.055)}
.stasis-recent-order span{
  min-height:20px;
  padding:0 8px;
  color:#b7efec;
  background:transparent;
  border-color:rgba(126,214,210,.32);
  font-size:8px;
  font-weight:740;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.stasis-recent-order p{
  margin:7px 0 3px;
  color:#eef3f0;
  font-size:12px;
  letter-spacing:-.01em;
}
.stasis-recent-order p strong{color:#7bd8d4}
.stasis-recent-order small{color:#8e9b98;font-size:9px;letter-spacing:.025em}
.stasis-recent-order>button{
  top:13px;
  right:13px;
  border:1px solid transparent;
  color:#8b9a97;
}
.stasis-recent-order>button:hover,
.stasis-recent-order>button:focus-visible{
  color:#c9f4f1;
  border-color:rgba(126,214,210,.28);
  background:rgba(115,212,209,.07);
  transform:none;
}

.stasis-chat-launcher{
  width:56px;
  height:56px;
  border-color:rgba(230,255,252,.72);
  background:#69cecc;
}
.stasis-chat-launcher:hover{
  transform:translateY(-2px);
  background:#82dad7;
}
.stasis-assistance.is-chat-open .stasis-chat-launcher,
.stasis-assistance.is-chat-open .stasis-chat-launcher:hover{
  border-color:rgba(126,214,210,.42);
  background:#0c1718;
  transform:none;
}
.stasis-assistance.is-chat-open .stasis-chat-launcher:after{
  color:#baf2ef;
}

.stasis-chat-panel{
  width:min(400px,calc(100vw - 32px));
  border-color:rgba(126,214,210,.34);
  border-radius:20px;
  background:
    linear-gradient(160deg,rgba(11,27,29,.99),rgba(7,11,12,.99) 52%),
    #080d0e;
}
.stasis-chat-panel::before{
  content:"";
  position:absolute;
  z-index:3;
  top:-1px;
  left:22px;
  width:58px;
  height:2px;
  border-radius:999px;
  background:#73d4d1;
}
.stasis-chat-panel>header{
  padding:22px 20px 18px;
  border-color:rgba(126,214,210,.16);
  background:rgba(12,23,24,.82);
}
.stasis-chat-panel>header span{
  color:#83dbd7;
  font-size:8px;
  letter-spacing:.18em;
}
.stasis-chat-panel>header h2{
  margin-top:5px;
  font-size:21px;
  font-weight:580;
}
.stasis-chat-panel>header button{
  width:34px;
  height:34px;
  border-color:rgba(126,214,210,.24);
  color:#dce8e5;
  background:#111a1b;
  box-shadow:none;
}
.stasis-chat-panel>header button:hover,
.stasis-chat-panel>header button:focus-visible{
  color:#0a1718;
  border-color:#73d4d1;
  background:#73d4d1;
}
.stasis-chat-messages{gap:12px;padding:18px 18px 20px}
.stasis-chat-message{
  padding:12px 14px;
  border:1px solid rgba(126,214,210,.14);
  border-radius:13px;
}
.stasis-chat-message.is-assistant{
  color:#dfe8e5;
  background:#142022;
  border-bottom-left-radius:3px;
}
.stasis-chat-message.is-user{
  color:#061719;
  border-color:#73d4d1;
  background:#73d4d1;
  border-bottom-right-radius:3px;
}
.stasis-chat-actions{gap:8px;padding:0 18px 16px}
.stasis-chat-actions button{
  min-height:38px;
  border-color:rgba(126,214,210,.23);
  border-radius:11px;
  color:#c4d1ce;
  background:#101718;
}
.stasis-chat-actions button:hover,
.stasis-chat-actions button:focus-visible{
  color:#061719;
  border-color:#73d4d1;
  background:#73d4d1;
}
.stasis-chat-form{
  grid-template-columns:minmax(0,1fr) 40px;
  gap:9px;
  margin:0 18px;
  padding:6px 6px 6px 11px;
  border-color:rgba(126,214,210,.42);
  border-radius:14px;
  background:#05090a;
}
.stasis-chat-form:focus-within{
  border-color:#73d4d1;
  box-shadow:none;
}
.stasis-chat-form button{
  width:40px;
  height:40px;
  border-radius:10px;
  background:#73d4d1;
  box-shadow:none;
}
.stasis-chat-panel>small{
  padding:12px 18px 16px;
  color:#7f8c89;
  letter-spacing:.01em;
}

@media(prefers-reduced-motion:reduce){
  .stasis-mega-menu,
  .stasis-mega-view.is-active,
  .stasis-mega-product,
  .stasis-mega-product-image img,
  .stasis-mega-story,
  .stasis-mega-story img{animation:none;transition:none!important}
}

/* Cinematic home scroll: full-screen chapters with Stasis-specific color fields. */
.home-page main{overflow-x:clip;background:#000}
.home-page .stasis-scroll-scene{
  position:relative;
  isolation:isolate;
  box-sizing:border-box;
  min-height:100svh;
  margin-top:0;
  scroll-margin-top:44px;
  scroll-snap-align:start;
  border-top:1px solid rgba(255,255,255,.055);
  border-bottom:1px solid rgba(0,0,0,.16);
}
.home-page .stasis-scroll-scene::selection{background:#64c6c6;color:#071416}

@media(min-width:901px) and (prefers-reduced-motion:no-preference){
  html.stasis-cinematic-scroll{scroll-snap-type:y proximity;scroll-padding-top:44px}
  /* Include the complete footer in the page's scroll stops so its legal row
     remains reachable instead of settling on the preceding section. */
  .home-page .site-footer{
    scroll-snap-align:end;
    scroll-margin-bottom:0;
  }
  .home-page .stasis-scroll-scene>:first-child{
    opacity:var(--scene-opacity);
    translate:0 var(--scene-heading-y);
    scale:var(--scene-scale);
    filter:blur(var(--scene-blur));
    transform-origin:50% 30%;
    will-change:translate,scale,opacity,filter;
  }
  .home-page .stasis-scroll-scene>:not(:first-child){
    opacity:var(--scene-opacity);
    translate:0 var(--scene-content-y);
    scale:var(--scene-scale);
    transform-origin:50% 50%;
    will-change:translate,scale,opacity;
  }
  .home-page .stasis-scroll-scene.is-scene-nearest>:first-child,
  .home-page .stasis-scroll-scene.is-scene-nearest>:not(:first-child){
    backface-visibility:hidden;
  }
}

/* 01 · Ordering — warm laboratory paper. */
.home-page .stasis-order-simple.stasis-scroll-scene{
  color:#0a1718;
  background:
    radial-gradient(circle at 88% 10%,rgba(100,198,198,.24),transparent 30%),
    radial-gradient(circle at 7% 84%,rgba(137,82,43,.12),transparent 29%),
    linear-gradient(135deg,#e3ddd1 0%,#d7d0c3 55%,#cec8bc 100%);
}
.home-page .stasis-order-simple.stasis-scroll-scene::before{
  background:
    radial-gradient(circle at 88% 8%,rgba(100,198,198,.2),transparent 30%),
    radial-gradient(circle at 8% 82%,rgba(144,91,47,.1),transparent 29%),
    linear-gradient(135deg,#e3ddd1 0%,#d7d0c3 55%,#cec8bc 100%);
}
.home-page .stasis-order-simple .stasis-order-simple-header h2{color:#071416}
.home-page .stasis-order-simple .stasis-order-simple-header p{color:rgba(7,20,22,.64)}
.home-page .stasis-order-simple .stasis-order-simple-header>a{color:#075e61}
.home-page .stasis-order-simple .stasis-order-simple-header>a:hover,
.home-page .stasis-order-simple .stasis-order-simple-header>a:focus-visible{color:#073f42}
.home-page .stasis-order-simple .stasis-order-steps::before{background:rgba(7,83,86,.2)}
.home-page .stasis-order-simple .stasis-order-step{color:rgba(7,20,22,.58);opacity:.52}
.home-page .stasis-order-simple .stasis-order-step:is(:hover,:focus-visible),
.home-page .stasis-order-simple .stasis-order-step.is-complete,
.home-page .stasis-order-simple .stasis-order-step.is-active{color:#071416;opacity:1}
.home-page .stasis-order-simple .stasis-order-step-marker,
.home-page .stasis-order-simple .stasis-order-step:is(:hover,:focus-visible) .stasis-order-step-marker,
.home-page .stasis-order-simple .stasis-order-step.is-complete .stasis-order-step-marker,
.home-page .stasis-order-simple .stasis-order-step.is-active .stasis-order-step-marker{border-color:#d9d2c5}
.home-page .stasis-order-simple .stasis-order-step-copy small,
.home-page .stasis-order-simple .stasis-order-step:is(:hover,:focus-visible) .stasis-order-step-copy small,
.home-page .stasis-order-simple .stasis-order-step.is-complete .stasis-order-step-copy small,
.home-page .stasis-order-simple .stasis-order-step.is-active .stasis-order-step-copy small{color:rgba(7,20,22,.58)}
.home-page .stasis-order-simple .stasis-order-mini-card{
  border-color:rgba(7,91,94,.18);
  background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(100,198,198,.12));
}
.home-page .stasis-order-simple .stasis-order-mini-card strong{color:#0a1b1c}
.home-page .stasis-order-simple .stasis-order-mini-card span{color:rgba(7,20,22,.6)}
.home-page .stasis-order-simple .stasis-order-visual-main{
  border-color:rgba(7,80,82,.24);
  box-shadow:0 34px 92px rgba(35,43,39,.24);
}
.home-page .stasis-order-simple .stasis-order-visual-detail,
.home-page .stasis-order-simple .stasis-order-visual-orb{border-color:rgba(7,57,59,.18)}

/* 02 · Catalog focus — deep blue-green graphite. */
.home-page .top-sellers.home-product-carousel.stasis-scroll-scene{
  background:
    radial-gradient(circle at 50% 38%,rgba(65,160,164,.18),transparent 38%),
    linear-gradient(180deg,#102326 0%,#091719 58%,#050b0c 100%);
}
.home-page .top-sellers.home-product-carousel.stasis-scroll-scene::before{
  background:radial-gradient(circle,rgba(91,194,198,.16),transparent 67%);
}
.home-page .top-sellers .stasis-carousel-heading p,
.home-page .top-sellers .stasis-carousel-detail p{color:rgba(225,237,235,.62)}

/* 03 · Closer look — deliberately pure black, as requested. */
.home-page .stasis-product-explorer.stasis-scroll-scene{
  width:100%;
  max-width:none;
  padding-inline:max(32px,calc((100vw - 1540px)/2));
  color:#f5f5f7;
  background:#000;
}
.home-page .stasis-product-explorer.stasis-scroll-scene::before{background:#000}

/* 04 · Research domains — a pale mineral field around the dark instrument panel. */
.home-page .domain-explorer.stasis-scroll-scene{
  padding-inline:max(32px,calc((100vw - 1540px)/2));
  color:#071416;
  background:
    radial-gradient(circle at 8% 12%,rgba(100,198,198,.28),transparent 28%),
    radial-gradient(circle at 91% 78%,rgba(131,83,45,.11),transparent 31%),
    linear-gradient(145deg,#dce1da,#cfd5ce 62%,#c5ccc6);
}
.home-page .domain-explorer .domain-explorer-heading h2{
  color:#11383d;
  font-family:var(--stasis-sf);
  font-size:clamp(48px,5.3vw,78px);
  font-weight:420;
  line-height:1.02;
  letter-spacing:-.058em;
  text-wrap:balance;
}
.home-page .domain-explorer .domain-explorer-heading h2 em{
  color:#0a6569;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.06em;
  font-style:italic;
  font-weight:400;
  letter-spacing:-.045em;
}
@media(max-width:560px){
  .home-page .domain-explorer .domain-explorer-heading h2{
    font-size:clamp(40px,10.5vw,58px);
    line-height:1.06;
  }
}
.home-page .domain-explorer .domain-explorer-heading p{color:rgba(7,20,22,.65)}
.home-page .domain-explorer .domain-explorer-heading .eyebrow{color:#086c6f}
.home-page .domain-explorer .domain-explorer-shell{
  border-color:rgba(7,45,47,.28);
  box-shadow:0 42px 110px rgba(45,62,56,.25);
}

/* 05 · Why Stasis keeps its immersive teal identity. */
.home-page .why-stasis.stasis-scroll-scene{min-height:100svh}

/* 06 · FAQ — warm archive paper, clearly separated from verification. */
.home-page .home-faq.stasis-scroll-scene{
  width:100%;
  max-width:none;
  padding-inline:max(32px,calc((100vw - 1540px)/2));
  color:#101a19;
  background:
    radial-gradient(circle at 82% 12%,rgba(100,198,198,.16),transparent 27%),
    radial-gradient(circle at 9% 88%,rgba(126,73,37,.12),transparent 30%),
    linear-gradient(150deg,#dfd5c7,#d3c5b3 68%,#c9baa7);
}
.home-page .home-faq .home-faq-intro h2{color:#0b1717}
.home-page .home-faq .home-faq-intro p{color:rgba(11,23,23,.64)}
.home-page .home-faq .home-faq-intro>a{color:#086568}
.home-page .home-faq .home-faq-item{
  border-color:rgba(10,49,49,.2);
  color:#0b1717;
  background:rgba(249,246,239,.62);
  box-shadow:0 14px 42px rgba(66,55,42,.08);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
.home-page .home-faq .home-faq-item:hover{border-color:rgba(7,95,97,.34);background:rgba(255,253,248,.78)}
.home-page .home-faq .home-faq-item[open]{border-color:rgba(7,105,108,.46);background:rgba(250,248,242,.9)}
.home-page .home-faq .home-faq-number{background:rgba(7,71,73,.09)}
.home-page .home-faq .home-faq-answer p{color:rgba(11,23,23,.68)}

/* 07 · Final order — a complete copper campaign chapter. */
.home-page .home-final-batch.stasis-scroll-scene{
  min-height:0;
  aspect-ratio:auto;
  margin-top:0;
  background-position:center;
  background-size:cover;
}

@media(max-width:900px){
  .home-page .stasis-scroll-scene{min-height:100svh;scroll-margin-top:44px}
  .home-page .stasis-product-explorer.stasis-scroll-scene,
  .home-page .domain-explorer.stasis-scroll-scene,
  .home-page .home-faq.stasis-scroll-scene{padding-inline:20px}
  .home-page .stasis-order-simple.stasis-scroll-scene{padding-inline:18px}
  .home-page .home-final-batch.stasis-scroll-scene{min-height:100svh}
}

@media(max-width:560px){
  .home-page .stasis-product-explorer.stasis-scroll-scene,
  .home-page .domain-explorer.stasis-scroll-scene,
  .home-page .home-faq.stasis-scroll-scene{padding-inline:16px}
}

@media(prefers-reduced-motion:reduce){
  html.stasis-cinematic-scroll{scroll-snap-type:none}
  .home-page .stasis-scroll-scene>*{opacity:1!important;translate:none!important;scale:1!important;filter:none!important}
}

/* Function-informed header: a centered glass instrument bar with Stasis hierarchy. */
.announcement-bar{
  height:34px!important;
  min-height:34px;
  padding:0 20px;
  border:0!important;
  color:#fff8ee!important;
  background:#ad5a34!important;
  font-size:11px!important;
  line-height:1;
}
.announcement-offer{
  min-height:34px;
  color:inherit!important;
}
.announcement-pulse{
  background:#f5d0ab!important;
  box-shadow:0 0 0 5px rgba(245,208,171,.13)!important;
}
.announcement-offer strong,
.announcement-offer b{color:#fff8ee!important}
.announcement-offer .announcement-copy>span{color:rgba(255,248,238,.72)!important;font-size:.8em}

.site-header.stasis-sunday-header{
  padding:14px 0 12px!important;
  background:transparent!important;
  border:0!important;
}
.site-header.stasis-sunday-header .header-shell{
  width:min(1540px,calc(100% - 64px))!important;
  height:68px!important;
  min-height:68px;
  padding:0 18px 0 24px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:17px!important;
  background:
    linear-gradient(108deg,rgba(58,59,56,.68),rgba(24,30,30,.58))!important;
  box-shadow:0 16px 42px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.06)!important;
  -webkit-backdrop-filter:blur(24px) saturate(142%)!important;
  backdrop-filter:blur(24px) saturate(142%)!important;
}
.home-page .home-image-chrome:not(.is-scrolled) .site-header.stasis-sunday-header .header-shell{
  border-color:rgba(255,255,255,.17)!important;
  background:
    linear-gradient(108deg,rgba(54,56,53,.58),rgba(14,25,25,.51))!important;
  box-shadow:0 16px 42px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.07)!important;
  -webkit-backdrop-filter:blur(24px) saturate(142%)!important;
  backdrop-filter:blur(24px) saturate(142%)!important;
}
.site-header.stasis-sunday-header .brand{
  width:116px!important;
  min-width:116px;
  height:auto!important;
  padding:0!important;
}
.site-header.stasis-sunday-header .brand img{
  width:114px!important;
  max-height:33px;
  filter:brightness(0) invert(1)!important;
  opacity:.96;
}
.site-header.stasis-sunday-header .desktop-nav{
  height:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.site-header.stasis-sunday-header .desktop-nav a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  padding:0 4px!important;
  border:0!important;
  border-radius:0!important;
  color:rgba(255,255,255,.72)!important;
  background:transparent!important;
  font-size:12px!important;
  font-weight:520!important;
  letter-spacing:-.015em!important;
}
.site-header.stasis-sunday-header .desktop-nav a::after{
  content:""!important;
  position:absolute!important;
  right:4px!important;
  bottom:6px!important;
  left:4px!important;
  width:auto!important;
  height:2px!important;
  margin:0!important;
  border-radius:999px!important;
  opacity:0!important;
  background:linear-gradient(90deg,#78d1d0 0%,#f2d5b7 100%)!important;
  transform:scaleX(.58)!important;
  transform-origin:center!important;
  transition:opacity .2s ease,transform .24s ease!important;
}
.site-header.stasis-sunday-header .desktop-nav a:is(:hover,:focus-visible),
.site-header.stasis-sunday-header .desktop-nav a[aria-current="page"],
.site-header.stasis-sunday-header .desktop-nav a.is-mega-active{color:#fff!important}
.site-header.stasis-sunday-header .desktop-nav a:is(:hover,:focus-visible)::after,
.site-header.stasis-sunday-header .desktop-nav a.is-mega-active::after{
  opacity:.55!important;
  transform:scaleX(.78)!important;
}
.site-header.stasis-sunday-header .desktop-nav a[aria-current="page"]::after{
  opacity:1!important;
  transform:scaleX(1)!important;
  box-shadow:0 0 9px rgba(120,209,208,.34)!important;
}
.stasis-header-actions{
  height:auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center;
  justify-content:flex-end;
  gap:8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.stasis-header-account-link,
.stasis-header-cta{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  font-family:var(--stasis-sf)!important;
  font-size:12px;
  letter-spacing:-.015em;
  text-decoration:none;
  transition:color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease;
}
.stasis-header-account-link{
  padding:0 10px;
  color:rgba(255,255,255,.88)!important;
  font-weight:600;
}
.stasis-header-account-link:is(:hover,:focus-visible){color:#fff!important}
.stasis-header-cta{
  min-width:118px;
  padding:0 20px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:999px;
  color:#693b24!important;
  background:#f6efe3;
  box-shadow:0 4px 14px rgba(0,0,0,.11);
  font-weight:660;
}
.stasis-header-cta:is(:hover,:focus-visible){
  color:#4c2817!important;
  background:#fffaf1;
  box-shadow:0 7px 18px rgba(0,0,0,.16);
  transform:translateY(-1px);
}
.stasis-header-actions .stasis-header-icon{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  border:0!important;
  border-radius:12px!important;
  color:rgba(255,255,255,.78)!important;
  background:transparent!important;
  box-shadow:none!important;
}
.stasis-header-actions .stasis-header-icon svg{width:18px!important;height:18px!important}
.stasis-header-actions .stasis-header-account-link.stasis-header-icon{min-height:38px!important;padding:0!important}
.stasis-header-actions .stasis-header-icon:is(:hover,:focus-visible){
  color:#fff!important;
  background:rgba(255,255,255,.1)!important;
}
.stasis-header-actions .stasis-header-account-link[aria-current="page"]{
  color:#fff!important;
  background:rgba(255,255,255,.1)!important;
}
.stasis-cart-count{
  top:0!important;
  right:-1px!important;
  border-color:#273030!important;
  color:#102426!important;
  background:#7ed0d0!important;
}
.stasis-mega-menu{
  width:min(1540px,calc(100% - 64px))!important;
}

@media(min-width:801px){
  .site-header.stasis-sunday-header .header-shell{
    display:grid!important;
    grid-template-columns:minmax(160px,1fr) auto minmax(280px,1fr)!important;
    column-gap:24px!important;
    align-items:center;
  }
  .site-header.stasis-sunday-header .stasis-header-left{display:contents!important}
  .site-header.stasis-sunday-header .brand{
    grid-column:1;
    justify-self:start;
    margin:0!important;
  }
  .site-header.stasis-sunday-header .desktop-nav{
    grid-column:2;
    justify-self:center;
    gap:28px!important;
  }
  .site-header.stasis-sunday-header .stasis-header-actions{
    grid-column:3;
    justify-self:end;
  }
}

@media(max-width:1080px) and (min-width:801px){
  .site-header.stasis-sunday-header .header-shell{
    width:calc(100% - 32px)!important;
    grid-template-columns:minmax(126px,1fr) auto minmax(240px,1fr)!important;
    column-gap:16px!important;
    padding-left:18px!important;
  }
  .site-header.stasis-sunday-header .desktop-nav{gap:18px!important}
  .stasis-header-cta{min-width:108px;padding-inline:15px}
  .stasis-mega-menu{width:calc(100% - 32px)!important}
}

@media(max-width:800px){
  .announcement-bar{
    height:38px!important;
    min-height:38px;
    font-size:10px!important;
  }
  .announcement-offer{min-height:38px}
  .site-header.stasis-sunday-header{padding:8px 0!important}
  .site-header.stasis-sunday-header .header-shell{
    width:calc(100% - 24px)!important;
    height:58px!important;
    min-height:58px;
    display:grid!important;
    grid-template-columns:minmax(106px,1fr) auto auto!important;
    gap:6px!important;
    padding:0 8px 0 15px!important;
    border-radius:16px!important;
  }
  .site-header.stasis-sunday-header .stasis-header-left{
    height:auto!important;
    display:flex!important;
    border:0!important;
    background:transparent!important;
  }
  .site-header.stasis-sunday-header .brand{width:102px!important;min-width:102px}
  .site-header.stasis-sunday-header .brand img{width:100px!important}
  .stasis-header-cta{display:none!important}
  .stasis-header-actions{height:auto!important;gap:0!important;background:transparent!important}
  .stasis-header-actions .stasis-header-icon{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
  .stasis-menu-trigger{
    width:42px!important;
    height:42px!important;
    display:grid!important;
    border:0!important;
    border-radius:12px!important;
    color:rgba(255,255,255,.85)!important;
    background:rgba(255,255,255,.08)!important;
  }
  .stasis-sunday-header .mobile-menu{
    top:66px!important;
    right:12px!important;
    left:12px!important;
    border-color:rgba(255,255,255,.14)!important;
    border-radius:18px!important;
    background:rgba(15,19,19,.94)!important;
    -webkit-backdrop-filter:blur(24px) saturate(135%);
    backdrop-filter:blur(24px) saturate(135%);
  }
}

@media(max-width:520px){
  .announcement-offer .announcement-copy>span,
  .announcement-offer b{display:none!important}
  .announcement-offer{padding-left:12px!important}
  .announcement-pulse{width:6px!important;height:6px!important}
  .site-header.stasis-sunday-header .header-shell{
    grid-template-columns:minmax(96px,1fr) auto auto!important;
  }
  .stasis-search-trigger{display:none!important}
}

@media(prefers-reduced-transparency:reduce){
  .site-header.stasis-sunday-header .header-shell,
  .home-page .home-image-chrome:not(.is-scrolled) .site-header.stasis-sunday-header .header-shell{
    background:#262b2a!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}

/* Ordering journey: a calmer editorial timeline inspired by the supplied reference. */
.home-page .stasis-order-simple.stasis-scroll-scene{
  box-sizing:border-box;
  width:100%;
  max-width:none;
  min-height:0;
  margin:0;
  padding:clamp(72px,5vw,92px) max(30px,calc((100vw - 1380px)/2)) clamp(52px,4vw,72px);
  color:#102e32;
  background:
    radial-gradient(circle at 88% 12%,rgba(100,198,198,.2),transparent 27%),
    radial-gradient(circle at 7% 91%,rgba(166,99,55,.09),transparent 25%),
    linear-gradient(145deg,#f0eee8 0%,#e7e4dc 58%,#ddd9cf 100%);
}
.home-page .stasis-order-simple.stasis-scroll-scene::before{
  inset:0;
  width:auto;
  transform:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.3),transparent 38%),
    radial-gradient(circle at 89% 10%,rgba(100,198,198,.17),transparent 28%);
  pointer-events:none;
}
.home-page .stasis-order-simple .stasis-order-simple-grid{
  position:relative;
  z-index:1;
  display:grid;
  width:min(1280px,100%);
  margin:0 auto;
  grid-template-columns:minmax(430px,.92fr) minmax(520px,1.08fr);
  align-items:center;
  gap:clamp(66px,7vw,112px);
}
.home-page .stasis-order-journey{
  width:min(100%,570px);
  justify-self:end;
}
.home-page .stasis-order-simple .stasis-order-simple-header{
  display:block;
  width:100%;
  margin:0;
  text-align:left;
}
.home-page .stasis-order-simple .stasis-order-simple-header .eyebrow{
  display:block;
  margin:0 0 22px;
  color:#087174;
  font-size:10px;
  font-weight:750;
  line-height:1;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.home-page .stasis-order-simple .stasis-order-simple-header h2{
  max-width:560px;
  margin:0;
  color:#11383d;
  font-size:clamp(58px,5.3vw,78px);
  font-weight:420;
  line-height:.94;
  letter-spacing:-.058em;
  text-align:left;
}
.home-page .stasis-order-simple .stasis-order-simple-header h2 span{white-space:nowrap}
.home-page .stasis-order-simple .stasis-order-simple-header h2 em{
  color:#0a6569;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.06em;
  font-weight:400;
  letter-spacing:-.045em;
}
.home-page .stasis-order-simple .stasis-order-simple-header p{
  max-width:500px;
  margin:27px 0 0;
  color:rgba(16,46,50,.66);
  font-size:16px;
  line-height:1.58;
  text-align:left;
}
.home-page .stasis-order-simple .stasis-order-steps{
  --stasis-order-progress:inherit;
  position:relative;
  display:block;
  width:100%;
  margin:52px 0 0;
  padding:0 0 0 50px;
}
.home-page .stasis-order-simple .stasis-order-steps::before{
  content:"";
  position:absolute;
  inset:15px auto 40px 11px;
  width:1px;
  height:auto;
  border:0;
  border-radius:0;
  background:rgba(8,113,116,.22);
  box-shadow:none;
}
.home-page .stasis-order-simple .stasis-order-steps::after{
  content:"";
  position:absolute;
  top:15px;
  left:11px;
  width:2px;
  height:var(--stasis-order-progress);
  max-height:calc(100% - 55px);
  border-radius:999px;
  background:#0b8d8f;
  transition:height .42s cubic-bezier(.22,.8,.22,1);
  pointer-events:none;
}
.home-page .stasis-order-simple .stasis-order-step{
  position:relative;
  z-index:1;
  display:grid;
  width:100%;
  min-width:0;
  height:auto;
  margin:0;
  padding:0 0 40px;
  grid-template-columns:100px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:start;
  column-gap:16px;
  border:0;
  border-radius:0;
  color:rgba(16,46,50,.68);
  background:transparent;
  box-shadow:none;
  opacity:.7;
  transform:none;
  text-align:left;
  cursor:pointer;
  transition:opacity .28s ease,color .28s ease,transform .35s cubic-bezier(.22,1,.36,1);
}
.home-page .stasis-order-simple .stasis-order-step:last-of-type{padding-bottom:0}
.home-page .stasis-order-simple .stasis-order-step:is(:hover,:focus-visible),
.home-page .stasis-order-simple .stasis-order-step.is-complete,
.home-page .stasis-order-simple .stasis-order-step.is-active{
  color:#102e32;
  background:transparent;
  box-shadow:none;
  opacity:1;
  transform:translateX(4px);
}
.home-page .stasis-order-simple .stasis-order-step-marker{
  position:absolute;
  top:10px;
  left:-43px;
  display:block;
  width:10px;
  height:10px;
  border:2px solid #e8e5dc;
  border-radius:50%;
  color:transparent;
  background:#79abad;
  box-shadow:0 0 0 1px rgba(8,113,116,.25);
  transform:none;
  transition:background .28s ease,box-shadow .28s ease,transform .28s ease;
}
.home-page .stasis-order-simple .stasis-order-step:is(:hover,:focus-visible) .stasis-order-step-marker,
.home-page .stasis-order-simple .stasis-order-step.is-complete .stasis-order-step-marker,
.home-page .stasis-order-simple .stasis-order-step.is-active .stasis-order-step-marker{
  border-color:#e8e5dc;
  background:#0b8d8f;
  box-shadow:0 0 0 4px rgba(11,141,143,.11),0 0 0 1px rgba(8,113,116,.35);
  transform:translateX(-4px) scale(1.08);
}
.home-page .stasis-order-simple .stasis-order-step-number,
.home-page .stasis-order-simple .stasis-order-step:is(:hover,:focus-visible) .stasis-order-step-number,
.home-page .stasis-order-simple .stasis-order-step.is-complete .stasis-order-step-number,
.home-page .stasis-order-simple .stasis-order-step.is-active .stasis-order-step-number{
  grid-column:1;
  grid-row:1;
  min-width:0;
  min-height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:start;
  padding:0 11px;
  border:1px solid rgba(8,113,116,.46);
  border-radius:999px;
  color:#075d60;
  background:rgba(255,255,255,.38);
  font-size:9px;
  font-weight:750;
  line-height:1;
  letter-spacing:.035em;
  text-transform:uppercase;
  white-space:nowrap;
}
.home-page .stasis-order-simple .stasis-order-step.is-active .stasis-order-step-number{
  color:#f3fbfa;
  background:#087679;
}
.home-page .stasis-order-simple .stasis-order-step-copy{display:contents}
.home-page .stasis-order-simple .stasis-order-step-copy strong{
  grid-column:2;
  grid-row:1;
  align-self:center;
  color:currentColor;
  font-size:clamp(22px,1.8vw,27px);
  font-weight:480;
  line-height:1.1;
  letter-spacing:-.032em;
  white-space:normal;
}
.home-page .stasis-order-simple .stasis-order-step-copy small,
.home-page .stasis-order-simple .stasis-order-step:is(:hover,:focus-visible) .stasis-order-step-copy small,
.home-page .stasis-order-simple .stasis-order-step.is-complete .stasis-order-step-copy small,
.home-page .stasis-order-simple .stasis-order-step.is-active .stasis-order-step-copy small{
  position:static;
  grid-column:2;
  grid-row:2;
  display:block;
  width:auto;
  max-width:390px;
  margin:10px 0 0;
  color:rgba(16,46,50,.62);
  font-size:14px;
  line-height:1.5;
  text-align:left;
  opacity:1;
  transform:none;
  pointer-events:auto;
}
.home-page .stasis-order-journey-cta{
  min-height:44px;
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:22px;
  margin:38px 0 0 50px;
  padding:0 17px 0 19px;
  border:1px solid #123f43;
  border-radius:12px;
  color:#f5f3eb;
  background:#123f43;
  box-shadow:0 10px 24px rgba(18,63,67,.13);
  font-size:12px;
  font-weight:650;
  text-decoration:none;
  transition:gap .28s ease,background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
.home-page .stasis-order-journey-cta:is(:hover,:focus-visible){
  gap:27px;
  background:#087679;
  transform:translateY(-1px);
}
.home-page .stasis-order-simple .stasis-order-visuals{
  position:relative;
  display:block;
  width:100%;
  min-width:0;
  min-height:0;
  margin:0;
}
.home-page .stasis-order-simple .stasis-order-visuals figure{margin:0}
.home-page .stasis-order-simple .stasis-order-visual-main{
  position:relative;
  width:100%;
  height:clamp(490px,46vw,610px);
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(8,113,116,.24);
  border-radius:30px;
  background:#092e33;
  box-shadow:0 34px 86px rgba(43,58,54,.21);
}
.home-page .stasis-order-simple .stasis-order-visual-main::before{
  content:"Catálogo Stasis";
  position:absolute;
  z-index:2;
  top:22px;
  left:24px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  color:rgba(255,255,255,.86);
  background:rgba(5,24,26,.26);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  font-size:9px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.home-page .stasis-order-simple .stasis-order-visual-main img{
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
  transition:opacity .24s ease,transform .8s cubic-bezier(.22,1,.36,1),filter .24s ease;
}
.home-page .stasis-order-simple .stasis-order-visual-main::after{
  background:linear-gradient(180deg,transparent 48%,rgba(4,22,24,.7));
}
.home-page .stasis-order-simple .stasis-order-visual-main figcaption{
  right:30px;
  bottom:27px;
  left:30px;
  color:#fff;
  font-size:clamp(25px,2.4vw,35px);
  font-weight:450;
  line-height:1.04;
  letter-spacing:-.038em;
}
.home-page .stasis-order-simple .stasis-order-visual-detail,
.home-page .stasis-order-simple .stasis-order-visual-orb,
.home-page .stasis-order-simple .stasis-order-mini-card{display:none!important}

@media(max-width:1050px){
  .home-page .stasis-order-simple.stasis-scroll-scene{
    padding-inline:28px;
  }
  .home-page .stasis-order-simple .stasis-order-simple-grid{
    grid-template-columns:minmax(390px,.94fr) minmax(430px,1.06fr);
    gap:48px;
  }
  .home-page .stasis-order-simple .stasis-order-simple-header h2{font-size:clamp(54px,6vw,68px)}
  .home-page .stasis-order-simple .stasis-order-visual-main{height:540px}
}

@media(max-width:880px){
  .home-page .stasis-order-simple.stasis-scroll-scene{padding:82px 24px 92px}
  .home-page .stasis-order-simple .stasis-order-simple-grid{
    width:min(720px,100%);
    grid-template-columns:1fr;
    align-items:start;
    gap:58px;
  }
  .home-page .stasis-order-journey{width:100%;justify-self:auto}
  .home-page .stasis-order-simple .stasis-order-simple-header h2{max-width:620px;font-size:clamp(55px,9vw,72px)}
  .home-page .stasis-order-simple .stasis-order-simple-header p{max-width:570px}
  .home-page .stasis-order-simple .stasis-order-steps{width:min(600px,100%)}
  .home-page .stasis-order-simple .stasis-order-visual-main{height:min(70vw,540px)}
}

@media(max-width:560px){
  .home-page .stasis-order-simple.stasis-scroll-scene{padding:70px 17px 78px}
  .home-page .stasis-order-simple .stasis-order-simple-grid{gap:46px}
  .home-page .stasis-order-simple .stasis-order-simple-header h2{
    font-size:clamp(45px,13.5vw,60px);
    line-height:.96;
  }
  .home-page .stasis-order-simple .stasis-order-simple-header p{margin-top:22px;font-size:15px}
  .home-page .stasis-order-simple .stasis-order-steps{
    margin-top:42px;
    padding-left:31px;
  }
  .home-page .stasis-order-simple .stasis-order-steps::before,
  .home-page .stasis-order-simple .stasis-order-steps::after{left:6px}
  .home-page .stasis-order-simple .stasis-order-step{
    grid-template-columns:88px minmax(0,1fr);
    grid-template-rows:auto auto;
    column-gap:12px;
    padding-bottom:34px;
  }
  .home-page .stasis-order-simple .stasis-order-step:is(:hover,:focus-visible),
  .home-page .stasis-order-simple .stasis-order-step.is-complete,
  .home-page .stasis-order-simple .stasis-order-step.is-active{transform:none}
  .home-page .stasis-order-simple .stasis-order-step-marker{left:-29px}
  .home-page .stasis-order-simple .stasis-order-step-number,
  .home-page .stasis-order-simple .stasis-order-step:is(:hover,:focus-visible) .stasis-order-step-number,
  .home-page .stasis-order-simple .stasis-order-step.is-complete .stasis-order-step-number,
  .home-page .stasis-order-simple .stasis-order-step.is-active .stasis-order-step-number{
    grid-column:1;
    grid-row:1;
    min-height:28px;
    padding-inline:8px;
    font-size:8px;
  }
  .home-page .stasis-order-simple .stasis-order-step-copy strong{
    grid-column:2;
    grid-row:1;
    margin:0;
    font-size:20px;
  }
  .home-page .stasis-order-simple .stasis-order-step-copy small,
  .home-page .stasis-order-simple .stasis-order-step:is(:hover,:focus-visible) .stasis-order-step-copy small,
  .home-page .stasis-order-simple .stasis-order-step.is-complete .stasis-order-step-copy small,
  .home-page .stasis-order-simple .stasis-order-step.is-active .stasis-order-step-copy small{
    grid-column:2;
    grid-row:2;
    margin:9px 0 0;
    font-size:13px;
  }
  .home-page .stasis-order-journey-cta{margin:30px 0 0 31px}
  .home-page .stasis-order-simple .stasis-order-visual-main{
    height:360px;
    border-radius:23px;
  }
  .home-page .stasis-order-simple .stasis-order-visual-main::before{top:15px;left:15px}
  .home-page .stasis-order-simple .stasis-order-visual-main figcaption{
    right:20px;
    bottom:20px;
    left:20px;
    font-size:25px;
  }
}

@media(prefers-reduced-motion:reduce){
  .home-page .stasis-order-simple .stasis-order-steps::after,
  .home-page .stasis-order-simple .stasis-order-step,
  .home-page .stasis-order-simple .stasis-order-visual-main img{transition:none!important}
}

/* Product presentation: editorial typography and quiet black cards. */
.home-page .top-sellers.home-product-carousel{
  padding:clamp(92px,8vw,126px) 0 clamp(76px,7vw,112px);
  background:
    radial-gradient(circle at 50% 38%,rgba(69,157,161,.15),transparent 35%),
    linear-gradient(180deg,#111414 0%,#090b0b 62%,#050606 100%);
}
.home-page .stasis-carousel-heading{
  width:min(760px,calc(100% - 40px));
  margin-bottom:clamp(48px,5vw,72px);
}
.home-page .stasis-carousel-heading .eyebrow{margin-bottom:18px}
.home-page .stasis-carousel-heading h2{
  color:#f6f3ec;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(58px,6.1vw,88px);
  font-style:italic;
  font-weight:400;
  line-height:.96;
  letter-spacing:-.045em;
}
.home-page .stasis-carousel-heading p{
  max-width:560px;
  margin:22px auto 0;
  color:rgba(245,245,247,.76);
  font-size:15px;
  font-weight:620;
  line-height:1.45;
}
.home-page .stasis-product-rail{
  gap:18px;
  padding:18px max(28px,calc((100vw - 1370px)/2)) 42px;
  scroll-padding-inline:max(28px,calc((100vw - 1370px)/2));
}
.home-page .stasis-carousel-card{
  box-sizing:border-box;
  flex:0 0 316px;
  height:500px;
  display:grid;
  grid-template-rows:auto auto auto minmax(250px,1fr) auto;
  justify-items:center;
  align-items:start;
  gap:0;
  padding:20px 20px 19px;
  overflow:hidden;
  border:1px solid rgba(245,243,236,.38);
  border-radius:18px;
  color:#f7f7f4;
  background:#000;
  box-shadow:none;
  text-align:center;
  transition:transform .16s cubic-bezier(.22,.61,.36,1),opacity .16s linear,border-color .28s ease,background .28s ease,box-shadow .35s ease;
}
.home-page .stasis-carousel-card::after{display:none}
.home-page .stasis-carousel-card-badge{
  min-height:25px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border-radius:999px;
  color:#f5f5f2;
  background:#272827;
  font-size:9px;
  font-weight:760;
  line-height:1;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.home-page .stasis-carousel-card-name{
  margin-top:15px;
  color:#f7f7f4;
  font-family:var(--stasis-sf);
  font-size:24px;
  font-weight:620;
  line-height:1.05;
  letter-spacing:-.035em;
}
.home-page .stasis-carousel-card-price{
  margin-top:7px;
  color:rgba(245,245,247,.58);
  font-size:11px;
  font-weight:500;
  letter-spacing:.01em;
}
.home-page .stasis-carousel-card-media{
  align-self:stretch;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  overflow:hidden;
}
.home-page .stasis-carousel-card img{
  display:block;
  align-self:stretch;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
  object-position:center;
  pointer-events:none;
  -webkit-user-drag:none;
  transform:scale(.9);
  transition:transform .55s cubic-bezier(.22,1,.36,1),filter .35s ease;
}
.home-page .stasis-carousel-card-cta{
  min-height:45px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:0 19px;
  border-radius:999px;
  color:#070909;
  background:#f7f7f4;
  font-size:12px;
  font-weight:700;
  line-height:1;
  transition:gap .24s ease,background .24s ease,transform .24s ease;
}
.home-page .stasis-carousel-card-cta i{font-style:normal}
.home-page .stasis-carousel-card.is-active{
  border-color:rgba(111,210,211,.82);
  background:#000;
  box-shadow:0 24px 54px rgba(0,0,0,.28),0 0 0 1px rgba(100,198,198,.1);
}
.home-page .stasis-carousel-card.is-active img{filter:brightness(1.06);transform:scale(.96)}
.home-page .stasis-carousel-card:is(:hover,:focus-visible){border-color:rgba(245,243,236,.72)}
.home-page .stasis-carousel-card:is(:hover,:focus-visible) .stasis-carousel-card-cta{
  gap:17px;
  background:#7ed0d0;
  transform:translateY(-1px);
}
.home-page .stasis-carousel-detail{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-height:0!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}

.catalog-page .catalog-hero h1{
  color:#f6f3ec;
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;
  font-weight:400;
  letter-spacing:-.045em;
}
.catalog-page .product-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  padding-top:34px;
}
.catalog-page .product-card{
  min-width:0;
  min-height:548px;
  overflow:hidden;
  border:1px solid rgba(245,243,236,.36);
  border-radius:18px;
  color:#f7f7f4;
  background:#020303;
  box-shadow:none;
  transition:transform .34s cubic-bezier(.22,1,.36,1),border-color .28s ease,background .28s ease,box-shadow .34s ease;
}
.catalog-page .product-card-link{
  box-sizing:border-box;
  height:100%;
  min-height:548px;
  display:grid;
  grid-template-rows:auto auto auto minmax(290px,1fr) auto;
  justify-items:center;
  align-items:start;
  padding:20px 20px 19px;
  color:inherit;
  text-align:center;
}
.catalog-page .product-copy,
.catalog-page .product-meta{display:contents!important}
.catalog-page .product-meta>span:first-child{
  grid-row:1;
  min-height:25px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 11px;
  border:0;
  border-radius:999px;
  color:#f5f5f2;
  background:#272827;
  font-size:8px;
  font-weight:760;
  line-height:1;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.catalog-page .product-copy h2{
  grid-row:2;
  margin:15px 0 0;
  color:#f7f7f4;
  font-family:var(--stasis-sf);
  font-size:clamp(23px,1.7vw,28px);
  font-weight:620;
  line-height:1.05;
  letter-spacing:-.035em;
  text-align:center;
}
.catalog-page .product-meta>span:last-child{
  grid-row:3;
  margin-top:7px;
  color:rgba(245,245,247,.58);
  font-size:11px;
  font-weight:500;
  letter-spacing:.01em;
}
.catalog-page .product-image{
  grid-row:4;
  align-self:stretch;
  width:100%;
  height:auto!important;
  min-height:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#020303;
}
.catalog-page .product-image>span{display:none!important}
.catalog-page .product-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:none;
  transform:scale(.9);
  transition:transform .55s cubic-bezier(.22,1,.36,1),filter .3s ease;
}
.catalog-page .product-copy>p,
.catalog-page .strengths,
.catalog-page .product-promo-label{display:none!important}
.catalog-page .product-copy>small{
  grid-row:5;
  min-height:45px;
  width:max-content;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 20px;
  border-radius:999px;
  color:#070909;
  background:#f7f7f4;
  font-size:12px;
  font-weight:700;
  line-height:1;
  transition:background .24s ease,transform .24s ease;
}
@media(hover:hover) and (pointer:fine){
  .catalog-page .product-card:hover{
    border-color:rgba(245,243,236,.72);
    background:#000;
    box-shadow:0 24px 54px rgba(0,0,0,.24);
    transform:translateY(-5px);
  }
  .catalog-page .product-card:hover .product-image img{filter:brightness(1.07);transform:scale(.96)}
  .catalog-page .product-card:hover .product-copy>small{background:#7ed0d0;transform:translateY(-1px)}
}

@media(max-width:1279px) and (min-width:800px){
  .catalog-page .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:799px) and (min-width:560px){
  .catalog-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .home-page .top-sellers.home-product-carousel{padding-block:82px 72px}
  .home-page .stasis-carousel-heading{margin-bottom:38px}
  .home-page .stasis-carousel-heading h2{font-size:clamp(52px,14vw,68px)}
  .home-page .stasis-carousel-heading p{font-size:14px}
  .home-page .stasis-product-rail{
    gap:14px;
    padding-inline:calc(50vw - 145px);
    scroll-padding-inline:calc(50vw - 145px);
  }
  .home-page .stasis-carousel-card{
    flex-basis:290px;
    height:470px;
    grid-template-rows:auto auto auto minmax(245px,1fr) auto;
    border-radius:17px;
  }
  .home-page .stasis-carousel-card-name{font-size:23px}
}
@media(max-width:559px){
  .catalog-page .product-grid{grid-template-columns:1fr;gap:16px}
  .catalog-page .product-card,
  .catalog-page .product-card-link{min-height:510px}
  .catalog-page .product-card-link{grid-template-rows:auto auto auto minmax(255px,1fr) auto}
  .catalog-page .product-copy h2{font-size:26px}
}

@media(prefers-reduced-motion:reduce){
  .home-page .stasis-carousel-card,
  .home-page .stasis-carousel-card img,
  .home-page .stasis-carousel-card-cta,
  .catalog-page .product-card,
  .catalog-page .product-image img,
  .catalog-page .product-copy>small{transition:none!important}
}

/* Oura-informed mega-menu motion: the header grows into one continuous sheet. */
body::after{
  content:"";
  position:fixed;
  z-index:240;
  inset:0;
  opacity:0;
  background:rgba(3,7,8,.16);
  -webkit-backdrop-filter:blur(0);
  backdrop-filter:blur(0);
  pointer-events:none;
  transition:opacity .32s ease,-webkit-backdrop-filter .48s cubic-bezier(.16,1,.3,1),backdrop-filter .48s cubic-bezier(.16,1,.3,1);
}
body.stasis-mega-open::after{
  opacity:1;
  -webkit-backdrop-filter:blur(8px) saturate(.82);
  backdrop-filter:blur(8px) saturate(.82);
}
.site-header.stasis-sunday-header .header-shell{
  transition:border-radius .42s cubic-bezier(.16,1,.3,1),border-color .28s ease,background .32s ease,box-shadow .32s ease!important;
}
body.stasis-mega-open .site-header.stasis-sunday-header .header-shell,
body.home-page.stasis-mega-open .home-image-chrome:not(.is-scrolled) .site-header.stasis-sunday-header .header-shell{
  border-color:rgba(255,255,255,.17)!important;
  border-bottom-color:transparent!important;
  border-radius:17px 17px 0 0!important;
  background:
    linear-gradient(108deg,rgba(42,48,47,.96),rgba(14,22,22,.94))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.stasis-mega-menu{
  --stasis-mega-height:430px;
  position:absolute;
  z-index:20;
  top:81px!important;
  left:50%;
  width:min(1540px,calc(100% - 64px))!important;
  height:0;
  overflow:hidden;
  opacity:1;
  visibility:visible;
  transform:translateX(-50%)!important;
  transform-origin:50% 0;
  pointer-events:none;
  transition:height .48s cubic-bezier(.16,1,.3,1),visibility 0s linear .52s!important;
}
.stasis-mega-menu.is-open{
  height:var(--stasis-mega-height);
  opacity:1;
  visibility:visible;
  transform:translateX(-50%)!important;
  pointer-events:auto;
  transition:height .5s cubic-bezier(.16,1,.3,1),visibility 0s!important;
}
.stasis-mega-glass{
  box-sizing:border-box;
  width:100%;
  height:100%;
  min-height:0!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.17);
  border-top:0;
  border-radius:0 0 27px 27px;
  color:#f5f5f7;
  background:
    radial-gradient(circle at 12% 6%,rgba(100,198,198,.1),transparent 31%),
    linear-gradient(108deg,rgba(42,48,47,.96),rgba(14,22,22,.94));
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.3),0 35px 74px rgba(0,0,0,.34);
  -webkit-backdrop-filter:blur(26px) saturate(138%);
  backdrop-filter:blur(26px) saturate(138%);
  transition:border-radius .42s cubic-bezier(.16,1,.3,1),box-shadow .35s ease;
}
.stasis-mega-glass::after{display:none}
.stasis-mega-view{
  display:none;
  opacity:0;
  transform:translateY(-5px);
  animation:none!important;
}
.stasis-mega-view.is-active{display:block;opacity:0;transform:translateY(-5px)}
.stasis-mega-menu.is-open:not(.is-switching) .stasis-mega-view.is-active{
  animation:stasis-mega-sheet-content-in .34s cubic-bezier(.16,1,.3,1) .12s both!important;
}
.stasis-mega-menu.is-switching .stasis-mega-view.is-active,
.stasis-mega-menu.is-closing .stasis-mega-view.is-active{
  opacity:0;
  transform:translateY(-4px);
  transition:opacity .11s ease,transform .18s ease;
}
@keyframes stasis-mega-sheet-content-in{
  0%{opacity:0;transform:translateY(-5px)}
  100%{opacity:1;transform:translateY(0)}
}

@media(max-width:1080px) and (min-width:801px){
  .stasis-mega-menu{width:calc(100% - 32px)!important}
}
@media(max-width:800px){
  body::after{display:none}
  .stasis-mega-menu{display:none!important}
}
@media(prefers-reduced-transparency:reduce){
  body.stasis-mega-open::after{
    background:rgba(3,7,8,.5);
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  .stasis-mega-glass{background:#17201f}
}
@media(prefers-reduced-motion:reduce){
  body::after,
  .site-header.stasis-sunday-header .header-shell,
  .stasis-mega-menu,
  .stasis-mega-glass,
  .stasis-mega-view{animation:none!important;transition:none!important}
}

/* Keep the floating home header flush with the announcement bar. */
body.home-page .sticky-site-chrome.home-image-chrome{
  height:auto!important;
}

/* ==========================================================================\
   COASTAL DARK LUXURY / SCIENTIFIC SOFT MINIMALISM
   Variant layer for the preserved Stasis redesign copy.
   ========================================================================== */
body.coastal-luxury{
  --coastal-black:#050707;
  --coastal-carbon:#0d1110;
  --coastal-deep:#071b1d;
  --coastal-water:#0b3d43;
  --coastal-aqua:#64c6c6;
  --coastal-mist:#d9e3df;
  --coastal-warm:#f1ece5;
  --coastal-sand:#dbd4cd;
  --coastal-taupe:#69543f;
  --coastal-oxide:#38271f;
  --coastal-line:rgba(219,212,205,.16);
  background:var(--coastal-black);
  color:#f6f4f0;
}
body.coastal-luxury::before{
  content:"";
  position:fixed;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(70vw 58vw at 83% 12%,rgba(100,198,198,.09),transparent 65%),
    radial-gradient(50vw 42vw at 8% 72%,rgba(105,84,63,.11),transparent 70%),
    linear-gradient(180deg,#050707,#0a0e0d 48%,#050707);
}
.coastal-luxury main{isolation:isolate}
.coastal-luxury main>section{position:relative}
.coastal-luxury main>section[data-coastal-chapter]:not(.bogo-video-hero)::after{
  content:attr(data-coastal-chapter) "  /  " attr(data-coastal-label);
  position:absolute;
  z-index:5;
  top:34px;
  right:max(32px,calc((100vw - 1420px)/2));
  color:currentColor;
  opacity:.276;
  font-size:9px;
  line-height:1;
  letter-spacing:.19em;
  text-transform:uppercase;
  pointer-events:none;
}

/* Global chrome */
.coastal-luxury .sticky-site-chrome,
.coastal-luxury .home-image-chrome{
  background:linear-gradient(180deg,rgba(5,7,7,.88),rgba(5,7,7,.25))!important;
  -webkit-backdrop-filter:blur(24px) saturate(120%);
  backdrop-filter:blur(24px) saturate(120%);
}
.coastal-luxury .site-header.stasis-sunday-header .header-shell{
  overflow:visible;
  border-color:rgba(219,212,205,.2)!important;
  background:
    linear-gradient(105deg,rgba(45,50,47,.78),rgba(7,22,23,.88))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 22px 70px rgba(0,0,0,.16)!important;
  -webkit-backdrop-filter:blur(26px) saturate(130%)!important;
  backdrop-filter:blur(26px) saturate(130%)!important;
}
.coastal-luxury .site-header.stasis-sunday-header .header-shell::after{
  content:"";
  position:absolute;
  left:26px;
  right:26px;
  bottom:-1px;
  height:1px;
  opacity:.62;
  background:linear-gradient(90deg,transparent,rgba(100,198,198,.7) 38%,transparent 74%);
  pointer-events:none;
}
.coastal-luxury .stasis-header-cta{
  border-color:rgba(255,255,255,.32)!important;
  background:var(--coastal-warm)!important;
  color:#181817!important;
}
.coastal-luxury .stasis-header-cta:hover{background:#d8ffff!important}
.coastal-luxury .stasis-header-icon:hover,
.coastal-luxury .desktop-nav a:hover,
.coastal-luxury .desktop-nav a[aria-current="page"]{color:#d8ffff!important}

/* Attached glass mega-menu */
.coastal-luxury .stasis-mega-glass{
  border-color:rgba(219,212,205,.2)!important;
  background:
    radial-gradient(circle at 12% 0,rgba(100,198,198,.15),transparent 34%),
    radial-gradient(circle at 86% 110%,rgba(105,84,63,.22),transparent 36%),
    linear-gradient(112deg,rgba(24,31,29,.98),rgba(6,22,23,.98))!important;
}
.coastal-luxury .stasis-mega-heading{border-bottom-color:rgba(219,212,205,.14)!important}
.coastal-luxury .stasis-mega-heading>span,
.coastal-luxury .stasis-mega-product-copy small,
.coastal-luxury .stasis-mega-story small{color:var(--coastal-aqua)!important}
.coastal-luxury .stasis-mega-product,
.coastal-luxury .stasis-mega-story{
  border-color:rgba(219,212,205,.15)!important;
  background:rgba(3,7,7,.3)!important;
}
.coastal-luxury .stasis-mega-product-image{
  background:
    radial-gradient(circle at 50% 70%,rgba(100,198,198,.2),transparent 46%),
    #050707!important;
}
.coastal-luxury .stasis-mega-product:hover,
.coastal-luxury .stasis-mega-story:hover{
  border-color:rgba(100,198,198,.55)!important;
  background:rgba(3,7,7,.3)!important;
}
.coastal-luxury .stasis-mega-links a:hover,
.coastal-luxury .stasis-mega-learn-links a:hover{background:rgba(100,198,198,.08)!important}

/* Cinematic hero */
.coastal-luxury .bogo-video-hero{
  min-height:min(860px,calc(100svh - 34px))!important;
  border-bottom:1px solid rgba(100,198,198,.25);
  background:#031012!important;
}
.coastal-luxury .bogo-video-overlay{
  background:
    linear-gradient(90deg,rgba(2,8,9,.96) 0%,rgba(2,8,9,.77) 33%,rgba(2,8,9,.12) 67%,rgba(2,8,9,.22) 100%),
    linear-gradient(0deg,rgba(3,13,14,.82),transparent 36%)!important;
}
.coastal-luxury .bogo-video-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  mix-blend-mode:screen;
  opacity:.3;
  background:linear-gradient(112deg,transparent 30%,rgba(100,198,198,.17) 50%,transparent 69%);
  transform:translateX(-55%);
  animation:coastal-light-pass 10s cubic-bezier(.45,0,.2,1) infinite;
}
.coastal-luxury .bogo-video-hero .bogo-copy>span{
  border-color:rgba(216,255,255,.36)!important;
  background:rgba(5,18,19,.46)!important;
  color:#d8ffff!important;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
.coastal-luxury .bogo-video-hero .button{
  background:var(--coastal-warm)!important;
  border-color:var(--coastal-warm)!important;
  color:#171918!important;
}
/* Warm scientific order journey */
.coastal-luxury .stasis-order-simple{
  overflow:hidden;
  color:#173034!important;
  background:
    radial-gradient(circle at 88% 10%,rgba(100,198,198,.24),transparent 30%),
    radial-gradient(circle at 7% 84%,rgba(137,82,43,.12),transparent 29%),
    linear-gradient(135deg,#e3ddd1 0%,#d7d0c3 55%,#cec8bc 100%)!important;
}
.coastal-luxury .stasis-order-simple::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.16;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(7,61,67,.18) 1px,transparent 1px),
    linear-gradient(90deg,rgba(7,61,67,.13) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:linear-gradient(90deg,black,transparent 64%);
  mask-image:linear-gradient(90deg,black,transparent 64%);
}
.coastal-luxury .stasis-order-simple>*{position:relative;z-index:1}
.coastal-luxury .stasis-order-simple h2 em,
.coastal-luxury .stasis-order-simple .eyebrow{color:#0e7678!important}
.coastal-luxury .stasis-order-step.is-active .stasis-order-step-number{
  border-color:#0e7678!important;
  background:#0e7678!important;
  color:#f7f3ed!important;
}
.coastal-luxury .stasis-order-step-marker{border-color:#0e7678!important;background:#f3efe8!important}
.coastal-luxury .stasis-order-step.is-active .stasis-order-step-marker{box-shadow:0 0 0 5px rgba(14,118,120,.13),0 0 24px rgba(14,118,120,.35)!important}
.coastal-luxury .stasis-order-visual-main{
  border-color:rgba(7,61,67,.35)!important;
  box-shadow:0 34px 84px rgba(53,38,28,.18)!important;
}
.coastal-luxury .stasis-order-journey-cta{
  color:#f7f3ed!important;
  background:#153e42!important;
  border-color:#153e42!important;
}
.coastal-luxury .stasis-order-journey-cta:is(:hover,:focus-visible){
  color:#07383b!important;
  background:#75d4d2!important;
  border-color:#75d4d2!important;
  box-shadow:0 14px 30px rgba(14,118,120,.25)!important;
}

/* Product carousel / premium objects */
.coastal-luxury .home-product-carousel{
  background:
    radial-gradient(55vw 48vw at 50% 70%,rgba(24,102,108,.32),transparent 68%),
    linear-gradient(180deg,#071719,#061012)!important;
}
.coastal-luxury .home-product-carousel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.32;
  background:linear-gradient(115deg,transparent 26%,rgba(100,198,198,.11) 50%,transparent 72%);
  transform:translateX(calc((var(--scene-progress,.5) - .5) * 14%));
}
.coastal-luxury .home-product-carousel .eyebrow{color:var(--coastal-aqua)!important}
.coastal-luxury .home-product-carousel h2 em{color:#f1ece5!important}
.coastal-luxury .home-carousel-card{
  border-color:rgba(219,212,205,.2)!important;
  background:
    radial-gradient(circle at 50% 74%,rgba(100,198,198,.13),transparent 36%),
    linear-gradient(180deg,#020303,#080b0a)!important;
  box-shadow:0 36px 80px rgba(0,0,0,.28)!important;
}
.coastal-luxury .home-carousel-card.is-active{border-color:rgba(100,198,198,.7)!important}
.coastal-luxury .home-carousel-card::after{
  content:"";
  position:absolute;
  left:16%;
  right:16%;
  bottom:8%;
  height:14%;
  z-index:0;
  border-radius:50%;
  opacity:.42;
  filter:blur(17px);
  background:rgba(100,198,198,.32);
}
.coastal-luxury .home-carousel-card>*{position:relative;z-index:1}

/* Interactive anatomy */
.coastal-luxury .stasis-product-explorer{
  color:#f4f0e9!important;
  background:
    radial-gradient(circle at 56% 54%,rgba(100,198,198,.12),transparent 28%),
    linear-gradient(180deg,#030505,#0c0e0d)!important;
}
.coastal-luxury .stasis-product-explorer::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(219,212,205,.045) 12.5%);
}
.coastal-luxury .stasis-product-explorer>header,
.coastal-luxury .stasis-explorer-stage{position:relative;z-index:1}
.coastal-luxury .stasis-control-trigger{
  border-color:rgba(219,212,205,.22)!important;
  background:rgba(9,16,15,.48)!important;
  color:#f5f1eb!important;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
.coastal-luxury .stasis-control-group.is-open .stasis-control-trigger,
.coastal-luxury .stasis-control-trigger:hover{border-color:rgba(100,198,198,.65)!important;background:rgba(100,198,198,.09)!important}
.coastal-luxury .stasis-explorer-detail{border-color:rgba(100,198,198,.38)!important;background:rgba(8,23,23,.84)!important}

/* Alternating research surfaces */
.coastal-luxury .domain-explorer{
  color:#163236!important;
  background:
    radial-gradient(circle at 8% 18%,rgba(100,198,198,.2),transparent 27%),
    linear-gradient(124deg,#e8e2d9,#d8e4e0 68%,#c4d7d3)!important;
}
.coastal-luxury .domain-tab{border-color:rgba(14,78,81,.25)!important;color:#8e8e93!important}
.coastal-luxury .domain-tab.is-active{background:var(--domain-accent)!important;color:#071012!important;border-color:var(--domain-accent)!important}
.coastal-luxury .domain-explorer-shell{border:0!important;background:linear-gradient(145deg,#141618,#0b0d0e)!important}
.coastal-luxury .domain-detail-kicker{color:var(--domain-accent)!important}
.coastal-luxury .why-stasis{
  color:#f5f1ea!important;
  background:
    linear-gradient(90deg,rgba(4,30,32,.88),rgba(4,38,41,.6)),
    url('../assets/home/why-stasis-background.webp') center/cover!important;
}
.coastal-luxury .why-stasis::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,transparent 30%,rgba(100,198,198,.1) 50%,transparent 69%);
  transform:translateX(calc((var(--scene-progress,.5) - .5) * 18%));
}
.coastal-luxury .why-stasis>*{position:relative;z-index:1}
.coastal-luxury .why-stasis-card{
  border-color:rgba(219,212,205,.2)!important;
  background:rgba(5,17,18,.48)!important;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
/* Keep the handling image and its dark overlay flush with the clipped edge. */
body.home-page.coastal-luxury .why-stasis-card:nth-child(2){
  border:0!important;
}
body.home-page.coastal-luxury .why-stasis-card:nth-child(2)::before{
  inset:-1px;
}
.coastal-luxury .why-stasis-card-kicker,
.coastal-luxury .why-stasis-index{color:#a7e8e5!important}
.coastal-luxury .home-faq{
  color:#27231f!important;
  background:
    radial-gradient(circle at 86% 24%,rgba(100,198,198,.14),transparent 25%),
    linear-gradient(130deg,#eee7dd,#d9cdc0)!important;
}
.coastal-luxury .home-faq .eyebrow,
.coastal-luxury .home-faq-number{color:#0f7779!important}
.coastal-luxury .home-faq-item{border-color:rgba(57,43,32,.22)!important}
.coastal-luxury .home-faq-item[open]{background:rgba(255,255,255,.2)!important}
.coastal-luxury .home-final-batch-inner{border-color:rgba(219,212,205,.22)!important}
.coastal-luxury .home-final-batch-copy>span{color:#b8efed!important}

/* Catalog and product pages */
.coastal-luxury.catalog-page,
.coastal-luxury.product-page,
.coastal-luxury.legacy-page{background:linear-gradient(180deg,#071112,#0d0d0c 48%,#090a09)!important}
.coastal-luxury .catalog-hero,
.coastal-luxury .product-detail,
.coastal-luxury .page-hero{position:relative}
.coastal-luxury .catalog-hero::before,
.coastal-luxury .page-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:46vw;
  height:46vw;
  right:-18vw;
  top:-23vw;
  border-radius:50%;
  background:rgba(100,198,198,.08);
  filter:blur(40px);
}
.coastal-luxury .filter-shell{border-color:rgba(219,212,205,.14)!important;background:rgba(6,13,13,.8)!important}
.coastal-luxury .filter-row button:not(.is-active){border-color:rgba(219,212,205,.2)!important;background:rgba(255,255,255,.04)!important;color:#e3ded6!important}
.coastal-luxury .filter-row button.is-active{border-color:var(--coastal-aqua)!important;background:rgba(100,198,198,.14)!important;color:#d9ffff!important}
.coastal-luxury .product-card,
.coastal-luxury .mini-product-card,
.coastal-luxury .embedded-product-card,
.coastal-luxury .strip-product-card{
  border-color:rgba(219,212,205,.16)!important;
  background:linear-gradient(180deg,#0a0d0c,#111413)!important;
}
.coastal-luxury .product-image,
.coastal-luxury .product-card-media-link{
  background:
    radial-gradient(circle at 50% 70%,rgba(100,198,198,.15),transparent 42%),
    #050606!important;
}
.coastal-luxury .product-card:hover{border-color:rgba(100,198,198,.6)!important}
.coastal-luxury .product-card .product-meta,
.coastal-luxury .product-card>span,
.coastal-luxury .product-promo-label{color:#a7e8e5!important}
.coastal-luxury .detail-image{
  border-color:rgba(100,198,198,.22)!important;
  background:
    radial-gradient(circle at 50% 70%,rgba(100,198,198,.22),transparent 38%),
    linear-gradient(150deg,#061416,#020303)!important;
}
.coastal-luxury .detail-copy{
  border-color:rgba(105,84,63,.2)!important;
  background:linear-gradient(145deg,#eee8df,#d9d0c5)!important;
  color:#25211d!important;
}
.coastal-luxury .detail-copy .identity{color:#285f61!important}
.coastal-luxury .detail-copy>p{color:#5e554d!important}
.coastal-luxury .variant{border-color:rgba(62,49,39,.25)!important;background:rgba(255,255,255,.26)!important;color:#28231f!important}
.coastal-luxury .variant.is-active{border-color:#0f7779!important;background:#0f7779!important;color:#fff!important}
.coastal-luxury .detail-copy .add-product{background:#1c1d1b!important;border-color:#1c1d1b!important;color:#fff!important}

/* Search: full-screen aquatic research index */
.coastal-luxury .stasis-search-overlay{
  background:rgba(2,7,7,.74)!important;
  -webkit-backdrop-filter:blur(22px) saturate(105%)!important;
  backdrop-filter:blur(22px) saturate(105%)!important;
}
.coastal-luxury .stasis-search-panel{
  border:1px solid rgba(219,212,205,.19)!important;
  background:
    radial-gradient(circle at 82% 0,rgba(100,198,198,.14),transparent 34%),
    linear-gradient(145deg,rgba(19,27,25,.98),rgba(5,17,18,.98))!important;
  box-shadow:0 40px 120px rgba(0,0,0,.5)!important;
}
.coastal-luxury .stasis-search-topline{border-bottom-color:rgba(219,212,205,.16)!important}
.coastal-luxury .stasis-search-form input{color:#f5f0e8!important}
.coastal-luxury .stasis-search-form input::placeholder{color:rgba(245,240,232,.42)!important}
.coastal-luxury .stasis-search-form>svg{stroke:var(--coastal-aqua)!important}
.coastal-luxury .stasis-search-feature,
.coastal-luxury .stasis-search-shelf-all,
.coastal-luxury .stasis-search-result{
  border-color:rgba(219,212,205,.16)!important;
  background:rgba(1,5,5,.42)!important;
}
.coastal-luxury .stasis-search-feature>span,
.coastal-luxury .stasis-search-result-image{
  background:radial-gradient(circle,rgba(100,198,198,.15),transparent 60%),#040606!important;
}
.coastal-luxury .stasis-search-feature:hover,
.coastal-luxury .stasis-search-result:hover{border-color:rgba(100,198,198,.58)!important;background:rgba(100,198,198,.06)!important}

/* Keep featured search tiles visually open: only the image carries a surface. */
.coastal-luxury .stasis-search-feature,
.coastal-luxury .stasis-search-shelf-all,
.coastal-luxury .stasis-search-feature:hover,
.coastal-luxury .stasis-search-shelf-all:hover{
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Cart: graphite glass with warm commercial hierarchy */
.coastal-luxury .cart-drawer-backdrop,
.coastal-luxury .vial-picker-backdrop{
  background:rgba(2,6,6,.68)!important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.coastal-luxury .cart-drawer-panel,
.coastal-luxury .vial-picker-panel{
  border-left:1px solid rgba(100,198,198,.24)!important;
  background:
    radial-gradient(circle at 100% 0,rgba(100,198,198,.13),transparent 32%),
    linear-gradient(160deg,#141918,#080d0d)!important;
  color:#f4f0e9!important;
  box-shadow:-32px 0 100px rgba(0,0,0,.44)!important;
}
.coastal-luxury .cart-drawer-header,
.coastal-luxury .cart-drawer-panel>footer{border-color:rgba(219,212,205,.15)!important;background:rgba(4,8,8,.52)!important}
.coastal-luxury .cart-item{border-color:rgba(219,212,205,.15)!important;background:rgba(255,255,255,.025)!important}
.coastal-luxury .cart-drawer-panel .cart-item{
  background:transparent!important;
  box-shadow:none!important;
}
.coastal-luxury .cart-item-image{background:radial-gradient(circle,rgba(100,198,198,.14),transparent 62%),#040505!important}
.coastal-luxury .drawer-promo-block,
.coastal-luxury .cart-promo-block{border-color:rgba(100,198,198,.28)!important;background:rgba(100,198,198,.07)!important}
.coastal-luxury .cart-drawer-actions .checkout-button,
.coastal-luxury .vial-option .button:not(:disabled){background:var(--coastal-warm)!important;border-color:var(--coastal-warm)!important;color:#161817!important}
.coastal-luxury .cart-drawer-actions .button.secondary{border-color:rgba(219,212,205,.28)!important;background:transparent!important;color:#f4f0e9!important}

/* Access gate and footer */
.coastal-luxury .research-gate{
  background:
    radial-gradient(circle at 62% 42%,rgba(100,198,198,.11),transparent 32%),
    linear-gradient(135deg,#020303,#071718 65%,#16110e)!important;
}
.coastal-luxury .research-gate-panel{
  border-color:rgba(219,212,205,.17)!important;
  background:rgba(5,9,9,.48)!important;
  box-shadow:0 40px 120px rgba(0,0,0,.42)!important;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
.coastal-luxury .research-gate-form select{border-color:rgba(100,198,198,.42)!important;background:rgba(255,255,255,.05)!important;color:#f4f0e9!important}
.coastal-luxury .stasis-footer{
  border-top:1px solid rgba(100,198,198,.2)!important;
  background:
    radial-gradient(circle at 20% 0,rgba(100,198,198,.09),transparent 30%),
    #050707!important;
}

@keyframes coastal-light-pass{
  0%,18%{transform:translateX(-55%);opacity:0}
  34%{opacity:.3}
  62%{opacity:.2}
  80%,100%{transform:translateX(62%);opacity:0}
}

@media(max-width:800px){
  .coastal-luxury main>section[data-coastal-chapter]:not(.bogo-video-hero)::after{top:22px;right:18px}
  .coastal-luxury .bogo-video-hero{min-height:760px!important}
  .coastal-luxury .bogo-video-overlay{background:linear-gradient(0deg,rgba(2,8,9,.95),rgba(2,8,9,.26) 72%)!important}
  .coastal-luxury .bogo-video-hero .bogo-copy{width:auto!important;padding:0 22px 30px!important}
  .coastal-luxury .bogo-video-hero h2{font-size:clamp(54px,15vw,78px)!important}
  .coastal-luxury .stasis-order-simple::before{background-size:48px 48px}
}
@media(prefers-reduced-transparency:reduce){
  .coastal-luxury .site-header.stasis-sunday-header .header-shell,
  .coastal-luxury .stasis-search-panel,
  .coastal-luxury .cart-drawer-panel,
  .coastal-luxury .research-gate-panel{background:#0b1515!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
@media(prefers-reduced-motion:reduce){
  .coastal-luxury .bogo-video-media::after{display:none}
}

/* Product scale refinement: give the vial more visual authority in the rail. */
.coastal-luxury .home-product-carousel .stasis-carousel-card img{
  /* Flatten near-black backdrop grain consistently across the product rail. */
  filter:contrast(1.12) brightness(.95);
  transform:scale(1.16);
  transform-origin:50% 55%;
}
.coastal-luxury .home-product-carousel .stasis-carousel-card.is-active img{
  filter:contrast(1.12) brightness(.95);
  transform:scale(1.28);
}
@media(hover:hover) and (pointer:fine){
  .coastal-luxury .home-product-carousel .stasis-carousel-card:not(.is-active):hover img{
    transform:scale(1.22);
  }
}
@media(max-width:760px){
  .coastal-luxury .home-product-carousel .stasis-carousel-card img{transform:scale(1.1)}
  .coastal-luxury .home-product-carousel .stasis-carousel-card.is-active img{transform:scale(1.2)}
}

/* Content-led order journey: the section ends with its actual content. */
@media(min-width:881px) and (max-height:820px) and (prefers-reduced-motion:no-preference){
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-simple-header .eyebrow{margin-bottom:14px}
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-simple-header h2{font-size:clamp(48px,4.7vw,60px)}
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-simple-header p{margin-top:12px;font-size:13px;line-height:1.4}
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-steps{margin-top:20px}
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step{padding-bottom:18px}
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step-copy strong{font-size:22px}
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step-copy small{margin-top:6px;font-size:12px;line-height:1.35}
  body.home-page.coastal-luxury .stasis-order-journey-cta{margin-top:16px}
}

/* Uniform home rhythm: content-driven chapters with one shared section inset. */
body.home-page.coastal-luxury{
  --stasis-home-section-space:clamp(88px,7vw,112px);
}
body.home-page.coastal-luxury .stasis-scroll-scene:not(.stasis-order-simple){
  min-height:0;
}
body.home-page.coastal-luxury :is(
  .stasis-order-simple,
  .home-product-carousel,
  .stasis-product-explorer,
  .domain-explorer,
  .why-stasis,
  .home-faq
){
  padding-top:var(--stasis-home-section-space)!important;
  padding-bottom:var(--stasis-home-section-space)!important;
}

body.home-page.coastal-luxury .stasis-order-simple.stasis-scroll-scene{
  height:auto!important;
  min-height:0!important;
}

@media(max-width:880px){
  body.home-page.coastal-luxury{
    --stasis-home-section-space:clamp(70px,12vw,88px);
  }
}

@media(max-width:880px), (prefers-reduced-motion:reduce){
  body.home-page.coastal-luxury .stasis-order-simple.stasis-scroll-scene{
    min-height:0;
    padding-top:var(--stasis-home-section-space)!important;
    padding-bottom:var(--stasis-home-section-space)!important;
  }
}

/* Content-led research domains: the panel no longer reserves scroll-only space. */
@media(min-width:901px) and (prefers-reduced-motion:no-preference){
  body.home-page.coastal-luxury .domain-explorer.stasis-scroll-scene{
    min-height:0;
    overflow:hidden;
  }
  body.home-page.coastal-luxury .domain-explorer-shell{
    position:relative;
    top:auto;
    height:auto;
    min-height:740px;
    background:linear-gradient(145deg,#141618,#0b0d0e)!important;
  }
  body.home-page.coastal-luxury .domain-explorer-visual{
    min-height:740px;
  }
  body.home-page.coastal-luxury .domain-tab{
    color:#8e8e93!important;
  }
  body.home-page.coastal-luxury .domain-tab.is-active{
    color:#071012!important;
    background:var(--domain-accent)!important;
    border-color:var(--domain-accent)!important;
  }
  body.home-page.coastal-luxury .domain-detail-kicker{
    color:var(--domain-accent)!important;
  }
}

@media(min-width:901px) and (max-height:820px) and (prefers-reduced-motion:no-preference){
  body.home-page.coastal-luxury .domain-explorer-content{
    padding:40px 54px;
  }
  body.home-page.coastal-luxury .domain-detail-stack{
    min-height:300px;
  }
}

/* FAQ refinement: domain-scale typography, clean white cards, shared section rhythm. */
body.home-page.coastal-luxury .home-faq.stasis-scroll-scene{
  min-height:auto!important;
  height:auto;
  grid-template-columns:minmax(410px,.88fr) minmax(560px,1.12fr);
  gap:clamp(70px,7vw,126px);
  align-content:start;
  align-items:start;
  padding-top:var(--stasis-home-section-space)!important;
  padding-bottom:var(--stasis-home-section-space)!important;
  background:
    radial-gradient(circle at 88% 16%,rgba(100,198,198,.13),transparent 27%),
    linear-gradient(135deg,#eee8df,#e2d9ce 72%,#d9cec1)!important;
}
body.home-page.coastal-luxury .home-faq-intro{
  top:clamp(128px,13svh,150px);
}
body.home-page.coastal-luxury .home-faq-intro h2{
  max-width:690px;
  margin:18px 0 30px;
  font-size:clamp(76px,6.6vw,124px);
  line-height:.79;
  letter-spacing:-.075em;
}
body.home-page.coastal-luxury .home-faq-intro p{
  max-width:520px;
  font-size:16px;
  line-height:1.58;
}
body.home-page.coastal-luxury .home-faq-list{
  gap:14px;
  align-self:start;
  padding-top:0;
}
body.home-page.coastal-luxury .home-faq .home-faq-item{
  border:1px solid rgba(7,45,47,.13)!important;
  border-radius:26px;
  background:#fffefb!important;
  box-shadow:0 16px 38px rgba(50,44,36,.08),inset 0 1px 0 rgba(255,255,255,.9);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
body.home-page.coastal-luxury .home-faq .home-faq-item:hover{
  border-color:rgba(7,105,108,.36)!important;
  background:#fff!important;
  box-shadow:0 20px 46px rgba(50,44,36,.11),inset 0 1px 0 #fff;
  transform:translateY(-2px);
}
body.home-page.coastal-luxury .home-faq .home-faq-item[open]{
  border-color:rgba(7,105,108,.42)!important;
  background:#fbfefd!important;
}
body.home-page.coastal-luxury .home-faq-item summary{
  min-height:100px;
  padding:20px 22px;
}
body.home-page.coastal-luxury .home-faq-item summary strong{
  color:#0b1717;
  font-size:17px;
  letter-spacing:-.025em;
}
body.home-page.coastal-luxury .home-faq .home-faq-number{
  color:#087276!important;
  background:#e9f1ef!important;
}
body.home-page.coastal-luxury .home-faq .home-faq-answer p{
  color:rgba(11,23,23,.72);
  font-size:15px;
}

@media(max-width:900px){
  body.home-page.coastal-luxury .home-faq.stasis-scroll-scene{
    grid-template-columns:1fr;
    gap:clamp(48px,9vw,70px);
  }
  body.home-page.coastal-luxury .home-faq-intro{position:static}
  body.home-page.coastal-luxury .home-faq-intro h2{
    max-width:820px;
    font-size:clamp(70px,13vw,108px);
  }
}

@media(max-width:560px){
  body.home-page.coastal-luxury .home-faq-intro h2{
    font-size:clamp(54px,16vw,76px);
    line-height:.82;
  }
  body.home-page.coastal-luxury .home-faq .home-faq-item{border-radius:20px}
  body.home-page.coastal-luxury .home-faq-item summary{min-height:84px;padding:15px}
  body.home-page.coastal-luxury .home-faq-item summary strong{font-size:14px}
}

/* Product anatomy refinement: editorial scale, stable films, sharp resting renders. */
body.home-page.coastal-luxury .stasis-product-explorer>header h2{
  max-width:1180px;
  font-size:clamp(76px,6.4vw,124px);
  font-weight:500;
  line-height:.87;
  letter-spacing:-.075em;
}
body.home-page.coastal-luxury .stasis-product-explorer>header p{
  max-width:720px;
  margin-top:24px;
  font-size:clamp(17px,1.25vw,20px);
  line-height:1.5;
}

/* Per-frame zoom follows decoded frames directly instead of chasing a transform transition. */
body.home-page.coastal-luxury .stasis-explorer-stage.is-product-view
  .stasis-vial-viewer.is-product-sequence:not(.is-film-settled)
  .stasis-product-view-film.is-active{
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transform-style:flat;
  transition:opacity .22s cubic-bezier(.22,1,.36,1),visibility 0s,transform 0s linear!important;
}

/* Preserve the film itself through the terminal frame. Swapping to the taller
   PNG here introduced a visible size jump and covered the rotation film. */
body.home-page.coastal-luxury .stasis-selank-settled{
  display:none!important;
}

/* Vial & cap keeps its exact open-frame pose, but no longer freezes after playback. */
body.home-page.coastal-luxury .stasis-explorer-stage.is-vial-view
  .stasis-vial-viewer.is-film-settled .stasis-vial-closeup.is-complete{
  animation:none!important;
}
body.home-page.coastal-luxury .stasis-vial-viewer.is-film-settled{
  animation:stasisStableProductFloat 7.4s ease-in-out infinite;
}
body.home-page.coastal-luxury .stasis-vial-viewer.is-film-settled.is-pointer-active{
  animation-play-state:paused;
}

@keyframes stasisStableProductFloat{
  0%,100%{translate:0 -4px}
  50%{translate:0 6px}
}

@media(max-width:760px){
  body.home-page.coastal-luxury .stasis-product-explorer>header h2{
    font-size:clamp(58px,16vw,86px);
    line-height:.86;
  }
  body.home-page.coastal-luxury .stasis-selank-settled{
    height:min(92%,520px);
    max-width:94%;
  }
}

/* Keep chapter 03 on the same viewport-right guide as chapters 01 and 02. */
body.home-page.coastal-luxury .stasis-product-explorer[data-coastal-chapter]::after{
  right:max(32px,calc((100vw - 1420px)/2))!important;
}
@media(max-width:800px){
  body.home-page.coastal-luxury .stasis-product-explorer[data-coastal-chapter]::after{
    right:18px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.home-page.coastal-luxury .stasis-vial-viewer.is-film-settled,
  body.home-page.coastal-luxury .stasis-selank-settled,
  body.home-page.coastal-luxury .stasis-explorer-stage.is-vial-view
    .stasis-vial-viewer.is-film-settled .stasis-vial-closeup.is-complete{
    animation:none!important;
    translate:0!important;
  }
}

/* Modern FAQ: dark editorial field with a continuous, high-contrast accordion. */
body.home-page.coastal-luxury .home-faq.stasis-scroll-scene{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  grid-template-columns:minmax(390px,.78fr) minmax(600px,1.22fr);
  gap:clamp(76px,8vw,152px);
  color:#f3f0e9!important;
  border-block:1px solid rgba(153,221,217,.12);
  background:
    radial-gradient(circle at 8% 7%,rgba(72,151,150,.2),transparent 28%),
    radial-gradient(circle at 94% 92%,rgba(181,110,65,.12),transparent 30%),
    linear-gradient(135deg,#071113 0%,#0a1719 58%,#101415 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),inset 0 -1px 0 rgba(255,255,255,.025);
}
body.home-page.coastal-luxury .home-faq.stasis-scroll-scene::before{
  content:none;
  position:absolute;
  z-index:-1;
  top:-.18em;
  right:-.035em;
  color:rgba(190,229,225,.025);
  font-size:clamp(260px,31vw,600px);
  font-weight:600;
  line-height:1;
  letter-spacing:-.09em;
  pointer-events:none;
}
body.home-page.coastal-luxury .home-faq-intro{top:clamp(126px,13svh,148px)}
body.home-page.coastal-luxury .home-faq-intro .eyebrow{
  color:var(--coastal-aqua)!important;
}
body.home-page.coastal-luxury .home-faq-intro h2{
  max-width:740px;
  margin:24px 0 34px;
  color:#f3f0e9!important;
  font-size:clamp(82px,7vw,132px);
  font-weight:500;
  line-height:.78;
  letter-spacing:-.078em;
}
body.home-page.coastal-luxury .home-faq-intro h2 em{
  color:#89d8d3;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
}
body.home-page.coastal-luxury .home-faq-intro p{
  max-width:470px;
  margin-bottom:32px;
  color:rgba(232,237,233,.58)!important;
  font-size:16px;
  line-height:1.62;
}
body.home-page.coastal-luxury .home-faq-intro>a{
  padding-bottom:8px;
  color:#a6e4df!important;
  border-bottom:1px solid rgba(166,228,223,.35);
  font-size:13px;
  letter-spacing:.01em;
}
body.home-page.coastal-luxury .home-faq-list{
  gap:0;
  border-top:1px solid rgba(205,229,226,.2);
}
body.home-page.coastal-luxury .home-faq .home-faq-item{
  position:relative;
  border:0!important;
  border-bottom:1px solid rgba(205,229,226,.18)!important;
  border-radius:0;
  color:#f3f0e9;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  transform:none;
  transition:background-color .35s ease,border-color .35s ease;
}
body.home-page.coastal-luxury .home-faq .home-faq-item::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  background:linear-gradient(90deg,rgba(90,190,187,.11),rgba(90,190,187,.025) 58%,transparent);
  transform:scaleX(.94);
  transform-origin:left center;
  transition:opacity .35s ease,transform .55s cubic-bezier(.22,1,.36,1);
  pointer-events:none;
}
body.home-page.coastal-luxury .home-faq .home-faq-item:hover,
body.home-page.coastal-luxury .home-faq .home-faq-item[open]{
  border-bottom-color:rgba(137,216,211,.45)!important;
  background:transparent!important;
  transform:none;
}
body.home-page.coastal-luxury .home-faq .home-faq-item:hover::before,
body.home-page.coastal-luxury .home-faq .home-faq-item[open]::before{
  opacity:1;
  transform:scaleX(1);
}
body.home-page.coastal-luxury .home-faq-item summary{
  position:relative;
  z-index:1;
  min-height:112px;
  grid-template-columns:52px minmax(0,1fr) 50px;
  gap:clamp(18px,2vw,32px);
  padding:26px 8px;
}
body.home-page.coastal-luxury .home-faq-item summary:focus-visible{
  outline:0;
  box-shadow:inset 3px 0 0 #89d8d3;
}
body.home-page.coastal-luxury .home-faq-item summary strong{
  color:#f3f0e9!important;
  font-size:clamp(20px,1.45vw,25px);
  font-weight:500;
  line-height:1.18;
  letter-spacing:-.035em;
}
body.home-page.coastal-luxury .home-faq .home-faq-number{
  width:auto;
  height:auto;
  place-items:start;
  border-radius:0;
  color:#78ceca!important;
  background:transparent!important;
  font-size:10px;
  letter-spacing:.14em;
}
body.home-page.coastal-luxury .home-faq-item summary i{
  width:46px;
  height:46px;
  border:1px solid rgba(164,219,216,.34);
  color:#b7e4e0;
  background:rgba(255,255,255,.035);
}
body.home-page.coastal-luxury .home-faq-item[open] summary i{
  color:#071113;
  border-color:#89d8d3;
  background:#89d8d3;
}
body.home-page.coastal-luxury .home-faq-answer{
  position:relative;
  z-index:1;
  padding:0 76px 34px 84px;
}
body.home-page.coastal-luxury .home-faq .home-faq-answer p{
  max-width:720px;
  color:rgba(232,237,233,.68)!important;
  font-size:16px;
  line-height:1.68;
}

@media(max-width:900px){
  body.home-page.coastal-luxury .home-faq.stasis-scroll-scene{
    grid-template-columns:1fr;
    gap:clamp(54px,10vw,82px);
  }
  body.home-page.coastal-luxury .home-faq-intro h2{font-size:clamp(72px,14vw,112px)}
}

@media(max-width:560px){
  body.home-page.coastal-luxury .home-faq.stasis-scroll-scene::before{display:none}
  body.home-page.coastal-luxury .home-faq-intro h2{
    font-size:clamp(58px,17vw,80px);
    line-height:.82;
  }
  body.home-page.coastal-luxury .home-faq-item summary{
    min-height:92px;
    grid-template-columns:30px minmax(0,1fr) 40px;
    gap:12px;
    padding:20px 2px;
  }
  body.home-page.coastal-luxury .home-faq-item summary strong{font-size:17px}
  body.home-page.coastal-luxury .home-faq-item summary i{width:38px;height:38px}
  body.home-page.coastal-luxury .home-faq-answer{padding:0 44px 28px 42px}
  body.home-page.coastal-luxury .home-faq .home-faq-answer p{font-size:14px}
}

/* Premium research access: campaign imagery, editorial hierarchy, precise controls. */
.research-gate{
  isolation:isolate;
  overflow:auto;
  padding:clamp(18px,3vw,42px);
  background:
    radial-gradient(circle at 18% 16%,rgba(84,181,184,.16),transparent 30%),
    radial-gradient(circle at 86% 88%,rgba(118,78,51,.18),transparent 31%),
    linear-gradient(135deg,#020506 0%,#071517 54%,#0b0c0c 100%)!important;
}
.research-gate::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.34;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(125,205,204,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(125,205,204,.055) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:linear-gradient(110deg,black,transparent 70%);
  mask-image:linear-gradient(110deg,black,transparent 70%);
}
body.coastal-luxury .research-gate-panel,
.research-gate-panel{
  position:relative;
  display:grid;
  width:min(1120px,100%);
  min-height:min(680px,calc(100svh - 48px));
  grid-template-columns:minmax(300px,.86fr) minmax(440px,1.14fr);
  grid-template-rows:auto auto auto 1fr auto;
  overflow:hidden;
  border:1px solid rgba(201,224,220,.2)!important;
  border-radius:32px;
  color:#f4f0e8;
  background:linear-gradient(145deg,rgba(11,20,20,.985),rgba(5,10,10,.99))!important;
  box-shadow:0 48px 150px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.025) inset!important;
  text-align:left;
  animation:researchGateReveal .7s cubic-bezier(.22,1,.36,1) both;
}
.research-gate-panel::before{
  content:"";
  grid-column:1;
  grid-row:1/-1;
  align-self:stretch;
  min-height:100%;
  border-right:1px solid rgba(201,224,220,.15);
  background:
    linear-gradient(180deg,rgba(2,10,11,.04) 20%,rgba(2,10,11,.18) 54%,rgba(2,9,10,.93) 100%),
    linear-gradient(110deg,rgba(41,144,148,.08),rgba(2,8,9,.12)),
    url('../assets/home/editorial/rt-rocks-v2.webp') 51% 52%/cover;
  box-shadow:inset -34px 0 70px rgba(2,8,9,.25);
}
.research-gate-panel::after{
  content:"01 / CATÁLOGO ACTUAL\A COMPUESTOS DOCUMENTADOS  ·  MANEJO CONTROLADO";
  position:absolute;
  z-index:2;
  left:34px;
  bottom:34px;
  width:calc(38% - 34px);
  color:rgba(241,236,229,.78);
  font-size:9px;
  font-weight:650;
  line-height:1.8;
  letter-spacing:.16em;
  white-space:pre-line;
  text-transform:uppercase;
  pointer-events:none;
}
.research-gate-logo{
  grid-column:2;
  grid-row:1;
  width:132px;
  margin:58px 58px 34px;
}
.research-gate h1{
  grid-column:2;
  grid-row:2;
  max-width:560px;
  margin:0 58px 18px;
  color:#f5f1e9;
  font-size:clamp(58px,5.2vw,78px);
  font-weight:350;
  line-height:.9;
  letter-spacing:-.055em;
  text-align:left;
}
.research-gate p{
  grid-column:2;
  grid-row:3;
  max-width:500px;
  margin:0 58px 28px;
  color:rgba(225,232,228,.62);
  font-size:14px;
  line-height:1.62;
  text-align:left;
}
.research-gate-form{
  grid-column:2;
  grid-row:4;
  align-self:start;
  display:grid;
  gap:0;
  width:auto;
  margin:0 58px;
  text-align:left;
}
.research-gate-form label{
  display:grid;
  min-height:58px;
  grid-template-columns:22px minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding:13px 0;
  border-top:1px solid rgba(201,224,220,.14);
  color:rgba(244,240,232,.88);
  font-size:13px;
  font-weight:450;
  line-height:1.42;
}
.research-gate-form label:nth-of-type(2){border-bottom:1px solid rgba(201,224,220,.14)}
.research-gate-form input{
  appearance:none;
  width:19px;
  height:19px;
  margin:0;
  border:1px solid rgba(200,222,219,.45);
  border-radius:50%;
  background:rgba(255,255,255,.025);
  box-shadow:0 0 0 0 rgba(100,198,198,0);
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.research-gate-form input:checked{
  border-color:#78cfcc;
  background:radial-gradient(circle,#071415 0 3px,#78cfcc 3.5px 100%);
  box-shadow:0 0 0 4px rgba(120,207,204,.08);
}
.research-gate-form input:focus-visible{outline:2px solid #a5e4e0;outline-offset:3px}
body.coastal-luxury .research-gate-form select,
.research-gate-form select{
  appearance:none;
  width:100%;
  height:54px;
  margin-top:22px;
  padding:0 50px 0 18px;
  border:1px solid rgba(144,200,197,.32)!important;
  border-radius:4px;
  color:#f4f0e8!important;
  background-color:rgba(255,255,255,.035)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%239fd9d5' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 18px center!important;
  font-size:12px;
  font-weight:550;
  letter-spacing:.025em;
  cursor:pointer;
  transition:border-color .2s ease,background-color .2s ease;
}
.research-gate-form select:is(:hover,:focus){border-color:rgba(144,216,212,.65)!important;background-color:rgba(255,255,255,.055)!important;outline:0}
.research-gate-actions{
  display:grid;
  grid-template-columns:minmax(130px,.85fr) minmax(150px,1.15fr);
  gap:10px;
  margin-top:14px;
}
.research-gate-actions .button{
  width:100%;
  min-height:52px;
  padding:0 22px;
  border-radius:999px;
  font-size:11px;
  font-weight:650;
  letter-spacing:.025em;
  text-transform:none;
}
.research-gate-actions .button.secondary{
  border-color:rgba(213,225,221,.2);
  color:rgba(244,240,232,.7);
  background:rgba(255,255,255,.025);
}
.research-gate-actions .button.primary{
  border-color:#efe8de!important;
  color:#121817!important;
  background:#efe8de!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.research-gate-actions .button.primary:not(:disabled):hover{
  border-color:#b8efeb!important;
  background:#b8efeb!important;
  transform:translateY(-1px);
}
.research-gate button[disabled]{
  border-color:rgba(213,225,221,.1)!important;
  color:rgba(232,235,231,.3)!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none;
  opacity:1;
}
.research-gate small{
  grid-column:2;
  grid-row:5;
  display:block;
  max-width:none;
  margin:28px 58px 34px;
  padding-top:17px;
  border-top:1px solid rgba(201,224,220,.1);
  color:rgba(222,229,225,.4);
  font-size:10px;
  line-height:1.55;
  letter-spacing:.018em;
  text-align:left;
}
@keyframes researchGateReveal{
  from{opacity:0;transform:translateY(18px) scale(.985)}
  to{opacity:1;transform:none}
}

@media(max-width:920px) and (min-width:741px){
  body.coastal-luxury .research-gate-panel,
  .research-gate-panel{grid-template-columns:minmax(270px,.8fr) minmax(400px,1.2fr)}
  .research-gate-logo{margin:44px 40px 28px}
  .research-gate h1{margin-inline:40px;font-size:clamp(54px,7.2vw,66px)}
  .research-gate p{margin:0 40px 23px}
  .research-gate-form{margin-inline:40px}
  .research-gate small{margin:24px 40px 28px}
}

@media(max-width:740px){
  .research-gate{place-items:start center;padding:14px}
  body.coastal-luxury .research-gate-panel,
  .research-gate-panel{display:block;width:min(620px,100%);min-height:0;border-radius:24px}
  .research-gate-panel::before{
    display:block;
    min-height:150px;
    border-right:0;
    border-bottom:1px solid rgba(201,224,220,.15);
    background-position:center 58%;
  }
  .research-gate-panel::after{top:105px;right:24px;bottom:auto;left:24px;width:auto;font-size:8px}
  .research-gate-logo{width:106px;margin:28px 28px 22px}
  .research-gate h1{margin:0 28px 14px;font-size:clamp(46px,13vw,60px)}
  .research-gate p{margin:0 28px 24px;font-size:13px}
  .research-gate-form{margin:0 28px}
  .research-gate-form label{font-size:12px}
  .research-gate small{margin:24px 28px 28px}
}

@media(max-width:460px){
  .research-gate-actions{grid-template-columns:1fr}
  .research-gate-actions .button.primary{grid-row:1}
  .research-gate-actions .button.secondary{grid-row:2}
}

@media(prefers-reduced-motion:reduce){.research-gate-panel{animation:none}}

/* Order journey refinement: clearer step hierarchy inspired by the reference. */
@media(min-width:881px){
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-steps{
    margin-top:54px;
    padding-left:54px;
  }
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-steps::before{
    inset:18px auto 38px 11px;
    width:2px;
    background:repeating-linear-gradient(
      to bottom,
      rgba(11,141,143,.48) 0 2px,
      transparent 2px 6px
    );
  }
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-steps::after{
    top:18px;
    left:11px;
    width:3px;
    max-height:calc(100% - 56px);
    background:#0b8d8f;
  }
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step{
    padding-bottom:50px;
    grid-template-columns:110px minmax(0,1fr);
    column-gap:20px;
    color:rgba(16,46,50,.82);
    opacity:.82;
  }
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step:is(:hover,:focus-visible),
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step.is-complete,
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step.is-active{
    transform:translateX(2px);
  }
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step-marker{
    top:15px;
    left:-47px;
    width:8px;
    height:8px;
    border-width:2px;
  }
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step-number,
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step:is(:hover,:focus-visible) .stasis-order-step-number,
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step.is-complete .stasis-order-step-number,
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step.is-active .stasis-order-step-number{
    min-height:38px;
    padding:0 15px;
    border-color:rgba(8,113,116,.66);
    background:rgba(255,255,255,.28);
    font-size:10px;
    font-weight:600;
    letter-spacing:.015em;
  }
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step.is-active .stasis-order-step-number{
    color:#f5fbfa;
    background:#0b777a;
  }
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step-copy strong{
    font-size:clamp(28px,2vw,32px);
    font-weight:430;
    line-height:1.08;
    letter-spacing:-.038em;
  }
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step-copy small,
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step:is(:hover,:focus-visible) .stasis-order-step-copy small,
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step.is-complete .stasis-order-step-copy small,
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step.is-active .stasis-order-step-copy small{
    max-width:440px;
    margin-top:12px;
    font-size:16px;
    line-height:1.48;
  }
  body.home-page.coastal-luxury .stasis-order-journey-cta{
    min-height:50px;
    gap:18px;
    margin:34px 0 0 54px;
    padding:0 20px;
    border-radius:9px;
    font-size:13px;
  }
}

@media(min-width:881px) and (max-height:820px){
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-steps{margin-top:30px}
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step{padding-bottom:30px}
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step-copy strong{font-size:26px}
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step-copy small{margin-top:8px!important;font-size:14px!important}
  body.home-page.coastal-luxury .stasis-order-journey-cta{min-height:46px;margin-top:22px}
}

/* BOGO headline: mirror the mixed sans/italic lockup of the final order banner. */
body.home-page.coastal-luxury .bogo-video-hero .bogo-copy>h2{
  max-width:720px!important;
  color:#fff!important;
  font-family:var(--stasis-sf)!important;
  font-size:clamp(64px,6.3vw,122px)!important;
  font-style:normal!important;
  font-weight:720!important;
  line-height:.86!important;
  letter-spacing:-.07em!important;
  text-wrap:balance;
}
body.home-page.coastal-luxury .bogo-video-hero .bogo-copy>h2 span{
  display:block!important;
  white-space:nowrap;
}
body.home-page.coastal-luxury .bogo-video-hero .bogo-copy>h2 span:last-child{
  margin-top:.07em;
  color:#f4dec0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.04em;
  font-style:italic;
  font-weight:400;
  line-height:.88;
  letter-spacing:-.025em;
}

@media(max-width:900px){
  body.home-page.coastal-luxury .bogo-video-hero .bogo-copy>h2{
    max-width:650px!important;
    font-size:clamp(48px,9vw,72px)!important;
  }
}

@media(max-width:560px){
  body.home-page.coastal-luxury .bogo-video-hero .bogo-copy>h2{
    max-width:440px!important;
    font-size:clamp(44px,13vw,62px)!important;
    line-height:.86!important;
  }
}

/* Header proportions: taller architectural glass with a quieter corner radius. */
@media(min-width:801px){
  body.coastal-luxury .site-header.stasis-sunday-header{
    padding:12px 0 14px!important;
  }
  body.coastal-luxury .site-header.stasis-sunday-header .header-shell{
    height:78px!important;
    min-height:78px!important;
    padding:0 24px 0 30px!important;
    border-radius:12px!important;
    border-color:rgba(219,228,226,.2)!important;
    background:
      linear-gradient(104deg,rgba(33,46,48,.82),rgba(3,17,23,.90))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 18px 54px rgba(0,0,0,.17)!important;
    -webkit-backdrop-filter:blur(30px) saturate(122%)!important;
    backdrop-filter:blur(30px) saturate(122%)!important;
  }
  body.home-page.coastal-luxury .home-image-chrome:not(.is-scrolled) .site-header.stasis-sunday-header .header-shell,
  body.home-page.coastal-luxury .home-image-chrome.is-scrolled .site-header.stasis-sunday-header .header-shell{
    border-color:rgba(219,228,226,.2)!important;
    background:
      linear-gradient(104deg,rgba(33,46,48,.82),rgba(3,17,23,.90))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 18px 54px rgba(0,0,0,.17)!important;
    -webkit-backdrop-filter:blur(30px) saturate(122%)!important;
    backdrop-filter:blur(30px) saturate(122%)!important;
  }
  body.coastal-luxury .site-header.stasis-sunday-header .desktop-nav a{
    min-height:44px!important;
    font-family:var(--stasis-sf)!important;
    font-size:12px!important;
    font-weight:600!important;
    line-height:1.2!important;
  }
  body.coastal-luxury .stasis-header-cta{
    min-height:48px;
  }
  body.coastal-luxury .stasis-header-actions .stasis-header-icon{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
  }
  body.coastal-luxury .stasis-mega-menu{
    top:89px!important;
  }
  body.coastal-luxury.stasis-mega-open .site-header.stasis-sunday-header .header-shell,
  body.home-page.coastal-luxury.stasis-mega-open .home-image-chrome:not(.is-scrolled) .site-header.stasis-sunday-header .header-shell{
    border-radius:12px 12px 0 0!important;
  }
}

/* Shop card system: one black product stage, consistent vial scale and aligned information. */
body.catalog-page.coastal-luxury{overflow-x:clip}
body.catalog-page.coastal-luxury .filter-shell{
  position:relative!important;
  top:auto!important;
  z-index:3;
  padding:18px 0 22px!important;
  border-top:1px solid rgba(226,232,228,.11)!important;
  border-bottom:0!important;
  background:rgba(3,8,8,.92)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.catalog-page.coastal-luxury .filter-row{
  gap:8px;
  align-items:center;
}
body.catalog-page.coastal-luxury .filter-row button{
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  font-size:12px;
  font-weight:560;
}
body.catalog-page.coastal-luxury .product-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(16px,1.35vw,22px);
  padding-top:34px;
  padding-bottom:clamp(82px,9vw,132px);
}
body.catalog-page.coastal-luxury .product-card{
  min-width:0;
  min-height:548px;
  overflow:hidden;
  border:1px solid rgba(225,230,226,.28)!important;
  border-radius:17px;
  color:#f7f5ef;
  background:#000!important;
  box-shadow:none!important;
}
body.catalog-page.coastal-luxury .product-card-link{
  box-sizing:border-box;
  min-height:548px;
  height:100%;
  grid-template-rows:28px auto auto minmax(300px,1fr) 48px;
  padding:20px 18px 20px;
  background:#000;
}
body.catalog-page.coastal-luxury .product-meta>span:first-child{
  min-height:26px;
  max-width:100%;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.035);
  color:#f5f4ef!important;
  background:#242524!important;
  font-size:8px;
  font-weight:720;
  letter-spacing:.045em;
  white-space:nowrap;
}
body.catalog-page.coastal-luxury .product-copy h2{
  margin-top:14px;
  color:#f7f5ef;
  font-size:clamp(23px,1.55vw,27px);
  font-weight:580;
  line-height:1.08;
}
body.catalog-page.coastal-luxury .product-meta>span:last-child{
  margin-top:7px;
  color:rgba(236,239,235,.58)!important;
  font-size:10px;
  font-weight:560;
  letter-spacing:.025em;
  text-transform:uppercase;
}
body.catalog-page.coastal-luxury .product-image{
  width:100%;
  height:auto!important;
  min-height:0!important;
  border:0!important;
  background:#000!important;
}
body.catalog-page.coastal-luxury .product-image::before,
body.catalog-page.coastal-luxury .product-image::after{
  display:none!important;
}
body.catalog-page.coastal-luxury .product-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:none!important;
  transform:scale(1.16);
}
body.catalog-page.coastal-luxury .product-copy>small{
  min-height:46px;
  padding:0 21px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:999px;
  color:#050707;
  background:#f7f6f1;
  font-size:12px;
  font-weight:700;
  letter-spacing:-.01em;
}

@media(hover:hover) and (pointer:fine){
  body.catalog-page.coastal-luxury .product-card:hover{
    border-color:rgba(132,215,211,.72)!important;
    background:#000!important;
    box-shadow:0 22px 52px rgba(0,0,0,.28)!important;
    transform:translateY(-4px)!important;
  }
  body.catalog-page.coastal-luxury .product-card:hover .product-image img{
    filter:brightness(1.06)!important;
    transform:scale(1.22)!important;
  }
  body.catalog-page.coastal-luxury .product-card:hover .product-copy>small{
    color:#061112;
    background:#86d7d3;
  }
}

@media(max-width:1279px) and (min-width:800px){
  body.catalog-page.coastal-luxury .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:799px) and (min-width:560px){
  body.catalog-page.coastal-luxury .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  body.catalog-page.coastal-luxury .filter-shell{padding:13px 0 16px!important}
  body.catalog-page.coastal-luxury .filter-row button{
    min-height:40px;
    padding-inline:16px;
    font-size:11px;
  }
}

@media(max-width:559px){
  body.catalog-page.coastal-luxury .product-grid{
    grid-template-columns:1fr;
    gap:16px;
    padding-top:24px;
  }
  body.catalog-page.coastal-luxury .product-card,
  body.catalog-page.coastal-luxury .product-card-link{min-height:510px}
  body.catalog-page.coastal-luxury .product-card-link{
    grid-template-rows:28px auto auto minmax(262px,1fr) 48px;
  }
  body.catalog-page.coastal-luxury .product-image img{transform:scale(1.12)}
}

/* Research access overlay: preserve the Home as visible context behind the consent dialog. */
body.gate-open{
  height:100svh;
  overflow:hidden;
}
body.coastal-luxury .research-gate,
.research-gate{
  isolation:isolate;
  place-items:center;
  overflow:auto;
  padding:clamp(18px,3vw,40px);
  background:rgba(2,7,8,.58)!important;
  -webkit-backdrop-filter:blur(5px) saturate(.82);
  backdrop-filter:blur(5px) saturate(.82);
}
.research-gate::before{display:none!important}
body.coastal-luxury .research-gate-panel,
.research-gate-panel{
  position:relative;
  display:grid;
  width:min(960px,100%);
  min-height:min(600px,calc(100svh - 40px));
  max-height:calc(100svh - 36px);
  grid-template-columns:minmax(320px,.82fr) minmax(470px,1.18fr);
  grid-template-rows:1fr;
  overflow:hidden;
  border:1px solid rgba(211,227,223,.26)!important;
  border-radius:22px;
  color:#f4f0e8;
  background:rgba(5,12,12,.94)!important;
  box-shadow:0 38px 110px rgba(0,0,0,.52),0 1px 0 rgba(255,255,255,.045) inset!important;
  text-align:left;
  animation:researchGateReveal .58s cubic-bezier(.22,1,.36,1) both;
}
.research-gate-panel::before,
.research-gate-panel::after{display:none!important}
.research-gate-visual{
  position:relative;
  min-width:0;
  min-height:100%;
  overflow:hidden;
  border-right:1px solid rgba(206,225,221,.18);
  background:
    linear-gradient(180deg,rgba(2,8,9,.06) 18%,rgba(2,8,9,.12) 50%,rgba(2,8,9,.9) 100%),
    linear-gradient(115deg,rgba(37,142,146,.06),rgba(4,9,9,.08)),
    url('../assets/home/editorial/rt-rocks-v2.webp') 51% 52%/cover;
}
.research-gate-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,transparent 62%,rgba(2,8,9,.26));
  pointer-events:none;
}
.research-gate-visual>span,
.research-gate-visual>small{
  position:absolute;
  z-index:1;
  left:28px;
  color:rgba(246,241,233,.86);
  font-weight:650;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.research-gate-visual>span{
  top:27px;
  padding:8px 11px;
  border:1px solid rgba(235,240,235,.22);
  border-radius:999px;
  background:rgba(2,9,10,.32);
  font-size:8px;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.research-gate .research-gate-visual>small{
  right:24px;
  bottom:27px;
  max-width:none;
  margin:0;
  padding:0;
  border:0;
  color:rgba(246,241,233,.76);
  font-size:8px;
  line-height:1.7;
  text-align:left;
}
.research-gate-content{
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:38px 42px 30px;
  overflow:auto;
  background:linear-gradient(145deg,rgba(10,19,19,.98),rgba(4,10,10,.98));
}
.research-gate-logo{
  grid-column:auto;
  grid-row:auto;
  width:108px;
  margin:0 0 26px;
}
.research-gate-heading>span{
  display:block;
  margin-bottom:9px;
  color:#78cfcc;
  font-size:9px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.research-gate .research-gate-heading h1{
  max-width:none;
  margin:0 0 13px;
  color:#f5f1e9;
  font-size:clamp(48px,4.4vw,62px);
  font-weight:380;
  line-height:.92;
  letter-spacing:-.052em;
  text-align:left;
}
.research-gate .research-gate-heading>p{
  max-width:470px;
  margin:0 0 21px;
  color:rgba(225,232,228,.72);
  font-size:13px;
  line-height:1.55;
  text-align:left;
}
.research-gate-form{
  grid-column:auto;
  grid-row:auto;
  align-self:stretch;
  display:grid;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-flow:row;
  width:auto;
  gap:0;
  margin:0;
  text-align:left;
}
.research-gate-confirmations{
  grid-column:1!important;
  grid-row:auto!important;
  width:100%;
  display:grid;
  gap:8px;
}
.research-gate-form .research-gate-choice{
  display:grid;
  min-height:66px;
  grid-template-columns:22px minmax(0,1fr);
  gap:13px;
  align-items:center;
  padding:11px 14px;
  border:1px solid rgba(201,224,220,.16);
  border-radius:12px;
  color:#f4f0e8;
  background:rgba(255,255,255,.025);
  cursor:pointer;
  transition:border-color .2s ease,background-color .2s ease,transform .2s ease;
}
.research-gate-form .research-gate-choice:hover{
  border-color:rgba(129,211,207,.44);
  background:rgba(125,205,201,.045);
}
.research-gate-form .research-gate-choice:has(input:checked){
  border-color:rgba(120,207,204,.62);
  background:rgba(120,207,204,.075);
}
.research-gate-form .research-gate-choice input{
  appearance:none;
  width:20px;
  height:20px;
  margin:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(200,222,219,.5);
  border-radius:50%;
  background:rgba(255,255,255,.025);
  cursor:pointer;
}
.research-gate-form .research-gate-choice input::after{
  content:"✓";
  opacity:0;
  color:#071415;
  font-size:12px;
  font-weight:800;
  transform:scale(.65);
  transition:opacity .16s ease,transform .2s ease;
}
.research-gate-form .research-gate-choice input:checked{
  border-color:#78cfcc;
  background:#78cfcc;
  box-shadow:0 0 0 4px rgba(120,207,204,.08);
}
.research-gate-form .research-gate-choice input:checked::after{opacity:1;transform:scale(1)}
.research-gate-form .research-gate-choice input:focus-visible{outline:2px solid #a5e4e0;outline-offset:4px}
.research-gate-choice>span{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-rows:auto;
  gap:3px;
}
.research-gate-choice strong{
  grid-column:1!important;
  grid-row:auto!important;
  color:#f5f1e9;
  font-size:12px;
  font-weight:620;
  line-height:1.25;
}
.research-gate .research-gate-choice small{
  grid-column:1!important;
  grid-row:auto!important;
  display:block;
  max-width:none;
  margin:0;
  padding:0;
  border:0;
  color:rgba(222,231,226,.66);
  font-size:10px;
  line-height:1.35;
  letter-spacing:0;
  text-align:left;
}
.research-gate-form .research-gate-profile{
  grid-column:1!important;
  grid-row:auto!important;
  display:grid;
  width:100%;
  min-height:0;
  grid-template-columns:1fr;
  gap:7px;
  padding:15px 0 0;
  border:0;
  color:rgba(231,236,231,.74);
  font-size:10px;
  font-weight:650;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body.coastal-luxury .research-gate-form .research-gate-profile select,
.research-gate-form .research-gate-profile select{
  height:50px;
  margin:0;
  padding:0 48px 0 15px;
  border:1px solid rgba(144,200,197,.3)!important;
  border-radius:10px;
  color:#f4f0e8!important;
  background-color:rgba(255,255,255,.035)!important;
  font-size:12px;
  font-weight:550;
  letter-spacing:.01em;
  text-transform:none;
}
.research-gate-form .research-gate-profile select option{
  color:#101817;
  background:#f3efe7;
}
.research-gate .research-gate-status{
  grid-column:1!important;
  grid-row:auto!important;
  width:100%;
  max-width:none;
  min-height:17px;
  margin:9px 0 3px;
  color:rgba(222,229,225,.66);
  font-size:11px;
  line-height:1.4;
  text-align:left;
}
.research-gate[data-complete="true"] .research-gate-status{color:#8ad8d4}
.research-gate-actions{
  grid-column:1!important;
  grid-row:auto!important;
  width:100%;
  display:grid;
  grid-template-columns:minmax(120px,.75fr) minmax(170px,1.25fr);
  gap:9px;
  margin:0;
}
.research-gate-actions .button{
  width:100%;
  min-height:50px;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border-radius:999px;
  font-size:15px;
  font-weight:700;
  letter-spacing:0;
}
.research-gate-actions .button.primary{
  gap:16px;
  border-color:#f0ebe2!important;
  color:#101817!important;
  background:#f0ebe2!important;
}
.research-gate-actions .button.secondary{
  border-color:rgba(213,225,221,.22)!important;
  color:rgba(244,240,232,.68)!important;
  background:rgba(255,255,255,.025)!important;
}
.research-gate button[disabled]{
  border-color:rgba(213,225,221,.09)!important;
  color:rgba(232,235,231,.28)!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
  cursor:not-allowed;
}
.research-gate .research-gate-actions .button.primary:disabled{
  border-color:rgba(213,225,221,.12)!important;
  color:rgba(232,235,231,.42)!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:none!important;
}
.research-gate .research-gate-legal{
  display:block;
  max-width:none;
  margin:auto 0 0;
  padding-top:19px;
  border-top:1px solid rgba(201,224,220,.1);
  color:rgba(222,229,225,.48);
  font-size:9.5px;
  line-height:1.5;
  letter-spacing:.012em;
  text-align:left;
}

@media(max-width:920px) and (min-width:701px){
  body.coastal-luxury .research-gate-panel,
  .research-gate-panel{
    grid-template-columns:minmax(250px,.72fr) minmax(430px,1.28fr);
  }
  .research-gate-content{padding-inline:34px}
}

@media(max-width:700px){
  body.coastal-luxury .research-gate,
  .research-gate{place-items:start center;padding:12px}
  body.coastal-luxury .research-gate-panel,
  .research-gate-panel{
    display:grid;
    width:min(570px,100%);
    min-height:0;
    max-height:none;
    grid-template-columns:1fr;
    grid-template-rows:150px auto;
    border-radius:19px;
  }
  .research-gate-visual{
    min-height:150px;
    border-right:0;
    border-bottom:1px solid rgba(206,225,221,.18);
    background-position:center 57%;
  }
  .research-gate-visual>span{top:18px;left:20px}
  .research-gate .research-gate-visual>small{right:20px;bottom:16px;left:20px}
  .research-gate-content{padding:25px 24px 22px;overflow:visible}
  .research-gate-logo{width:96px;margin-bottom:19px}
  .research-gate .research-gate-heading h1{font-size:clamp(43px,12vw,54px)}
  .research-gate .research-gate-heading>p{margin-bottom:18px;font-size:12px}
  .research-gate .research-gate-legal{margin-top:20px}
}

@media(max-width:430px){
  body.coastal-luxury .research-gate-panel,
  .research-gate-panel{grid-template-rows:118px auto}
  .research-gate-visual{min-height:118px}
  .research-gate-content{padding:22px 18px 18px}
  .research-gate-logo{width:88px;margin-bottom:16px}
  .research-gate .research-gate-heading h1{font-size:42px}
  .research-gate-form .research-gate-choice{min-height:62px;padding:9px 11px}
  .research-gate-actions{grid-template-columns:1fr}
  .research-gate-actions .button.primary{grid-row:1}
  .research-gate-actions .button.secondary{grid-row:2}
}

@media(prefers-reduced-transparency:reduce){
  body.coastal-luxury .research-gate,
  .research-gate{
    background:rgba(2,7,8,.82)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}

/* FAQ composition: center the editorial intro against the full accordion height. */
@media(min-width:901px){
  body.home-page.coastal-luxury .home-faq.stasis-scroll-scene{
    align-items:stretch;
  }
  body.home-page.coastal-luxury .home-faq-intro{
    position:static;
    top:auto;
    align-self:center;
    justify-self:stretch;
    width:100%;
    translate:0!important;
  }
  body.home-page.coastal-luxury .home-faq-list{
    align-self:center;
    translate:0!important;
  }
}

/* Preserve the original dark FAQ field even before the optional scroll-scene
   class is attached. */
body.home-page.coastal-luxury .home-faq{
  box-sizing:border-box;
  width:100%;
  max-width:none;
  padding-inline:max(32px,calc((100vw - 1540px)/2));
  color:#f3f0e9!important;
  border-block:1px solid rgba(153,221,217,.12);
  background:
    radial-gradient(circle at 8% 7%,rgba(72,151,150,.2),transparent 28%),
    radial-gradient(circle at 94% 92%,rgba(181,110,65,.12),transparent 30%),
    linear-gradient(135deg,#071113 0%,#0a1719 58%,#101415 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),inset 0 -1px 0 rgba(255,255,255,.025);
}
@media(max-width:900px){
  body.home-page.coastal-luxury .home-faq{padding-inline:20px}
}
@media(max-width:560px){
  body.home-page.coastal-luxury .home-faq{padding-inline:16px}
}

/* Final batch headline: a deliberate two-line editorial lockup. */
.home-page .home-final-batch-copy h2>span,
.home-page .home-final-batch-copy h2>em{
  display:block;
  white-space:nowrap;
}
.home-page .home-final-batch-copy h2>em{
  color:#f4dec0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.04em;
  font-weight:400;
  line-height:.88;
  letter-spacing:-.055em;
}

/* Order journey rail: every marker shares the exact center axis of the line. */
body.home-page.coastal-luxury .stasis-order-simple .stasis-order-visual-main{
  border:0!important;
}
@media(min-width:1051px){
  body.home-page.coastal-luxury .stasis-order-simple{
    padding-right:max(32px,calc((100vw - 1540px)/2))!important;
    padding-left:max(32px,calc((100vw - 1540px)/2))!important;
  }
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-simple-grid{
    width:min(1540px,100%);
    grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
    gap:clamp(64px,5vw,88px);
  }
  body.home-page.coastal-luxury .stasis-order-journey{
    width:100%;
    max-width:none;
    justify-self:start;
  }
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step-copy small,
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step:is(:hover,:focus-visible) .stasis-order-step-copy small,
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step.is-complete .stasis-order-step-copy small,
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step.is-active .stasis-order-step-copy small{
    max-width:560px;
  }
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-visuals{
    justify-self:end;
  }
}
/* Anchor the primary action independently of the numbered step pills. */
body.home-page.coastal-luxury .stasis-order-journey-cta{
  box-sizing:border-box;
  width:min(100%,320px);
  min-height:60px;
  margin:28px 0 0;
  padding:8px 10px 8px 22px;
  justify-content:space-between;
  gap:24px;
  border-radius:10px;
  font-size:16px;
  font-weight:650;
}
body.home-page.coastal-luxury .stasis-order-journey-cta span{
  display:grid;
  place-items:center;
  flex:0 0 40px;
  width:40px;
  height:40px;
  border-radius:6px;
  background:rgba(255,255,255,.12);
  font-size:22px;
  line-height:1;
}
body.home-page.coastal-luxury .stasis-order-journey-cta:focus-visible{
  outline:3px solid #087679;
  outline-offset:4px;
}
/* Keep the vial intact while trimming only the lower reflection on desktop. */
body.home-page.coastal-luxury .bogo-video-media::after{
  content:none!important;
  display:none!important;
  background:none!important;
}
/* Preserve the source photograph's natural color; only darken the text side. */
body.home-page.coastal-luxury .bogo-video-overlay{
  display:block!important;
  background:linear-gradient(90deg,
    rgba(0,0,0,.56) 0%,
    rgba(0,0,0,.42) 25%,
    rgba(0,0,0,.18) 44%,
    rgba(0,0,0,.04) 60%,
    transparent 74%)!important;
}
@media(min-width:901px){
  body.home-page.coastal-luxury .bogo-feature.bogo-video-hero{
    height:calc(42vw + var(--stasis-hero-safe-top))!important;
  }
}
body.home-page.coastal-luxury .bogo-video-media .bogo-hero-image{
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
body.home-page.coastal-luxury .bogo-feature.bogo-video-hero{
  margin-bottom:0!important;
}
@media(hover:hover){
  body.home-page.coastal-luxury .why-stasis-card:hover .why-stasis-index{
    color:#071012!important;
  }
}
body.home-page.coastal-luxury .home-final-batch{
  margin-top:0!important;
}
body.home-page.coastal-luxury .home-final-batch::after{
  content:none!important;
  display:none!important;
}

/* Performance: keep below-the-fold campaign media out of the critical load. */
body.home-page .bogo-placeholder,
body.home-page .bogo-video-media,
body.home-page .community-cta{
  background-image:none!important;
}
body.home-page.coastal-luxury .why-stasis:not(.is-deferred-bg-ready){
  background-image:
    linear-gradient(180deg,rgba(1,8,10,.98) 0%,rgba(4,19,22,.84) 11%,rgba(11,42,45,.62) 31%,rgba(15,54,56,.58) 68%,rgba(2,20,23,.9) 100%),
    linear-gradient(108deg,rgba(4,27,30,.82) 0%,rgba(23,72,72,.64) 48%,rgba(3,42,45,.72) 100%)!important;
}
body.home-page.coastal-luxury .home-final-batch:not(.is-deferred-bg-ready){
  background-image:none!important;
}

/* Product anatomy headline: match the site's sans + editorial italic language. */
body.home-page.coastal-luxury .stasis-product-explorer>header{
  max-width:1540px;
  margin-bottom:clamp(38px,3vw,52px);
}
body.home-page.coastal-luxury .stasis-product-explorer>header h2{
  display:flex;
  flex-direction:row;
  align-items:baseline;
  gap:.16em;
  max-width:none;
  margin:0;
  color:#f5f1ea;
  font-size:clamp(58px,4.45vw,84px);
  font-weight:500;
  line-height:.94;
  letter-spacing:-.064em;
  white-space:nowrap;
}
body.home-page.coastal-luxury .stasis-product-explorer>header h2 span,
body.home-page.coastal-luxury .stasis-product-explorer>header h2 em{
  display:inline-block;
}
body.home-page.coastal-luxury .stasis-product-explorer>header h2 em{
  margin-top:0;
  color:#7fd6d2;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.02em;
  font-weight:400;
  font-style:italic;
  letter-spacing:-.06em;
  line-height:.9;
}
body.home-page.coastal-luxury .stasis-product-explorer>header p{
  max-width:720px;
  margin-top:20px;
  font-size:clamp(16px,1.05vw,20px);
  line-height:1.42;
}

body.home-page.coastal-luxury .stasis-product-explorer{
  padding-block:clamp(64px,4.5vw,76px)!important;
}
@media(min-width:761px){
  body.home-page.coastal-luxury .stasis-explorer-stage.stasis-explorer-3d,
  body.home-page.coastal-luxury .stasis-explorer-stage.stasis-explorer-3d:not(.is-identity){
    min-height:620px;
    aspect-ratio:1540/670;
    padding-top:64px;
    padding-bottom:40px;
  }
  body.home-page.coastal-luxury .stasis-explorer-3d .stasis-explorer-visual{
    min-height:520px;
  }
}

/* Product films: restore the original compact composition and keep the same
   geometry from the rotating frame through the final hold. */
@media(min-width:761px){
  body.home-page.coastal-luxury .stasis-explorer-stage.stasis-explorer-3d,
  body.home-page.coastal-luxury .stasis-explorer-stage.stasis-explorer-3d:not(.is-identity){
    --selank-film-y:1.25%;
    --selank-intro-scale:2.18;
    --selank-closeup-start-scale:2.18;
    --selank-product-scale:2.18;
  }
}
@media(max-width:760px){
  body.home-page.coastal-luxury .stasis-explorer-stage.stasis-explorer-3d{
    --selank-film-y:1%;
    --selank-intro-scale:2.05;
    --selank-closeup-start-scale:2.05;
    --selank-product-scale:2.05;
  }
}
body.home-page.coastal-luxury .stasis-vial-viewer :is(
  .stasis-selank-intro,
  .stasis-vial-closeup,
  .stasis-product-view-film
){
  transform-origin:50% 50%;
}
body.home-page.coastal-luxury .stasis-vial-viewer.is-film-settled{
  animation:none!important;
  translate:0!important;
}
body.home-page.coastal-luxury .stasis-explorer-stage.is-product-view
  .stasis-vial-viewer.is-film-settled .stasis-product-view-film.is-active.is-complete{
  opacity:1!important;
  visibility:visible!important;
}

/* Once a decoded product film is ready it becomes the sole renderer. An older
   high-specificity rule kept the intro film visible underneath, duplicating
   the vial in Product view and Release record. */
body.home-page.coastal-luxury .stasis-explorer-stage.is-product-view
  .stasis-vial-viewer.is-product-frame-ready.is-video-ready
  > :is(.stasis-selank-intro,.stasis-vial-closeup){
  opacity:0!important;
  visibility:hidden!important;
  transition:none!important;
}
body.home-page.coastal-luxury .stasis-explorer-stage.is-product-view
  .stasis-vial-viewer.is-product-frame-ready
  > .stasis-product-view-film.is-outgoing{
  opacity:0!important;
  visibility:hidden!important;
}

/* Product anatomy: one continuous, shadow-free black field. */
body.home-page.coastal-luxury .stasis-product-explorer,
body.home-page.coastal-luxury .stasis-product-explorer::before,
body.home-page.coastal-luxury .stasis-explorer-stage.stasis-explorer-3d,
body.home-page.coastal-luxury .stasis-explorer-stage.stasis-explorer-3d::before{
  background:#000!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
@media(max-width:760px){
  body.home-page.coastal-luxury .stasis-product-explorer{
    padding-block:56px!important;
  }
  body.home-page.coastal-luxury .stasis-product-explorer>header{
    margin-bottom:34px;
  }
  body.home-page.coastal-luxury .stasis-product-explorer>header h2{
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    font-size:clamp(48px,14vw,68px);
    line-height:.88;
    white-space:normal;
  }
  body.home-page.coastal-luxury .stasis-product-explorer>header h2 em{
    margin-top:.06em;
  }
  body.home-page.coastal-luxury .stasis-product-explorer>header p{
    margin-top:18px;
    font-size:16px;
  }
}
body.home-page.coastal-luxury .stasis-order-simple .stasis-order-steps::before,
body.home-page.coastal-luxury .stasis-order-simple .stasis-order-steps::after{
  left:12px;
  transform:translateX(-50%);
}
body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step:is(:hover,:focus-visible),
body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step.is-complete,
body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step.is-active{
  transform:none;
}
body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step-marker{
  left:-43px;
}
body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step:is(:hover,:focus-visible) .stasis-order-step-marker,
body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step.is-complete .stasis-order-step-marker,
body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step.is-active .stasis-order-step-marker{
  transform:scale(1.08);
}
@media(min-width:881px){
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step-marker{
    left:-46px;
  }
}
@media(max-width:560px){
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-steps::before,
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-steps::after{
    left:7px;
  }
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-step-marker{
    left:-29px;
  }
}

/* Shop: photographic release hero inspired by the supplied Sunday reference. */
body.catalog-page.coastal-luxury .catalog-hero.catalog-image-hero{
  --catalog-header-overlap:104px;
  --catalog-content-inset:max(62px,calc((100% - 1540px)/2 + 30px));
  isolation:isolate;
  position:relative;
  width:100%;
  max-width:none;
  min-height:calc(clamp(390px,42vh,470px) + var(--catalog-header-overlap));
  margin:calc(var(--catalog-header-overlap) * -1) 0 0;
  padding:calc(32px + var(--catalog-header-overlap)) var(--catalog-content-inset) clamp(62px,5vw,86px)!important;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  overflow:hidden;
  border:0;
  border-bottom:1px solid rgba(215,239,240,.16);
  border-radius:0 0 24px 24px;
  color:#f8f6ef;
  background-image:
    linear-gradient(90deg,rgba(1,7,14,.86) 0%,rgba(1,10,18,.67) 34%,rgba(1,14,23,.18) 68%,rgba(0,9,16,.04) 100%),
    linear-gradient(180deg,rgba(0,5,10,.08),rgba(0,8,14,.3)),
    url('../assets/hero/stasis-water-shop-hero.webp');
  background-position:center top;
  background-size:cover;
  box-shadow:0 30px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
}
body.catalog-page.coastal-luxury .catalog-hero.catalog-image-hero::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  width:auto;
  height:auto;
  border-radius:inherit;
  background:linear-gradient(115deg,rgba(68,220,224,.08),transparent 36%);
  filter:none;
  pointer-events:none;
}
body.catalog-page.coastal-luxury .catalog-hero__content{
  position:relative;
  z-index:1;
  width:min(760px,72%);
}
body.catalog-page.coastal-luxury .sticky-site-chrome{
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.catalog-page.coastal-luxury .site-header.stasis-sunday-header .header-shell{
  background:linear-gradient(104deg,rgba(45,55,54,.56),rgba(5,20,25,.7))!important;
}
body.catalog-page.coastal-luxury .catalog-hero>.filter-shell{
  position:absolute!important;
  right:0;
  bottom:0;
  left:0;
  z-index:2;
  width:100%;
  padding:18px var(--catalog-content-inset) 22px!important;
  border-top:1px solid rgba(215,239,240,.18)!important;
  border-bottom:0!important;
  background:linear-gradient(180deg,rgba(1,8,13,.08),rgba(1,8,13,.68))!important;
  -webkit-backdrop-filter:blur(12px) saturate(112%)!important;
  backdrop-filter:blur(12px) saturate(112%)!important;
}
body.catalog-page.coastal-luxury .catalog-hero>.filter-shell .filter-row{
  width:100%;
  max-width:none;
  margin:0;
}
body.catalog-page.coastal-luxury .catalog-image-hero .eyebrow{
  margin-bottom:20px;
  color:#a9eeed!important;
  font-size:11px;
  font-weight:700;
  letter-spacing:.2em;
  text-shadow:0 1px 18px rgba(0,0,0,.45);
}
body.catalog-page.coastal-luxury .catalog-image-hero h1{
  margin:0;
  color:#f8f6ef;
  font-family:var(--stasis-sf);
  font-size:clamp(52px,5.4vw,92px);
  font-style:normal;
  font-weight:470;
  line-height:.91;
  letter-spacing:-.062em;
  text-wrap:balance;
  text-shadow:0 3px 32px rgba(0,0,0,.44);
}
body.catalog-page.coastal-luxury .catalog-image-hero h1 em{
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;
  font-weight:400;
  letter-spacing:-.055em;
}
body.catalog-page.coastal-luxury .catalog-image-hero .catalog-hero__content>p{
  max-width:560px;
  margin:30px 0 0;
  color:rgba(244,247,243,.76);
  font-size:clamp(13px,1vw,15px);
  line-height:1.55;
  text-shadow:0 2px 20px rgba(0,0,0,.62);
}
body.catalog-page.coastal-luxury .catalog-hero+.filter-shell{
  margin-top:0;
  background:transparent!important;
}

@media(prefers-reduced-motion:no-preference){
  body.catalog-page .catalog-image-hero .catalog-hero__content{
    animation:catalog-content-enter .86s cubic-bezier(.22,1,.36,1) .12s both;
  }
}

@media(max-width:760px){
  body.catalog-page.coastal-luxury .catalog-hero.catalog-image-hero{
    --catalog-header-overlap:74px;
    --catalog-content-inset:26px;
    width:100%;
    min-height:calc(450px + var(--catalog-header-overlap));
    margin-top:calc(var(--catalog-header-overlap) * -1);
    padding:calc(58px + var(--catalog-header-overlap)) var(--catalog-content-inset) 48px!important;
    align-items:flex-end;
    border-radius:0 0 18px 18px;
    background-image:
      linear-gradient(180deg,rgba(0,7,13,.08) 15%,rgba(0,8,15,.34) 48%,rgba(0,7,13,.92) 100%),
      url('../assets/hero/stasis-water-shop-hero.webp');
    background-position:62% top;
  }
  body.catalog-page.coastal-luxury .catalog-hero__content{width:100%}
  body.catalog-page.coastal-luxury .catalog-image-hero .eyebrow{margin-bottom:14px}
  body.catalog-page.coastal-luxury .catalog-image-hero h1{
    font-size:clamp(44px,13vw,62px);
    line-height:.92;
  }
  body.catalog-page.coastal-luxury .catalog-image-hero .catalog-hero__content>p{
    max-width:440px;
    margin-top:22px;
    font-size:13px;
  }
  body.catalog-page.coastal-luxury .catalog-hero>.filter-shell{
    padding:14px var(--catalog-content-inset) 18px!important;
  }
  body.catalog-page.coastal-luxury .catalog-hero>.filter-shell .filter-row{
    flex-wrap:nowrap;
    overflow-x:auto;
    scrollbar-width:none;
  }
  body.catalog-page.coastal-luxury .catalog-hero>.filter-shell .filter-row::-webkit-scrollbar{display:none}
}

@media(max-width:420px){
  body.catalog-page.coastal-luxury .catalog-hero.catalog-image-hero{
    --catalog-content-inset:22px;
    min-height:calc(430px + var(--catalog-header-overlap));
    padding-inline:22px!important;
  }
  body.catalog-page.coastal-luxury .catalog-image-hero h1{font-size:42px}
}

/* Service pages: Sunday-style information architecture in the Stasis system. */
body:is(.account-page,.cart-page,.checkout-page,.contact-page,.manifesto-page,.journal-page,.shipping-page,.refund-page,.privacy-page,.terms-page,.terms-conditions-page).coastal-luxury{
  overflow-x:clip;
  color:#f4f1ea;
  background:linear-gradient(180deg,#061011,#0b1010 48%,#070908)!important;
}
.stasis-account-page *,
.stasis-cart-page *,
.stasis-checkout-page *,
.stasis-contact-page *,
.stasis-learn-page *,
.stasis-about-page *,
.stasis-policy-page *{box-sizing:border-box}
.stasis-account-page :is(h1,h2,h3,p),
.stasis-cart-page :is(h1,h2,h3,p),
.stasis-checkout-page :is(h1,h2,h3,p),
.stasis-contact-page :is(h1,h2,h3,p),
.stasis-learn-page :is(h1,h2,h3,p),
.stasis-about-page :is(h1,h2,h3,p),
.stasis-policy-page :is(h1,h2,h3,p){margin-top:0}

/* Shared editorial index */
.stasis-service-index{
  width:100%;
  min-height:98px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  overflow:hidden;
  border:1px solid rgba(225,232,228,.17);
  border-radius:22px;
  background:rgba(255,255,255,.035);
  box-shadow:0 24px 62px rgba(0,0,0,.2);
}
.stasis-service-index a{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:20px 24px;
  border-right:1px solid rgba(225,232,228,.13);
  color:#e9e6df;
  transition:background .25s ease,color .25s ease;
}
.stasis-service-index a:last-child{border-right:0}
.stasis-service-index a span{color:#84d8d5;font-size:10px;font-weight:700;letter-spacing:.12em}
.stasis-service-index a strong{font-size:14px;font-weight:650}
.stasis-service-index a.is-active{color:#071011;background:#79cfcd}
.stasis-service-index a.is-active span{color:#0b5e61}
@media(hover:hover){.stasis-service-index a:not(.is-active):hover{background:rgba(121,207,205,.1)}}

/* Account access and dashboard */
.stasis-account-page{padding:clamp(70px,8vw,120px) 0 clamp(100px,10vw,150px)}
.stasis-account-hero{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:clamp(36px,6vw,88px);
  align-items:end;
  margin-bottom:clamp(44px,5vw,72px);
}
.stasis-account-hero h1,
.stasis-contact-hero h1,
.stasis-editorial-hero h1{
  margin:18px 0 0;
  color:#f7f3eb;
  font-family:var(--stasis-sf);
  font-size:clamp(58px,7vw,106px);
  font-weight:470;
  line-height:.9;
  letter-spacing:-.065em;
}
.stasis-account-hero h1 em,
.stasis-contact-hero h1 em,
.stasis-editorial-hero h1 em,
.stasis-policy-intro h2 em,
.stasis-learn-intro h2 em,
.stasis-about-statement h2 em,
.stasis-about-closing h2 em{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-style:italic;
}
.stasis-account-hero>p{max-width:480px;margin:0 0 9px;color:rgba(233,235,231,.62);font-size:17px;line-height:1.7}
.stasis-account-hero.stasis-account-intro{grid-template-columns:minmax(0,1fr);gap:20px;container-type:inline-size}
.stasis-account-hero.stasis-account-intro h1{font-size:clamp(16px,5.1cqi,72px);white-space:nowrap;line-height:1.05}
.stasis-contact-hero>div{min-width:0;container-type:inline-size}
.stasis-contact-hero>div>h1{font-size:clamp(36px,15cqi,88px);white-space:nowrap;line-height:1.02}
.stasis-account-workspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:22px;align-items:start}
.stasis-account-auth,
.stasis-account-benefits{
  overflow:hidden;
  border:1px solid rgba(223,231,226,.17);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  box-shadow:0 32px 88px rgba(0,0,0,.25);
}
.stasis-account-auth{padding:12px 34px 36px}
.stasis-account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 -22px 32px;padding:7px;border-radius:22px;background:rgba(255,255,255,.055)}
.stasis-account-tabs button{min-height:54px;border:0;border-radius:16px;color:rgba(236,238,234,.58);background:transparent;font-size:14px;font-weight:700}
.stasis-account-tabs button.is-active{color:#071011;background:#f0ede6;box-shadow:0 10px 28px rgba(0,0,0,.2)}
.stasis-account-panel[hidden]{display:none!important}
.stasis-account-panel>header{padding:0 0 26px;border-bottom:1px solid rgba(225,232,228,.14)}
.stasis-account-panel>header span{color:#86d9d6;font-size:10px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}
.stasis-account-panel>header h2{margin:13px 0 8px;color:#f5f2eb;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,3.2vw,48px);font-weight:400;line-height:1}
.stasis-account-panel>header p{margin:0;color:rgba(235,237,233,.58);font-size:14px}
.stasis-account-panel form{display:grid;gap:18px;padding-top:24px}
.stasis-account-panel form>label:not(.stasis-account-check){display:grid;gap:8px;color:#e9e6df;font-size:12px;font-weight:700;letter-spacing:.025em}
.stasis-account-panel :is(input:not([type="checkbox"]),select){width:100%;height:56px;padding:0 16px;border:1px solid rgba(225,232,228,.22);border-radius:14px;color:#f5f3ed;background:#0b1212;outline:0}
.stasis-account-panel :is(input:not([type="checkbox"]),select):focus{border-color:#78d0ce;box-shadow:0 0 0 3px rgba(120,208,206,.11)}
.stasis-password-field{position:relative}.stasis-password-field input{padding-right:72px!important}
.stasis-password-field button{position:absolute;right:12px;top:50%;translate:0 -50%;border:0;color:#83d6d3;background:transparent;font-size:11px;font-weight:700}
.stasis-account-check{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;color:rgba(235,237,233,.72);font-size:12px;line-height:1.45}
.stasis-account-check input{width:18px;height:18px;margin:1px 0 0;accent-color:#70cbc8}
.stasis-account-check a{color:#91e0de;text-decoration:underline;text-underline-offset:3px}
.stasis-account-panel form>button,
.stasis-place-order{
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 22px;
  border:0;
  border-radius:999px;
  color:#061011;
  background:#78d0ce;
  font-size:13px;
  font-weight:800;
}
.stasis-account-panel form>small{color:rgba(235,237,233,.45);font-size:10px}
.stasis-account-status{min-height:22px;margin:18px 0 0;color:#97dfdc;font-size:12px}
.stasis-account-benefits{background:#0a1212}
.stasis-account-benefits-visual{position:relative;height:260px;overflow:hidden}
.stasis-account-benefits-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(5,12,12,.76))}
.stasis-account-benefits-visual img{width:100%;height:100%;object-fit:cover}
.stasis-account-benefits-visual span{position:absolute;z-index:1;left:28px;bottom:24px;color:#fff;font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.stasis-account-benefits-copy{padding:30px}
.stasis-account-benefits-copy h2{margin:16px 0 24px;color:#f5f1e9;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,3.4vw,49px);font-weight:400;line-height:1.02}
.stasis-account-benefits-copy ol{list-style:none;margin:0;padding:0}
.stasis-account-benefits-copy li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:16px 0;border-top:1px solid rgba(225,232,228,.13)}
.stasis-account-benefits-copy li i{color:#7ed3d1;font-size:9px;font-style:normal}.stasis-account-benefits-copy li span{display:grid;gap:3px}.stasis-account-benefits-copy li strong{font-size:13px}.stasis-account-benefits-copy li small{color:rgba(235,237,233,.52);font-size:11px}
.stasis-account-assurance{margin-top:22px;padding:20px 24px;display:grid;grid-template-columns:36px 1fr auto;gap:15px;align-items:center;border:1px solid rgba(225,232,228,.14);border-radius:18px;background:rgba(255,255,255,.035)}
.stasis-account-assurance>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#071011;background:#78d0ce}.stasis-account-assurance strong{font-size:13px}.stasis-account-assurance p{margin:2px 0 0;color:rgba(235,237,233,.52);font-size:11px}.stasis-account-assurance a{color:#8bdad7;font-size:12px;font-weight:700}
.stasis-account-hero-actions{text-align:right}.stasis-account-hero-actions p{color:rgba(235,237,233,.62);font-size:14px;line-height:1.6}.stasis-account-hero-actions button{padding:10px 18px;border:1px solid rgba(225,232,228,.24);border-radius:999px;color:#eeeae3;background:transparent;font-size:11px}
.stasis-dashboard{display:grid;gap:24px}.stasis-dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stasis-dashboard-stats article{min-height:150px;padding:24px;border:1px solid rgba(225,232,228,.16);border-radius:22px;background:rgba(255,255,255,.035);display:flex;flex-direction:column;justify-content:space-between}.stasis-dashboard-stats span{color:#89d9d6;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.stasis-dashboard-stats strong{font-size:38px;font-weight:500}
.stasis-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:20px}.stasis-dashboard-grid>section,.stasis-dashboard-grid>aside{padding:28px;border:1px solid rgba(225,232,228,.16);border-radius:24px;background:rgba(255,255,255,.035)}.stasis-dashboard-grid h2{margin:12px 0 24px;font-family:Georgia,"Times New Roman",serif;font-size:38px;font-weight:400}.stasis-order-row{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;padding:18px 0;border-top:1px solid rgba(225,232,228,.13)}.stasis-order-row>div{display:grid;gap:4px}.stasis-order-row span{color:rgba(235,237,233,.5);font-size:10px}.stasis-order-row strong{font-size:13px}.stasis-order-status{align-self:center;padding:7px 10px;border-radius:999px;color:#9be1df!important;background:rgba(120,208,206,.12)}.stasis-dashboard-empty{padding:30px 0;border-top:1px solid rgba(225,232,228,.13)}.stasis-dashboard-empty h3{font-size:23px}.stasis-dashboard-empty p{color:rgba(235,237,233,.55)}.stasis-dashboard-empty a,.stasis-dashboard-grid>aside>a{color:#8bdad7;font-size:12px;font-weight:700}.stasis-dashboard-grid dl{margin:0 0 28px}.stasis-dashboard-grid dl div{padding:14px 0;border-top:1px solid rgba(225,232,228,.13)}.stasis-dashboard-grid dt{color:rgba(235,237,233,.45);font-size:10px;text-transform:uppercase}.stasis-dashboard-grid dd{margin:5px 0 0;font-size:13px;overflow-wrap:anywhere}

/* Cart and checkout */
.stasis-cart-page{padding:clamp(66px,7vw,105px) 0 clamp(100px,10vw,150px)}
.stasis-cart-hero{margin-bottom:34px}.stasis-cart-hero h1,.stasis-checkout-hero h1,.stasis-checkout-empty h1,.stasis-order-confirmation h1{margin:14px 0 10px;color:#f6f2eb;font-size:clamp(54px,6.3vw,88px);font-weight:520;letter-spacing:-.06em}.stasis-cart-hero p{color:#64c6c6;font-size:14px;font-weight:650}
.stasis-cart-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,400px);gap:26px;align-items:start}
.stasis-cart-items-panel{min-width:0}.stasis-cart-items-panel>.cart-items{min-height:280px;padding:10px 26px;border:1px solid rgba(225,232,228,.15);border-radius:24px;background:rgba(255,255,255,.028)}
.stasis-cart-items-panel .cart-item{grid-template-columns:82px minmax(0,1fr) auto auto auto;padding:22px 0;background:transparent!important}
.stasis-cart-items-panel .cart-item-image{width:76px;height:88px;border-radius:14px;background:#020404!important}.stasis-cart-items-panel .cart-item-copy h2{font-size:20px}.stasis-cart-items-panel .cart-empty{min-height:300px;display:grid;place-items:center;align-content:center;gap:18px;text-align:center}.stasis-cart-items-panel .cart-empty p{margin:0;color:rgba(235,237,233,.62);font-size:20px}.stasis-continue-shopping{display:inline-flex;margin:18px 0 0;color:#8bdad7;font-size:12px;font-weight:700}
.stasis-cart-summary{position:sticky;top:120px;padding:26px!important;border:1px solid rgba(225,232,228,.17)!important;border-radius:24px!important;background:linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.03))!important;box-shadow:0 28px 72px rgba(0,0,0,.25)}
.stasis-cart-summary>h2{margin:0 0 22px;color:#f5f2eb;font-size:26px;font-weight:620}
.stasis-cart-totals{margin:0}.stasis-cart-totals div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid rgba(225,232,228,.13)}.stasis-cart-totals dt{color:rgba(235,237,233,.58);font-size:12px}.stasis-cart-totals dd{margin:0;color:#f5f2eb;font-size:13px;font-weight:700}.stasis-cart-totals--final div:last-child{padding-top:20px}.stasis-cart-totals--final div:last-child :is(dt,dd){color:#f7f3eb;font-size:18px}
.stasis-discount-form{padding:18px 0;border-top:1px solid rgba(225,232,228,.13)}.stasis-discount-form>label{display:block;margin-bottom:9px;color:#e9e6df;font-size:11px;font-weight:700}.stasis-discount-form>div{display:grid;grid-template-columns:1fr auto;gap:8px}.stasis-discount-form input{min-width:0;height:45px;padding:0 13px;border:1px solid rgba(225,232,228,.2);border-radius:12px;color:#f5f2eb;background:#0b1212}.stasis-discount-form button{padding:0 17px;border:0;border-radius:12px;color:#061011;background:#78d0ce;font-size:11px;font-weight:800}.stasis-discount-form small{display:block;min-height:17px;margin-top:7px;color:#8ddbd8;font-size:10px}
.stasis-cart-summary>.cart-promo-block{margin:0 0 16px!important;padding:16px!important;border-radius:16px!important}.stasis-cart-summary .promo-choose{min-height:42px!important}.stasis-cart-summary [data-promotion-applied]:empty{display:none}
.stasis-protection{display:grid;grid-template-columns:20px 1fr auto;gap:11px;align-items:start;padding:17px 0;border-top:1px solid rgba(225,232,228,.13);border-bottom:1px solid rgba(225,232,228,.13);cursor:pointer}.stasis-protection input{width:17px;height:17px;margin:2px 0 0;accent-color:#78d0ce}.stasis-protection span{display:grid;gap:4px}.stasis-protection strong{font-size:12px}.stasis-protection small{color:rgba(235,237,233,.48);font-size:9px;line-height:1.45}.stasis-protection b{font-size:11px}
.stasis-checkout-button{min-height:54px;margin-top:18px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-radius:14px;color:#061011;background:#78d0ce;font-size:12px;font-weight:800}.stasis-checkout-button.is-disabled{opacity:.32;pointer-events:none}.stasis-cart-security{display:flex;gap:8px;margin:16px 0 0;color:rgba(235,237,233,.48);font-size:9px}.stasis-cart-security span{color:#83d6d3}

/* Cart page alignment and summary hierarchy. */
.stasis-cart-items-panel .cart-item{
  grid-template-columns:76px minmax(170px,1fr) 124px minmax(58px,auto) 58px!important;
  column-gap:16px!important;
  row-gap:6px!important;
}
.stasis-cart-items-panel .cart-item-image{grid-column:1;grid-row:1}
.stasis-cart-items-panel .cart-item-copy{grid-column:2;grid-row:1;min-width:0}
.stasis-cart-items-panel .cart-item-copy h2{margin:0 0 5px;font-size:20px;line-height:1.08}
.stasis-cart-items-panel .cart-item-copy p{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0;color:rgba(235,237,233,.54);font-size:11px;line-height:1.4}
.stasis-cart-items-panel .cart-item-copy p span+span{position:relative;padding-left:12px}
.stasis-cart-items-panel .cart-item-copy p span+span::before{content:"·";position:absolute;left:0;color:rgba(139,218,215,.72)}
.stasis-cart-items-panel .cart-item .quantity-control{grid-column:3;grid-row:1;justify-self:start}
.stasis-cart-items-panel .cart-line-total{grid-column:4;grid-row:1;min-width:58px;justify-self:end;text-align:right}
.stasis-cart-items-panel .cart-remove{grid-column:5;grid-row:1;justify-self:end}
.stasis-cart-items-panel .cart-item.is-promo{padding-left:0!important;border-left:0}
.stasis-cart-items-panel .cart-item.is-promo .cart-item-image{border-color:rgba(100,198,198,.34)}
.stasis-cart-items-panel .cart-item.is-promo .cart-line-total{color:#8bdad7;font-size:11px;letter-spacing:.08em}
.stasis-cart-summary>.cart-promo-block,
.stasis-cart-summary>[data-promotion-applied]{display:block;justify-content:initial;padding:0;border:0}
.stasis-cart-summary>.cart-promo-block.is-redundant-complete{display:none!important}
.stasis-cart-summary>[data-promotion-applied]:not(:empty){margin:0 0 16px}
.stasis-cart-summary .promotion-applied{margin:0}
.stasis-protection{align-items:center}
.stasis-protection input{align-self:start}
.stasis-protection b{min-width:52px;text-align:right}
.stasis-cart-summary>.stasis-cart-security{align-items:flex-start;margin:20px 0 0;padding:0 4px;line-height:1.5}

@media(max-width:760px){
  .stasis-cart-items-panel .cart-item{grid-template-columns:68px minmax(0,1fr) auto!important;column-gap:14px!important;row-gap:8px!important}
  .stasis-cart-items-panel .cart-item-image{grid-column:1;grid-row:1/3}
  .stasis-cart-items-panel .cart-item-copy{grid-column:2;grid-row:1}
  .stasis-cart-items-panel .cart-item .quantity-control{grid-column:2;grid-row:2}
  .stasis-cart-items-panel .cart-line-total{grid-column:3;grid-row:1}
  .stasis-cart-items-panel .cart-remove{grid-column:3;grid-row:2}
}
.stasis-checkout-page{padding:42px 0 clamp(100px,9vw,140px)}.stasis-checkout-progress{display:flex;gap:24px;align-items:center;margin-bottom:50px;padding:14px 0;border-bottom:1px solid rgba(225,232,228,.13)}.stasis-checkout-progress>a,.stasis-checkout-progress>strong,.stasis-checkout-progress>span{display:flex;gap:8px;align-items:center;color:rgba(235,237,233,.4);font-size:11px}.stasis-checkout-progress strong{color:#8bdad7}.stasis-checkout-progress :is(span,i){font-style:normal}
.stasis-checkout-hero{max-width:800px;margin-bottom:42px}.stasis-checkout-hero p{max-width:650px;color:rgba(235,237,233,.58);font-size:16px;line-height:1.65}
.stasis-checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,420px);gap:26px;align-items:start}.stasis-checkout-form{display:grid;gap:18px}.stasis-checkout-form>section{padding:28px;border:1px solid rgba(225,232,228,.15);border-radius:22px;background:rgba(255,255,255,.03)}.stasis-checkout-form>section>header{display:grid;grid-template-columns:36px 1fr;gap:14px;margin-bottom:24px}.stasis-checkout-form>section>header>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(120,208,206,.4);border-radius:50%;color:#8bdad7;font-size:9px}.stasis-checkout-form h2{margin:0;color:#f5f2eb;font-size:25px}.stasis-checkout-form header p{margin:3px 0 0;color:rgba(235,237,233,.48);font-size:11px}.stasis-checkout-form>section>label:not(.stasis-checkout-check),.stasis-field-grid>label{display:grid;gap:8px;color:#e9e6df;font-size:11px;font-weight:650}.stasis-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stasis-field-grid .is-wide{grid-column:1/-1}.stasis-checkout-form :is(input:not([type="checkbox"]),select,textarea),.stasis-contact-form-card :is(input,select,textarea){width:100%;min-width:0;border:1px solid rgba(225,232,228,.2);border-radius:13px;color:#f5f2eb;background:#091010;outline:0}.stasis-checkout-form :is(input:not([type="checkbox"]),select){height:52px;padding:0 14px}.stasis-checkout-form :is(input,select,textarea):focus,.stasis-contact-form-card :is(input,select,textarea):focus{border-color:#78d0ce;box-shadow:0 0 0 3px rgba(120,208,206,.1)}.stasis-checkout-check{display:grid;grid-template-columns:19px 1fr;gap:10px;margin-top:14px;color:rgba(235,237,233,.66);font-size:11px;line-height:1.5}.stasis-checkout-check input{width:17px;height:17px;margin-top:1px;accent-color:#78d0ce}.stasis-checkout-check a{color:#8bdad7;text-decoration:underline;text-underline-offset:3px}.stasis-payment-placeholder>div{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:center;padding:17px;border-radius:15px;background:rgba(120,208,206,.07)}.stasis-payment-placeholder>div>span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:#071011;background:#78d0ce}.stasis-payment-placeholder>div p{margin:0;color:rgba(235,237,233,.58);font-size:11px;line-height:1.5}.stasis-checkout-form-status{min-height:20px;color:#8bdad7;font-size:11px}.stasis-checkout-summary{position:sticky;top:120px;padding:25px;border:1px solid rgba(225,232,228,.16);border-radius:24px;background:rgba(255,255,255,.04)}.stasis-checkout-summary>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.stasis-checkout-summary>header a{color:#8bdad7;font-size:11px;font-weight:700}.stasis-checkout-item{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid rgba(225,232,228,.12)}.stasis-checkout-item img{width:60px;height:66px;object-fit:contain;border-radius:12px;background:#020404}.stasis-checkout-item>div{display:grid;gap:4px}.stasis-checkout-item strong{font-size:12px}.stasis-checkout-item span{color:rgba(235,237,233,.48);font-size:9px}.stasis-checkout-item b{font-size:11px}.stasis-checkout-summary dl{margin:18px 0 0}.stasis-checkout-summary dl div{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid rgba(225,232,228,.12)}.stasis-checkout-summary dt{color:rgba(235,237,233,.5);font-size:11px}.stasis-checkout-summary dd{margin:0;font-size:11px;font-weight:700}.stasis-checkout-summary .is-total :is(dt,dd){color:#f5f2eb;font-size:17px}.stasis-checkout-summary>p{margin:16px 0 0;color:rgba(235,237,233,.43);font-size:9px;line-height:1.5}.stasis-checkout-empty,.stasis-order-confirmation{min-height:620px;padding-top:110px;text-align:center}.stasis-checkout-empty p,.stasis-order-confirmation>p{max-width:600px;margin:0 auto 30px;color:rgba(235,237,233,.58)}.stasis-checkout-empty a,.stasis-order-confirmation>div a{display:inline-flex;margin:8px;padding:14px 20px;border-radius:999px;color:#071011;background:#78d0ce;font-size:12px;font-weight:800}.stasis-confirmation-mark{width:74px;height:74px;margin:0 auto 28px;display:grid;place-items:center;border-radius:50%;color:#071011;background:#78d0ce;font-size:27px}.stasis-order-confirmation dl{width:min(640px,100%);margin:32px auto;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(225,232,228,.15);border-radius:20px;overflow:hidden}.stasis-order-confirmation dl div{padding:20px;border-right:1px solid rgba(225,232,228,.13)}.stasis-order-confirmation dl div:last-child{border-right:0}.stasis-order-confirmation dt{color:rgba(235,237,233,.45);font-size:9px;text-transform:uppercase}.stasis-order-confirmation dd{margin:7px 0 0;font-size:12px;overflow-wrap:anywhere}

/* Shared Learn and About editorial layouts */
.stasis-learn-page,.stasis-about-page,.stasis-contact-page{padding:clamp(64px,7vw,104px) 0 0}
.stasis-editorial-hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:clamp(40px,7vw,100px);align-items:center;margin-bottom:66px}
.stasis-editorial-hero-copy>p{max-width:590px;margin:28px 0;color:rgba(235,237,233,.62);font-size:clamp(15px,1.35vw,18px);line-height:1.7}.stasis-editorial-hero-copy>div{display:flex;gap:16px;flex-wrap:wrap}.stasis-editorial-hero-copy>div a{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border:1px solid rgba(225,232,228,.3);border-radius:999px;color:#f2efe8;font-size:12px;font-weight:700}.stasis-editorial-hero-copy>div a:first-child{border-color:#78d0ce;color:#071011;background:#78d0ce}.stasis-editorial-hero-copy>aside{max-width:590px;margin-top:32px;display:grid;grid-template-columns:20px 1fr;gap:10px;padding:17px;border:1px solid rgba(120,208,206,.22);border-radius:16px;background:rgba(120,208,206,.06)}.stasis-editorial-hero-copy>aside>span{color:#78d0ce}.stasis-editorial-hero-copy>aside p{margin:0;color:rgba(235,237,233,.5);font-size:10px}.stasis-editorial-hero-copy>aside strong{display:block;margin-bottom:2px;color:#e9e6df;font-size:11px}.stasis-editorial-hero>figure{position:relative;height:clamp(520px,53vw,690px);margin:0;overflow:hidden;border-radius:30px;background:#020404}.stasis-editorial-hero>figure img{width:100%;height:100%;object-fit:cover}.stasis-editorial-hero>figure figcaption{position:absolute;left:24px;right:24px;bottom:24px;padding:18px;border-radius:16px;background:rgba(4,11,12,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.stasis-editorial-hero>figure figcaption span{display:block;color:#8bdad7;font-size:9px;text-transform:uppercase}.stasis-editorial-hero>figure figcaption strong{display:block;margin-top:4px;font-size:13px}
.stasis-learn-intro,.stasis-about-statement{padding:clamp(100px,11vw,160px) 0;display:grid;grid-template-columns:.42fr 1fr;gap:50px;border-bottom:1px solid rgba(225,232,228,.13)}.stasis-learn-intro h2,.stasis-about-statement h2{margin:0;color:#f5f1e9;font-size:clamp(48px,5.5vw,80px);font-weight:500;line-height:.96;letter-spacing:-.055em}.stasis-learn-intro p,.stasis-about-statement p{max-width:720px;margin:26px 0 0;color:rgba(235,237,233,.58);font-size:17px;line-height:1.7}
.stasis-learn-principles,.stasis-about-values{display:grid;grid-template-columns:repeat(3,1fr);padding:78px 0 110px}.stasis-learn-principles article,.stasis-about-values article{min-height:250px;padding:26px;border:1px solid rgba(225,232,228,.13);border-right:0;background:rgba(255,255,255,.025)}.stasis-learn-principles article:first-child,.stasis-about-values article:first-child{border-radius:22px 0 0 22px}.stasis-learn-principles article:last-child,.stasis-about-values article:last-child{border-right:1px solid rgba(225,232,228,.13);border-radius:0 22px 22px 0}.stasis-learn-principles span,.stasis-about-values span{color:#83d6d3;font-size:10px}.stasis-learn-principles h3,.stasis-about-values h3{margin:78px 0 12px;color:#f5f2eb;font-size:28px}.stasis-learn-principles p,.stasis-about-values p{color:rgba(235,237,233,.5);font-size:12px;line-height:1.6}.stasis-about-values{grid-template-columns:repeat(4,1fr)}
.stasis-learn-signal,.stasis-about-story{padding:110px 0;background:linear-gradient(135deg,#d8d2c7,#aaa399);color:#151819}.stasis-learn-signal>.page-shell{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}.stasis-learn-signal figure{height:570px;margin:0;overflow:hidden;border-radius:24px}.stasis-learn-signal img{width:100%;height:100%;object-fit:cover}.stasis-learn-signal .eyebrow{color:#075f62!important}.stasis-learn-signal h2,.stasis-about-story h2{margin:17px 0 22px;font-size:clamp(45px,5vw,72px);font-weight:500;line-height:.95;letter-spacing:-.055em}.stasis-learn-signal p,.stasis-about-story p{font-size:15px;line-height:1.7}.stasis-learn-signal ol{list-style:none;margin:28px 0 0;padding:0}.stasis-learn-signal li{display:grid;grid-template-columns:35px 1fr;gap:12px;padding:14px 0;border-top:1px solid rgba(15,23,22,.18);font-size:12px}.stasis-learn-signal li b{color:#0a7274;font-size:9px}
.stasis-learn-library,.stasis-about-standard{padding:110px 0}.stasis-learn-library>header,.stasis-about-standard>header,.stasis-contact-routes>header{display:grid;grid-template-columns:1fr .6fr;gap:40px;align-items:end;margin-bottom:40px}.stasis-learn-library h2,.stasis-about-standard h2,.stasis-contact-routes h2{margin:14px 0 0;color:#f5f2eb;font-size:clamp(42px,5vw,70px);font-weight:500;letter-spacing:-.055em}.stasis-learn-library>header p,.stasis-contact-routes>header p{color:rgba(235,237,233,.5);font-size:14px;line-height:1.6}.stasis-learn-library>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stasis-learn-library>div>a{min-height:350px;padding:28px;display:flex;flex-direction:column;border:1px solid rgba(225,232,228,.14);border-radius:22px;background:rgba(255,255,255,.03)}.stasis-learn-library a>span{color:#83d6d3;font-size:9px;text-transform:uppercase}.stasis-learn-library h3{margin:auto 0 16px;color:#f5f2eb;font-size:28px;line-height:1.05}.stasis-learn-library a p{color:rgba(235,237,233,.5);font-size:12px;line-height:1.55}.stasis-learn-library a i{margin-top:20px;color:#8bdad7;font-size:11px;font-style:normal;font-weight:700}.stasis-learn-notice,.stasis-contact-notice{margin-bottom:110px;padding:24px;display:grid;grid-template-columns:64px 1fr auto;gap:20px;align-items:center;border:1px solid rgba(120,208,206,.23);border-radius:20px;background:rgba(120,208,206,.07)}.stasis-learn-notice>span,.stasis-contact-notice>span{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:#071011;background:#78d0ce;font-size:13px;font-weight:800}.stasis-learn-notice strong,.stasis-contact-notice strong{font-size:14px}.stasis-learn-notice p,.stasis-contact-notice p{margin:4px 0 0;color:rgba(235,237,233,.5);font-size:11px}.stasis-learn-notice a{color:#8bdad7;font-size:11px;font-weight:700}
.stasis-about-story>.page-shell{display:grid;grid-template-columns:1.05fr .9fr .65fr;gap:20px;align-items:center}.stasis-about-story figure{position:relative;margin:0;overflow:hidden;border-radius:22px;background:#0a1010}.stasis-about-story figure img{width:100%;height:100%;object-fit:cover}.stasis-about-story .is-main{height:590px}.stasis-about-story .is-side{height:390px}.stasis-about-story figcaption{position:absolute;right:16px;bottom:16px;left:16px;padding:12px 14px;border-radius:12px;color:#eef2ed;background:rgba(4,11,12,.72);font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stasis-about-story-copy{padding:30px}.stasis-about-story-copy dl{margin:30px 0 0}.stasis-about-story-copy dl div{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid rgba(15,23,22,.18)}.stasis-about-story-copy dt{font-size:11px;font-weight:700}.stasis-about-story-copy dd{margin:0;font-size:11px}.stasis-about-standard>div{display:grid;grid-template-columns:repeat(4,1fr)}.stasis-about-standard article{min-height:240px;padding:24px;border:1px solid rgba(225,232,228,.14);border-right:0}.stasis-about-standard article:last-child{border-right:1px solid rgba(225,232,228,.14)}.stasis-about-standard article>span{color:#83d6d3;font-size:9px}.stasis-about-standard article>strong{display:block;margin:80px 0 12px;font-size:18px}.stasis-about-standard article>p{color:rgba(235,237,233,.48);font-size:11px;line-height:1.55}.stasis-about-closing{padding:120px 0;background:linear-gradient(145deg,#071314,#0b292a)}.stasis-about-closing h2{margin:20px 0 24px;color:#f5f2eb;font-size:clamp(50px,6vw,88px);font-weight:500;line-height:.93;letter-spacing:-.06em}.stasis-about-closing p{color:rgba(235,237,233,.55)}.stasis-about-closing a{min-height:50px;margin-top:25px;display:inline-flex;align-items:center;gap:30px;padding:0 22px;border-radius:999px;color:#071011;background:#78d0ce;font-size:12px;font-weight:800}

/* Campaign imagery across Learn and About */
.stasis-learn-page .stasis-editorial-hero>figure img{object-position:center 48%}
.stasis-about-hero>figure img{object-position:center 61%}
.stasis-learn-signal img{object-position:center 54%}
.stasis-about-story .is-main img{object-position:center 52%}
.stasis-about-story .is-side img{object-position:center 49%}

/* About story: warm ivory surface with deliberate, accessible contrast. */
.stasis-about-story{
  color:#071516;
  background:
    radial-gradient(circle at 55% 18%,rgba(255,255,255,.72),transparent 34%),
    linear-gradient(135deg,#f3eee6 0%,#e7dfd3 58%,#d8cdbf 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.72),inset 0 -1px rgba(28,43,40,.12);
}
.stasis-about-story .eyebrow{color:#075f62!important}
.stasis-about-story h2{color:#071516}
.stasis-about-story p{color:rgba(7,21,22,.78)}
.stasis-about-story-copy dl div{border-color:rgba(7,21,22,.24)}
.stasis-about-story-copy dt{color:#071516}
.stasis-about-story-copy dd{color:rgba(7,21,22,.76);font-weight:560}

/* About standard: right-set heading and tactile card interactions. */
.stasis-about-standard>header h2{
  max-width:640px;
  justify-self:end;
  text-align:right;
}
.stasis-about-standard article{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transition:
    transform .5s cubic-bezier(.22,1,.36,1),
    border-color .35s ease,
    background-color .35s ease,
    box-shadow .5s cubic-bezier(.22,1,.36,1);
}
.stasis-about-standard article::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:0;
  background:
    radial-gradient(circle at 22% 14%,rgba(117,212,210,.2),transparent 42%),
    linear-gradient(145deg,rgba(117,212,210,.08),rgba(255,255,255,.025));
  transform:translateY(22%);
  transition:opacity .4s ease,transform .65s cubic-bezier(.22,1,.36,1);
}
.stasis-about-standard article>span,
.stasis-about-standard article>strong{
  transition:color .3s ease,transform .5s cubic-bezier(.22,1,.36,1);
}
.stasis-about-standard article>p{
  color:rgba(235,237,233,.66);
  transition:color .3s ease,transform .5s cubic-bezier(.22,1,.36,1);
}
@media(hover:hover){
  .stasis-about-standard article:hover{
    z-index:2;
    border-color:rgba(117,212,210,.58);
    background-color:rgba(117,212,210,.055);
    box-shadow:0 24px 58px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08);
    transform:translateY(-10px);
  }
  .stasis-about-standard article:hover::before{opacity:1;transform:translateY(0)}
  .stasis-about-standard article:hover>span{color:#b9f5f1;transform:translateY(3px)}
  .stasis-about-standard article:hover>strong{color:#fff;transform:translateY(-5px)}
  .stasis-about-standard article:hover>p{color:rgba(244,247,243,.82);transform:translateY(-3px)}
}
@media(max-width:800px){
  .stasis-about-standard>header h2{justify-self:start;text-align:left}
}
@media(prefers-reduced-motion:reduce){
  .stasis-about-standard article,
  .stasis-about-standard article::before,
  .stasis-about-standard article>span,
  .stasis-about-standard article>strong,
  .stasis-about-standard article>p{transition:none!important;transform:none!important}
}

/* About closing hero: KLOW desert campaign with the message set on the right. */
body.manifesto-page .stasis-about-closing{
  min-height:clamp(620px,48vw,820px);
  padding:0;
  color:#fff;
  background-color:#24140b;
  background-image:
    linear-gradient(90deg,rgba(20,10,5,.04) 0%,rgba(20,10,5,.08) 34%,rgba(8,10,9,.64) 61%,rgba(3,8,8,.9) 100%),
    linear-gradient(0deg,rgba(18,9,4,.32),transparent 44%),
    url('../assets/campaign/about-closing-klow-desert.jpg');
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
body.manifesto-page .stasis-about-closing>.page-shell{
  min-height:inherit;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr);
  align-content:center;
  padding-block:clamp(70px,7vw,120px);
}
body.manifesto-page .stasis-about-closing>.page-shell>*{
  grid-column:2;
  justify-self:start;
}
body.manifesto-page .stasis-about-closing .eyebrow{
  color:#b8efed;
  text-shadow:0 2px 18px rgba(0,0,0,.45);
}
body.manifesto-page .stasis-about-closing h2{
  max-width:720px;
  margin:20px 0 24px;
  color:#fffaf2;
  font-size:clamp(52px,4.8vw,82px);
  text-shadow:0 3px 30px rgba(0,0,0,.36);
}
body.manifesto-page .stasis-about-closing p{
  color:rgba(255,250,242,.78);
  text-shadow:0 2px 16px rgba(0,0,0,.42);
}
body.manifesto-page .stasis-about-closing a{
  box-shadow:0 16px 36px rgba(0,0,0,.3);
}
@media(max-width:800px){
  body.manifesto-page .stasis-about-closing{
    min-height:820px;
    background-image:
      linear-gradient(0deg,rgba(3,9,9,.98) 0%,rgba(3,9,9,.88) 45%,rgba(3,9,9,.18) 76%,rgba(3,9,9,.02) 100%),
      url('../assets/campaign/about-closing-klow-desert.jpg');
    background-position:24% center;
    background-size:auto 100%;
  }
  body.manifesto-page .stasis-about-closing>.page-shell{
    min-height:inherit;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:flex-start;
    padding-block:360px 60px;
  }
  body.manifesto-page .stasis-about-closing h2{font-size:clamp(44px,12vw,66px)}
}
.stasis-learn-library>div>a{min-height:500px;padding:0;overflow:hidden}
.stasis-learn-library>div>a>figure{height:270px;margin:0;overflow:hidden;background:#050909}
.stasis-learn-library>div>a>figure img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s ease}
.stasis-learn-library>div>a:nth-child(1)>figure img{object-position:center 67%}
.stasis-learn-library>div>a:nth-child(2)>figure img{object-position:center 56%}
.stasis-learn-library>div>a:nth-child(3)>figure img{object-position:center 58%}
.stasis-learn-library>div>a:hover>figure img{transform:scale(1.035)}
.stasis-learn-library-copy{min-height:230px;display:flex;flex:1;flex-direction:column;padding:24px 26px 26px}
.stasis-learn-library-copy>span{color:#83d6d3;font-size:9px;text-transform:uppercase}
.stasis-learn-library-copy h3{margin:28px 0 16px}
.stasis-learn-library-copy i{margin-top:auto}

/* Contact */
.stasis-contact-hero{padding:30px 0 65px;display:grid;grid-template-columns:1.04fr .96fr;gap:60px;align-items:center}.stasis-contact-hero p{max-width:590px;margin:30px 0 10px;color:rgba(235,237,233,.58);font-size:17px;line-height:1.7}.stasis-contact-hero>figure{height:clamp(430px,44vw,590px);margin:0;overflow:hidden;border-radius:28px;background:#071111}.stasis-contact-hero>figure img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 59%}.stasis-contact-routes{padding:95px 0}.stasis-contact-routes>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stasis-contact-routes button{min-height:260px;padding:22px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto auto;text-align:left;border:1px solid rgba(225,232,228,.14);border-radius:22px;color:#f4f1ea;background:rgba(255,255,255,.03)}.stasis-contact-routes button>span{color:#83d6d3;font-size:9px}.stasis-contact-routes button>i{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#071011;background:#78d0ce;font-style:normal}.stasis-contact-routes button>strong{grid-column:1/-1;align-self:end;margin-bottom:12px;font-size:18px}.stasis-contact-routes button>small{grid-column:1/-1;color:rgba(235,237,233,.48);font-size:11px;line-height:1.5}.stasis-contact-workspace{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;padding-bottom:100px}.stasis-contact-form-card,.stasis-contact-workspace>aside>div{padding:30px;border:1px solid rgba(225,232,228,.15);border-radius:24px;background:rgba(255,255,255,.03)}.stasis-contact-form-card h2,.stasis-contact-workspace>aside h2{margin:14px 0 28px;color:#f5f2eb;font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,4vw,52px);font-weight:400;line-height:1}.stasis-contact-form-card form{display:grid;gap:22px}.stasis-contact-form-card :is(input,select){height:52px;padding:0 14px}.stasis-contact-form-card textarea{padding:14px;resize:vertical}.stasis-contact-form-card form>footer{display:flex;justify-content:space-between;gap:20px;align-items:center}.stasis-contact-form-card footer p{margin:0;color:rgba(235,237,233,.45);font-size:10px}.stasis-contact-form-card footer button{min-height:50px;padding:0 20px;border:0;border-radius:999px;color:#071011;background:#78d0ce;font-size:11px;font-weight:800}.stasis-contact-form-card [data-contact-status]{min-height:20px;margin:0;color:#8bdad7;font-size:11px}.stasis-contact-workspace>aside{display:grid;gap:20px}.stasis-contact-direct{background:linear-gradient(145deg,rgba(120,208,206,.12),rgba(255,255,255,.03))!important}.stasis-contact-direct>a{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid rgba(225,232,228,.13);color:#8bdad7;font-size:12px;font-weight:700}.stasis-contact-direct dl{margin:22px 0 0}.stasis-contact-direct dl div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid rgba(225,232,228,.13)}.stasis-contact-direct dt{color:rgba(235,237,233,.46);font-size:10px}.stasis-contact-direct dd{margin:0;font-size:11px}.stasis-contact-guide ol{list-style:none;margin:20px 0 0;padding:0}.stasis-contact-guide li{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:16px 0;border-top:1px solid rgba(225,232,228,.13)}.stasis-contact-guide li b{color:#83d6d3;font-size:9px}.stasis-contact-guide li span{display:grid;gap:3px}.stasis-contact-guide li strong{font-size:12px}.stasis-contact-guide li small{color:rgba(235,237,233,.46);font-size:10px}

/* Policy pages */
.stasis-policy-page{padding-bottom:120px}.stasis-policy-hero{
  --policy-header-overlap:104px;
  min-height:calc(clamp(470px,52vh,610px) + var(--policy-header-overlap));
  margin-top:calc(var(--policy-header-overlap) * -1);
  padding-top:var(--policy-header-overlap);
  display:flex;
  align-items:center;
  background-image:linear-gradient(90deg,rgba(2,8,11,.93) 0%,rgba(3,14,18,.7) 40%,rgba(4,16,18,.18) 68%,rgba(4,16,18,.04) 100%),var(--policy-image);
  background-size:100% 100%,cover;
  background-position:center,center;
  background-repeat:no-repeat;
  background-color:#061112;
  border-radius:0 0 28px 28px;
}
.stasis-policy-hero>.page-shell{padding-top:50px}.stasis-policy-hero h1{max-width:900px;margin:18px 0;color:#f7f3eb;font-family:Georgia,"Times New Roman",serif;font-size:clamp(65px,8vw,122px);font-weight:400;line-height:.92;letter-spacing:-.055em;text-shadow:0 4px 34px rgba(0,0,0,.45)}.stasis-policy-hero p{max-width:670px;color:rgba(244,246,242,.72);font-size:16px;line-height:1.65}.stasis-policy-hero a{min-height:48px;margin-top:18px;display:inline-flex;align-items:center;gap:30px;padding:0 20px;border:1px solid rgba(255,255,255,.55);border-radius:999px;color:#fff;font-size:11px;font-weight:750}.stasis-policy-metrics{position:relative;z-index:2;margin-top:-55px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid rgba(225,232,228,.18);border-radius:22px;background:rgba(8,15,15,.92);box-shadow:0 30px 80px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.stasis-policy-metrics>div{min-height:150px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(225,232,228,.13)}.stasis-policy-metrics>div:last-child{border-right:0}.stasis-policy-metrics span{color:#83d6d3;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.stasis-policy-metrics strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(27px,3vw,43px);font-weight:400;line-height:.95}.stasis-policy-intro{padding:110px 0 85px;display:grid;grid-template-columns:1fr .6fr;gap:50px;align-items:end}.stasis-policy-intro h2{margin:16px 0 0;color:#f5f2eb;font-size:clamp(46px,5.4vw,78px);font-weight:500;line-height:.95;letter-spacing:-.055em}.stasis-policy-intro>p{max-width:530px;margin:0 0 7px;color:rgba(235,237,233,.55);font-size:15px;line-height:1.7}.stasis-policy-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start;scroll-margin-top:120px}.stasis-policy-toc{position:sticky;top:120px;padding:22px;border:1px solid rgba(225,232,228,.14);border-radius:20px;background:rgba(255,255,255,.03)}.stasis-policy-toc>span{display:block;margin-bottom:16px;color:#83d6d3;font-size:9px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.stasis-policy-toc nav{display:grid}.stasis-policy-toc a{display:grid;grid-template-columns:28px 1fr;gap:7px;padding:9px 0;border-top:1px solid rgba(225,232,228,.1);color:rgba(235,237,233,.62);font-size:10px;line-height:1.3}.stasis-policy-toc a i{color:#83d6d3;font-style:normal;font-size:8px}.stasis-policy-sections{display:grid;gap:14px}.stasis-policy-sections>section{scroll-margin-top:120px;display:grid;grid-template-columns:60px 1fr;gap:18px;padding:30px;border:1px solid rgba(225,232,228,.14);border-radius:20px;background:rgba(255,255,255,.028)}.stasis-policy-sections>section>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(120,208,206,.3);border-radius:50%;color:#83d6d3;font-size:9px}.stasis-policy-sections h2{margin:5px 0 12px;color:#f5f2eb;font-size:clamp(27px,3vw,42px);font-weight:520;letter-spacing:-.04em}.stasis-policy-sections p{margin:0;color:rgba(235,237,233,.56);font-size:14px;line-height:1.75}.stasis-policy-effective{margin-top:22px;padding:22px 24px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;border:1px solid rgba(120,208,206,.22);border-radius:18px;background:rgba(120,208,206,.06)}.stasis-policy-effective>span{color:#8bdad7;font-size:10px;font-weight:750}.stasis-policy-effective p{margin:0;color:rgba(235,237,233,.5);font-size:10px}.stasis-policy-effective a{color:#8bdad7;font-size:10px;font-weight:700}

.terms-conditions-page .stasis-policy-hero{
  background-image:linear-gradient(90deg,rgba(2,8,11,.9) 0%,rgba(2,10,12,.6) 43%,rgba(2,10,12,.08) 68%,transparent 100%),var(--policy-image);
  background-position:center,center;
}
.terms-conditions-page .stasis-policy-hero h1{max-width:690px;font-size:clamp(62px,7vw,108px)}
.terms-conditions-page .stasis-policy-hero p{max-width:590px}
@media(min-width:801px){
  .terms-conditions-page .stasis-policy-hero{min-height:calc(clamp(560px,60vh,680px) + var(--policy-header-overlap))}
}

@media(max-width:1050px){
  .stasis-account-workspace,.stasis-checkout-layout,.stasis-contact-workspace{grid-template-columns:1fr}
  .stasis-account-benefits{display:grid;grid-template-columns:.85fr 1.15fr}.stasis-account-benefits-visual{height:100%}
  .stasis-cart-layout{grid-template-columns:1fr 340px}
  .stasis-checkout-summary,.stasis-cart-summary{position:relative;top:auto}
  .stasis-editorial-hero{grid-template-columns:1fr 1fr;gap:38px}.stasis-editorial-hero>figure{height:560px}
  .stasis-about-story>.page-shell{grid-template-columns:1fr 1fr}.stasis-about-story .is-side{display:none}
  .stasis-policy-layout{grid-template-columns:210px 1fr}
}

@media(max-width:800px){
  .stasis-account-page,.stasis-learn-page,.stasis-about-page,.stasis-contact-page{padding-top:58px}
  .stasis-account-hero,.stasis-contact-hero,.stasis-editorial-hero,.stasis-policy-intro{grid-template-columns:1fr}
  .stasis-account-hero h1,.stasis-contact-hero h1,.stasis-editorial-hero h1{font-size:clamp(52px,12vw,76px)}
  .stasis-account-workspace,.stasis-account-benefits{grid-template-columns:1fr}.stasis-account-benefits-visual{height:250px}
  .stasis-account-assurance{grid-template-columns:36px 1fr}.stasis-account-assurance a{grid-column:2}
  .stasis-dashboard-stats,.stasis-dashboard-grid{grid-template-columns:1fr}
  .stasis-cart-layout{grid-template-columns:1fr}.stasis-cart-summary{order:2}
  .stasis-checkout-progress{gap:14px;overflow-x:auto}.stasis-checkout-layout{grid-template-columns:1fr}.stasis-checkout-summary{grid-row:1}
  .stasis-editorial-hero>figure{height:470px;grid-row:1}.stasis-editorial-hero-copy{grid-row:2}
  .stasis-service-index{grid-template-columns:repeat(2,1fr)}.stasis-service-index a:nth-child(2){border-right:0}.stasis-service-index a:nth-child(-n+2){border-bottom:1px solid rgba(225,232,228,.13)}
  .stasis-learn-intro,.stasis-about-statement{grid-template-columns:1fr;padding:86px 0}.stasis-learn-principles,.stasis-about-values{grid-template-columns:1fr 1fr}.stasis-learn-principles article,.stasis-about-values article{border-right:1px solid rgba(225,232,228,.13);border-radius:0!important}.stasis-learn-principles article:first-child,.stasis-about-values article:first-child{border-radius:20px 0 0 0!important}.stasis-learn-principles article:nth-child(2),.stasis-about-values article:nth-child(2){border-radius:0 20px 0 0!important}
  .stasis-learn-signal>.page-shell,.stasis-about-story>.page-shell{grid-template-columns:1fr}.stasis-learn-signal figure{height:440px}.stasis-learn-library>header,.stasis-about-standard>header,.stasis-contact-routes>header{grid-template-columns:1fr}.stasis-learn-library>div{grid-template-columns:1fr}.stasis-learn-library>div>a{min-height:270px}.stasis-about-standard>div{grid-template-columns:1fr 1fr}.stasis-about-standard article{border-right:1px solid rgba(225,232,228,.14)}
  .stasis-contact-routes>div{grid-template-columns:1fr 1fr}.stasis-contact-routes button{min-height:220px}
  .stasis-policy-hero{--policy-header-overlap:74px;min-height:calc(500px + var(--policy-header-overlap))}.stasis-policy-hero h1{font-size:clamp(58px,13vw,88px)}.stasis-policy-metrics{grid-template-columns:1fr 1fr;margin-top:-35px}.stasis-policy-metrics>div:nth-child(2){border-right:0}.stasis-policy-metrics>div:nth-child(-n+2){border-bottom:1px solid rgba(225,232,228,.13)}.stasis-policy-layout{grid-template-columns:1fr}.stasis-policy-toc{position:relative;top:auto}.stasis-policy-toc nav{grid-template-columns:1fr 1fr;column-gap:18px}.stasis-policy-effective{grid-template-columns:1fr}.stasis-policy-effective a{justify-self:start}
}

@media(max-width:560px){
  .stasis-account-page,.stasis-cart-page,.stasis-checkout-page{padding-top:52px}
  .stasis-account-hero{gap:22px}.stasis-account-hero>p{font-size:14px}.stasis-account-auth{padding:8px 20px 28px}.stasis-account-tabs{margin:0 -12px 26px}.stasis-account-panel>header h2{font-size:35px}.stasis-account-benefits-copy{padding:24px}.stasis-dashboard-stats{grid-template-columns:1fr 1fr}.stasis-dashboard-stats article:last-child{grid-column:1/-1}.stasis-order-row{grid-template-columns:1fr 1fr}.stasis-order-status{grid-column:1/-1;justify-self:start}
  .stasis-cart-items-panel>.cart-items{padding:8px 16px}.stasis-cart-items-panel .cart-item{grid-template-columns:68px 1fr auto!important}.stasis-cart-items-panel .cart-item-image{width:64px;height:74px}.stasis-cart-items-panel .quantity-control{grid-column:2!important}.stasis-cart-items-panel .cart-line-total{grid-column:3!important}.stasis-cart-items-panel .cart-remove{grid-column:3!important}.stasis-cart-summary{padding:22px!important}
  .stasis-field-grid{grid-template-columns:1fr}.stasis-field-grid .is-wide{grid-column:auto}.stasis-checkout-form>section{padding:22px 18px}.stasis-order-confirmation dl{grid-template-columns:1fr}.stasis-order-confirmation dl div{border-right:0;border-bottom:1px solid rgba(225,232,228,.13)}
  .stasis-service-index a{padding:16px;min-height:80px}
  .stasis-editorial-hero>figure{height:390px;border-radius:22px}.stasis-editorial-hero-copy>div{display:grid}.stasis-editorial-hero-copy>aside{margin-top:22px}
  .stasis-learn-principles,.stasis-about-values{grid-template-columns:1fr}.stasis-learn-principles article,.stasis-about-values article{min-height:210px;border-radius:0!important}.stasis-learn-principles article:first-child,.stasis-about-values article:first-child{border-radius:20px 20px 0 0!important}.stasis-learn-principles article:last-child,.stasis-about-values article:last-child{border-radius:0 0 20px 20px!important}.stasis-learn-principles h3,.stasis-about-values h3{margin-top:55px}.stasis-learn-signal,.stasis-about-story{padding:72px 0}.stasis-learn-signal figure{height:330px}.stasis-learn-library,.stasis-about-standard{padding:78px 0}.stasis-learn-notice,.stasis-contact-notice{grid-template-columns:54px 1fr}.stasis-learn-notice a{grid-column:2}.stasis-about-story .is-main{height:420px}.stasis-about-standard>div{grid-template-columns:1fr}.stasis-about-closing{padding:85px 0}
  .stasis-contact-hero{gap:24px;padding-bottom:46px}.stasis-contact-routes{padding:72px 0}.stasis-contact-routes>div{grid-template-columns:1fr}.stasis-contact-routes button{min-height:200px}.stasis-contact-form-card,.stasis-contact-workspace>aside>div{padding:22px 18px}.stasis-contact-form-card form>footer{align-items:stretch;flex-direction:column}.stasis-contact-form-card footer button{justify-content:center}
  .stasis-policy-page{padding-bottom:80px}.stasis-policy-hero{min-height:calc(470px + var(--policy-header-overlap));border-radius:0 0 20px 20px}.stasis-policy-hero>.page-shell{padding-top:35px}.stasis-policy-hero h1{font-size:52px}.stasis-policy-hero p{font-size:13px}.stasis-policy-metrics{width:calc(100% - 24px)}.stasis-policy-metrics>div{min-height:115px;padding:17px}.stasis-policy-metrics strong{font-size:25px}.stasis-policy-intro{padding:80px 0 58px}.stasis-policy-toc nav{grid-template-columns:1fr}.stasis-policy-sections>section{grid-template-columns:1fr;padding:22px}.stasis-policy-sections h2{font-size:28px}.stasis-policy-sections p{font-size:13px}
}

/* Laptop parity: preserve the proportions of the 2532px desktop reference.
   Mobile keeps its dedicated layout below 901px. */
@media(min-width:901px){
  body.coastal-luxury{
    --stasis-laptop-wide-shell:clamp(760px,60.82vw,1540px);
    --stasis-laptop-wide-gutter:calc((100vw - var(--stasis-laptop-wide-shell))/2);
  }
  body.coastal-luxury .announcement-bar{
    height:40px!important;
    min-height:40px!important;
    font-size:clamp(11px,.53vw,13px)!important;
  }
  body.coastal-luxury .announcement-offer{
    min-height:40px!important;
  }
  body.coastal-luxury .site-header.stasis-sunday-header{
    padding:12px 0 14px!important;
  }
  /* Keep the supplied header reference at its native scale on desktop. */
  body.coastal-luxury .site-header.stasis-sunday-header .header-shell{
    width:min(1540px,calc(100% - 64px))!important;
    height:78px!important;
    min-height:78px!important;
    padding:0 24px 0 30px!important;
    border-radius:12px!important;
  }
  body.coastal-luxury .site-header.stasis-sunday-header .brand{
    width:116px!important;
    min-width:116px!important;
  }
  body.coastal-luxury .site-header.stasis-sunday-header .brand img{
    width:114px!important;
    max-height:33px!important;
  }
  body.coastal-luxury .site-header.stasis-sunday-header .desktop-nav a{
    min-height:44px!important;
    font-size:12px!important;
    font-weight:600!important;
  }
  body.coastal-luxury .stasis-header-actions{
    gap:8px!important;
  }
  body.coastal-luxury .stasis-header-actions .stasis-header-icon{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
  }
  body.coastal-luxury .stasis-mega-menu{
    top:89px!important;
    width:min(1540px,calc(100% - 64px))!important;
  }
  body.coastal-luxury .stasis-mega-view{
    padding:clamp(16px,1.5vw,38px);
  }
  body.coastal-luxury .stasis-mega-heading{
    gap:clamp(14px,1.1vw,28px);
    margin-bottom:clamp(12px,.87vw,22px);
  }
  body.coastal-luxury .stasis-mega-heading>div>span,
  body.coastal-luxury .stasis-mega-story small{
    font-size:clamp(7px,.395vw,10px);
  }
  body.coastal-luxury .stasis-mega-heading h2{
    margin-top:clamp(4px,.275vw,7px);
    font-size:clamp(20px,1.5vw,38px);
  }
  body.coastal-luxury .stasis-mega-heading>a{
    gap:clamp(6px,.395vw,10px);
    font-size:clamp(9px,.475vw,12px);
  }
  body.coastal-luxury .stasis-mega-product-image{
    height:clamp(80px,5.45vw,138px);
  }
  body.coastal-luxury .stasis-mega-product-copy{
    gap:clamp(3px,.2vw,5px) clamp(8px,.63vw,16px);
    padding:clamp(8px,.55vw,14px) clamp(9px,.63vw,16px) clamp(9px,.63vw,16px);
  }
  body.coastal-luxury .stasis-mega-product-copy strong{
    font-size:clamp(12px,.75vw,19px);
  }
  body.coastal-luxury .stasis-mega-product-copy em{
    font-size:clamp(8px,.395vw,10px);
  }
  body.coastal-luxury .stasis-mega-links>a,
  body.coastal-luxury .stasis-mega-learn-links>a{
    gap:clamp(7px,.475vw,12px);
    padding:clamp(9px,.59vw,15px) clamp(9px,.63vw,16px);
  }

  body.home-page.coastal-luxury .bogo-video-media,
  body.home-page.coastal-luxury .bogo-feature.bogo-video-hero{
    --stasis-hero-safe-top:0px;
  }
  body.home-page.coastal-luxury .bogo-video-hero .bogo-copy{
    width:min(1540px,calc(100% - 80px))!important;
    padding-top:clamp(62px,7vw,130px)!important;
    padding-right:clamp(42px,5vw,92px)!important;
    padding-bottom:clamp(58px,6vw,116px)!important;
    padding-left:0!important;
  }
  body.home-page.coastal-luxury .bogo-video-hero .bogo-copy>span{
    min-height:30px!important;
    margin-bottom:24px!important;
    padding:0 14px!important;
    font-size:10px!important;
  }
  body.home-page.coastal-luxury .bogo-video-hero .bogo-copy>h2{
    max-width:720px!important;
    margin-bottom:24px!important;
    font-size:clamp(64px,6.3vw,122px)!important;
  }
  body.home-page.coastal-luxury .bogo-video-hero .bogo-copy>p{
    max-width:570px!important;
    margin-bottom:9px!important;
    font-size:16px!important;
  }
  body.home-page.coastal-luxury .bogo-video-hero .bogo-copy>.button,
  body.home-page.coastal-luxury .bogo-video-hero .bogo-copy>.button.primary{
    min-width:158px!important;
    min-height:54px!important;
    gap:18px;
    padding:0 8px 0 23px!important;
    font-size:13px!important;
  }
  body.home-page.coastal-luxury .bogo-video-hero .bogo-copy>.button::after{
    width:38px;
    height:38px;
    flex-basis:38px;
  }
  body.home-page.coastal-luxury .bogo-video-hero .bogo-copy>.button::before{
    right:23px;
    width:8px;
    height:8px;
  }
  body.home-page.coastal-luxury .stasis-order-simple{
    padding-right:var(--stasis-laptop-wide-gutter)!important;
    padding-left:var(--stasis-laptop-wide-gutter)!important;
  }
  body.home-page.coastal-luxury .stasis-order-simple .stasis-order-simple-grid{
    width:var(--stasis-laptop-wide-shell)!important;
  }
}

/* ========================================================================== 
   STASIS PREMIUM MOTION SYSTEM
   Shared timing, pointer light, magnetic controls, and detailed focus states.
   ========================================================================== */
:root{
  --stasis-motion-swift:180ms;
  --stasis-motion-base:360ms;
  --stasis-motion-media:760ms;
  --stasis-motion-ease:cubic-bezier(.16,1,.3,1);
  --stasis-motion-spring:cubic-bezier(.22,1.18,.36,1);
  --stasis-motion-aqua:#75d4d2;
  --stasis-motion-ink:#07383b;
}

.stasis-motion-surface{
  --stasis-pointer-x:50%;
  --stasis-pointer-y:50%;
  --stasis-media-x:0px;
  --stasis-media-y:0px;
  position:relative;
  isolation:isolate;
}
.stasis-motion-surface::after{
  content:"";
  position:absolute;
  z-index:8;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(340px circle at var(--stasis-pointer-x) var(--stasis-pointer-y),rgba(117,212,210,.2),transparent 48%),
    linear-gradient(120deg,rgba(255,255,255,.055),transparent 28% 72%,rgba(117,212,210,.06));
  box-shadow:inset 0 0 0 1px rgba(150,232,229,.16);
  mix-blend-mode:screen;
  transition:opacity var(--stasis-motion-base) ease;
}
.stasis-motion-surface :is(img,video){
  transition:
    translate var(--stasis-motion-media) var(--stasis-motion-ease),
    scale var(--stasis-motion-media) var(--stasis-motion-ease),
    filter var(--stasis-motion-base) ease!important;
}

.stasis-motion-control{
  --stasis-magnetic-x:0px;
  --stasis-magnetic-y:0px;
  transform-origin:center;
  transition:
    translate var(--stasis-motion-base) var(--stasis-motion-spring),
    scale var(--stasis-motion-swift) var(--stasis-motion-ease),
    transform var(--stasis-motion-base) var(--stasis-motion-ease),
    gap var(--stasis-motion-base) var(--stasis-motion-ease),
    color var(--stasis-motion-swift) ease,
    background-color var(--stasis-motion-swift) ease,
    border-color var(--stasis-motion-swift) ease,
    box-shadow var(--stasis-motion-base) ease,
    filter var(--stasis-motion-swift) ease!important;
}
.stasis-motion-control:focus-visible{
  outline:2px solid var(--stasis-motion-aqua)!important;
  outline-offset:4px!important;
  box-shadow:0 0 0 5px rgba(117,212,210,.15),0 14px 34px rgba(3,34,37,.2)!important;
}

.site-header.stasis-sunday-header .brand,
.site-header.stasis-sunday-header .desktop-nav a,
.stasis-footer-nav a,
.stasis-footer-floor a,
.stasis-mega-heading>a,
.stasis-mega-links>a,
.stasis-mega-learn-links>a,
.stasis-policy-toc a,
.home-faq-intro>a,
.related header>a,
.stasis-policy-effective a{
  transition:
    translate var(--stasis-motion-base) var(--stasis-motion-ease),
    color var(--stasis-motion-swift) ease,
    border-color var(--stasis-motion-swift) ease,
    background-color var(--stasis-motion-swift) ease,
    text-shadow var(--stasis-motion-base) ease,
    filter var(--stasis-motion-base) ease!important;
}
.site-header.stasis-sunday-header :is(.desktop-nav a,.stasis-header-icon) svg,
.stasis-footer-nav a span,
.stasis-footer-floor [data-back-to-top] i,
.stasis-mega-heading>a i,
.stasis-mega-links>a i,
.stasis-mega-learn-links>a i,
.home-faq-intro>a span,
.related header>a span{
  transform-origin:center;
  transition:translate var(--stasis-motion-base) var(--stasis-motion-spring),rotate var(--stasis-motion-base) var(--stasis-motion-ease),scale var(--stasis-motion-base) var(--stasis-motion-ease)!important;
}

:is(input,select,textarea){
  transition:
    border-color var(--stasis-motion-swift) ease,
    background-color var(--stasis-motion-swift) ease,
    box-shadow var(--stasis-motion-base) ease,
    color var(--stasis-motion-swift) ease!important;
}
:is(input,select,textarea):focus-visible{
  outline:none;
  border-color:rgba(117,212,210,.85)!important;
  box-shadow:0 0 0 4px rgba(117,212,210,.13),0 12px 32px rgba(2,30,33,.12)!important;
}
.home-faq-item summary,
.home-faq-item summary strong,
.home-faq-item summary i{
  transition:color var(--stasis-motion-swift) ease,background-color var(--stasis-motion-swift) ease,translate var(--stasis-motion-base) var(--stasis-motion-ease),rotate var(--stasis-motion-base) var(--stasis-motion-spring)!important;
}

@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .stasis-motion-surface{
    transition:
      translate var(--stasis-motion-base) var(--stasis-motion-ease),
      border-color var(--stasis-motion-swift) ease,
      box-shadow var(--stasis-motion-base) ease,
      filter var(--stasis-motion-base) ease!important;
  }
  .stasis-motion-surface:is(:hover,:focus-within){
    translate:0 -4px;
    border-color:rgba(117,212,210,.5)!important;
    box-shadow:0 24px 58px rgba(2,31,34,.2),0 5px 16px rgba(2,31,34,.11)!important;
  }
  .stasis-motion-surface:is(:hover,:focus-within)::after{opacity:1}
  .stasis-motion-surface:is(:hover,:focus-within) :is(img,video){
    translate:var(--stasis-media-x) var(--stasis-media-y);
    scale:1.035;
    filter:saturate(1.06) contrast(1.025) brightness(1.02);
  }

  .stasis-motion-control{
    translate:var(--stasis-magnetic-x) var(--stasis-magnetic-y);
  }
  .stasis-motion-control:is(:hover,:focus-visible):not(:disabled):not([aria-disabled="true"]){
    translate:var(--stasis-magnetic-x) calc(var(--stasis-magnetic-y) - 2px);
    filter:brightness(1.06) saturate(1.06);
    box-shadow:0 14px 32px rgba(3,38,41,.2);
  }
  .stasis-motion-control.is-motion-pressed:not(:disabled){
    translate:var(--stasis-magnetic-x) var(--stasis-magnetic-y);
    scale:.965;
    filter:brightness(.97) saturate(1.02);
  }

  .site-header.stasis-sunday-header .brand:hover{
    translate:0 -1px;
    filter:brightness(1.15) drop-shadow(0 5px 15px rgba(117,212,210,.14));
  }
  .site-header.stasis-sunday-header .desktop-nav a:hover{
    translate:0 -1px;
    color:#fff!important;
    text-shadow:0 0 18px rgba(117,212,210,.42);
  }
  .site-header.stasis-sunday-header .desktop-nav a:hover svg{translate:0 1px;rotate:180deg}
  .site-header.stasis-sunday-header .stasis-header-icon:hover svg{scale:1.08;rotate:-4deg}

  :is(.stasis-footer-nav a,.stasis-footer-floor a,.stasis-policy-toc a,.home-faq-intro>a,.related header>a,.stasis-policy-effective a):hover{
    translate:4px 0;
    color:var(--stasis-motion-aqua)!important;
    text-shadow:0 0 18px rgba(117,212,210,.2);
  }
  :is(.stasis-footer-nav a,.stasis-footer-floor a,.stasis-mega-heading>a,.stasis-mega-links>a,.stasis-mega-learn-links>a,.home-faq-intro>a,.related header>a):hover :is(span,i):last-child{
    translate:4px -1px;
    scale:1.06;
  }
  .stasis-mega-links>a:hover,
  .stasis-mega-learn-links>a:hover{
    translate:3px 0;
    background:rgba(117,212,210,.08)!important;
  }
  .home-faq-item summary:hover strong{translate:4px 0;color:#fff}
  .home-faq-item[open] summary i{rotate:0deg;scale:1.04}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .stasis-motion-surface,
  .stasis-motion-surface :is(img,video),
  .stasis-motion-control,
  .site-header.stasis-sunday-header .brand,
  .site-header.stasis-sunday-header .desktop-nav a,
  .stasis-footer-nav a,
  .stasis-footer-floor a{
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    translate:none!important;
    scale:none!important;
  }
  .stasis-motion-surface::after{display:none!important}
}

/* Research domains: keep every state on the same two-line editorial rhythm. */
@media(min-width:901px){
  body.home-page.coastal-luxury .domain-detail h3{
    min-height:1.84em;
    margin-bottom:24px;
  }
  body.home-page.coastal-luxury .domain-detail h3>span{
    display:block;
    white-space:nowrap;
  }
  body.home-page.coastal-luxury .domain-detail p{
    min-height:3.1em;
  }
}

/* Research domains: one shared card template for 01, 02 and 03. */
@media(min-width:901px){
  body.home-page.coastal-luxury .domain-explorer-shell{
    min-height:740px;
  }
  body.home-page.coastal-luxury .domain-explorer-visual{
    min-height:740px;
  }
  body.home-page.coastal-luxury .domain-explorer-content{
    display:grid;
    grid-template-rows:auto minmax(360px,1fr) auto auto;
    align-content:stretch;
    gap:0;
  }
  body.home-page.coastal-luxury .domain-tabs{
    width:min(100%,430px);
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-self:start;
  }
  body.home-page.coastal-luxury .domain-tab{
    min-width:0;
    min-height:46px;
    justify-content:center;
    padding:12px 14px;
    white-space:nowrap;
  }
  body.home-page.coastal-luxury .domain-detail-stack{
    position:relative;
    width:100%;
    min-height:360px;
    margin:0;
  }
  body.home-page.coastal-luxury .domain-detail{
    position:absolute;
    inset:0;
    display:grid;
    grid-template-rows:auto auto auto auto;
    align-content:center;
  }
  body.home-page.coastal-luxury .domain-detail-kicker{
    margin-bottom:18px;
  }
  body.home-page.coastal-luxury .domain-detail h3{
    margin-bottom:24px;
  }
  body.home-page.coastal-luxury .domain-detail p{
    margin-bottom:34px;
  }
  body.home-page.coastal-luxury .domain-assurance{
    min-height:70px;
    align-self:end;
  }
  body.home-page.coastal-luxury .domain-explorer-controls{
    min-height:52px;
    align-self:end;
  }
}

/* Product detail: a shorter, balanced card with three generous gallery studies. */
@media(min-width:1001px){
  body.product-page .page-shell{
    width:min(1640px,calc(100% - 96px));
  }
  body.product-page .breadcrumb{
    padding-top:26px;
    padding-bottom:18px;
  }
  body.product-page .product-detail{
    grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);
    align-items:stretch;
    gap:22px;
    padding-bottom:72px;
  }
  body.product-page .detail-image.product-gallery{
    height:clamp(680px,62vh,700px);
    min-height:0;
    grid-template-columns:clamp(118px,8vw,136px) minmax(0,1fr);
    gap:16px;
  }
  body.product-page .product-gallery-thumbs{
    width:100%;
    height:100%;
    max-height:none;
    justify-content:center;
    gap:16px;
    overflow:hidden;
    padding:3px;
  }
  body.product-page .product-gallery-thumb{
    width:100%;
    height:auto;
    flex:0 0 auto;
    aspect-ratio:4 / 5;
    border-radius:18px;
  }
  body.product-page .product-gallery-thumb img{
    object-position:center center;
  }
  body.product-page .product-gallery-stage{
    height:100%;
    min-height:0;
  }
  body.product-page .detail-copy{
    min-height:0;
    height:clamp(680px,62vh,700px);
    padding:clamp(38px,3.7vw,58px) clamp(36px,4.4vw,66px);
    justify-content:center;
  }
  body.product-page .detail-copy h1{
    margin:14px 0;
    font-size:clamp(54px,5.1vw,82px);
  }
  body.product-page .detail-copy .identity{
    margin-bottom:16px;
    font-size:clamp(17px,1.45vw,21px);
    line-height:1.55;
  }
  body.product-page .detail-copy>p:not(.identity):not(.product-promo-label){
    margin-bottom:12px;
    font-size:15px;
    line-height:1.55;
  }
  body.product-page .detail-price{
    margin:12px 0;
  }
  body.product-page .detail-promo-label{
    margin-bottom:12px;
  }
  body.product-page .variant-label{
    margin-top:8px;
  }
  body.product-page .variant-grid{
    margin:8px 0 13px;
  }
  body.product-page .variant{
    padding:10px 13px;
  }
  body.product-page .product-detail-quantity{
    margin-bottom:12px;
  }
}

@media(min-width:801px) and (max-width:1000px){
  body.product-page .detail-image.product-gallery{
    min-height:620px;
    grid-template-columns:104px minmax(0,1fr);
  }
  body.product-page .product-gallery-thumbs{
    max-height:620px;
    justify-content:center;
    gap:14px;
    overflow:hidden;
  }
  body.product-page .product-gallery-thumb{
    width:100px;
    height:auto;
    flex-basis:auto;
    aspect-ratio:4 / 5;
  }
}

/* Consistent section eyebrows throughout the home page. */
body.home-page.coastal-luxury main .eyebrow{
  font-family:var(--stasis-sf)!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1.2!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
/* Shared introductory typography across home sections. */
/* The opening hero follows the approved closing banner subtitle. */
body.home-page.coastal-luxury .bogo-video-hero .bogo-copy>p:first-of-type{
  color:rgba(255,255,255,.84)!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.5!important;
}
@media(max-width:560px){
  body.home-page.coastal-luxury .bogo-video-hero .bogo-copy>p:first-of-type{
    font-size:14px!important;
  }
}

body.home-page.coastal-luxury .stasis-order-simple-header>p,
body.home-page.coastal-luxury .domain-explorer-heading>p,
body.home-page.coastal-luxury .stasis-carousel-heading>p,
body.home-page.coastal-luxury .why-stasis-header>p,
body.home-page.coastal-luxury .home-faq-intro>p,
body.home-page.coastal-luxury .stasis-product-explorer>header>p{
  font-family:var(--stasis-sf)!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.58!important;
  letter-spacing:normal!important;
}
body.home-page.coastal-luxury .stasis-carousel-heading>p,
body.home-page.coastal-luxury .home-faq-intro>p,
body.home-page.coastal-luxury .stasis-product-explorer>header>p{
  color:rgba(225,237,235,.62)!important;
}
/* Product anatomy: one body style, one emphasis weight, and a compact heading. */
body.home-page.coastal-luxury .stasis-product-explorer :is(.stasis-control-trigger,.stasis-control-panel,.stasis-explorer-detail){
  font-family:var(--stasis-sf)!important;
}
body.home-page.coastal-luxury .stasis-product-explorer :is(.stasis-control-panel p,.stasis-control-panel small,.stasis-explorer-detail p,.stasis-explorer-detail li,.stasis-control-trigger>span){
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.55!important;
  letter-spacing:normal!important;
  color:#bfc5c5!important;
}
body.home-page.coastal-luxury .stasis-product-explorer :is(.stasis-control-trigger strong,.stasis-control-panel b,.stasis-control-panel a,.stasis-explorer-detail a){
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.55!important;
  letter-spacing:normal!important;
  color:#f5f3eb!important;
}
body.home-page.coastal-luxury .stasis-explorer-detail h3{
  font-family:var(--stasis-sf)!important;
  font-size:28px!important;
  font-weight:600!important;
  line-height:1.15!important;
  letter-spacing:-.025em!important;
  color:#f5f3eb!important;
}
body.home-page.coastal-luxury .stasis-explorer-detail>span{
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.45!important;
  letter-spacing:.1em!important;
}
body.home-page.coastal-luxury .stasis-explorer-detail li{
  align-items:baseline;
}
body.home-page.coastal-luxury .stasis-explorer-detail li::before{
  flex-shrink:0;
}

/* Keep quality card titles on two lines at every card width. */
body.home-page.coastal-luxury .why-stasis-card>div{
  container-type:inline-size;
}
body.home-page.coastal-luxury .why-stasis-card h3{
  max-width:none;
  font-size:clamp(20px,10.5cqw,38px);
  line-height:1.12;
  letter-spacing:-.035em;
}
body.home-page.coastal-luxury .why-stasis-card h3>span{
  display:block;
  white-space:nowrap;
}
@media(max-width:600px){
  body.home-page.coastal-luxury .why-stasis-card>div{
    right:24px;
    left:24px;
    padding-right:40px;
  }
}

/* Domain panels size to their content, with room around tabs and actions. */
body.home-page.coastal-luxury .domain-explorer-content{
  display:grid;
  grid-template-rows:auto auto auto auto;
  gap:28px;
  min-width:0;
}
body.home-page.coastal-luxury .domain-detail-stack{
  container-type:inline-size;
  min-width:0;
  min-height:0;
  margin:0;
  align-items:start;
}
body.home-page.coastal-luxury .domain-detail{
  position:relative;
  inset:auto;
  min-width:0;
  align-self:start;
  align-content:start;
}
body.home-page.coastal-luxury .domain-detail h3{
  font-size:clamp(28px,10cqw,64px);
  line-height:1.04;
  min-height:2.08em;
}
body.home-page.coastal-luxury .domain-detail h3>span{
  display:block;
  white-space:normal;
}
body.home-page.coastal-luxury .domain-explorer-controls{
  margin-top:0;
}

/* Gentle feedback for home controls and the FAQ disclosure. */
body.home-page.coastal-luxury .home-faq-item{
  box-sizing:border-box;
  overflow:hidden;
}
body.home-page.coastal-luxury .home-faq-item summary i,
body.home-page.coastal-luxury .home-faq-item[open] summary i{
  transform:none;
  rotate:0deg;
  scale:1;
  transition:background-color .3s ease,color .3s ease,border-color .3s ease;
}
body.home-page.coastal-luxury .home-faq-item summary i::after{
  transform:translate(-50%,-50%) rotate(90deg);
  opacity:1;
  transition:opacity .22s ease,transform .32s cubic-bezier(.22,1,.36,1);
}
body.home-page.coastal-luxury .home-faq-item[data-expanded="true"] summary i::after{
  transform:translate(-50%,-50%) rotate(90deg) scaleX(0);
  opacity:0;
}
@media(prefers-reduced-motion:no-preference){
  body.home-page.coastal-luxury #main [data-home-cta]{
    transition:background-color .3s ease,color .3s ease,border-color .3s ease,scale .28s cubic-bezier(.22,1,.36,1),translate .3s cubic-bezier(.22,1,.36,1)!important;
  }
  body.home-page.coastal-luxury #main [data-home-cta]:active{
    scale:.985!important;
  }
  body.home-page.coastal-luxury .home-faq-item summary strong{
    transition:color .3s ease,translate .3s cubic-bezier(.22,1,.36,1);
  }
  body.home-page.coastal-luxury .home-faq-item summary:hover strong{translate:2px 0}
  body.home-page.coastal-luxury .stasis-motion-control.is-motion-pressed:not(:disabled){scale:.985}
}
@media(prefers-reduced-motion:reduce){
  body.home-page.coastal-luxury .home-faq-item summary i,
  body.home-page.coastal-luxury .home-faq-item summary i::after{transition:none}
}

/* Leave room for text glyphs and gallery focus rings on product pages. */
body.product-page .announcement-copy{
  line-height:1.45;
  padding-block:2px;
}
body.product-page .detail-copy h1{
  line-height:1.08;
}
body.product-page .product-gallery-thumbs{
  padding:5px;
  overflow:auto;
  scrollbar-width:thin;
}
@media(min-width:1001px){
  body.product-page .detail-copy{
    height:auto;
    min-height:clamp(680px,62vh,700px);
  }
}

/* Dark accents remain legible on the light product information panel. */
#research-materials{scroll-margin-top:160px}
.stasis-about-page .stasis-about-story>.page-shell{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(28px,5vw,72px);
}
.stasis-about-page .stasis-about-story-copy{padding:0;min-width:0}
@media(max-width:900px){
  .stasis-about-page .stasis-about-story>.page-shell{grid-template-columns:1fr}
}
.stasis-about-page .stasis-about-statement{
  grid-template-columns:minmax(140px,.3fr) minmax(0,1fr);
  align-items:start;
  gap:clamp(24px,4vw,64px);
  padding-block:64px;
}
.stasis-about-statement-copy{min-width:0}
.stasis-about-page .stasis-about-statement p{
  max-width:650px;
  margin:24px 0 0;
  font-size:17px;
  line-height:1.65;
}
@media(max-width:760px){
  .stasis-about-page .stasis-about-statement{grid-template-columns:1fr;gap:20px;padding-block:48px}
}
.stasis-about-page .stasis-editorial-hero-copy{container-type:inline-size}
.stasis-about-page .stasis-editorial-hero h1{font-size:clamp(30px,17cqi,100px)}
.stasis-about-page .stasis-editorial-hero h1 em{white-space:nowrap}
/* Featured cards share the vertical composition used by related compounds. */
body.coastal-luxury :is(.strip-product-card,.embedded-product-card){
  display:flex;
  flex-direction:column;
  min-width:0;
  border-radius:28px;
}
body.coastal-luxury :is(.strip-product-card,.embedded-product-card)>a{
  display:grid;
  place-items:center;
  height:300px;
  padding:20px;
  box-sizing:border-box;
  background:transparent;
}
body.coastal-luxury :is(.strip-product-card,.embedded-product-card)>a>img{
  background:transparent;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
  transform:none!important;
  filter:contrast(1.12) brightness(.95);
  mix-blend-mode:screen;
}
body.coastal-luxury :is(.strip-product-card,.embedded-product-card)>div{
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
  padding:24px 28px 28px;
}
body.coastal-luxury :is(.strip-product-card,.embedded-product-card) h3{
  margin:0;
  font-size:32px;
  line-height:1.15;
}
body.coastal-luxury :is(.strip-product-card,.embedded-product-card) .product-promo-label{margin:0}
body.coastal-luxury :is(.strip-product-card,.embedded-product-card)>div>strong{margin:0}
body.coastal-luxury :is(.strip-product-card,.embedded-product-card) .button{width:100%;margin-top:auto}
@media(max-width:560px){
  body.coastal-luxury .product-strip>div{grid-template-columns:1fr;overflow:visible}
}
/* Keep the fundamentals close to the introduction and readable at every width. */
.stasis-learn-page .stasis-learn-intro{
  padding-block:64px 40px;
}
.stasis-learn-page .stasis-learn-principles{
  padding-block:40px 64px;
}
.stasis-learn-page .stasis-learn-principles article{
  min-height:0;
  padding:28px;
}
.stasis-learn-page .stasis-learn-principles article>span{
  font-size:12px;
}
.stasis-learn-page .stasis-learn-principles h3{
  margin:24px 0 12px;
  font-size:28px;
  line-height:1.2;
}
.stasis-learn-page .stasis-learn-principles p{
  margin:0;
  color:rgba(235,237,233,.72);
  font-size:16px;
  font-weight:400;
  line-height:1.6;
}
@media(max-width:560px){
  .stasis-learn-page .stasis-learn-intro{padding-block:48px 28px}
  .stasis-learn-page .stasis-learn-principles{padding-block:28px 48px}
  .stasis-learn-page .stasis-learn-principles article{padding:24px}
  .stasis-learn-page .stasis-learn-principles h3{margin-top:16px;font-size:26px}
}
/* Related product packshots stay fully inside their media frame, including on hover. */
body.product-page .related .product-card{min-width:0}
body.product-page .related .product-image{
  height:clamp(280px,28vw,440px);
  min-height:0;
  padding:44px 16px 16px;
  box-sizing:border-box;
  background:#000;
}
body.product-page .related .product-image::after{display:none}
body.product-page .related .product-image img,
body.product-page .related .product-card:hover .product-image img{
  width:100%;
  height:100%;
  min-height:0;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
  transform:none!important;
}
body.product-page .detail-info .ruo-text{
  color:rgba(245,245,247,.5);
  font-size:11px!important;
  font-weight:400;
  line-height:1.5;
}
body.product-page.coastal-luxury .detail-copy>.eyebrow{
  color:#176366!important;
  font-weight:700;
}
body.product-page.coastal-luxury .detail-copy>.detail-promo-label{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent!important;
  text-transform:none;
  letter-spacing:normal;
  text-wrap:pretty;
}
body.product-page.coastal-luxury .detail-promo-offer{
  display:inline-block;
  padding:9px 15px;
  border-radius:999px;
  background:#176366;
  color:#fff;
  font-size:15px;
  font-weight:700;
  line-height:1.3;
}
body.product-page.coastal-luxury .detail-promo-terms{
  color:#736e65;
  font-size:11px;
  font-weight:400;
  line-height:1.45;
}
body.product-page.coastal-luxury .detail-copy .quantity-control{
  background:#e5e9e1!important;
  border-color:#658d87!important;
}
body.product-page.coastal-luxury .detail-copy .quantity-control button{
  color:#164f52!important;
  background:transparent!important;
}
body.product-page.coastal-luxury .detail-copy .quantity-control strong{
  color:#153c3e!important;
  background:#b9d9d3!important;
}
body.product-page.coastal-luxury .detail-copy .quantity-control button:hover{
  background:#c8ded7!important;
}

/* Before focal framing is ready, the fallback preserves the full photograph. */
body.product-page .product-gallery-stage>[data-product-image]{
  box-sizing:border-box;
  padding:64px 16px;
  object-fit:contain!important;
  object-position:center!important;
  scale:1!important;
  translate:none!important;
  transform:none!important;
}

/* Empty-cart recommendations and distinct BOGO eligibility/selection states. */
.cart-drawer .cart-empty,.stasis-cart-items-panel .cart-empty{
  display:block;text-align:left;padding:20px 0;
}
.cart-empty>h2{font-size:24px;margin:0 0 12px}
.cart-empty>p{font-size:14px;line-height:1.6;color:#bbc8c6;margin:0 0 22px}
.cart-suggestions{display:grid;gap:12px;width:100%;margin:20px 0 24px}
.cart-suggestions article{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #344a48;border-radius:16px;background:#101c1b}
.cart-suggestions a{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-decoration:none}
.cart-suggestions img{width:52px;height:70px;object-fit:contain;border-radius:8px;background:#020504}
.cart-suggestions a>span{display:grid;gap:5px;min-width:0}
.cart-suggestions strong{font-size:15px;color:#f5f3eb}
.cart-suggestions small{font-size:12px;color:#b5c9c5}
.cart-suggestions button{border:1px solid #8fd5ce;border-radius:999px;padding:9px 16px;background:#8fd5ce;color:#092d30;font-size:13px;cursor:pointer}
.promo-progress.is-complete>.promo-progress-track{grid-column:1/-1;width:100%;display:block!important}
.promo-progress>small{display:block;margin:8px 0;color:#b5c9c5;font-size:12px;line-height:1.5}

/* Shared gallery layout; product bounds determine the final photo placement. */
body.product-page .detail-image.product-gallery{
  height:auto;
  min-height:0;
  grid-template-rows:auto;
  align-self:start;
}
body.product-page .product-gallery-stage{
  height:auto;
  min-height:0;
  align-self:start;
}
body.product-page .product-gallery-stage>[data-product-image]{
  position:relative;
  inset:auto;
  width:100%;
  height:auto;
  padding:0;
  display:block;
}
body.product-page .product-gallery-thumbs{
  height:auto;
  max-height:none;
  align-self:center;
}
body.product-page .detail-copy{align-self:start}
@media(max-width:800px){
  body.product-page .detail-image.product-gallery{grid-template-rows:auto auto}
}

/* The gallery and information card share one desktop row height. */
@media(min-width:801px){
  body.product-page .product-detail{align-items:stretch}
  body.product-page .detail-image.product-gallery{
    align-self:stretch;
    height:auto;
    min-height:0;
  }
  body.product-page .product-gallery-stage{
    align-self:stretch;
    height:100%;
    min-height:0;
  }
  body.product-page .detail-copy{align-self:stretch}
  body.product-page .product-gallery-stage>[data-product-image]{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:contain!important;
    object-position:center!important;
  }
}
/* Center the vial, preserving its safe bounds instead of cropping to fill the card. */
body.product-page .product-gallery-stage>[data-product-image][data-gallery-framed],
body.product-page .product-gallery-thumb img[data-gallery-framed]{
  position:absolute;
  inset:auto;
  left:var(--photo-left);
  top:var(--photo-top);
  width:var(--photo-width);
  height:var(--photo-height);
  max-width:none;
  max-height:none;
  padding:0;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
@media(max-width:800px){
  body.product-page .product-gallery-stage{
    height:clamp(360px,125vw,680px);
    min-height:0;
  }
}

/* Product documentation, using the compact card supplied in the COA reference. */
body.product-page .detail-copy .product-coa-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px 16px;
  margin-top:20px;
  padding:16px;
  border:1px solid #c7d7c7;
  border-radius:18px;
  background:#f5f7f2;
  color:#243d30;
  text-align:left;
}
body.product-page .product-coa-copy{min-width:0}
body.product-page .product-coa-copy strong{
  display:block;
  font-size:16px;
  font-weight:650!important;
  line-height:1.3;
  letter-spacing:0;
}
body.product-page .product-coa-copy p{
  margin:4px 0 0;
  color:#5b6f60;
  font-size:13px;
  font-weight:400;
  line-height:1.45;
}
body.product-page .detail-copy .product-coa-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:44px;
  padding:10px 16px;
  border:1px solid #326b45;
  border-radius:999px;
  background:#fff;
  color:#285b3b;
  font:650 13px/1.3 var(--stasis-sf),sans-serif;
  font-weight:650!important;
  text-decoration:none;
  white-space:nowrap;
}
body.product-page .detail-copy .product-coa-action:hover{background:#e8f0e5}
body.product-page .product-coa-card a:focus-visible{outline:2px solid #285b3b;outline-offset:4px}
@media(max-width:480px){
  body.product-page .detail-copy .product-coa-card{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px}
  body.product-page .detail-copy .product-coa-action{justify-self:start}
}

/* Shared capsule shape for actions, filters, and compact controls.
   Image cards and full information panels retain their own geometry. */
:root{--stasis-button-radius:999px}
body.coastal-luxury :is(
  button:not(:where(.stasis-order-step,.product-gallery-thumb,.vial-option,.stasis-contact-routes button)),
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  .button,
  [data-home-cta],
  .site-header.stasis-sunday-header .stasis-header-icon,
  .stasis-editorial-hero-copy>div>a,
  .stasis-about-closing a,
  .stasis-checkout-button,
  .stasis-checkout-empty>a,
  .product-coa-action
){border-radius:var(--stasis-button-radius)!important}

/* Disclosures use a quiet text treatment, without decorative panels or badges. */
body.coastal-luxury{--stasis-disclosure-ink:#8e9895}
body.coastal-luxury :is(.stasis-disclosure,.stasis-footer-ruo){
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.coastal-luxury :is(.stasis-disclosure,.stasis-footer-ruo) :is(p,strong,h2,a){
  color:var(--stasis-disclosure-ink)!important;
  font-family:var(--stasis-sf)!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.55!important;
  letter-spacing:normal!important;
  text-transform:none!important;
}
body.coastal-luxury .stasis-editorial-hero-copy>aside.stasis-learn-hero-note{
  display:block;
  margin-top:24px;
}
body.coastal-luxury .stasis-learn-hero-note p{margin:0}
body.coastal-luxury .stasis-learn-hero-note strong{display:inline;margin:0}
body.contact-page.coastal-luxury .stasis-contact-workspace{padding-bottom:24px}
body.contact-page.coastal-luxury .stasis-contact-notice.stasis-disclosure{
  display:block;
  margin-bottom:64px;
}
body.contact-page.coastal-luxury .stasis-contact-notice.stasis-disclosure>p{margin:0}
body.coastal-luxury .stasis-disclosure:is(.stasis-learn-notice,.stasis-contact-notice){
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px 24px;
  align-items:start;
}
body.coastal-luxury .stasis-disclosure a{
  grid-column:auto;
  text-decoration:underline;
  text-underline-offset:3px;
}
body.coastal-luxury .stasis-disclosure a:hover{color:#c4d2ce!important}
body.coastal-luxury .stasis-footer-ruo h2{margin-bottom:6px}
body.home-page.coastal-luxury .home-final-batch-copy>small{
  color:rgba(245,243,235,.62);
  font-size:12px;
  font-weight:400;
}
body.home-page.coastal-luxury .bogo-copy>.bogo-disclaimer,
body.product-page.coastal-luxury .detail-promo-terms{
  font-weight:400!important;
  text-shadow:none!important;
  letter-spacing:normal;
}
@media(max-width:600px){
  body.coastal-luxury .stasis-disclosure:is(.stasis-learn-notice,.stasis-contact-notice){
    grid-template-columns:minmax(0,1fr);
    gap:10px;
  }
}


/* Approved menu height, outer corners and Account framing - 2026-09-08. */
.stasis-mega-menu {
  border-radius: 0 0 27px 27px;
  clip-path: inset(0 round 0 0 27px 27px);
}
@media (min-width: 761px) {
  body.coastal-luxury .stasis-mega-product-image {
    height: clamp(200px, 15vw, 300px);
  }
  body.coastal-luxury .stasis-mega-story {
    min-height: clamp(350px, 24vw, 420px);
  }
}
/* Keep the original responsive Account container dimensions. */
body.account-page .stasis-account-benefits-visual img {
  display: block;
  object-fit: cover;
  object-position: 50% 65%;
}

/* CAM-031: single-line composition selectors for GLOW and KLOW. */
body.product-page .variant-grid.variant-grid--blend {
  display: block;
  width: max-content;
  max-width: 100%;
  overflow-x: auto;
  padding: 3px;
  margin-left: -3px;
}
body.product-page .variant-grid--blend .variant {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 32px;
  width: max-content;
  white-space: nowrap;
}
body.product-page .variant-grid--blend .variant > span {
  flex: 0 0 auto;
  white-space: nowrap;
}

/* CAM-036: native film motion, without added tilt or transform interpolation. */
body.home-page.coastal-luxury .stasis-explorer-stage:is(.is-vial-view,.is-product-view)
  .stasis-vial-viewer > :is(.stasis-vial-closeup,.stasis-product-view-film) {
  transform:translateY(var(--selank-film-y,0%)) scale(var(--selank-active-film-scale,1))!important;
  transition:opacity .18s ease,visibility 0s!important;
  animation:none!important;
  translate:none!important;
}
/* CAM-037: slightly wider detail card; action labels stay on one line. */
body.home-page.coastal-luxury .stasis-explorer-3d .stasis-explorer-detail {
  width:330px;
  max-width:100%;
  box-sizing:border-box;
}
body.home-page.coastal-luxury .stasis-explorer-detail [data-home-cta] {
  white-space:nowrap;
  gap:12px;
}
@media (max-width:1199px) {
  body.home-page.coastal-luxury .stasis-explorer-3d .stasis-explorer-detail {
    padding-inline:20px;
  }
  body.home-page.coastal-luxury .stasis-explorer-detail [data-home-cta] {
    font-size:13px;
    padding-inline:12px;
    gap:8px;
  }
}

/* CAM-038: raise only the Metabolic and Cognitive images in Home domains. */
body.home-page .domain-explorer [data-domain-scene="0"] img,
body.home-page .domain-explorer [data-domain-scene="2"] img {
  object-fit:cover;
  object-position:50% 62%;
}

/* CAM-039/040: FAQ opens in place; give the two title lines breathing room. */
body.home-page.coastal-luxury .home-faq-intro h2 { line-height:1.06; }
body.home-page.coastal-luxury .home-faq-intro {
  position:static; top:auto; align-self:start;
}
body.home-page.coastal-luxury .home-faq-list { align-self:start; }
body.home-page.coastal-luxury .home-faq.stasis-scroll-scene {
  scroll-snap-align:none;
}
html.stasis-cinematic-scroll:has(.home-faq:focus-within) {
  scroll-snap-type:none;
  overflow-anchor:none;
}

/* CAM-041: keep Shop category backgrounds inside their grid columns. */
.stasis-mega-links > a,
.stasis-mega-links > a:is(:hover, :focus-visible, :active) {
  translate:none!important;
  transform:none!important;
  scale:none!important;
}

/* CAM-054: give catalog filter motion room inside the scrollable row. */
body.catalog-page .filter-row {
  padding-block:8px;
  margin-block:-8px;
  padding-inline:6px;
}
body.catalog-page .filter-row button {
  flex-shrink:0;
  box-shadow:none!important;
}
body.catalog-page .filter-row button:focus-visible {
  outline:2px solid #b8ffff!important;
  outline-offset:-2px!important;
  box-shadow:none!important;
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  body.catalog-page .filter-row button.stasis-motion-control {
    translate:clamp(-3px,var(--stasis-magnetic-x),3px) clamp(-2px,var(--stasis-magnetic-y),2px)!important;
  }
  body.catalog-page .filter-row button.stasis-motion-control:is(:hover,:focus-visible) {
    translate:clamp(-3px,var(--stasis-magnetic-x),3px) calc(clamp(-2px,var(--stasis-magnetic-y),2px) - 1px)!important;
  }
  body.catalog-page .filter-row button.stasis-motion-control.is-motion-pressed {
    scale:.975;
  }
}

/* CAM-043: integrate black-background packshots with Related Compounds cards. */
body.product-page .related .product-card { isolation:isolate; }
body.product-page .related .product-image { background:transparent!important; }
body.product-page .related .product-image img,
body.product-page .related .product-card:hover .product-image img {
  mix-blend-mode:screen;
  background:transparent!important;
  filter:none!important;
}

/* CAM-044: compact Related Compounds copy, using two description lines as baseline. */
body.product-page .related .product-copy {
  min-height:0;
  flex:0 1 auto;
  padding:22px 26px 24px;
  gap:0;
}
body.product-page .related .product-copy h2 { margin:12px 0; }
body.product-page .related .product-copy > p {
  min-height:3.3em;
  margin:0;
  line-height:1.65;
}
body.product-page .related .product-copy .strengths {
  margin-top:12px;
  padding-top:0;
}
body.product-page .related .product-copy .product-promo-label {
  margin:12px 0 0!important;
}
body.product-page .related .product-copy > small { margin-top:18px; }

/* CAM-045: closer Selank framing in the research fundamentals section only. */
.stasis-learn-signal figure > img {
  transform:scale(1.4)!important;
  transform-origin:50% 42%;
}

/* CAM-046: library header follows the same three-column grid as its cards. */
@media(min-width:801px) {
  .stasis-learn-library > header {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
  }
  .stasis-learn-library > header > div { grid-column:1 / 3; }
  .stasis-learn-library > header > p {
    grid-column:3;
    justify-self:start;
    margin-inline:0;
  }
}

/* CAM-047: meaningful contact icons, inset Topic arrow, cleaner guide heading. */
.stasis-contact-routes button > i > svg {
  width:23px; height:23px; fill:none; stroke:currentColor;
  stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round;
}
.stasis-contact-form-card select[name="topic"] {
  appearance:none;
  -webkit-appearance:none;
  padding-right:48px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5f2eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-size:16px 16px;
  background-position:right 18px center;
}
.stasis-contact-guide ol > li:first-child { border-top:0; }

/* CAM-048: match the account tab track to its pill-shaped controls. */
body.account-page .stasis-account-tabs {
  border-radius:999px;
}

/* CAM-049/050: clearer unit prices and one full-width promotion card. */
.cart-drawer-panel .cart-item-copy p { flex-direction:column; align-items:flex-start; gap:4px; }
.cart-drawer-panel .cart-item-copy p span + span { padding-left:0; }
.cart-drawer-panel .cart-item-copy p span + span::before { content:none; }
body.cart-page .stasis-cart-summary > .cart-promo-block {
  padding:0!important; border:0!important; border-radius:0!important;
  background:transparent!important; box-shadow:none!important;
}
/* CAM-051: checkout dropdowns and warning follow Contact icon styling. */
.stasis-checkout-form select {
  appearance:none; -webkit-appearance:none; padding-right:48px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5f2eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-size:16px 16px;
  background-position:right 18px center;
}
.stasis-payment-placeholder > div > span > svg {
  width:23px; height:23px; fill:none; stroke:currentColor;
  stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round;
}