/* Production homepage layout reconstructed from the Glowhiz H5 handoff visuals. */
.home-page {
  --content: 1280px;
  --wrap: min(var(--content), calc(100% - 10vw));
  --page: #f5f2ec;
  --paper: #faf8f4;
  --ink: #252722;
  --muted: #817c73;
  --rust: #a87558;
  --line: #d7d1c8;
  font: 15px/1.72 "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: var(--page);
  color: var(--ink);
}
.home-page html { scroll-padding-top: 76px; }
.home-page h1, .home-page h2, .home-page h3 { margin-top: 0; color: var(--ink); font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.045em; line-height: 1.04; }
.home-page h1 em, .home-page h2 em, .home-page h3 em { color: inherit; font-weight: 400; }
.home-page p { margin-top: 0; }
.home-page a:hover { color: var(--rust); }
.home-page :focus-visible { outline: 2px solid #a87558; outline-offset: 4px; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; clip-path: inset(50%); }

.announcement-bar { position: relative; z-index: 35; height: 28px; display: flex; align-items: center; justify-content: center; gap: 12px; background: #e7e1d6; color: #282823; font-size: 9px; font-weight: 650; letter-spacing: .16em; line-height: 1; text-transform: uppercase; }
.announcement-bar__dot { color: #bc7955; font-size: 13px; }
.home-header { position: absolute; z-index: 40; top: 28px; right: 0; left: 0; min-height: 72px; color: #fff; transition: background .25s,color .25s,box-shadow .25s; }
.home-header.is-scrolled { position: fixed; top: 0; color: #25251f; background: rgba(247,244,239,.97); box-shadow: 0 1px 0 rgba(68,60,48,.12); backdrop-filter: blur(14px); }
.home-header__inner { width: var(--wrap); min-height: 72px; margin: 0 auto; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 32px; }
.wordmark { justify-self: start; color: inherit; font: 650 20px/1 "Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing: .22em; text-decoration: none; }
.wordmark:hover { color: inherit !important; }
.wordmark span { display: inline-block; margin-left: 4px; color: #dd8b59; font-size: 17px; vertical-align: top; }
.desktop-nav { display: flex; align-items: center; gap: clamp(22px,2.5vw,38px); }
.desktop-nav a { color: inherit; font-size: 10px; font-weight: 700; letter-spacing: .095em; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.desktop-nav a:hover { color: inherit; opacity: .68; }
.menu-toggle, .mobile-menu { display: none; }

.hero-video { position: relative; min-height: max(720px,calc(100svh - 28px)); overflow: hidden; display: flex; align-items: center; background: #302820; color: #fff; }
.hero-video__media, .hero-video__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero-video__media { object-fit: cover; object-position: center 48%; }
.hero-video__shade { background: linear-gradient(90deg,rgba(23,20,17,.62) 0%,rgba(23,20,17,.36) 42%,rgba(23,20,17,.08) 100%),linear-gradient(0deg,rgba(23,20,17,.4),transparent 38%); }
.hero-video__content { position: relative; z-index: 2; width: min(1177px,83%); margin: 22px auto 0; padding-bottom: 8px; }
.home-page .hero-video .eyebrow { margin-bottom: 27px; color: #fff; font-size: 10px; font-weight: 700; letter-spacing: .22em; }
.hero-video h1 { max-width: 860px; margin: 0; color: #fff; font-size: clamp(58px,6.2vw,90px); letter-spacing: -.029em; line-height: 1.055; }
.hero-video h1 em { color: #fff !important; }
.hero-video__description { max-width: 460px; margin: 29px 0 0; color: rgba(255,255,255,.9); font-size: 14px; line-height: 1.8; }
.hero-actions { display: flex; align-items: center; gap: 10px; margin-top: 28px; }
.hero-text-link { min-height: 52px; display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 24px; border: 1px solid rgba(255,255,255,.72); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; }
.hero-text-link:hover { color: #fff !important; background: rgba(255,255,255,.12); }
.scroll-cue { position: absolute; z-index: 2; right: max(5vw,calc((100vw - var(--content))/2)); bottom: 74px; left: max(8.7vw,calc((100vw - 1177px)/2)); display: flex; align-items: center; gap: 14px; color: rgba(255,255,255,.8); font-size: 9px; letter-spacing: .16em; text-transform: uppercase; }
.scroll-cue__line { width: 44px; height: 1px; margin-left: auto; background: rgba(255,255,255,.65); }

.section-pad { padding: 105px max(5vw,calc((100vw - var(--content))/2)); }
.brand-film { background: var(--page); }
.brand-film__grid { width: var(--wrap); margin: 0 auto; display: grid; grid-template-columns: 1.27fr .88fr; align-items: center; column-gap: clamp(54px,6vw,86px); }
.film-player { position: relative; grid-column: 1; grid-row: 1; min-width: 0; overflow: hidden; background: #1d211e; color: #fff; }
.film-player video { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.film-player__controls { position: relative; min-height: 62px; display: flex; align-items: center; gap: 15px; padding: 0 19px; background: #252823; color: #e8e4dc; }
.film-player__dot { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: #dbd7b0; }
.film-player__label { font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.film-player__time { color: #bdb8ae; font-size: 11px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.film-player__spacer { flex: 1 1 auto; }
.film-control { min-height: 34px; padding: 0 10px; border: 0; background: transparent; color: #fff; cursor: pointer; font-size: 11px; white-space: nowrap; }
.film-control:hover { color: #d3b398; }
.film-progress { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; width: 100%; height: 2px; appearance: none; border: 0; background: transparent; }
.film-progress::-webkit-progress-bar { background: transparent; }
.film-progress::-webkit-progress-value { background: #d4c89a; }
.film-progress::-moz-progress-bar { background: #d4c89a; }
.brand-film__copy { grid-column: 2; grid-row: 1; align-self: center; }
.home-page .brand-film__copy .eyebrow { margin-bottom: 23px; color: #7a746a; font-size: 9px; letter-spacing: .2em; }
.brand-film__copy h2 { margin: 0 0 25px; font-size: clamp(55px,4.65vw,67px); letter-spacing: -.05em; line-height: 1.04; }
.brand-film__copy h2 em { font-style: italic; }
.brand-film__description { max-width: 390px; margin: 0 0 23px; color: #827c72; font: 20px/1.65 Georgia,"Times New Roman",serif; }
.brand-film__meta { margin: 0 0 34px; color: #8e877b; font-size: 9px; letter-spacing: .18em; text-transform: uppercase; }
.brand-film__footnote { max-width: 450px; margin: 0; color: #9d968a; font-size: 10px; line-height: 1.8; }
.brand-film__footnote em { color: #9a9285; font: italic 14px/1.6 Georgia,"Times New Roman",serif; }

.editorial-story { width: 100%; min-height: 0; margin: 0; padding: clamp(72px,10vw,150px) clamp(20px,5vw,80px); display: block; background: var(--page); }
.editorial-story__inner { width: 100%; max-width: 1380px; margin: 0 auto; display: grid; grid-template-columns: minmax(0,1.04fr) minmax(300px,.96fr); align-items: center; gap: clamp(34px,7vw,110px); }
.editorial-story__media { min-width: 0; margin: 0; aspect-ratio: 4/3; overflow: hidden; background: #e7ded3; box-shadow: 0 24px 50px -30px rgba(37,39,33,.32); }
.editorial-story__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.editorial-story__copy { max-width: 520px; padding: 0; }
.home-page .editorial-story__copy .eyebrow { margin-bottom: 5px; color: #282823; font-size: 9px; font-weight: 700; letter-spacing: .2em; }
.editorial-story__copy > p:not(.eyebrow) { max-width: 430px; margin: 0 0 30px; color: #67635a; font: 400 clamp(16px,1.4vw,20px)/1.65 Georgia,"Times New Roman",serif; }
.line-link { min-height: 50px; display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; padding: 0 24px; border: 1px solid #b6b0a6; color: #272823; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.line-link span { font-size: 16px; font-weight: 400; }
.line-link:hover { border-color: #272823; color: #272823 !important; }

.body-glance { width: 100%; min-height: 737px; padding: 80px max(5vw,calc((100vw - var(--content))/2)); display: grid; grid-template-columns: 1.1fr .86fr; align-items: center; gap: clamp(60px,7vw,100px); background: var(--page); }
.body-glance__visual { width: 100%; aspect-ratio: 4/3; object-fit: contain; }
.body-glance__copy { max-width: 500px; }
.home-page .body-glance__copy .eyebrow { margin-bottom: 19px; font-size: 9px; font-weight: 700; letter-spacing: .2em; }
.body-glance h2 { margin: 0 0 26px; font-size: clamp(60px,5.05vw,73px); line-height: 1.04; }
.body-glance__copy > p:not(.eyebrow) { margin: 0 0 24px; color: #6f6a61; font: 20px/1.65 Georgia,"Times New Roman",serif; }
.metric-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; border: 0; }
.metric-row span { padding: 8px 14px; border: 1px solid #ddd5ca; border-radius: 24px; color: #5f5c54; font-size: 9px; letter-spacing: .12em; line-height: 1.2; text-transform: uppercase; }
.intro-panel { min-height: 511px; padding: 112px 24px 92px; text-align: center; background: var(--paper); }
.home-page .intro-panel .eyebrow { margin-bottom: 25px; font-size: 9px; font-weight: 700; letter-spacing: .22em; }
.intro-panel h2 { max-width: 1040px; margin: 0 auto 25px; font-size: clamp(62px,5.05vw,73px); line-height: 1.15; }
.intro-panel > p:last-child { max-width: 640px; margin: 0 auto; color: #79746b; font-size: 14px; line-height: 1.85; }

.experience { background: #efebe4; }
.section-heading--center { max-width: 900px; margin: 0 auto 48px; text-align: center; }
.home-page .section-heading .eyebrow { position: relative; margin-bottom: 26px; font-size: 9px; font-weight: 700; letter-spacing: .22em; }
.home-page .section-heading .eyebrow::before, .signal-heading .eyebrow::before, .faq-heading .eyebrow::before { display: inline-block; width: 22px; height: 1px; margin: 0 12px 3px 0; background: currentColor; content: ""; opacity: .65; }
.section-heading h2 { margin: 0 auto 22px; font-size: clamp(67px,5.5vw,79px); line-height: 1.11; }
.section-heading h2 em { font-style: italic; }
.section-heading > p:last-child { max-width: 570px; margin: 0 auto; color: #78736a; font-size: 14px; line-height: 1.75; }
.experience-tabs { width: min(940px,100%); margin: 55px auto 38px; display: grid; grid-template-columns: repeat(3,1fr); border-bottom: 1px solid #cfc8bd; }
.experience-tab, .daily-tab { position: relative; min-height: 52px; border: 0; background: transparent; color: #888278; cursor: pointer; font: 700 11px/1 "Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.experience-tab::after, .daily-tab::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: transparent; content: ""; }
.experience-tab.is-active, .experience-tab:hover, .daily-tab.is-active { color: #272823; }
.experience-tab.is-active::after, .daily-tab.is-active::after { background: #272823; }
.feature-panel { width: min(1180px,100%); min-height: 620px; margin: 0 auto; display: grid; grid-template-columns: 620px minmax(0,1fr); background: var(--paper); color: var(--ink); }
.feature-panel__visual { position: relative; width: 100%; aspect-ratio: 1; overflow: hidden; background: #e6e0d8; }
.feature-panel__background { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.feature-panel__screen { position: absolute; top: 8%; left: 43.2%; width: 49.7%; height: 84%; object-fit: contain; object-position: center; filter: drop-shadow(0 12px 22px rgba(33,28,24,.09)); }
.feature-panel__copy { align-self: center; padding: 48px clamp(36px,5.8vw,83px); }
.home-page .feature-panel__copy .eyebrow { margin-bottom: 21px; color: #a17c61; font-size: 9px; letter-spacing: .2em; }
.feature-panel__copy h3 { margin: 0 0 22px; font-size: clamp(58px,4.7vw,68px); letter-spacing: -.05em; line-height: 1.12; }
.feature-panel__copy h3 em { font-style: italic; }
.feature-panel__copy > p:not(.eyebrow) { margin: 0 0 28px; color: #777268; font-size: 13px; line-height: 1.8; }
.feature-panel__copy .line-link { min-height: 42px; padding: 0 0 6px; border: 0; border-bottom: 1px solid #272823; }
.feature-panel__note { max-width: 1180px; margin: 14px auto 0; color: #8c857a; font-size: 9px; letter-spacing: .13em; text-align: right; text-transform: uppercase; }

.trust-strip { padding: 100px max(5vw,calc((100vw - var(--content))/2)); display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 30px; background: var(--page); }
.trust-item { min-height: 282px; padding: 37px 32px 29px; border: 1px solid #e4ddd3; border-radius: 24px; background: #fffdfa; box-shadow: 0 14px 22px rgba(41,35,26,.06); }
.trust-item svg { width: 39px; height: 39px; margin-bottom: 41px; fill: none; stroke: #292a25; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.35; }
.trust-item h3 { margin: 0 0 11px; font-size: 25px; letter-spacing: -.035em; line-height: 1.12; }
.trust-item p { max-width: 245px; margin: 0; color: #7b766e; font-size: 13px; line-height: 1.55; }

.why-section { background: var(--paper); }
.why-section .section-heading { margin-bottom: 66px; }
.why-section .section-heading h2 { max-width: 950px; font-size: clamp(68px,5.25vw,76px); }
.why-section .section-heading h2 em { font-style: italic; }
.problem-grid { width: min(1180px,100%); margin: 0 auto; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 19px; }
.problem-card { min-width: 0; background: transparent; }
.problem-card img { width: 100%; aspect-ratio: .98; object-fit: cover; }
.problem-card > div { padding: 17px 0 0; }
.home-page .problem-card .eyebrow { margin-bottom: 11px; color: #a17c61; font-size: 9px; letter-spacing: .2em; }
.problem-card h3 { min-height: 2.2em; margin: 0 0 10px; font-size: 30px; letter-spacing: -.04em; line-height: 1.2; }
.problem-card h3 em { font-style: italic; }
.problem-card div > p:last-child { max-width: 350px; margin: 0; color: #7c766d; font-size: 13px; line-height: 1.7; }

.daily-section { padding: 99px 0 110px; background: #ede8df; }
.daily-shell { width: var(--wrap); margin: 0 auto; }
.daily-heading { display: grid; grid-template-columns: minmax(0,1fr) 250px; grid-template-rows: auto auto; align-items: end; column-gap: 55px; }
.home-page .daily-heading .eyebrow { grid-column: 1/-1; margin-bottom: 18px; color: #272823; font-size: 9px; font-weight: 700; letter-spacing: .22em; }
.daily-heading h2 { grid-column: 1; margin: 0; font-size: clamp(70px,5.45vw,79px); letter-spacing: -.05em; white-space: nowrap; }
.daily-heading h2 em { font-style: italic; }
.daily-heading > p:last-child { grid-column: 2; grid-row: 2; align-self: center; margin: 0; color: #7c766e; font-size: 13px; line-height: 1.75; }
.daily-tabs { margin: 42px 0 22px; display: flex; align-items: center; gap: 24px; border-top: 1px solid #cfc8bd; }
.daily-tab { min-height: 48px; padding: 0; font-size: 9px; letter-spacing: .13em; }
.daily-tab::after { bottom: 0; }
.daily-panel { display: grid; grid-template-columns: 1.18fr .82fr; min-height: 500px; background: var(--paper); }
.daily-panel > img { width: 100%; height: 500px; object-fit: cover; }
.daily-panel__copy { align-self: center; max-width: 540px; padding: 55px; }
.home-page .daily-panel__copy .eyebrow { margin-bottom: 21px; color: #a17c61; font-size: 9px; letter-spacing: .2em; }
.daily-panel__copy h3 { margin: 0 0 23px; font-size: clamp(51px,4.2vw,61px); letter-spacing: -.05em; line-height: 1.12; }
.daily-panel__copy h3 em { font-style: italic; }
.daily-panel__copy > p:not(.eyebrow) { margin: 0; color: #7a756c; font-size: 13px; line-height: 1.8; }
.daily-dots { display: flex; gap: 5px; margin-top: 34px; }
.daily-dots span { width: 26px; height: 2px; background: #ddd7cf; }
.daily-dots span.is-current { background: #a87558; }

.signal-collage { padding: 100px max(5vw,calc((100vw - var(--content))/2)) 112px; background: #f8f5ee; }
.signal-heading { margin: 0 0 36px; display: grid; grid-template-columns: 1.3fr .6fr; align-items: end; gap: 70px; }
.home-page .signal-heading .eyebrow { margin-bottom: 18px; font-size: 9px; font-weight: 700; letter-spacing: .22em; }
.signal-heading h2 { max-width: 760px; margin: 0; font-size: clamp(64px,5.05vw,73px); line-height: 1.04; }
.signal-heading h2 em { font-style: italic; }
.signal-heading > p { max-width: 330px; margin: 0 0 4px; color: #7b766e; font-size: 13px; line-height: 1.8; }
.signal-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.signal-card { min-width: 0; background: #fffdfa; border: 1px solid #e6dfd5; }
.signal-card img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.signal-card > div { min-height: 155px; padding: 21px 22px 23px; }
.home-page .signal-card .eyebrow { margin-bottom: 11px; color: #a17c61; font-size: 9px; letter-spacing: .2em; }
.signal-card h3 { margin: 0 0 9px; font-size: 27px; letter-spacing: -.04em; line-height: 1.13; }
.signal-card p:last-child { margin: 0; color: #7c766d; font-size: 12px; line-height: 1.65; }

.beyond-section { min-height: 840px; padding: 112px max(5vw,calc((100vw - var(--content))/2)); overflow: hidden; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 80px; background: #faf6f0; color: var(--ink); }
.beyond-section__copy { max-width: 510px; }
.home-page .beyond-section__copy .eyebrow { margin-bottom: 25px; color: #a17c61; font-size: 9px; font-weight: 700; letter-spacing: .2em; }
.beyond-section__copy h2 { margin: 0 0 22px; font-size: clamp(66px,4.9vw,71px); line-height: 1.12; }
.beyond-section__copy h2 em { font-style: italic; }
.beyond-section__copy > p:not(.eyebrow) { max-width: 455px; margin: 0 0 29px; color: #7a756c; font-size: 13px; line-height: 1.85; }
.beyond-section blockquote { margin: 0 0 26px; padding-top: 19px; border-top: 1px solid #ded8ce; color: #8c684f; font: italic 24px/1.35 Georgia,"Times New Roman",serif; }
.beyond-section__product { width: 100%; max-width: 560px; aspect-ratio: .92; justify-self: end; object-fit: cover; }
.beyond-section .line-link { min-height: auto; padding: 0 0 7px; border-width: 0 0 1px; }

.app-section { padding: 100px 0 108px; background: #f2eee7; }
.app-shell { width: var(--wrap); margin: 0 auto; }
.app-heading { margin-bottom: 44px; display: grid; grid-template-columns: 1fr 310px; align-items: end; gap: 80px; }
.home-page .app-heading .eyebrow { margin-bottom: 21px; font-size: 9px; font-weight: 700; letter-spacing: .2em; }
.app-heading h2 { margin: 0; font-size: clamp(67px,4.85vw,70px); line-height: 1.12; }
.app-heading h2 em { font-style: italic; }
.app-heading > p { margin: 0 0 5px; color: #7b766e; font-size: 13px; line-height: 1.8; }
.app-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.app-card { min-width: 0; background: var(--paper); }
.app-card__visual { height: 340px; display: grid; place-items: end center; overflow: hidden; }
.app-card__visual--today { background: #e8ded2; }
.app-card__visual--move { background: #e2e1d8; }
.app-card__visual--journal { background: #eadfd8; }
.app-card__visual img { width: auto; max-width: 62%; height: 306px; object-fit: contain; object-position: bottom; }
.app-card__copy { min-height: 195px; padding: 25px 29px 28px; }
.home-page .app-card .eyebrow { margin-bottom: 12px; color: #a17c61; font-size: 9px; letter-spacing: .2em; }
.app-card h3 { margin: 0 0 10px; font-size: 30px; letter-spacing: -.04em; line-height: 1.15; }
.app-card__copy > p:last-child { max-width: 340px; margin: 0; color: #7c766d; font-size: 12px; line-height: 1.7; }

.wearable-section { min-height: 778px; padding: 120px max(5vw,calc((100vw - var(--content))/2)); background: #2a2926; color: #f8f2e9; }
.wearable-section__inner { width: 100%; max-width: 1280px; min-height: 538px; margin: auto; display: grid; grid-template-columns: .77fr 1.23fr; align-items: center; gap: 70px; }
.home-page .wearable-section__copy .eyebrow { margin-bottom: 25px; color: #a77857; font-size: 9px; font-weight: 700; letter-spacing: .22em; }
.wearable-section__copy h2 { margin: 0 0 24px; color: #f8f2e9; font-size: clamp(60px,5.05vw,73px); letter-spacing: -.05em; line-height: 1.04; }
.wearable-section__copy > p:last-child { max-width: 450px; margin: 0; color: #d5cec4; font: 20px/1.65 Georgia,"Times New Roman",serif; }
.wearable-section__inner > img { width: 100%; aspect-ratio: 3/2; object-fit: cover; }

.product-section { background: #f8f5ee; }
.product-grid { width: min(1180px,100%); margin: 0 auto; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: clamp(70px,8vw,115px); }
.product-visual { width: 100%; height: auto; aspect-ratio: .843; object-fit: cover; }
.product-copy { max-width: 400px; }
.home-page .product-copy .eyebrow { margin-bottom: 29px; font-size: 9px; font-weight: 700; letter-spacing: .2em; }
.product-copy h2 { margin: 0 0 24px; font-size: clamp(70px,5.35vw,78px); line-height: 1.12; }
.product-copy h2 em { font-style: italic; }
.product-copy > p:not(.eyebrow):not(.wellness-note) { margin: 0 0 27px; color: #7a756c; font-size: 13px; line-height: 1.8; }
.product-points { margin: 0 0 27px; padding: 0; border-top: 1px solid #d9d2c8; list-style: none; }
.product-points li { padding: 11px 0; border-bottom: 1px solid #d9d2c8; font-size: 12px; line-height: 1.4; }
.product-points li::before { margin-right: 14px; color: #b87954; content: "+"; }
.wellness-note { margin: 21px 0 0; color: #8b857b; font-size: 10px; line-height: 1.65; }

.purchase-visuals { padding: 0 0 120px; background: #eee9e1; }
.purchase-visuals__grid { width: var(--wrap); margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.purchase-card { min-width: 0; background: #faf8f4; }
.purchase-card > img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.purchase-card__copy { min-height: 210px; padding: 20px 24px 23px; display: grid; grid-template-columns: 1.1fr .9fr; align-items: end; gap: 25px; }
.home-page .purchase-card .eyebrow { margin-bottom: 12px; color: #a17c61; font-size: 9px; font-weight: 700; letter-spacing: .2em; }
.purchase-card h3 { margin: 0; font-size: clamp(36px,3vw,44px); letter-spacing: -.045em; line-height: 1.04; }
.purchase-card__copy > p { margin: 0 0 5px; color: #7c766d; font-size: 12px; line-height: 1.7; }

.faq-section { display: grid; grid-template-columns: .65fr 1.35fr; align-items: start; gap: clamp(80px,9vw,130px); background: #ece8e0; }
.faq-heading { padding: 4px 0 0 40px; }
.home-page .faq-heading .eyebrow { margin-bottom: 24px; font-size: 9px; font-weight: 700; letter-spacing: .22em; }
.faq-heading h2 { margin: 0 0 22px; font-size: clamp(78px,6.25vw,90px); line-height: 1.06; }
.faq-heading h2 em { font-style: italic; }
.faq-heading > p:last-child { max-width: 260px; margin: 0; color: #7a756c; font-size: 13px; line-height: 1.8; }
.faq-list details { border-top: 1px solid #cec8be; }
.faq-list details:last-child { border-bottom: 1px solid #cec8be; }
.faq-list summary { position: relative; min-height: 72px; display: flex; align-items: center; padding: 17px 42px 17px 4px; cursor: pointer; color: #292a25; font: 700 13px/1.45 "Helvetica Neue",Helvetica,Arial,sans-serif; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { position: absolute; top: 50%; right: 7px; transform: translateY(-50%); color: #262722; font: 300 23px/1 "Helvetica Neue",Helvetica,Arial,sans-serif; content: "+"; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details > p { max-width: 740px; margin: 0; padding: 0 44px 22px 4px; color: #716d65; font-size: 13px; line-height: 1.75; }

.closing-cta { min-height: 654px; padding: 70px 5vw; display: grid; place-items: center; background: linear-gradient(90deg,rgba(37,42,38,.97) 0%,rgba(37,42,38,.91) 43%,rgba(37,42,38,.62) 100%),linear-gradient(0deg,rgba(37,42,38,.44),rgba(37,42,38,.44)),url("/assets/h5/editorial/13-brighter-you-clean.png") center 48%/cover no-repeat; color: #fbf8f2; text-align: center; }
.closing-cta__copy { width: 100%; }
.home-page .closing-cta .eyebrow { margin-bottom: 27px; color: #d9b197; font-size: 9px; font-weight: 700; letter-spacing: .24em; }
.closing-cta h2 { margin: 0 auto 18px; color: #fbf8f2; font-size: clamp(85px,9.1vw,132px); letter-spacing: -.055em; line-height: 1.02; }
.closing-cta h2 em { font-style: italic; }
.closing-cta p:not(.eyebrow) { margin: 0; color: #d7d3cc; font-size: 13px; }

.site-footer.home-footer { width: 100%; min-height: 122px; margin: 0; padding: 27px max(5vw,calc((100vw - var(--content))/2)); display: flex; align-items: center; justify-content: space-between; gap: 30px; border: 0; background: #252a26; color: #eee9df; font-size: inherit; }
.home-footer__brand { max-width: 600px; }
.home-footer__brand .wordmark { margin-bottom: 12px; color: #fff; }
.home-footer__brand p { margin: 4px 0 0; color: #a9aaa3; font-size: 9px; line-height: 1.5; }
.home-footer__brand p a { color: inherit; }
.home-footer__nav { max-width: 630px; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 11px 23px; }
.home-footer__nav a { color: #c2c1ba; font-size: 9px; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.home-footer__nav a:hover { color: #fff; }
.menu-open { overflow: hidden; }

/* Review and company pages keep their existing page layout. */
.site-header:not(.home-header), .site-footer:not(.home-footer), .page-wrap { width: min(1160px,calc(100% - 56px)); }

@media (max-width: 1050px) {
  .desktop-nav { gap: clamp(8px,1vw,12px); }
  .desktop-nav a { font-size: 8px; letter-spacing: .06em; }
  .home-header__inner { gap: 18px; }
  .brand-film__grid { grid-template-columns: 1.1fr .9fr; column-gap: 45px; }
  .feature-panel { grid-template-columns: 1fr 1fr; min-height: auto; }
  .feature-panel__copy { padding: 38px; }
  .trust-strip { gap: 17px; }
  .trust-item { padding: 30px 23px; }
  .wearable-section__inner { gap: 42px; }
}

@media (max-width: 760px) {
  .home-page { --wrap: calc(100% - 42px); font-size: 16px; }
  .home-page .section-pad { padding: 76px 21px; }
  .announcement-bar { height: 25px; gap: 9px; font-size: 8px; letter-spacing: .13em; }
  .home-header { top: 25px; min-height: 72px; }
  .home-header.is-scrolled { top: 0; }
  .home-header__inner { width: calc(100% - 46px); min-height: 72px; grid-template-columns: 1fr auto; gap: 16px; }
  .wordmark { font-size: 18px; letter-spacing: .2em; }
  .desktop-nav { display: none; }
  .menu-toggle { width: 37px; height: 34px; display: block; padding: 5px 0; border: 0; color: inherit; }
  .menu-toggle span { height: 1px; margin: 7px 0; }
  .mobile-menu { position: absolute; top: 72px; right: 0; left: 0; padding: 13px 23px 27px; display: flex; flex-direction: column; gap: 0; background: #f7f4ef; color: #272823; opacity: 0; pointer-events: none; transform: translateY(-8px); transition: opacity .2s,transform .2s; }
  .home-header.is-scrolled .mobile-menu { top: 72px; }
  .mobile-menu.open { opacity: 1; pointer-events: auto; transform: none; }
  .mobile-menu a { padding: 15px 0; border-bottom: 1px solid #e3ddd4; color: inherit; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; }
  .hero-video { min-height: max(780px,calc(100svh - 25px)); align-items: flex-end; }
  .hero-video__media { object-position: 54% center; }
  .hero-video__shade { background: linear-gradient(0deg,rgba(26,22,18,.69) 0%,rgba(26,22,18,.22) 64%,rgba(26,22,18,.16) 100%); }
  .hero-video__content { width: calc(100% - 52px); margin: 0 auto; padding: 0 0 120px; }
  .home-page .hero-video .eyebrow { margin-bottom: 20px; font-size: 9px; letter-spacing: .16em; }
  .hero-video h1 { font-size: clamp(46px,12.6vw,58px); letter-spacing: -.04em; line-height: 1.08; }
  .hero-video__description { max-width: 440px; margin-top: 20px; font-size: 15px; line-height: 1.65; }
  .hero-actions { margin-top: 26px; display: grid; gap: 10px; }
  .hero-text-link { width: 100%; min-height: 49px; padding: 0 25px; }
  .scroll-cue { right: 26px; bottom: 36px; left: 26px; gap: 12px; font-size: 8px; letter-spacing: .11em; }
  .scroll-cue__line { width: 30px; }
  .brand-film.section-pad { padding: 56px 0 61px; }
  .brand-film__grid { width: 100%; grid-template-columns: 1fr; gap: 0; }
  .film-player { grid-column: 1; grid-row: 1; }
  .film-player video { aspect-ratio: 1.49; }
  .film-player__controls { min-height: 54px; gap: 8px; padding: 0 13px; }
  .film-player__label { display: none; }
  .film-player__time { font-size: 10px; }
  .film-control { padding-inline: 5px; font-size: 10px; }
  .brand-film__copy { grid-column: 1; grid-row: 2; padding: 39px 21px 0; }
  .home-page .brand-film__copy .eyebrow { margin-bottom: 22px; font-size: 10px; }
  .brand-film__copy h2 { margin-bottom: 23px; font-size: clamp(49px,12vw,60px); line-height: 1.08; }
  .brand-film__description { max-width: none; margin-bottom: 25px; font-size: 20px; line-height: 1.65; }
  .brand-film__meta { margin-bottom: 28px; font-size: 9px; }
  .brand-film__footnote { font-size: 11px; }
  .brand-film__footnote em { font-size: 15px; }
  .editorial-story { padding: 72px 21px 82px; }
  .editorial-story__inner { grid-template-columns: 1fr; gap: 34px; }
  .editorial-story__copy { max-width: none; }
  .editorial-story__media { aspect-ratio: 4/3; }
  .home-page .editorial-story__copy .eyebrow { margin-bottom: 7px; font-size: 10px; }
  .editorial-story__copy > p:not(.eyebrow) { margin-bottom: 23px; font-size: 20px; line-height: 1.65; }
  .body-glance { min-height: 0; padding: 30px 21px 76px; grid-template-columns: 1fr; gap: 32px; }
  .body-glance__visual { aspect-ratio: 1; }
  .body-glance__copy { max-width: none; }
  .body-glance h2 { margin-bottom: 20px; font-size: clamp(48px,11.5vw,58px); line-height: 1.08; }
  .body-glance__copy > p:not(.eyebrow) { font-size: 19px; line-height: 1.6; }
  .metric-row { gap: 6px; }
  .metric-row span { padding: 8px 11px; font-size: 8px; }
  .intro-panel { min-height: 0; padding: 82px 22px 78px; }
  .home-page .intro-panel .eyebrow { margin-bottom: 20px; font-size: 9px; }
  .intro-panel h2 { margin-bottom: 20px; font-size: clamp(45px,11vw,56px); line-height: 1.12; }
  .intro-panel > p:last-child { font-size: 14px; line-height: 1.8; }
  .experience.section-pad { padding: 100px 21px 68px; }
  .section-heading--center { margin-bottom: 38px; }
  .home-page .section-heading .eyebrow { margin-bottom: 22px; font-size: 10px; }
  .section-heading h2 { margin-bottom: 22px; font-size: clamp(53px,13.4vw,66px); line-height: 1.1; }
  .section-heading > p:last-child { font-size: 14px; line-height: 1.7; }
  .experience-tabs { width: 100%; margin: 42px 0 22px; }
  .experience-tab { min-height: 48px; font-size: 10px; letter-spacing: .1em; }
  .feature-panel { width: 100%; grid-template-columns: 1fr; background: transparent; }
  .feature-panel__visual { aspect-ratio: .91; }
  .feature-panel__screen { top: 8%; left: 38%; width: 55%; height: 85%; }
  .feature-panel__copy { padding: 27px 24px 34px; background: var(--paper); }
  .feature-panel__copy h3 { margin-bottom: 15px; font-size: clamp(49px,12vw,60px); line-height: 1.1; }
  .feature-panel__copy > p:not(.eyebrow) { margin-bottom: 18px; font-size: 14px; }
  .feature-panel__note { margin-top: 12px; font-size: 8px; text-align: center; }
  .trust-strip { padding: 54px 21px; grid-template-columns: 1fr 1fr; gap: 12px; }
  .trust-item { min-height: 207px; padding: 22px 17px; border-radius: 18px; }
  .trust-item svg { width: 31px; height: 31px; margin-bottom: 24px; }
  .trust-item h3 { margin-bottom: 9px; font-size: 20px; }
  .trust-item p { font-size: 11px; }
  .why-section.section-pad { padding: 80px 21px; }
  .why-section .section-heading { margin-bottom: 37px; }
  .why-section .section-heading h2 { font-size: clamp(43px,10.8vw,54px); }
  .problem-grid { grid-template-columns: 1fr; gap: 30px; }
  .problem-card img { aspect-ratio: 1; }
  .problem-card > div { padding-top: 16px; }
  .problem-card h3 { min-height: 0; margin-bottom: 9px; font-size: 37px; line-height: 1.12; }
  .problem-card div > p:last-child { font-size: 14px; }
  .daily-section { padding: 78px 0 72px; }
  .daily-shell { width: var(--wrap); }
  .daily-heading { display: block; }
  .home-page .daily-heading .eyebrow { margin-bottom: 17px; font-size: 9px; }
  .daily-heading h2 { margin-bottom: 15px; font-size: clamp(48px,11.8vw,58px); line-height: 1.1; white-space: normal; }
  .daily-heading > p:last-child { max-width: 380px; font-size: 14px; }
  .daily-tabs { margin: 30px 0 18px; gap: 22px; overflow-x: auto; }
  .daily-tab { min-width: max-content; min-height: 48px; font-size: 9px; }
  .daily-panel { grid-template-columns: 1fr; }
  .daily-panel > img { height: auto; aspect-ratio: 1.1; }
  .daily-panel__copy { padding: 28px 24px 32px; }
  .daily-panel__copy h3 { margin-bottom: 16px; font-size: clamp(44px,10.5vw,54px); line-height: 1.12; }
  .daily-panel__copy > p:not(.eyebrow) { font-size: 14px; }
  .daily-dots { margin-top: 24px; }
  .signal-collage { padding: 79px 21px 86px; }
  .signal-heading { margin-bottom: 31px; grid-template-columns: 1fr; gap: 17px; }
  .home-page .signal-heading .eyebrow { margin-bottom: 17px; }
  .signal-heading h2 { font-size: clamp(45px,11vw,56px); line-height: 1.1; }
  .signal-heading > p { max-width: 460px; font-size: 14px; }
  .signal-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .signal-card img { aspect-ratio: .92; }
  .signal-card > div { min-height: 160px; padding: 15px 13px 17px; }
  .home-page .signal-card .eyebrow { font-size: 8px; letter-spacing: .13em; }
  .signal-card h3 { font-size: 22px; line-height: 1.1; }
  .signal-card p:last-child { font-size: 11px; }
  .beyond-section { min-height: 0; padding: 77px 21px 68px; grid-template-columns: 1fr; gap: 28px; }
  .beyond-section__copy { order: 2; }
  .beyond-section__product { order: 1; max-width: none; aspect-ratio: 1; }
  .beyond-section__copy h2 { margin-bottom: 18px; font-size: clamp(50px,12vw,61px); line-height: 1.1; }
  .beyond-section__copy > p:not(.eyebrow) { font-size: 14px; }
  .beyond-section blockquote { font-size: 22px; }
  .app-section { padding: 79px 0 80px; }
  .app-shell { width: var(--wrap); }
  .app-heading { margin-bottom: 32px; grid-template-columns: 1fr; gap: 15px; }
  .home-page .app-heading .eyebrow { margin-bottom: 16px; }
  .app-heading h2 { font-size: clamp(47px,11.5vw,58px); line-height: 1.1; }
  .app-heading > p { max-width: 440px; font-size: 14px; }
  .app-grid { grid-template-columns: 1fr; gap: 14px; }
  .app-card__visual { height: 350px; }
  .app-card__visual img { height: 306px; max-width: 55%; }
  .app-card__copy { min-height: 0; padding: 21px 22px 26px; }
  .app-card h3 { margin-bottom: 8px; font-size: 28px; }
  .app-card__copy > p:last-child { font-size: 13px; }
  .wearable-section { min-height: 0; padding: 76px 21px 82px; }
  .wearable-section__inner { min-height: 0; grid-template-columns: 1fr; gap: 31px; }
  .wearable-section__inner > img { order: 1; aspect-ratio: 1.25; }
  .wearable-section__copy { order: 2; }
  .wearable-section__copy h2 { margin-bottom: 18px; font-size: clamp(48px,11.7vw,59px); line-height: 1.1; }
  .wearable-section__copy > p:last-child { font-size: 19px; line-height: 1.6; }
  .product-section.section-pad { padding: 79px 21px; }
  .product-grid { grid-template-columns: 1fr; gap: 35px; }
  .product-visual { aspect-ratio: .93; }
  .product-copy { max-width: none; }
  .home-page .product-copy .eyebrow { margin-bottom: 20px; }
  .product-copy h2 { margin-bottom: 18px; font-size: clamp(51px,12vw,62px); line-height: 1.1; }
  .product-copy > p:not(.eyebrow):not(.wellness-note) { font-size: 14px; }
  .product-points li { font-size: 13px; }
  .purchase-visuals { padding: 0 21px 80px; }
  .purchase-visuals__grid { width: 100%; grid-template-columns: 1fr; gap: 14px; }
  .purchase-card > img { aspect-ratio: 1.3; }
  .purchase-card__copy { min-height: 170px; padding: 18px; grid-template-columns: 1fr; gap: 10px; }
  .purchase-card h3 { font-size: 37px; }
  .purchase-card__copy > p { font-size: 13px; }
  .faq-section.section-pad { padding: 78px 21px; }
  .faq-section { grid-template-columns: 1fr; gap: 35px; }
  .faq-heading { padding: 0; }
  .home-page .faq-heading .eyebrow { margin-bottom: 17px; }
  .faq-heading h2 { margin-bottom: 16px; font-size: clamp(57px,13vw,68px); }
  .faq-heading > p:last-child { max-width: 360px; font-size: 14px; }
  .faq-list summary { min-height: 64px; padding: 16px 35px 16px 0; font-size: 13px; }
  .faq-list summary::after { right: 2px; }
  .faq-list details > p { padding: 0 32px 19px 0; font-size: 13px; }
  .closing-cta { min-height: 620px; padding: 60px 22px; background-position: 58% center; }
  .home-page .closing-cta .eyebrow { margin-bottom: 26px; font-size: 10px; }
  .closing-cta h2 { font-size: clamp(65px,16vw,82px); line-height: 1.04; }
  .closing-cta p:not(.eyebrow) { font-size: 15px; }
  .site-footer.home-footer { align-items: flex-start; flex-direction: column; gap: 25px; padding: 37px 24px 108px; }
  .home-footer__brand .wordmark { font-size: 18px; }
  .home-footer__brand p { font-size: 11px; }
  .home-footer__nav { justify-content: flex-start; gap: 15px 20px; }
  .home-footer__nav a { font-size: 10px; }
  .site-header:not(.home-header), .site-footer:not(.home-footer), .page-wrap { width: calc(100% - 32px); }
  .site-header:not(.home-header) { align-items: flex-start; flex-direction: column; padding: 22px 0 20px; }
  .nav-links { justify-content: flex-start; gap: 8px 16px; }
  .page-wrap { padding-top: 58px; }
}

@media (max-width: 420px) {
  .hero-video h1 { font-size: 46px; }
  .scroll-cue { gap: 8px; font-size: 7px; }
  .film-player__controls { gap: 6px; }
  .signal-grid { gap: 8px; }
  .signal-card > div { padding-inline: 11px; }
  .signal-card h3 { font-size: 20px; }
  .trust-item { padding-inline: 14px; }
  .trust-item h3 { font-size: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-page *, .home-page *::before, .home-page *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Isolate the rebuilt homepage from legacy overlay/grid rules in styles.css. */
@media (min-width: 761px) {
  .hero-video__content { margin-top: 100px; }
  .brand-film.section-pad { padding: 75px 0; }
}
.film-player video { position: static; inset: auto; display: block; width: 100%; height: auto; aspect-ratio: 16/9; }
.film-player { aspect-ratio: auto; overflow: visible; }
.experience-tab { border-color: transparent; background: transparent; }
.experience-tab.is-active, .experience-tab:hover { border-color: transparent; background: transparent; color: #272823; }
.feature-panel { position: relative; padding: 0; }
.feature-panel__note { position: static; grid-column: 1 / -1; max-width: 1180px; width: 100%; margin: 14px auto 0; color: #8c857a; font-size: 9px; letter-spacing: .13em; text-align: right; }
.daily-shell { display: block; }
.daily-heading { width: 100%; max-width: none; display: grid; grid-template-columns: minmax(0,1fr) 250px; grid-template-rows: auto auto; align-items: end; column-gap: 55px; }
.daily-heading h2 { grid-column: 1; grid-row: 2; }
.daily-heading > p:last-child { grid-column: 2; grid-row: 2; align-self: center; }
.daily-tabs { grid-column: auto; grid-row: auto; justify-content: flex-start; margin: 38px 0 22px; padding: 0; border-top: 1px solid #cfc8bd; border-bottom: 0; }
.daily-tab.is-active::after { bottom: 0; }
.daily-panel { grid-column: auto; grid-row: auto; margin-top: 0; }
.signal-grid { grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: auto; }
.signal-heading { text-align: left; }
.signal-card, .signal-card--large, .signal-card--wide { position: static; grid-column: auto; grid-row: auto; min-height: 0; overflow: visible; color: var(--ink); }
.signal-card::after { display: none; }
.signal-card img { position: static; inset: auto; display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
.signal-card > div { position: static; z-index: auto; max-width: none; min-height: 155px; padding: 21px 22px 23px; }
.signal-card h3 { font-size: clamp(23px,2.1vw,34px); line-height: 1.08; }
.home-page .signal-card .eyebrow { font-size: 10px; }
.app-card { position: static; display: block; min-height: 0; overflow: visible; }
.app-card__visual { height: 340px; }
.app-card__visual img { position: static; width: auto; max-width: 62%; height: 306px; margin: 0; object-fit: contain; object-position: bottom; }
.purchase-card { position: static; min-height: 0; display: block; overflow: visible; padding: 0; color: var(--ink); }
.purchase-visuals { display: block; }
.purchase-card .purchase-card__copy > p:last-child { color: #7c766d; font-size: 12px; line-height: 1.7; }
.purchase-card::after { display: none; }
.purchase-card > img { position: static; inset: auto; display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }
.purchase-card__copy { position: static; z-index: auto; max-width: none; }

@media (min-width: 761px) {
  .daily-shell { max-width: 1180px; }
  .signal-grid { width: min(1380px,100%); margin: 0 auto; }
  .app-shell { width: min(1175px,calc(100% - 10vw)); }
  .purchase-visuals__grid { width: min(1380px,calc(100% - 10vw)); }
}

@media (max-width: 760px) {
  .hero-video__content { margin: 0 auto; }
  .brand-film.section-pad { padding: 56px 0 61px; }
  .feature-panel { padding: 0; }
  .feature-panel__note { width: auto; margin: 12px 0 0; }
  .daily-heading { grid-template-columns: 1fr; grid-template-rows: auto; }
  .daily-heading h2, .daily-heading > p:last-child { grid-column: auto; grid-row: auto; }
  .daily-heading h2 { margin-bottom: 15px; }
  .daily-tabs { margin: 30px 0 18px; border-top: 1px solid #cfc8bd; }
  .daily-tab.is-active::after { bottom: 0; }
  .signal-card, .signal-card--large, .signal-card--wide { position: static; min-height: 0; overflow: visible; }
  .signal-card img { position: static; height: auto; aspect-ratio: .92; }
  .signal-card > div { position: static; min-height: 160px; padding: 15px 13px 17px; }
  .app-card { min-height: 0; }
  .app-card__visual { height: 350px; }
  .app-card__visual img { width: auto; max-width: 55%; height: 306px; margin: 0; }
  .purchase-card { min-height: 0; padding: 0; }
  .purchase-card > img { position: static; height: auto; aspect-ratio: 1.3; }
  .purchase-card__copy { position: static; min-height: 170px; padding: 18px; }
}

/* Final responsive values aligned to the H5 handoff's typography and spacing. */
.hero-video h1 { font-size: clamp(58px,6.15vw,105px); }
.home-page .hero-video__content .eyebrow { max-width: none; letter-spacing: .24em; }
.section-heading h2 { font-size: clamp(54px,5.45vw,86px); }
.feature-panel__copy h3 { font-size: clamp(46px,4.65vw,72px); }
.daily-heading h2 { font-size: clamp(53px,5.4vw,84px); }
.app-heading h2 { font-size: clamp(49px,4.8vw,76px); }
.faq-heading h2 { font-size: clamp(60px,6.2vw,100px); }
.closing-cta h2 { font-size: clamp(65px,9vw,139px); }
.why-section .section-heading h2 { font-size: clamp(48px,5.2vw,78px); }
.problem-card h3 { font-size: 30px; line-height: 1.14; }
.signal-heading h2 { font-size: clamp(42px,5vw,76px); }
.beyond-section__copy h2 { font-size: clamp(49px,4.85vw,79px); }
.purchase-card__copy { min-height: 0; padding: 22px 25px 25px; display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; }
.home-page .purchase-card > .purchase-card__copy { position: static; z-index: auto; width: 100%; max-width: none; }
.purchase-card h3 { font-size: clamp(27px,3vw,43px); }
.purchase-card .purchase-card__copy > p:last-child { max-width: 230px; }
.purchase-visuals { padding: clamp(76px,9vw,126px) clamp(20px,5vw,80px); }
.purchase-visuals__grid { width: 100%; max-width: 1380px; }
.signal-collage { padding: clamp(76px,9vw,128px) clamp(20px,5vw,80px); }
.signal-card > div { min-height: 0; }
.signal-card img { aspect-ratio: 1; }
.faq-list summary { min-height: 0; padding: 24px 42px 25px 4px; font-size: 15px; line-height: 1.55; font-weight: 550; }
.faq-list summary::after { font-size: 26px; }

@media (min-width: 761px) {
  .daily-section { padding: 116px 0 123px; }
  .app-section { padding: 120px 0 130px; }
}

@media (max-width: 760px) {
  .home-page { font-size: 15px; }
  .wordmark { font-size: 17px; letter-spacing: .22em; }
  .hero-video__content { padding-bottom: 86px; }
  .home-page .hero-video .eyebrow { margin-bottom: 16px; font-size: 9px; letter-spacing: .24em; }
  .hero-video h1 { font-size: clamp(46px,12.3vw,63px); line-height: 1.075; letter-spacing: -.031em; }
  .hero-video__description { max-width: 320px; margin-top: 16px; font-size: 12px; line-height: 1.67; }
  .hero-actions { margin-top: 25px; }
  .hero-text-link { min-height: 48px; }
  .scroll-cue { font-size: 8px; letter-spacing: .11em; }
  .home-footer__brand .wordmark { font-size: 17px; letter-spacing: .22em; }
  .intro-panel { padding: 87px 25px 94px; }
  .intro-panel h2 { font-size: clamp(39px,10.3vw,58px); line-height: 1.165; letter-spacing: -.025em; }
  .intro-panel > p:last-child { font-size: 13px; }
  .experience.section-pad { padding: 88px 21px; }
  .section-heading h2 { font-size: clamp(47px,12vw,67px); line-height: 1.105; }
  .feature-panel__copy h3 { font-size: clamp(42px,10.9vw,51px); line-height: 1.14; }
  .feature-panel__copy > p:not(.eyebrow) { font-size: 12px; }
  .why-section.section-pad { padding: 88px 21px; }
  .why-section .section-heading h2 { font-size: clamp(39px,9.65vw,55px); line-height: 1.175; }
  .problem-grid { gap: 43px; }
  .problem-card h3 { font-size: 32px; line-height: 1.21; }
  .daily-section { padding: 87px 0 95px; }
  .daily-heading h2 { font-size: clamp(49px,11.7vw,64px); line-height: 1.13; }
  .daily-heading > p:last-child { max-width: 330px; margin-top: 21px; }
  .daily-panel__copy { padding: 38px 25px 50px; }
  .daily-panel__copy h3 { font-size: clamp(43px,11.3vw,52px); line-height: 1.145; }
  .daily-panel__copy > p:not(.eyebrow) { font-size: 12px; }
  .daily-dots { margin-top: 30px; }
  .signal-collage { padding: clamp(76px,9vw,128px) 20px; }
  .signal-heading h2 { font-size: clamp(40px,11vw,58px); }
  .signal-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .signal-card > div { padding: 19px 17px 21px; }
  .signal-card h3 { font-size: 28px; line-height: 1.08; }
  .app-section { padding: 91px 0 94px; }
  .app-heading h2 { font-size: clamp(46px,11.35vw,64px); line-height: 1.14; }
  .app-heading > p { font-size: 13px; }
  .app-card__visual { height: 370px; }
  .app-card h3 { font-size: 32px; }
  .app-card__copy > p:last-child { font-size: 12px; }
  .beyond-section__copy h2 { font-size: clamp(44px,10.8vw,62px); line-height: 1.14; }
  .purchase-visuals { padding: clamp(76px,9vw,126px) 20px; }
  .purchase-visuals__grid { width: 100%; }
  .purchase-card__copy { display: block; min-height: 0; padding: 19px 17px 21px; }
  .purchase-card > img { aspect-ratio: 16 / 9; }
  .purchase-card h3 { font-size: 27px; line-height: 1.06; }
  .purchase-card .purchase-card__copy > p:last-child { max-width: 300px; margin-top: 12px; font-size: 12px; }
  .faq-section.section-pad { padding: 88px 21px; }
  .faq-heading h2 { font-size: clamp(68px,16.8vw,77px); line-height: 1.07; }
  .closing-cta { min-height: 0; padding: 94px 23px 106px; }
  .closing-cta h2 { font-size: clamp(64px,16vw,99px); line-height: 1.055; letter-spacing: -.03em; }
  .closing-cta p:not(.eyebrow) { font-size: 12px; }
}

@media (max-width: 920px) {
  .signal-heading { display: block; }
  .signal-heading > p { margin-top: 18px; }
  .signal-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 800px) {
  .signal-heading h2 { font-size: clamp(40px,11vw,58px); }
  .signal-card > div { padding: 19px 17px 21px; }
  .purchase-card__copy { display: block; }
  .purchase-card .purchase-card__copy > p:last-child { margin-top: 12px; max-width: 300px; }
}

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

@media (max-width: 360px) {
  .hero-video h1 { font-size: 45px; }
  .faq-heading h2 { font-size: 67px; }
}

/* Match the handoff's editorial containers and column geometry. */
.body-glance { min-height: 0; padding: clamp(72px,9vw,132px) clamp(20px,5vw,80px); display: block; background: #f5f2ec; }
.body-glance__inner { width: 100%; max-width: 1380px; margin: 0 auto; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(300px,.92fr); align-items: center; gap: clamp(34px,7vw,110px); }
.body-glance__visual { display: block; width: 100%; height: auto; aspect-ratio: 4/3; object-fit: contain; }
.body-glance__copy { max-width: 500px; }
.body-glance__copy h2 { margin: 20px 0 24px; color: #252721; font: 400 clamp(42px,5vw,76px)/1.04 Georgia,"Times New Roman",serif; letter-spacing: -.045em; }
.body-glance__copy > p:not(.eyebrow) { max-width: 430px; margin: 0; color: #67635a; font: 400 clamp(16px,1.4vw,20px)/1.65 Georgia,"Times New Roman",serif; }
.metric-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 34px; border: 0; }
.metric-row span, .metric-row span + span { margin: 0; padding: 11px 14px; border: 1px solid #ded5ca; border-radius: 999px; color: #54564f; font: 500 10px/1 "Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing: .12em; text-transform: uppercase; }

.signal-collage { text-align: left; }
.signal-heading { width: 100%; max-width: 1380px; margin: 0 auto 38px; display: flex; justify-content: space-between; align-items: end; gap: 32px; }
.signal-heading h2 { max-width: 680px; margin: 18px 0 0; color: #252721; font: 400 clamp(42px,5vw,76px)/1.04 Georgia,"Times New Roman",serif; letter-spacing: -.045em; }
.signal-heading > p { max-width: 320px; margin: 0 0 4px; color: #756f67; font: 400 14px/1.75 "Helvetica Neue",Helvetica,Arial,sans-serif; }
.signal-grid { width: 100%; max-width: 1380px; margin: 0 auto; }

.beyond-section { min-height: 0; padding: 120px clamp(20px,5vw,80px) 110px; display: block; background: #f9f6f0; }
.beyond-section__inner { width: 100%; max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 8vw; }
.beyond-section__copy { max-width: none; }
.home-page .beyond-section__copy .eyebrow { margin-bottom: 0; color: #98775f; }
.beyond-section__copy h2 { max-width: 530px; margin: 22px 0 20px; font: 400 clamp(51px,5vw,84px)/1.08 Georgia,"Times New Roman",serif; letter-spacing: -.045em; }
.beyond-section__copy > p:not(.eyebrow) { max-width: 415px; margin: 0; color: #746f68; font: 400 14px/1.85 "Helvetica Neue",Helvetica,Arial,sans-serif; }
.beyond-section blockquote { margin: 30px 0 28px; padding-top: 20px; border-color: #ded8ce; color: #795e4b; font: italic 24px/1.28 Georgia,"Times New Roman",serif; letter-spacing: -.015em; }
.beyond-section__product { width: 100%; max-width: none; min-height: 610px; aspect-ratio: .92; justify-self: stretch; object-fit: cover; }

.wearable-section { min-height: 0; height: auto; padding: clamp(72px,10vw,150px) clamp(20px,5vw,80px); overflow: visible; display: block; background: #2a2926; color: #f8f2e9; }
.wearable-section__inner { width: 100%; max-width: 1380px; min-height: 0; grid-template-columns: minmax(280px,.78fr) minmax(0,1.22fr); gap: clamp(34px,7vw,110px); }
.wearable-section__copy { width: 100%; margin: 0; }
.wearable-section__copy h2 { max-width: 680px; font: 400 clamp(42px,5vw,76px)/1.04 Georgia,"Times New Roman",serif; letter-spacing: -.045em; }
.wearable-section__copy > p:last-child { max-width: 430px; color: #d9d0c5; font: 400 clamp(16px,1.4vw,20px)/1.65 Georgia,"Times New Roman",serif; }
.wearable-section__inner > img { display: block; height: auto; aspect-ratio: 3/2; object-fit: cover; box-shadow: 0 26px 60px -34px rgba(0,0,0,.55); }

.product-section { padding: 112px 24px; background: #f8f5ee; }
.product-grid { width: 100%; max-width: 1180px; min-height: 600px; grid-template-columns: 1.06fr .94fr; gap: 0; }
.product-media { position: relative; min-width: 0; min-height: 600px; align-self: stretch; overflow: hidden; background: #ddd0bf; }
.product-media .product-visual { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; }
.product-copy { max-width: none; padding: 70px clamp(24px,3vw,48px) 70px clamp(28px,3.5vw,56px); display: flex; flex-direction: column; justify-content: center; }
.home-page .product-copy .eyebrow { margin-bottom: 0; color: #9c755e; }
.product-copy h2 { margin: 23px 0; font: 400 clamp(48px,4.2vw,64px)/1.05 Georgia,"Times New Roman",serif; letter-spacing: -.045em; }
.product-copy > p:not(.eyebrow):not(.wellness-note) { max-width: 340px; margin: 0; color: #77716a; font: 400 14px/1.8 "Helvetica Neue",Helvetica,Arial,sans-serif; }
.product-points { margin: 31px 0; border: 0; }
.product-points li { display: flex; gap: 13px; padding: 12px 0; border-top: 1px solid #ded7cc; border-bottom: 0; font-size: 12px; letter-spacing: .03em; }
.product-points li:last-child { border-bottom: 1px solid #ded7cc; }
.product-points li::before { flex: 0 0 auto; margin-right: 0; font-size: 17px; font-weight: 300; }
.wellness-note { margin-top: 0; }

.faq-section { padding: 115px 24px 125px; display: block; background: #ece8e0; }
.faq-inner { width: 100%; max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: .72fr 1.28fr; align-items: start; gap: 75px; }
.faq-heading { padding: 0; }
.faq-heading h2 { margin: 19px 0; font: 400 clamp(60px,6.2vw,100px)/1.04 Georgia,"Times New Roman",serif; letter-spacing: -.04em; }
.faq-heading > p:last-child { max-width: 240px; font-size: 13px; line-height: 1.8; }
.faq-list { border-top: 1px solid #cfc9c0; }
.faq-list details { border-top: 0; border-bottom: 1px solid #cfc9c0; padding: 0 4px; }
.faq-list summary { min-height: 0; padding: 24px 35px 25px 0; font-size: 15px; line-height: 1.55; font-weight: 550; }
.faq-list summary::after { top: 21px; right: 2px; font-size: 26px; }
.faq-list details > p { max-width: 740px; padding: 0 40px 27px 0; font-size: 13px; line-height: 1.9; }

@media (max-width: 800px) {
  .body-glance { padding: 72px 21px; }
  .body-glance__inner { grid-template-columns: 1fr; gap: 34px; }
  .body-glance__visual { aspect-ratio: 4/3; }
  .body-glance__copy { max-width: none; }
  .body-glance__copy h2 { font-size: clamp(40px,11vw,58px); }
  .body-glance__copy > p:not(.eyebrow) { font-size: 16px; }
  .signal-heading { display: block; margin-bottom: 31px; }
  .signal-heading h2 { font-size: clamp(40px,11vw,58px); }
  .signal-heading > p { max-width: 460px; margin-top: 18px; font-size: 14px; }
  .beyond-section { padding: 77px 21px 68px; }
  .beyond-section__inner { grid-template-columns: 1fr; gap: 45px; }
  .beyond-section__product { min-height: 0; aspect-ratio: 1; order: -1; }
  .beyond-section__copy h2 { font-size: clamp(44px,10.8vw,62px); line-height: 1.14; }
  .beyond-section__copy > p:not(.eyebrow) { font-size: 13px; }
  .beyond-section blockquote { font-size: 23px; }
  .wearable-section { padding: 72px 21px; }
  .wearable-section__inner { grid-template-columns: 1fr; gap: 34px; }
  .wearable-section__inner > img { order: -1; aspect-ratio: 3/2; }
  .wearable-section__copy h2 { font-size: clamp(40px,11vw,58px); }
  .wearable-section__copy > p:last-child { font-size: 16px; }
  .product-section { padding: 91px 21px; }
  .product-grid { min-height: 0; grid-template-columns: 1fr; gap: 0; }
  .product-media { min-height: 0; height: 430px; }
  .product-copy { padding: 46px 7px 0; }
  .product-copy h2 { font-size: clamp(51px,12.2vw,65px); line-height: 1.13; }
  .product-copy > p:not(.eyebrow):not(.wellness-note) { font-size: 14px; }
  .faq-section { padding: 91px 21px 94px; }
  .faq-inner { grid-template-columns: 1fr; gap: 35px; }
  .faq-heading h2 { font-size: clamp(68px,16.8vw,77px); line-height: 1.07; }
  .faq-heading > p:last-child { max-width: none; }
  .faq-list summary { padding: 23px 35px 23px 0; font-size: 13px; }
  .faq-list details > p { padding: 0 35px 23px 0; font-size: 12px; }
}

/* Normalize editorial media and tabbed cards across source assets with mixed ratios. */
.brand-film__grid,
.editorial-story__inner,
.body-glance__inner { align-items: start; }
.brand-film__copy { align-self: start; }
.film-player { height: clamp(360px,32vw,460px); aspect-ratio: auto; }
.film-player video { display: block; width: 100%; height: calc(100% - 62px); aspect-ratio: auto; object-fit: cover; }
.film-player__controls { position: absolute; right: 0; bottom: 0; left: 0; height: 62px; min-height: 62px; box-sizing: border-box; }
.editorial-story__media { height: clamp(360px,32vw,460px); aspect-ratio: auto; }
.editorial-story__media img { object-fit: cover; }
.body-glance__visual { height: clamp(360px,32vw,460px); aspect-ratio: auto; object-fit: contain; }

.feature-panel__copy { align-self: stretch; display: flex; flex-direction: column; justify-content: flex-start; box-sizing: border-box; }
.daily-panel { height: 500px; min-height: 500px; align-items: stretch; grid-template-rows: 500px; row-gap: 0; }
.daily-panel > img { height: 500px; min-height: 0; align-self: stretch; object-fit: cover; }
.daily-panel__copy { height: 500px; min-height: 500px; align-self: stretch; display: flex; flex-direction: column; justify-content: flex-start; box-sizing: border-box; }
.daily-dots { margin-top: auto; }

@media (min-width: 761px) and (max-width: 900px) {
  .feature-panel { grid-template-columns: 1fr; min-height: 0; }
  .feature-panel__visual { height: auto; aspect-ratio: 1.5; }
  .feature-panel__copy { min-height: 320px; padding: 38px; }
  .daily-panel { height: auto; min-height: 0; grid-template-columns: 1fr; grid-template-rows: auto; }
  .daily-panel > img { height: auto; min-height: 0; aspect-ratio: 1.5; }
  .daily-panel__copy { height: auto; min-height: 500px; }
}

@media (max-width: 800px) {
  .film-player { height: auto; aspect-ratio: 4/3; }
  .film-player video { height: calc(100% - 54px); }
  .film-player__controls { height: 54px; min-height: 54px; }
  .editorial-story__media { height: auto; aspect-ratio: 4/3; }
  .body-glance__visual { height: auto; aspect-ratio: 4/3; }
  .feature-panel__copy { min-height: clamp(340px,calc(563px - 57vw),380px); }
  .daily-panel { height: auto; min-height: 0; grid-template-rows: auto; }
  .daily-panel > img { height: auto; min-height: 0; aspect-ratio: 1.1; }
  .daily-panel__copy { height: auto; min-height: 440px; }
}

@media (max-width: 760px) {
  .film-player { width: calc(100% - 42px); height: auto; min-height: 0; margin-inline: auto; aspect-ratio: 4/3; }
  .film-player video { height: calc(100% - 54px); }
  .film-player__controls { height: 54px; min-height: 54px; }
  .editorial-story__media { height: auto; aspect-ratio: 4/3; }
  .body-glance__visual { height: auto; aspect-ratio: 4/3; }
}

/* Preserve all embedded copy in the replacement product artwork. */
.wearable-section__inner > img { aspect-ratio: 4/3; object-fit: contain; background: #f8f5ee; }
.purchase-card > img.purchase-card__package { object-fit: contain; background: #f8f5ee; }
.purchase-card > img.purchase-card__size { object-fit: contain; background: #f8f5ee; }
#product-title { font-size: clamp(48px,4.2vw,64px); line-height: 1.05; }
#product-title span,
#product-title em { white-space: nowrap; }
@media (max-width: 800px) {
  #product-title { font-size: clamp(44px,10vw,62px); line-height: 1.08; }
}

/* Use the same outer edges and column tracks for the three editorial features. */
@media (min-width: 901px) {
  .brand-film__grid,
  .editorial-story__inner,
  .body-glance__inner {
    width: min(var(--content),90vw);
    max-width: var(--content);
    grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr);
    column-gap: clamp(34px,5vw,72px);
    box-sizing: border-box;
  }
}

@media (max-width: 900px) {
  .brand-film.section-pad { padding-inline: 5vw; }

  .brand-film__grid,
  .editorial-story__inner,
  .body-glance__inner {
    width: 90vw;
    max-width: var(--content);
    grid-template-columns: minmax(0,1fr);
    column-gap: 0;
    row-gap: 34px;
  }

  .film-player,
  .editorial-story__media,
  .body-glance__visual {
    grid-column: 1;
    width: 100%;
    margin-inline: 0;
  }

  .brand-film__copy,
  .editorial-story__copy,
  .body-glance__copy { grid-column: 1; }
}

@media (max-width: 760px) {
  .brand-film__grid,
  .editorial-story__inner,
  .body-glance__inner { width: calc(100vw - 42px); }
}

/* Keep policy and support pages inside the same brand shell as the homepage. */
.content-page .home-header,
.content-page .home-header.is-scrolled {
  position: sticky;
  inset: auto;
  top: 0;
  right: auto;
  left: auto;
  width: 100%;
  min-height: 72px;
  color: #252722;
  background: rgba(245,242,236,.97);
  box-shadow: 0 1px 0 rgba(68,60,48,.12);
  backdrop-filter: blur(14px);
}

.content-page .page-wrap {
  width: min(var(--content),90vw);
  max-width: var(--content);
  margin: 0 auto;
  padding: clamp(72px,8vw,118px) 0 clamp(84px,9vw,132px);
}
.content-page .page-heading { max-width: 920px; padding-bottom: clamp(32px,4vw,54px); }
.content-page .page-heading h1 { margin: 0; font-size: clamp(56px,7vw,96px); line-height: 1.04; }
.content-page .page-heading .eyebrow { margin-bottom: 22px; color: #a87558; font-size: 9px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; }
.content-page .page-heading .lede { max-width: 760px; margin: 23px 0 0; color: #777168; font: 400 clamp(18px,1.65vw,22px)/1.65 Georgia,"Times New Roman",serif; }
.content-page .page-heading .meta { margin: 14px 0 0; color: #8e877b; font-size: 10px; letter-spacing: .1em; }
.content-page .prose { max-width: 900px; padding-top: 17px; }
.content-page .prose h2 { margin: 48px 0 14px; color: #252722; font: 400 clamp(26px,2.5vw,34px)/1.14 Georgia,"Times New Roman",serif; letter-spacing: -.035em; }
.content-page .prose h3 { margin: 30px 0 10px; color: #252722; font-size: 1.12rem; font-weight: 650; }
.content-page .prose p,
.content-page .prose li { color: #5f5c54; font-size: 15px; line-height: 1.85; }
.content-page .prose a { color: #795c49; }

@media (max-width: 760px) {
  .content-page .page-wrap { width: calc(100vw - 42px); padding: 60px 0 82px; }
  .content-page .page-heading h1 { font-size: clamp(48px,12vw,64px); }
  .content-page .page-heading .lede { margin-top: 18px; font-size: 18px; }
  .content-page .prose h2 { margin-top: 38px; font-size: 27px; }
  .content-page .prose p,
  .content-page .prose li { font-size: 14px; }
}

/* Mobile experience pass: give the video its full frame, then let the story breathe. */
@media (max-width: 760px) {
  html { scroll-padding-top: 78px; }

  #brand-film,
  #experience,
  #everyday,
  #the-ring,
  #faq { scroll-margin-top: 78px; }

  .home-header,
  .home-header.is-scrolled {
    position: sticky;
    top: 0;
    right: auto;
    left: auto;
    min-height: 72px;
    color: var(--ink);
    background: rgba(247, 244, 239, .98);
    box-shadow: 0 1px 0 rgba(68, 60, 48, .12);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .home-header__inner { min-height: 72px; }
  .menu-toggle { width: 48px; height: 48px; padding: 10px 5px; }
  .menu-toggle span { margin: 8px 0; }

  .mobile-menu {
    position: fixed;
    z-index: 1000;
    top: var(--mobile-menu-top, 100px);
    right: 0;
    bottom: 0;
    left: 0;
    max-height: none;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding: 12px 24px calc(28px + env(safe-area-inset-bottom));
    gap: 0;
    background: #f7f4ef;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px);
    transition: opacity .2s, transform .2s, visibility .2s;
  }

  .home-header.is-scrolled .mobile-menu { top: 72px; }
  .mobile-menu.open { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
  .mobile-menu a {
    min-height: 58px;
    display: flex;
    align-items: center;
    padding: 13px 0;
    border-bottom: 1px solid #e3ddd4;
    font: 400 21px/1.2 Georgia, "Times New Roman", serif;
    letter-spacing: -.02em;
    text-transform: none;
  }

  .hero-video {
    min-height: 0;
    height: auto;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background: var(--page);
    color: var(--ink);
  }

  .hero-video__media {
    position: relative;
    inset: auto;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
  }

  .hero-video__shade { display: none; }
  .hero-video__content {
    width: auto;
    margin: 0;
    padding: 29px 21px 34px;
    color: var(--ink);
    box-sizing: border-box;
  }

  .home-page .hero-video .eyebrow {
    max-width: 360px;
    margin-bottom: 16px;
    color: #786b5f;
    font-size: 9px;
    letter-spacing: .17em;
    line-height: 1.6;
  }

  .hero-video h1 {
    max-width: 440px;
    color: var(--ink);
    font-size: clamp(38px, 10.8vw, 46px);
    line-height: 1.06;
    letter-spacing: -.045em;
  }

  .hero-video h1 em { color: var(--ink) !important; }
  .hero-video__description { max-width: 460px; margin-top: 15px; color: #6e6a62; font-size: 15px; line-height: 1.65; }
  .hero-actions { margin-top: 22px; display: block; }
  .hero-text-link { width: 100%; min-height: 52px; padding: 0 18px; border-color: var(--ink); background: var(--ink); color: #fbf8f2; box-sizing: border-box; }
  .hero-text-link:hover { color: #fbf8f2 !important; background: #3a3b35; }
  .scroll-cue { display: none; }

  .experience.section-pad { scroll-margin-top: 78px; }
  .experience-tabs {
    width: 100%;
    display: flex;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    margin: 34px 0 18px;
    gap: 0;
  }
  .experience-tabs::-webkit-scrollbar,
  .daily-tabs::-webkit-scrollbar { display: none; }
  .experience-tab { min-width: 0; min-height: 52px; flex: 1 0 33.333%; scroll-snap-align: center; font-size: 10px; letter-spacing: .09em; }
  .feature-panel { width: 100%; min-height: 0; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; }
  .feature-panel__visual { width: 100%; aspect-ratio: 1 / 1; }
  .feature-panel__background { object-position: center 42%; }
  .feature-panel__copy { min-height: 390px; padding: 29px 23px 34px; box-sizing: border-box; }
  .feature-panel__copy h3 { margin-bottom: 15px; font-size: clamp(40px, 10.7vw, 49px); line-height: 1.1; }
  .feature-panel__copy > p:not(.eyebrow) { margin-bottom: 19px; font-size: 14px; line-height: 1.75; }
  .feature-panel__note { margin-top: 13px; text-align: center; }
  .feature-panel[role="tabpanel"],
  .daily-panel[role="tabpanel"] { touch-action: pan-y; }

  /* Reset the legacy side-by-side card rule inherited from the shared stylesheet. */
  .problem-card {
    display: block;
    min-height: 0;
    overflow: hidden;
    background: #f1ede6;
  }
  .problem-card img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 1.3 / 1;
    object-fit: cover;
    object-position: center 42%;
  }
  .problem-card > div { min-height: 0; padding: 19px 20px 22px; }
  .problem-card h3 { min-height: 0; margin-bottom: 10px; font-size: clamp(25px, 6.8vw, 29px); line-height: 1.12; }
  .problem-card div > p:last-child { font-size: 14px; line-height: 1.65; }
  .problem-grid { gap: 23px; }

  .daily-section { scroll-margin-top: 78px; }
  .daily-tabs {
    width: 100%;
    display: flex;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    gap: 24px;
    padding-right: 18px;
  }
  .daily-tab { min-width: max-content; flex: 0 0 auto; scroll-snap-align: start; }
  .daily-panel {
    height: auto;
    min-height: 0;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: start;
  }
  .daily-panel > img {
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 1.28 / 1;
    object-fit: cover;
    object-position: center 38%;
  }
  .daily-panel__copy {
    width: 100%;
    height: auto;
    min-height: 370px;
    padding: 28px 23px 27px;
    box-sizing: border-box;
  }
  .daily-panel__copy h3 { font-size: clamp(40px, 10.6vw, 49px); }
  .daily-panel__copy > p:not(.eyebrow) { font-size: 14px; line-height: 1.75; }
  .daily-dots { margin-top: 27px; }

  .closing-cta {
    min-height: clamp(390px, 112vw, 480px);
    padding: 72px 23px calc(76px + env(safe-area-inset-bottom));
    background-position: center, center, 78% center;
    background-size: auto, auto, auto 100%;
  }
  .closing-cta h2 { font-size: clamp(58px, 15vw, 72px); line-height: 1.04; letter-spacing: -.045em; }

  /* Use a calmer mobile type scale while keeping editorial hierarchy. */
  .hero-video h1 { font-size: clamp(36px, 9.7vw, 42px); line-height: 1.08; }
  .brand-film__copy h2 { font-size: clamp(39px, 10vw, 47px); }
  .brand-film__description { font-size: 17px; line-height: 1.55; }
  .body-glance h2,
  .beyond-section__copy h2,
  .wearable-section__copy h2 { font-size: clamp(39px, 10vw, 47px); line-height: 1.08; }
  .body-glance__copy > p:not(.eyebrow),
  .wearable-section__copy > p:last-child { font-size: 16px; line-height: 1.6; }
  .intro-panel h2,
  .section-heading h2,
  .daily-heading h2,
  .app-heading h2 { font-size: clamp(39px, 10vw, 47px); line-height: 1.1; }
  .why-section .section-heading h2 { font-size: clamp(36px, 9.2vw, 43px); line-height: 1.14; }
  .feature-panel__copy h3,
  .daily-panel__copy h3 { font-size: clamp(35px, 9vw, 42px); line-height: 1.1; }
  .signal-heading h2 { font-size: clamp(37px, 9.5vw, 45px); line-height: 1.1; }
  .app-card h3 { font-size: clamp(24px, 6.5vw, 28px); }
  .product-copy h2,
  #product-title { font-size: clamp(39px, 10vw, 47px); line-height: 1.08; }
  .faq-heading h2 { font-size: clamp(54px, 14vw, 62px); line-height: 1.06; }
  .closing-cta h2 { font-size: clamp(52px, 13.5vw, 64px); line-height: 1.04; }
}

/* Smooth, low-key transitions for the horizontal experience selectors. */
.experience-tab,
.daily-tab { transition: color .28s ease; }
.experience-tab::after,
.daily-tab::after {
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .42s cubic-bezier(.22,.61,.36,1), background-color .28s ease;
}
.experience-tab.is-active::after,
.daily-tab.is-active::after { transform: scaleX(1); }

@media (max-width: 760px) {
  .experience-tabs,
  .daily-tabs {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}

@media (prefers-reduced-motion: reduce) {
  .experience-tab,
  .daily-tab,
  .experience-tab::after,
  .daily-tab::after { transition: none; }
  .experience-tabs,
  .daily-tabs { scroll-behavior: auto; }
}

/* The ring-light artwork contains its own copy; preserve the full 16:9 image. */
.editorial-story__media {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}
.editorial-story__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

@media (max-width: 760px) {
  /* Backdrop filters create a containing block for fixed descendants in Safari. */
  .content-page .home-header,
  .content-page .home-header.is-scrolled {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}