:root{
  --ivory:#f4f0e8;
  --paper:#f8f6f1;
  --ink:#171714;
  --muted:#7a776f;
  --line:#d8d3c9;
  --oxblood:#5c1519;
  --sage:#7f8f79;
  --clay:#a56d59;
  --charcoal:#272725;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Helvetica,Arial,sans-serif;font-size:14px;letter-spacing:.02em}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img{display:block;width:100%;height:100%;object-fit:cover}
.announcement{height:28px;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:9px;letter-spacing:.18em;position:relative;z-index:40}
.site-header{height:74px;position:absolute;top:28px;left:0;right:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;color:#fff;border-bottom:1px solid rgba(255,255,255,.35)}
.wordmark{font-size:22px;font-weight:500;letter-spacing:.15em;white-space:nowrap}
.heart-o{font-size:.95em;display:inline-block;transform:translateY(-.03em);margin:0 -.02em}
.menu-button,.cart-button{border:0;background:transparent;color:inherit;padding:0;cursor:pointer;font-size:11px;letter-spacing:.12em}
.header-actions{display:flex;justify-content:flex-end;gap:25px;align-items:center;font-size:11px;letter-spacing:.12em}
.drawer{position:fixed;z-index:60;inset:0 auto 0 0;width:min(680px,92vw);background:var(--paper);padding:38px;transform:translateX(-101%);transition:transform .45s cubic-bezier(.2,.75,.2,1);display:flex;flex-direction:column;justify-content:space-between}
.drawer.open{transform:translateX(0)}
.drawer-close{position:absolute;right:26px;top:18px;border:0;background:none;font-size:36px;font-weight:200;cursor:pointer}
.drawer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:80px}
.drawer-grid>div{display:flex;flex-direction:column;gap:14px}
.drawer-grid a{font-size:21px;letter-spacing:-.02em}
.drawer-footer{font-size:44px;letter-spacing:-.04em}
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:50;opacity:0;pointer-events:none;transition:.35s}
.drawer-backdrop.open{opacity:1;pointer-events:auto}
.hero{min-height:92vh;height:900px;max-height:980px;position:relative;background:#222;color:#fff;overflow:hidden}
.hero img{filter:saturate(.78) contrast(.96);transform:scale(1.01)}
.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.47),rgba(0,0,0,.08) 57%,rgba(0,0,0,.20)),linear-gradient(0deg,rgba(0,0,0,.22),transparent 45%)}
.hero-copy{position:absolute;left:5vw;bottom:8vh;max-width:620px}
.eyebrow{font-size:10px;letter-spacing:.2em;margin:0 0 18px;text-transform:uppercase}
.eyebrow.light{color:#fff}
.hero h1,.statement-copy p,.meaning h2,.impact h2,.creators h2,.join h2{font-family:"Libre Caslon Display",Georgia,serif;font-weight:400}
.hero h1{font-size:clamp(70px,9vw,145px);line-height:.8;letter-spacing:-.055em;margin:0 0 36px}
.hero-links{display:flex;gap:28px;flex-wrap:wrap}
.text-link{font-size:10px;letter-spacing:.16em;padding-bottom:5px;border-bottom:1px solid currentColor;display:inline-block}
.text-link.light{color:#fff}
.hero-side-note{position:absolute;right:28px;bottom:34px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em}
.section-pad{padding:110px 4.5vw}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px}
.section-head h2{font-family:"Libre Caslon Display",Georgia,serif;font-weight:400;font-size:clamp(40px,5vw,76px);letter-spacing:-.04em;margin:0}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.product-visual{height:560px;position:relative;overflow:hidden;display:grid;place-items:center;background:#e7e1d6}
.product-cream{background:#e5dfd3}.product-charcoal{background:#c8c6c1}.product-sage{background:#cfd5cd}.product-clay{background:#d9c8be}
.garment{position:relative;filter:drop-shadow(0 18px 25px rgba(0,0,0,.12));display:flex;justify-content:center;align-items:flex-start;color:#383733}
.hoodie{width:72%;height:64%;margin-top:16%;border-radius:30% 30% 11% 11%/16% 16% 9% 9%;background:#d7d0c4;clip-path:polygon(25% 8%,38% 2%,62% 2%,75% 8%,96% 24%,84% 48%,75% 40%,77% 100%,23% 100%,25% 40%,16% 48%,4% 24%)}
.hoodie:after{content:"";position:absolute;top:0;width:30%;height:26%;border:2px solid rgba(0,0,0,.12);border-radius:50% 50% 35% 35%}
.tee,.crew{width:74%;height:52%;margin-top:21%;background:#252523;clip-path:polygon(29% 4%,39% 0,61% 0,71% 4%,98% 18%,86% 45%,76% 38%,76% 100%,24% 100%,24% 38%,14% 45%,2% 18%)}
.crew{background:#7b8877;height:60%;clip-path:polygon(30% 5%,39% 1%,61% 1%,70% 5%,97% 21%,85% 47%,75% 39%,76% 100%,24% 100%,25% 39%,15% 47%,3% 21%)}
.product-clay .tee{background:#a36e5a}.crop{height:44%}
.garment-logo{position:absolute;top:25%;font-size:11px;letter-spacing:.12em;color:#5f5a51;z-index:2}.garment-logo.tonal{color:#111}
.product-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.12em;padding-top:11px;color:#25241f}
.statement-image{height:88vh;min-height:700px;position:relative;color:#fff;overflow:hidden}
.statement-image img{filter:grayscale(.28) saturate(.78)}
.statement-overlay{position:absolute;inset:0;background:rgba(16,14,12,.28)}
.statement-copy{position:absolute;left:4.5vw;bottom:8vh}
.statement-copy p{font-size:clamp(50px,7.5vw,118px);line-height:.84;letter-spacing:-.05em;margin:0}
.statement-copy a{margin-top:30px}
.meaning{display:grid;grid-template-columns:1fr 2fr;gap:8vw;border-bottom:1px solid var(--line)}
.meaning-kicker{font-size:10px;letter-spacing:.2em}
.meaning-copy{max-width:880px}
.meaning h2{font-size:clamp(55px,7.5vw,118px);line-height:.88;letter-spacing:-.055em;margin:0 0 45px}
.meaning-copy p{font-size:clamp(20px,2.2vw,34px);font-weight:300;line-height:1.35;letter-spacing:-.02em;max-width:780px}
.meaning-copy strong{display:block;margin-top:55px;font-size:14px;line-height:1.5;letter-spacing:.2em;font-weight:500}
.campaign-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.campaign-strip article{padding:48px 32px 80px;border-right:1px solid var(--line);min-height:330px;display:flex;flex-direction:column}
.campaign-strip article:last-child{border-right:0}
.campaign-strip span{font-size:9px;letter-spacing:.18em;color:var(--muted)}
.campaign-strip h3{font-family:"Libre Caslon Display",Georgia,serif;font-size:43px;font-weight:400;letter-spacing:-.04em;margin:auto 0 18px}
.campaign-strip p{font-size:13px;line-height:1.55;color:#55524b;max-width:210px}
.impact{display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:center;background:var(--ivory)}
.impact-image-wrap{height:780px;overflow:hidden}
.impact-image-wrap img{filter:saturate(.65) sepia(.08)}
.impact-copy h2{font-size:clamp(60px,7vw,118px);line-height:.84;letter-spacing:-.055em;margin:0 0 34px}
.impact-copy>p:not(.eyebrow){font-size:19px;line-height:1.6;font-weight:300;max-width:560px}
.impact-stat{border-top:1px solid #bbb5ab;padding:19px 0;display:grid;grid-template-columns:130px 1fr;gap:18px;margin-top:24px}
.impact-stat span{font-size:9px;letter-spacing:.18em}.impact-stat strong{font-size:11px;letter-spacing:.08em;line-height:1.4;font-weight:500}
.impact-copy .text-link{margin-top:25px}
.love-today{text-align:center;background:#171714;color:#fff}
.love-today h2{font-family:"Libre Caslon Display",Georgia,serif;font-size:clamp(60px,8vw,120px);font-weight:400;letter-spacing:-.055em;margin:0 0 50px}
.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;max-width:1050px;margin:0 auto}
.actions button{background:transparent;color:#fff;border:1px solid #5a5852;border-radius:100px;padding:14px 20px;cursor:pointer;font-size:10px;letter-spacing:.12em;transition:.25s}.actions button:hover,.actions button.active{background:#fff;color:#171714}
.action-response{margin:34px 0 0;color:#b7b2aa;font-size:11px;letter-spacing:.1em}
.creators{display:grid;grid-template-columns:1fr 1fr;min-height:850px;background:var(--oxblood);color:#fff}
.creator-image{overflow:hidden}.creator-image img{filter:grayscale(.45) saturate(.6);mix-blend-mode:screen;opacity:.86}
.creator-copy{padding:8vw 6vw;display:flex;flex-direction:column;justify-content:center}
.creator-copy h2{font-size:clamp(50px,6vw,94px);line-height:.88;letter-spacing:-.055em;margin:0 0 35px}
.creator-copy p{font-size:18px;line-height:1.6;font-weight:300;max-width:520px;margin-bottom:34px}
.join{text-align:center;min-height:720px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.join h2{font-size:clamp(55px,7vw,106px);letter-spacing:-.05em;margin:0 0 30px}
.join-wordmark{font-size:clamp(50px,8.5vw,150px);font-weight:500;letter-spacing:.15em;line-height:1;white-space:nowrap;margin-bottom:60px}
.join-form{width:min(720px,92vw);display:flex;border-bottom:1px solid #222}.join-form input{flex:1;border:0;background:transparent;padding:18px 4px;outline:none;font-size:11px;letter-spacing:.12em}.join-form button{border:0;background:transparent;padding:18px 4px;cursor:pointer;font-size:11px;letter-spacing:.12em}.form-note{font-size:8px;letter-spacing:.15em;color:#88857e;margin-top:13px}
footer{background:#11110f;color:#e9e4da;padding:48px 4.5vw;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start}.footer-brand{font-size:27px;letter-spacing:.14em}.footer-links{display:flex;gap:22px;font-size:9px;letter-spacing:.15em}.footer-legal{grid-column:1/-1;font-size:8px;letter-spacing:.12em;color:#7b776f;border-top:1px solid #34332f;padding-top:26px;margin-top:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:980px){.site-header{padding:0 18px}.header-actions>a{display:none}.hero{height:820px;min-height:88vh}.hero h1{font-size:clamp(64px,15vw,120px)}.product-grid{grid-template-columns:1fr 1fr}.product-visual{height:520px}.meaning{grid-template-columns:1fr}.campaign-strip{grid-template-columns:1fr 1fr}.impact{grid-template-columns:1fr}.impact-image-wrap{height:650px}.creators{grid-template-columns:1fr}.creator-image{height:650px}.drawer-grid{grid-template-columns:1fr}.drawer-grid>div:not(:first-child){margin-top:25px}.drawer-grid a{font-size:18px}.drawer-footer{font-size:30px}}
@media(max-width:640px){.announcement{font-size:7px}.site-header{height:60px}.wordmark{font-size:15px}.header-actions{gap:0}.hero{height:760px}.hero-copy{left:22px;right:22px;bottom:60px}.hero h1{font-size:62px}.hero-links{gap:18px}.hero-side-note{display:none}.section-pad{padding:80px 20px}.section-head{align-items:flex-start;gap:25px;flex-direction:column}.product-grid{gap:8px}.product-visual{height:330px}.product-meta{display:block;font-size:8px;line-height:1.8}.product-meta span{display:block}.statement-image{min-height:620px;height:76vh}.statement-copy{left:20px;bottom:55px}.statement-copy p{font-size:47px}.meaning h2{font-size:56px}.meaning-copy p{font-size:20px}.campaign-strip{grid-template-columns:1fr}.campaign-strip article{min-height:250px;border-right:0;border-bottom:1px solid var(--line)}.campaign-strip h3{font-size:38px}.impact-image-wrap{height:520px}.impact-copy h2{font-size:60px}.impact-stat{grid-template-columns:1fr}.love-today h2{font-size:57px}.creators{min-height:0}.creator-image{height:520px}.creator-copy{padding:80px 20px}.creator-copy h2{font-size:54px}.join{min-height:580px}.join h2{font-size:55px}.join-wordmark{font-size:33px;margin-bottom:45px}.footer-links{flex-wrap:wrap;justify-content:flex-end}.drawer{padding:25px}.drawer-grid{margin-top:55px}.drawer-footer{font-size:24px}}

/* REVISION 002 START */
/* First-three-section luxury pass: hero, drop 001, first message campaign. */
.hero{
  min-height:680px;
  height:88vh;
  max-height:880px;
}
.hero img{
  object-position:center 38%;
  filter:saturate(.72) contrast(.94) brightness(.94);
  transform:scale(1.005);
}
.hero-wash{
  background:
    linear-gradient(90deg,rgba(0,0,0,.37),rgba(0,0,0,.05) 58%,rgba(0,0,0,.14)),
    linear-gradient(0deg,rgba(0,0,0,.28),transparent 38%);
}
.hero-copy{
  left:4.5vw;
  bottom:6.5vh;
  max-width:760px;
}
.hero-copy .eyebrow{margin-bottom:14px}
.hero h1{
  font-size:clamp(54px,5.7vw,92px);
  line-height:.88;
  letter-spacing:-.048em;
  margin:0 0 25px;
}
.hero-links{gap:30px}
.hero-side-note{right:24px;bottom:26px;opacity:.88}

.collection.section-pad{
  padding:72px 4.5vw 104px;
}
.collection .section-head{
  margin-bottom:32px;
  align-items:flex-end;
}
.collection .section-head .eyebrow{margin-bottom:13px}
.collection .section-head h2{
  font-size:clamp(42px,4.7vw,70px);
  line-height:.94;
}
.collection .product-grid{gap:12px}
.collection .product-card{min-width:0}
.collection .product-visual{
  height:455px;
  transition:transform .5s cubic-bezier(.2,.75,.2,1),filter .5s ease;
}
.collection .product-card:hover .product-visual{
  transform:translateY(-3px);
  filter:brightness(.985);
}
.collection .product-meta{
  padding-top:12px;
  font-size:9px;
  letter-spacing:.115em;
}
.collection .garment{
  transform:scale(.94);
  transform-origin:center center;
}

.statement-image{
  height:74vh;
  min-height:620px;
  max-height:820px;
}
.statement-image img{
  object-position:center 48%;
  filter:grayscale(.16) saturate(.70) contrast(.96) brightness(.92);
}
.statement-overlay{
  background:
    linear-gradient(90deg,rgba(12,12,12,.48),rgba(12,12,12,.08) 63%,rgba(12,12,12,.10)),
    linear-gradient(0deg,rgba(8,8,8,.22),transparent 42%);
}
.statement-copy{
  left:4.5vw;
  bottom:7vh;
  width:min(760px,76vw);
}
.statement-copy .statement-kicker{
  margin:0 0 15px;
  opacity:.92;
}
.statement-copy h2{
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(44px,5.2vw,78px);
  font-weight:400;
  line-height:.93;
  letter-spacing:-.045em;
  margin:0;
  text-wrap:balance;
}
.statement-copy a{margin-top:24px}

@media(max-width:980px){
  .hero{height:82vh;min-height:700px}
  .hero h1{font-size:clamp(54px,8vw,78px)}
  .collection .product-visual{height:500px}
  .statement-image{height:70vh;min-height:620px}
  .statement-copy{width:min(700px,86vw)}
  .statement-copy h2{font-size:clamp(44px,7vw,70px)}
}

@media(max-width:640px){
  .hero{height:76svh;min-height:640px;max-height:760px}
  .hero img{object-position:center 42%}
  .hero-copy{left:20px;right:20px;bottom:44px;max-width:none}
  .hero-copy .eyebrow{margin-bottom:11px}
  .hero h1{font-size:47px;line-height:.91;margin-bottom:21px}
  .hero-links{gap:16px}
  .collection.section-pad{padding:60px 20px 82px}
  .collection .section-head{gap:18px;margin-bottom:24px}
  .collection .section-head h2{font-size:43px}
  .collection .product-grid{gap:8px}
  .collection .product-visual{height:315px}
  .collection .product-meta{font-size:7.5px;padding-top:9px}
  .statement-image{height:68svh;min-height:560px;max-height:680px}
  .statement-image img{object-position:center 45%}
  .statement-copy{left:20px;right:20px;bottom:42px;width:auto}
  .statement-copy h2{font-size:43px;line-height:.94}
  .statement-copy a{margin-top:20px}
}
/* REVISION 002 END */


/* REVISION 003 START */
/* Cherry-inspired header + hero composition for LOVESOONER. */
.announcement{display:none !important}

.site-header.cherry-header{
  top:0;
  height:92px;
  padding:0 42px;
  grid-template-columns:1fr auto 1fr;
  border-bottom:0;
  color:#fff;
  background:transparent;
  text-shadow:0 1px 8px rgba(0,0,0,.12);
}
.header-left,
.site-header.cherry-header .header-actions{
  display:flex;
  align-items:center;
  gap:34px;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:14px;
  letter-spacing:0;
  white-space:nowrap;
}
.header-left{justify-content:flex-start}
.site-header.cherry-header .header-actions{justify-content:flex-end}
.header-left a,
.site-header.cherry-header .header-actions a,
.site-header.cherry-header .header-actions button{
  position:relative;
  font:inherit;
  color:inherit;
}
.header-left a::after,
.site-header.cherry-header .header-actions a::after,
.site-header.cherry-header .header-actions button::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:-5px;
  height:1px;
  background:currentColor;
  transition:right .28s ease;
}
.header-left a:hover::after,
.site-header.cherry-header .header-actions a:hover::after,
.site-header.cherry-header .header-actions button:hover::after{right:0}
.header-text-button,
.site-header.cherry-header .cart-button{
  border:0;
  padding:0;
  background:transparent;
  cursor:pointer;
}
.site-header.cherry-header .wordmark{
  font-size:27px;
  font-weight:500;
  letter-spacing:.16em;
  line-height:1;
  text-shadow:0 1px 10px rgba(0,0,0,.14);
}
.mobile-only{display:none}

.hero.cherry-hero{
  height:100vh;
  min-height:720px;
  max-height:none;
  position:relative;
  background:#8a7666;
}
.hero.cherry-hero img{
  object-position:center 40%;
  filter:saturate(.78) contrast(.96) brightness(.96);
  transform:scale(1.001);
}
.hero.cherry-hero .hero-wash{
  background:
    linear-gradient(180deg,rgba(10,8,6,.17) 0%,rgba(10,8,6,.035) 24%,transparent 58%),
    linear-gradient(0deg,rgba(10,8,6,.12) 0%,transparent 28%);
}
.hero-collection-link{
  position:absolute;
  left:70px;
  bottom:68px;
  z-index:3;
  color:#fff;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:15px;
  letter-spacing:.02em;
  padding-bottom:7px;
  border-bottom:1px solid rgba(255,255,255,.9);
  text-shadow:0 1px 8px rgba(0,0,0,.18);
}

/* Hide the old R2 hero copy elements if a cached HTML version ever contains them. */
.cherry-hero .hero-copy,
.cherry-hero .hero-side-note{display:none !important}

@media(max-width:1100px){
  .site-header.cherry-header{padding:0 28px;height:82px}
  .header-left,.site-header.cherry-header .header-actions{gap:21px;font-size:12px}
  .site-header.cherry-header .wordmark{font-size:23px}
  .hero-collection-link{left:42px;bottom:48px;font-size:14px}
}

@media(max-width:780px){
  .site-header.cherry-header{
    height:68px;
    padding:0 18px;
    grid-template-columns:1fr auto 1fr;
  }
  .header-left>a,
  .site-header.cherry-header .header-actions>a,
  .site-header.cherry-header .header-actions .header-text-button{display:none}
  .mobile-only{display:block}
  .site-header.cherry-header .header-left{gap:0}
  .site-header.cherry-header .header-actions{gap:0}
  .site-header.cherry-header .wordmark{font-size:18px;letter-spacing:.14em}
  .site-header.cherry-header .menu-button,
  .site-header.cherry-header .cart-button{
    display:block;
    font-family:"DM Sans",Helvetica,Arial,sans-serif;
    font-size:10px;
    letter-spacing:.12em;
  }
  .hero.cherry-hero{height:88svh;min-height:620px}
  .hero.cherry-hero img{object-position:center 42%}
  .hero-collection-link{left:20px;bottom:28px;font-size:12px;padding-bottom:5px}
}
/* REVISION 003 END */

/* REVISION 004 START */
/* Cherry-style header reveal: transparent on hero, warm ivory on hover/focus. */
.site-header.cherry-header{
  transition:
    background-color .28s cubic-bezier(.22,.61,.36,1),
    color .28s cubic-bezier(.22,.61,.36,1),
    box-shadow .28s ease,
    text-shadow .28s ease;
}
.site-header.cherry-header .wordmark{
  transition:color .28s cubic-bezier(.22,.61,.36,1),text-shadow .28s ease;
}

@media (hover:hover) and (pointer:fine){
  .site-header.cherry-header:hover{
    background:#f6f1e7;
    color:#181713;
    text-shadow:none;
    box-shadow:0 1px 0 rgba(24,23,19,.08);
  }
  .site-header.cherry-header:hover .wordmark{
    color:#8f1f28;
    text-shadow:none;
  }
}

.site-header.cherry-header:focus-within{
  background:#f6f1e7;
  color:#181713;
  text-shadow:none;
  box-shadow:0 1px 0 rgba(24,23,19,.08);
}
.site-header.cherry-header:focus-within .wordmark{
  color:#8f1f28;
  text-shadow:none;
}
/* REVISION 004 END */

/* REVISION 005 START */
/* Smaller editorial navigation, soft slide-down header reveal, and desktop dropdown architecture. */
.site-header.cherry-header{
  height:88px;
  isolation:isolate;
  overflow:visible;
  background:transparent !important;
  box-shadow:none !important;
  text-shadow:0 1px 8px rgba(0,0,0,.12);
}
.site-header.cherry-header::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:#f6f1e7;
  border-bottom:1px solid rgba(24,23,19,.08);
  transform:translateY(-102%);
  opacity:.2;
  transition:
    transform .42s cubic-bezier(.22,.61,.36,1),
    opacity .30s ease;
  pointer-events:none;
}
.site-header.cherry-header > *{
  position:relative;
  z-index:2;
}
.header-left,
.site-header.cherry-header .header-actions{
  gap:31px;
  font-size:12.5px;
  line-height:1;
}
.site-header.cherry-header .wordmark{
  font-size:25px;
  transition:color .34s ease,text-shadow .34s ease;
}
.header-left a,
.site-header.cherry-header .header-actions a,
.site-header.cherry-header .header-actions button{
  transition:color .30s ease;
}

.nav-item{
  position:relative;
  display:flex;
  align-items:center;
  height:100%;
}
.dropdown-panel{
  position:absolute;
  top:calc(100% + 36px);
  left:-22px;
  width:290px;
  padding:25px 26px 27px;
  background:#f6f1e7;
  color:#181713;
  text-shadow:none;
  border-top:1px solid rgba(24,23,19,.08);
  box-shadow:0 18px 38px rgba(29,25,20,.10);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-14px);
  transition:
    opacity .24s ease,
    transform .34s cubic-bezier(.22,.61,.36,1),
    visibility 0s linear .34s;
}
.dropdown-panel::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-38px;
  height:38px;
}
.dropdown-wide{
  width:430px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
}
.dropdown-compact{width:315px}
.dropdown-align-right{
  left:auto;
  right:-22px;
}
.dropdown-eyebrow{
  margin:0 0 17px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  line-height:1.3;
  letter-spacing:.20em;
  color:#8b857b;
}
.dropdown-column{
  display:flex;
  flex-direction:column;
  gap:11px;
}
.dropdown-panel > a,
.dropdown-column a,
.search-suggestions a{
  display:block;
  width:max-content;
  max-width:100%;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:13px !important;
  line-height:1.25;
  letter-spacing:0 !important;
  color:#181713 !important;
  text-decoration:none;
}
.dropdown-panel > a::after,
.dropdown-column a::after,
.search-suggestions a::after{display:none !important}
.dropdown-panel > a + a{margin-top:13px}
.dropdown-panel > a span{
  display:block;
}
.dropdown-panel > a small{
  display:block;
  margin-top:4px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:7.5px;
  line-height:1.3;
  letter-spacing:.12em;
  color:#8b857b;
}
.dropdown-panel a:hover{
  opacity:.55;
}

.dropdown-search{width:390px}
.header-search-form{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  border-bottom:1px solid #706b63;
  margin-top:3px;
}
.header-search-form input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  padding:10px 0 11px;
  color:#181713;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  letter-spacing:.10em;
}
.header-search-form input::placeholder{color:#7f796f}
.header-search-form button{
  border:0 !important;
  background:transparent !important;
  color:#181713 !important;
  font-family:"DM Sans",Helvetica,Arial,sans-serif !important;
  font-size:15px !important;
  padding:5px 0 5px 16px !important;
}
.header-search-form button::after{display:none !important}
.search-suggestions{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin-top:19px;
}
.search-suggestions a{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px !important;
  letter-spacing:.14em !important;
}
.dropdown-cart{width:300px}
.cart-empty{
  margin:0 0 21px;
  font-size:10px;
  letter-spacing:.11em;
  color:#57534c;
}
.dropdown-cta{
  display:block !important;
  width:100% !important;
  padding:12px 14px;
  border:1px solid #181713;
  text-align:center;
  font-family:"DM Sans",Helvetica,Arial,sans-serif !important;
  font-size:8px !important;
  letter-spacing:.13em !important;
}

@media (hover:hover) and (pointer:fine){
  .site-header.cherry-header:hover::before{
    transform:translateY(0);
    opacity:1;
  }
  .site-header.cherry-header:hover{
    color:#181713;
    text-shadow:none;
  }
  .site-header.cherry-header:hover .wordmark{
    color:#8f1f28;
    text-shadow:none;
  }
  .nav-item:hover > .dropdown-panel{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
    transition-delay:0s;
  }
}
.site-header.cherry-header:focus-within::before{
  transform:translateY(0);
  opacity:1;
}
.site-header.cherry-header:focus-within{
  color:#181713;
  text-shadow:none;
}
.site-header.cherry-header:focus-within .wordmark{
  color:#8f1f28;
  text-shadow:none;
}
.nav-item:focus-within > .dropdown-panel{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
  transition-delay:0s;
}

@media(max-width:1100px){
  .site-header.cherry-header{height:82px}
  .header-left,.site-header.cherry-header .header-actions{gap:20px;font-size:11px}
  .site-header.cherry-header .wordmark{font-size:22px}
  .dropdown-panel{top:calc(100% + 35px)}
}

@media(max-width:780px){
  .site-header.cherry-header{height:68px}
  .site-header.cherry-header::before{display:none}
  .header-left>.nav-item,
  .site-header.cherry-header .header-actions>.nav-item:not(.cart-nav-item){display:none}
  .site-header.cherry-header .header-actions>.cart-nav-item .dropdown-panel{display:none}
  .dropdown-panel{display:none}
}
/* REVISION 005 END */

/* REVISION 007 START */
/* Swap in the new LOVESOONER studio hero and tune crop/overlay for the seated phone-and-flowers composition. */
.hero.cherry-hero{
  background:#c5a284;
}
.hero.cherry-hero img{
  object-position:center 46%;
  filter:saturate(.96) contrast(.98) brightness(.97);
}
.hero.cherry-hero .hero-wash{
  background:
    linear-gradient(180deg,rgba(36,24,16,.16) 0%,rgba(36,24,16,.035) 21%,transparent 45%),
    linear-gradient(0deg,rgba(36,24,16,.07) 0%,transparent 22%);
}
.hero-collection-link{
  bottom:44px;
  left:68px;
}
@media(max-width:1100px){
  .hero.cherry-hero img{object-position:center 47%}
  .hero-collection-link{left:40px;bottom:34px}
}
@media(max-width:780px){
  .hero.cherry-hero img{object-position:58% 48%}
  .hero-collection-link{left:20px;bottom:22px}
}
/* REVISION 007 END */

/* OFFICIAL LOVESOONER BRAND START */

.brand-wordmark{
  width:245px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.brand-logo-image{
  display:block;
  width:100%;
  height:auto;
  filter:invert(1);
  transition:filter .32s ease, opacity .32s ease;
}

@media (hover:hover) and (pointer:fine){
  .site-header.cherry-header:hover .brand-logo-image{
    filter:none;
  }
}

.site-header.cherry-header:focus-within .brand-logo-image{
  filter:none;
}

.join-wordmark{
  width:min(760px,82vw);
  margin:0 auto 60px;
}

.join-logo-image{
  display:block;
  width:100%;
  height:auto;
}

.footer-brand{
  display:flex;
  align-items:center;
  gap:18px;
}

.footer-brand-logo{
  width:210px;
  height:auto;
  filter:invert(1);
}

.footer-brand-emblem{
  width:30px;
  height:30px;
  object-fit:contain;
  filter:invert(1);
}

@media(max-width:1100px){
  .brand-wordmark{
    width:215px;
  }
}

@media(max-width:780px){
  .brand-wordmark{
    width:170px;
    height:36px;
  }

  .join-wordmark{
    width:min(520px,88vw);
    margin-bottom:42px;
  }

  .footer-brand-logo{
    width:165px;
  }

  .footer-brand-emblem{
    width:24px;
    height:24px;
  }
}

/* OFFICIAL LOVESOONER BRAND END */

/* STORY PROMISE START */

.story-promise{
  background:#f5f1e8;
  color:#181713;
  border-top:1px solid rgba(24,23,19,.09);
  border-bottom:1px solid rgba(24,23,19,.09);
}

.story-promise-inner{
  max-width:1440px;
  margin:0 auto;
  padding:92px 4.75vw 0;
}

.story-intro{
  max-width:980px;
  margin:0 0 72px;
}

.story-eyebrow,
.story-label{
  margin:0;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  line-height:1;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#6c665d;
}

.story-eyebrow{
  margin-bottom:22px;
}

.story-intro h2{
  margin:0;
  max-width:860px;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(56px,6.2vw,94px);
  font-weight:400;
  line-height:.9;
  letter-spacing:-.045em;
  color:#11100d;
}

.story-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  border-top:1px solid rgba(24,23,19,.12);
}

.story-column{
  padding:48px 5.4vw 68px 0;
}

.story-column + .story-column{
  border-left:1px solid rgba(24,23,19,.12);
  padding:48px 0 68px 5.4vw;
}

.story-label{
  margin-bottom:28px;
  color:#23201b;
}

.story-column .story-lead{
  max-width:560px;
  margin:0 0 28px;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(26px,2vw,36px);
  font-weight:400;
  line-height:1.08;
  letter-spacing:-.02em;
  color:#15130f;
}

.story-column p{
  max-width:560px;
  margin:0 0 22px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:14px;
  font-weight:300;
  line-height:1.78;
  letter-spacing:-.005em;
  color:#22201c;
}

.story-actions{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:0 0 34px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#22201c;
}

.story-column strong{
  display:block;
  margin-top:34px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  line-height:1.75;
  letter-spacing:.16em;
  color:#14120f;
}

.promise-transparency{
  margin-top:34px !important;
  margin-bottom:26px !important;
  font-size:10px !important;
  font-weight:500 !important;
  line-height:1.55 !important;
  letter-spacing:.17em !important;
  text-transform:uppercase;
  color:#171510 !important;
}

.promise-lines{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:0;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  line-height:1.45;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#1a1814;
}

.story-link{
  display:inline-block;
  margin-top:34px;
  padding-bottom:8px;
  border-bottom:1px solid #181713;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#171510;
  transition:opacity .25s ease;
}

.story-link:hover{
  opacity:.68;
}

.story-manifesto{
  margin:0 -4.75vw;
  padding:54px 4.75vw 62px;
  border-top:1px solid rgba(24,23,19,.12);
  display:flex;
  flex-direction:column;
  gap:2px;
}

.story-manifesto span,
.story-manifesto strong{
  max-width:1320px;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(34px,4.4vw,70px);
  font-weight:400;
  line-height:.95;
  letter-spacing:-.038em;
}

.story-manifesto span{
  color:#a29a8e;
}

.story-manifesto strong{
  color:#181713;
}

@media(max-width:1100px){
  .story-promise-inner{
    padding:78px 32px 0;
  }

  .story-intro{
    max-width:840px;
    margin-bottom:58px;
  }

  .story-column{
    padding:42px 34px 58px 0;
  }

  .story-column + .story-column{
    padding:42px 0 58px 34px;
  }

  .story-manifesto{
    margin:0 -32px;
    padding:46px 32px 54px;
  }
}

@media(max-width:900px){
  .story-columns{
    grid-template-columns:1fr;
  }

  .story-column{
    padding:38px 0 48px;
  }

  .story-column + .story-column{
    border-left:0;
    border-top:1px solid rgba(24,23,19,.12);
    padding:38px 0 52px;
  }
}

@media(max-width:600px){
  .story-promise-inner{
    padding:64px 20px 0;
  }

  .story-intro{
    margin-bottom:44px;
  }

  .story-eyebrow{
    margin-bottom:16px;
  }

  .story-intro h2{
    font-size:46px;
    line-height:.94;
  }

  .story-label{
    margin-bottom:20px;
  }

  .story-column .story-lead{
    font-size:25px;
    line-height:1.08;
  }

  .story-column p{
    font-size:14px;
    line-height:1.72;
  }

  .story-actions,
  .promise-lines,
  .story-column strong,
  .promise-transparency,
  .story-link{
    font-size:9px !important;
  }

  .story-manifesto{
    margin:0 -20px;
    padding:40px 20px 46px;
  }

  .story-manifesto span,
  .story-manifesto strong{
    font-size:36px;
    line-height:.96;
  }
}

/* STORY PROMISE END */

/* LOVESOONER OFFICIAL BRAND SYSTEM START */

:root{
  --ls-red:#a93536;
  --ls-black:#11110f;
  --ls-white:#ffffff;
  --ls-ivory:#f6f1e7;
  --ls-beige:#eee7dc;
}

.brand-wordmark{
  width:235px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.brand-logo-stack{
  position:relative;
  display:block;
  width:100%;
  height:42px;
}

.brand-logo{
  position:absolute;
  inset:50% auto auto 50%;
  width:100%;
  height:auto;
  transform:translate(-50%,-50%);
  display:block;
  transition:
    opacity .36s cubic-bezier(.22,.61,.36,1),
    transform .36s cubic-bezier(.22,.61,.36,1);
}

.brand-logo-white{
  opacity:1;
}

.brand-logo-red{
  opacity:0;
}

@media (hover:hover) and (pointer:fine){
  .site-header.cherry-header:hover .brand-logo-white{
    opacity:0;
  }

  .site-header.cherry-header:hover .brand-logo-red{
    opacity:1;
  }
}

.site-header.cherry-header:focus-within .brand-logo-white{
  opacity:0;
}

.site-header.cherry-header:focus-within .brand-logo-red{
  opacity:1;
}

.site-header.cherry-header::before{
  background:var(--ls-ivory);
}

.site-header.cherry-header:hover,
.site-header.cherry-header:focus-within{
  color:var(--ls-black);
}

.dropdown-panel{
  background:var(--ls-ivory);
  color:var(--ls-black);
}

.dropdown-panel > a,
.dropdown-column a,
.search-suggestions a{
  color:var(--ls-black) !important;
}

.join-wordmark{
  width:min(680px,78vw);
  margin:0 auto 58px;
  line-height:1;
}

.join-brand-logo{
  display:block;
  width:100%;
  height:auto;
}

.footer-brand{
  display:flex;
  align-items:center;
}

.footer-brand-logo{
  display:block;
  width:215px;
  height:auto;
}

.story-promise{
  background:var(--ls-ivory);
}

.story-link:hover{
  color:var(--ls-red);
  border-color:var(--ls-red);
}

::selection{
  background:var(--ls-red);
  color:var(--ls-white);
}

@media(max-width:1100px){
  .brand-wordmark{
    width:210px;
  }
}

@media(max-width:780px){
  .brand-wordmark{
    width:166px;
    height:38px;
  }

  .brand-logo-stack{
    height:34px;
  }

  .join-wordmark{
    width:min(500px,84vw);
    margin-bottom:42px;
  }

  .footer-brand-logo{
    width:165px;
  }
}

/* LOVESOONER OFFICIAL BRAND SYSTEM END */

/* FINAL HEADER LOGO SYSTEM START */

.brand-wordmark{
  width:235px !important;
  height:46px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.brand-logo-stack{
  position:relative !important;
  display:block !important;
  width:235px !important;
  height:44px !important;
  background:none !important;

  -webkit-mask-image:none !important;
  mask-image:none !important;
}

.brand-logo-stack .brand-logo{
  display:block !important;
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  width:235px !important;
  max-width:none !important;
  height:auto !important;

  transform:translate(-50%,-50%) !important;

  filter:none !important;
  mix-blend-mode:normal !important;

  pointer-events:none !important;

  transition:
    opacity .35s cubic-bezier(.22,.61,.36,1) !important;
}

.brand-logo-stack .brand-logo-white{
  opacity:1 !important;
  visibility:visible !important;
  z-index:2 !important;
}

.brand-logo-stack .brand-logo-red{
  opacity:0 !important;
  visibility:visible !important;
  z-index:3 !important;
}

@media (hover:hover) and (pointer:fine){

  .site-header.cherry-header:hover
  .brand-logo-stack
  .brand-logo-white{
    opacity:0 !important;
  }

  .site-header.cherry-header:hover
  .brand-logo-stack
  .brand-logo-red{
    opacity:1 !important;
  }

}

.site-header.cherry-header:focus-within
.brand-logo-stack
.brand-logo-white{
  opacity:0 !important;
}

.site-header.cherry-header:focus-within
.brand-logo-stack
.brand-logo-red{
  opacity:1 !important;
}

@media(max-width:1100px){
  .brand-wordmark,
  .brand-logo-stack{
    width:210px !important;
  }

  .brand-logo-stack .brand-logo{
    width:210px !important;
  }
}

@media(max-width:780px){
  .brand-wordmark,
  .brand-logo-stack{
    width:165px !important;
  }

  .brand-logo-stack{
    height:36px !important;
  }

  .brand-logo-stack .brand-logo{
    width:165px !important;
  }
}

/* FINAL HEADER LOGO SYSTEM END */

/* RED NAV HOVER START */

.site-header.cherry-header .nav-item > a,
.site-header.cherry-header .header-text-button,
.dropdown-panel a{
  transition:
    color .24s cubic-bezier(.22,.61,.36,1),
    opacity .24s ease,
    border-color .24s ease !important;
}

@media (hover:hover) and (pointer:fine){

  .site-header.cherry-header .nav-item > a:hover,
  .site-header.cherry-header .header-text-button:hover{
    color:#a93536 !important;
  }

  .site-header.cherry-header .nav-item > a:hover::after{
    background:#a93536 !important;
    border-color:#a93536 !important;
  }

  .site-header.cherry-header .dropdown-panel a:hover,
  .site-header.cherry-header .dropdown-column a:hover,
  .site-header.cherry-header .search-suggestions a:hover{
    color:#a93536 !important;
    opacity:1 !important;
  }

}

.nav-item:focus-within > a{
  color:#a93536;
}

/* RED NAV HOVER END */

/* HERO IMAGE FIT UPDATE START */

.hero.cherry-hero{
  position:relative;
  width:100%;
  height:100vh;
  min-height:100vh;
  max-height:none;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#c59c78;
}

.hero.cherry-hero > img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center center;
  transform:none !important;
}

.hero.cherry-hero .hero-wash{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  background:
    linear-gradient(
      180deg,
      rgba(22,14,9,.13) 0%,
      rgba(22,14,9,.02) 24%,
      transparent 48%
    );
}

.hero.cherry-hero .hero-collection-link{
  position:absolute;
  left:42px;
  bottom:30px;
  z-index:3;
}

@media(max-width:780px){
  .hero.cherry-hero{
    height:100svh;
    min-height:100svh;
  }

  .hero.cherry-hero > img{
    object-fit:cover;
    object-position:56% center;
  }

  .hero.cherry-hero .hero-collection-link{
    left:20px;
    bottom:22px;
  }
}

/* HERO IMAGE FIT UPDATE END */

/* STORY TITLE ONE LINE START */

.story-intro{
  max-width:none !important;
}

.story-intro .story-title{
  max-width:none !important;
  width:100%;
  margin:0;
  white-space:nowrap;
  font-family:"Libre Caslon Display", Georgia, serif;
  font-size:clamp(50px,5.35vw,86px);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.045em;
  color:#11110f;
}

.story-intro .story-love-red{
  color:#a93536;
}

@media(max-width:900px){
  .story-intro .story-title{
    white-space:normal;
    font-size:clamp(46px,8vw,70px);
  }
}

/* STORY TITLE ONE LINE END */

/* STORY TYPEWRITER START */

.story-typewriter-title{
  display:flex !important;
  align-items:baseline;
  gap:.18em;
  max-width:none !important;
  width:100%;
  white-space:nowrap !important;
}

.story-typewriter-title .story-love-red{
  flex:0 0 auto;
  color:#a93536;
}

.story-type-wrap{
  display:inline-flex;
  align-items:baseline;
  min-width:14ch;
  color:#11110f;
}

.story-type-target{
  display:inline-block;
}

.story-type-caret{
  display:inline-block;
  width:1px;
  height:.76em;
  margin-left:.08em;
  background:#a93536;
  transform:translateY(.06em);
  animation:story-caret-blink 1.05s steps(1,end) infinite;
}

@keyframes story-caret-blink{
  0%,48%{opacity:1}
  49%,100%{opacity:0}
}

@media(max-width:900px){
  .story-typewriter-title{
    display:block !important;
    white-space:normal !important;
  }

  .story-type-wrap{
    display:inline-flex;
    min-width:0;
    margin-left:.08em;
  }
}

@media(prefers-reduced-motion:reduce){
  .story-type-caret{
    display:none;
  }
}

/* STORY TYPEWRITER END */

/* STORY COPY SHORTENED START */

.story-column{
  padding-top:44px;
  padding-bottom:60px;
}

.story-column + .story-column{
  padding-top:44px;
  padding-bottom:60px;
}

.story-column .story-lead{
  max-width:540px;
  font-size:clamp(24px,1.75vw,31px);
  line-height:1.1;
  margin-bottom:30px;
}

.story-column p{
  max-width:555px;
  font-size:14px;
  line-height:1.72;
}

.story-actions{
  gap:7px;
  margin-bottom:31px;
}

.story-bridge{
  margin-bottom:8px !important;
}

.story-emphasis{
  margin:0 0 34px !important;
  font-family:"Libre Caslon Display", Georgia, serif !important;
  font-size:clamp(24px,1.9vw,31px) !important;
  font-weight:400 !important;
  line-height:1.05 !important;
  letter-spacing:-.02em !important;
  color:#a93536 !important;
}

.story-column strong{
  margin-top:0;
}

.promise-transparency{
  margin-top:34px !important;
}

.story-link{
  margin-top:32px;
}

@media(max-width:900px){
  .story-column,
  .story-column + .story-column{
    padding-top:38px;
    padding-bottom:48px;
  }
}

@media(max-width:600px){
  .story-column .story-lead{
    font-size:24px;
  }

  .story-emphasis{
    font-size:25px !important;
  }
}

/* STORY COPY SHORTENED END */

/* STORY LUXURY MICRO REFINEMENT START */

.story-label{
  margin-bottom:36px !important;
  letter-spacing:.18em !important;
}

.story-column .story-lead{
  max-width:540px;
  font-size:clamp(22px,1.6vw,28px) !important;
  line-height:1.12 !important;
  letter-spacing:-.018em !important;
  margin-bottom:30px !important;
}

.story-actions{
  letter-spacing:.115em !important;
  gap:7px !important;
}

.story-column strong{
  letter-spacing:.12em !important;
}

.promise-transparency{
  letter-spacing:.13em !important;
}

.promise-lines{
  letter-spacing:.115em !important;
}

.story-link{
  letter-spacing:.11em !important;
}

@media(max-width:900px){
  .story-label{
    margin-bottom:30px !important;
  }

  .story-column .story-lead{
    font-size:26px !important;
  }
}

@media(max-width:600px){
  .story-label{
    margin-bottom:25px !important;
  }

  .story-column .story-lead{
    font-size:23px !important;
  }
}

/* STORY LUXURY MICRO REFINEMENT END */

/* SAY IT NOW HOMEPAGE GRID START */

.sayit-collection{
  background:#f6f1e7;
  color:#11110f;
  padding:78px 3.5vw 0;
  border-top:1px solid rgba(17,17,15,.10);
  border-bottom:1px solid rgba(17,17,15,.10);
}

.sayit-intro{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  align-items:end;
  gap:8vw;
  padding-bottom:42px;
}

.sayit-eyebrow{
  margin:0 0 15px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:11px;
  font-weight:500;
  line-height:1;
  letter-spacing:.17em;
  color:#766f65;
}

.sayit-heading h2{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(52px,5vw,80px);
  font-weight:400;
  line-height:.92;
  letter-spacing:-.045em;
}

.sayit-heading h2 span{
  color:#a93536;
}

.sayit-description{
  max-width:480px;
}

.sayit-description p{
  margin:0 0 23px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:16px;
  font-weight:300;
  line-height:1.6;
}

.sayit-view-all,
.sayit-footer > a{
  display:inline-block;
  padding-bottom:7px;
  border-bottom:1px solid currentColor;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:11px;
  font-weight:500;
  line-height:1;
  letter-spacing:.10em;
  transition:
    color .24s ease,
    border-color .24s ease;
}

.sayit-view-all:hover,
.sayit-footer > a:hover{
  color:#a93536;
  border-color:#a93536;
}


.sayit-product-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  border-top:1px solid rgba(17,17,15,.12);
  padding-top:10px;
}

.sayit-product{
  display:block;
  min-width:0;
  color:#11110f;
}

.sayit-product-image{
  position:relative;
  height:510px;
  overflow:hidden;
  background:#ebe5dd;
}

.sayit-product-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  transition:transform .65s cubic-bezier(.22,.61,.36,1);
}

.sayit-cutout{
  background:transparent;
}

.sayit-cutout img{
  width:92%;
  height:92%;
  margin:auto;
  object-fit:contain;
  object-position:center center;
}

.sayit-product:hover img{
  transform:scale(1.014);
}

.sayit-product-info{
  min-height:120px;
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:14px;
  row-gap:7px;
  padding:17px 3px 21px;
  border-bottom:1px solid rgba(17,17,15,.12);
}

.sayit-product-number{
  padding-top:3px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  line-height:1;
  letter-spacing:.14em;
  color:#8a8378;
}

.sayit-product-info h3{
  margin:0 0 7px;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:22px;
  font-weight:400;
  line-height:1;
  letter-spacing:-.025em;
  transition:color .24s ease;
}

.sayit-product:hover h3{
  color:#a93536;
}

.sayit-product-info p{
  margin:0;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:11px;
  font-weight:400;
  line-height:1.45;
  letter-spacing:.06em;
  color:#625d55;
}

.sayit-product-status{
  grid-column:2;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  line-height:1;
  letter-spacing:.10em;
  color:#a93536;
}

.sayit-product-placeholder{
  opacity:.93;
}


.sayit-footer{
  min-height:102px;
  margin:58px -3.5vw 0;
  padding:0 3.5vw;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  border-top:1px solid rgba(17,17,15,.12);
}

.sayit-footer > div{
  display:flex;
  align-items:center;
  gap:26px;
}

.sayit-footer span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.12em;
  color:#787168;
}

.sayit-footer strong{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:11px;
  font-weight:500;
  letter-spacing:.10em;
  color:#a93536;
}


@media(max-width:1200px){

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

  .sayit-product-image{
    height:620px;
  }

}


@media(max-width:800px){

  .sayit-collection{
    padding:64px 22px 0;
  }

  .sayit-intro{
    grid-template-columns:1fr;
    gap:25px;
    padding-bottom:34px;
  }

  .sayit-product-image{
    height:72vw;
    max-height:590px;
  }

  .sayit-footer{
    margin-left:-22px;
    margin-right:-22px;
    padding:24px 22px;
  }

}


@media(max-width:560px){

  .sayit-collection{
    padding:54px 16px 0;
  }

  .sayit-heading h2{
    font-size:45px;
  }

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

  .sayit-product-image{
    height:112vw;
    max-height:620px;
  }

  .sayit-footer{
    margin-left:-16px;
    margin-right:-16px;
    padding:26px 16px;
    align-items:flex-start;
    flex-direction:column;
  }

  .sayit-footer > div{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }

}

/* SAY IT NOW HOMEPAGE GRID END */







/* SAY IT PRODUCT HOVER STACK START */

.sayit-product-real .sayit-smooth-gallery{
  position:relative !important;
  overflow:hidden !important;
  background:#e9e3db !important;
  isolation:isolate;
}

.sayit-model-layer{
  position:absolute !important;
  inset:0 !important;

  width:100% !important;
  height:100% !important;

  display:block !important;

  object-fit:cover !important;
  object-position:center 38% !important;

  opacity:1;
  z-index:1;

  pointer-events:none;

  transition:
    opacity .46s cubic-bezier(.22,.61,.36,1),
    transform .75s cubic-bezier(.22,.61,.36,1) !important;
}

.sayit-hover-layer{
  position:absolute;
  inset:0;

  z-index:2;

  background:#f6f1e7;

  opacity:0;

  pointer-events:none;

  transition:
    opacity .46s cubic-bezier(.22,.61,.36,1);
}

.sayit-hover-garment{
  position:absolute !important;

  display:block !important;

  width:78% !important;
  height:auto !important;
  max-height:72% !important;

  object-fit:contain !important;

  background:transparent !important;
  mix-blend-mode:normal !important;

  pointer-events:none;

  transition:
    transform .72s cubic-bezier(.22,.61,.36,1),
    opacity .42s ease !important;
}

.sayit-hover-front{
  top:1%;
  left:-3%;

  transform:
    translate(-2%,-1%)
    rotate(-2.5deg)
    scale(.96);
}

.sayit-hover-back{
  right:-3%;
  bottom:1%;

  transform:
    translate(2%,1%)
    rotate(2.5deg)
    scale(.96);
}

@media (hover:hover) and (pointer:fine){

  .sayit-product-real:hover .sayit-model-layer{
    opacity:0;
    transform:scale(1.012) !important;
  }

  .sayit-product-real:hover .sayit-hover-layer{
    opacity:1;
  }

  .sayit-product-real:hover .sayit-hover-front{
    transform:
      translate(0,0)
      rotate(-2.5deg)
      scale(1.03);
  }

  .sayit-product-real:hover .sayit-hover-back{
    transform:
      translate(0,0)
      rotate(2.5deg)
      scale(1.03);
  }

}

.sayit-product-real:focus-visible{
  outline:1px solid #a93536;
  outline-offset:3px;
}

@media(max-width:560px){

  .sayit-hover-garment{
    width:80% !important;
    max-height:70% !important;
  }

}

/* SAY IT PRODUCT HOVER STACK END */





/* MOBILE HERO IMAGE START */

.hero.cherry-hero .hero-picture{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
}

.hero.cherry-hero .hero-picture img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}

@media(max-width:780px){

  .hero.cherry-hero{
    height:100svh !important;
    min-height:100svh !important;
  }

  .hero.cherry-hero .hero-picture img{
    object-fit:cover !important;
    object-position:center 48% !important;
  }

}

/* MOBILE HERO IMAGE END */

/* STICKY HOVER ONLY START */

.site-header.cherry-header{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;

  width:100% !important;

  z-index:9999 !important;

  background:transparent !important;
  color:#ffffff !important;

  border-bottom:1px solid transparent !important;
  box-shadow:none !important;

  text-shadow:0 1px 9px rgba(0,0,0,.20);

  transition:
    color .34s ease,
    box-shadow .34s ease,
    text-shadow .34s ease !important;
}

.site-header.cherry-header::before{
  content:"";
  position:absolute;
  inset:0;

  z-index:0;

  background:#f6f1e7;

  border-bottom:1px solid rgba(17,17,15,.10);

  opacity:0;

  transform:translateY(-102%);

  pointer-events:none;

  transition:
    transform .42s cubic-bezier(.22,.61,.36,1),
    opacity .30s ease !important;
}

.site-header.cherry-header > *{
  position:relative;
  z-index:2;
}

.site-header.cherry-header .header-left,
.site-header.cherry-header .header-actions,
.site-header.cherry-header .header-text-button,
.site-header.cherry-header .cart-button,
.site-header.cherry-header .menu-button{
  color:#ffffff !important;
}

.site-header.cherry-header .brand-logo-white{
  opacity:1 !important;
}

.site-header.cherry-header .brand-logo-red{
  opacity:0 !important;
}


@media (hover:hover) and (pointer:fine){

  .site-header.cherry-header:hover{
    color:#11110f !important;
    text-shadow:none !important;

    box-shadow:
      0 1px 0 rgba(17,17,15,.04),
      0 7px 24px rgba(17,17,15,.04) !important;
  }

  .site-header.cherry-header:hover::before{
    opacity:1 !important;
    transform:translateY(0) !important;
  }

  .site-header.cherry-header:hover .header-left,
  .site-header.cherry-header:hover .header-actions,
  .site-header.cherry-header:hover .header-text-button,
  .site-header.cherry-header:hover .cart-button{
    color:#11110f !important;
  }

  .site-header.cherry-header:hover .brand-logo-white{
    opacity:0 !important;
  }

  .site-header.cherry-header:hover .brand-logo-red{
    opacity:1 !important;
  }

  .site-header.cherry-header .nav-item > a:hover,
  .site-header.cherry-header .header-text-button:hover,
  .site-header.cherry-header .cart-button:hover{
    color:#a93536 !important;
  }

}


.site-header.cherry-header:focus-within{
  color:#11110f !important;
  text-shadow:none !important;
}

.site-header.cherry-header:focus-within::before{
  opacity:1 !important;
  transform:translateY(0) !important;
}

.site-header.cherry-header:focus-within .header-left,
.site-header.cherry-header:focus-within .header-actions,
.site-header.cherry-header:focus-within .header-text-button,
.site-header.cherry-header:focus-within .cart-button,
.site-header.cherry-header:focus-within .menu-button{
  color:#11110f !important;
}

.site-header.cherry-header:focus-within .brand-logo-white{
  opacity:0 !important;
}

.site-header.cherry-header:focus-within .brand-logo-red{
  opacity:1 !important;
}


@media(max-width:780px){

  .site-header.cherry-header{
    position:fixed !important;
    height:64px !important;
    padding:0 18px !important;
  }

  .site-header.cherry-header::before{
    display:none !important;
  }

  .site-header.cherry-header .menu-button,
  .site-header.cherry-header .cart-button{
    color:#ffffff !important;
    text-shadow:0 1px 8px rgba(0,0,0,.22);
  }

  .drawer{
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    z-index:10001 !important;
    padding-top:84px !important;
  }

  .drawer-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:10000 !important;
  }

}

/* STICKY HOVER ONLY END */

/* TRUE MESSAGE SCALE START */

#meaning.meaning{
  padding-top:88px !important;
  padding-bottom:88px !important;
  gap:clamp(45px,6vw,100px) !important;
}

#meaning .meaning-kicker{
  font-size:11px !important;
  line-height:1.2 !important;
  letter-spacing:.20em !important;
}

#meaning .meaning-copy{
  max-width:760px !important;
}

#meaning .meaning-copy h2{
  max-width:620px !important;
  margin:0 0 30px !important;

  font-size:clamp(46px,4vw,64px) !important;
  line-height:.96 !important;
  letter-spacing:-.038em !important;
}

#meaning .meaning-copy p{
  max-width:720px !important;
  margin:0 0 22px !important;

  font-size:18px !important;
  line-height:1.5 !important;
  letter-spacing:-.012em !important;

  color:#292824 !important;
}

#meaning .meaning-copy p:nth-of-type(2){
  margin-top:30px !important;
  font-size:17px !important;
}

#meaning .meaning-copy strong{
  display:block !important;

  margin-top:42px !important;

  font-size:12px !important;
  line-height:1.5 !important;
  letter-spacing:.18em !important;
  font-weight:500 !important;
}


#movement.campaign-strip article{
  min-height:260px !important;

  padding:
    34px
    30px
    42px !important;
}

#movement.campaign-strip span{
  font-size:10px !important;
  letter-spacing:.18em !important;
}

#movement.campaign-strip h3{
  margin:auto 0 16px !important;

  font-size:clamp(28px,2.5vw,36px) !important;
  line-height:1.02 !important;
  letter-spacing:-.032em !important;
}

#movement.campaign-strip p{
  max-width:225px !important;

  margin:0 !important;

  font-size:14px !important;
  line-height:1.55 !important;
}


@media(max-width:980px){

  #meaning.meaning{
    padding-top:72px !important;
    padding-bottom:72px !important;
  }

  #meaning .meaning-copy{
    max-width:680px !important;
  }

  #meaning .meaning-copy h2{
    font-size:52px !important;
  }

}


@media(max-width:640px){

  #meaning.meaning{
    padding:
      64px
      20px
      68px !important;

    gap:34px !important;
  }

  #meaning .meaning-copy h2{
    max-width:100% !important;

    margin-bottom:24px !important;

    font-size:40px !important;
    line-height:.98 !important;
  }

  #meaning .meaning-copy p{
    font-size:16px !important;
    line-height:1.55 !important;
  }

  #meaning .meaning-copy p:nth-of-type(2){
    margin-top:24px !important;
    font-size:16px !important;
  }

  #meaning .meaning-copy strong{
    margin-top:32px !important;
    font-size:11px !important;
  }

  #movement.campaign-strip article{
    min-height:215px !important;

    padding:
      26px
      20px
      30px !important;
  }

  #movement.campaign-strip h3{
    font-size:30px !important;
    margin-bottom:13px !important;
  }

  #movement.campaign-strip p{
    font-size:14px !important;
  }

}

/* TRUE MESSAGE SCALE END */



/* LOVESOONER IMPACT START */

.ls-impact{
  background:#f4f0e7;
  color:#171714;
}

.ls-impact-intro{
  display:grid;
  grid-template-columns:1.1fr .7fr;
  gap:8vw;

  padding:
    92px
    4.5vw
    84px;
}

.ls-impact-eyebrow{
  margin:0 0 19px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  line-height:1.2;
  letter-spacing:.2em;

  color:#777269;
}

.ls-impact-heading h2{
  margin:0;
  max-width:840px;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(46px,4.35vw,68px);
  font-weight:400;
  line-height:.97;
  letter-spacing:-.042em;
}

.ls-impact-heading h2 span{
  color:#a93536;
}

.ls-impact-copy{
  max-width:510px;
  align-self:end;
}

.ls-impact-copy p{
  margin:0 0 17px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:15px;
  font-weight:300;
  line-height:1.65;

  color:#4f4b44;
}

.ls-impact-copy .ls-impact-lead{
  margin-bottom:22px;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:25px;
  line-height:1.15;
  letter-spacing:-.02em;

  color:#171714;
}

.ls-impact-copy a{
  display:inline-block;
  margin-top:20px;
  padding-bottom:5px;

  border-bottom:1px solid #171714;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.13em;
}


.ls-impact-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);

  border-top:1px solid rgba(23,23,20,.16);
  border-bottom:1px solid rgba(23,23,20,.16);
}

.ls-impact-grid article{
  min-height:330px;

  padding:
    30px
    32px
    36px;

  border-right:1px solid rgba(23,23,20,.16);

  display:flex;
  flex-direction:column;
}

.ls-impact-grid article:last-child{
  border-right:0;
}

.ls-impact-number{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.17em;

  color:#a93536;
}

.ls-impact-grid article > div{
  margin-top:auto;
}

.ls-impact-label{
  margin:0 0 13px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.16em;

  color:#777269;
}

.ls-impact-grid h3{
  max-width:390px;

  margin:0 0 16px;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(25px,2vw,33px);
  font-weight:400;
  line-height:1.03;
  letter-spacing:-.028em;
}

.ls-impact-grid article > div > p:last-child{
  max-width:390px;

  margin:0;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.6;

  color:#5d5951;
}


.ls-impact-partner{
  display:grid;
  grid-template-columns:1.1fr .7fr;
  gap:8vw;

  padding:
    82px
    4.5vw;

  background:#a93536;
  color:#fff;
}

.ls-impact-partner .ls-impact-eyebrow{
  color:rgba(255,255,255,.64);
}

.ls-impact-partner h2{
  max-width:790px;

  margin:0;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(40px,3.9vw,61px);
  font-weight:400;
  line-height:.97;
  letter-spacing:-.038em;
}

.ls-impact-partner h2 span{
  color:#171714;
}

.ls-impact-partner-right{
  max-width:480px;
  align-self:end;
}

.ls-impact-partner-right > p{
  margin:0;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:14px;
  font-weight:300;
  line-height:1.65;

  color:rgba(255,255,255,.82);
}

.ls-impact-partner-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;

  margin-top:28px;
}

.ls-impact-partner-actions a{
  padding-bottom:4px;

  border-bottom:1px solid rgba(255,255,255,.7);

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.12em;
}


.ls-impact-ledger{
  display:grid;
  grid-template-columns:1.25fr repeat(3,1fr);

  padding:
    30px
    4.5vw
    33px;

  border-bottom:1px solid rgba(23,23,20,.16);

  align-items:center;
}

.ls-impact-ledger > p{
  margin:0;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.18em;
}

.ls-impact-ledger > div{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.ls-impact-ledger span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  letter-spacing:.14em;

  color:#777269;
}

.ls-impact-ledger strong{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:12px;
  font-weight:500;
  letter-spacing:.08em;
}


@media(max-width:980px){

  .ls-impact-intro,
  .ls-impact-partner{
    grid-template-columns:1fr;
    gap:42px;

    padding-left:28px;
    padding-right:28px;
  }

  .ls-impact-copy,
  .ls-impact-partner-right{
    max-width:650px;
  }

  .ls-impact-grid{
    grid-template-columns:1fr;
  }

  .ls-impact-grid article{
    min-height:250px;

    border-right:0;
    border-bottom:1px solid rgba(23,23,20,.16);
  }

  .ls-impact-grid article:last-child{
    border-bottom:0;
  }

  .ls-impact-ledger{
    grid-template-columns:1fr 1fr;
    gap:28px;

    padding-left:28px;
    padding-right:28px;
  }

}


@media(max-width:640px){

  .ls-impact-intro{
    padding:
      60px
      20px
      56px;
  }

  .ls-impact-heading h2{
    font-size:40px;
  }

  .ls-impact-copy .ls-impact-lead{
    font-size:23px;
  }

  .ls-impact-grid article{
    min-height:225px;

    padding:
      25px
      20px
      29px;
  }

  .ls-impact-grid h3{
    font-size:28px;
  }

  .ls-impact-partner{
    padding:
      60px
      20px
      64px;
  }

  .ls-impact-partner h2{
    font-size:37px;
  }

  .ls-impact-ledger{
    grid-template-columns:1fr;

    gap:25px;

    padding:
      30px
      20px
      35px;
  }

  .ls-impact-ledger > p{
    margin-bottom:9px;
  }

}

/* LOVESOONER IMPACT END */

/* LOVESOONER MOVEMENT START */

.ls-movement{
  background:#f6f2ea;
  color:#171714;
}

.ls-movement-hero{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  min-height:680px;
}

.ls-movement-image{
  position:relative;
  overflow:hidden;
  background:#ddd7cd;
}

.ls-movement-image img{
  position:absolute;
  inset:0;

  width:100%;
  height:100%;

  object-fit:cover;
  object-position:center;
}

.ls-movement-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;

  padding:
    82px
    clamp(38px,5vw,78px);
}

.ls-movement-eyebrow{
  margin:0 0 20px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  line-height:1.2;
  letter-spacing:.2em;

  color:#777269;
}

.ls-movement-copy h2,
.ls-movement-community h2{
  margin:0;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-weight:400;
  letter-spacing:-.042em;
}

.ls-movement-copy h2{
  font-size:clamp(43px,4vw,63px);
  line-height:.97;
}

.ls-movement-copy h2 span,
.ls-movement-community h2 span{
  color:#a93536;
}

.ls-movement-copy > p{
  max-width:530px;

  margin:
    0
    0
    17px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:15px;
  font-weight:300;
  line-height:1.65;

  color:#4f4b44;
}

.ls-movement-copy .ls-movement-lead{
  margin-top:34px;
  margin-bottom:20px;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:24px;
  line-height:1.15;

  color:#171714;
}

.ls-movement-copy > a{
  width:max-content;

  margin-top:20px;
  padding-bottom:5px;

  border-bottom:1px solid #171714;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.14em;
}


.ls-movement-actions{
  display:grid;
  grid-template-columns:repeat(4,1fr);

  border-top:1px solid rgba(23,23,20,.15);
  border-bottom:1px solid rgba(23,23,20,.15);
}

.ls-movement-actions article{
  min-height:275px;

  padding:
    28px
    28px
    32px;

  border-right:1px solid rgba(23,23,20,.15);

  display:flex;
  flex-direction:column;
}

.ls-movement-actions article:last-child{
  border-right:0;
}

.ls-movement-actions article > span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.17em;

  color:#a93536;
}

.ls-movement-actions article > div{
  margin-top:auto;
}

.ls-movement-actions h3{
  margin:0 0 13px;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(27px,2.25vw,35px);
  font-weight:400;
  line-height:1;
  letter-spacing:-.03em;
}

.ls-movement-actions p{
  max-width:260px;

  margin:0;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.55;

  color:#5a564e;
}


.ls-movement-community{
  display:grid;
  grid-template-columns:1fr .7fr;
  gap:9vw;

  padding:
    86px
    4.5vw
    90px;

  background:#171714;
  color:#fff;
}

.ls-movement-community .ls-movement-eyebrow{
  color:rgba(255,255,255,.5);
}

.ls-movement-community h2{
  font-size:clamp(42px,4.15vw,64px);
  line-height:.95;
}

.ls-community-copy{
  max-width:510px;
  align-self:end;
}

.ls-community-copy p{
  margin:0 0 18px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:15px;
  font-weight:300;
  line-height:1.65;

  color:rgba(255,255,255,.7);
}

.ls-community-links{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:13px;

  margin-top:28px;
}

.ls-community-links a{
  padding-bottom:4px;

  border-bottom:1px solid rgba(255,255,255,.7);

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.13em;
}


.ls-movement-hashtag{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;

  padding:
    28px
    4.5vw
    31px;

  background:#a93536;
  color:#fff;
}

.ls-movement-hashtag span,
.ls-movement-hashtag p{
  margin:0;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.17em;
}


@media(max-width:980px){

  .ls-movement-hero{
    grid-template-columns:1fr;
  }

  .ls-movement-image{
    height:620px;
  }

  .ls-movement-copy{
    padding:
      70px
      28px
      74px;
  }

  .ls-movement-actions{
    grid-template-columns:1fr 1fr;
  }

  .ls-movement-actions article:nth-child(2){
    border-right:0;
  }

  .ls-movement-actions article:nth-child(-n+2){
    border-bottom:1px solid rgba(23,23,20,.15);
  }

  .ls-movement-community{
    grid-template-columns:1fr;
    gap:42px;

    padding:
      72px
      28px
      76px;
  }

  .ls-community-copy{
    max-width:650px;
  }

}


@media(max-width:640px){

  .ls-movement-image{
    height:500px;
  }

  .ls-movement-copy{
    padding:
      58px
      20px
      62px;
  }

  .ls-movement-copy h2{
    font-size:39px;
  }

  .ls-movement-copy .ls-movement-lead{
    font-size:22px;
  }

  .ls-movement-actions{
    grid-template-columns:1fr;
  }

  .ls-movement-actions article{
    min-height:210px;

    padding:
      24px
      20px
      27px;

    border-right:0 !important;
    border-bottom:1px solid rgba(23,23,20,.15);
  }

  .ls-movement-actions article:last-child{
    border-bottom:0;
  }

  .ls-movement-actions h3{
    font-size:29px;
  }

  .ls-movement-community{
    padding:
      60px
      20px
      65px;
  }

  .ls-movement-community h2{
    font-size:38px;
  }

  .ls-movement-hashtag{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;

    padding:
      24px
      20px
      27px;
  }

}

/* LOVESOONER MOVEMENT END */

/* LOVESOONER FINAL START */

.ls-final{
  background:#f5f1e8;
  color:#171714;
}

.ls-final-inner{
  min-height:610px;

  padding:
    92px
    4.5vw
    88px;

  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;

  text-align:center;
}

.ls-final-emblem{
  display:block;

  width:42px;
  height:auto;

  margin-bottom:33px;
}

.ls-final-eyebrow{
  margin:0 0 24px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  line-height:1.2;
  letter-spacing:.2em;

  color:#777269;
}

.ls-final-inner h2{
  margin:0;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(50px,5vw,76px);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.045em;
}

.ls-final-inner h2 span{
  color:#a93536;
}

.ls-final-copy{
  max-width:520px;

  margin:
    31px
    auto
    0;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:15px;
  font-weight:300;
  line-height:1.65;

  color:#59554d;
}


.ls-final-paths{
  border-top:1px solid rgba(23,23,20,.15);
}

.ls-final-path{
  min-height:118px;

  padding:
    24px
    4.5vw;

  border-bottom:1px solid rgba(23,23,20,.15);

  display:grid;
  grid-template-columns:80px 1fr auto;
  align-items:center;
  gap:26px;

  transition:
    background-color .3s ease,
    color .3s ease;
}

.ls-final-path > span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.17em;

  color:#a93536;
}

.ls-final-path small{
  display:block;

  margin-bottom:6px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  line-height:1.2;
  letter-spacing:.15em;

  color:#777269;
}

.ls-final-path h3{
  margin:0;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(25px,2.2vw,34px);
  font-weight:400;
  line-height:1;
  letter-spacing:-.03em;
}

.ls-final-path b{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:20px;
  font-weight:300;

  transition:transform .3s ease;
}

@media(hover:hover) and (pointer:fine){

  .ls-final-path:hover{
    background:#171714;
    color:#fff;
  }

  .ls-final-path:hover small{
    color:rgba(255,255,255,.52);
  }

  .ls-final-path:hover b{
    transform:translateX(7px);
  }

}


.ls-final-signoff{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;

  padding:
    27px
    4.5vw
    30px;

  background:#a93536;
  color:#fff;
}

.ls-final-signoff p{
  margin:0;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:.16em;
}

.ls-final-signoff p:first-child span{
  color:#171714;
}


@media(max-width:640px){

  .ls-final-inner{
    min-height:520px;

    padding:
      70px
      20px
      68px;
  }

  .ls-final-emblem{
    width:35px;
    margin-bottom:28px;
  }

  .ls-final-inner h2{
    font-size:44px;
  }

  .ls-final-copy{
    max-width:330px;

    margin-top:25px;

    font-size:14px;
  }

  .ls-final-path{
    min-height:105px;

    padding:
      21px
      20px;

    grid-template-columns:35px 1fr auto;
    gap:14px;
  }

  .ls-final-path h3{
    font-size:27px;
  }

  .ls-final-path small{
    font-size:8px;
  }

  .ls-final-signoff{
    align-items:flex-start;
    flex-direction:column;

    gap:11px;

    padding:
      23px
      20px
      26px;
  }

}

/* LOVESOONER FINAL END */

/* LOVESOONER FOOTER START */

.ls-footer{
  background:#eee9df;
  color:#171714;
}

.ls-footer-top{
  display:grid;
  grid-template-columns:.75fr 1.6fr;
  gap:8vw;

  padding:
    76px
    4.5vw
    70px;

  border-bottom:1px solid rgba(23,23,20,.15);
}

.ls-footer-logo{
  display:block;
  width:min(250px,80%);
}

.ls-footer-logo img{
  display:block;
  width:100%;
  height:auto;
}

.ls-footer-brand > p{
  margin:
    29px
    0
    0;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  line-height:1.7;
  letter-spacing:.15em;

  color:#68635a;
}

.ls-footer-links{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:34px;
}

.ls-footer-links > div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.ls-footer-links p,
.ls-footer-label{
  margin:0 0 20px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  line-height:1.2;
  letter-spacing:.18em;

  color:#7c766c;
}

.ls-footer-links a{
  margin-bottom:11px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:12px;
  font-weight:400;
  line-height:1.4;

  transition:color .2s ease;
}

@media(hover:hover) and (pointer:fine){

  .ls-footer-links a:hover,
  .ls-footer-social a:hover,
  .ls-footer-bottom a:hover{
    color:#a93536;
  }

}


.ls-footer-newsletter{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:8vw;

  padding:
    72px
    4.5vw
    76px;

  border-bottom:1px solid rgba(23,23,20,.15);
}

.ls-footer-newsletter h2{
  margin:0;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(39px,3.6vw,56px);
  font-weight:400;
  line-height:.96;
  letter-spacing:-.04em;
}

.ls-footer-form{
  align-self:end;
}

.ls-footer-form label{
  display:block;

  margin-bottom:17px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.15em;

  color:#777269;
}

.ls-footer-form > div{
  display:flex;

  border-bottom:1px solid #171714;
}

.ls-footer-form input{
  flex:1;

  min-width:0;

  padding:
    13px
    0
    14px;

  border:0;
  outline:0;
  background:transparent;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  letter-spacing:.08em;

  color:#171714;
}

.ls-footer-form input::placeholder{
  color:#777269;
}

.ls-footer-form button{
  width:48px;

  border:0;
  background:transparent;

  font-size:19px;
  font-weight:300;

  cursor:pointer;

  transition:
    color .2s ease,
    transform .2s ease;
}

.ls-footer-form button:hover{
  color:#a93536;
  transform:translateX(4px);
}


.ls-footer-social{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  gap:30px;

  padding:
    25px
    4.5vw
    28px;

  border-bottom:1px solid rgba(23,23,20,.15);
}

.ls-footer-social a,
.ls-footer-social span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.15em;
}

.ls-footer-social span{
  margin-left:auto;

  color:#a93536;
}


.ls-footer-bottom{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:40px;
  align-items:center;

  min-height:88px;

  padding:
    22px
    4.5vw;
}

.ls-footer-bottom p,
.ls-footer-bottom a{
  margin:0;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.13em;
}

.ls-footer-bottom > div{
  display:flex;
  gap:24px;
}

.ls-footer-bottom > img{
  justify-self:end;

  width:27px;
  height:auto;
}


@media(max-width:900px){

  .ls-footer-top{
    grid-template-columns:1fr;
    gap:56px;

    padding:
      65px
      28px;
  }

  .ls-footer-links{
    grid-template-columns:1fr 1fr;
    row-gap:45px;
  }

  .ls-footer-newsletter{
    grid-template-columns:1fr;
    gap:48px;

    padding:
      62px
      28px
      66px;
  }

  .ls-footer-social{
    padding-left:28px;
    padding-right:28px;
  }

  .ls-footer-bottom{
    padding-left:28px;
    padding-right:28px;
  }

}


@media(max-width:640px){

  .ls-footer-top{
    gap:48px;

    padding:
      56px
      20px
      58px;
  }

  .ls-footer-logo{
    width:205px;
  }

  .ls-footer-links{
    grid-template-columns:1fr 1fr;
    gap:
      40px
      25px;
  }

  .ls-footer-links a{
    font-size:11px;
  }

  .ls-footer-newsletter{
    padding:
      54px
      20px
      58px;
  }

  .ls-footer-newsletter h2{
    font-size:38px;
  }

  .ls-footer-social{
    flex-wrap:wrap;
    gap:
      15px
      23px;

    padding:
      24px
      20px
      26px;
  }

  .ls-footer-social span{
    flex-basis:100%;
    margin:
      8px
      0
      0;
  }

  .ls-footer-bottom{
    grid-template-columns:1fr auto;
    gap:20px;

    padding:
      25px
      20px
      30px;
  }

  .ls-footer-bottom > div{
    grid-column:1 / -1;
    grid-row:2;

    flex-wrap:wrap;
    gap:
      12px
      20px;
  }

  .ls-footer-bottom > img{
    grid-column:2;
    grid-row:1;
  }

}

/* LOVESOONER FOOTER END */

/* FOUNDATIONS LAUNCH START */

.foundations-intro{
  display:grid;
  grid-template-columns:1fr .72fr;
  gap:9vw;

  padding:
    86px
    4.5vw
    78px;

  background:#f5f1e8;
  color:#171714;

  border-bottom:1px solid rgba(23,23,20,.14);
}

.foundations-eyebrow{
  margin:0 0 19px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.19em;

  color:#777269;
}

.foundations-intro h2{
  margin:0;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(46px,4.4vw,68px);
  font-weight:400;
  line-height:.95;
  letter-spacing:-.042em;
}

.foundations-intro h2 span{
  color:#a93536;
}

.foundations-intro-right{
  max-width:520px;
  align-self:end;
}

.foundations-intro-right p{
  margin:0 0 17px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:15px;
  font-weight:300;
  line-height:1.65;

  color:#514d45;
}

.foundations-intro-right .foundations-lead{
  margin-bottom:22px;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:25px;
  line-height:1.15;

  color:#171714;
}

.foundations-intro-right strong{
  display:block;

  margin-top:29px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:.16em;
}


/* FOUNDATIONS LAUNCH END */


/* FOUNDATIONS AWARENESS START */

.carry-awareness{
  background:#171714;
  color:#fff;
}

.carry-intro{
  display:grid;
  grid-template-columns:1fr .72fr;
  gap:9vw;

  padding:
    88px
    4.5vw
    80px;
}

.carry-eyebrow{
  margin:0 0 19px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.19em;

  color:rgba(255,255,255,.48);
}

.carry-heading h2,
.carry-closing h2{
  margin:0;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-weight:400;
  line-height:.96;
  letter-spacing:-.04em;
}

.carry-heading h2{
  font-size:clamp(45px,4.3vw,67px);
}

.carry-heading h2 span,
.carry-closing h2 span{
  color:#a93536;
}

.carry-copy{
  max-width:520px;
  align-self:end;
}

.carry-copy p{
  margin:0 0 17px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:15px;
  font-weight:300;
  line-height:1.65;

  color:rgba(255,255,255,.68);
}

.carry-copy .carry-lead{
  margin-bottom:22px;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:25px;
  line-height:1.15;

  color:#fff;
}

.carry-copy .carry-rule{
  margin-top:29px;

  font-size:10px;
  font-weight:500;
  letter-spacing:.15em;

  color:#fff;
}

.carry-topics{
  display:grid;
  grid-template-columns:repeat(6,1fr);

  border-top:1px solid rgba(255,255,255,.13);
  border-bottom:1px solid rgba(255,255,255,.13);
}

.carry-topics span{
  padding:
    30px
    20px
    32px;

  border-right:1px solid rgba(255,255,255,.13);

  text-align:center;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  line-height:1.3;
  letter-spacing:.15em;

  color:rgba(255,255,255,.66);
}

.carry-topics span:last-child{
  border-right:0;
}

.carry-closing{
  padding:
    78px
    4.5vw
    86px;
}

.carry-closing h2{
  max-width:900px;

  font-size:clamp(40px,3.9vw,60px);
}

.carry-closing > p:last-child{
  margin:27px 0 0;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.15em;
}

.carry-closing strong{
  color:#a93536;
  font-weight:500;
}


/* FOUNDATIONS AWARENESS END */


/* SAY IT NOW TEASER START */

.next-chapter{
  position:relative;

  min-height:570px;

  padding:
    42px
    4.5vw
    35px;

  background:#0d0d0c;
  color:#fff;

  display:flex;
  flex-direction:column;

  border-top:1px solid rgba(255,255,255,.12);
}

.next-chapter-meta{
  display:flex;
  justify-content:space-between;
  gap:30px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.17em;

  color:rgba(255,255,255,.47);
}

.next-chapter-meta p{
  margin:0;
}

.next-chapter-main{
  margin:auto 0;

  max-width:760px;
}

.next-chapter-eyebrow{
  margin:0 0 18px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.18em;

  color:rgba(255,255,255,.46);
}

.next-chapter-main h2{
  margin:0;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(62px,7vw,108px);
  font-weight:400;
  line-height:.82;
  letter-spacing:-.055em;
}

.next-chapter-main h2 span{
  color:#a93536;
}

.next-chapter-main > p{
  max-width:540px;

  margin:
    31px
    0
    0;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:14px;
  font-weight:300;
  line-height:1.65;

  color:rgba(255,255,255,.66);
}

.next-chapter-main strong{
  display:block;

  margin-top:26px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  line-height:1.55;
  letter-spacing:.15em;
}

.next-chapter-bottom{
  display:flex;
  justify-content:space-between;
  gap:30px;

  padding-top:24px;

  border-top:1px solid rgba(255,255,255,.12);

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:.13em;

  color:rgba(255,255,255,.43);
}

.next-chapter-bottom span:last-child{
  color:#a93536;
}


/* SAY IT NOW TEASER END */


@media(max-width:900px){

  .foundations-intro,
  .carry-intro{
    grid-template-columns:1fr;
    gap:42px;

    padding-left:28px;
    padding-right:28px;
  }

  .foundations-intro-right,
  .carry-copy{
    max-width:650px;
  }

  .carry-topics{
    grid-template-columns:repeat(3,1fr);
  }

  .carry-topics span:nth-child(3){
    border-right:0;
  }

  .carry-topics span:nth-child(-n+3){
    border-bottom:1px solid rgba(255,255,255,.13);
  }

  .carry-closing,
  .next-chapter{
    padding-left:28px;
    padding-right:28px;
  }

}


@media(max-width:640px){

  .foundations-intro{
    padding:
      59px
      20px
      56px;
  }

  .foundations-intro h2{
    font-size:41px;
  }

  .foundations-intro-right .foundations-lead{
    font-size:22px;
  }

  .carry-intro{
    padding:
      60px
      20px
      56px;
  }

  .carry-heading h2{
    font-size:40px;
  }

  .carry-copy .carry-lead{
    font-size:22px;
  }

  .carry-topics{
    grid-template-columns:1fr 1fr;
  }

  .carry-topics span{
    padding:
      24px
      12px
      26px;

    border-bottom:1px solid rgba(255,255,255,.13);
  }

  .carry-topics span:nth-child(2n){
    border-right:0;
  }

  .carry-topics span:nth-last-child(-n+2){
    border-bottom:0;
  }

  .carry-closing{
    padding:
      60px
      20px
      66px;
  }

  .carry-closing h2{
    font-size:37px;
  }

  .next-chapter{
    min-height:500px;

    padding:
      34px
      20px
      29px;
  }

  .next-chapter-main h2{
    font-size:68px;
  }

  .next-chapter-bottom{
    flex-direction:column;
    gap:12px;
  }

}

/* SAY IT NOW TEASER END */

/* HORIZONTAL OVERFLOW FIX START */

html,
body{
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
  overflow-x:clip;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

body{
  position:relative;
}

main,
section,
footer{
  max-width:100%;
}

.site-header.cherry-header{
  width:100% !important;
  max-width:100vw !important;
  left:0 !important;
  right:0 !important;
  box-sizing:border-box !important;
}

.hero.cherry-hero,
.hero-picture,
.hero.cherry-hero .hero-picture{
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
}

.hero.cherry-hero img,
.hero-picture img{
  display:block;
  width:100% !important;
  max-width:100% !important;
}

img,
video,
svg,
picture{
  max-width:100%;
}

.drawer,
.drawer-backdrop{
  max-width:100vw !important;
}

/* HORIZONTAL OVERFLOW FIX END */







/* NAME IS THE MESSAGE START */

.name-message-bridge{
  position:relative;

  width:100vw;
  min-height:clamp(470px,58vh,640px);

  margin-left:calc(50% - 50vw);

  padding:
    30px
    4.5vw
    31px;

  overflow:hidden;

  background:#eee9df;
  color:#171714;

  border-top:1px solid rgba(23,23,20,.13);
  border-bottom:1px solid rgba(23,23,20,.13);

  display:flex;
  flex-direction:column;
}

.name-message-top,
.name-message-bottom{
  position:relative;
  z-index:3;

  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
}

.name-message-top p,
.name-message-top span,
.name-message-bottom span,
.name-message-bottom a{
  margin:0;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:.17em;
}

.name-message-top p,
.name-message-top span{
  color:#777269;
}

.name-message-center{
  width:100%;

  margin:auto 0;

  display:flex;
  flex-direction:column;
  align-items:center;

  text-align:center;
}

.name-message-kicker{
  max-width:560px;

  margin:
    0
    auto
    40px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  line-height:1.6;
  letter-spacing:.16em;

  color:#777269;
}

.name-message-logo-stack{
  position:relative;

  width:min(1120px,88vw);

  transition:
    transform .7s cubic-bezier(.22,.61,.36,1);
}

.name-message-logo-stack img{
  display:block;

  width:100%;
  height:auto;

  transition:
    opacity .55s cubic-bezier(.22,.61,.36,1),
    transform .7s cubic-bezier(.22,.61,.36,1);
}

.name-message-logo-red{
  position:absolute;
  inset:0;

  opacity:0;
}

.name-message-reminder{
  margin:
    38px
    0
    0;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(22px,2vw,31px);
  font-weight:400;
  line-height:1;

  letter-spacing:-.025em;
}

.name-message-bottom{
  padding-top:24px;

  border-top:1px solid rgba(23,23,20,.13);
}

.name-message-bottom span{
  color:#777269;
}

.name-message-bottom a{
  padding-bottom:4px;

  border-bottom:1px solid #171714;
}


@media(hover:hover) and (pointer:fine){

  .name-message-bridge:hover .name-message-logo-stack{
    transform:translateX(1.1vw);
  }

  .name-message-bridge:hover .name-message-logo-black{
    opacity:0;
    transform:translateX(-1vw);
  }

  .name-message-bridge:hover .name-message-logo-red{
    opacity:1;
    transform:translateX(0);
  }

  .name-message-bottom a:hover{
    color:#a93536;
    border-bottom-color:#a93536;
  }

}


@media(max-width:700px){

  .name-message-bridge{
    min-height:500px;

    padding:
      26px
      20px
      27px;
  }

  .name-message-top{
    align-items:flex-start;
  }

  .name-message-kicker{
    max-width:310px;

    margin-bottom:32px;

    font-size:9px;
  }

  .name-message-logo-stack{
    width:106vw;
  }

  .name-message-reminder{
    margin-top:31px;

    font-size:22px;
  }

  .name-message-bottom{
    align-items:flex-start;
    flex-direction:column;

    gap:12px;
  }

}

/* NAME IS THE MESSAGE END */

/* FOUNDATIONS POWER START */

.foundations-power{
  position:relative;

  width:100%;

  min-height:650px;

  padding:
    30px
    4.5vw
    31px;

  overflow:hidden;

  background:#151513;
  color:#ffffff;

  display:flex;
  flex-direction:column;

  border-bottom:1px solid rgba(255,255,255,.13);
}


.foundations-power-top,
.foundations-power-bottom{
  position:relative;
  z-index:4;

  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
}


.foundations-power-top span,
.foundations-power-bottom span,
.foundations-power-bottom a{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:.17em;
}


.foundations-power-top span{
  color:rgba(255,255,255,.48);
}


.foundations-power-main{
  position:relative;

  flex:1;

  display:grid;
  grid-template-columns:1.25fr .42fr .7fr;
  gap:5vw;

  align-items:center;
}


.foundations-power-title{
  position:relative;
  z-index:3;
}


.foundations-power-title > p{
  margin:0 0 19px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.18em;

  color:rgba(255,255,255,.48);
}


.foundations-power-title h2{
  margin:0;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(74px,8.2vw,132px);
  font-weight:400;
  line-height:.79;
  letter-spacing:-.06em;

  color:#ffffff;
}


.foundations-power-mark{
  position:relative;

  display:flex;
  align-items:center;
  justify-content:center;
}


.foundations-power-mark img{
  width:clamp(90px,10vw,160px);
  height:auto;

  opacity:.92;

  transition:
    transform .6s cubic-bezier(.22,.61,.36,1);
}


.foundations-power-copy{
  position:relative;
  z-index:3;

  max-width:430px;
}


.foundations-power-copy h3{
  margin:0 0 25px;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(26px,2.25vw,36px);
  font-weight:400;
  line-height:1.02;
  letter-spacing:-.025em;
}


.foundations-power-copy p{
  margin:0;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:14px;
  font-weight:300;
  line-height:1.65;

  color:rgba(255,255,255,.66);
}


.foundations-power-copy strong{
  display:block;

  margin-top:27px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:.16em;

  color:#a93536;
}


.foundations-power-bottom{
  padding-top:24px;

  border-top:1px solid rgba(255,255,255,.13);
}


.foundations-power-bottom span{
  color:rgba(255,255,255,.45);
}


.foundations-power-bottom a{
  padding-bottom:4px;

  border-bottom:1px solid rgba(255,255,255,.65);

  color:#ffffff;
}


@media(hover:hover) and (pointer:fine){

  .foundations-power:hover .foundations-power-mark img{
    transform:
      rotate(-4deg)
      scale(1.06);
  }

  .foundations-power-bottom a:hover{
    color:#a93536;
    border-bottom-color:#a93536;
  }

}


/* LARGE BACKGROUND WORD */

.foundations-power::after{
  content:"FOUNDATIONS";

  position:absolute;
  left:-1vw;
  bottom:-.12em;

  z-index:1;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(115px,16vw,270px);
  font-weight:400;
  line-height:.75;
  letter-spacing:-.065em;

  color:rgba(255,255,255,.028);

  pointer-events:none;
  white-space:nowrap;
}


/* TABLET */

@media(max-width:900px){

  .foundations-power{
    min-height:720px;
  }

  .foundations-power-main{
    grid-template-columns:1fr .35fr;
    gap:45px;
  }

  .foundations-power-copy{
    grid-column:1 / -1;

    max-width:600px;
  }

}


/* MOBILE */

@media(max-width:640px){

  .foundations-power{
    min-height:650px;

    padding:
      26px
      20px
      27px;
  }

  .foundations-power-main{
    grid-template-columns:1fr;

    gap:30px;

    padding:
      54px
      0
      50px;
  }

  .foundations-power-title h2{
    font-size:62px;
  }

  .foundations-power-mark{
    justify-content:flex-start;
  }

  .foundations-power-mark img{
    width:68px;
  }

  .foundations-power-copy h3{
    font-size:27px;
  }

  .foundations-power-copy p{
    font-size:14px;
  }

  .foundations-power-bottom{
    align-items:flex-start;
    flex-direction:column;

    gap:11px;
  }

  .foundations-power::after{
    font-size:115px;
    bottom:20px;
  }

}

/* FOUNDATIONS POWER END */

/* FOUNDATIONS REAL SHOWCASE START */

.foundations-real-showcase{
  width:100%;
  overflow:hidden;

  background:#eee9df;
  color:#171714;

  border-bottom:1px solid rgba(23,23,20,.14);
}


.foundations-real-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:60px;

  padding:
    52px
    4.5vw
    39px;
}


.foundations-real-head > div:first-child > p{
  margin:0 0 12px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.18em;

  color:#777269;
}


.foundations-real-head h2{
  margin:0;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(38px,3.8vw,58px);
  font-weight:400;
  line-height:.95;
  letter-spacing:-.04em;
}


.foundations-real-head-right{
  width:min(390px,100%);
}


.foundations-real-head-right > p{
  margin:0;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.55;

  color:#68635a;
}


.foundations-real-head-right > a{
  display:inline-block;

  margin-top:18px;
  padding-bottom:5px;

  border-bottom:1px solid #171714;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.15em;
}


.foundations-real-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));

  border-top:1px solid rgba(23,23,20,.14);
}


.foundations-real-card{
  min-width:0;

  border-right:1px solid rgba(23,23,20,.14);
}


.foundations-real-card:last-child{
  border-right:0;
}


.foundations-real-image{
  position:relative;

  display:block;

  width:100%;
  aspect-ratio:4 / 5;

  overflow:hidden;

  background:#ddd7cd;
}


.foundations-real-image img{
  display:block;

  width:100%;
  height:100%;

  object-fit:cover;
  object-position:center;

  transition:
    transform .6s cubic-bezier(.22,.61,.36,1);
}


.foundations-real-image > span{
  position:absolute;
  top:17px;
  left:17px;

  z-index:2;

  padding:
    6px
    8px;

  background:rgba(238,233,223,.88);

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.15em;

  color:#171714;
}


.foundations-real-meta{
  min-height:76px;

  padding:
    17px
    16px
    19px;

  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:15px;
}


.foundations-real-meta strong,
.foundations-real-meta span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:.13em;
}


.foundations-real-meta strong{
  color:#171714;
}


.foundations-real-meta span{
  color:#a93536;
}


.foundations-real-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;

  padding:
    31px
    4.5vw
    35px;

  border-top:1px solid rgba(23,23,20,.14);
}


.foundations-real-footer > p{
  margin:0;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.16em;

  color:#777269;
}


.foundations-real-footer > a{
  display:flex;
  align-items:center;
  gap:13px;

  padding-bottom:5px;

  border-bottom:1px solid #171714;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.15em;
}


.foundations-real-footer > a span{
  font-size:15px;

  transition:transform .25s ease;
}


@media(hover:hover) and (pointer:fine){

  .foundations-real-card:hover .foundations-real-image img{
    transform:scale(1.035);
  }

  .foundations-real-head-right > a:hover,
  .foundations-real-footer > a:hover{
    color:#a93536;
    border-bottom-color:#a93536;
  }

  .foundations-real-footer > a:hover span{
    transform:translateX(5px);
  }

}


@media(max-width:980px){

  .foundations-real-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .foundations-real-card:nth-child(2){
    border-right:0;
  }

  .foundations-real-card:nth-child(-n+2){
    border-bottom:1px solid rgba(23,23,20,.14);
  }

}


@media(max-width:640px){

  .foundations-real-head{
    align-items:flex-start;
    flex-direction:column;

    gap:22px;

    padding:
      39px
      20px
      30px;
  }

  .foundations-real-head h2{
    font-size:39px;
  }

  .foundations-real-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .foundations-real-image{
    aspect-ratio:3 / 4;
  }

  .foundations-real-meta{
    min-height:88px;

    padding:
      14px
      12px
      16px;

    flex-direction:column;
    gap:7px;
  }

  .foundations-real-footer{
    align-items:flex-start;
    flex-direction:column;

    gap:15px;

    padding:
      27px
      20px
      31px;
  }

}

/* FOUNDATIONS REAL SHOWCASE END */

/* LOVESOONER LUXURY MOTION START */


/* --------------------------------
   01 — SOFT SCROLL REVEALS
-------------------------------- */

.reveal-ready .ls-reveal{
  opacity:0;
  transform:translate3d(0,22px,0);

  transition:
    opacity .82s cubic-bezier(.22,.61,.36,1),
    transform .82s cubic-bezier(.22,.61,.36,1);
}

.reveal-ready .ls-reveal.ls-reveal-delay-1{
  transition-delay:.07s;
}

.reveal-ready .ls-reveal.ls-reveal-delay-2{
  transition-delay:.14s;
}

.reveal-ready .ls-reveal.ls-reveal-delay-3{
  transition-delay:.21s;
}

.reveal-ready .ls-reveal.is-visible{
  opacity:1;
  transform:translate3d(0,0,0);
}


/* --------------------------------
   02 — FOUNDATIONS PRODUCT HOVER
-------------------------------- */

.foundations-real-image,
.foundation-piece-media,
.foundation-slot-visual{
  overflow:hidden;
}

.foundations-real-image img,
.foundation-piece-media img,
.foundation-slot-visual img{
  transition:
    transform .7s cubic-bezier(.22,.61,.36,1),
    filter .55s ease;
  will-change:transform;
}

.foundations-real-meta,
.foundation-piece-meta,
.foundation-slot-meta{
  transition:
    transform .45s cubic-bezier(.22,.61,.36,1);
}

@media(hover:hover) and (pointer:fine){

  .foundations-real-card:hover .foundations-real-image img,
  .foundation-piece-card:hover .foundation-piece-media img,
  .foundation-slot:hover .foundation-slot-visual img{
    transform:scale(1.032);
  }

  .foundations-real-card:hover .foundations-real-meta,
  .foundation-piece-card:hover .foundation-piece-meta,
  .foundation-slot:hover .foundation-slot-meta{
    transform:translateY(-3px);
  }

}


/* --------------------------------
   03 — LOVESOONER WORDMARK DRIFT
-------------------------------- */

.name-message-logo-stack{
  --ls-name-drift:0px;

  translate:var(--ls-name-drift) 0;

  will-change:translate;
}


/* --------------------------------
   04 — HEARTBEAT ONLY WHEN VISIBLE
-------------------------------- */

.foundations-power-mark{
  transform-origin:center center;
}

.foundations-power.is-heart-visible .foundations-power-mark{
  animation:lovesooner-visible-heartbeat 2.85s ease-in-out infinite;
}

@keyframes lovesooner-visible-heartbeat{

  0%{
    transform:scale(1);
  }

  7%{
    transform:scale(1.065);
  }

  13%{
    transform:scale(1);
  }

  20%{
    transform:scale(1.04);
  }

  27%{
    transform:scale(1);
  }

  100%{
    transform:scale(1);
  }

}


/* --------------------------------
   REDUCED MOTION
-------------------------------- */

@media(prefers-reduced-motion:reduce){

  .reveal-ready .ls-reveal{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }

  .name-message-logo-stack{
    translate:0 0 !important;
  }

  .foundations-power-mark{
    animation:none !important;
  }

  .foundations-real-image img,
  .foundation-piece-media img,
  .foundation-slot-visual img,
  .foundations-real-meta,
  .foundation-piece-meta,
  .foundation-slot-meta{
    transition:none !important;
    transform:none !important;
  }

}


/* MOBILE — KEEP MOTION EXTRA SUBTLE */

@media(max-width:640px){

  .reveal-ready .ls-reveal{
    transform:translate3d(0,14px,0);
  }

  .reveal-ready .ls-reveal.is-visible{
    transform:translate3d(0,0,0);
  }

}

/* LOVESOONER LUXURY MOTION END */

/* FOUNDATIONS STORE START */

.foundations-page,
.foundation-product-page{
  background:#eee9df;
  color:#171714;
}

.foundations-page-hero{
  min-height:72vh;
  padding:115px 4.5vw 34px;
  background:#151513;
  color:#fff;
  display:flex;
  flex-direction:column;
}

.foundations-page-hero-meta,
.foundations-page-hero-bottom{
  display:flex;
  justify-content:space-between;
  gap:30px;
}

.foundations-page-hero-meta span,
.foundations-page-hero-bottom span{
  font-family:"DM Sans",sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.17em;
  color:rgba(255,255,255,.5);
}

.foundations-page-hero-main{
  margin:auto 0;
}

.foundations-page-hero-main > p{
  margin:0 0 20px;
  font-family:"DM Sans",sans-serif;
  font-size:10px;
  letter-spacing:.18em;
  color:#a93536;
}

.foundations-page-hero-main h1{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(62px,7vw,108px);
  font-weight:400;
  line-height:.84;
  letter-spacing:-.055em;
}

.foundations-page-hero-main h1 span{
  color:#a93536;
}

.foundations-page-hero-bottom{
  align-items:flex-end;
  padding-top:25px;
  border-top:1px solid rgba(255,255,255,.14);
}

.foundations-page-hero-bottom p{
  max-width:500px;
  margin:0;
  font-family:"DM Sans",sans-serif;
  font-size:14px;
  line-height:1.6;
  color:rgba(255,255,255,.65);
}

.foundations-catalog{
  padding:70px 4.5vw 95px;
}

.foundations-catalog-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin-bottom:35px;
}

.foundations-catalog-head p{
  margin:0 0 11px;
  font-size:9px;
  letter-spacing:.18em;
  color:#777269;
}

.foundations-catalog-head h2{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:48px;
  font-weight:400;
  letter-spacing:-.04em;
}

.foundations-count{
  font-family:"DM Sans",sans-serif;
}

.foundations-filter-bar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:34px;
  padding-top:20px;
  border-top:1px solid rgba(23,23,20,.14);
}

.foundation-filter{
  padding:10px 15px;
  border:1px solid rgba(23,23,20,.2);
  background:transparent;
  font-family:"DM Sans",sans-serif;
  font-size:9px;
  letter-spacing:.14em;
  cursor:pointer;
}

.foundation-filter.active,
.foundation-filter:hover{
  background:#171714;
  color:#fff;
}

.foundations-catalog-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:48px 25px;
}

.foundation-catalog-card[hidden]{
  display:none;
}

.foundation-catalog-image{
  position:relative;
  display:block;
  aspect-ratio:4/5;
  overflow:hidden;
  background:#ddd7cd;
}

.foundation-catalog-image img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:opacity .45s ease,transform .55s ease;
}

.foundation-card-secondary{
  opacity:0;
}

.foundation-card-number{
  position:absolute;
  top:16px;
  left:16px;
  z-index:3;
  padding:6px 8px;
  background:rgba(238,233,223,.9);
  font-size:8px;
  letter-spacing:.15em;
}

.foundation-card-view{
  position:absolute;
  right:16px;
  bottom:16px;
  z-index:3;
  padding:8px 10px;
  background:#171714;
  color:#fff;
  opacity:0;
  transform:translateY(6px);
  font-size:9px;
  letter-spacing:.14em;
  transition:.3s ease;
}

.foundation-catalog-image:hover .foundation-card-primary{
  opacity:0;
}

.foundation-catalog-image:hover .foundation-card-secondary{
  opacity:1;
  transform:scale(1.02);
}

.foundation-catalog-image:hover .foundation-card-view{
  opacity:1;
  transform:none;
}

.foundation-catalog-meta{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-top:16px;
}

.foundation-catalog-meta p{
  margin:0 0 7px;
  font-size:9px;
  letter-spacing:.15em;
  color:#777269;
}

.foundation-catalog-meta h3{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:28px;
  font-weight:400;
  line-height:1;
}

.foundation-catalog-meta > span{
  font-size:9px;
  letter-spacing:.13em;
  color:#a93536;
}

.foundations-more-coming{
  margin-top:85px;
  padding-top:55px;
  border-top:1px solid rgba(23,23,20,.14);
  text-align:center;
}

.foundations-more-coming > p{
  font-size:9px;
  letter-spacing:.17em;
}

.foundations-more-coming h2{
  margin:20px 0 28px;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:58px;
  font-weight:400;
  line-height:.9;
}

.foundations-more-coming h2 span{
  color:#a93536;
}

.foundations-more-coming a{
  display:inline-block;
  padding-bottom:5px;
  border-bottom:1px solid;
  font-size:10px;
  letter-spacing:.14em;
}


/* PRODUCT PAGE */

.foundation-pdp{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  padding-top:72px;
}

.foundation-pdp-gallery{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:rgba(23,23,20,.12);
}

.foundation-pdp-gallery > div{
  min-height:760px;
  background:#e2ddd3;
}

.foundation-pdp-gallery img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.foundation-pdp-info{
  position:sticky;
  top:72px;
  align-self:start;
  padding:55px 4vw;
}

.foundation-pdp-back,
.foundation-pdp-code,
.foundation-pdp-category,
.foundation-pdp-price{
  font-family:"DM Sans",sans-serif;
  font-size:9px;
  letter-spacing:.15em;
}

.foundation-pdp-back{
  display:inline-block;
  margin-bottom:55px;
}

.foundation-pdp-code{
  color:#777269;
}

.foundation-pdp-info h1{
  margin:14px 0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:46px;
  font-weight:400;
  line-height:.95;
}

.foundation-pdp-category{
  color:#777269;
}

.foundation-pdp-price{
  margin-top:30px;
  color:#a93536;
}

.foundation-pdp-rule{
  margin:28px 0;
  border-top:1px solid rgba(23,23,20,.15);
}

.foundation-pdp-description{
  font-size:14px;
  line-height:1.65;
  color:#5d5951;
}

.foundation-pdp-selector{
  margin-top:35px;
  border-top:1px solid rgba(23,23,20,.15);
}

.foundation-pdp-selector > div{
  padding:18px 0;
  border-bottom:1px solid rgba(23,23,20,.15);
}

.foundation-pdp-selector span,
.foundation-pdp-selector strong{
  display:block;
  font-size:9px;
  letter-spacing:.14em;
}

.foundation-pdp-selector strong{
  margin-top:8px;
  font-weight:400;
  color:#777269;
}

.foundation-pdp-early{
  display:block;
  margin:28px 0;
  padding:17px;
  background:#171714;
  color:#fff;
  text-align:center;
  font-size:10px;
  letter-spacing:.15em;
}

.foundation-pdp-info details{
  border-top:1px solid rgba(23,23,20,.15);
}

.foundation-pdp-info details:last-child{
  border-bottom:1px solid rgba(23,23,20,.15);
}

.foundation-pdp-info summary{
  padding:18px 0;
  display:flex;
  justify-content:space-between;
  cursor:pointer;
  list-style:none;
  font-size:9px;
  letter-spacing:.14em;
}

.foundation-pdp-info details p{
  padding:0 0 18px;
  margin:0;
  font-size:13px;
  line-height:1.6;
  color:#666158;
}


@media(max-width:800px){

  .foundations-page-hero{
    min-height:650px;
    padding-left:20px;
    padding-right:20px;
  }

  .foundations-page-hero-bottom{
    flex-direction:column;
    align-items:flex-start;
  }

  .foundations-catalog{
    padding:55px 20px 70px;
  }

  .foundations-catalog-grid{
    grid-template-columns:1fr;
  }

  .foundation-pdp{
    grid-template-columns:1fr;
  }

  .foundation-pdp-gallery{
    grid-template-columns:1fr;
  }

  .foundation-pdp-gallery > div{
    min-height:520px;
  }

  .foundation-pdp-info{
    position:static;
    padding:45px 20px 65px;
  }

}

/* FOUNDATIONS STORE END */

/* THE SOONER TEE START */

.foundation-catalog-meta small{
  display:block;
  margin-top:7px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:.12em;
  color:#777269;
}

.sooner-product{
  display:grid;
  grid-template-columns:minmax(0,1.38fr) minmax(370px,.62fr);
  padding-top:72px;
  background:#eee9df;
}

.sooner-product-gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  align-content:start;
  background:rgba(23,23,20,.12);
}

.sooner-product-gallery figure{
  margin:0;
  aspect-ratio:4 / 5;
  overflow:hidden;
  background:#e5e0d7;
}

.sooner-product-gallery .sooner-gallery-main{
  grid-column:1 / -1;
  aspect-ratio:16 / 10;
}

.sooner-product-gallery img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .65s cubic-bezier(.22,.61,.36,1);
}

.sooner-product-info{
  position:sticky;
  top:72px;
  align-self:start;
  min-height:calc(100vh - 72px);
  padding:52px clamp(28px,3.5vw,58px) 60px;
  background:#f4f0e7;
}

.sooner-back,
.sooner-code,
.sooner-subtitle,
.sooner-price,
.sooner-mantra{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:.15em;
}

.sooner-back{
  display:inline-block;
  margin-bottom:52px;
  padding-bottom:4px;
  border-bottom:1px solid rgba(23,23,20,.5);
}

.sooner-code{
  margin:0 0 13px;
  color:#777269;
}

.sooner-product-info h1{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(42px,4vw,61px);
  font-weight:400;
  line-height:.91;
  letter-spacing:-.045em;
}

.sooner-subtitle{
  margin:14px 0 0;
  color:#777269;
}

.sooner-price{
  margin:30px 0 0;
  color:#a93536;
}

.sooner-rule{
  margin:29px 0;
  border-top:1px solid rgba(23,23,20,.15);
}

.sooner-story{
  margin:0 0 16px;
  max-width:490px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:14px;
  font-weight:300;
  line-height:1.65;
  color:#555149;
}

.sooner-mantra{
  margin:28px 0 0;
  color:#a93536;
}

.sooner-purchase-preview{
  margin-top:35px;
  border-top:1px solid rgba(23,23,20,.15);
}

.sooner-purchase-preview > div{
  padding:17px 0;
  border-bottom:1px solid rgba(23,23,20,.15);
}

.sooner-purchase-preview span,
.sooner-purchase-preview strong{
  display:block;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  line-height:1.45;
  letter-spacing:.13em;
}

.sooner-purchase-preview span{
  color:#777269;
}

.sooner-purchase-preview strong{
  margin-top:8px;
  font-weight:400;
}

.sooner-early-access{
  display:block;
  margin:28px 0;
  padding:17px 20px;
  background:#171714;
  color:#fff;
  text-align:center;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.15em;
  transition:background .25s ease;
}

.sooner-product-info details{
  border-top:1px solid rgba(23,23,20,.15);
}

.sooner-product-info details:last-of-type{
  border-bottom:1px solid rgba(23,23,20,.15);
}

.sooner-product-info summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:18px 0;
  list-style:none;
  cursor:pointer;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.14em;
}

.sooner-product-info summary::-webkit-details-marker{
  display:none;
}

.sooner-product-info summary span{
  font-size:16px;
  font-weight:300;
  transition:transform .25s ease;
}

.sooner-product-info details[open] summary span{
  transform:rotate(45deg);
}

.sooner-detail-copy{
  padding:0 0 19px;
}

.sooner-detail-copy p{
  margin:0 0 6px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.55;
  color:#625e56;
}

@media(hover:hover) and (pointer:fine){

  .sooner-product-gallery figure:hover img{
    transform:scale(1.022);
  }

  .sooner-early-access:hover{
    background:#a93536;
  }

}

@media(max-width:900px){

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

  .sooner-product-info{
    position:static;
    min-height:0;
  }

}

@media(max-width:640px){

  .sooner-product{
    padding-top:64px;
  }

  .sooner-product-gallery{
    grid-template-columns:1fr;
  }

  .sooner-product-gallery .sooner-gallery-main{
    grid-column:auto;
    aspect-ratio:4 / 5;
  }

  .sooner-product-gallery figure{
    aspect-ratio:4 / 5;
  }

  .sooner-product-info{
    padding:42px 20px 58px;
  }

  .sooner-product-info h1{
    font-size:43px;
  }

}

/* THE SOONER TEE END */

/* COMPACT FOUNDATIONS STORE START */


/* ========================================
   FOUNDATIONS CATALOG — MORE COMPACT
======================================== */

.foundations-catalog{
  width:min(100%,1600px);
  margin:0 auto;

  padding:
    58px
    4.5vw
    80px;
}

.foundations-catalog-head{
  margin-bottom:28px;
}

.foundations-catalog-head h2{
  font-size:clamp(38px,3.4vw,52px) !important;
}

.foundations-filter-bar{
  margin-bottom:28px;
}


/* THREE ACROSS INSTEAD OF TWO */

.foundations-catalog-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;

  gap:
    42px
    20px !important;
}


/* TIGHTER PRODUCT IMAGE */

.foundation-catalog-image{
  aspect-ratio:4 / 4.7 !important;
}


/* SMALLER PRODUCT INFORMATION */

.foundation-catalog-meta{
  padding-top:13px !important;
  gap:14px !important;
}

.foundation-catalog-meta p{
  margin-bottom:5px !important;

  font-size:8px !important;
}

.foundation-catalog-meta h3{
  font-size:23px !important;
  line-height:.98 !important;
}

.foundation-catalog-meta small{
  margin-top:6px !important;

  font-size:8px !important;
}

.foundation-catalog-meta > span{
  font-size:8px !important;
}

.foundation-card-number{
  top:13px !important;
  left:13px !important;
}

.foundation-card-view{
  right:13px !important;
  bottom:13px !important;
}


/* LESS EMPTY SPACE AT BOTTOM */

.foundations-more-coming{
  margin-top:65px !important;
  padding-top:45px !important;
}

.foundations-more-coming h2{
  font-size:48px !important;
}


/* ========================================
   GENERIC FOUNDATION PRODUCT PAGES
======================================== */

.foundation-pdp{
  width:min(100%,1550px);

  margin:0 auto;

  grid-template-columns:
    minmax(0,1.08fr)
    minmax(390px,.92fr) !important;
}


/* KEEP GALLERY FROM BECOMING MASSIVE */

.foundation-pdp-gallery > div{
  min-height:0 !important;
  aspect-ratio:4 / 5 !important;
}

.foundation-pdp-gallery img{
  width:100%;
  height:100%;

  object-fit:cover;
}


/* PRODUCT INFO SLIGHTLY TIGHTER */

.foundation-pdp-info{
  padding:
    45px
    clamp(28px,3.2vw,50px)
    55px !important;
}

.foundation-pdp-back{
  margin-bottom:42px !important;
}

.foundation-pdp-info h1{
  font-size:clamp(38px,3.4vw,50px) !important;
}


/* ========================================
   THE SOONER TEE PDP
======================================== */

.sooner-product{
  width:min(100%,1550px);

  margin:0 auto;

  grid-template-columns:
    minmax(0,1.08fr)
    minmax(390px,.92fr) !important;
}


/* REMOVE THE HUGE FULL-WIDTH FIRST IMAGE */

.sooner-product-gallery{
  grid-template-columns:
    repeat(2,minmax(0,1fr)) !important;
}

.sooner-product-gallery figure,
.sooner-product-gallery .sooner-gallery-main{
  grid-column:auto !important;

  aspect-ratio:4 / 5 !important;
}


/* SLIGHTLY SMALLER PRODUCT PANEL */

.sooner-product-info{
  padding:
    44px
    clamp(28px,3.2vw,50px)
    55px !important;
}

.sooner-back{
  margin-bottom:40px !important;
}

.sooner-product-info h1{
  font-size:clamp(38px,3.5vw,52px) !important;
}

.sooner-story{
  font-size:13px !important;
}


/* ========================================
   TABLET
======================================== */

@media(max-width:1100px){

  .foundations-catalog-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

}


/* ========================================
   MOBILE
======================================== */

@media(max-width:700px){

  .foundations-catalog{
    padding:
      46px
      20px
      64px;
  }

  .foundations-catalog-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    gap:
      30px
      10px !important;
  }

  .foundation-catalog-meta{
    display:block !important;
  }

  .foundation-catalog-meta h3{
    font-size:17px !important;
  }

  .foundation-catalog-meta > span{
    display:block;

    margin-top:8px;
  }

  .foundation-card-view{
    display:none !important;
  }


  /* PRODUCT PAGE */

  .foundation-pdp,
  .sooner-product{
    width:100%;

    grid-template-columns:1fr !important;
  }

  .foundation-pdp-gallery,
  .sooner-product-gallery{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

  .foundation-pdp-gallery > div,
  .sooner-product-gallery figure,
  .sooner-product-gallery .sooner-gallery-main{
    min-height:0 !important;
    aspect-ratio:4 / 5 !important;
  }

  .foundation-pdp-info,
  .sooner-product-info{
    padding:
      38px
      20px
      55px !important;
  }

  .sooner-product-info h1,
  .foundation-pdp-info h1{
    font-size:39px !important;
  }

}


/* VERY SMALL PHONE */

@media(max-width:430px){

  .foundations-catalog-grid{
    grid-template-columns:1fr 1fr !important;
  }

  .foundation-catalog-meta h3{
    font-size:15px !important;
  }

  .foundation-catalog-meta small{
    font-size:7px !important;
  }

}

/* COMPACT FOUNDATIONS STORE END */

/* CUTE FOUNDATIONS STORE START */


/* ========================================
   SHOP HERO
======================================== */

.foundations-shop-hero{
  position:relative;

  min-height:430px !important;

  padding:
    105px
    4.5vw
    30px !important;

  background:#eee9df !important;
  color:#171714 !important;

  display:flex !important;
  flex-direction:column !important;

  overflow:hidden;
}


.foundations-shop-top,
.foundations-shop-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:.17em;

  color:#777269;
}


.foundations-shop-main{
  flex:1;

  display:grid;
  grid-template-columns:1.2fr .35fr .65fr;
  align-items:center;
  gap:5vw;

  padding:
    45px
    0
    42px;
}


.foundations-shop-title p{
  margin:0 0 13px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.18em;

  color:#a93536;
}


.foundations-shop-title h1{
  margin:0;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(64px,6.5vw,104px);
  font-weight:400;
  line-height:.82;
  letter-spacing:-.058em;

  color:#171714;
}


.foundations-shop-heart{
  display:flex;
  align-items:center;
  justify-content:center;
}


.foundations-shop-heart img{
  width:82px;
  height:auto;

  animation:
    foundations-shop-heartbeat
    3.1s
    ease-in-out
    infinite;
}


@keyframes foundations-shop-heartbeat{

  0%{
    transform:scale(1);
  }

  7%{
    transform:scale(1.055);
  }

  13%{
    transform:scale(1);
  }

  20%{
    transform:scale(1.035);
  }

  27%{
    transform:scale(1);
  }

  100%{
    transform:scale(1);
  }

}


.foundations-shop-copy{
  max-width:410px;
}


.foundations-shop-copy > p{
  margin:0;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:14px;
  font-weight:300;
  line-height:1.65;

  color:#5b574f;
}


.foundations-shop-copy strong{
  display:block;

  margin-top:22px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  line-height:1.55;
  letter-spacing:.15em;

  color:#a93536;
}


.foundations-shop-bottom{
  padding-top:22px;

  border-top:1px solid rgba(23,23,20,.14);
}


/* ========================================
   CATALOG HEADER
======================================== */

.foundations-catalog{
  background:#f5f1e8;
}


.foundations-catalog-head{
  margin-bottom:26px !important;
}


.foundations-catalog-head > div > p{
  color:#a93536 !important;
}


.foundations-catalog-head h2{
  font-size:clamp(38px,3.5vw,54px) !important;
}


/* ========================================
   FILTER PILLS
======================================== */

.foundations-filter-bar{
  gap:9px !important;

  margin-bottom:32px !important;

  padding-top:21px !important;
}


.foundation-filter{
  padding:
    10px
    17px !important;

  border:
    1px
    solid
    rgba(23,23,20,.16) !important;

  border-radius:999px !important;

  background:rgba(255,255,255,.28) !important;

  transition:
    background .25s ease,
    color .25s ease,
    border-color .25s ease,
    transform .25s ease;
}


.foundation-filter.active{
  background:#a93536 !important;
  border-color:#a93536 !important;
  color:#fff !important;
}


@media(hover:hover) and (pointer:fine){

  .foundation-filter:hover{
    transform:translateY(-1px);

    background:#171714 !important;
    border-color:#171714 !important;
    color:#fff !important;
  }

}


/* ========================================
   PRODUCT GRID
======================================== */

.foundations-catalog-grid{
  grid-template-columns:
    repeat(3,minmax(0,1fr)) !important;

  gap:
    38px
    18px !important;
}


.foundation-catalog-card{
  position:relative;
}


.foundation-catalog-image{
  position:relative;

  aspect-ratio:4 / 5 !important;

  border-radius:10px;

  overflow:hidden;

  background:#e4ded4;

  transform:translateZ(0);
}


/* SMALL HEART WATERMARK */

.foundation-catalog-image::after{
  content:"";

  position:absolute;
  top:15px;
  right:15px;

  z-index:4;

  width:25px;
  height:25px;

  background-image:
    url("assets/brand/lovesooner-emblem-red.png");

  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;

  opacity:.78;

  pointer-events:none;
}


.foundation-catalog-image img{
  transition:
    opacity .45s ease,
    transform .7s cubic-bezier(.22,.61,.36,1) !important;
}


.foundation-card-number{
  top:14px !important;
  left:14px !important;

  border-radius:999px;

  padding:
    7px
    9px !important;

  background:rgba(245,241,232,.9) !important;
}


/* CUTE VIEW BUTTON */

.foundation-card-view{
  right:14px !important;
  bottom:14px !important;

  padding:
    9px
    13px !important;

  border-radius:999px;

  background:rgba(169,53,54,.94) !important;
  color:#fff !important;
}


/* ========================================
   PRODUCT META
======================================== */

.foundation-catalog-meta{
  padding-top:14px !important;
}


.foundation-catalog-meta p{
  color:#a93536 !important;
}


.foundation-catalog-meta h3{
  font-size:22px !important;
}


.foundation-catalog-meta small{
  color:#777269 !important;
}


.foundation-catalog-meta > span{
  color:#777269 !important;
}


/* ========================================
   MORE COMING
======================================== */

.foundations-more-coming{
  position:relative;

  margin-top:60px !important;

  padding:
    38px
    35px
    40px !important;

  border:
    1px
    solid
    rgba(23,23,20,.13) !important;

  border-radius:12px;

  background:#eee9df;

  text-align:left !important;

  overflow:hidden;
}


.foundations-more-coming::after{
  content:"";

  position:absolute;
  right:45px;
  top:50%;

  width:85px;
  height:85px;

  transform:translateY(-50%);

  background-image:
    url("assets/brand/lovesooner-emblem-red.png");

  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;

  opacity:.13;
}


.foundations-more-coming > p{
  margin:0 0 14px !important;

  color:#777269;
}


.foundations-more-coming h2{
  margin:
    0
    0
    22px !important;

  font-size:clamp(34px,3vw,47px) !important;

  line-height:.95 !important;
}


.foundations-more-coming h2 span{
  color:#a93536;
}


.foundations-more-coming a{
  position:relative;
  z-index:3;
}


/* ========================================
   EXTRA POLISH
======================================== */

@media(hover:hover) and (pointer:fine){

  .foundation-catalog-card:hover
  .foundation-card-secondary{
    opacity:1;
  }

  .foundation-catalog-card:hover
  .foundation-card-primary{
    opacity:0;
  }

  .foundation-catalog-card:hover
  .foundation-catalog-image img{
    transform:scale(1.025);
  }

}


/* ========================================
   TABLET
======================================== */

@media(max-width:1000px){

  .foundations-shop-main{
    grid-template-columns:1fr .28fr;
  }

  .foundations-shop-copy{
    grid-column:1 / -1;

    max-width:600px;
  }

  .foundations-catalog-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

}


/* ========================================
   MOBILE
======================================== */

@media(max-width:640px){

  .foundations-shop-hero{
    min-height:auto !important;

    padding:
      90px
      20px
      26px !important;
  }

  .foundations-shop-main{
    grid-template-columns:1fr;

    gap:26px;

    padding:
      48px
      0
      42px;
  }

  .foundations-shop-title h1{
    font-size:57px;
  }

  .foundations-shop-heart{
    justify-content:flex-start;
  }

  .foundations-shop-heart img{
    width:52px;
  }

  .foundations-shop-bottom{
    align-items:flex-start;
    flex-direction:column;

    gap:8px;
  }


  .foundations-filter-bar{
    flex-wrap:nowrap !important;

    overflow-x:auto;

    padding-bottom:5px;

    scrollbar-width:none;
  }

  .foundations-filter-bar::-webkit-scrollbar{
    display:none;
  }

  .foundation-filter{
    flex:none;
  }


  .foundations-catalog-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    gap:
      28px
      10px !important;
  }

  .foundation-catalog-image{
    border-radius:7px;
  }

  .foundation-catalog-image::after{
    width:20px;
    height:20px;

    top:10px;
    right:10px;
  }

  .foundation-catalog-meta h3{
    font-size:16px !important;
  }


  .foundations-more-coming{
    padding:
      30px
      24px
      32px !important;
  }

  .foundations-more-coming::after{
    right:20px;

    width:65px;
    height:65px;
  }

}


/* REDUCED MOTION */

@media(prefers-reduced-motion:reduce){

  .foundations-shop-heart img{
    animation:none !important;
  }

}

.foundations-shop-heart img{
  width:58px !important;
  opacity:.82;
}

.foundations-shop-main{
  grid-template-columns:1.32fr .20fr .62fr !important;
  gap:4.5vw !important;
}

.foundations-shop-copy{
  max-width:390px !important;
}

.foundations-shop-copy strong{
  color:#777269 !important;
}

.foundation-filter.active{
  background:#171714 !important;
  border-color:#171714 !important;
  color:#fff !important;
}

.foundation-catalog-image::after{
  display:none !important;
  content:none !important;
}

.foundation-catalog-image{
  border-radius:7px !important;
}

.foundation-card-number{
  background:rgba(245,241,232,.92) !important;
  color:#171714 !important;
}

.foundation-card-view{
  background:#171714 !important;
  color:#fff !important;
}

.foundation-catalog-meta p{
  color:#777269 !important;
}

.foundation-catalog-meta > span{
  color:#777269 !important;
}

.foundations-more-coming{
  min-height:0 !important;
  margin-top:55px !important;
  padding:29px 32px 31px !important;
  border-radius:7px !important;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:40px;
  text-align:left !important;
}

.foundations-more-coming::after{
  display:none !important;
  content:none !important;
}

.foundations-more-coming > p{
  grid-column:1 / -1;
  margin:0 0 3px !important;
}

.foundations-more-coming h2{
  margin:0 !important;
  font-size:clamp(30px,2.6vw,40px) !important;
}

.foundations-more-coming a{
  align-self:end;
  margin:0 !important;
  white-space:nowrap;
}

@media(hover:hover) and (pointer:fine){

  .foundation-filter:hover{
    background:transparent !important;
    border-color:#a93536 !important;
    color:#a93536 !important;
  }

  .foundation-filter.active:hover{
    background:#171714 !important;
    border-color:#171714 !important;
    color:#fff !important;
  }

  .foundation-catalog-card:hover .foundation-card-view{
    background:#a93536 !important;
  }

}

@media(max-width:640px){

  .foundations-shop-heart img{
    width:44px !important;
  }

  .foundations-shop-main{
    grid-template-columns:1fr !important;
  }

  .foundations-more-coming{
    grid-template-columns:1fr;
    gap:18px;
    padding:26px 21px 28px !important;
  }

  .foundations-more-coming > p{
    grid-column:auto;
  }

}

/* FOUNDATIONS FASHION REFINEMENT END */

/* LOVESOONER FOOTER V2 START */

.ls-footer-v2{
  width:100%;
  background:#eee9df;
  color:#171714;
  border-top:1px solid rgba(23,23,20,.12);
}


/* MAIN AREA */

.ls-footer-v2-main{
  display:grid;
  grid-template-columns:.72fr 1.45fr;
  gap:9vw;

  padding:
    62px
    4.5vw
    58px;
}


.ls-footer-v2-logo{
  display:block;
  width:min(235px,80%);
}


.ls-footer-v2-logo img{
  display:block;
  width:100%;
  height:auto;
}


.ls-footer-v2-brand > p{
  margin:25px 0 0;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  line-height:1.75;
  letter-spacing:.16em;

  color:#706b62;
}


.ls-footer-v2-nav{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:36px;
}


.ls-footer-v2-nav > div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}


.ls-footer-v2-nav p{
  margin:0 0 18px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.17em;

  color:#8a8479;
}


.ls-footer-v2-nav a{
  margin-bottom:10px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:12px;
  font-weight:400;
  line-height:1.4;

  color:#171714;

  transition:
    color .22s ease,
    transform .22s ease;
}


/* NEWSLETTER BAND */

.ls-footer-v2-newsletter{
  display:grid;
  grid-template-columns:1fr .8fr;
  gap:10vw;
  align-items:end;

  padding:
    46px
    4.5vw
    49px;

  background:#171714;
  color:#fff;
}


.ls-footer-v2-newsletter-copy span{
  display:block;

  margin-bottom:13px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.18em;

  color:rgba(255,255,255,.48);
}


.ls-footer-v2-newsletter h2{
  margin:0;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(37px,3.7vw,57px);
  font-weight:400;
  line-height:.92;
  letter-spacing:-.04em;
}


.ls-footer-v2-form{
  width:100%;
  max-width:520px;
  justify-self:end;
}


.ls-footer-v2-form label{
  display:block;

  margin-bottom:16px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:.15em;

  color:rgba(255,255,255,.48);
}


.ls-footer-v2-form > div{
  display:flex;
  align-items:center;

  border-bottom:
    1px
    solid
    rgba(255,255,255,.65);
}


.ls-footer-v2-form input{
  flex:1;
  min-width:0;

  padding:
    13px
    0
    14px;

  border:0;
  outline:0;

  background:transparent;
  color:#fff;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  letter-spacing:.08em;
}


.ls-footer-v2-form input::placeholder{
  color:rgba(255,255,255,.48);
}


.ls-footer-v2-form button{
  width:45px;

  padding:0;

  border:0;
  background:transparent;

  color:#a93536;

  font-size:19px;
  font-weight:300;

  cursor:pointer;

  transition:transform .22s ease;
}


/* BOTTOM */

.ls-footer-v2-bottom{
  min-height:76px;

  padding:
    21px
    4.5vw;

  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:35px;

  background:#eee9df;
}


.ls-footer-v2-social,
.ls-footer-v2-legal{
  display:flex;
  align-items:center;
  gap:24px;
}


.ls-footer-v2-social a,
.ls-footer-v2-legal a,
.ls-footer-v2-legal span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:.14em;
}


.ls-footer-v2-legal{
  justify-content:center;
}


.ls-footer-v2-legal span{
  color:#777269;
}


.ls-footer-v2-bottom > img{
  justify-self:end;

  width:25px;
  height:auto;
}


/* HOVER */

@media(hover:hover) and (pointer:fine){

  .ls-footer-v2-nav a:hover,
  .ls-footer-v2-social a:hover,
  .ls-footer-v2-legal a:hover{
    color:#a93536;
  }

  .ls-footer-v2-nav a:hover{
    transform:translateX(2px);
  }

  .ls-footer-v2-form button:hover{
    transform:translateX(4px);
  }

}


/* TABLET */

@media(max-width:900px){

  .ls-footer-v2-main{
    grid-template-columns:1fr;
    gap:48px;

    padding:
      55px
      28px
      52px;
  }

  .ls-footer-v2-nav{
    grid-template-columns:repeat(2,1fr);
    row-gap:38px;
  }


  .ls-footer-v2-newsletter{
    grid-template-columns:1fr;
    gap:38px;

    padding:
      45px
      28px
      48px;
  }


  .ls-footer-v2-form{
    justify-self:start;
    max-width:600px;
  }


  .ls-footer-v2-bottom{
    padding-left:28px;
    padding-right:28px;
  }

}


/* MOBILE */

@media(max-width:640px){

  .ls-footer-v2-main{
    padding:
      49px
      20px
      48px;
  }


  .ls-footer-v2-logo{
    width:190px;
  }


  .ls-footer-v2-nav{
    grid-template-columns:1fr 1fr;

    gap:
      34px
      24px;
  }


  .ls-footer-v2-nav a{
    font-size:11px;
  }


  .ls-footer-v2-newsletter{
    padding:
      41px
      20px
      44px;
  }


  .ls-footer-v2-newsletter h2{
    font-size:39px;
  }


  .ls-footer-v2-bottom{
    grid-template-columns:1fr auto;

    gap:
      18px
      25px;

    padding:
      22px
      20px
      27px;
  }


  .ls-footer-v2-social{
    flex-wrap:wrap;
    gap:
      12px
      19px;
  }


  .ls-footer-v2-legal{
    grid-column:1 / -1;
    grid-row:2;

    justify-content:flex-start;
    flex-wrap:wrap;

    gap:
      10px
      18px;
  }


  .ls-footer-v2-bottom > img{
    grid-column:2;
    grid-row:1;
  }

}

/* LOVESOONER FOOTER V2 END */

/* FOOTER HARD RESET START */

body .ls-footer-v2{
  display:block;
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
  background:#eee9df;
  color:#171714;
  overflow:hidden;
}


/* TOP */

body .ls-footer-v2-main{
  width:100%;
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:7vw;
  align-items:start;

  padding:52px 4.5vw 50px;
}


body .ls-footer-v2-brand{
  width:100%;
}


body .ls-footer-v2-logo{
  width:210px;
  max-width:100%;
}


body .ls-footer-v2-brand > p{
  margin:23px 0 0;

  font-size:9px;
  line-height:1.75;
  letter-spacing:.15em;

  color:#716c63;
}


body .ls-footer-v2-nav{
  width:100%;

  display:grid;
  grid-template-columns:repeat(4,minmax(130px,1fr));
  gap:34px;
}


body .ls-footer-v2-nav > div{
  min-width:0;
}


body .ls-footer-v2-nav p{
  margin:0 0 17px;

  font-size:9px;
  letter-spacing:.17em;

  color:#898379;
}


body .ls-footer-v2-nav a{
  display:block;

  margin:0 0 10px;

  font-size:12px;
  line-height:1.35;

  color:#171714;

  white-space:normal;
}


/* NEWSLETTER */

body .ls-footer-v2-newsletter{
  width:100%;

  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8vw;
  align-items:center;

  margin:0;

  padding:40px 4.5vw 43px;

  background:#171714;
  color:#fff;
}


body .ls-footer-v2-newsletter-copy{
  width:100%;
}


body .ls-footer-v2-newsletter h2{
  margin:0;

  font-size:clamp(35px,3.4vw,51px);
  line-height:.93;
}


body .ls-footer-v2-form{
  width:100%;
  max-width:540px;
  justify-self:end;
}


body .ls-footer-v2-form label{
  margin-bottom:14px;

  font-size:8px;
  letter-spacing:.14em;
}


body .ls-footer-v2-form > div{
  width:100%;
}


body .ls-footer-v2-form input{
  width:100%;

  padding:13px 0 14px;

  font-size:13px;
}


/* BOTTOM */

body .ls-footer-v2-bottom{
  width:100%;
  min-height:68px;

  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:30px;

  padding:19px 4.5vw 21px;

  background:#eee9df;
}


body .ls-footer-v2-social{
  display:flex;
  gap:22px;
}


body .ls-footer-v2-legal{
  display:flex;
  justify-content:center;
  gap:20px;
}


body .ls-footer-v2-bottom > img{
  width:24px;
  justify-self:end;
}


/* TABLET */

@media(max-width:1000px){

  body .ls-footer-v2-main{
    grid-template-columns:1fr;
    gap:42px;

    padding:48px 28px;
  }

  body .ls-footer-v2-nav{
    grid-template-columns:repeat(4,minmax(110px,1fr));
    gap:24px;
  }

  body .ls-footer-v2-newsletter{
    padding-left:28px;
    padding-right:28px;
  }

  body .ls-footer-v2-bottom{
    padding-left:28px;
    padding-right:28px;
  }

}


/* MOBILE */

@media(max-width:700px){

  body .ls-footer-v2-main{
    padding:44px 20px;
  }

  body .ls-footer-v2-logo{
    width:185px;
  }

  body .ls-footer-v2-nav{
    grid-template-columns:1fr 1fr;
    gap:32px 24px;
  }

  body .ls-footer-v2-newsletter{
    grid-template-columns:1fr;
    gap:30px;

    padding:38px 20px 41px;
  }

  body .ls-footer-v2-form{
    justify-self:start;
  }

  body .ls-footer-v2-bottom{
    grid-template-columns:1fr auto;
    gap:18px;

    padding:20px;
  }

  body .ls-footer-v2-social{
    flex-wrap:wrap;
    gap:12px 18px;
  }

  body .ls-footer-v2-legal{
    grid-column:1 / -1;

    justify-content:flex-start;
    flex-wrap:wrap;

    gap:10px 17px;
  }

  body .ls-footer-v2-bottom > img{
    grid-column:2;
    grid-row:1;
  }

}

/* FOOTER HARD RESET END */

/* FOOTER FINAL POLISH START */


/* TIGHTER CREAM AREA */

body .ls-footer-v2-main{
  padding:
    45px
    4.5vw
    43px;
}


/* SLIGHTLY STRONGER COLUMN LABELS */

body .ls-footer-v2-nav p{
  color:#746f66;
}


/* NEWSLETTER HEADLINE A LITTLE MORE REFINED */

body .ls-footer-v2-newsletter h2{
  font-size:
    clamp(34px,3.15vw,47px);
}


/* SMALLER / QUIETER FINAL EMBLEM */

body .ls-footer-v2-bottom > img{
  width:21px;
  opacity:.82;
}


/* TABLET */

@media(max-width:1000px){

  body .ls-footer-v2-main{
    padding:
      43px
      28px
      41px;
  }

}


/* MOBILE */

@media(max-width:700px){

  body .ls-footer-v2-main{
    padding:
      40px
      20px
      39px;
  }

  body .ls-footer-v2-newsletter h2{
    font-size:36px;
  }

  body .ls-footer-v2-bottom > img{
    width:19px;
  }

}

/* FOOTER FINAL POLISH END */

/* THE SOONER JOGGER START */

.jogger-product{
  display:grid;
  grid-template-columns:
    minmax(0,1.16fr)
    minmax(390px,.84fr);

  width:min(100%,1550px);

  margin:0 auto;

  padding-top:72px;

  background:#eee9df;
}


/* GALLERY */

.jogger-gallery{
  min-width:0;

  padding:
    28px
    20px
    55px;
}


.jogger-gallery-intro{
  padding:
    17px
    3px
    29px;
}


.jogger-gallery-intro > p{
  margin:0 0 12px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.17em;

  color:#777269;
}


.jogger-gallery-intro h2{
  margin:0;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(33px,3vw,46px);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.04em;
}


.jogger-gallery-intro h2 span{
  color:#a93536;
}


.jogger-worn-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:12px;
}


.jogger-hover-card,
.jogger-flat-grid figure,
.jogger-editorial-grid figure,
.jogger-campaign-pair figure,
.jogger-video{
  margin:0;
}


.jogger-hover-media{
  position:relative;

  aspect-ratio:4 / 5;

  overflow:hidden;

  border-radius:7px;

  background:#dfdad1;
}


.jogger-hover-media img{
  position:absolute;
  inset:0;

  display:block;

  width:100%;
  height:100%;

  object-fit:cover;

  transition:
    opacity .45s ease,
    transform .65s cubic-bezier(.22,.61,.36,1);
}


.jogger-back{
  opacity:0;
}


.jogger-hover-card figcaption{
  display:flex;
  justify-content:space-between;
  gap:15px;

  padding:
    12px
    2px
    27px;
}


.jogger-hover-card figcaption span,
.jogger-hover-card figcaption small{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:.14em;
}


.jogger-hover-card figcaption small{
  color:#777269;
}


/* FLAT PRODUCT */

.jogger-flat-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:12px;

  margin-top:5px;
}


.jogger-flat-grid figure{
  aspect-ratio:1 / 1;

  overflow:hidden;

  border-radius:7px;

  background:#f7f5f0;
}


.jogger-flat-grid img{
  width:100%;
  height:100%;

  object-fit:cover;
}


/* EDITORIAL */

.jogger-editorial-head{
  padding:
    40px
    2px
    16px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.15em;

  color:#777269;
}


.jogger-editorial-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:12px;
}


.jogger-editorial-grid figure{
  aspect-ratio:4 / 5;

  overflow:hidden;

  border-radius:7px;
}


.jogger-editorial-grid img,
.jogger-campaign-pair img{
  display:block;

  width:100%;
  height:100%;

  object-fit:cover;
}


.jogger-campaign-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:12px;

  margin-top:12px;
}


.jogger-campaign-pair figure{
  aspect-ratio:4 / 5;

  overflow:hidden;

  border-radius:7px;
}


/* VIDEO */

.jogger-video{
  margin-top:12px;

  overflow:hidden;

  border-radius:7px;

  background:#171714;
}


.jogger-video video{
  display:block;

  width:100%;
  max-height:720px;

  object-fit:cover;
}


/* INFORMATION PANEL */

.jogger-info{
  position:sticky;
  top:72px;

  align-self:start;

  min-height:calc(100vh - 72px);

  padding:
    45px
    clamp(28px,3.2vw,50px)
    55px;

  background:#f4f0e7;
}


.jogger-back-link,
.jogger-code,
.jogger-subtitle,
.jogger-price,
.jogger-mantra{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:.15em;
}


.jogger-back-link{
  display:inline-block;

  margin-bottom:42px;

  padding-bottom:4px;

  border-bottom:
    1px
    solid
    rgba(23,23,20,.48);
}


.jogger-code{
  margin:0 0 12px;

  color:#777269;
}


.jogger-info h1{
  margin:0;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(39px,3.5vw,53px);
  font-weight:400;
  line-height:.92;
  letter-spacing:-.045em;
}


.jogger-subtitle{
  margin:14px 0 0;

  color:#777269;
}


.jogger-price{
  margin:28px 0 0;

  color:#a93536;
}


.jogger-rule{
  margin:27px 0;

  border-top:
    1px
    solid
    rgba(23,23,20,.15);
}


.jogger-description{
  max-width:490px;

  margin:0 0 15px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.65;

  color:#57534b;
}


.jogger-mantra{
  margin:27px 0 0;

  color:#a93536;
}


/* OPTIONS */

.jogger-options{
  margin-top:34px;

  border-top:
    1px
    solid
    rgba(23,23,20,.15);
}


.jogger-options > div{
  padding:16px 0;

  border-bottom:
    1px
    solid
    rgba(23,23,20,.15);
}


.jogger-options span,
.jogger-options strong{
  display:block;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  line-height:1.45;
  letter-spacing:.13em;
}


.jogger-options span{
  color:#777269;
}


.jogger-options strong{
  margin-top:7px;

  font-weight:400;
}


/* CTA */

.jogger-access{
  display:block;

  margin:27px 0;

  padding:16px 20px;

  background:#171714;
  color:#fff;

  text-align:center;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.15em;

  transition:
    background .25s ease;
}


/* ACCORDIONS */

.jogger-info details{
  border-top:
    1px
    solid
    rgba(23,23,20,.15);
}


.jogger-info details:last-of-type{
  border-bottom:
    1px
    solid
    rgba(23,23,20,.15);
}


.jogger-info summary{
  display:flex;
  justify-content:space-between;
  align-items:center;

  gap:20px;

  padding:17px 0;

  list-style:none;

  cursor:pointer;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.14em;
}


.jogger-info summary::-webkit-details-marker{
  display:none;
}


.jogger-info summary span{
  font-size:16px;
  font-weight:300;

  transition:
    transform .25s ease;
}


.jogger-info details[open] summary span{
  transform:rotate(45deg);
}


.jogger-detail-copy{
  padding:
    0
    0
    18px;
}


.jogger-detail-copy p{
  margin:
    0
    0
    6px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.55;

  color:#625e56;
}


.jogger-internal{
  display:none;
}


/* HOVER */

@media(hover:hover) and (pointer:fine){

  .jogger-hover-card:hover .jogger-front{
    opacity:0;
    transform:scale(1.018);
  }

  .jogger-hover-card:hover .jogger-back{
    opacity:1;
    transform:scale(1.018);
  }

  .jogger-access:hover{
    background:#a93536;
  }

}


.jogger-hover-card.show-back .jogger-front{
  opacity:0;
}


.jogger-hover-card.show-back .jogger-back{
  opacity:1;
}


/* TABLET */

@media(max-width:950px){

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

  .jogger-info{
    position:static;

    min-height:0;
  }

}


/* MOBILE */

@media(max-width:640px){

  .jogger-product{
    padding-top:64px;
  }

  .jogger-gallery{
    padding:
      18px
      11px
      38px;
  }

  .jogger-worn-grid,
  .jogger-flat-grid,
  .jogger-editorial-grid,
  .jogger-campaign-pair{
    gap:8px;
  }

  .jogger-hover-card figcaption{
    flex-direction:column;

    gap:4px;
  }

  .jogger-info{
    padding:
      39px
      20px
      55px;
  }

  .jogger-info h1{
    font-size:40px;
  }

}

/* THE SOONER JOGGER END */

/* JOGGER ELEGANT GALLERY START */

.jogger-gallery-elegant{
  padding:
    30px
    22px
    54px;
}


/* SECTION HEAD */

.jogger-gallery-section-head,
.jogger-gallery-divider{
  display:grid;
  grid-template-columns:45px 1fr;
  gap:18px;

  align-items:start;
}


.jogger-gallery-section-head{
  padding:
    16px
    3px
    27px;
}


.jogger-gallery-section-head > span,
.jogger-gallery-divider > span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.16em;

  color:#a93536;
}


.jogger-gallery-section-head p,
.jogger-gallery-divider p{
  margin:0 0 7px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.16em;

  color:#777269;
}


.jogger-gallery-section-head h2{
  margin:0;

  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(31px,2.8vw,43px);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.04em;
}


.jogger-gallery-section-head h2 em{
  display:block;

  color:#a93536;

  font-style:normal;
}


/* WORN BY HER / HIM */

.jogger-worn-grid-elegant{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:12px;
}


.jogger-worn-grid-elegant .jogger-hover-media{
  aspect-ratio:4 / 4.65;
}


.jogger-worn-grid-elegant .jogger-hover-card figcaption{
  padding-bottom:12px;
}


/* DIVIDERS */

.jogger-gallery-divider{
  margin-top:37px;

  padding:
    18px
    3px
    18px;

  border-top:
    1px
    solid
    rgba(23,23,20,.14);
}


.jogger-gallery-divider strong{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:.13em;

  color:#171714;
}


/* PRODUCT FLATS */

.jogger-flat-elegant{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:12px;
}


.jogger-flat-elegant figure{
  margin:0;

  aspect-ratio:5 / 4;

  overflow:hidden;

  border-radius:7px;

  background:#f6f3ed;
}


.jogger-flat-elegant img{
  display:block;

  width:100%;
  height:100%;

  object-fit:contain;

  padding:18px;
}


/* EDITORIAL MOSAIC */

.jogger-editorial-mosaic{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  grid-auto-flow:dense;

  gap:10px;
}


.jogger-editorial-mosaic figure{
  margin:0;

  aspect-ratio:4 / 5;

  overflow:hidden;

  border-radius:7px;

  background:#ddd8cf;
}


.jogger-editorial-mosaic img{
  display:block;

  width:100%;
  height:100%;

  object-fit:cover;

  transition:
    transform .6s cubic-bezier(.22,.61,.36,1);
}


.jogger-editorial-mosaic .jogger-editorial-tall{
  grid-row:span 2;

  aspect-ratio:auto;
}


.jogger-editorial-mosaic .jogger-editorial-wide{
  grid-column:span 2;

  aspect-ratio:8 / 5;
}


/* CAMPAIGN */

.jogger-campaign-elegant{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:10px;
}


.jogger-campaign-elegant figure{
  margin:0;

  aspect-ratio:16 / 11;

  overflow:hidden;

  border-radius:7px;
}


.jogger-campaign-elegant img{
  display:block;

  width:100%;
  height:100%;

  object-fit:cover;
}


/* VIDEO */

.jogger-film-elegant{
  margin:
    10px
    0
    0;

  overflow:hidden;

  border-radius:7px;

  background:#171714;
}


.jogger-film-elegant video{
  display:block;

  width:100%;
  max-height:520px;

  object-fit:cover;

  background:#171714;
}


.jogger-film-elegant figcaption{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:25px;

  padding:
    13px
    15px
    15px;

  background:#171714;
  color:#fff;
}


.jogger-film-elegant figcaption span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.14em;

  color:rgba(255,255,255,.63);
}


/* HOVER */

@media(hover:hover) and (pointer:fine){

  .jogger-editorial-mosaic figure:hover img{
    transform:scale(1.025);
  }

}


/* TABLET */

@media(max-width:900px){

  .jogger-editorial-mosaic{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .jogger-editorial-mosaic .jogger-editorial-tall{
    grid-row:span 1;

    aspect-ratio:4 / 5;
  }

}


/* MOBILE */

@media(max-width:640px){

  .jogger-gallery-elegant{
    padding:
      19px
      10px
      40px;
  }


  .jogger-gallery-section-head,
  .jogger-gallery-divider{
    grid-template-columns:32px 1fr;
  }


  .jogger-worn-grid-elegant,
  .jogger-flat-elegant,
  .jogger-campaign-elegant{
    gap:7px;
  }


  .jogger-editorial-mosaic{
    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:7px;
  }


  .jogger-editorial-mosaic .jogger-editorial-wide{
    grid-column:span 2;
  }


  .jogger-flat-elegant figure{
    aspect-ratio:1 / 1;
  }


  .jogger-film-elegant video{
    max-height:420px;
  }


  .jogger-film-elegant figcaption{
    align-items:flex-start;
    flex-direction:column;

    gap:5px;
  }

}

/* JOGGER ELEGANT GALLERY END */

/* THE SOONER CROP START */

.crop-product{
  display:grid;

  grid-template-columns:
    minmax(0,1.16fr)
    minmax(390px,.84fr);

  width:min(100%,1550px);

  margin:0 auto;

  padding-top:72px;

  background:#eee9df;
}


/* GALLERY */

.crop-gallery{
  min-width:0;

  padding:
    29px
    21px
    55px;
}


.crop-gallery-head,
.crop-section-label{
  display:grid;

  grid-template-columns:
    42px
    1fr;

  gap:17px;
}


.crop-gallery-head{
  padding:
    16px
    3px
    27px;
}


.crop-gallery-head > span,
.crop-section-label > span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;

  font-size:8px;

  font-weight:500;

  letter-spacing:.16em;

  color:#a93536;
}


.crop-gallery-head p,
.crop-section-label p{
  margin:0 0 7px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;

  font-size:8px;

  font-weight:500;

  letter-spacing:.16em;

  color:#777269;
}


.crop-gallery-head h2{
  margin:0;

  font-family:"Libre Caslon Display",Georgia,serif;

  font-size:
    clamp(31px,2.8vw,43px);

  font-weight:400;

  line-height:.94;

  letter-spacing:-.04em;
}


.crop-gallery-head h2 em{
  display:block;

  color:#a93536;

  font-style:normal;
}


/* FEMALE FRONT / BACK */

.crop-worn-pair{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:10px;
}


.crop-worn-pair figure,
.crop-detail-mosaic figure,
.crop-editorial-grid figure,
.crop-flat-grid figure,
.crop-film{
  margin:0;
}


.crop-worn-pair figure{
  overflow:hidden;

  border-radius:7px;
}


.crop-worn-pair img{
  display:block;

  width:100%;

  aspect-ratio:4 / 5;

  object-fit:cover;
}


.crop-worn-pair figcaption{
  padding:
    10px
    3px
    3px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;

  font-size:8px;

  font-weight:500;

  letter-spacing:.14em;

  color:#777269;
}


/* SECTION LABEL */

.crop-section-label{
  margin-top:37px;

  padding:
    18px
    3px;

  border-top:
    1px
    solid
    rgba(23,23,20,.14);
}


.crop-section-label strong{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;

  font-size:8px;

  font-weight:500;

  letter-spacing:.13em;
}


/* DETAILS MOSAIC */

.crop-detail-mosaic{
  display:grid;

  grid-template-columns:
    1.15fr
    .85fr;

  grid-template-rows:
    repeat(2,minmax(0,1fr));

  gap:9px;
}


.crop-detail-mosaic figure{
  overflow:hidden;

  border-radius:7px;
}


.crop-detail-mosaic
.crop-detail-large{
  grid-row:1 / 3;
}


.crop-detail-mosaic img{
  display:block;

  width:100%;

  height:100%;

  object-fit:cover;
}


/* EDITORIAL */

.crop-editorial-grid{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:9px;
}


.crop-editorial-grid figure{
  aspect-ratio:4 / 5;

  overflow:hidden;

  border-radius:7px;
}


.crop-editorial-grid img{
  display:block;

  width:100%;

  height:100%;

  object-fit:cover;

  transition:
    transform .6s cubic-bezier(.22,.61,.36,1);
}


/* FLATS */

.crop-flat-grid{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:10px;
}


.crop-flat-grid figure{
  aspect-ratio:1 / 1;

  overflow:hidden;

  border-radius:7px;

  background:#f7f5f0;
}


.crop-flat-grid img{
  display:block;

  width:100%;

  height:100%;

  object-fit:contain;

  padding:15px;
}


/* VIDEO */

.crop-film{
  margin-top:11px;

  overflow:hidden;

  border-radius:7px;

  background:#171714;
}


.crop-film video{
  display:block;

  width:100%;

  max-height:520px;

  object-fit:cover;
}


.crop-film figcaption{
  display:flex;

  justify-content:space-between;

  gap:25px;

  padding:
    13px
    15px
    15px;

  color:#fff;
}


.crop-film figcaption span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;

  font-size:8px;

  font-weight:500;

  letter-spacing:.14em;

  color:rgba(255,255,255,.63);
}


/* INFORMATION */

.crop-info{
  position:sticky;

  top:72px;

  align-self:start;

  min-height:
    calc(100vh - 72px);

  padding:
    45px
    clamp(28px,3.2vw,50px)
    55px;

  background:#f4f0e7;
}


.crop-back-link,
.crop-code,
.crop-subtitle,
.crop-price,
.crop-mantra{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;

  font-size:9px;

  font-weight:500;

  line-height:1.5;

  letter-spacing:.15em;
}


.crop-back-link{
  display:inline-block;

  margin-bottom:42px;

  padding-bottom:4px;

  border-bottom:
    1px
    solid
    rgba(23,23,20,.48);
}


.crop-code{
  margin:0 0 12px;

  color:#777269;
}


.crop-info h1{
  margin:0;

  font-family:"Libre Caslon Display",Georgia,serif;

  font-size:
    clamp(39px,3.5vw,53px);

  font-weight:400;

  line-height:.92;

  letter-spacing:-.045em;
}


.crop-subtitle{
  margin:14px 0 0;

  color:#777269;
}


.crop-price{
  margin:28px 0 0;

  color:#a93536;
}


.crop-rule{
  margin:27px 0;

  border-top:
    1px
    solid
    rgba(23,23,20,.15);
}


.crop-description{
  max-width:490px;

  margin:0 0 15px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;

  font-size:13px;

  font-weight:300;

  line-height:1.65;

  color:#57534b;
}


.crop-mantra{
  margin:27px 0 0;

  color:#a93536;
}


/* OPTIONS */

.crop-options{
  margin-top:34px;

  border-top:
    1px
    solid
    rgba(23,23,20,.15);
}


.crop-options > div{
  padding:16px 0;

  border-bottom:
    1px
    solid
    rgba(23,23,20,.15);
}


.crop-options span,
.crop-options strong{
  display:block;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;

  font-size:9px;

  line-height:1.45;

  letter-spacing:.13em;
}


.crop-options span{
  color:#777269;
}


.crop-options strong{
  margin-top:7px;

  font-weight:400;
}


/* CTA */

.crop-access{
  display:block;

  margin:27px 0;

  padding:16px 20px;

  background:#171714;

  color:#fff;

  text-align:center;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;

  font-size:10px;

  font-weight:500;

  letter-spacing:.15em;

  transition:
    background .25s ease;
}


/* ACCORDIONS */

.crop-info details{
  border-top:
    1px
    solid
    rgba(23,23,20,.15);
}


.crop-info details:last-of-type{
  border-bottom:
    1px
    solid
    rgba(23,23,20,.15);
}


.crop-info summary{
  display:flex;

  justify-content:space-between;

  align-items:center;

  gap:20px;

  padding:17px 0;

  list-style:none;

  cursor:pointer;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;

  font-size:9px;

  font-weight:500;

  letter-spacing:.14em;
}


.crop-info summary::-webkit-details-marker{
  display:none;
}


.crop-info summary span{
  font-size:16px;

  font-weight:300;

  transition:
    transform .25s ease;
}


.crop-info details[open]
summary span{
  transform:rotate(45deg);
}


.crop-detail-copy{
  padding:
    0
    0
    18px;
}


.crop-detail-copy p{
  margin:
    0
    0
    6px;

  font-family:"DM Sans",Helvetica,Arial,sans-serif;

  font-size:13px;

  font-weight:300;

  line-height:1.55;

  color:#625e56;
}


.crop-internal{
  display:none;
}


/* HOVER */

@media(hover:hover) and (pointer:fine){

  .crop-editorial-grid figure:hover img{
    transform:scale(1.025);
  }

  .crop-access:hover{
    background:#a93536;
  }

}


/* TABLET */

@media(max-width:950px){

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

  .crop-info{
    position:static;

    min-height:0;
  }

}


/* MOBILE */

@media(max-width:640px){

  .crop-product{
    padding-top:64px;
  }

  .crop-gallery{
    padding:
      19px
      10px
      40px;
  }

  .crop-gallery-head,
  .crop-section-label{
    grid-template-columns:
      32px
      1fr;
  }

  .crop-worn-pair,
  .crop-editorial-grid,
  .crop-flat-grid{
    gap:7px;
  }

  .crop-detail-mosaic{
    grid-template-columns:1fr 1fr;

    grid-template-rows:auto;

    gap:7px;
  }

  .crop-detail-mosaic
  .crop-detail-large{
    grid-row:auto;

    grid-column:1 / -1;
  }

  .crop-info{
    padding:
      39px
      20px
      55px;
  }

  .crop-info h1{
    font-size:40px;
  }

}

/* THE SOONER CROP END */

/* CROP DETAIL CLEANUP START */

.crop-detail-mosaic{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:auto;
  gap:9px;
}

.crop-detail-mosaic figure{
  aspect-ratio:4 / 5;
}

.crop-detail-mosaic .crop-detail-large{
  grid-row:auto;
  grid-column:auto;
}

/* CROP DETAIL CLEANUP END */

/* THE SOONER SCOOP START */

.scoop-product{
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr);
  width:min(100%,1550px);
  margin:0 auto;
  padding-top:72px;
  background:#eee9df;
}

.scoop-gallery{
  min-width:0;
  padding:29px 21px 55px;
}

.scoop-gallery-head,
.scoop-section-label{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:17px;
}

.scoop-gallery-head{
  padding:16px 3px 27px;
}

.scoop-gallery-head > span,
.scoop-section-label > span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.16em;
  color:#a93536;
}

.scoop-gallery-head p,
.scoop-section-label p{
  margin:0 0 7px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.16em;
  color:#777269;
}

.scoop-gallery-head h2{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(31px,2.8vw,43px);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.04em;
}

.scoop-gallery-head h2 em{
  display:block;
  color:#a93536;
  font-style:normal;
}


/* FRONT / BACK */

.scoop-hover-card{
  margin:0;
}

.scoop-hover-media{
  position:relative;
  aspect-ratio:16 / 10;
  overflow:hidden;
  border-radius:7px;
  background:#ddd8cf;
}

.scoop-hover-media img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:
    opacity .45s ease,
    transform .65s cubic-bezier(.22,.61,.36,1);
}

.scoop-back{
  opacity:0;
}

.scoop-hover-card figcaption{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:11px 2px 3px;
}

.scoop-hover-card figcaption span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.14em;
  color:#777269;
}


/* SECTION LABELS */

.scoop-section-label{
  margin-top:37px;
  padding:18px 3px;
  border-top:1px solid rgba(23,23,20,.14);
}

.scoop-section-label strong{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.13em;
}


/* FLATS / PRODUCT STUDY */

.scoop-flat-grid,
.scoop-product-study{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.scoop-flat-grid figure,
.scoop-product-study figure{
  margin:0;
  aspect-ratio:1 / 1;
  overflow:hidden;
  border-radius:7px;
  background:#f7f5f0;
}

.scoop-flat-grid img,
.scoop-product-study img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  padding:15px;
}


/* EDITORIAL */

.scoop-editorial-mosaic{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-flow:dense;
  gap:9px;
}

.scoop-editorial-mosaic figure{
  margin:0;
  aspect-ratio:4 / 5;
  overflow:hidden;
  border-radius:7px;
}

.scoop-editorial-mosaic img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:
    transform .6s cubic-bezier(.22,.61,.36,1);
}

.scoop-editorial-mosaic .scoop-editorial-tall{
  grid-row:span 2;
  aspect-ratio:auto;
}

.scoop-editorial-mosaic .scoop-editorial-wide{
  grid-column:span 2;
  aspect-ratio:8 / 5;
}


/* VIDEO */

.scoop-film{
  margin:11px 0 0;
  overflow:hidden;
  border-radius:7px;
  background:#171714;
}

.scoop-film video{
  display:block;
  width:100%;
  max-height:520px;
  object-fit:cover;
}

.scoop-film figcaption{
  display:flex;
  justify-content:space-between;
  gap:25px;
  padding:13px 15px 15px;
  color:#fff;
}

.scoop-film figcaption span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.14em;
  color:rgba(255,255,255,.63);
}


/* INFO */

.scoop-info{
  position:sticky;
  top:72px;
  align-self:start;
  min-height:calc(100vh - 72px);
  padding:45px clamp(28px,3.2vw,50px) 55px;
  background:#f4f0e7;
}

.scoop-back-link,
.scoop-code,
.scoop-subtitle,
.scoop-price,
.scoop-mantra{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:.15em;
}

.scoop-back-link{
  display:inline-block;
  margin-bottom:42px;
  padding-bottom:4px;
  border-bottom:1px solid rgba(23,23,20,.48);
}

.scoop-code{
  margin:0 0 12px;
  color:#777269;
}

.scoop-info h1{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(39px,3.5vw,53px);
  font-weight:400;
  line-height:.92;
  letter-spacing:-.045em;
}

.scoop-subtitle{
  margin:14px 0 0;
  color:#777269;
}

.scoop-price{
  margin:28px 0 0;
  color:#a93536;
}

.scoop-rule{
  margin:27px 0;
  border-top:1px solid rgba(23,23,20,.15);
}

.scoop-description{
  max-width:490px;
  margin:0 0 15px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.65;
  color:#57534b;
}

.scoop-mantra{
  margin:27px 0 0;
  color:#a93536;
}


/* OPTIONS */

.scoop-options{
  margin-top:34px;
  border-top:1px solid rgba(23,23,20,.15);
}

.scoop-options > div{
  padding:16px 0;
  border-bottom:1px solid rgba(23,23,20,.15);
}

.scoop-options span,
.scoop-options strong{
  display:block;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  line-height:1.45;
  letter-spacing:.13em;
}

.scoop-options span{
  color:#777269;
}

.scoop-options strong{
  margin-top:7px;
  font-weight:400;
}

.scoop-access{
  display:block;
  margin:27px 0;
  padding:16px 20px;
  background:#171714;
  color:#fff;
  text-align:center;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.15em;
  transition:background .25s ease;
}


/* ACCORDIONS */

.scoop-info details{
  border-top:1px solid rgba(23,23,20,.15);
}

.scoop-info details:last-of-type{
  border-bottom:1px solid rgba(23,23,20,.15);
}

.scoop-info summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:17px 0;
  list-style:none;
  cursor:pointer;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.14em;
}

.scoop-info summary::-webkit-details-marker{
  display:none;
}

.scoop-info summary span{
  font-size:16px;
  font-weight:300;
  transition:transform .25s ease;
}

.scoop-info details[open] summary span{
  transform:rotate(45deg);
}

.scoop-detail-copy{
  padding:0 0 18px;
}

.scoop-detail-copy p{
  margin:0 0 6px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.55;
  color:#625e56;
}

.scoop-internal{
  display:none;
}


/* HOVER */

@media(hover:hover) and (pointer:fine){

  .scoop-hover-card:hover .scoop-front{
    opacity:0;
    transform:scale(1.018);
  }

  .scoop-hover-card:hover .scoop-back{
    opacity:1;
    transform:scale(1.018);
  }

  .scoop-editorial-mosaic figure:hover img{
    transform:scale(1.025);
  }

  .scoop-access:hover{
    background:#a93536;
  }

}

.scoop-hover-card.show-back .scoop-front{
  opacity:0;
}

.scoop-hover-card.show-back .scoop-back{
  opacity:1;
}


@media(max-width:950px){

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

  .scoop-info{
    position:static;
    min-height:0;
  }

}


@media(max-width:640px){

  .scoop-product{
    padding-top:64px;
  }

  .scoop-gallery{
    padding:19px 10px 40px;
  }

  .scoop-gallery-head,
  .scoop-section-label{
    grid-template-columns:32px 1fr;
  }

  .scoop-hover-media{
    aspect-ratio:4 / 5;
  }

  .scoop-editorial-mosaic{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }

  .scoop-editorial-mosaic .scoop-editorial-tall{
    grid-row:auto;
    aspect-ratio:4 / 5;
  }

  .scoop-editorial-mosaic .scoop-editorial-wide{
    grid-column:span 2;
  }

  .scoop-flat-grid,
  .scoop-product-study{
    gap:7px;
  }

  .scoop-info{
    padding:39px 20px 55px;
  }

  .scoop-info h1{
    font-size:40px;
  }

}

/* THE SOONER SCOOP END */

/* F03 SOONER TEE FINAL START */

.tee-product{
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr);
  width:min(100%,1550px);
  margin:0 auto;
  padding-top:72px;
  background:#eee9df;
}

.tee-gallery{
  min-width:0;
  padding:29px 21px 55px;
}

.tee-gallery-head,
.tee-section-label{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:17px;
}

.tee-gallery-head{
  padding:16px 3px 27px;
}

.tee-gallery-head > span,
.tee-section-label > span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.16em;
  color:#a93536;
}

.tee-gallery-head p,
.tee-section-label p{
  margin:0 0 7px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.16em;
  color:#777269;
}

.tee-gallery-head h2{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(31px,2.8vw,43px);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.04em;
}

.tee-gallery-head h2 em{
  display:block;
  color:#a93536;
  font-style:normal;
}

.tee-worn-grid,
.tee-flat-grid,
.tee-editorial-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.tee-hover-card,
.tee-flat-grid figure,
.tee-editorial-pair figure{
  margin:0;
}

.tee-hover-media{
  position:relative;
  aspect-ratio:4 / 5;
  overflow:hidden;
  border-radius:7px;
  background:#ddd8cf;
}

.tee-hover-media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:
    opacity .45s ease,
    transform .65s cubic-bezier(.22,.61,.36,1);
}

.tee-back{
  opacity:0;
}

.tee-hover-card figcaption{
  display:flex;
  justify-content:space-between;
  gap:15px;
  padding:11px 2px 3px;
}

.tee-hover-card figcaption span,
.tee-hover-card figcaption small{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.14em;
}

.tee-hover-card figcaption small{
  color:#777269;
}

.tee-section-label{
  margin-top:37px;
  padding:18px 3px;
  border-top:1px solid rgba(23,23,20,.14);
}

.tee-section-label strong{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.13em;
}

.tee-flat-grid figure{
  aspect-ratio:1 / 1;
  overflow:hidden;
  border-radius:7px;
  background:#f7f5f0;
}

.tee-flat-grid img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  padding:15px;
}

.tee-editorial-pair figure{
  aspect-ratio:4 / 5;
  overflow:hidden;
  border-radius:7px;
}

.tee-editorial-pair img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}


/* INFO */

.tee-info{
  position:sticky;
  top:72px;
  align-self:start;
  min-height:calc(100vh - 72px);
  padding:45px clamp(28px,3.2vw,50px) 55px;
  background:#f4f0e7;
}

.tee-back-link,
.tee-code,
.tee-subtitle,
.tee-price,
.tee-mantra{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:.15em;
}

.tee-back-link{
  display:inline-block;
  margin-bottom:42px;
  padding-bottom:4px;
  border-bottom:1px solid rgba(23,23,20,.48);
}

.tee-code{
  margin:0 0 12px;
  color:#777269;
}

.tee-info h1{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(39px,3.5vw,53px);
  font-weight:400;
  line-height:.92;
  letter-spacing:-.045em;
}

.tee-subtitle{
  margin:14px 0 0;
  color:#777269;
}

.tee-price{
  margin:28px 0 0;
  color:#a93536;
}

.tee-rule{
  margin:27px 0;
  border-top:1px solid rgba(23,23,20,.15);
}

.tee-description{
  margin:0 0 15px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.65;
  color:#57534b;
}

.tee-mantra{
  margin:27px 0 0;
  color:#a93536;
}

.tee-options{
  margin-top:34px;
  border-top:1px solid rgba(23,23,20,.15);
}

.tee-options > div{
  padding:16px 0;
  border-bottom:1px solid rgba(23,23,20,.15);
}

.tee-options span,
.tee-options strong{
  display:block;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  line-height:1.45;
  letter-spacing:.13em;
}

.tee-options span{
  color:#777269;
}

.tee-options strong{
  margin-top:7px;
  font-weight:400;
}

.tee-access{
  display:block;
  margin:27px 0;
  padding:16px 20px;
  background:#171714;
  color:#fff;
  text-align:center;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.15em;
}

.tee-info details{
  border-top:1px solid rgba(23,23,20,.15);
}

.tee-info details:last-of-type{
  border-bottom:1px solid rgba(23,23,20,.15);
}

.tee-info summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:17px 0;
  list-style:none;
  cursor:pointer;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.14em;
}

.tee-info summary::-webkit-details-marker{
  display:none;
}

.tee-detail-copy{
  padding:0 0 18px;
}

.tee-detail-copy p{
  margin:0 0 6px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.55;
  color:#625e56;
}

.tee-internal{
  display:none;
}


@media(hover:hover) and (pointer:fine){

  .tee-hover-card:hover .tee-front{
    opacity:0;
    transform:scale(1.018);
  }

  .tee-hover-card:hover .tee-back{
    opacity:1;
    transform:scale(1.018);
  }

  .tee-access:hover{
    background:#a93536;
  }

}

.tee-hover-card.show-back .tee-front{
  opacity:0;
}

.tee-hover-card.show-back .tee-back{
  opacity:1;
}


@media(max-width:950px){

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

  .tee-info{
    position:static;
    min-height:0;
  }

}


@media(max-width:640px){

  .tee-product{
    padding-top:64px;
  }

  .tee-gallery{
    padding:19px 10px 40px;
  }

  .tee-gallery-head,
  .tee-section-label{
    grid-template-columns:32px 1fr;
  }

  .tee-worn-grid,
  .tee-flat-grid,
  .tee-editorial-pair{
    gap:7px;
  }

  .tee-info{
    padding:39px 20px 55px;
  }

  .tee-info h1{
    font-size:40px;
  }

}

/* F03 SOONER TEE FINAL END */

/* THE SOONER ZIP START */

.zip-product{
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr);
  width:min(100%,1550px);
  margin:0 auto;
  padding-top:72px;
  background:#eee9df;
}

.zip-gallery{
  min-width:0;
  padding:29px 21px 55px;
}

.zip-gallery-head,
.zip-section-label{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:17px;
}

.zip-gallery-head{
  padding:16px 3px 27px;
}

.zip-gallery-head > span,
.zip-section-label > span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.16em;
  color:#a93536;
}

.zip-gallery-head p,
.zip-section-label p{
  margin:0 0 7px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.16em;
  color:#777269;
}

.zip-gallery-head h2{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(31px,2.8vw,43px);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.04em;
}

.zip-gallery-head h2 em{
  display:block;
  color:#a93536;
  font-style:normal;
}


/* MAIN HOVER */

.zip-feature-card{
  margin:0;
}

.zip-feature-media{
  position:relative;
  aspect-ratio:16 / 10;
  overflow:hidden;
  border-radius:7px;
  background:#ddd8cf;
}

.zip-feature-media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:
    opacity .45s ease,
    transform .65s cubic-bezier(.22,.61,.36,1);
}

.zip-feature-back{
  opacity:0;
}

.zip-feature-card figcaption{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:11px 2px 3px;
}

.zip-feature-card figcaption span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.14em;
  color:#777269;
}


/* CHAPTERS */

.zip-section-label{
  margin-top:37px;
  padding:18px 3px;
  border-top:1px solid rgba(23,23,20,.14);
}

.zip-section-label strong{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.13em;
}


/* IMAGE PAIRS */

.zip-pair-grid,
.zip-flat-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.zip-pair-grid figure,
.zip-flat-grid figure,
.zip-editorial{
  margin:0;
  overflow:hidden;
  border-radius:7px;
}

.zip-pair-grid figure{
  aspect-ratio:4 / 5;
}

.zip-pair-grid img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.zip-pair-grid figcaption{
  position:absolute;
}

.zip-flat-grid figure{
  aspect-ratio:1 / 1;
  background:#f7f5f0;
}

.zip-flat-grid img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  padding:15px;
}

.zip-editorial{
  aspect-ratio:16 / 10;
}

.zip-editorial img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}


/* INFO */

.zip-info{
  position:sticky;
  top:72px;
  align-self:start;
  min-height:calc(100vh - 72px);
  padding:45px clamp(28px,3.2vw,50px) 55px;
  background:#f4f0e7;
}

.zip-back-link,
.zip-code,
.zip-subtitle,
.zip-price,
.zip-mantra{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:.15em;
}

.zip-back-link{
  display:inline-block;
  margin-bottom:42px;
  padding-bottom:4px;
  border-bottom:1px solid rgba(23,23,20,.48);
}

.zip-code{
  margin:0 0 12px;
  color:#777269;
}

.zip-info h1{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(39px,3.5vw,53px);
  font-weight:400;
  line-height:.92;
  letter-spacing:-.045em;
}

.zip-subtitle{
  margin:14px 0 0;
  color:#777269;
}

.zip-price{
  margin:28px 0 0;
  color:#a93536;
}

.zip-rule{
  margin:27px 0;
  border-top:1px solid rgba(23,23,20,.15);
}

.zip-description{
  margin:0 0 15px;
  max-width:490px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.65;
  color:#57534b;
}

.zip-mantra{
  margin:27px 0 0;
  color:#a93536;
}


/* OPTIONS */

.zip-options{
  margin-top:34px;
  border-top:1px solid rgba(23,23,20,.15);
}

.zip-options > div{
  padding:16px 0;
  border-bottom:1px solid rgba(23,23,20,.15);
}

.zip-options span,
.zip-options strong{
  display:block;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  line-height:1.45;
  letter-spacing:.13em;
}

.zip-options span{
  color:#777269;
}

.zip-options strong{
  margin-top:7px;
  font-weight:400;
}

.zip-access{
  display:block;
  margin:27px 0;
  padding:16px 20px;
  background:#171714;
  color:#fff;
  text-align:center;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.15em;
}


/* DETAILS */

.zip-info details{
  border-top:1px solid rgba(23,23,20,.15);
}

.zip-info details:last-of-type{
  border-bottom:1px solid rgba(23,23,20,.15);
}

.zip-info summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:17px 0;
  list-style:none;
  cursor:pointer;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.14em;
}

.zip-info summary::-webkit-details-marker{
  display:none;
}

.zip-info summary span{
  font-size:16px;
  font-weight:300;
}

.zip-detail-copy{
  padding:0 0 18px;
}

.zip-detail-copy p{
  margin:0 0 6px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.55;
  color:#625e56;
}

.zip-internal{
  display:none;
}


/* HOVER */

@media(hover:hover) and (pointer:fine){

  .zip-feature-card:hover .zip-feature-front{
    opacity:0;
    transform:scale(1.018);
  }

  .zip-feature-card:hover .zip-feature-back{
    opacity:1;
    transform:scale(1.018);
  }

  .zip-access:hover{
    background:#a93536;
  }

}

.zip-feature-card.show-back .zip-feature-front{
  opacity:0;
}

.zip-feature-card.show-back .zip-feature-back{
  opacity:1;
}


/* TABLET */

@media(max-width:950px){

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

  .zip-info{
    position:static;
    min-height:0;
  }

}


/* MOBILE */

@media(max-width:640px){

  .zip-product{
    padding-top:64px;
  }

  .zip-gallery{
    padding:19px 10px 40px;
  }

  .zip-gallery-head,
  .zip-section-label{
    grid-template-columns:32px 1fr;
  }

  .zip-feature-media{
    aspect-ratio:4 / 5;
  }

  .zip-pair-grid,
  .zip-flat-grid{
    gap:7px;
  }

  .zip-editorial{
    aspect-ratio:4 / 5;
  }

  .zip-info{
    padding:39px 20px 55px;
  }

  .zip-info h1{
    font-size:40px;
  }

}

/* THE SOONER ZIP END */

/* THE SOONER DRAPE START */

.drape-product{
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr);
  width:min(100%,1550px);
  margin:0 auto;
  padding-top:72px;
  background:#eee9df;
}

.drape-gallery{
  min-width:0;
  padding:29px 21px 55px;
}

.drape-gallery-head,
.drape-section-label{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:17px;
}

.drape-gallery-head{
  padding:16px 3px 27px;
}

.drape-gallery-head > span,
.drape-section-label > span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.16em;
  color:#a93536;
}

.drape-gallery-head p,
.drape-section-label p{
  margin:0 0 7px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.16em;
  color:#777269;
}

.drape-gallery-head h2{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(31px,2.8vw,43px);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.04em;
}

.drape-gallery-head h2 em{
  display:block;
  color:#a93536;
  font-style:normal;
}


/* FEATURE */

.drape-hover-card{
  margin:0;
}

.drape-hover-media{
  position:relative;
  aspect-ratio:16 / 10;
  overflow:hidden;
  border-radius:7px;
  background:#ddd8cf;
}

.drape-hover-media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:
    opacity .45s ease,
    transform .65s cubic-bezier(.22,.61,.36,1);
}

.drape-back{
  opacity:0;
}

.drape-hover-card figcaption{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:11px 2px 3px;
}

.drape-hover-card figcaption span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.14em;
  color:#777269;
}


/* CHAPTERS */

.drape-section-label{
  margin-top:37px;
  padding:18px 3px;
  border-top:1px solid rgba(23,23,20,.14);
}

.drape-section-label strong{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.13em;
}


/* FLATS + EDITORIAL */

.drape-flat-grid,
.drape-editorial-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.drape-flat-grid figure,
.drape-editorial-grid figure,
.drape-film{
  margin:0;
  overflow:hidden;
  border-radius:7px;
}

.drape-flat-grid figure{
  aspect-ratio:1 / 1;
  background:#f7f5f0;
}

.drape-flat-grid img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  padding:15px;
}

.drape-editorial-grid figure{
  aspect-ratio:4 / 5;
}

.drape-editorial-grid img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}


/* FILM */

.drape-film{
  margin-top:11px;
  background:#171714;
}

.drape-film video{
  display:block;
  width:100%;
  max-height:520px;
  object-fit:cover;
}

.drape-film figcaption{
  display:flex;
  justify-content:space-between;
  gap:25px;
  padding:13px 15px 15px;
  color:#fff;
}

.drape-film figcaption span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.14em;
  color:rgba(255,255,255,.63);
}


/* INFO */

.drape-info{
  position:sticky;
  top:72px;
  align-self:start;
  min-height:calc(100vh - 72px);
  padding:45px clamp(28px,3.2vw,50px) 55px;
  background:#f4f0e7;
}

.drape-back-link,
.drape-code,
.drape-subtitle,
.drape-price,
.drape-mantra{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:.15em;
}

.drape-back-link{
  display:inline-block;
  margin-bottom:42px;
  padding-bottom:4px;
  border-bottom:1px solid rgba(23,23,20,.48);
}

.drape-code{
  margin:0 0 12px;
  color:#777269;
}

.drape-info h1{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(39px,3.5vw,53px);
  font-weight:400;
  line-height:.92;
  letter-spacing:-.045em;
}

.drape-subtitle{
  margin:14px 0 0;
  color:#777269;
}

.drape-price{
  margin:28px 0 0;
  color:#a93536;
}

.drape-rule{
  margin:27px 0;
  border-top:1px solid rgba(23,23,20,.15);
}

.drape-description{
  margin:0 0 15px;
  max-width:490px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.65;
  color:#57534b;
}

.drape-mantra{
  margin:27px 0 0;
  color:#a93536;
}

.drape-options{
  margin-top:34px;
  border-top:1px solid rgba(23,23,20,.15);
}

.drape-options > div{
  padding:16px 0;
  border-bottom:1px solid rgba(23,23,20,.15);
}

.drape-options span,
.drape-options strong{
  display:block;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  line-height:1.45;
  letter-spacing:.13em;
}

.drape-options span{
  color:#777269;
}

.drape-options strong{
  margin-top:7px;
  font-weight:400;
}

.drape-access{
  display:block;
  margin:27px 0;
  padding:16px 20px;
  background:#171714;
  color:#fff;
  text-align:center;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.15em;
}


/* DETAILS */

.drape-info details{
  border-top:1px solid rgba(23,23,20,.15);
}

.drape-info details:last-of-type{
  border-bottom:1px solid rgba(23,23,20,.15);
}

.drape-info summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:17px 0;
  list-style:none;
  cursor:pointer;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.14em;
}

.drape-info summary::-webkit-details-marker{
  display:none;
}

.drape-detail-copy{
  padding:0 0 18px;
}

.drape-detail-copy p{
  margin:0 0 6px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.55;
  color:#625e56;
}

.drape-internal{
  display:none;
}


/* HOVER */

@media(hover:hover) and (pointer:fine){

  .drape-hover-card:hover .drape-front{
    opacity:0;
    transform:scale(1.018);
  }

  .drape-hover-card:hover .drape-back{
    opacity:1;
    transform:scale(1.018);
  }

  .drape-access:hover{
    background:#a93536;
  }

}

.drape-hover-card.show-back .drape-front{
  opacity:0;
}

.drape-hover-card.show-back .drape-back{
  opacity:1;
}


@media(max-width:950px){

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

  .drape-info{
    position:static;
    min-height:0;
  }

}


@media(max-width:640px){

  .drape-product{
    padding-top:64px;
  }

  .drape-gallery{
    padding:19px 10px 40px;
  }

  .drape-gallery-head,
  .drape-section-label{
    grid-template-columns:32px 1fr;
  }

  .drape-hover-media{
    aspect-ratio:4 / 5;
  }

  .drape-flat-grid,
  .drape-editorial-grid{
    gap:7px;
  }

  .drape-info{
    padding:39px 20px 55px;
  }

  .drape-info h1{
    font-size:40px;
  }

}

/* THE SOONER DRAPE END */

/* THE SOONER RAGLAN START */

.raglan-product{
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr);
  width:min(100%,1550px);
  margin:0 auto;
  padding-top:72px;
  background:#eee9df;
}

.raglan-gallery{
  min-width:0;
  padding:29px 21px 55px;
}

.raglan-gallery-head,
.raglan-section-label{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:17px;
}

.raglan-gallery-head{
  padding:16px 3px 27px;
}

.raglan-gallery-head > span,
.raglan-section-label > span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.16em;
  color:#a93536;
}

.raglan-gallery-head p,
.raglan-section-label p{
  margin:0 0 7px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.16em;
  color:#777269;
}

.raglan-gallery-head h2{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(31px,2.8vw,43px);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.04em;
}

.raglan-gallery-head h2 em{
  display:block;
  color:#a93536;
  font-style:normal;
}


/* FEATURE */

.raglan-hover-card{
  margin:0;
}

.raglan-hover-media{
  position:relative;
  aspect-ratio:16 / 10;
  overflow:hidden;
  border-radius:7px;
  background:#ddd8cf;
}

.raglan-hover-media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:
    opacity .45s ease,
    transform .65s cubic-bezier(.22,.61,.36,1);
}

.raglan-back{
  opacity:0;
}

.raglan-hover-card figcaption{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:11px 2px 3px;
}

.raglan-hover-card figcaption span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.14em;
  color:#777269;
}


/* CHAPTERS */

.raglan-section-label{
  margin-top:37px;
  padding:18px 3px;
  border-top:1px solid rgba(23,23,20,.14);
}

.raglan-section-label strong{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.13em;
}


/* FLATS + EDITORIAL */

.raglan-flat-grid,
.raglan-editorial-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.raglan-flat-grid figure,
.raglan-editorial-grid figure{
  margin:0;
  overflow:hidden;
  border-radius:7px;
}

.raglan-flat-grid figure{
  aspect-ratio:1 / 1;
  background:#f7f5f0;
}

.raglan-flat-grid img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  padding:15px;
}

.raglan-editorial-grid figure{
  aspect-ratio:4 / 5;
}

.raglan-editorial-grid img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}


/* INFO */

.raglan-info{
  position:sticky;
  top:72px;
  align-self:start;
  min-height:calc(100vh - 72px);
  padding:45px clamp(28px,3.2vw,50px) 55px;
  background:#f4f0e7;
}

.raglan-back-link,
.raglan-code,
.raglan-subtitle,
.raglan-price,
.raglan-mantra{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:.15em;
}

.raglan-back-link{
  display:inline-block;
  margin-bottom:42px;
  padding-bottom:4px;
  border-bottom:1px solid rgba(23,23,20,.48);
}

.raglan-code{
  margin:0 0 12px;
  color:#777269;
}

.raglan-info h1{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(39px,3.5vw,53px);
  font-weight:400;
  line-height:.92;
  letter-spacing:-.045em;
}

.raglan-subtitle{
  margin:14px 0 0;
  color:#777269;
}

.raglan-price{
  margin:28px 0 0;
  color:#a93536;
}

.raglan-rule{
  margin:27px 0;
  border-top:1px solid rgba(23,23,20,.15);
}

.raglan-description{
  margin:0 0 15px;
  max-width:490px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.65;
  color:#57534b;
}

.raglan-mantra{
  margin:27px 0 0;
  color:#a93536;
}


/* OPTIONS */

.raglan-options{
  margin-top:34px;
  border-top:1px solid rgba(23,23,20,.15);
}

.raglan-options > div{
  padding:16px 0;
  border-bottom:1px solid rgba(23,23,20,.15);
}

.raglan-options span,
.raglan-options strong{
  display:block;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  line-height:1.45;
  letter-spacing:.13em;
}

.raglan-options span{
  color:#777269;
}

.raglan-options strong{
  margin-top:7px;
  font-weight:400;
}

.raglan-access{
  display:block;
  margin:27px 0;
  padding:16px 20px;
  background:#171714;
  color:#fff;
  text-align:center;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.15em;
}


/* DETAILS */

.raglan-info details{
  border-top:1px solid rgba(23,23,20,.15);
}

.raglan-info details:last-of-type{
  border-bottom:1px solid rgba(23,23,20,.15);
}

.raglan-info summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:17px 0;
  list-style:none;
  cursor:pointer;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.14em;
}

.raglan-info summary::-webkit-details-marker{
  display:none;
}

.raglan-detail-copy{
  padding:0 0 18px;
}

.raglan-detail-copy p{
  margin:0 0 6px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.55;
  color:#625e56;
}

.raglan-internal{
  display:none;
}


/* HOVER */

@media(hover:hover) and (pointer:fine){

  .raglan-hover-card:hover .raglan-front{
    opacity:0;
    transform:scale(1.018);
  }

  .raglan-hover-card:hover .raglan-back{
    opacity:1;
    transform:scale(1.018);
  }

  .raglan-access:hover{
    background:#a93536;
  }

}

.raglan-hover-card.show-back .raglan-front{
  opacity:0;
}

.raglan-hover-card.show-back .raglan-back{
  opacity:1;
}


@media(max-width:950px){

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

  .raglan-info{
    position:static;
    min-height:0;
  }

}


@media(max-width:640px){

  .raglan-product{
    padding-top:64px;
  }

  .raglan-gallery{
    padding:19px 10px 40px;
  }

  .raglan-gallery-head,
  .raglan-section-label{
    grid-template-columns:32px 1fr;
  }

  .raglan-hover-media{
    aspect-ratio:4 / 5;
  }

  .raglan-flat-grid,
  .raglan-editorial-grid{
    gap:7px;
  }

  .raglan-info{
    padding:39px 20px 55px;
  }

  .raglan-info h1{
    font-size:40px;
  }

}

/* THE SOONER RAGLAN END */

/* FOUNDATIONS WELCOME FILTERS START */


/* NEW INTRO */

.foundations-welcome{
  position:relative;

  min-height:
    clamp(520px,68vh,700px);

  display:flex;
  flex-direction:column;

  padding:
    clamp(105px,9vw,145px)
    clamp(36px,7vw,105px)
    35px;

  overflow:hidden;

  background:
    linear-gradient(
      132deg,
      #eee9df 0%,
      #f5f1e8 57%,
      #ebe5da 100%
    );

  color:#171714;
}


.foundations-welcome::after{
  content:"FOUNDATIONS";

  position:absolute;

  left:-.02em;
  bottom:-.19em;

  font-family:
    "Libre Caslon Display",
    Georgia,
    serif;

  font-size:
    clamp(140px,18vw,340px);

  line-height:.8;

  letter-spacing:-.065em;

  color:
    rgba(23,23,20,.024);

  pointer-events:none;
}


.foundations-welcome-top{
  position:relative;
  z-index:2;

  display:flex;

  justify-content:space-between;

  gap:30px;

  font-family:
    "DM Sans",
    Helvetica,
    Arial,
    sans-serif;

  font-size:9px;

  font-weight:500;

  letter-spacing:.16em;

  color:#78736b;
}


.foundations-welcome-main{
  position:relative;
  z-index:2;

  flex:1;

  display:grid;

  grid-template-columns:
    minmax(0,1.35fr)
    minmax(240px,.65fr);

  align-items:center;

  gap:
    clamp(50px,8vw,125px);
}


.foundations-welcome-copy{
  max-width:850px;
}


.foundations-welcome-eyebrow{
  margin:
    0
    0
    18px;

  font-family:
    "DM Sans",
    Helvetica,
    Arial,
    sans-serif;

  font-size:10px;

  font-weight:500;

  letter-spacing:.18em;

  color:#a93536;
}


.foundations-welcome h1{
  margin:0;

  font-family:
    "Libre Caslon Display",
    Georgia,
    serif;

  font-size:
    clamp(72px,9vw,145px);

  font-weight:400;

  line-height:.8;

  letter-spacing:-.065em;
}


.foundations-welcome h1 span{
  color:#a93536;
}


.foundations-welcome-lead{
  max-width:560px;

  margin:
    32px
    0
    0;

  font-family:
    "DM Sans",
    Helvetica,
    Arial,
    sans-serif;

  font-size:
    clamp(15px,1.05vw,18px);

  font-weight:300;

  line-height:1.65;

  color:#5e5a53;
}


.foundations-welcome-cta{
  display:inline-flex;

  align-items:center;

  gap:16px;

  margin-top:28px;

  padding-bottom:5px;

  border-bottom:
    1px
    solid
    rgba(23,23,20,.6);

  font-family:
    "DM Sans",
    Helvetica,
    Arial,
    sans-serif;

  font-size:9px;

  font-weight:500;

  letter-spacing:.15em;
}


.foundations-welcome-cta span{
  color:#a93536;

  font-size:15px;
}


.foundations-welcome-identity{
  display:flex;

  flex-direction:column;

  align-items:center;

  justify-content:center;

  gap:25px;

  text-align:center;
}


.foundations-welcome-emblem{
  display:flex;

  align-items:center;

  justify-content:center;

  width:
    clamp(115px,11vw,175px);

  aspect-ratio:1;

  border:
    1px
    solid
    rgba(23,23,20,.11);

  border-radius:50%;

  background:
    rgba(255,255,255,.22);
}


.foundations-welcome-emblem img{
  display:block;

  width:46%;

  height:auto;

  animation:
    foundationsMarkPulse
    4.5s
    ease-in-out
    infinite;
}


.foundations-welcome-identity p{
  margin:0;

  font-family:
    "DM Sans",
    Helvetica,
    Arial,
    sans-serif;

  font-size:9px;

  font-weight:500;

  line-height:1.55;

  letter-spacing:.16em;

  color:#78736b;
}


.foundations-welcome-meta{
  position:relative;
  z-index:2;

  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  gap:20px;

  padding-top:24px;

  border-top:
    1px
    solid
    rgba(23,23,20,.12);
}


.foundations-welcome-meta span{
  font-family:
    "DM Sans",
    Helvetica,
    Arial,
    sans-serif;

  font-size:8px;

  font-weight:500;

  letter-spacing:.15em;

  color:#78736b;
}


@keyframes foundationsMarkPulse{

  0%,
  100%{
    transform:scale(1);
    opacity:.78;
  }

  50%{
    transform:scale(1.05);
    opacity:1;
  }

}


/* FILTERS */

.foundation-smart-filters{
  display:grid;

  grid-template-columns:
    1fr
    auto;

  gap:
    16px
    35px;

  margin:
    26px
    0
    36px;

  padding:
    22px
    0;

  border-top:
    1px
    solid
    rgba(23,23,20,.12);

  border-bottom:
    1px
    solid
    rgba(23,23,20,.12);
}


.foundation-smart-filter-row{
  display:flex;

  align-items:center;

  gap:18px;
}


.foundation-category-row{
  grid-column:1;
}


.foundation-smart-filter-label{
  min-width:72px;

  font-family:
    "DM Sans",
    Helvetica,
    Arial,
    sans-serif;

  font-size:8px;

  font-weight:500;

  letter-spacing:.16em;

  color:#8b867d;
}


.foundation-smart-filter-pills{
  display:flex;

  flex-wrap:wrap;

  gap:8px;
}


.foundation-smart-filter{
  appearance:none;

  padding:
    10px
    18px;

  border:
    1px
    solid
    rgba(23,23,20,.18);

  border-radius:999px;

  background:transparent;

  color:#171714;

  cursor:pointer;

  font-family:
    "DM Sans",
    Helvetica,
    Arial,
    sans-serif;

  font-size:9px;

  font-weight:500;

  letter-spacing:.13em;

  transition:
    background .2s ease,
    color .2s ease,
    border-color .2s ease,
    transform .2s ease;
}


.foundation-smart-filter.is-active{
  background:#171714;

  border-color:#171714;

  color:#fff;
}


.foundation-smart-filter-count{
  grid-column:2;

  grid-row:1 / 3;

  align-self:center;

  white-space:nowrap;
}


.foundation-smart-filter-count span{
  font-family:
    "DM Sans",
    Helvetica,
    Arial,
    sans-serif;

  font-size:8px;

  font-weight:500;

  letter-spacing:.16em;

  color:#78736b;
}


.foundation-catalog-card[hidden]{
  display:none !important;
}


/* HIDE LEGACY FILTER BUTTONS */

#shop-foundations
button:not(.foundation-smart-filter){
  display:none !important;
}


/* HOVER */

@media(hover:hover) and (pointer:fine){

  .foundations-welcome-cta:hover{
    color:#a93536;

    border-color:#a93536;
  }


  .foundation-smart-filter:hover{
    transform:
      translateY(-1px);

    border-color:
      rgba(23,23,20,.5);
  }

}


/* TABLET */

@media(max-width:900px){

  .foundations-welcome{
    min-height:auto;

    padding:
      100px
      30px
      30px;
  }


  .foundations-welcome-main{
    grid-template-columns:1fr;

    gap:50px;

    padding:
      65px
      0
      50px;
  }


  .foundations-welcome-identity{
    flex-direction:row;

    justify-content:flex-start;

    align-items:center;

    text-align:left;
  }


  .foundations-welcome-emblem{
    width:95px;
  }


  .foundations-welcome-meta{
    grid-template-columns:
      repeat(2,1fr);

    row-gap:14px;
  }


  .foundation-smart-filters{
    grid-template-columns:1fr;
  }


  .foundation-smart-filter-count{
    grid-column:1;

    grid-row:auto;
  }

}


/* MOBILE */

@media(max-width:640px){

  .foundations-welcome{
    padding:
      90px
      20px
      24px;
  }


  .foundations-welcome-top{
    font-size:7px;
  }


  .foundations-welcome-main{
    padding:
      55px
      0
      40px;
  }


  .foundations-welcome h1{
    font-size:
      clamp(60px,20vw,87px);
  }


  .foundations-welcome-lead{
    margin-top:24px;

    font-size:14px;
  }


  .foundations-welcome-identity{
    gap:17px;
  }


  .foundations-welcome-emblem{
    width:76px;
  }


  .foundations-welcome-meta{
    grid-template-columns:
      1fr
      1fr;

    gap:12px;
  }


  .foundation-smart-filter-row{
    flex-direction:column;

    align-items:flex-start;

    gap:10px;
  }


  .foundation-smart-filter-label{
    min-width:0;
  }


  .foundation-smart-filter{
    padding:
      9px
      14px;

    font-size:8px;
  }


  .foundation-smart-filters{
    margin:
      20px
      0
      27px;

    padding:
      19px
      0;
  }

}

/* FOUNDATIONS WELCOME FILTERS END */

/* FOUNDATIONS GENDER IMAGE SWITCH START */

.foundation-card-primary,
.foundation-card-secondary{
  transition:
    opacity .24s ease,
    transform .5s cubic-bezier(.22,.61,.36,1);
}

.foundation-image-changing{
  opacity:.18 !important;
}

/* FOUNDATIONS GENDER IMAGE SWITCH END */

/* CROPPED CREWNECK F08 START */

.crewneck-product{
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr);
  width:min(100%,1550px);
  margin:0 auto;
  padding-top:72px;
  background:#eee9df;
}

.crewneck-gallery{
  min-width:0;
  padding:29px 21px 55px;
}

.crewneck-gallery-head,
.crewneck-section-label{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:17px;
}

.crewneck-gallery-head{
  padding:16px 3px 27px;
}

.crewneck-gallery-head > span,
.crewneck-section-label > span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.16em;
  color:#a93536;
}

.crewneck-gallery-head p,
.crewneck-section-label p{
  margin:0 0 7px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.16em;
  color:#777269;
}

.crewneck-gallery-head h2{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(31px,2.8vw,43px);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.04em;
}

.crewneck-gallery-head h2 em{
  display:block;
  color:#a93536;
  font-style:normal;
}

.crewneck-hover-card{
  margin:0;
}

.crewneck-hover-media{
  position:relative;
  aspect-ratio:16 / 10;
  overflow:hidden;
  border-radius:7px;
  background:#ddd8cf;
}

.crewneck-hover-media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:
    opacity .45s ease,
    transform .65s cubic-bezier(.22,.61,.36,1);
}

.crewneck-back{
  opacity:0;
}

.crewneck-hover-card figcaption{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:11px 2px 3px;
}

.crewneck-hover-card figcaption span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.14em;
  color:#777269;
}

.crewneck-section-label{
  margin-top:37px;
  padding:18px 3px;
  border-top:1px solid rgba(23,23,20,.14);
}

.crewneck-section-label strong{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:.13em;
}

.crewneck-flat-grid,
.crewneck-lifestyle-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.crewneck-flat-grid figure,
.crewneck-lifestyle-grid figure{
  margin:0;
  overflow:hidden;
  border-radius:7px;
}

.crewneck-flat-grid figure{
  aspect-ratio:1 / 1;
  background:#f7f5f0;
}

.crewneck-flat-grid img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  padding:15px;
}

.crewneck-lifestyle-grid figure{
  aspect-ratio:4 / 5;
}

.crewneck-lifestyle-grid img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.crewneck-info{
  position:sticky;
  top:72px;
  align-self:start;
  min-height:calc(100vh - 72px);
  padding:45px clamp(28px,3.2vw,50px) 55px;
  background:#f4f0e7;
}

.crewneck-back-link,
.crewneck-code,
.crewneck-subtitle,
.crewneck-price,
.crewneck-mantra{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:.15em;
}

.crewneck-back-link{
  display:inline-block;
  margin-bottom:42px;
  padding-bottom:4px;
  border-bottom:1px solid rgba(23,23,20,.48);
}

.crewneck-code{
  margin:0 0 12px;
  color:#777269;
}

.crewneck-info h1{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(39px,3.5vw,53px);
  font-weight:400;
  line-height:.92;
  letter-spacing:-.045em;
}

.crewneck-subtitle{
  margin:14px 0 0;
  color:#777269;
}

.crewneck-price{
  margin:28px 0 0;
  color:#a93536;
}

.crewneck-rule{
  margin:27px 0;
  border-top:1px solid rgba(23,23,20,.15);
}

.crewneck-description{
  margin:0 0 15px;
  max-width:490px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.65;
  color:#57534b;
}

.crewneck-mantra{
  margin:27px 0 0;
  color:#a93536;
}

.crewneck-options{
  margin-top:34px;
  border-top:1px solid rgba(23,23,20,.15);
}

.crewneck-options > div{
  padding:16px 0;
  border-bottom:1px solid rgba(23,23,20,.15);
}

.crewneck-options span,
.crewneck-options strong{
  display:block;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  line-height:1.45;
  letter-spacing:.13em;
}

.crewneck-options span{
  color:#777269;
}

.crewneck-options strong{
  margin-top:7px;
  font-weight:400;
}

.crewneck-access{
  display:block;
  margin:27px 0;
  padding:16px 20px;
  background:#171714;
  color:#fff;
  text-align:center;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.15em;
}

.crewneck-info details{
  border-top:1px solid rgba(23,23,20,.15);
}

.crewneck-info details:last-of-type{
  border-bottom:1px solid rgba(23,23,20,.15);
}

.crewneck-info summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:17px 0;
  list-style:none;
  cursor:pointer;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.14em;
}

.crewneck-info summary::-webkit-details-marker{
  display:none;
}

.crewneck-detail-copy{
  padding:0 0 18px;
}

.crewneck-detail-copy p{
  margin:0 0 6px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.55;
  color:#625e56;
}

.crewneck-internal{
  display:none;
}

@media(hover:hover) and (pointer:fine){

  .crewneck-hover-card:hover .crewneck-front{
    opacity:0;
    transform:scale(1.018);
  }

  .crewneck-hover-card:hover .crewneck-back{
    opacity:1;
    transform:scale(1.018);
  }

  .crewneck-access:hover{
    background:#a93536;
  }

}

.crewneck-hover-card.show-back .crewneck-front{
  opacity:0;
}

.crewneck-hover-card.show-back .crewneck-back{
  opacity:1;
}

@media(max-width:950px){

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

  .crewneck-info{
    position:static;
    min-height:0;
  }

}

@media(max-width:640px){

  .crewneck-product{
    padding-top:64px;
  }

  .crewneck-gallery{
    padding:19px 10px 40px;
  }

  .crewneck-gallery-head,
  .crewneck-section-label{
    grid-template-columns:32px 1fr;
  }

  .crewneck-hover-media{
    aspect-ratio:4 / 5;
  }

  .crewneck-flat-grid,
  .crewneck-lifestyle-grid{
    gap:7px;
  }

  .crewneck-info{
    padding:39px 20px 55px;
  }

  .crewneck-info h1{
    font-size:40px;
  }

}

/* CROPPED CREWNECK F08 END */

/* FOUNDATIONS CRAFTSMANSHIP START */

.foundation-craftsmanship-copy{
  padding:0 0 21px;
}

.foundation-craftsmanship-copy p{
  margin:0 0 10px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.62;
  letter-spacing:0;
  color:#625e56;
}

.foundation-craftsmanship-copy .craftsmanship-lead{
  color:#171714;
  font-weight:400;
}

.craftsmanship-stamp{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:18px;
}

.craftsmanship-stamp span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 10px;
  border:1px solid rgba(169,53,54,.36);
  border-radius:999px;
  color:#a93536;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:7px;
  font-weight:500;
  line-height:1.35;
  letter-spacing:.13em;
}

.foundation-craftsmanship summary{
  color:#171714;
}

/* FOUNDATIONS CRAFTSMANSHIP END */

/* SNOW WASH ZIP F10 START */

.snow-wash-worn-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.snow-wash-worn-grid .crewneck-hover-media{
  aspect-ratio:4 / 5;
}

.snow-wash-editorial-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.snow-wash-editorial-grid figure{
  margin:0;
  overflow:hidden;
  border-radius:7px;
  aspect-ratio:4 / 5;
}

.snow-wash-editorial-grid img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.snow-wash-editorial-wide{
  grid-column:1 / -1;
  aspect-ratio:16 / 9 !important;
}

@media(max-width:640px){

  .snow-wash-worn-grid{
    grid-template-columns:1fr;
  }

  .snow-wash-editorial-grid{
    gap:7px;
  }

  .snow-wash-editorial-wide{
    aspect-ratio:4 / 5 !important;
  }

}

/* SNOW WASH ZIP F10 END */

/* STORY PURPOSE V5 START */

.story-purpose-v5{
  width:100%;
  border-top:1px solid rgba(22,21,18,.14);
  border-bottom:1px solid rgba(22,21,18,.14);
}

.story-purpose-v5-columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(64px,7vw,138px);
  width:100%;
  padding:
    clamp(56px,4.5vw,82px)
    clamp(44px,5vw,92px)
    clamp(62px,5vw,90px);
  align-items:start;
}

.story-purpose-v5 .story-purpose-panel{
  min-width:0;
  min-height:0;
  padding:0;
  border:0;
}

.story-purpose-v5 .story-label{
  margin:0 0 32px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:600;
  line-height:1;
  letter-spacing:.2em;
}

.story-purpose-v5 .story-purpose-title{
  max-width:690px;
  margin:0 0 27px;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(38px,3vw,55px);
  font-weight:400;
  line-height:.97;
  letter-spacing:-.04em;
}

.story-purpose-v5 .story-purpose-title em{
  color:#a93536;
  font-style:normal;
}

.story-purpose-v5 .story-purpose-lede{
  max-width:615px;
  margin:0;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:15px;
  font-weight:300;
  line-height:1.7;
  color:#45413b;
}

.story-purpose-v5 .story-purpose-origin{
  max-width:600px;
  margin:25px 0 0;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.68;
  color:#575149;
}

.story-how-we-move{
  max-width:625px;
  margin-top:31px;
  border-top:1px solid rgba(22,21,18,.14);
}

.story-how-we-move-label{
  margin:0;
  padding:15px 0 12px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  line-height:1;
  letter-spacing:.17em;
  color:#8c857a;
}

.story-how-group{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:14px 0;
  border-top:1px solid rgba(22,21,18,.11);
}

.story-how-group span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:600;
  line-height:1.45;
  letter-spacing:.105em;
}

.story-how-group .story-how-red{
  margin-top:3px;
  color:#a93536;
}

.story-purpose-truth-v5{
  max-width:625px;
  margin-top:27px;
}

.story-purpose-truth-v5 p{
  max-width:540px;
  margin:0 0 9px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:12px;
  font-weight:300;
  line-height:1.65;
  color:#575149;
}

.story-purpose-truth-v5 strong{
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(27px,2vw,36px);
  font-weight:400;
  line-height:1;
  letter-spacing:-.025em;
  color:#171714;
}

.story-purpose-v5 .story-purpose-final-line{
  display:flex;
  align-items:center;
  gap:10px;
  margin:27px 0 0;
  padding-top:19px;
  border-top:1px solid rgba(22,21,18,.14);
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:600;
  line-height:1;
  letter-spacing:.14em;
}

.story-purpose-final-line strong{
  color:#a93536;
}

.story-purpose-mission-simple{
  max-width:625px;
  margin-top:31px;
}

.story-purpose-simple-item{
  padding:16px 0;
  border-top:1px solid rgba(22,21,18,.14);
}

.story-purpose-simple-item:last-child{
  border-bottom:1px solid rgba(22,21,18,.14);
}

.story-purpose-simple-item strong{
  display:block;
  margin-bottom:5px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:600;
  line-height:1.4;
  letter-spacing:.12em;
}

.story-purpose-simple-item p{
  max-width:565px;
  margin:0;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:12px;
  font-weight:300;
  line-height:1.6;
  color:#575149;
}

.story-mission-close{
  max-width:625px;
  margin:28px 0 0;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:600;
  line-height:1.65;
  letter-spacing:.12em;
  color:#a93536;
}

.story-purpose-commitment{
  width:100%;
  padding:
    clamp(58px,5vw,94px)
    clamp(44px,5vw,92px)
    clamp(66px,5.5vw,104px);
  background:#ece7dc;
  border-top:1px solid rgba(22,21,18,.14);
}

.story-commitment-topline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:30px;
  margin-bottom:52px;
}

.story-commitment-topline > div{
  display:flex;
  align-items:center;
  gap:30px;
}

.story-commitment-topline .story-label{
  margin:0;
  color:#a93536;
}

.story-commitment-topline > div > span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  line-height:1;
  letter-spacing:.15em;
  color:#7d766c;
}

.story-commitment-badge{
  margin:0;
  padding:11px 14px;
  border:1px solid rgba(22,21,18,.18);
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  line-height:1;
  letter-spacing:.15em;
}

.story-commitment-hero{
  display:grid;
  grid-template-columns:
    minmax(0,1.05fr)
    minmax(320px,.95fr);
  gap:clamp(60px,8vw,150px);
  align-items:start;
}

.story-commitment-hero h3{
  max-width:760px;
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(49px,5vw,84px);
  font-weight:400;
  line-height:.91;
  letter-spacing:-.048em;
}

.story-commitment-hero h3 em{
  color:#a93536;
  font-style:normal;
}

.story-commitment-intro{
  max-width:600px;
  padding-top:5px;
}

.story-commitment-intro p{
  margin:0;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:14px;
  font-weight:300;
  line-height:1.7;
  color:#4e4942;
}

.story-commitment-intro p + p{
  margin-top:22px;
}

.story-commitment-ledger{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:58px;
  border-top:1px solid rgba(22,21,18,.16);
  border-left:1px solid rgba(22,21,18,.16);
}

.story-commitment-ledger > div{
  min-height:168px;
  padding:22px 21px;
  border-right:1px solid rgba(22,21,18,.16);
  border-bottom:1px solid rgba(22,21,18,.16);
}

.story-commitment-ledger span{
  display:block;
  margin-bottom:27px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:.15em;
  color:#a93536;
}

.story-commitment-ledger strong{
  display:block;
  margin-bottom:10px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:600;
  line-height:1.4;
  letter-spacing:.12em;
}

.story-commitment-ledger p{
  max-width:260px;
  margin:0;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:11px;
  font-weight:300;
  line-height:1.6;
  color:#5b554d;
}

.story-commitment-proof{
  display:grid;
  grid-template-columns:
    minmax(0,1.1fr)
    minmax(300px,.9fr);
  gap:clamp(55px,8vw,145px);
  align-items:end;
  margin-top:59px;
  padding-top:50px;
  border-top:1px solid rgba(22,21,18,.16);
}

.story-commitment-proof small{
  display:block;
  margin-bottom:17px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  line-height:1;
  letter-spacing:.16em;
  color:#a93536;
}

.story-commitment-proof h4{
  max-width:760px;
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(37px,3.8vw,64px);
  font-weight:400;
  line-height:.96;
  letter-spacing:-.043em;
}

.story-commitment-proof h4 em{
  color:#a93536;
  font-style:normal;
}

.story-commitment-proof-copy{
  max-width:530px;
}

.story-commitment-proof-copy p{
  margin:0 0 27px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:12px;
  font-weight:300;
  line-height:1.7;
  color:#565049;
}

.story-commitment-proof-copy a{
  display:inline-flex;
  align-items:center;
  gap:15px;
  padding-bottom:7px;
  border-bottom:1px solid #171714;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:600;
  line-height:1;
  letter-spacing:.13em;
  transition:
    gap .25s ease,
    color .25s ease,
    border-color .25s ease;
}

.story-commitment-proof-copy a span{
  font-size:16px;
  font-weight:300;
}

.story-commitment-proof-copy a:hover{
  gap:23px;
  color:#a93536;
  border-color:#a93536;
}

@media(max-width:1050px){

  .story-purpose-v5-columns{
    column-gap:52px;
    padding-left:35px;
    padding-right:35px;
  }

  .story-purpose-commitment{
    padding-left:35px;
    padding-right:35px;
  }

  .story-commitment-hero{
    gap:55px;
  }

  .story-commitment-proof{
    gap:55px;
  }

}

@media(max-width:900px){

  .story-purpose-v5-columns{
    grid-template-columns:1fr;
    gap:0;
    padding:0;
  }

  .story-purpose-v5 .story-purpose-panel{
    padding:
      56px
      25px
      60px;
  }

  .story-purpose-v5 .story-purpose-reason{
    border-bottom:1px solid rgba(22,21,18,.14);
  }

  .story-purpose-commitment{
    padding:
      58px
      25px
      66px;
  }

  .story-commitment-hero{
    grid-template-columns:1fr;
    gap:33px;
  }

  .story-commitment-ledger{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .story-commitment-proof{
    grid-template-columns:1fr;
    gap:35px;
  }

}

@media(max-width:600px){

  .story-purpose-v5 .story-purpose-panel{
    padding:
      48px
      20px
      52px;
  }

  .story-purpose-v5 .story-purpose-title{
    font-size:clamp(36px,10vw,46px);
  }

  .story-how-group span{
    font-size:8px;
  }

  .story-purpose-commitment{
    padding:
      50px
      20px
      58px;
  }

  .story-commitment-topline{
    flex-direction:column;
    margin-bottom:39px;
  }

  .story-commitment-topline > div{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }

  .story-commitment-hero h3{
    font-size:clamp(44px,13vw,62px);
  }

  .story-commitment-ledger{
    grid-template-columns:1fr;
    margin-top:42px;
  }

  .story-commitment-ledger > div{
    min-height:0;
  }

  .story-commitment-proof{
    margin-top:44px;
    padding-top:38px;
  }

  .story-commitment-proof h4{
    font-size:clamp(37px,11vw,51px);
  }

}

/* STORY PURPOSE V5 END */

/* HOMEPAGE COMMERCE V1 START */

.hp-quick-message{
  background:#f4f0e7;
  color:#171714;
  border-bottom:1px solid rgba(23,23,20,.14);
}

.hp-quick-message-inner{
  display:grid;
  grid-template-columns:170px minmax(0,1.2fr) minmax(280px,.8fr);
  gap:clamp(30px,4vw,76px);
  align-items:end;
  padding:
    clamp(34px,3vw,52px)
    clamp(34px,5vw,90px);
}

.hp-quick-message-inner > p{
  margin:0;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:600;
  line-height:1;
  letter-spacing:.18em;
}

.hp-quick-message h2{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(31px,3.2vw,52px);
  font-weight:400;
  line-height:.96;
  letter-spacing:-.04em;
}

.hp-quick-message h2 span{
  display:block;
  color:#a93536;
}

.hp-quick-message-inner > div p{
  max-width:420px;
  margin:0 0 15px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.6;
}

.hp-quick-message a{
  display:inline-flex;
  padding-bottom:6px;
  border-bottom:1px solid #171714;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:.13em;
}


.hp-foundations{
  background:#f4f0e7;
  color:#171714;
}

.hp-foundations-intro{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:clamp(60px,9vw,170px);
  padding:
    clamp(66px,6vw,110px)
    clamp(34px,5vw,90px)
    clamp(55px,5vw,86px);
  background:#11110f;
  color:#f6f1e8;
}

.hp-foundations-heading > p{
  margin:0 0 35px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:600;
  letter-spacing:.19em;
}

.hp-foundations-heading h2{
  max-width:830px;
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(52px,6vw,102px);
  font-weight:400;
  line-height:.87;
  letter-spacing:-.055em;
}

.hp-foundations-heading h2 em{
  color:#a93536;
  font-style:normal;
}

.hp-foundations-story{
  align-self:end;
  max-width:540px;
}

.hp-foundations-story > span{
  display:block;
  margin-bottom:25px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:.15em;
  color:#b6afa5;
}

.hp-foundations-story p{
  margin:0;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.7;
  color:#d7d0c6;
}

.hp-foundations-story p + p{
  margin-top:17px;
}

.hp-foundations-story a{
  display:inline-flex;
  margin-top:28px;
  padding-bottom:7px;
  border-bottom:1px solid #f6f1e8;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:.14em;
  color:#f6f1e8;
}

.hp-foundations-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  background:rgba(23,23,20,.14);
  border-bottom:1px solid rgba(23,23,20,.14);
}

.hp-foundations-card{
  display:block;
  min-width:0;
  padding-bottom:22px;
  background:#f4f0e7;
  color:#171714;
  overflow:hidden;
}

.hp-foundations-card > div{
  position:relative;
  aspect-ratio:4 / 5;
  overflow:hidden;
  background:#e9e4da;
}

.hp-foundations-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:
    transform .7s cubic-bezier(.2,.7,.2,1);
}

.hp-foundations-card:hover img{
  transform:scale(1.025);
}

.hp-foundations-card > div span{
  position:absolute;
  top:18px;
  left:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  height:28px;
  padding:0 11px;
  border-radius:999px;
  background:rgba(244,240,231,.92);
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:.13em;
}

.hp-foundations-card > p{
  margin:19px 20px 5px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:12px;
  font-weight:600;
  line-height:1.3;
  letter-spacing:.045em;
}

.hp-foundations-card > small{
  margin-left:20px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:.12em;
  color:#7a746b;
}

.hp-foundations-footer{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  padding:
    38px
    clamp(34px,5vw,90px)
    42px;
  border-bottom:1px solid rgba(23,23,20,.14);
}

.hp-foundations-footer p{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(24px,2.3vw,38px);
  font-weight:400;
  line-height:1;
  letter-spacing:-.03em;
}

.hp-foundations-footer a{
  display:inline-flex;
  align-items:center;
  gap:15px;
  padding-bottom:7px;
  border-bottom:1px solid #171714;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:600;
  letter-spacing:.13em;
}

.hp-foundations-footer a span{
  font-size:15px;
}


.hp-held{
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);
  background:#0e0e0d;
  color:#f3eee5;
  border-bottom:1px solid #292925;
}

.hp-held-left,
.hp-held-right{
  min-width:0;
  padding:
    clamp(66px,6vw,110px)
    clamp(34px,5vw,90px)
    clamp(70px,6vw,110px);
}

.hp-held-left{
  border-right:1px solid #292925;
}

.hp-held-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  margin-bottom:65px;
}

.hp-held-topline span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:.16em;
  color:#aaa399;
}

.hp-held-name{
  margin:0 0 22px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:600;
  letter-spacing:.3em;
  color:#a93536;
}

.hp-held-left h2{
  max-width:780px;
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(54px,5.6vw,96px);
  font-weight:400;
  line-height:.89;
  letter-spacing:-.052em;
}

.hp-held-left h2 em{
  color:#a93536;
  font-style:normal;
}

.hp-held-lede{
  max-width:590px;
  margin:46px 0 0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(24px,2.2vw,37px);
  font-weight:400;
  line-height:1.15;
  letter-spacing:-.025em;
}

.hp-held-copy{
  max-width:550px;
  margin:28px 0 0;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.72;
  color:#bdb6ac;
}

.hp-held-left > a{
  display:inline-flex;
  margin-top:34px;
  padding-bottom:7px;
  border-bottom:1px solid #f3eee5;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:.14em;
}

.hp-held-right{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.hp-held-emblem{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:30px;
  margin-bottom:55px;
}

.hp-held-emblem img{
  display:block;
  width:64px;
  height:64px;
  object-fit:contain;
  opacity:.92;
}

.hp-held-emblem span{
  padding-top:9px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:.15em;
  color:#8e887f;
}

.hp-held-principles{
  border-top:1px solid #302f2b;
}

.hp-held-principles > div{
  display:grid;
  grid-template-columns:40px 180px minmax(0,1fr);
  gap:17px;
  padding:20px 0;
  border-bottom:1px solid #302f2b;
}

.hp-held-principles span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:.14em;
  color:#a93536;
}

.hp-held-principles strong{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:600;
  line-height:1.45;
  letter-spacing:.11em;
}

.hp-held-principles p{
  margin:0;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:11px;
  font-weight:300;
  line-height:1.6;
  color:#aaa399;
}

.hp-held-final{
  margin:55px 0 0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(27px,2.6vw,43px);
  font-weight:400;
  line-height:1;
  letter-spacing:-.03em;
}

.hp-held-final span{
  display:block;
  margin-top:6px;
  color:#a93536;
}


@media(max-width:1000px){

  .hp-quick-message-inner{
    grid-template-columns:1fr;
    gap:18px;
  }

  .hp-foundations-intro{
    grid-template-columns:1fr;
    gap:48px;
  }

  .hp-foundations-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .hp-held{
    grid-template-columns:1fr;
  }

  .hp-held-left{
    border-right:0;
    border-bottom:1px solid #292925;
  }

}


@media(max-width:650px){

  .hp-quick-message-inner{
    padding:
      35px
      20px
      38px;
  }

  .hp-quick-message h2{
    font-size:37px;
  }

  .hp-foundations-intro{
    padding:
      58px
      20px
      54px;
  }

  .hp-foundations-heading h2{
    font-size:52px;
  }

  .hp-foundations-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .hp-foundations-card > p{
    margin:
      13px
      12px
      4px;
    font-size:9px;
  }

  .hp-foundations-card > small{
    margin-left:12px;
    font-size:7px;
  }

  .hp-foundations-card > div span{
    top:10px;
    left:10px;
    min-width:35px;
    height:23px;
    font-size:7px;
  }

  .hp-foundations-footer{
    align-items:flex-start;
    flex-direction:column;
    padding:
      29px
      20px
      34px;
  }

  .hp-held-left,
  .hp-held-right{
    padding:
      58px
      20px
      64px;
  }

  .hp-held-topline{
    margin-bottom:50px;
  }

  .hp-held-left h2{
    font-size:56px;
  }

  .hp-held-principles > div{
    grid-template-columns:32px minmax(0,1fr);
  }

  .hp-held-principles strong{
    grid-column:2;
  }

  .hp-held-principles p{
    grid-column:2;
  }

}

/* HOMEPAGE COMMERCE V1 END */

/* HOMEPAGE TYPEWRITER FOUR-UP START */


.hp-typewriter-moment{
  background:#f4f0e7;
  color:#171714;
  border-bottom:1px solid rgba(23,23,20,.14);
}

.hp-typewriter-inner{
  position:relative;
  padding:
    clamp(35px,3.2vw,52px)
    clamp(34px,5vw,90px)
    clamp(39px,3.5vw,57px);
}

.hp-typewriter-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  margin-bottom:
    clamp(36px,4vw,65px);
}

.hp-typewriter-topline p,
.hp-typewriter-topline span{
  margin:0;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  line-height:1;
  letter-spacing:.17em;
}

.hp-typewriter-topline span{
  color:#837c71;
}

.hp-typewriter-stage{
  display:flex;
  align-items:center;
  min-height:
    clamp(86px,10vw,158px);
  border-bottom:
    1px solid rgba(23,23,20,.14);
}

.hp-typewriter-line{
  display:flex;
  align-items:center;
  margin:0;
  max-width:1400px;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:
    clamp(45px,6vw,104px);
  font-weight:400;
  line-height:.92;
  letter-spacing:-.055em;
}

#hpTypewriterText{
  transition:
    color .28s ease;
}

#hpTypewriterText.is-love-sooner{
  color:#a93536;
}

.hp-typewriter-cursor{
  display:inline-block;
  width:1px;
  height:.8em;
  margin-left:8px;
  background:#a93536;
  animation:
    hpTypewriterBlink .82s steps(1) infinite;
}

@keyframes hpTypewriterBlink{

  0%,
  48%{
    opacity:1;
  }

  49%,
  100%{
    opacity:0;
  }

}

.hp-typewriter-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  padding-top:22px;
}

.hp-typewriter-bottom > p{
  margin:0;
  max-width:480px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:11px;
  font-weight:300;
  line-height:1.55;
  color:#59534c;
}

.hp-typewriter-bottom a{
  display:inline-flex;
  align-items:center;
  gap:13px;
  padding-bottom:6px;
  border-bottom:1px solid #171714;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  line-height:1;
  letter-spacing:.13em;
}

.hp-typewriter-bottom a span{
  font-size:14px;
}


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

.hp-foundations-card > div{
  aspect-ratio:4 / 5;
}

.hp-foundations-card > p{
  margin:
    16px
    16px
    4px;
  font-size:10px;
}

.hp-foundations-card > small{
  margin-left:16px;
  font-size:7px;
}

.hp-foundations-card > div span{
  top:14px;
  left:14px;
  min-width:40px;
  height:25px;
  padding:0 10px;
  font-size:7px;
}


@media(max-width:1100px){

  .hp-foundations-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

}


@media(max-width:650px){

  .hp-typewriter-inner{
    padding:
      31px
      20px
      36px;
  }

  .hp-typewriter-topline{
    margin-bottom:31px;
  }

  .hp-typewriter-stage{
    min-height:120px;
  }

  .hp-typewriter-line{
    font-size:
      clamp(43px,13vw,61px);
  }

  .hp-typewriter-bottom{
    align-items:flex-start;
    flex-direction:column;
    gap:19px;
  }

  .hp-foundations-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .hp-foundations-card > p{
    margin:
      12px
      11px
      4px;
    font-size:8px;
  }

  .hp-foundations-card > small{
    margin-left:11px;
    font-size:6px;
  }

}


/* HOMEPAGE TYPEWRITER FOUR-UP END */





/* FOUNDATIONS CAPSULE HOVER START */

.hp-gender-card > div{
  position:relative;
}

.hp-gender-card > div img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.hp-gender-card .hp-card-primary{
  z-index:1;
  opacity:1;
  transform:scale(1);
  transition:
    opacity .42s ease,
    transform .65s ease;
}

.hp-gender-card .hp-card-hover{
  z-index:2;
  opacity:0;
  transform:scale(1.015);
  transition:
    opacity .42s ease,
    transform .65s ease;
}

.hp-gender-card:hover .hp-card-primary{
  opacity:0;
  transform:scale(1.015);
}

.hp-gender-card:hover .hp-card-hover{
  opacity:1;
  transform:scale(1);
}

.hp-gender-card .hp-card-code{
  z-index:5;
}

.hp-gender-card .hp-card-switch{
  z-index:5;
  top:auto;
  left:auto;
  right:14px;
  bottom:14px;
  min-width:0;
  width:auto;
  height:25px;
  padding:0 10px;
  opacity:0;
  transform:translateY(4px);
  font-size:6px;
  transition:
    opacity .24s ease,
    transform .24s ease;
}

.hp-gender-card:hover .hp-card-switch{
  opacity:1;
  transform:translateY(0);
}


.hp-held-naming{
  max-width:590px;
  margin-top:40px;
  padding-top:27px;
  border-top:1px solid #302f2b;
}

.hp-held-naming small{
  display:block;
  margin-bottom:13px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:7px;
  font-weight:600;
  letter-spacing:.16em;
  color:#a93536;
}

.hp-held-naming h3{
  margin:0 0 17px;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(29px,2.6vw,44px);
  font-weight:400;
  line-height:.97;
  letter-spacing:-.035em;
}

.hp-held-naming h3 em{
  color:#a93536;
  font-style:normal;
}

.hp-held-naming p{
  max-width:550px;
  margin:0;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:11px;
  font-weight:300;
  line-height:1.65;
  color:#aaa399;
}

.hp-held-naming p + p{
  margin-top:12px;
}


.hp-held-architecture{
  margin-top:36px;
  border-top:1px solid #302f2b;
}

.hp-held-architecture > small{
  display:block;
  padding:15px 0 11px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:7px;
  font-weight:600;
  letter-spacing:.16em;
  color:#777269;
}

.hp-held-architecture > div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:13px 0;
  border-top:1px solid #302f2b;
}

.hp-held-architecture span,
.hp-held-architecture strong{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  line-height:1.4;
  letter-spacing:.11em;
}

.hp-held-architecture span{
  color:#aaa399;
}

.hp-held-architecture strong{
  color:#f3eee5;
  text-align:right;
}


@media(max-width:650px){

  .hp-gender-card .hp-card-switch{
    display:none;
  }

  .hp-held-architecture > div{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }

  .hp-held-architecture strong{
    text-align:left;
  }

}

/* FOUNDATIONS CAPSULE HOVER END */

/* HELD COLLECTION PREVIEW START */

.hp-held-preview{
  display:block;
  background:#0e0e0d;
  color:#f3eee5;
  border-bottom:1px solid #292925;
}

.held-preview-intro{
  padding:
    clamp(60px,5vw,92px)
    clamp(34px,5vw,90px)
    clamp(54px,4.5vw,78px);
}

.held-preview-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  margin-bottom:57px;
}

.held-preview-topline p,
.held-preview-topline span{
  margin:0;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  line-height:1;
  letter-spacing:.16em;
}

.held-preview-topline p{
  color:#a93536;
}

.held-preview-topline span{
  color:#827c73;
}

.held-preview-heading{
  display:grid;
  grid-template-columns:
    minmax(0,1.08fr)
    minmax(320px,.92fr);
  gap:clamp(60px,8vw,150px);
  align-items:end;
}

.held-preview-heading .hp-held-name{
  margin:0 0 20px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:600;
  letter-spacing:.28em;
  color:#a93536;
}

.held-preview-heading h2{
  max-width:820px;
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(53px,5.6vw,96px);
  font-weight:400;
  line-height:.89;
  letter-spacing:-.052em;
}

.held-preview-heading h2 em{
  color:#a93536;
  font-style:normal;
}

.held-preview-intro-copy{
  max-width:560px;
}

.held-preview-intro-copy .held-preview-lede{
  margin:0 0 19px;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(23px,2vw,34px);
  font-weight:400;
  line-height:1.12;
  letter-spacing:-.02em;
  color:#f3eee5;
}

.held-preview-intro-copy > p:last-child{
  margin:0;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:12px;
  font-weight:300;
  line-height:1.7;
  color:#aaa399;
}


.held-preview-experiences{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid #302f2b;
  border-bottom:1px solid #302f2b;
}

.held-experience:first-child{
  border-right:1px solid #302f2b;
}

.held-experience-visual{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:clamp(430px,43vw,690px);
  overflow:hidden;
  background:
    radial-gradient(
      circle at 50% 45%,
      #22221f 0%,
      #151513 46%,
      #0d0d0c 100%
    );
}

.held-soft .held-experience-visual{
  background:
    radial-gradient(
      circle at 50% 45%,
      #282725 0%,
      #191816 48%,
      #0f0f0e 100%
    );
}

.held-deep .held-experience-visual{
  background:
    radial-gradient(
      circle at 50% 45%,
      #1d1d1b 0%,
      #11110f 50%,
      #090909 100%
    );
}

.held-placeholder-mark{
  display:flex;
  align-items:center;
  flex-direction:column;
  gap:22px;
}

.held-placeholder-mark img{
  width:72px;
  height:72px;
  object-fit:contain;
  opacity:.92;
}

.held-placeholder-mark span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:7px;
  font-weight:600;
  letter-spacing:.2em;
  color:#706b64;
}

.held-placeholder-bottom{
  position:absolute;
  right:25px;
  bottom:22px;
  left:25px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.held-placeholder-bottom span{
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:7px;
  font-weight:600;
  letter-spacing:.16em;
  color:#777169;
}

.held-experience-copy{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:20px;
  padding:
    35px
    clamp(26px,3vw,50px)
    43px;
  border-top:1px solid #302f2b;
}

.held-experience-number{
  padding-top:5px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:.15em;
  color:#a93536;
}

.held-experience-label{
  margin:0 0 11px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:.18em;
  color:#aaa399;
}

.held-experience-copy h3{
  margin:0 0 18px;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(31px,3vw,48px);
  font-weight:400;
  line-height:.95;
  letter-spacing:-.038em;
}

.held-experience-copy h3 em{
  color:#a93536;
  font-style:normal;
}

.held-experience-copy p{
  max-width:560px;
  margin:0;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:11px;
  font-weight:300;
  line-height:1.65;
  color:#aaa399;
}

.held-experience-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:21px;
}

.held-experience-tags span{
  padding:7px 9px;
  border:1px solid #393833;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:6px;
  font-weight:600;
  letter-spacing:.12em;
  color:#d3cdc4;
}


.held-preview-philosophy{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);
  gap:clamp(65px,9vw,160px);
  padding:
    clamp(62px,5.5vw,98px)
    clamp(34px,5vw,90px);
  border-bottom:1px solid #302f2b;
}

.held-preview-philosophy small{
  display:block;
  margin-bottom:19px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:7px;
  font-weight:600;
  letter-spacing:.17em;
  color:#a93536;
}

.held-preview-philosophy h3{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(39px,4vw,67px);
  font-weight:400;
  line-height:.93;
  letter-spacing:-.045em;
}

.held-preview-philosophy h3 em{
  color:#a93536;
  font-style:normal;
}

.held-preview-philosophy-copy{
  align-self:end;
  max-width:550px;
}

.held-preview-philosophy-copy p{
  margin:0;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:12px;
  font-weight:300;
  line-height:1.7;
  color:#aaa399;
}

.held-preview-philosophy-copy p + p{
  margin-top:15px;
}


.held-preview-principles{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-bottom:1px solid #302f2b;
}

.held-preview-principles > div{
  min-height:175px;
  padding:25px;
  border-right:1px solid #302f2b;
}

.held-preview-principles > div:last-child{
  border-right:0;
}

.held-preview-principles span{
  display:block;
  margin-bottom:28px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:7px;
  font-weight:600;
  letter-spacing:.15em;
  color:#a93536;
}

.held-preview-principles strong{
  display:block;
  margin-bottom:10px;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:.11em;
}

.held-preview-principles p{
  max-width:270px;
  margin:0;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:300;
  line-height:1.6;
  color:#99938b;
}


.held-preview-footer{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:50px;
  padding:
    43px
    clamp(34px,5vw,90px)
    50px;
}

.held-preview-footer > p{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(28px,3vw,48px);
  font-weight:400;
  line-height:.96;
  letter-spacing:-.035em;
}

.held-preview-footer > p span{
  display:block;
  color:#a93536;
}

.held-preview-footer > div{
  display:flex;
  align-items:center;
  gap:20px;
}

.held-preview-footer > div > span{
  padding-right:20px;
  border-right:1px solid #393833;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:7px;
  font-weight:600;
  letter-spacing:.14em;
  color:#8e887f;
}

.held-preview-footer a{
  display:inline-flex;
  padding-bottom:6px;
  border-bottom:1px solid #f3eee5;
  font-family:"DM Sans",Helvetica,Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:.13em;
}


@media(max-width:900px){

  .held-preview-heading,
  .held-preview-philosophy{
    grid-template-columns:1fr;
    gap:36px;
  }

  .held-preview-experiences{
    grid-template-columns:1fr;
  }

  .held-experience:first-child{
    border-right:0;
    border-bottom:1px solid #302f2b;
  }

  .held-preview-principles{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .held-preview-principles > div:nth-child(2){
    border-right:0;
  }

  .held-preview-principles > div:nth-child(-n+2){
    border-bottom:1px solid #302f2b;
  }

}


@media(max-width:600px){

  .held-preview-intro{
    padding:
      50px
      20px
      46px;
  }

  .held-preview-topline{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
    margin-bottom:43px;
  }

  .held-preview-heading h2{
    font-size:54px;
  }

  .held-experience-visual{
    min-height:440px;
  }

  .held-experience-copy{
    grid-template-columns:30px minmax(0,1fr);
    padding:
      27px
      20px
      34px;
  }

  .held-preview-philosophy{
    padding:
      52px
      20px;
  }

  .held-preview-principles{
    grid-template-columns:1fr;
  }

  .held-preview-principles > div{
    min-height:0;
    border-right:0;
    border-bottom:1px solid #302f2b;
  }

  .held-preview-principles > div:last-child{
    border-bottom:0;
  }

  .held-preview-footer{
    align-items:flex-start;
    flex-direction:column;
    padding:
      36px
      20px
      43px;
  }

  .held-preview-footer > div{
    align-items:flex-start;
    flex-wrap:wrap;
  }

}

/* HELD COLLECTION PREVIEW END */

/* LOVESOONER EDITORIAL MOBILE MENU START */

@media(max-width:900px){

  .lovesooner-mobile-menu-fixed{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    max-width:none !important;
    height:100dvh !important;
    max-height:100dvh !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    background:#f6f0e5 !important;
    color:#171714 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
    z-index:99999 !important;
  }

  .lovesooner-mobile-menu-fixed > :not(.ls-mobile-shell){
    display:none !important;
  }

  .ls-mobile-shell{
    width:100%;
    height:100%;
    box-sizing:border-box;
    padding:
      calc(env(safe-area-inset-top,0px) + 16px)
      18px
      calc(env(safe-area-inset-bottom,0px) + 24px);
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    background:#f6f0e5;
  }

  .ls-mobile-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    min-height:82px;
    padding-bottom:16px;
    border-bottom:1px solid rgba(23,23,20,.10);
  }

  .ls-mobile-brand{
    display:block;
    width:160px;
    max-width:52vw;
    margin-top:4px;
  }

  .ls-mobile-brand img{
    display:block;
    width:100%;
    height:auto;
  }

  .ls-mobile-header-actions{
    display:flex;
    align-items:flex-end;
    flex-direction:column;
    gap:18px;
  }

  .ls-mobile-search{
    order:2;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    color:#171714;
    font-family:"Libre Caslon Display", Georgia, serif;
    font-size:18px;
    font-weight:400;
    line-height:1;
    cursor:pointer;
  }

  .ls-mobile-close{
    order:1;
    position:relative;
    display:block;
    width:24px;
    height:24px;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    cursor:pointer;
  }

  .ls-mobile-close span{
    position:absolute;
    top:50%;
    left:50%;
    width:20px;
    height:1.4px;
    background:#171714;
    transform-origin:center;
  }

  .ls-mobile-close span:first-child{
    transform:translate(-50%,-50%) rotate(45deg);
  }

  .ls-mobile-close span:last-child{
    transform:translate(-50%,-50%) rotate(-45deg);
  }

  .ls-mobile-primary{
    display:flex;
    flex-direction:column;
    padding:24px 0 24px;
    border-bottom:1px solid rgba(23,23,20,.10);
  }

  .ls-mobile-primary > a,
  .ls-mobile-details > summary{
    color:#171714;
    font-family:"Libre Caslon Display", Georgia, serif;
    font-size:25px;
    font-weight:400;
    line-height:1.05;
    letter-spacing:-.02em;
    text-decoration:none;
  }

  .ls-mobile-primary > a{
    display:block;
  }

  .ls-mobile-primary > a + a,
  .ls-mobile-primary > a + .ls-mobile-details,
  .ls-mobile-details + .ls-mobile-details,
  .ls-mobile-details + a{
    margin-top:24px;
  }

  .ls-mobile-details{
    margin:0;
    padding:0;
  }

  .ls-mobile-details summary{
    display:flex;
    align-items:center;
    gap:14px;
    width:max-content;
    list-style:none;
    cursor:pointer;
  }

  .ls-mobile-details summary::-webkit-details-marker{
    display:none;
  }

  .ls-mobile-details summary::after{
    content:"";
    display:block;
    width:8px;
    height:8px;
    margin-top:-4px;
    border-right:1.25px solid #171714;
    border-bottom:1.25px solid #171714;
    transform:rotate(45deg);
    transition:transform .25s ease, margin-top .25s ease;
  }

  .ls-mobile-details[open] summary::after{
    margin-top:4px;
    transform:rotate(225deg);
  }

  .ls-mobile-subnav{
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:14px 0 2px 2px;
  }

  .ls-mobile-subnav a{
    color:#6e675d;
    font-family:"DM Sans", Helvetica, Arial, sans-serif;
    font-size:11px;
    font-weight:500;
    line-height:1.35;
    letter-spacing:.06em;
    text-decoration:none;
    text-transform:uppercase;
  }

  .ls-mobile-join{
    padding:20px 0 20px;
    border-bottom:1px solid rgba(23,23,20,.10);
  }

  .ls-mobile-join > p{
    margin:0 0 12px;
    font-family:"Libre Caslon Display", Georgia, serif;
    font-size:14px;
    font-weight:400;
  }

  .ls-mobile-join > a{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:14px;
    padding-bottom:10px;
    border-bottom:1px solid #171714;
    color:#171714;
    font-family:"Libre Caslon Display", Georgia, serif;
    font-size:14px;
    font-weight:400;
    text-decoration:none;
  }

  .ls-mobile-join > a span{
    display:block;
    max-width:72%;
    line-height:1.2;
  }

  .ls-mobile-join strong{
    font-weight:400;
    white-space:nowrap;
    font-size:14px;
  }

  .ls-mobile-links{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px 22px;
    padding:20px 0 20px;
  }

  .ls-mobile-links > div{
    display:flex;
    flex-direction:column;
    gap:16px;
  }

  .ls-mobile-links a{
    color:#171714;
    font-family:"Libre Caslon Display", Georgia, serif;
    font-size:13px;
    font-weight:400;
    line-height:1.15;
    text-decoration:none;
  }

  .ls-mobile-footer{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    padding:18px 0 4px;
    border-top:1px solid rgba(23,23,20,.10);
  }

  .ls-mobile-footer p{
    margin:0;
    font-family:"Libre Caslon Display", Georgia, serif;
    font-size:13px;
    font-weight:400;
    line-height:1.1;
  }

  .ls-mobile-footer span{
    max-width:120px;
    font-family:"DM Sans", Helvetica, Arial, sans-serif;
    font-size:6px;
    font-weight:600;
    line-height:1.4;
    letter-spacing:.14em;
    text-align:right;
    color:#a93536;
    text-transform:uppercase;
  }

  .ls-mobile-shell a:active,
  .ls-mobile-shell button:active{
    opacity:.55;
  }
}

@media(max-width:430px){

  .ls-mobile-shell{
    padding:
      calc(env(safe-area-inset-top,0px) + 14px)
      16px
      calc(env(safe-area-inset-bottom,0px) + 22px);
  }

  .ls-mobile-brand{
    width:150px;
  }

  .ls-mobile-primary > a,
  .ls-mobile-details > summary{
    font-size:23px;
  }

  .ls-mobile-primary > a + a,
  .ls-mobile-primary > a + .ls-mobile-details,
  .ls-mobile-details + .ls-mobile-details,
  .ls-mobile-details + a{
    margin-top:22px;
  }

  .ls-mobile-links{
    gap:14px 18px;
  }

  .ls-mobile-links a{
    font-size:12px;
  }

  .ls-mobile-join > a{
    font-size:13px;
  }
}

/* LOVESOONER EDITORIAL MOBILE MENU END */

/* LOVESOONER SITE MOBILE SAFETY START */

img,
video{
  max-width:100%;
}

img{
  height:auto;
}

video{
  display:block;
}

@media(max-width:900px){

  html,
  body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  body{
    -webkit-text-size-adjust:100%;
  }

  main,
  section,
  article,
  header,
  footer{
    min-width:0;
    max-width:100%;
  }

  img,
  video,
  iframe{
    max-width:100%;
  }

  video{
    width:100%;
    height:auto;
  }

  .hp-foundations-grid,
  .foundations-catalog-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr))
      !important;
  }

  .held-preview-heading,
  .held-preview-philosophy,
  .held-preview-experiences,
  .story-purpose-v5-columns,
  .story-commitment-hero,
  .story-commitment-proof{
    grid-template-columns:
      1fr
      !important;
  }

  .held-preview-principles,
  .story-commitment-ledger{
    grid-template-columns:
      repeat(2,minmax(0,1fr))
      !important;
  }

  [class*="product-layout"],
  [class*="product-grid"],
  [class*="product-shell"],
  [class*="pdp-layout"],
  [class*="pdp-grid"],
  [class*="pdp-shell"]{
    grid-template-columns:
      1fr
      !important;

    max-width:100% !important;
  }

  [class*="product-info"],
  [class*="pdp-info"]{
    position:static !important;
    top:auto !important;
  }

  input,
  select,
  textarea{
    max-width:100%;
    box-sizing:border-box;
  }

}

@media(max-width:600px){

  .held-preview-principles,
  .story-commitment-ledger{
    grid-template-columns:
      1fr
      !important;
  }

}

/* LOVESOONER SITE MOBILE SAFETY END */

/* LOVESOONER MOBILE VISUAL QA START */

@media(max-width:900px){

  html{
    scroll-padding-top:78px;
  }

  .lovesooner-master-header{
    transition:
      background-color .24s ease,
      border-color .24s ease,
      backdrop-filter .24s ease;
  }

  .lovesooner-master-header.ls-header-solid,
  .lovesooner-master-header.ls-header-scrolled{
    background:
      rgba(13,13,12,.96)
      !important;

    border-bottom:
      1px solid rgba(255,255,255,.08)
      !important;

    -webkit-backdrop-filter:
      blur(14px);

    backdrop-filter:
      blur(14px);
  }

  .ls-foundations-title{
    display:block !important;

    width:100% !important;
    max-width:100% !important;

    margin-right:0 !important;

    font-size:
      clamp(
        46px,
        12.5vw,
        54px
      )
      !important;

    line-height:.9 !important;

    letter-spacing:-.05em !important;

    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  .ls-product-title{
    max-width:
      calc(100vw - 40px)
      !important;

    font-size:
      clamp(
        40px,
        11vw,
        52px
      )
      !important;

    line-height:.93 !important;

    letter-spacing:-.04em !important;
  }

  .ls-product-long-copy{
    font-size:
      clamp(
        15px,
        4vw,
        17px
      )
      !important;

    line-height:1.55 !important;

    letter-spacing:0 !important;
  }

  .ls-early-access{
    position:static !important;

    inset:auto !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    max-width:none !important;

    margin:
      24px
      0
      0
      !important;

    transform:none !important;

    z-index:auto !important;
  }

  .held-preview-intro{
    padding:
      44px
      20px
      40px
      !important;
  }

  .held-preview-heading{
    gap:
      26px
      !important;
  }

  .held-preview-heading h2{
    font-size:
      clamp(
        43px,
        11.5vw,
        50px
      )
      !important;

    line-height:.9 !important;
  }

  .held-preview-intro-copy
  .held-preview-lede{
    font-size:
      23px
      !important;

    line-height:1.1 !important;
  }

  .held-experience-visual{
    min-height:
      300px
      !important;
  }

  .held-placeholder-mark img{
    width:
      58px
      !important;

    height:
      58px
      !important;
  }

  .held-experience-copy{
    padding:
      24px
      20px
      30px
      !important;
  }

  .held-experience-copy h3{
    font-size:
      clamp(
        33px,
        9.2vw,
        40px
      )
      !important;

    line-height:.94 !important;
  }

  .held-experience-copy p{
    font-size:
      14px
      !important;

    line-height:1.58 !important;
  }

  .held-preview-philosophy{
    gap:
      26px
      !important;

    padding:
      42px
      20px
      !important;
  }

  .held-preview-philosophy h3{
    font-size:
      clamp(
        36px,
        9.8vw,
        43px
      )
      !important;

    line-height:.94 !important;
  }

  .held-preview-philosophy-copy p{
    font-size:
      14px
      !important;

    line-height:1.58 !important;
  }

  .held-preview-principles > div{
    min-height:0 !important;

    padding:
      22px
      20px
      !important;
  }

  .held-preview-principles span{
    margin-bottom:
      16px
      !important;
  }

  .held-preview-footer{
    padding:
      30px
      20px
      34px
      !important;
  }

  .foundations-catalog-grid,
  .hp-foundations-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr))
      !important;
  }

  .foundations-catalog-card{
    min-width:0 !important;
  }

  [id]{
    scroll-margin-top:
      82px;
  }

}


@media(max-width:430px){

  .ls-foundations-title{
    font-size:
      47px
      !important;
  }

  .ls-product-title{
    font-size:
      clamp(
        39px,
        10.7vw,
        49px
      )
      !important;
  }

  .held-experience-visual{
    min-height:
      280px
      !important;
  }

  .held-preview-heading h2{
    font-size:
      44px
      !important;
  }

  .held-preview-philosophy h3{
    font-size:
      38px
      !important;
  }

}

/* LOVESOONER MOBILE VISUAL QA END */

/* HELD PRODUCT SYSTEM START */

.held-system-page{
  margin:0;
  background:#0e0e0d;
  color:#f2eee6;
}

.held-system-page main{
  overflow:hidden;
}

.held-system-page a{
  color:inherit;
  text-decoration:none;
}


.held-system-hero{
  min-height:78vh;
  padding:
    150px
    clamp(34px,5vw,88px)
    80px;
  background:#0e0e0d;
}

.held-system-kicker{
  display:flex;
  justify-content:space-between;
  gap:30px;
  padding-bottom:26px;
  border-bottom:1px solid #30302c;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:.18em;
  color:#8d877f;
}

.held-system-hero-grid{
  display:grid;
  grid-template-columns:1.12fr .72fr;
  gap:clamp(70px,10vw,170px);
  align-items:end;
  padding-top:70px;
}

.held-system-eyebrow{
  margin:0 0 25px;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:9px;
  font-weight:600;
  letter-spacing:.24em;
  color:#a93536;
}

.held-system-hero h1{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(64px,7vw,118px);
  font-weight:400;
  line-height:.88;
  letter-spacing:-.055em;
}

.held-system-hero h1 em,
.held-system-path h2 em,
.held-system-meaning h2 em,
.held-category-heading h1 em{
  color:#a93536;
  font-style:normal;
}

.held-system-hero-copy{
  max-width:580px;
}

.held-system-hero-copy p{
  margin:0;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.75;
  color:#aaa399;
}

.held-system-hero-copy p + p{
  margin-top:20px;
}

.held-system-hero-copy .held-system-lede{
  margin-bottom:24px;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:31px;
  line-height:1.05;
  color:#f2eee6;
}


.held-system-paths{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid #30302c;
  border-bottom:1px solid #30302c;
}

.held-system-path{
  min-width:0;
}

.held-system-path:first-child{
  border-right:1px solid #30302c;
}

.held-system-placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:20px;
  min-height:560px;
  background:
    radial-gradient(
      circle at 50% 45%,
      #252522 0%,
      #171715 50%,
      #0d0d0c 100%
    );
}

.held-system-path-deep
.held-system-placeholder{
  background:
    radial-gradient(
      circle at 50% 45%,
      #1e1e1c 0%,
      #121211 50%,
      #090909 100%
    );
}

.held-system-placeholder img{
  width:76px;
  height:76px;
  object-fit:contain;
  opacity:.9;
}

.held-system-placeholder span{
  font-family:"DM Sans",Arial,sans-serif;
  font-size:7px;
  font-weight:600;
  letter-spacing:.2em;
  color:#6f6a63;
}

.held-system-path-meta{
  display:flex;
  justify-content:space-between;
  padding:18px 25px;
  border-top:1px solid #30302c;
  border-bottom:1px solid #30302c;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:7px;
  font-weight:600;
  letter-spacing:.18em;
  color:#817b73;
}

.held-system-path-copy{
  padding:
    35px
    clamp(25px,3vw,48px)
    45px;
}

.held-system-path-copy > p{
  margin:0 0 12px;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:.19em;
  color:#aaa399;
}

.held-system-path h2{
  margin:0 0 30px;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(42px,4vw,65px);
  font-weight:400;
  line-height:.92;
  letter-spacing:-.045em;
}

.held-system-link{
  display:inline-block;
  padding-bottom:7px;
  border-bottom:1px solid #f2eee6;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:.15em;
}


.held-system-meaning{
  display:grid;
  grid-template-columns:1fr .8fr;
  gap:clamp(70px,10vw,160px);
  padding:
    clamp(70px,7vw,120px)
    clamp(34px,5vw,88px);
  border-bottom:1px solid #30302c;
}

.held-system-meaning > div:first-child > p{
  margin:0 0 22px;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:7px;
  font-weight:600;
  letter-spacing:.2em;
  color:#a93536;
}

.held-system-meaning h2{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(46px,5vw,80px);
  font-weight:400;
  line-height:.92;
  letter-spacing:-.05em;
}

.held-system-meaning > div:last-child{
  align-self:end;
}

.held-system-meaning > div:last-child p{
  margin:0;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.72;
  color:#aaa399;
}

.held-system-meaning > div:last-child p + p{
  margin-top:18px;
}


.held-system-close{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:50px;
  padding:
    48px
    clamp(34px,5vw,88px)
    55px;
}

.held-system-close p{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(30px,3vw,48px);
  line-height:.95;
}

.held-system-close p span{
  display:block;
  color:#a93536;
}

.held-system-close a{
  padding-bottom:7px;
  border-bottom:1px solid #f2eee6;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:.15em;
}


.held-category-hero{
  padding:
    145px
    clamp(34px,5vw,88px)
    80px;
  border-bottom:1px solid #30302c;
}

.held-category-topline{
  display:flex;
  justify-content:space-between;
  gap:30px;
  margin-bottom:75px;
  padding-bottom:24px;
  border-bottom:1px solid #30302c;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:.17em;
  color:#8c867e;
}

.held-category-heading{
  display:grid;
  grid-template-columns:1.05fr .72fr;
  gap:clamp(70px,10vw,160px);
  align-items:end;
}

.held-category-heading > div:first-child > p{
  margin:0 0 20px;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:.22em;
  color:#a93536;
}

.held-category-heading h1{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(58px,6vw,98px);
  font-weight:400;
  line-height:.9;
  letter-spacing:-.05em;
}

.held-category-heading > div:last-child p{
  margin:0;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.7;
  color:#aaa399;
}

.held-category-heading
.held-category-lede{
  margin-bottom:18px !important;
  font-family:"Libre Caslon Display",Georgia,serif !important;
  font-size:29px !important;
  line-height:1.05 !important;
  color:#f2eee6 !important;
}


.held-category-product-heading{
  display:grid;
  grid-template-columns:1fr auto;
  gap:25px;
  align-items:end;
  padding:
    65px
    clamp(34px,5vw,88px)
    38px;
}

.held-category-product-heading > p{
  grid-column:1 / -1;
  margin:0;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:.2em;
  color:#a93536;
}

.held-category-product-heading h2{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:clamp(50px,5vw,76px);
  font-weight:400;
  line-height:.9;
  letter-spacing:-.045em;
}

.held-category-product-heading > span{
  padding-bottom:8px;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:.16em;
  color:#817b73;
}


.held-product-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid #30302c;
}

.held-product-placeholder{
  min-width:0;
  border-bottom:1px solid #30302c;
}

.held-product-placeholder:nth-child(odd){
  border-right:1px solid #30302c;
}

.held-product-placeholder-visual{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:18px;
  min-height:530px;
  background:#161614;
}

.held-product-placeholder-visual img{
  width:60px;
  height:60px;
  object-fit:contain;
  opacity:.75;
}

.held-product-placeholder-visual span{
  font-family:"DM Sans",Arial,sans-serif;
  font-size:7px;
  font-weight:600;
  letter-spacing:.2em;
  color:#6f6a63;
}

.held-product-placeholder-info{
  padding:
    24px
    clamp(22px,3vw,42px)
    32px;
}

.held-product-placeholder-info > span{
  display:block;
  margin-bottom:12px;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:7px;
  font-weight:600;
  letter-spacing:.17em;
  color:#a93536;
}

.held-product-placeholder-info h3{
  margin:0 0 9px;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-size:31px;
  font-weight:400;
  line-height:1;
}

.held-product-placeholder-info p{
  margin:0;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:.13em;
  color:#817b73;
}


.held-category-note{
  display:grid;
  grid-template-columns:.4fr 1fr;
  gap:50px;
  padding:
    50px
    clamp(34px,5vw,88px)
    60px;
}

.held-category-note span{
  font-family:"DM Sans",Arial,sans-serif;
  font-size:7px;
  font-weight:600;
  letter-spacing:.18em;
  color:#a93536;
}

.held-category-note p{
  max-width:720px;
  margin:0;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:12px;
  font-weight:300;
  line-height:1.7;
  color:#aaa399;
}


@media(max-width:900px){

  .held-system-hero{
    min-height:0;
    padding:
      125px
      20px
      50px;
  }

  .held-system-hero-grid,
  .held-system-meaning,
  .held-category-heading{
    grid-template-columns:1fr;
    gap:35px;
  }

  .held-system-hero-grid{
    padding-top:48px;
  }

  .held-system-hero h1{
    font-size:48px;
  }

  .held-system-paths{
    grid-template-columns:1fr;
  }

  .held-system-path:first-child{
    border-right:0;
    border-bottom:1px solid #30302c;
  }

  .held-system-placeholder{
    min-height:310px;
  }

  .held-system-path h2{
    font-size:39px;
  }

  .held-system-meaning{
    padding:
      52px
      20px;
  }

  .held-system-meaning h2{
    font-size:42px;
  }

  .held-system-close{
    align-items:flex-start;
    flex-direction:column;
    padding:
      34px
      20px
      40px;
  }

  .held-category-hero{
    padding:
      120px
      20px
      52px;
  }

  .held-category-topline{
    margin-bottom:45px;
  }

  .held-category-heading h1{
    font-size:45px;
  }

  .held-category-heading
  .held-category-lede{
    font-size:23px !important;
  }

  .held-category-product-heading{
    padding:
      45px
      20px
      28px;
  }

  .held-category-product-heading h2{
    font-size:42px;
  }

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

  .held-product-placeholder-visual{
    min-height:260px;
  }

  .held-product-placeholder-info{
    padding:
      18px
      14px
      23px;
  }

  .held-product-placeholder-info h3{
    font-size:22px;
  }

  .held-category-note{
    grid-template-columns:1fr;
    gap:18px;
    padding:
      38px
      20px
      45px;
  }

}


@media(max-width:430px){

  .held-system-hero h1{
    font-size:44px;
  }

  .held-system-placeholder{
    min-height:285px;
  }

  .held-system-path h2{
    font-size:37px;
  }

  .held-system-meaning h2{
    font-size:39px;
  }

  .held-category-heading h1{
    font-size:42px;
  }

  .held-category-product-heading h2{
    font-size:39px;
  }

  .held-product-placeholder-visual{
    min-height:235px;
  }

  .held-product-placeholder-info h3{
    font-size:20px;
  }

}

/* HELD PRODUCT SYSTEM END */

/* HEADER LOGO CLICK START */

.ls-header-logo-clickable{
  cursor:pointer;
}

/* HEADER LOGO CLICK END */



/* =========================================================
   LOVESOONER COLLECTIONS BRIDGE
   FOUNDATIONS → HELD
========================================================= */

.ls-collections-bridge {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #f2ede3;
  color: #171717;
  border-top: 1px solid rgba(23, 23, 23, 0.12);
  border-bottom: 1px solid rgba(23, 23, 23, 0.12);
}

.ls-collections-bridge__inner {
  width: min(1500px, calc(100% - 96px));
  margin: 0 auto;
  padding: 135px 0 125px;
  text-align: center;
}

.ls-collections-bridge__eyebrow {
  margin: 0 0 36px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.30em;
  text-transform: uppercase;
  opacity: 0.56;
}

.ls-collections-bridge__statement {
  margin: 0 auto;
  max-width: 1100px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(44px, 5.1vw, 80px);
  line-height: 0.98;
  font-weight: 400;
  letter-spacing: -0.045em;
}

.ls-collections-bridge__statement span {
  display: block;
  margin-top: 8px;
}

.ls-collections-bridge__lineup {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 35px;
  margin-top: 65px;
}

.ls-collections-bridge__collection {
  display: flex;
  align-items: baseline;
  gap: 8px;
  white-space: nowrap;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

.ls-collections-bridge__collection strong {
  font-size: 10px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.20em;
}

.ls-collections-bridge__collection span {
  font-size: 9px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.18em;
  opacity: 0.48;
}

.ls-collections-bridge__divider {
  display: block;
  width: 42px;
  height: 1px;
  background: currentColor;
  opacity: 0.25;
}


/* MOBILE */

@media (max-width: 760px) {

  .ls-collections-bridge__inner {
    width: calc(100% - 40px);
    padding: 92px 0 86px;
  }

  .ls-collections-bridge__eyebrow {
    margin-bottom: 27px;
    font-size: 9px;
    letter-spacing: 0.25em;
  }

  .ls-collections-bridge__statement {
    max-width: 355px;
    font-size: clamp(38px, 11vw, 52px);
    line-height: 1;
  }

  .ls-collections-bridge__statement span {
    margin-top: 5px;
  }

  .ls-collections-bridge__lineup {
    flex-direction: column;
    gap: 16px;
    margin-top: 48px;
  }

  .ls-collections-bridge__collection {
    flex-direction: column;
    align-items: center;
    gap: 7px;
  }

  .ls-collections-bridge__collection strong {
    font-size: 10px;
  }

  .ls-collections-bridge__collection span {
    font-size: 8px;
  }

  .ls-collections-bridge__divider {
    width: 1px;
    height: 24px;
  }

}



/* =========================================================
   LOVESOONER SMOOTH COLLECTION TRANSITION
   MASTER 947ced8
   FIRST INTRO → COLLECTION INTRO → FOUNDATIONS
========================================================= */

/*
   Keep the two editorial moments connected visually.
   No dark divider. No second giant cream billboard.
*/

.name-message-bridge {
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}


/* SECOND EDITORIAL MOMENT */

.ls-collections-bridge {
  position: relative;
  margin-top: -1px !important;

  border-top: 0 !important;
  border-bottom: 0 !important;

  box-shadow: none !important;

  background: #f2ede3;
}


/* Kill any decorative rule/pseudo-element
   that visually boxes this section in. */

.ls-collections-bridge::before,
.ls-collections-bridge::after {
  box-shadow: none !important;
}


/* Make section 02 feel like a continuation,
   not another full-screen card. */

.ls-collections-bridge__inner {
  width: min(1420px, calc(100% - 96px)) !important;

  margin: 0 auto !important;

  padding-top: 82px !important;
  padding-bottom: 62px !important;

  text-align: center;
}


/* Smaller editorial eyebrow */

.ls-collections-bridge__eyebrow {
  margin: 0 0 25px !important;

  font-size: 10px !important;
  line-height: 1 !important;

  letter-spacing: .30em !important;

  opacity: .56 !important;
}


/* Secondary hierarchy:
   still dramatic, but no longer competing
   with the giant LOVESOONER mark above. */

.ls-collections-bridge__statement {
  max-width: 1080px !important;

  margin:
    0
    auto !important;

  font-size:
    clamp(38px, 4.1vw, 66px) !important;

  line-height: .96 !important;

  letter-spacing: -.042em !important;
}


.ls-collections-bridge__statement span {
  display: block;

  margin-top: 5px !important;
}


/* Foundations / Held selector */

.ls-collections-bridge__lineup {
  margin-top: 42px !important;

  gap: 32px !important;
}


.ls-collections-bridge__collection {
  opacity: .96;
}


.ls-collections-bridge__divider {
  width: 44px !important;

  opacity: .22 !important;
}


/* -----------------------------------------
   FLOW INTO FOUNDATIONS
----------------------------------------- */

/*
   Remove the sensation of a third separator.
   Foundations should simply arrive.
*/

.hp-foundations {
  margin-top: 0 !important;

  border-top: 0 !important;

  position: relative;
}


/*
   Remove any accidental tiny gap between
   cream bridge and collection.
*/

.ls-collections-bridge + .hp-foundations {
  margin-top: -1px !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 760px) {

  .ls-collections-bridge__inner {
    width: calc(100% - 38px) !important;

    padding-top: 62px !important;
    padding-bottom: 50px !important;
  }


  .ls-collections-bridge__eyebrow {
    margin-bottom: 19px !important;

    font-size: 9px !important;

    letter-spacing: .25em !important;
  }


  .ls-collections-bridge__statement {
    max-width: 355px !important;

    font-size:
      clamp(33px, 9.4vw, 46px) !important;

    line-height: .98 !important;
  }


  .ls-collections-bridge__statement span {
    margin-top: 4px !important;
  }


  .ls-collections-bridge__lineup {
    margin-top: 32px !important;
  }

}



/* =========================================================
   LOVESOONER COLLECTION GATEWAY
   FOUNDATIONS / HELD
========================================================= */


/* Pull the gateway into the editorial statement above */

.ls-collections-bridge__inner {
  padding-bottom: 32px !important;
}


.ls-collection-gateway {
  width: 100%;

  margin: 0;

  padding: 0 0 0;

  background: #f2ede3;
}


.ls-collection-gateway__grid {
  width: min(1700px, calc(100% - 96px));

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  overflow: hidden;

  background: #161616;
}


/* =========================================================
   PANELS
========================================================= */

.ls-collection-gateway__panel {
  position: relative;

  min-height: clamp(
    290px,
    23vw,
    420px
  );

  display: block;

  overflow: hidden;

  isolation: isolate;

  color: #fff;

  text-decoration: none;
}


.ls-collection-gateway__photo {
  position: absolute;

  inset: 0;

  z-index: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transform: scale(1.01);

  transition:
    transform .9s cubic-bezier(.2,.65,.3,1);
}


.ls-collection-gateway__panel:hover
.ls-collection-gateway__photo {
  transform: scale(1.045);
}


/* =========================================================
   FOUNDATIONS
========================================================= */

.ls-collection-gateway__foundations {
  background: #9c6e48;
}


.ls-collection-gateway__foundations
.ls-collection-gateway__overlay {
  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.02) 10%,
      rgba(0,0,0,.09) 48%,
      rgba(0,0,0,.64) 100%
    );
}


/* =========================================================
   HELD
========================================================= */

.ls-collection-gateway__held {
  background:
    radial-gradient(
      circle at 35% 28%,
      #39342e 0%,
      #211f1c 36%,
      #111 76%,
      #090909 100%
    );
}


/*
  Creates subtle material depth without pretending
  we already have HELD campaign photography.
*/

.ls-collection-gateway__held::before {
  content: "";

  position: absolute;

  inset: -20%;

  z-index: 0;

  opacity: .21;

  background:
    repeating-linear-gradient(
      118deg,
      transparent 0 18px,
      rgba(255,255,255,.045) 18px 19px,
      transparent 19px 42px
    );

  transform: rotate(-7deg);
}


.ls-collection-gateway__held-art {
  position: absolute;

  z-index: 1;

  left: 50%;
  top: 45%;

  transform:
    translate(-50%, -50%);

  display: flex;
  flex-direction: column;
  align-items: center;

  text-align: center;

  opacity: .72;

  transition:
    transform .7s cubic-bezier(.2,.65,.3,1),
    opacity .5s ease;
}


.ls-collection-gateway__held:hover
.ls-collection-gateway__held-art {
  transform:
    translate(-50%, -53%);

  opacity: .88;
}


.ls-collection-gateway__held-art img {
  width: clamp(
    58px,
    5vw,
    92px
  );

  height: auto;

  margin-bottom: 20px;
}


.ls-collection-gateway__held-art span {
  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(28px, 2.8vw, 48px);

  line-height: 1;

  letter-spacing: .06em;
}


.ls-collection-gateway__held-art small {
  margin-top: 11px;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 8px;

  letter-spacing: .28em;

  text-transform: uppercase;

  opacity: .65;
}


.ls-collection-gateway__held
.ls-collection-gateway__overlay {
  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.02) 10%,
      rgba(0,0,0,.10) 50%,
      rgba(0,0,0,.68) 100%
    );
}


/* =========================================================
   COMMON OVERLAY
========================================================= */

.ls-collection-gateway__overlay {
  position: absolute;

  inset: 0;

  z-index: 2;

  pointer-events: none;
}


/* =========================================================
   COPY
========================================================= */

.ls-collection-gateway__copy {
  position: absolute;

  z-index: 3;

  left: 42px;
  bottom: 34px;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
}


.ls-collection-gateway__copy h3 {
  margin: 0;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(26px, 2vw, 36px);

  line-height: 1;

  font-weight: 400;

  letter-spacing: -.025em;
}


.ls-collection-gateway__copy p {
  margin:
    7px
    0
    18px;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 9px;

  line-height: 1;

  font-weight: 500;

  letter-spacing: .19em;

  text-transform: uppercase;

  opacity: .83;
}


.ls-collection-gateway__cta {
  padding-bottom: 5px;

  border-bottom:
    1px solid currentColor;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 9px;

  line-height: 1;

  font-weight: 600;

  letter-spacing: .16em;

  text-transform: uppercase;

  transition:
    padding-right .25s ease;
}


.ls-collection-gateway__panel:hover
.ls-collection-gateway__cta {
  padding-right: 9px;
}


/* =========================================================
   FLOW INTO FULL FOUNDATIONS
========================================================= */

.ls-collection-gateway + .hp-foundations {
  margin-top: 0 !important;

  border-top: 0 !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 760px) {

  .ls-collections-bridge__inner {
    padding-bottom: 26px !important;
  }


  .ls-collection-gateway__grid {
    width: calc(100% - 28px);

    grid-template-columns: 1fr;
  }


  .ls-collection-gateway__panel {
    min-height: 310px;
  }


  .ls-collection-gateway__copy {
    left: 24px;
    bottom: 24px;
  }


  .ls-collection-gateway__copy h3 {
    font-size: 29px;
  }


  .ls-collection-gateway__held-art img {
    width: 58px;
  }

}


/* LOVESOONER PRELAUNCH GATEWAY REFINEMENT START */


/* =========================================================
   PRE-LAUNCH COLLECTION INTRO
========================================================= */

.ls-collections-bridge {
  border-bottom: 0 !important;
}

.ls-collections-bridge__inner {
  padding-bottom: 30px !important;
}

.ls-collections-bridge__eyebrow {
  margin-bottom: 24px !important;

  font-size: 9px !important;
  letter-spacing: .31em !important;

  opacity: .62 !important;
}


/* =========================================================
   COLLECTION GATEWAY FRAME
========================================================= */

.ls-collection-gateway {
  position: relative;

  width: 100%;

  margin: 0 !important;

  /*
     Cream breathing area AFTER the panels.
     Prevents HELD / next section from becoming
     one giant dark mass.
  */
  padding:
    0
    0
    48px !important;

  background: #f2ede3 !important;
}


.ls-collection-gateway__grid {
  width: min(1700px, calc(100% - 96px));

  margin: 0 auto !important;

  background: transparent !important;

  box-shadow:
    0 22px 42px rgba(18, 15, 12, .07);
}


/* =========================================================
   FOUNDATIONS PANEL
========================================================= */

.ls-collection-gateway__foundations {
  background: #9b7457 !important;
}

.ls-collection-gateway__foundations
.ls-collection-gateway__photo {
  filter:
    saturate(.88)
    contrast(.98)
    brightness(.96);

  transition:
    transform .85s cubic-bezier(.2,.65,.3,1),
    filter .6s ease;
}

.ls-collection-gateway__foundations:hover
.ls-collection-gateway__photo {
  filter:
    saturate(.94)
    contrast(1)
    brightness(1);
}


/* =========================================================
   HELD — WARM CHARCOAL, NOT PURE BLACK
========================================================= */

.ls-collection-gateway__held {
  background:
    radial-gradient(
      circle at 38% 30%,
      #454039 0%,
      #332f2a 31%,
      #24211e 59%,
      #181715 82%,
      #12110f 100%
    ) !important;
}


/*
  Soft fabric-like dimensionality.
*/

.ls-collection-gateway__held::before {
  opacity: .14 !important;

  background:
    repeating-linear-gradient(
      116deg,
      transparent 0 24px,
      rgba(255,255,255,.035) 24px 25px,
      transparent 25px 54px
    ) !important;
}


/* =========================================================
   HELD WATERMARK
========================================================= */

.ls-collection-gateway__held-art {
  top: 44% !important;

  opacity: .14 !important;

  transform:
    translate(-50%, -50%)
    scale(1.22) !important;
}


.ls-collection-gateway__held:hover
.ls-collection-gateway__held-art {
  opacity: .20 !important;

  transform:
    translate(-50%, -51%)
    scale(1.25) !important;
}


/*
   Emblem becomes the hero of the watermark.
*/

.ls-collection-gateway__held-art img {
  width:
    clamp(
      90px,
      8vw,
      145px
    ) !important;

  margin-bottom: 0 !important;
}


/*
   Remove duplicate giant HELD wording from center.
   HELD is already clearly identified in bottom-left copy.
*/

.ls-collection-gateway__held-art span,
.ls-collection-gateway__held-art small {
  display: none !important;
}


/* =========================================================
   HELD OVERLAY
========================================================= */

.ls-collection-gateway__held
.ls-collection-gateway__overlay {
  background:
    linear-gradient(
      180deg,
      rgba(20,18,16,.03) 0%,
      rgba(18,16,14,.07) 45%,
      rgba(10,9,8,.52) 100%
    ) !important;
}


/* =========================================================
   COLLECTION COPY
========================================================= */

.ls-collection-gateway__copy {
  left: 42px !important;
  bottom: 34px !important;
}


.ls-collection-gateway__copy h3 {
  font-size:
    clamp(
      25px,
      2vw,
      35px
    ) !important;
}


.ls-collection-gateway__copy p {
  opacity: .78 !important;
}


/* =========================================================
   SOFT TRANSITION INTO FULL FOUNDATIONS
========================================================= */

/*
  The preview ends on cream instead of falling
  directly into another dark region.
*/

.ls-collection-gateway + .hp-foundations {
  position: relative;

  margin-top: 0 !important;

  border-top:
    1px solid rgba(30, 26, 22, .10) !important;
}


/*
  Gentle light transition before full collection content.
*/

.ls-collection-gateway::after {
  content: "";

  position: absolute;

  left: 50%;
  bottom: 0;

  width: min(1700px, calc(100% - 96px));
  height: 48px;

  transform: translateX(-50%);

  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      #f2ede3 0%,
      #f0eadf 55%,
      #eee7dc 100%
    );
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 760px) {

  .ls-collections-bridge__inner {
    padding-bottom: 24px !important;
  }


  .ls-collection-gateway {
    padding-bottom: 32px !important;
  }


  .ls-collection-gateway__grid {
    width: calc(100% - 28px);

    box-shadow:
      0 16px 28px rgba(18, 15, 12, .06);
  }


  .ls-collection-gateway::after {
    width: calc(100% - 28px);
    height: 32px;
  }


  .ls-collection-gateway__held-art img {
    width: 92px !important;
  }

}


/* LOVESOONER PRELAUNCH GATEWAY REFINEMENT END */
/* LOVESOONER COMPACT FOUNDATIONS START */


/* =========================================================
   FOUNDATIONS INTRO — MORE COMPACT
========================================================= */

.hp-foundations-intro {
  align-items: start !important;

  gap:
    clamp(
      60px,
      6vw,
      105px
    ) !important;

  padding-top:
    clamp(
      70px,
      6vw,
      96px
    ) !important;

  padding-bottom:
    clamp(
      68px,
      6vw,
      94px
    ) !important;
}


/* =========================================================
   LEFT HEADLINE
   Keep drama, but stop overpowering the section.
========================================================= */

.hp-foundations-heading {
  align-self: start;
}


.hp-foundations-heading h2 {
  max-width: 8.5ch !important;

  margin-top: 42px !important;

  font-size:
    clamp(
      64px,
      5.7vw,
      104px
    ) !important;

  line-height: .90 !important;

  letter-spacing: -.045em !important;
}


.hp-foundations-heading h2 em {
  display: block;
}


/* =========================================================
   RIGHT STORY
========================================================= */

.hp-foundations-story {
  max-width: 560px !important;

  padding-top: 2px;
}


.hp-foundations-story > span {
  display: block;

  margin-bottom: 34px !important;
}


.hp-foundations-story > p {
  max-width: 520px;

  margin:
    0
    0
    20px !important;

  font-size:
    clamp(
      16px,
      1.1vw,
      18px
    ) !important;

  line-height: 1.58 !important;
}


/* =========================================================
   LINKS
========================================================= */

.hp-foundations-story-links {
  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap:
    18px
    30px;

  margin-top: 32px;
}


.hp-foundations-story-links a {
  display: inline-block;

  padding-bottom: 6px;

  border-bottom:
    1px solid currentColor;

  color: inherit;

  font-size: 10px;

  font-weight: 600;

  letter-spacing: .15em;

  line-height: 1;

  text-decoration: none;

  text-transform: uppercase;
}


.hp-foundations-story-secondary {
  opacity: .56;

  border-bottom-color:
    rgba(255,255,255,.45) !important;

  transition:
    opacity .25s ease;
}


.hp-foundations-story-secondary:hover {
  opacity: 1;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

  .hp-foundations-heading h2 {
    max-width: none !important;

    font-size:
      clamp(
        58px,
        8vw,
        84px
      ) !important;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 760px) {

  .hp-foundations-intro {
    gap: 38px !important;

    padding-top: 58px !important;
    padding-bottom: 62px !important;
  }


  .hp-foundations-heading h2 {
    margin-top: 28px !important;

    font-size:
      clamp(
        46px,
        12vw,
        64px
      ) !important;

    line-height: .93 !important;
  }


  .hp-foundations-story > span {
    margin-bottom: 24px !important;
  }


  .hp-foundations-story > p {
    font-size: 15px !important;

    line-height: 1.55 !important;
  }


  .hp-foundations-story-links {
    margin-top: 26px;

    gap: 16px 22px;
  }

}


/* LOVESOONER COMPACT FOUNDATIONS END */



/* LOVESOONER FOUNDATIONS FINAL DENSITY START */


/* =========================================================
   FOUNDATIONS — FINAL DENSITY PASS
========================================================= */


/*
   Overall opening becomes more commerce-forward.
*/

.hp-foundations-intro {
  padding-top: 68px !important;
  padding-bottom: 48px !important;

  column-gap: 76px !important;

  align-items: start !important;
}


/* =========================================================
   LEFT HEADLINE
========================================================= */

.hp-foundations-heading {
  max-width: 690px !important;
}


.hp-foundations-heading > p {
  margin-bottom: 18px !important;
}


.hp-foundations-heading h2 {
  max-width: 690px !important;

  margin-top: 0 !important;

  font-size:
    clamp(
      62px,
      5.7vw,
      104px
    ) !important;

  line-height: .89 !important;

  letter-spacing: -.047em !important;
}


/*
   Preserve red STARTED / EVERYTHING styling.
*/

.hp-foundations-heading h2 em {
  display: block;
}


/* =========================================================
   RIGHT STORY
========================================================= */

.hp-foundations-story {
  max-width: 540px !important;

  /*
     Pull slightly upward so it feels aligned
     with the headline rather than floating lower.
  */
  transform: translateY(-8px);
}


.hp-foundations-story > span,
.hp-foundations-story > small {
  margin-bottom: 23px !important;
}


.hp-foundations-story p {
  margin-top: 0 !important;

  font-size:
    clamp(
      15px,
      1.05vw,
      18px
    ) !important;

  line-height: 1.62 !important;
}


.hp-foundations-story p + p {
  margin-top: 20px !important;
}


/* =========================================================
   CTAS
========================================================= */

.hp-foundations-story a {
  margin-top: 25px !important;
}


.hp-foundations-story a + a {
  margin-left: 28px !important;
}


/* =========================================================
   PRODUCT GRID
   Bring products up much sooner.
========================================================= */

.hp-foundations-grid {
  margin-top: 0 !important;
}


/*
   If the grid itself uses padding instead of margin,
   reduce that too without changing its layout.
*/

.hp-foundations-intro + .hp-foundations-grid {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* =========================================================
   LOWER STREETWEAR STATEMENT
========================================================= */

.hp-foundations-footer {
  margin-top: 44px !important;
  padding-top: 48px !important;
  padding-bottom: 58px !important;
}


/*
   Bring STREETWEAR / 16 FOUNDING PIECES copy
   visually closer to the products.
*/

.hp-foundations-footer p {
  margin-top: 0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

  .hp-foundations-intro {
    padding-top: 62px !important;
    padding-bottom: 46px !important;

    column-gap: 52px !important;
  }


  .hp-foundations-heading {
    max-width: 600px !important;
  }


  .hp-foundations-heading h2 {
    max-width: 600px !important;

    font-size:
      clamp(
        56px,
        7.6vw,
        86px
      ) !important;
  }


  .hp-foundations-story {
    transform: translateY(-3px);
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 760px) {

  .hp-foundations-intro {
    padding-top: 48px !important;
    padding-bottom: 36px !important;

    row-gap: 28px !important;
  }


  .hp-foundations-heading {
    max-width: 100% !important;
  }


  .hp-foundations-heading h2 {
    max-width: 100% !important;

    font-size:
      clamp(
        42px,
        12vw,
        58px
      ) !important;

    line-height: .93 !important;
  }


  .hp-foundations-story {
    max-width: 100% !important;

    transform: none;
  }


  .hp-foundations-story p {
    font-size: 15px !important;
    line-height: 1.58 !important;
  }


  .hp-foundations-story a + a {
    margin-left: 18px !important;
  }


  .hp-foundations-footer {
    margin-top: 32px !important;

    padding-top: 38px !important;
    padding-bottom: 44px !important;
  }

}


/* LOVESOONER FOUNDATIONS FINAL DENSITY END */

/* LOVESOONER FOUNDATIONS RUNWAY RAIL START */


/* =========================================================
   FOUNDATIONS / 01
   LUXURY RUNWAY MERCHANDISING SYSTEM
========================================================= */

section.hp-foundations {
  display: block !important;

  grid-template-columns: none !important;
  grid-template-rows: none !important;

  width: 100% !important;

  padding:
    0
    0
    62px !important;

  background: #11110f !important;

  overflow: hidden !important;
}


/* =========================================================
   INTRO
========================================================= */

section.hp-foundations > .hp-foundations-intro {
  grid-column: 1 / -1 !important;

  width:
    min(
      1460px,
      calc(100% - 120px)
    ) !important;

  max-width: none !important;

  margin:
    0
    auto !important;

  padding:
    64px
    0
    50px !important;

  display: grid !important;

  grid-template-columns:
    minmax(0, .85fr)
    minmax(0, 1.15fr) !important;

  column-gap:
    clamp(
      72px,
      8vw,
      142px
    ) !important;

  align-items: start !important;
}


/* LEFT */

section.hp-foundations .hp-foundations-heading {
  max-width: 520px !important;
}


section.hp-foundations .hp-foundations-heading > p {
  margin:
    0
    0
    21px !important;

  font-size: 9px !important;

  letter-spacing: .22em !important;
}


section.hp-foundations .hp-foundations-heading h2 {
  max-width: 520px !important;

  margin: 0 !important;

  font-size:
    clamp(
      54px,
      4.8vw,
      84px
    ) !important;

  line-height: .89 !important;

  letter-spacing: -.045em !important;
}


section.hp-foundations .hp-foundations-heading h2 em {
  display: block !important;
}


/* RIGHT */

section.hp-foundations .hp-foundations-story {
  width: 100% !important;
  max-width: 545px !important;

  margin-left: auto !important;

  transform: none !important;
}


section.hp-foundations .hp-foundations-story p {
  max-width: 520px !important;

  margin-top: 0 !important;

  font-size:
    clamp(
      15px,
      1.02vw,
      17px
    ) !important;

  line-height: 1.62 !important;
}


section.hp-foundations .hp-foundations-story p + p {
  margin-top: 18px !important;
}


section.hp-foundations .hp-foundations-story a {
  margin-top: 25px !important;
}


/* =========================================================
   PRODUCT RAIL LABEL
========================================================= */

section.hp-foundations > .hp-foundations-rail-top {
  grid-column: 1 / -1 !important;

  width:
    min(
      1460px,
      calc(100% - 120px)
    ) !important;

  margin:
    0
    auto
    14px !important;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 30px;

  color:
    rgba(242,237,227,.52);

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 8px;

  line-height: 1;

  letter-spacing: .20em;

  text-transform: uppercase;
}


/* =========================================================
   HORIZONTAL RUNWAY
========================================================= */

section.hp-foundations > .hp-foundations-grid {
  grid-column: 1 / -1 !important;

  position: relative !important;

  width:
    min(
      1460px,
      calc(100% - 120px)
    ) !important;

  max-width: none !important;

  margin:
    0
    auto !important;

  padding:
    0
    0
    8px !important;

  display: flex !important;

  grid-template-columns: none !important;
  grid-template-rows: none !important;

  gap: 12px !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;

  scroll-snap-type:
    x mandatory;

  scroll-behavior:
    smooth;

  overscroll-behavior-inline:
    contain;

  scrollbar-width:
    none;

  cursor:
    grab;
}


section.hp-foundations > .hp-foundations-grid::-webkit-scrollbar {
  display: none;
}


section.hp-foundations > .hp-foundations-grid:active {
  cursor: grabbing;
}


/* =========================================================
   PRODUCT CARDS
========================================================= */

section.hp-foundations > .hp-foundations-grid > * {
  grid-column: auto !important;
  grid-row: auto !important;

  flex:
    0
    0
    clamp(
      320px,
      29vw,
      440px
    ) !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  margin: 0 !important;

  transform: none !important;

  scroll-snap-align:
    start;

  overflow: hidden !important;

  background:
    #eee8de !important;
}


/* =========================================================
   PHOTOGRAPHY
========================================================= */

section.hp-foundations > .hp-foundations-grid > * img {
  display: block !important;

  width: 100% !important;

  height: auto !important;

  aspect-ratio:
    4 / 5 !important;

  object-fit:
    cover !important;

  object-position:
    center center !important;

  transform:
    scale(1.001) !important;

  transition:
    transform
    .7s
    cubic-bezier(.2,.65,.3,1) !important;
}


section.hp-foundations > .hp-foundations-grid > *:hover img {
  transform:
    scale(1.018) !important;
}


/* =========================================================
   CARD COPY
========================================================= */

section.hp-foundations > .hp-foundations-grid > * > div:last-child {
  box-sizing: border-box;

  min-height: 104px !important;
}


/* =========================================================
   COLLECTION FOOTER
========================================================= */

section.hp-foundations > .hp-foundations-footer {
  grid-column: 1 / -1 !important;

  width:
    min(
      1460px,
      calc(100% - 120px)
    ) !important;

  max-width: none !important;

  margin:
    22px
    auto
    0 !important;

  padding:
    17px
    0
    0 !important;

  display: flex !important;

  align-items: center !important;
  justify-content: space-between !important;

  gap: 40px !important;

  border-top:
    1px solid
    rgba(242,237,227,.16);
}


section.hp-foundations > .hp-foundations-footer p {
  width: auto !important;
  max-width: none !important;

  margin: 0 !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size:
    8px !important;

  line-height: 1 !important;

  font-weight: 500 !important;

  letter-spacing:
    .20em !important;

  text-transform:
    uppercase !important;

  color:
    rgba(242,237,227,.52) !important;
}


section.hp-foundations > .hp-foundations-footer p br {
  display: none !important;
}


section.hp-foundations > .hp-foundations-footer a {
  margin: 0 !important;

  font-size:
    9px !important;

  line-height: 1 !important;

  letter-spacing:
    .17em !important;

  white-space:
    nowrap !important;
}


/* =========================================================
   TRANSITION INTO HELD
========================================================= */

section.hp-foundations + .hp-held,
section.hp-foundations + .hp-held-preview {
  margin-top: 0 !important;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1700px) {

  section.hp-foundations > .hp-foundations-intro,
  section.hp-foundations > .hp-foundations-rail-top,
  section.hp-foundations > .hp-foundations-grid,
  section.hp-foundations > .hp-foundations-footer {
    width:
      min(
        1540px,
        calc(100% - 150px)
      ) !important;
  }


  section.hp-foundations > .hp-foundations-grid > * {
    flex-basis:
      clamp(
        350px,
        28vw,
        460px
      ) !important;
  }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

  section.hp-foundations > .hp-foundations-intro,
  section.hp-foundations > .hp-foundations-rail-top,
  section.hp-foundations > .hp-foundations-grid,
  section.hp-foundations > .hp-foundations-footer {
    width:
      calc(100% - 72px) !important;
  }


  section.hp-foundations > .hp-foundations-intro {
    column-gap:
      54px !important;
  }


  section.hp-foundations .hp-foundations-heading h2 {
    font-size:
      clamp(
        48px,
        6.4vw,
        68px
      ) !important;
  }


  section.hp-foundations > .hp-foundations-grid > * {
    flex-basis:
      clamp(
        300px,
        42vw,
        390px
      ) !important;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 760px) {

  section.hp-foundations {
    padding-bottom:
      46px !important;
  }


  section.hp-foundations > .hp-foundations-intro {
    width:
      calc(100% - 40px) !important;

    display:
      block !important;

    padding:
      46px
      0
      38px !important;
  }


  section.hp-foundations .hp-foundations-heading,
  section.hp-foundations .hp-foundations-heading h2,
  section.hp-foundations .hp-foundations-story {
    max-width:
      100% !important;
  }


  section.hp-foundations .hp-foundations-heading h2 {
    font-size:
      clamp(
        42px,
        11.5vw,
        56px
      ) !important;

    line-height:
      .92 !important;
  }


  section.hp-foundations .hp-foundations-story {
    margin-top:
      30px !important;
  }


  section.hp-foundations > .hp-foundations-rail-top,
  section.hp-foundations > .hp-foundations-grid,
  section.hp-foundations > .hp-foundations-footer {
    width:
      calc(100% - 40px) !important;
  }


  section.hp-foundations > .hp-foundations-grid > * {
    flex:
      0
      0
      82vw !important;

    max-width:
      390px !important;
  }


  section.hp-foundations > .hp-foundations-footer {
    align-items:
      flex-start !important;

    flex-direction:
      column !important;

    gap:
      14px !important;
  }

}


/* LOVESOONER FOUNDATIONS RUNWAY RAIL END */


/* =========================================================
   LOVESOONER MASTER COLLECTION EXPERIENCE V2
========================================================= */


/* =========================================================
   COLLECTION OVERVIEW
========================================================= */

.ls-master-collections {
  padding: 70px 0 74px;

  background: #0b0b0a;

  color: #f1ede5;
}


.ls-master-collections__inner,
.ls-master-foundations__inner,
.ls-master-held__inner {
  width:
    min(
      1500px,
      calc(100% - 96px)
    );

  margin: 0 auto;
}


.ls-master-collections__header {
  margin-bottom: 38px;

  text-align: center;
}


.ls-master-collections__header p {
  margin: 0 0 12px;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(
      27px,
      2.3vw,
      38px
    );
}


.ls-master-collections__header h2 {
  margin: 0;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 9px;

  line-height: 1;

  font-weight: 500;

  letter-spacing: .24em;

  text-transform: uppercase;

  opacity: .67;
}


.ls-master-collections__split {
  display: grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    );

  gap: 16px;
}


/* =========================================================
   OVERVIEW PANELS
========================================================= */

.ls-master-collection-card {
  position: relative;

  min-height:
    clamp(
      560px,
      42vw,
      690px
    );

  overflow: hidden;

  isolation: isolate;

  border:
    1px solid
    rgba(255,255,255,.14);

  border-radius: 4px;

  color: #fff;

  text-decoration: none;

  background: #121211;
}


.ls-master-collection-card > img {
  position: absolute;

  inset: 0;

  z-index: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition:
    transform
    .9s
    cubic-bezier(.2,.65,.3,1);
}


.ls-master-collection-card:hover
> img {
  transform: scale(1.024);
}


.ls-master-collection-card__overlay {
  position: absolute;

  inset: 0;

  z-index: 1;

  background:
    linear-gradient(
      90deg,
      rgba(5,5,5,.67) 0%,
      rgba(5,5,5,.30) 46%,
      rgba(5,5,5,.04) 72%
    );
}


.ls-master-collection-card--foundations
.ls-master-collection-card__overlay {
  background:
    linear-gradient(
      90deg,
      rgba(239,232,221,.94) 0%,
      rgba(239,232,221,.72) 35%,
      rgba(239,232,221,.09) 72%
    );
}


.ls-master-collection-card--foundations
.ls-master-collection-card__copy {
  color: #171715;
}


.ls-master-collection-card__copy {
  position: absolute;

  z-index: 2;

  left:
    clamp(
      32px,
      4vw,
      62px
    );

  top: 50%;

  transform:
    translateY(-50%);

  width:
    min(
      300px,
      calc(100% - 64px)
    );
}


.ls-master-collection-card__copy small {
  display: block;

  margin-bottom: 13px;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 18px;
}


.ls-master-collection-card__copy h3 {
  margin: 0;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(
      42px,
      4vw,
      62px
    );

  line-height: .94;

  font-weight: 400;
}


.ls-master-collection-card__copy strong {
  display: block;

  margin-top: 10px;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 11px;

  line-height: 1.4;

  letter-spacing: .07em;

  text-transform: uppercase;
}


.ls-master-collection-card__copy p {
  margin:
    22px
    0
    0;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 13px;

  line-height: 1.65;
}


.ls-master-card-link {
  display: inline-flex;

  gap: 22px;

  margin-top: 31px;

  padding-bottom: 6px;

  border-bottom:
    1px solid currentColor;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 9px;

  font-weight: 600;

  letter-spacing: .15em;

  text-transform: uppercase;
}



/* =========================================================
   FOUNDATIONS / 01
========================================================= */

.ls-master-foundations {
  padding:
    70px
    0
    76px;

  background:
    #f1ebe1;

  color:
    #171715;
}


.ls-master-foundations__header {
  margin-bottom:
    42px;

  display: grid;

  grid-template-columns:
    1fr
    .55fr
    .38fr;

  gap:
    clamp(
      38px,
      6vw,
      95px
    );

  align-items: end;
}


.ls-master-foundations__header
> div:first-child
> p {
  margin:
    0
    0
    17px;

  color:
    #a52e30;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 9px;

  font-weight: 600;

  letter-spacing: .22em;

  text-transform: uppercase;
}


.ls-master-foundations__header h2 {
  margin: 0;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(
      42px,
      4.3vw,
      68px
    );

  line-height: .95;

  font-weight: 400;

  letter-spacing: -.03em;
}


.ls-master-foundations__description {
  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 13px;

  line-height: 1.6;
}


.ls-master-foundations__description p {
  margin: 0;
}


.ls-master-text-link {
  justify-self: end;

  display: inline-flex;

  gap: 18px;

  padding-bottom: 7px;

  border-bottom:
    1px solid currentColor;

  color: inherit;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 9px;

  font-weight: 600;

  letter-spacing: .16em;

  text-decoration: none;

  text-transform: uppercase;
}


/* =========================================================
   FOUNDATION PRODUCTS
========================================================= */

.ls-master-foundations__products {
  display: grid;

  grid-template-columns:
    repeat(
      4,
      minmax(0, 1fr)
    );

  gap: 7px;
}


.ls-master-product {
  min-width: 0;

  overflow: hidden;

  border:
    1px solid
    rgba(17,17,15,.14);

  background: #f7f3ec;
}


.ls-master-product__media {
  position: relative;

  aspect-ratio:
    4 / 5;

  overflow: hidden;

  background:
    #ebe6de;
}


.ls-master-product__media > span {
  position: absolute;

  z-index: 2;

  left: 15px;
  top: 15px;

  padding:
    9px
    13px;

  border-radius: 999px;

  background:
    rgba(255,255,255,.90);

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 8px;

  font-weight: 600;

  letter-spacing: .12em;
}


.ls-master-product__media img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition:
    transform
    .65s
    cubic-bezier(.2,.65,.3,1);
}


.ls-master-product:hover
.ls-master-product__media img {
  transform:
    scale(1.018);
}


.ls-master-product__info {
  min-height:
    95px;

  padding:
    17px
    16px;
}


.ls-master-product__info h3 {
  margin:
    0
    0
    8px;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 11px;

  line-height: 1.35;

  letter-spacing: .03em;

  text-transform: uppercase;
}


.ls-master-product__info p {
  margin: 0;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 8px;

  line-height: 1.3;

  letter-spacing: .12em;

  text-transform: uppercase;

  opacity: .54;
}


.ls-master-foundations__footer {
  margin-top: 20px;

  padding-top: 15px;

  border-top:
    1px solid
    rgba(17,17,15,.17);

  display: flex;

  gap: 30px;

  align-items: center;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 8px;

  font-weight: 600;

  letter-spacing: .18em;

  text-transform: uppercase;
}


.ls-master-foundations__footer
a {
  margin-left: auto;

  color: inherit;

  text-decoration: none;
}



/* =========================================================
   HELD / 02
========================================================= */

.ls-master-held {
  padding:
    72px
    0
    82px;

  background:
    #0b0b0a;

  color:
    #f1ede5;
}


.ls-master-held__header {
  margin-bottom: 39px;

  display: grid;

  grid-template-columns:
    1fr
    .5fr;

  gap: 70px;

  align-items: end;
}


.ls-master-held__header
> div:first-child
> p {
  margin:
    0
    0
    17px;

  color:
    #a93234;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 9px;

  font-weight: 600;

  letter-spacing: .22em;

  text-transform: uppercase;
}


.ls-master-held__header h2 {
  margin: 0;

  max-width: 700px;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(
      44px,
      4.7vw,
      74px
    );

  line-height: .93;

  font-weight: 400;

  letter-spacing: -.035em;
}


.ls-master-held__header h2
span {
  color: #b03537;
}


.ls-master-held__lead {
  margin:
    0
    0
    22px;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 13px;

  line-height: 1.6;
}


.ls-master-text-link--light {
  color: #f1ede5;
}



/* =========================================================
   HELD SOFT / DEEP
========================================================= */

.ls-master-held__experiences {
  display: grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    );

  gap: 16px;
}


.ls-master-held-card {
  position: relative;

  min-height:
    690px;

  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,.14);

  background:
    radial-gradient(
      circle at 64% 20%,
      #292825 0%,
      #171716 35%,
      #0e0e0d 72%
    );
}


.ls-master-held-card__copy {
  position: absolute;

  z-index: 3;

  left: 31px;
  top: 31px;

  max-width: 245px;
}


.ls-master-held-card__copy
small {
  display: block;

  margin-bottom: 14px;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 8px;

  letter-spacing: .17em;

  text-transform: uppercase;

  opacity: .54;
}


.ls-master-held-card__copy
h3 {
  margin: 0;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(
      30px,
      3vw,
      45px
    );

  font-weight: 400;
}


.ls-master-held-card__copy
p {
  margin:
    17px
    0
    0;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 12px;

  line-height: 1.62;

  opacity: .80;
}


.ls-master-held-card__copy
a {
  display: inline-flex;

  gap: 14px;

  margin-top: 24px;

  padding-bottom: 6px;

  border-bottom:
    1px solid currentColor;

  color: inherit;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 8px;

  font-weight: 600;

  letter-spacing: .15em;

  text-decoration: none;

  text-transform: uppercase;
}


.ls-master-held-card__model {
  position: absolute;

  z-index: 1;

  right: 0;
  top: 0;

  width: 61%;
  height: 100%;

  overflow: hidden;

  background:
    #f4f2ee;
}


.ls-master-held-card__model
img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  object-position: center top;
}


.ls-master-held-card__details {
  position: absolute;

  z-index: 4;

  left: 30px;
  bottom: 30px;

  width: 36%;

  display: grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0, 1fr)
    );

  gap: 5px;
}


.ls-master-held-card__details
figure {
  margin: 0;

  aspect-ratio: 1;

  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,.13);

  background:
    #f1efeb;
}


.ls-master-held-card__details
img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}



/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

  .ls-master-collections__split,
  .ls-master-held__experiences {
    grid-template-columns:
      1fr;
  }


  .ls-master-foundations__header {
    grid-template-columns:
      1fr
      1fr;
  }


  .ls-master-text-link {
    justify-self: start;
  }


  .ls-master-foundations__products {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );
  }


  .ls-master-held__header {
    grid-template-columns:
      1fr;
  }

}



/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

  .ls-master-collections,
  .ls-master-foundations,
  .ls-master-held {
    padding:
      48px
      0
      54px;
  }


  .ls-master-collections__inner,
  .ls-master-foundations__inner,
  .ls-master-held__inner {
    width:
      calc(100% - 30px);
  }


  .ls-master-collection-card {
    min-height:
      530px;
  }


  .ls-master-foundations__header {
    display: block;
  }


  .ls-master-foundations__description {
    margin-top: 24px;
  }


  .ls-master-foundations__header
  .ls-master-text-link {
    margin-top: 25px;
  }


  .ls-master-foundations__products {
    grid-template-columns:
      1fr;
  }


  .ls-master-foundations__footer {
    align-items: flex-start;

    flex-direction: column;

    gap: 12px;
  }


  .ls-master-foundations__footer
  a {
    margin-left: 0;
  }


  .ls-master-held-card {
    min-height: 770px;
  }


  .ls-master-held-card__copy {
    right: 26px;
  }


  .ls-master-held-card__model {
    top: 245px;

    width: 100%;
    height: 525px;
  }


  .ls-master-held-card__details {
    display: none;
  }

}


/* =========================================================
   END MASTER COLLECTION EXPERIENCE V2
========================================================= */

/* LOVESOONER EDITORIAL COLLECTION INTRO START */


/* =========================================================
   COLLECTION OVERVIEW — EDITORIAL REFRAME
========================================================= */

.ls-master-collections {
  padding-top: 58px !important;
  padding-bottom: 74px !important;
}


.ls-master-collections__header {
  margin-bottom: 32px !important;
}


.ls-master-collections__header p {
  font-size: clamp(25px, 2.2vw, 36px) !important;
}


.ls-master-collections__header h2 {
  margin-top: 11px !important;
}


/* =========================================================
   ASYMMETRIC COLLECTION SPLIT
========================================================= */

.ls-master-collections__split {
  grid-template-columns:
    minmax(0, .46fr)
    minmax(0, .54fr) !important;

  gap: 18px !important;
}


/*
   Remove the "promo box" feeling.
*/

.ls-master-collection-card {
  min-height: 0 !important;

  height:
    clamp(
      640px,
      55vw,
      800px
    ) !important;

  border: 0 !important;

  border-radius: 0 !important;

  box-shadow: none !important;
}


/* =========================================================
   IMAGERY — LET THE MODELS BREATHE
========================================================= */

.ls-master-collection-card > img {
  object-fit: cover !important;

  transform: none !important;
}


/*
   FOUNDATIONS:
   preserve more upper body / head and less awkward crop.
*/

.ls-master-collection-card--foundations > img {
  object-position:
    52% 20% !important;
}


/*
   HELD:
   frame the seated campaign shot more naturally.
   More chair + body visible, less cramped crop.
*/

.ls-master-collection-card--held > img {
  object-position:
    57% 43% !important;
}


/*
   Very subtle hover only.
*/

.ls-master-collection-card:hover > img {
  transform: scale(1.012) !important;
}


/* =========================================================
   CLEANER OVERLAYS
========================================================= */

.ls-master-collection-card__overlay {
  background:
    linear-gradient(
      90deg,
      rgba(5,5,5,.62) 0%,
      rgba(5,5,5,.25) 38%,
      rgba(5,5,5,.04) 67%,
      rgba(5,5,5,0) 100%
    ) !important;
}


.ls-master-collection-card--foundations
.ls-master-collection-card__overlay {
  background:
    linear-gradient(
      90deg,
      rgba(241,235,225,.94) 0%,
      rgba(241,235,225,.76) 30%,
      rgba(241,235,225,.18) 58%,
      rgba(241,235,225,0) 78%
    ) !important;
}


/* =========================================================
   MINIMAL LUXURY COPY
========================================================= */

.ls-master-collection-card__copy {
  left:
    clamp(
      30px,
      3.5vw,
      54px
    ) !important;

  top: auto !important;

  bottom:
    clamp(
      34px,
      4vw,
      58px
    ) !important;

  transform: none !important;

  width:
    min(
      280px,
      calc(100% - 60px)
    ) !important;
}


/*
   Hide descriptive paragraph from the gateway.
   Full story lives in each collection section below.
*/

.ls-master-collection-card__copy p {
  display: none !important;
}


.ls-master-collection-card__copy small {
  margin-bottom: 13px !important;

  font-size: 14px !important;
}


.ls-master-collection-card__copy h3 {
  font-size:
    clamp(
      37px,
      3.5vw,
      55px
    ) !important;

  line-height: .95 !important;
}


.ls-master-collection-card__copy strong {
  margin-top: 9px !important;

  font-size: 10px !important;

  line-height: 1.45 !important;

  letter-spacing: .08em !important;
}


.ls-master-card-link {
  margin-top: 26px !important;
}


/* =========================================================
   MORE VISUAL DISTINCTION
========================================================= */

/*
   Foundations remains warm and luminous.
*/

.ls-master-collection-card--foundations {
  background: #ebe4d9 !important;
}


/*
   HELD stays deep, cinematic and grounding.
*/

.ls-master-collection-card--held {
  background: #090909 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

  .ls-master-collections__split {
    grid-template-columns: 1fr !important;
  }


  .ls-master-collection-card {
    height:
      clamp(
        620px,
        86vw,
        780px
      ) !important;
  }


  .ls-master-collection-card--foundations > img {
    object-position: 50% 18% !important;
  }


  .ls-master-collection-card--held > img {
    object-position: 55% 42% !important;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

  .ls-master-collections {
    padding-top: 46px !important;
    padding-bottom: 52px !important;
  }


  .ls-master-collection-card {
    height:
      clamp(
        520px,
        128vw,
        690px
      ) !important;
  }


  .ls-master-collection-card__copy {
    left: 24px !important;
    right: 24px !important;
    bottom: 27px !important;

    width: auto !important;
  }


  .ls-master-collection-card--held > img {
    object-position: 58% 43% !important;
  }

}


/* LOVESOONER EDITORIAL COLLECTION INTRO END */

/* LOVESOONER COMPACT EQUAL COLLECTION CARDS START */

/*
  COLLECTION GATEWAY
  - equal 50 / 50 cards
  - smaller editorial footprint
  - consistent height
  - tighter spacing
  - image crops tuned individually
*/

.ls-master-collections__split {
  width: min(1360px, calc(100% - 72px)) !important;
  max-width: 1360px !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

  gap: 20px !important;
  column-gap: 20px !important;

  align-items: stretch !important;
}

/* EXACT SAME CARD SIZE */
.ls-master-collection-card--foundations,
.ls-master-collection-card--held {
  width: 100% !important;

  height: clamp(560px, 38vw, 620px) !important;
  min-height: 0 !important;
  max-height: 620px !important;

  overflow: hidden !important;
}

/* BOTH IMAGES FILL THEIR PANELS CONSISTENTLY */
.ls-master-collection-card--foundations img,
.ls-master-collection-card--held img {
  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;

  max-width: none !important;
  min-width: 100% !important;

  display: block !important;
}

/*
  FOUNDATIONS
  Keep the model centered with enough full-body/product visibility.
*/
.ls-master-collection-card--foundations img {
  object-position: 50% 27% !important;
}

/*
  HELD
  Keep face, chest embroidery, seated silhouette and pants visible.
*/
.ls-master-collection-card--held img {
  object-position: 56% 42% !important;
}


/* ---------- TABLET ---------- */

@media (max-width: 1100px) {

  .ls-master-collections__split {
    width: min(100% - 48px, 1080px) !important;
    gap: 16px !important;
  }

  .ls-master-collection-card--foundations,
  .ls-master-collection-card--held {
    height: 540px !important;
    max-height: 540px !important;
  }

}


/* ---------- STACKED / MOBILE ---------- */

@media (max-width: 820px) {

  .ls-master-collections__split {
    width: calc(100% - 32px) !important;

    grid-template-columns: 1fr !important;

    gap: 16px !important;
  }

  .ls-master-collection-card--foundations,
  .ls-master-collection-card--held {
    height: 520px !important;
    max-height: 520px !important;
  }

  .ls-master-collection-card--foundations img {
    object-position: 50% 24% !important;
  }

  .ls-master-collection-card--held img {
    object-position: 56% 40% !important;
  }

}


/* ---------- SMALL MOBILE ---------- */

@media (max-width: 560px) {

  .ls-master-collections__split {
    width: calc(100% - 24px) !important;
    gap: 12px !important;
  }

  .ls-master-collection-card--foundations,
  .ls-master-collection-card--held {
    height: 460px !important;
    max-height: 460px !important;
  }

}

/* LOVESOONER COMPACT EQUAL COLLECTION CARDS END */

/* LOVESOONER LOCAL VERTICAL COLLECTION CARDS START */

/*
  PORTRAIT editorial cards:
  - exact same dimensions
  - taller than wide
  - smaller than original giant panels
  - preserve complete source images
*/

.ls-master-collections__split {
  width: min(1120px, calc(100% - 72px)) !important;
  max-width: 1120px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

  gap: 22px !important;
  align-items: stretch !important;
}


/* BOTH PANELS = EXACT SAME PORTRAIT RECTANGLE */

.ls-master-collection-card--foundations,
.ls-master-collection-card--held {
  width: 100% !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  aspect-ratio: 4 / 5 !important;

  position: relative !important;
  overflow: hidden !important;
}


/* Backgrounds hide any tiny unused image area */

.ls-master-collection-card--foundations {
  background: #eee9df !important;
}

.ls-master-collection-card--held {
  background: #080808 !important;
}


/*
  IMPORTANT:
  CONTAIN = preserve entire image.
  Nothing gets chopped off.
*/

.ls-master-collection-card--foundations img,
.ls-master-collection-card--held img {
  position: absolute !important;
  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;
  object-position: center center !important;

  display: block !important;

  max-width: none !important;
}


/* TABLET */

@media (max-width: 1100px) {

  .ls-master-collections__split {
    width: min(900px, calc(100% - 44px)) !important;
    gap: 18px !important;
  }

}


/* MOBILE */

@media (max-width: 760px) {

  .ls-master-collections__split {
    width: calc(100% - 28px) !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .ls-master-collection-card--foundations,
  .ls-master-collection-card--held {
    aspect-ratio: 4 / 5 !important;
  }

}

/* LOVESOONER LOCAL VERTICAL COLLECTION CARDS END */

/* LOVESOONER LOCAL FOUNDATIONS PRODUCT EXPERIENCE START */


/* ==========================================================
   FOUNDATIONS EDITORIAL INTRO COPY
   ========================================================== */

.ls-foundations-editorial-copy {
  display: flex !important;
  flex-direction: column !important;

  max-width: 390px !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #111 !important;
}

.ls-foundations-editorial-eyebrow {
  display: block !important;

  margin-bottom: 13px !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 10px !important;
  font-weight: 700 !important;

  line-height: 1 !important;

  letter-spacing: .20em !important;

  text-transform: uppercase !important;

  color: #a93536 !important;
}

.ls-foundations-editorial-primary {
  display: block !important;

  font-family:
    "Times New Roman",
    Times,
    serif !important;

  font-size: clamp(26px, 2vw, 34px) !important;
  font-weight: 400 !important;

  line-height: .98 !important;
  letter-spacing: -.035em !important;

  color: #171512 !important;
}

.ls-foundations-editorial-secondary {
  display: block !important;

  margin-top: 15px !important;

  max-width: 290px !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 11px !important;
  font-weight: 600 !important;

  line-height: 1.5 !important;

  letter-spacing: .09em !important;

  text-transform: uppercase !important;

  color: rgba(20, 18, 15, .58) !important;
}


/* ==========================================================
   PRODUCT CARD
   ========================================================== */

.ls-foundations-product-card {
  position: relative !important;

  background: #f4efe7 !important;

  overflow: hidden !important;

  transition:
    transform .35s ease,
    box-shadow .35s ease !important;
}

@media (hover: hover) {

  .ls-foundations-product-card:hover {
    transform: translateY(-3px) !important;

    box-shadow:
      0 16px 38px rgba(0, 0, 0, .07) !important;
  }

}


/* ==========================================================
   FLIP IMAGE
   ========================================================== */

.ls-foundations-product-media-shell {
  position: relative !important;
}

.ls-product-flip {
  position: relative !important;

  width: 100% !important;

  aspect-ratio: 4 / 5 !important;

  perspective: 1500px !important;

  background: #eae4da !important;

  overflow: hidden !important;
}

.ls-product-flip__inner {
  position: relative !important;

  width: 100% !important;
  height: 100% !important;

  transform-style: preserve-3d !important;

  transition:
    transform .75s cubic-bezier(.22,.61,.36,1) !important;
}

.ls-product-flip__face {
  position: absolute !important;

  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;

  overflow: hidden !important;
}

.ls-product-flip__front {
  transform: rotateY(0deg) !important;
}

.ls-product-flip__back {
  transform: rotateY(180deg) !important;
}

.ls-product-flip__face picture,
.ls-product-flip__face img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
  object-position: center center !important;
}

@media (hover: hover) {

  .ls-product-flip--ready:hover
  .ls-product-flip__inner {

    transform: rotateY(180deg) !important;
  }

}

.ls-product-hover-label {
  position: absolute !important;

  right: 14px !important;
  bottom: 14px !important;

  z-index: 8 !important;

  padding: 7px 9px !important;

  background: rgba(250, 247, 240, .92) !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 8px !important;
  font-weight: 700 !important;

  line-height: 1 !important;

  letter-spacing: .16em !important;

  color: #111 !important;

  pointer-events: none !important;

  opacity: 0 !important;

  transform: translateY(3px) !important;

  transition:
    opacity .25s ease,
    transform .25s ease !important;
}

@media (hover: hover) {

  .ls-product-flip--ready:hover
  .ls-product-hover-label {

    opacity: 1 !important;
    transform: translateY(0) !important;
  }

}


/* ==========================================================
   PRODUCT TITLE AREA
   ========================================================== */

.ls-foundations-product-title {
  letter-spacing: -.015em !important;
}


/* ==========================================================
   PRICE + COLORS + BUTTON
   ========================================================== */

.ls-product-commerce {
  padding:
    0 20px 20px 20px !important;

  background: #f4efe7 !important;
}

.ls-product-commerce__top {
  display: flex !important;

  align-items: flex-end !important;
  justify-content: space-between !important;

  gap: 14px !important;

  padding-top: 15px !important;
  margin-top: 13px !important;

  border-top:
    1px solid rgba(20, 18, 15, .14) !important;
}

.ls-product-price {
  font-family:
    "Times New Roman",
    Times,
    serif !important;

  font-size: 20px !important;
  font-weight: 400 !important;

  line-height: 1 !important;

  letter-spacing: -.02em !important;

  color: #111 !important;
}

.ls-product-color-area {
  display: flex !important;

  flex-direction: column !important;

  align-items: flex-end !important;

  gap: 7px !important;
}

.ls-product-color-label {
  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 8px !important;
  font-weight: 700 !important;

  line-height: 1 !important;

  letter-spacing: .16em !important;

  color: rgba(20,18,15,.48) !important;
}

.ls-product-swatches {
  display: flex !important;

  align-items: center !important;

  gap: 8px !important;
}

.ls-product-swatch {
  position: relative !important;

  display: block !important;

  width: 17px !important;
  height: 17px !important;

  flex: 0 0 17px !important;

  border-radius: 50% !important;

  background:
    var(--swatch-color) !important;

  border:
    1px solid rgba(20, 18, 15, .28) !important;

  cursor: pointer !important;

  transition:
    transform .2s ease,
    box-shadow .2s ease !important;
}

.ls-product-swatch::after {
  content: "" !important;

  position: absolute !important;

  inset: -4px !important;

  border:
    1px solid transparent !important;

  border-radius: 50% !important;

  transition:
    border-color .2s ease !important;
}

.ls-product-swatch:hover {
  transform: scale(1.10) !important;
}

.ls-product-swatch:hover::after,
.ls-product-swatch:focus-visible::after {
  border-color:
    rgba(20,18,15,.50) !important;
}

.ls-product-view-button {
  display: flex !important;

  align-items: center !important;
  justify-content: space-between !important;

  width: 100% !important;

  margin-top: 17px !important;

  padding:
    13px 1px 9px 1px !important;

  border-bottom:
    1px solid #171512 !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 10px !important;
  font-weight: 700 !important;

  line-height: 1 !important;

  letter-spacing: .16em !important;

  color: #171512 !important;

  cursor: pointer !important;

  text-transform: uppercase !important;

  transition:
    padding-left .25s ease,
    padding-right .25s ease !important;
}

.ls-product-view-button:hover {
  padding-left: 5px !important;
  padding-right: 5px !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 760px) {

  .ls-foundations-editorial-primary {
    font-size: 28px !important;
  }

  .ls-product-commerce {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

}


/* LOVESOONER LOCAL FOUNDATIONS PRODUCT EXPERIENCE END */

/* LOVESOONER SAFE HELD LOCAL POLISH START */

/*
  SAFE PASS:
  Typography + spacing only.
  No DOM changes.
  No JS.
  No image replacement.
  No structural rebuilding.
*/


/* ---------------------------------------------------------
   MAIN HELD SECTION
   --------------------------------------------------------- */

#held,
.ls-master-held {
  padding-top: 64px !important;
  padding-bottom: 68px !important;
}


/* ---------------------------------------------------------
   BIG "MADE TO FEEL LIKE / BEING HELD" HEADLINE
   --------------------------------------------------------- */

#held h2,
.ls-master-held h2 {
  max-width: 760px !important;

  margin-top: 0 !important;
  margin-bottom: 18px !important;

  font-size: clamp(58px, 5.4vw, 86px) !important;
  line-height: .90 !important;

  letter-spacing: -.045em !important;
}


/*
  Preserve the brand red emphasis already being used.
*/
#held h2 em,
#held h2 strong,
.ls-master-held h2 em,
.ls-master-held h2 strong {
  line-height: inherit !important;
}


/* ---------------------------------------------------------
   INTRO COPY
   --------------------------------------------------------- */

#held > div p,
.ls-master-held > div p {
  line-height: 1.48 !important;
}


/* ---------------------------------------------------------
   HELD SOFT / HELD DEEP TITLES
   --------------------------------------------------------- */

#held h3,
.ls-master-held h3 {
  margin-top: 0 !important;
  margin-bottom: 22px !important;

  font-size: clamp(38px, 3.7vw, 58px) !important;

  line-height: .94 !important;

  letter-spacing: -.035em !important;
}


/* ---------------------------------------------------------
   CARD COPY
   --------------------------------------------------------- */

#held article p,
#held [class*="card"] p,
.ls-master-held article p,
.ls-master-held [class*="card"] p {
  max-width: 270px !important;

  font-size: 15px !important;

  line-height: 1.48 !important;

  color: rgba(255,255,255,.80) !important;
}


/* ---------------------------------------------------------
   CARD LINKS
   --------------------------------------------------------- */

#held article a,
#held [class*="card"] a,
.ls-master-held article a,
.ls-master-held [class*="card"] a {
  letter-spacing: .12em !important;
}


/* ---------------------------------------------------------
   EXISTING HELD GRIDS
   Only reduce gaps — do not change their structure.
   --------------------------------------------------------- */

#held [class*="grid"],
.ls-master-held [class*="grid"] {
  gap: 18px !important;
}


/* ---------------------------------------------------------
   EXISTING HELD CARDS
   Keep dimensions/layout intact.
   Just make their edges and spacing feel cleaner.
   --------------------------------------------------------- */

#held article,
#held [class*="card"],
.ls-master-held article,
.ls-master-held [class*="card"] {
  box-shadow: none !important;
}


/* ---------------------------------------------------------
   IMAGES
   IMPORTANT:
   Don't change object-fit or crop.
   --------------------------------------------------------- */

#held img,
.ls-master-held img {
  display: block !important;
}


/* ---------------------------------------------------------
   DESKTOP — reduce excess vertical breathing room
   --------------------------------------------------------- */

@media (min-width: 1000px) {

  #held,
  .ls-master-held {
    padding-top: 58px !important;
  }

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 760px) {

  #held,
  .ls-master-held {
    padding-top: 46px !important;
    padding-bottom: 50px !important;
  }

  #held h2,
  .ls-master-held h2 {
    font-size: 48px !important;
    line-height: .92 !important;
  }

  #held h3,
  .ls-master-held h3 {
    font-size: 38px !important;
  }

}

/* LOVESOONER SAFE HELD LOCAL POLISH END */

/* LOVESOONER HELD TRANSPARENT LOCAL START */


/*
  ONLY elements tagged by our local HELD script
  are affected.
*/

.ls-held-transparent-card {
  background: #080808 !important;
}


/*
  Remove the white product-photo panel.
*/

.ls-held-transparent-media {
  background:
    radial-gradient(
      circle at 50% 30%,
      rgba(255,255,255,.035),
      transparent 48%
    ),
    #080808 !important;

  display: flex !important;

  align-items: flex-end !important;
  justify-content: center !important;

  overflow: hidden !important;

  padding:
    14px 14px 0 14px !important;
}


/*
  Transparent models remain FULL BODY.
  No crop.
*/

.ls-held-transparent-model {
  display: block !important;

  width: auto !important;
  height: auto !important;

  max-width: 96% !important;
  max-height: 570px !important;

  object-fit: contain !important;
  object-position: center bottom !important;

  margin:
    auto auto 0 auto !important;
}


/*
  Small individual tuning because the two
  transparent source files aren't framed identically.
*/

.ls-held-transparent-card--soft
.ls-held-transparent-model {

  max-height: 575px !important;

  transform:
    translateY(5px) scale(.96) !important;

  transform-origin:
    center bottom !important;
}


.ls-held-transparent-card--deep
.ls-held-transparent-model {

  max-height: 565px !important;

  transform:
    translateY(5px) scale(.94) !important;

  transform-origin:
    center bottom !important;
}


/*
  Keep cards visually unified.
*/

.ls-held-transparent-card,
.ls-held-transparent-card > * {
  border-color:
    rgba(255,255,255,.08) !important;
}


/* MOBILE */

@media (max-width: 760px) {

  .ls-held-transparent-media {
    padding:
      8px 8px 0 8px !important;
  }

  .ls-held-transparent-model {
    max-height:
      430px !important;
  }

}


/* LOVESOONER HELD TRANSPARENT LOCAL END */

/* LOVESOONER HELD EDITORIAL LOCAL START */

.ls-held-editorial-rebuild {
  background: #060606 !important;
  padding: 72px 0 88px !important;
}

.ls-held-editorial-rebuild .ls-held-shell {
  width: min(1520px, calc(100% - 64px));
  margin: 0 auto;
}

.ls-held-editorial-rebuild .ls-held-top {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.72fr);
  gap: 36px;
  align-items: end;
  margin-bottom: 38px;
}

.ls-held-editorial-rebuild .ls-held-kicker {
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #b13a3a;
  margin-bottom: 16px;
}

.ls-held-editorial-rebuild .ls-held-hero {
  margin: 0;
  line-height: 0.9;
  letter-spacing: -0.03em;
  font-weight: 400;
  font-size: clamp(58px, 7vw, 110px);
  color: #f1ece3;
}

.ls-held-editorial-rebuild .ls-held-hero-line {
  display: block;
}

.ls-held-editorial-rebuild .ls-held-hero-accent {
  color: #b13a3a;
}

.ls-held-editorial-rebuild .ls-held-intro-right {
  justify-self: end;
  max-width: 360px;
  padding-bottom: 8px;
}

.ls-held-editorial-rebuild .ls-held-intro-copy {
  margin: 0 0 28px 0;
  color: #f1ece3;
  font-size: 16px;
  line-height: 1.55;
}

.ls-held-editorial-rebuild .ls-held-intro-link,
.ls-held-editorial-rebuild .ls-held-shop-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #f1ece3;
  text-decoration: none;
  border-bottom: 1px solid rgba(241,236,227,0.7);
  padding-bottom: 6px;
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 600;
}

.ls-held-editorial-rebuild .ls-held-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

.ls-held-editorial-rebuild .ls-held-card {
  position: relative;
  background:
    radial-gradient(circle at 50% 20%, rgba(255,255,255,0.05), transparent 45%),
    #080808;
  border: 1px solid rgba(255,255,255,0.08);
  min-height: 640px;
  overflow: hidden;
}

.ls-held-editorial-rebuild .ls-held-card-main {
  display: grid;
  grid-template-columns: 300px 1fr;
  min-height: 520px;
  position: relative;
}

.ls-held-editorial-rebuild .ls-held-copy-panel {
  padding: 42px 28px 24px 28px;
  position: relative;
  z-index: 3;
}

.ls-held-editorial-rebuild .ls-held-card-kicker {
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(241,236,227,0.72);
  margin-bottom: 18px;
}

.ls-held-editorial-rebuild .ls-held-card-title {
  margin: 0 0 24px 0;
  font-size: clamp(42px, 4.8vw, 70px);
  line-height: 0.9;
  letter-spacing: -0.03em;
  font-weight: 400;
  color: #f1ece3;
}

.ls-held-editorial-rebuild .ls-held-card-copy {
  margin: 0 0 26px 0;
  color: rgba(241,236,227,0.9);
  font-size: 15px;
  line-height: 1.55;
}

.ls-held-editorial-rebuild .ls-held-model-panel {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: visible;
  padding: 18px 10px 0;
}

.ls-held-editorial-rebuild .ls-held-model {
  display: block;
  width: auto;
  height: auto;
  max-height: 560px;
  max-width: 96%;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 10px 24px rgba(0,0,0,0.35));
}

.ls-held-editorial-rebuild #held-soft .ls-held-model {
  transform: translateY(12px) scale(1.06);
  transform-origin: center bottom;
}

.ls-held-editorial-rebuild #held-deep .ls-held-model {
  transform: translateY(12px) scale(1.06);
  transform-origin: center bottom;
}

.ls-held-editorial-rebuild .ls-held-thumb-row {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  padding: 0 18px 18px;
  margin-top: -10px;
  position: relative;
  z-index: 4;
}

.ls-held-editorial-rebuild .ls-held-thumb {
  background: rgba(255,255,255,0.015);
  border: 1px solid rgba(255,255,255,0.08);
  aspect-ratio: 1 / 1.08;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  overflow: hidden;
}

.ls-held-editorial-rebuild .ls-held-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.ls-held-editorial-rebuild .ls-held-thumb-detail img {
  object-fit: cover;
}

@media (max-width: 1200px) {
  .ls-held-editorial-rebuild .ls-held-card-main {
    grid-template-columns: 260px 1fr;
  }

  .ls-held-editorial-rebuild .ls-held-model {
    max-height: 500px;
  }
}

@media (max-width: 980px) {
  .ls-held-editorial-rebuild .ls-held-top,
  .ls-held-editorial-rebuild .ls-held-cards {
    grid-template-columns: 1fr;
  }

  .ls-held-editorial-rebuild .ls-held-intro-right {
    justify-self: start;
    max-width: 100%;
  }
}

@media (max-width: 760px) {
  .ls-held-editorial-rebuild .ls-held-shell {
    width: calc(100% - 28px);
  }

  .ls-held-editorial-rebuild .ls-held-card {
    min-height: auto;
  }

  .ls-held-editorial-rebuild .ls-held-card-main {
    grid-template-columns: 1fr;
  }

  .ls-held-editorial-rebuild .ls-held-copy-panel {
    padding: 28px 18px 18px;
  }

  .ls-held-editorial-rebuild .ls-held-model-panel {
    min-height: 360px;
  }

  .ls-held-editorial-rebuild .ls-held-model {
    max-height: 380px;
  }

  .ls-held-editorial-rebuild .ls-held-thumb-row {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* LOVESOONER HELD EDITORIAL LOCAL END */

/* LOVESOONER HELD LOCAL THUMB AUTO-FIT START */

.ls-held-editorial-rebuild .ls-held-thumb-row {
  grid-template-columns:
    repeat(auto-fit, minmax(82px, 1fr)) !important;
  max-width: 430px !important;
}

/* LOVESOONER HELD LOCAL THUMB AUTO-FIT END */

/* LOVESOONER HELD LARGE MODEL LOCAL START */


/* ==========================================================
   REMOVE THE TWO BOTTOM PRODUCT / DETAIL PHOTOS
   ========================================================== */

.ls-held-editorial-rebuild .ls-held-thumb-row {
  display: none !important;
}


/* ==========================================================
   CARD PROPORTION
   ========================================================== */

.ls-held-editorial-rebuild .ls-held-card {
  min-height: 610px !important;
}

.ls-held-editorial-rebuild .ls-held-card-main {
  min-height: 610px !important;

  grid-template-columns:
    minmax(250px, 37%)
    minmax(0, 63%) !important;
}


/* ==========================================================
   TEXT PANEL
   ========================================================== */

.ls-held-editorial-rebuild .ls-held-copy-panel {
  padding:
    42px 22px 34px 28px !important;

  position: relative !important;
  z-index: 5 !important;
}


/* ==========================================================
   MODEL PANEL
   Give the transparent model much more room.
   ========================================================== */

.ls-held-editorial-rebuild .ls-held-model-panel {
  min-height: 610px !important;

  padding:
    6px 0 0 0 !important;

  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;

  overflow: hidden !important;
}


/* BIGGER FULL BODY MODEL */

.ls-held-editorial-rebuild .ls-held-model {
  width: auto !important;
  height: auto !important;

  max-width: none !important;
  max-height: 660px !important;

  object-fit: contain !important;
  object-position: center bottom !important;

  margin:
    auto auto 0 auto !important;

  filter:
    drop-shadow(
      0 14px 28px rgba(0,0,0,.34)
    ) !important;
}


/* SOFT — larger + centered slightly toward copy */

.ls-held-editorial-rebuild
#held-soft
.ls-held-model {

  transform:
    translate(-6px, 18px)
    scale(1.19) !important;

  transform-origin:
    center bottom !important;
}


/* DEEP — larger */

.ls-held-editorial-rebuild
#held-deep
.ls-held-model {

  transform:
    translate(-2px, 18px)
    scale(1.19) !important;

  transform-origin:
    center bottom !important;
}


/* ==========================================================
   CLEANER CARD BOTTOM
   ========================================================== */

.ls-held-editorial-rebuild .ls-held-card-main {
  border-bottom: 0 !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1200px) {

  .ls-held-editorial-rebuild .ls-held-card-main {
    grid-template-columns:
      minmax(230px, 38%)
      minmax(0, 62%) !important;
  }

  .ls-held-editorial-rebuild .ls-held-model {
    max-height: 610px !important;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 760px) {

  .ls-held-editorial-rebuild .ls-held-card {
    min-height: auto !important;
  }

  .ls-held-editorial-rebuild .ls-held-card-main {
    min-height: auto !important;
    grid-template-columns: 1fr !important;
  }

  .ls-held-editorial-rebuild .ls-held-model-panel {
    min-height: 430px !important;
  }

  .ls-held-editorial-rebuild .ls-held-model {
    max-height: 470px !important;
  }

  .ls-held-editorial-rebuild
  #held-soft
  .ls-held-model,
  .ls-held-editorial-rebuild
  #held-deep
  .ls-held-model {

    transform:
      translateY(12px)
      scale(1.08) !important;
  }

}


/* LOVESOONER HELD LARGE MODEL LOCAL END */

/* LOVESOONER HELD BLUE GLOW LOCAL START */

/* give the model panel a positioning context */
.ls-held-editorial-rebuild .ls-held-model-panel {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

/* subtle blue aura behind the person */
.ls-held-editorial-rebuild .ls-held-model-panel::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 72px !important;
  width: 48% !important;
  height: 62% !important;
  transform: translateX(-50%) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(
      ellipse at center,
      rgba(83, 112, 186, 0.28) 0%,
      rgba(68, 95, 165, 0.18) 28%,
      rgba(43, 61, 112, 0.10) 48%,
      rgba(20, 26, 50, 0.00) 74%
    ) !important;
  filter: blur(26px) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* keep model above the glow */
.ls-held-editorial-rebuild .ls-held-model {
  position: relative !important;
  z-index: 2 !important;
}

/* slightly different placement per card for nicer balance */
.ls-held-editorial-rebuild #held-soft .ls-held-model-panel::before {
  left: 56% !important;
  width: 50% !important;
  height: 64% !important;
  bottom: 78px !important;
}

.ls-held-editorial-rebuild #held-deep .ls-held-model-panel::before {
  left: 54% !important;
  width: 46% !important;
  height: 60% !important;
  bottom: 76px !important;
}

/* lighter on tablet */
@media (max-width: 1200px) {
  .ls-held-editorial-rebuild .ls-held-model-panel::before {
    width: 52% !important;
    height: 58% !important;
    filter: blur(22px) !important;
  }
}

/* softer / lower on mobile */
@media (max-width: 760px) {
  .ls-held-editorial-rebuild .ls-held-model-panel::before {
    width: 60% !important;
    height: 52% !important;
    bottom: 44px !important;
    filter: blur(18px) !important;
    opacity: .8 !important;
  }
}

/* LOVESOONER HELD BLUE GLOW LOCAL END */

/* LOVESOONER HELD FLOATING MODEL LOCAL START */

/* overall section */
.ls-held-editorial-rebuild {
  padding-top: 88px !important;
  padding-bottom: 86px !important;
}

.ls-held-editorial-rebuild .ls-held-top {
  display: grid !important;
  grid-template-columns: minmax(0, 1.04fr) minmax(320px, .66fr) !important;
  gap: 28px !important;
  align-items: start !important;
  margin-bottom: 26px !important;
}

.ls-held-editorial-rebuild .ls-held-top-copy,
.ls-held-editorial-rebuild .ls-held-side-copy {
  max-width: 370px !important;
  justify-self: end !important;
}

/* cards row */
.ls-held-editorial-rebuild .ls-held-cards {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 26px !important;
  align-items: start !important;
}

/* make card a cleaner vertical editorial base */
.ls-held-editorial-rebuild .ls-held-card {
  position: relative !important;
  min-height: 620px !important;
  overflow: visible !important;
  display: block !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background:
    radial-gradient(circle at 50% 22%, rgba(38,58,113,.10), transparent 48%),
    linear-gradient(180deg, rgba(8,8,8,.98) 0%, rgba(2,2,2,1) 100%) !important;
}

/* left text rail stays as the “box” */
.ls-held-editorial-rebuild .ls-held-copy {
  position: relative !important;
  z-index: 3 !important;
  width: 34% !important;
  min-width: 220px !important;
  padding: 46px 34px 42px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}

.ls-held-editorial-rebuild .ls-held-copy h3,
.ls-held-editorial-rebuild .ls-held-copy .ls-held-title {
  margin: 0 !important;
  line-height: .9 !important;
}

.ls-held-editorial-rebuild .ls-held-copy p {
  margin: 0 !important;
  max-width: 220px !important;
}

/* the right side becomes a floating stage */
.ls-held-editorial-rebuild .ls-held-model-panel {
  position: absolute !important;
  inset: 0 0 0 28% !important;
  overflow: visible !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* subtle blue glow behind model */
.ls-held-editorial-rebuild .ls-held-model-panel::before {
  content: "" !important;
  position: absolute !important;
  left: 58% !important;
  top: 18% !important;
  width: 52% !important;
  height: 56% !important;
  transform: translateX(-50%) !important;
  border-radius: 999px !important;
  background: radial-gradient(
    ellipse at center,
    rgba(88,116,201,.22) 0%,
    rgba(53,76,141,.12) 42%,
    rgba(24,35,70,0) 74%
  ) !important;
  filter: blur(28px) !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* THIS is the floating person */
.ls-held-editorial-rebuild .ls-held-model {
  position: absolute !important;
  z-index: 2 !important;
  bottom: -4px !important;
  right: 4% !important;
  width: auto !important;
  height: 111% !important;
  max-height: none !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  filter: drop-shadow(0 18px 28px rgba(0,0,0,.28)) !important;
}

/* per-card placement tweaks */
.ls-held-editorial-rebuild #held-soft .ls-held-model {
  height: 111% !important;
  right: 3.5% !important;
}

.ls-held-editorial-rebuild #held-deep .ls-held-model {
  height: 109% !important;
  right: 4.5% !important;
}

/* keep CTA area tight */
.ls-held-editorial-rebuild .ls-held-copy .button,
.ls-held-editorial-rebuild .ls-held-copy .btn,
.ls-held-editorial-rebuild .ls-held-copy a {
  position: relative !important;
  z-index: 4 !important;
}

/* tablet */
@media (max-width: 1180px) {
  .ls-held-editorial-rebuild .ls-held-top {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .ls-held-editorial-rebuild .ls-held-cards {
    grid-template-columns: 1fr !important;
  }

  .ls-held-editorial-rebuild .ls-held-card {
    min-height: 650px !important;
  }

  .ls-held-editorial-rebuild .ls-held-model-panel {
    inset: 0 0 0 30% !important;
  }

  .ls-held-editorial-rebuild .ls-held-model {
    height: 106% !important;
  }
}

/* mobile fallback */
@media (max-width: 760px) {
  .ls-held-editorial-rebuild .ls-held-card {
    min-height: auto !important;
    overflow: hidden !important;
  }

  .ls-held-editorial-rebuild .ls-held-copy {
    width: 100% !important;
    min-width: 0 !important;
    padding: 28px 22px 14px !important;
  }

  .ls-held-editorial-rebuild .ls-held-model-panel {
    position: relative !important;
    inset: auto !important;
    min-height: 420px !important;
    margin-top: 6px !important;
  }

  .ls-held-editorial-rebuild .ls-held-model {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    bottom: -6px !important;
    height: 100% !important;
    width: auto !important;
  }
}

/* LOVESOONER HELD FLOATING MODEL LOCAL END */

/* LOVESOONER HELD MODEL SIZE LOCAL START */

/*
  Preserve floating editorial effect,
  but reduce model scale substantially.
*/

.ls-held-editorial-rebuild .ls-held-model {
  bottom: 0 !important;
  width: auto !important;
  max-width: none !important;
  max-height: none !important;
}

/* SOFT */
.ls-held-editorial-rebuild
#held-soft
.ls-held-model {
  height: 92% !important;
  right: 5% !important;
  transform: none !important;
}

/* DEEP */
.ls-held-editorial-rebuild
#held-deep
.ls-held-model {
  height: 90% !important;
  right: 5.5% !important;
  transform: none !important;
}

/* keep glow behind torso rather than entire figure */
.ls-held-editorial-rebuild
.ls-held-model-panel::before {
  top: 23% !important;
  width: 44% !important;
  height: 48% !important;
  opacity: .82 !important;
}

/* LOVESOONER HELD MODEL SIZE LOCAL END */

/* LOVESOONER HELD CARD SHAPE LOCAL START */

/* make the two HELD cards feel more vertical + compact */
.ls-held-editorial-rebuild .ls-held-cards,
.ls-held-editorial-rebuild .ls-held-card-grid,
.ls-held-editorial-rebuild .ls-held-products,
.ls-held-editorial-rebuild .ls-held-duo {
  gap: 24px !important;
  align-items: stretch !important;
}

/* the two main boxes */
.ls-held-editorial-rebuild #held-soft,
.ls-held-editorial-rebuild #held-deep {
  width: 100% !important;
  max-width: 780px !important;
  min-height: 720px !important;
  margin: 0 auto !important;
  border-radius: 0 !important;
}

/* if a parent grid/flex is controlling width, tighten both cards slightly */
.ls-held-editorial-rebuild #held-soft,
.ls-held-editorial-rebuild #held-deep {
  flex: 0 0 calc(50% - 12px) !important;
}

/* tighten the inside split a little so the box reads more vertical */
.ls-held-editorial-rebuild #held-soft .ls-held-card-inner,
.ls-held-editorial-rebuild #held-deep .ls-held-card-inner,
.ls-held-editorial-rebuild #held-soft .ls-held-panel-wrap,
.ls-held-editorial-rebuild #held-deep .ls-held-panel-wrap {
  min-height: 100% !important;
  grid-template-columns: 34% 66% !important;
}

/* keep the model area a bit taller */
.ls-held-editorial-rebuild #held-soft .ls-held-model-panel,
.ls-held-editorial-rebuild #held-deep .ls-held-model-panel {
  min-height: 720px !important;
}

/* LOVESOONER HELD CARD SHAPE LOCAL END */

/* LOVESOONER HELD LUXURY COMPACT LOCAL START */


/* ==========================================================
   OVERALL HELD WIDTH
   Make the WHOLE composition more compact.
   ========================================================== */

.ls-held-editorial-rebuild .ls-held-shell {
  width: min(1320px, calc(100% - 72px)) !important;
  max-width: 1320px !important;
}


/* ==========================================================
   TOP EDITORIAL INTRO
   ========================================================== */

.ls-held-editorial-rebuild .ls-held-top {
  grid-template-columns:
    minmax(0, 1.12fr)
    minmax(280px, .58fr) !important;

  gap: 44px !important;

  margin-bottom: 34px !important;
}


/* HELD / 02 */

.ls-held-editorial-rebuild .ls-held-kicker {
  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 10px !important;
  font-weight: 700 !important;

  letter-spacing: .24em !important;

  color: #b13b3d !important;

  margin-bottom: 17px !important;
}


/* MADE TO FEEL LIKE / BEING HELD */

.ls-held-editorial-rebuild .ls-held-hero {
  max-width: 780px !important;

  font-family:
    "Bodoni 72",
    Didot,
    "Bodoni MT",
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    clamp(58px, 5.6vw, 88px) !important;

  font-weight: 400 !important;

  line-height: .87 !important;

  letter-spacing: -.052em !important;
}

.ls-held-editorial-rebuild
.ls-held-hero-accent {
  color: #b13b3d !important;
}


/* top right copy */

.ls-held-editorial-rebuild
.ls-held-intro-copy {

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 14px !important;
  font-weight: 400 !important;

  line-height: 1.55 !important;

  letter-spacing: .015em !important;

  color:
    rgba(244,239,232,.78) !important;

  margin-bottom: 24px !important;
}


/* ==========================================================
   TWO CARD RUNWAY
   Narrower overall = vertical editorial rectangles
   ========================================================== */

.ls-held-editorial-rebuild
.ls-held-cards {

  width: min(1160px, 100%) !important;

  margin-left: auto !important;
  margin-right: auto !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  gap: 22px !important;

  align-items: stretch !important;
}


/* WHOLE CARD — compact portrait proportion */

.ls-held-editorial-rebuild
.ls-held-card {

  width: 100% !important;

  min-height: 630px !important;
  height: 630px !important;
  max-height: 630px !important;

  position: relative !important;

  overflow: hidden !important;

  border:
    1px solid rgba(255,255,255,.075) !important;

  background:
    radial-gradient(
      ellipse at 68% 44%,
      rgba(51,75,144,.095) 0%,
      rgba(22,31,65,.045) 35%,
      rgba(0,0,0,0) 62%
    ),
    #070707 !important;
}


/* ==========================================================
   TEXT RAIL
   More narrow + couture feeling.
   ========================================================== */

.ls-held-editorial-rebuild
.ls-held-copy-panel {

  width: 38% !important;

  min-width: 0 !important;

  padding:
    40px 20px 30px 28px !important;

  position: relative !important;

  z-index: 6 !important;
}


/* tiny HELD / SOFT + HELD / DEEP */

.ls-held-editorial-rebuild
.ls-held-card-kicker {

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 9px !important;
  font-weight: 600 !important;

  line-height: 1 !important;

  letter-spacing: .27em !important;

  color:
    rgba(239,234,226,.62) !important;

  margin-bottom: 20px !important;
}


/* MAIN SOFT / DEEP HEADINGS */

.ls-held-editorial-rebuild
.ls-held-card-title {

  max-width: 210px !important;

  margin:
    0 0 23px 0 !important;

  font-family:
    "Bodoni 72",
    Didot,
    "Bodoni MT",
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    clamp(46px, 4vw, 63px) !important;

  font-weight: 400 !important;

  line-height: .84 !important;

  letter-spacing: -.047em !important;

  color: #f1ece4 !important;
}


/* SUPPORTING COPY */

.ls-held-editorial-rebuild
.ls-held-card-copy {

  max-width: 190px !important;

  margin:
    0 0 28px 0 !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 400 !important;

  line-height: 1.52 !important;

  letter-spacing: .005em !important;

  color:
    rgba(241,236,228,.70) !important;
}


/* ==========================================================
   SHOP LINKS
   Smaller and more fashion editorial.
   ========================================================== */

.ls-held-editorial-rebuild
.ls-held-shop-link,
.ls-held-editorial-rebuild
.ls-held-intro-link {

  gap: 15px !important;

  padding-bottom: 7px !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 9px !important;
  font-weight: 700 !important;

  line-height: 1 !important;

  letter-spacing: .20em !important;

  border-bottom:
    1px solid rgba(241,236,228,.55) !important;

  color: #f1ece4 !important;
}


/* ==========================================================
   FLOATING MODEL STAGE
   Smaller because the CARD itself is now smaller.
   ========================================================== */

.ls-held-editorial-rebuild
.ls-held-model-panel {

  position: absolute !important;

  inset:
    0 0 0 30% !important;

  z-index: 2 !important;

  overflow: hidden !important;

  pointer-events: none !important;
}


/* BLUE HALO */

.ls-held-editorial-rebuild
.ls-held-model-panel::before {

  left: 62% !important;

  top: 26% !important;

  width: 42% !important;
  height: 46% !important;

  background:
    radial-gradient(
      ellipse at center,
      rgba(78,106,190,.19) 0%,
      rgba(50,72,139,.10) 39%,
      rgba(17,24,51,0) 73%
    ) !important;

  filter: blur(25px) !important;

  opacity: .88 !important;
}


/* MODEL */

.ls-held-editorial-rebuild
.ls-held-model {

  position: absolute !important;

  bottom: -2px !important;

  width: auto !important;

  max-width: none !important;
  max-height: none !important;

  object-fit: contain !important;

  z-index: 3 !important;
}


/* SOFT */

.ls-held-editorial-rebuild
#held-soft
.ls-held-model {

  height: 86% !important;

  right: 4% !important;

  transform: none !important;
}


/* DEEP */

.ls-held-editorial-rebuild
#held-deep
.ls-held-model {

  height: 84% !important;

  right: 4% !important;

  transform: none !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1100px) {

  .ls-held-editorial-rebuild
  .ls-held-shell {

    width:
      calc(100% - 40px) !important;
  }

  .ls-held-editorial-rebuild
  .ls-held-cards {

    width: 100% !important;
  }

  .ls-held-editorial-rebuild
  .ls-held-card {

    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 760px) {

  .ls-held-editorial-rebuild
  .ls-held-cards {

    grid-template-columns:
      1fr !important;

    width: 100% !important;

    gap: 16px !important;
  }


  .ls-held-editorial-rebuild
  .ls-held-card {

    height: 590px !important;
    min-height: 590px !important;
    max-height: 590px !important;
  }


  .ls-held-editorial-rebuild
  .ls-held-copy-panel {

    width: 48% !important;

    padding:
      30px 12px 24px 20px !important;
  }


  .ls-held-editorial-rebuild
  .ls-held-card-title {

    font-size: 43px !important;
  }


  .ls-held-editorial-rebuild
  .ls-held-model-panel {

    position: absolute !important;

    inset:
      0 0 0 34% !important;
  }


  .ls-held-editorial-rebuild
  #held-soft
  .ls-held-model,
  .ls-held-editorial-rebuild
  #held-deep
  .ls-held-model {

    height: 78% !important;

    right: -1% !important;

    left: auto !important;

    transform: none !important;
  }

}


/* LOVESOONER HELD LUXURY COMPACT LOCAL END */

/* LOVESOONER HELD SIDE COPY LOCAL START */


/* right editorial note */
.ls-held-editorial-rebuild
.ls-held-intro-right {

  justify-self: end !important;

  width: 255px !important;
  max-width: 255px !important;

  padding:
    4px 0 2px 24px !important;

  border-left:
    1px solid rgba(241,236,228,.18) !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}


/* little editorial label */
.ls-held-editorial-rebuild
.ls-held-intro-right::before {

  content: "THE HELD EXPERIENCE" !important;

  display: block !important;

  margin-bottom: 14px !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 8px !important;
  font-weight: 700 !important;

  line-height: 1 !important;

  letter-spacing: .23em !important;

  color:
    rgba(241,236,228,.42) !important;
}


/* Two weights. One purpose... */
.ls-held-editorial-rebuild
.ls-held-intro-copy {

  margin:
    0 0 22px 0 !important;

  max-width: 220px !important;

  font-family:
    "Bodoni 72",
    Didot,
    "Bodoni MT",
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 20px !important;
  font-weight: 400 !important;

  line-height: 1.12 !important;

  letter-spacing: -.02em !important;

  color:
    rgba(241,236,228,.88) !important;
}


/* remove the awkward long button treatment */
.ls-held-editorial-rebuild
.ls-held-intro-link {

  width: auto !important;

  display: inline-flex !important;
  align-items: center !important;

  gap: 13px !important;

  margin: 0 !important;

  padding:
    0 0 6px 0 !important;

  border: 0 !important;

  border-bottom:
    1px solid rgba(241,236,228,.38) !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 9px !important;
  font-weight: 700 !important;

  line-height: 1 !important;

  letter-spacing: .20em !important;

  color: #f1ece4 !important;

  transition:
    gap .25s ease,
    border-color .25s ease !important;
}


/* cleaner arrow */
.ls-held-editorial-rebuild
.ls-held-intro-link span {

  font-size: 13px !important;
  line-height: .8 !important;
  letter-spacing: 0 !important;

  opacity: .78 !important;
}


@media (hover: hover) {

  .ls-held-editorial-rebuild
  .ls-held-intro-link:hover {

    gap: 19px !important;

    border-color:
      rgba(241,236,228,.85) !important;
  }

}


/* tablet/mobile */
@media (max-width: 980px) {

  .ls-held-editorial-rebuild
  .ls-held-intro-right {

    justify-self: start !important;

    width: 250px !important;

    margin-top: 10px !important;
  }

}


/* LOVESOONER HELD SIDE COPY LOCAL END */

/* LOVESOONER HELD EDITORIAL OVERLAP LOCAL START */


/* =========================================================
   CARD — keep compact portrait shape
   ========================================================= */

.ls-held-editorial-rebuild .ls-held-cards {
  width: min(1160px, 100%) !important;
  margin: 0 auto !important;

  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

  gap: 24px !important;
}

.ls-held-editorial-rebuild .ls-held-card {
  position: relative !important;

  height: 620px !important;
  min-height: 620px !important;
  max-height: 620px !important;

  overflow: hidden !important;

  background:
    radial-gradient(
      ellipse at 68% 45%,
      rgba(70, 94, 170, .11),
      rgba(32, 45, 92, .05) 36%,
      transparent 65%
    ),
    #070707 !important;

  border:
    1px solid rgba(255,255,255,.08) !important;
}


/* =========================================================
   COPY PANEL
   Stop forcing everything into a skinny column
   ========================================================= */

.ls-held-editorial-rebuild .ls-held-copy-panel {
  position: absolute !important;

  inset: 0 !important;

  width: 100% !important;

  padding:
    38px 30px 34px 30px !important;

  z-index: 5 !important;

  pointer-events: none !important;
}


/* small kicker */

.ls-held-editorial-rebuild .ls-held-card-kicker {
  position: relative !important;
  z-index: 7 !important;

  width: max-content !important;

  margin: 0 0 16px 0 !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 9px !important;
  font-weight: 600 !important;

  line-height: 1 !important;

  letter-spacing: .28em !important;

  color:
    rgba(244,239,231,.56) !important;
}


/* =========================================================
   BIG TITLE BEHIND THE MODEL
   ========================================================= */

.ls-held-editorial-rebuild .ls-held-card-title {
  position: absolute !important;

  top: 76px !important;
  left: 28px !important;

  z-index: 1 !important;

  width: 78% !important;
  max-width: none !important;

  margin: 0 !important;

  font-family:
    "Bodoni 72",
    Didot,
    "Bodoni MT",
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    clamp(68px, 6vw, 94px) !important;

  font-weight: 400 !important;

  line-height: .82 !important;

  letter-spacing: -.055em !important;

  color:
    rgba(241,236,228,.92) !important;

  pointer-events: none !important;
}


/*
  Let model visually cut across title.
*/
.ls-held-editorial-rebuild
#held-soft
.ls-held-card-title,
.ls-held-editorial-rebuild
#held-deep
.ls-held-card-title {
  max-width: 340px !important;
}


/* =========================================================
   DESCRIPTION — clean normal sentence block
   ========================================================= */

.ls-held-editorial-rebuild .ls-held-card-copy {
  position: absolute !important;

  left: 30px !important;
  bottom: 102px !important;

  z-index: 7 !important;

  width: 220px !important;
  max-width: 220px !important;

  margin: 0 !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 400 !important;

  line-height: 1.48 !important;

  letter-spacing: .005em !important;

  color:
    rgba(241,236,228,.72) !important;
}


/* =========================================================
   SHOP CTA
   ========================================================= */

.ls-held-editorial-rebuild .ls-held-shop-link {
  position: absolute !important;

  left: 30px !important;
  bottom: 43px !important;

  z-index: 8 !important;

  display: inline-flex !important;
  align-items: center !important;

  width: auto !important;

  gap: 14px !important;

  padding:
    0 0 7px 0 !important;

  pointer-events: auto !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 9px !important;
  font-weight: 700 !important;

  line-height: 1 !important;

  letter-spacing: .19em !important;

  color: #f2ede5 !important;

  border: 0 !important;
  border-bottom:
    1px solid rgba(242,237,229,.45) !important;
}


/* =========================================================
   MODEL FLOATING OVER THE WRITING
   ========================================================= */

.ls-held-editorial-rebuild .ls-held-model-panel {
  position: absolute !important;

  inset: 0 !important;

  overflow: hidden !important;

  z-index: 3 !important;

  pointer-events: none !important;
}


.ls-held-editorial-rebuild .ls-held-model-panel::before {
  content: "" !important;

  position: absolute !important;

  left: 69% !important;
  top: 28% !important;

  width: 39% !important;
  height: 44% !important;

  transform:
    translateX(-50%) !important;

  border-radius: 999px !important;

  background:
    radial-gradient(
      ellipse at center,
      rgba(86,111,190,.20) 0%,
      rgba(53,73,136,.10) 42%,
      transparent 73%
    ) !important;

  filter: blur(25px) !important;

  z-index: 1 !important;
}


/* model itself */

.ls-held-editorial-rebuild .ls-held-model,
.ls-held-editorial-rebuild .ls-held-hover-female {
  position: absolute !important;

  right: 4% !important;
  bottom: -2px !important;

  width: auto !important;
  height: 85% !important;

  max-width: none !important;
  max-height: none !important;

  object-fit: contain !important;

  z-index: 4 !important;

  transition:
    opacity .45s ease,
    transform .55s cubic-bezier(.22,.61,.36,1) !important;
}


/* male default */

.ls-held-editorial-rebuild .ls-held-model {
  opacity: 1 !important;
}


/* female alternate */

.ls-held-editorial-rebuild .ls-held-hover-female {
  opacity: 0 !important;
}


/* =========================================================
   GENDER HOVER
   ========================================================= */

@media (hover: hover) {

  .ls-held-editorial-rebuild
  .ls-held-card.ls-held-has-female:hover
  .ls-held-model {

    opacity: 0 !important;

    transform:
      translateX(-8px) scale(.985) !important;
  }


  .ls-held-editorial-rebuild
  .ls-held-card.ls-held-has-female:hover
  .ls-held-hover-female {

    opacity: 1 !important;

    transform:
      translateX(0) scale(1) !important;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {

  .ls-held-editorial-rebuild .ls-held-cards {
    grid-template-columns: 1fr !important;
  }

  .ls-held-editorial-rebuild .ls-held-card {
    height: 570px !important;
    min-height: 570px !important;
    max-height: 570px !important;
  }

  .ls-held-editorial-rebuild .ls-held-card-title {
    font-size: 60px !important;
  }

  .ls-held-editorial-rebuild .ls-held-model,
  .ls-held-editorial-rebuild .ls-held-hover-female {
    height: 72% !important;
    right: -2% !important;
  }

  .ls-held-editorial-rebuild .ls-held-card-copy {
    width: 180px !important;
    max-width: 180px !important;
  }

}


/* LOVESOONER HELD EDITORIAL OVERLAP LOCAL END */

/* LOVESOONER HELD EXACT INTRO ALIGN START */


/* ==========================================================
   TOP ROW
   Vertically center both sides against each other.
   ========================================================== */

.ls-held-editorial-rebuild .ls-held-top {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    300px !important;

  column-gap: 32px !important;

  align-items: center !important;

  margin-bottom: 36px !important;
}


/* giant headline side */

.ls-held-editorial-rebuild .ls-held-intro-left {
  align-self: center !important;
}


/* ==========================================================
   RIGHT "THE HELD EXPERIENCE" BLOCK
   ========================================================== */

.ls-held-editorial-rebuild .ls-held-intro-right {
  align-self: center !important;

  justify-self: end !important;

  width: 270px !important;
  max-width: 270px !important;

  /*
    Pull the entire block inward toward
    the MADE TO FEEL LIKE headline.
  */
  margin-right: 72px !important;

  padding:
    5px 0 5px 24px !important;

  border-left:
    1px solid rgba(241,236,228,.18) !important;
}


/* THE HELD EXPERIENCE */

.ls-held-editorial-rebuild
.ls-held-intro-right::before {
  margin-bottom: 18px !important;
}


/* Two weights. One purpose. */

.ls-held-editorial-rebuild
.ls-held-intro-copy {
  margin:
    0 0 26px 0 !important;

  max-width: 240px !important;

  line-height: 1.16 !important;
}


/* EXPLORE HELD */

.ls-held-editorial-rebuild
.ls-held-intro-link {
  margin: 0 !important;

  width: fit-content !important;

  align-self: flex-start !important;
}


/* ==========================================================
   LARGE DESKTOP
   Pull it even closer on very wide screens.
   ========================================================== */

@media (min-width: 1500px) {

  .ls-held-editorial-rebuild .ls-held-top {
    grid-template-columns:
      minmax(0, 1fr)
      290px !important;
  }

  .ls-held-editorial-rebuild .ls-held-intro-right {
    margin-right: 105px !important;
  }

}


/* ==========================================================
   LAPTOP
   ========================================================== */

@media (max-width: 1250px) {

  .ls-held-editorial-rebuild .ls-held-top {
    grid-template-columns:
      minmax(0, 1fr)
      265px !important;

    column-gap: 24px !important;
  }

  .ls-held-editorial-rebuild .ls-held-intro-right {
    width: 250px !important;
    max-width: 250px !important;

    margin-right: 24px !important;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 900px) {

  .ls-held-editorial-rebuild .ls-held-top {
    grid-template-columns: 1fr !important;

    row-gap: 26px !important;

    align-items: start !important;
  }

  .ls-held-editorial-rebuild .ls-held-intro-right {
    justify-self: start !important;

    margin-right: 0 !important;

    width: 260px !important;
    max-width: 260px !important;
  }

}


/* LOVESOONER HELD EXACT INTRO ALIGN END */

/* LOVESOONER STORY EDITORIAL REBUILD START */


/* ==========================================================
   ORIGINAL CONTENT
   Existing HTML remains in the file for easy rollback.
   ========================================================== */

.ls-story-original-hidden {
  display: none !important;
}


/* ==========================================================
   ROOT
   ========================================================== */

.ls-story-editorial {
  --story-red: #a93536;
  --story-cream: #f3ede3;
  --story-ink: #171512;
  --story-muted: rgba(23,21,18,.62);

  background: var(--story-cream);
  color: var(--story-ink);

  padding: 70px 0 0;
  overflow: hidden;
}

.ls-story-editorial > * {
  width: min(1360px, calc(100% - 72px));
  margin-left: auto;
  margin-right: auto;
}


/* ==========================================================
   SHARED TYPE
   ========================================================== */

.ls-story-eyebrow {
  margin: 0 0 22px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;

  letter-spacing: .23em;
  text-transform: uppercase;

  color: rgba(23,21,18,.53);
}

.ls-story-eyebrow--red {
  color: var(--story-red);
}

.ls-story-display {
  margin: 0;
  max-width: 610px;

  font-family:
    "Bodoni 72",
    Didot,
    "Bodoni MT",
    Georgia,
    "Times New Roman",
    serif;

  font-size: clamp(48px, 4.5vw, 72px);
  font-weight: 400;

  line-height: .91;
  letter-spacing: -.047em;
}

.ls-story-display span {
  color: var(--story-red);
}

.ls-story-body {
  max-width: 500px;

  margin: 31px 0 0;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;

  line-height: 1.6;

  color: var(--story-muted);
}

.ls-story-body--quiet {
  margin-top: 16px;
  color: rgba(23,21,18,.45);
}


/* ==========================================================
   01 — WHY WE EXIST / OUR MISSION
   ========================================================== */

.ls-story-spread {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  column-gap: 88px;

  padding: 52px 0 82px;

  border-top:
    1px solid rgba(23,21,18,.13);

  border-bottom:
    1px solid rgba(23,21,18,.13);
}

.ls-story-column {
  min-width: 0;
}

.ls-story-manifesto {
  max-width: 470px;

  margin-top: 32px;
  padding-top: 17px;

  border-top:
    1px solid rgba(23,21,18,.13);

  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 700;

  line-height: 1.9;
  letter-spacing: .11em;
}


/* ==========================================================
   02 — HOW WE MOVE
   Full-width campaign moment.
   ========================================================== */

.ls-story-movement {
  width: 100% !important;
  max-width: none !important;

  padding:
    65px max(36px, calc((100vw - 1360px) / 2))
    72px;

  background: #080808;
  color: #f3eee6;
}

.ls-story-movement-head {
  display: flex;

  align-items: flex-end;
  justify-content: space-between;

  gap: 42px;

  margin-bottom: 40px;
}

.ls-story-movement-head h2 {
  margin: 0;

  font-family:
    "Bodoni 72",
    Didot,
    "Bodoni MT",
    Georgia,
    serif;

  font-size: clamp(58px, 6vw, 92px);
  font-weight: 400;

  line-height: .87;
  letter-spacing: -.052em;
}

.ls-story-movement-head h2 span {
  color: var(--story-red);
}

.ls-story-movement-head p {
  max-width: 260px;

  margin: 0 0 7px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;

  line-height: 1.5;

  color: rgba(243,238,230,.47);
}


/* ACTION RUNWAY */

.ls-story-actions {
  display: flex;
  flex-direction: column;

  border-top:
    1px solid rgba(255,255,255,.13);
}

.ls-story-actions button {
  appearance: none;

  width: 100%;

  margin: 0;
  padding: 15px 0;

  border: 0;

  border-bottom:
    1px solid rgba(255,255,255,.10);

  background: transparent;

  text-align: left;

  cursor: pointer;

  font-family:
    "Bodoni 72",
    Didot,
    "Bodoni MT",
    Georgia,
    serif;

  font-size: clamp(27px, 3vw, 46px);
  font-weight: 400;

  line-height: 1;
  letter-spacing: -.025em;

  color: rgba(243,238,230,.82);

  transition:
    color .28s ease,
    opacity .28s ease,
    transform .35s cubic-bezier(.22,.61,.36,1);
}

@media (hover:hover) {

  .ls-story-actions.is-engaged button {
    opacity: .24;
  }

  .ls-story-actions.is-engaged button.is-active {
    opacity: 1;
    color: var(--story-red);

    transform:
      translateX(18px);
  }

}


/* ==========================================================
   03 — PROMISE / IMPACT SYSTEM
   ========================================================== */

.ls-story-promise {
  padding: 80px 0 86px;
}

.ls-story-promise-head {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(320px, .62fr);

  gap: 68px;

  align-items: end;

  margin-bottom: 50px;
}

.ls-story-promise-head h2 {
  max-width: 700px;

  margin: 0;

  font-family:
    "Bodoni 72",
    Didot,
    "Bodoni MT",
    Georgia,
    serif;

  font-size: clamp(52px, 5vw, 78px);
  font-weight: 400;

  line-height: .89;
  letter-spacing: -.046em;
}

.ls-story-promise-head h2 span {
  color: var(--story-red);
}

.ls-story-promise-head > p {
  max-width: 430px;

  margin: 0;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;

  line-height: 1.6;

  color: var(--story-muted);
}


/* PROMISE TIMELINE — NO BOXES */

.ls-story-timeline {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  border-top:
    1px solid rgba(23,21,18,.17);

  border-bottom:
    1px solid rgba(23,21,18,.17);
}

.ls-story-timeline button {
  position: relative;

  appearance: none;

  margin: 0;
  padding: 23px 22px 22px 0;

  border: 0;

  background: transparent;

  text-align: left;
  cursor: pointer;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 700;

  line-height: 1.3;
  letter-spacing: .10em;

  color: rgba(23,21,18,.40);

  transition:
    color .28s ease;
}

.ls-story-timeline button span {
  display: block;

  margin-bottom: 10px;

  font-size: 9px;

  color: var(--story-red);
}

.ls-story-timeline button::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: -1px;

  width: 100%;
  height: 2px;

  background: var(--story-red);

  transform:
    scaleX(0);

  transform-origin:
    left center;

  transition:
    transform .35s cubic-bezier(.22,.61,.36,1);
}

.ls-story-timeline button.is-active {
  color: var(--story-ink);
}

.ls-story-timeline button.is-active::after {
  transform: scaleX(1);
}


/* ONE DESCRIPTION — CHANGES BASED ON STEP */

.ls-story-timeline-detail {
  display: grid;

  grid-template-columns:
    78px minmax(0, 1fr);

  gap: 27px;

  max-width: 650px;

  padding-top: 33px;
}

.ls-story-detail-number {
  font-family:
    "Bodoni 72",
    Didot,
    Georgia,
    serif;

  font-size: 41px;
  line-height: 1;

  color: var(--story-red);
}

.ls-story-timeline-detail strong {
  display: block;

  margin-bottom: 8px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;

  letter-spacing: .13em;
}

.ls-story-timeline-detail p {
  margin: 0;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;

  line-height: 1.55;

  color: var(--story-muted);
}


/* ==========================================================
   04 — IMPACT FINALE
   ========================================================== */

.ls-story-impact {
  width: 100% !important;
  max-width: none !important;

  display: grid;

  grid-template-columns:
    minmax(0, 1.18fr)
    minmax(300px, .62fr);

  align-items: center;

  gap: 72px;

  padding:
    72px max(36px, calc((100vw - 1360px) / 2));

  background: #080808;
  color: #f3eee6;
}

.ls-story-impact h2 {
  max-width: 820px;

  margin: 0;

  font-family:
    "Bodoni 72",
    Didot,
    "Bodoni MT",
    Georgia,
    serif;

  font-size: clamp(53px, 5.4vw, 83px);
  font-weight: 400;

  line-height: .88;
  letter-spacing: -.05em;
}

.ls-story-impact h2 span {
  color: var(--story-red);
}

.ls-story-impact-side {
  padding-left: 28px;

  border-left:
    1px solid rgba(255,255,255,.14);
}

.ls-story-impact-side p {
  max-width: 335px;

  margin: 0 0 28px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;

  line-height: 1.6;

  color: rgba(243,238,230,.55);
}

.ls-story-impact-side a {
  display: inline-flex;

  align-items: center;

  gap: 14px;

  padding-bottom: 7px;

  border-bottom:
    1px solid rgba(243,238,230,.48);

  color: #f3eee6;

  text-decoration: none;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: 700;

  letter-spacing: .16em;

  transition:
    gap .3s ease;
}

@media (hover:hover) {

  .ls-story-impact-side a:hover {
    gap: 22px;
  }

}


/* ==========================================================
   SCROLL REVEAL
   ========================================================== */

.ls-story-reveal {
  opacity: 0;

  transform:
    translateY(15px);

  transition:
    opacity .72s ease,
    transform .72s cubic-bezier(.22,.61,.36,1);
}

.ls-story-reveal.is-visible {
  opacity: 1;

  transform:
    translateY(0);
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 950px) {

  .ls-story-spread,
  .ls-story-promise-head,
  .ls-story-impact {
    grid-template-columns:
      1fr;
  }

  .ls-story-spread {
    row-gap: 64px;
  }

  .ls-story-timeline {
    grid-template-columns:
      repeat(2, 1fr);
  }

  .ls-story-impact-side {
    padding:
      26px 0 0;

    border-left: 0;

    border-top:
      1px solid rgba(255,255,255,.14);
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 650px) {

  .ls-story-editorial {
    padding-top: 42px;
  }

  .ls-story-editorial > * {
    width: calc(100% - 32px);
  }

  .ls-story-movement,
  .ls-story-impact {
    width: 100% !important;

    padding-left: 20px;
    padding-right: 20px;
  }

  .ls-story-spread {
    padding:
      35px 0 52px;
  }

  .ls-story-movement-head {
    display: block;
  }

  .ls-story-movement-head p {
    margin-top: 22px;
  }

  .ls-story-timeline {
    grid-template-columns:
      1fr;
  }

  .ls-story-timeline button {
    border-bottom:
      1px solid rgba(23,21,18,.10);
  }

  .ls-story-timeline-detail {
    grid-template-columns:
      54px 1fr;
  }

}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

  .ls-story-reveal {
    opacity: 1;

    transform: none;

    transition: none;
  }

  .ls-story-actions button,
  .ls-story-impact-side a,
  .ls-story-timeline button::after {
    transition: none;
  }

}


/* LOVESOONER STORY EDITORIAL REBUILD END */

/* LOVESOONER HELD DEEP CLEAN BASELINE START */

/*
   HELD DEEP now follows the same clean composition
   as HELD SOFT.

   No glow.
   No cursor effect.
   No image wrappers.
   No special background treatment.
*/

.ls-held-editorial-rebuild #held-deep {
  position: relative !important;
  overflow: hidden !important;
}


/* restore the normal model stage */

.ls-held-editorial-rebuild
#held-deep
.ls-held-model-panel {

  position: absolute !important;

  inset: 0 !important;

  z-index: 3 !important;

  overflow: hidden !important;

  pointer-events: none !important;

  background: transparent !important;
}


/* remove any pseudo-light left from earlier passes */

.ls-held-editorial-rebuild
#held-deep
.ls-held-model-panel::before,
.ls-held-editorial-rebuild
#held-deep
.ls-held-model-panel::after,
.ls-held-editorial-rebuild
#held-deep::before,
.ls-held-editorial-rebuild
#held-deep::after {

  content: none !important;
  display: none !important;
}


/*
   New duo image:
   same floating editorial treatment as SOFT,
   but slightly smaller because there are two people.
*/

.ls-held-editorial-rebuild
#held-deep
.ls-held-model {

  position: absolute !important;

  right: 2% !important;
  bottom: -2px !important;

  width: auto !important;
  height: 79% !important;

  max-width: none !important;
  max-height: none !important;

  object-fit: contain !important;
  object-position: center bottom !important;

  margin: 0 !important;

  transform: none !important;

  filter:
    drop-shadow(
      0 18px 28px rgba(0,0,0,.28)
    ) !important;

  pointer-events: none !important;

  z-index: 4 !important;
}


/* copy behaves exactly like a clean editorial overlay */

.ls-held-editorial-rebuild
#held-deep
.ls-held-copy-panel {

  position: absolute !important;

  inset: 0 !important;

  width: 100% !important;

  z-index: 6 !important;

  pointer-events: none !important;
}


.ls-held-editorial-rebuild
#held-deep
.ls-held-shop-link {

  pointer-events: auto !important;
}


/* tablet */

@media (max-width: 1100px) {

  .ls-held-editorial-rebuild
  #held-deep
  .ls-held-model {

    height: 75% !important;
    right: 1% !important;
  }

}


/* mobile */

@media (max-width: 760px) {

  .ls-held-editorial-rebuild
  #held-deep
  .ls-held-model {

    height: 68% !important;
    right: -4% !important;
  }

}

/* LOVESOONER HELD DEEP CLEAN BASELINE END */

/* LOVESOONER HELD DEFINITIVE POINTER LIGHT START */


/*
  HELD DEEP interaction layer only.
  No model, typography or card geometry changes.
*/

.ls-held-editorial-rebuild
#held-deep {

  position: relative !important;

  isolation: isolate !important;

  overflow: hidden !important;
}


/*
  Softer LOVESOONER red cursor bloom.
*/

.ls-held-editorial-rebuild
#held-deep
.ls-held-deep-pointer-glow {

  position: absolute !important;

  left: 68%;
  top: 52%;

  width: 290px !important;
  height: 290px !important;

  margin-left: -145px !important;
  margin-top: -145px !important;

  border-radius: 50% !important;

  z-index: 3 !important;

  pointer-events: none !important;

  opacity: 0 !important;

  background:
    radial-gradient(
      circle,

      rgba(169,53,54,.34) 0%,

      rgba(155,41,43,.25) 18%,

      rgba(127,24,31,.14) 37%,

      rgba(92,13,22,.065) 54%,

      rgba(61,7,15,.025) 66%,

      transparent 77%
    ) !important;

  filter:
    blur(24px) !important;

  mix-blend-mode:
    screen !important;

  transform:
    translateZ(0) scale(.94) !important;

  transition:
    opacity .32s ease,
    transform .38s cubic-bezier(.22,.61,.36,1) !important;

  will-change:
    left,
    top,
    opacity !important;
}


/*
  Elegant fade/expansion when active.
*/

.ls-held-editorial-rebuild
#held-deep.ls-held-pointer-active
.ls-held-deep-pointer-glow {

  opacity: .86 !important;

  transform:
    translateZ(0) scale(1) !important;
}


/*
  Keep the existing duo above the light.
  IMPORTANT: no dimensions or transforms here.
*/

.ls-held-editorial-rebuild
#held-deep
.ls-held-model-panel {

  z-index: 4 !important;
}


.ls-held-editorial-rebuild
#held-deep
.ls-held-model {

  z-index: 5 !important;

  pointer-events: none !important;
}


/*
  Copy remains above the effect.
*/

.ls-held-editorial-rebuild
#held-deep
.ls-held-copy-panel {

  z-index: 7 !important;
}


/*
  Accessibility.
*/

@media (prefers-reduced-motion: reduce) {

  .ls-held-editorial-rebuild
  #held-deep
  .ls-held-deep-pointer-glow {

    transition: none !important;
  }

}


/* LOVESOONER HELD DEFINITIVE POINTER LIGHT END */

/* LOVESOONER LIVE DEPLOY STAMP: 20260821-131715 */