/* Homepage: shared scene, editorial hierarchy, content-led scale. */
.brand-home{--brand-gap:clamp(28px,5vw,80px);background:var(--paper);color:var(--ink)}
.brand-home h1,.brand-home h2,.brand-home h3{font-family:inherit;font-weight:450;letter-spacing:-.025em;line-height:1.3}
.brand-home h2{font-size:clamp(2.15rem,4.1vw,4.1rem)}
.brand-home p{font-size:1rem;line-height:1.95}
.brand-home .brand-kicker{font-size:.875rem;font-weight:450;line-height:1.7;letter-spacing:.06em;color:var(--muted)}
.brand-section{padding:clamp(72px,8vw,128px) var(--gutter);max-width:1680px;margin:auto}
.brand-link,.brand-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-size:1rem;line-height:1.5;min-height:48px;max-width:100%}
.brand-link{border-bottom:1px solid currentColor;padding:10px 0;color:var(--wine)}
.brand-button{background:var(--wine);color:#fff;padding:15px 24px;border:1px solid var(--wine)}
.brand-link:hover{color:var(--ink)}
.brand-button:hover{background:var(--wine-deep);border-color:var(--wine-deep)}
.brand-link svg,.brand-button svg{width:21px;transition:transform .2s}
.brand-link:hover svg,.brand-button:hover svg{transform:translateX(4px)}
.brand-cover{position:relative;isolation:isolate;min-height:690px;height:clamp(690px,59vw,900px);background:#d2d3d5;display:flex;align-items:center}
.brand-cover-image{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center}
.brand-cover-copy{width:43%;padding:38px 0 90px var(--gutter);min-width:0}
.brand-cover h1{font-size:clamp(4rem,6.7vw,7rem);line-height:1.2;letter-spacing:-.055em;font-weight:450;margin:38px 0 28px;text-wrap:nowrap}
.brand-home .brand-cover-product{font-size:clamp(1rem,1.25vw,1.2rem);font-weight:500;margin-bottom:16px}
.brand-cover-intro{color:#48484a}
.brand-cover-actions{display:flex;align-items:center;gap:20px 28px;flex-wrap:wrap;margin-top:32px}
.brand-cover-actions .brand-link,.brand-cover-actions .brand-button{font-size:.9375rem}
.brand-cover-foot{position:absolute;inset:auto var(--gutter) 24px;display:flex;justify-content:space-between;gap:24px;font-size:.875rem;color:#373739}
.brand-cover-foot>span:last-child{color:#fff;text-shadow:0 1px 8px #000}
.brand-intro{display:grid;grid-template-columns:1fr 2fr;gap:26px var(--brand-gap);align-items:start}
.brand-intro>.brand-kicker{padding-top:14px}
.brand-intro h2{margin-bottom:28px}
.brand-intro>div>p{max-width:38em;color:var(--muted)}
.brand-intro>.brand-link{grid-column:2;justify-self:start}
.connected-story{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px var(--brand-gap);border-block:1px solid var(--line)}
.connected-heading h2{margin:28px 0}
.connected-heading>p:not(.brand-kicker){max-width:28em;color:var(--muted);margin-bottom:26px}
.connected-map{align-self:center;min-width:0}
.connected-core{padding:32px 36px;background:var(--ink);color:#fff;border-left:4px solid var(--wine)}
.connected-core>span{font-size:.875rem;color:#ccc8c4}
.connected-core h3{font-size:clamp(2rem,3.1vw,3rem);margin:12px 0}
.connected-core p{color:#d5d2cf}
.connected-members{margin:0;padding:0 0 0 34px;border-left:1px solid var(--line)}
.connected-members>div{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;padding:25px 0;border-bottom:1px solid var(--line)}
.connected-members dt{font-size:1.125rem;font-weight:500;line-height:1.65}
.connected-members dt span{display:inline-block;font-size:.8125rem;color:var(--wine);margin-right:16px;font-weight:400}
.connected-members dd{margin:0;font-size:1rem;line-height:1.85;color:var(--muted)}
.connected-voice{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:36px;flex-wrap:wrap}
.connected-voice>span{font-size:.875rem;color:var(--muted)}
.connected-voice blockquote{font-size:clamp(1.5rem,2.6vw,2.6rem);font-weight:400;line-height:1.5;margin:0}
.connected-voice .brand-link{font-size:.875rem}
.brand-section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end}
.brand-section-head>.brand-kicker{grid-column:1/-1}
.brand-section-head .brand-link{justify-self:start}
.product-story{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:48px var(--brand-gap)}
.product-story>.brand-section-head{grid-column:1/-1}
.product-story-image{min-width:0;align-self:center}
.product-story-image img{width:100%;height:auto}
.product-story-image figcaption{font-size:.875rem;color:var(--muted);padding-top:14px;line-height:1.7}
.product-story-copy{align-self:center;min-width:0}
.product-story-copy h3{font-size:clamp(1.75rem,2.5vw,2.6rem);margin-bottom:22px}
.product-story-copy>p{color:var(--muted);max-width:28em}
.product-story-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:30px 0 24px;padding:22px 0;border-block:1px solid var(--line);gap:16px}
.product-story-facts dt{font-size:.875rem;color:var(--muted);line-height:1.6}
.product-story-facts dd{margin:8px 0 0;font-size:2.4rem;line-height:1.4;font-weight:400;white-space:nowrap}
.product-story-facts small{font-size:.875rem}
.experience-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#edecea;max-width:1680px;margin:auto}
.experience-story-image{min-width:0;position:relative;overflow:hidden;align-self:stretch}
.experience-story-image img{width:100%;height:100%;object-fit:cover;object-position:center;min-height:560px;max-height:960px}
.experience-story-image figcaption{position:absolute;bottom:24px;left:var(--gutter);font-size:.875rem;background:#20201fe0;color:#fff;padding:8px 16px;line-height:1.6}
.experience-story-copy{padding:clamp(40px,5.2vw,84px) var(--gutter);min-width:0}
.experience-story-copy h2{margin:24px 0}
.experience-story-intro{color:var(--muted)}
.experience-story-list{list-style:none;margin:36px 0 16px;padding:0}
.experience-story-list li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:20px;padding:24px 0;border-top:1px solid #cccbc7}
.experience-story-list li>span{font-size:.875rem;color:var(--wine);padding-top:5px}
.experience-story-list h3{font-size:1.375rem;line-height:1.5;margin-bottom:10px}
.experience-story-list p{color:var(--muted)}
.trust-story-grid{margin-top:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px)}
.trust-story-grid article{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:28px 0 0;border-top:1px solid var(--ink)}
.trust-story-grid article>span{font-size:.875rem;color:var(--muted);margin-bottom:28px}
.trust-story-grid h3{font-size:1.5rem;margin-bottom:18px;line-height:1.5}
.trust-story-grid p{color:var(--muted);padding-bottom:26px}
.trust-story-grid .brand-link{margin-top:auto}
.brand-next{border-top:1px solid var(--line);padding-block:clamp(64px,7vw,112px);display:grid;grid-template-columns:1fr auto;gap:26px 40px;align-items:center}
.brand-next>.brand-kicker{grid-column:1/-1}
.brand-next h2{font-size:clamp(2.15rem,4.6vw,4.8rem)}
.brand-next>div{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
@media(min-width:1680px){.brand-cover{max-width:1920px;margin:auto}}
@media(max-width:1100px){
  .brand-cover{height:auto;min-height:700px}
  .brand-cover-copy{width:44%;padding-bottom:78px}
  .brand-cover-actions{flex-direction:column;align-items:flex-start;gap:12px}
  .brand-cover h1{font-size:clamp(3.7rem,7.4vw,6rem)}
  .connected-members>div{grid-template-columns:1fr;gap:6px;padding:18px 0}
  .product-story{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);column-gap:32px}
  .experience-story-copy{padding-inline:36px}
  .experience-story-copy h2{font-size:2.5rem}
  .brand-next{grid-template-columns:1fr}
}
@media(max-width:760px){
  .brand-cover{display:flex;flex-direction:column;min-height:0;height:auto;align-items:stretch}
  .brand-cover-copy{padding:42px var(--gutter) 12px;width:auto}
  .brand-cover h1{font-size:clamp(3.8rem,11.7vw,5.7rem);margin:24px 0;line-height:1.15}
  .brand-cover h1 br{display:block}
  .brand-cover-actions{flex-direction:row;align-items:center;gap:16px 24px;margin-top:24px}
  .brand-cover-image{position:static;z-index:auto;height:92vw;max-height:560px;width:100%;object-fit:cover;object-position:right bottom}
  .brand-cover-foot{bottom:18px;align-items:flex-end;font-size:.8125rem}
  .brand-cover-foot>span:first-child{display:none}
  .brand-cover-foot>span:last-child{margin-left:auto}
  .brand-intro{grid-template-columns:1fr;gap:24px}
  .brand-intro>.brand-kicker{padding:0}
  .brand-intro>.brand-link{grid-column:auto}
  .brand-intro h2{margin-bottom:22px}
  .connected-story{grid-template-columns:1fr;gap:38px}
  .connected-heading h2 br:nth-child(2){display:none}
  .connected-members{padding-left:20px}
  .connected-members>div{grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);gap:14px;padding:22px 0}
  .connected-core{padding:26px}
  .connected-voice{display:grid;gap:16px}
  .connected-voice .brand-link{justify-self:start}
  .brand-section-head{grid-template-columns:1fr;gap:20px}
  .brand-section-head .brand-link{grid-column:auto}
  .product-story{grid-template-columns:1fr;gap:30px}
  .product-story-copy h3{font-size:2rem}
  .product-story-copy h3 br{display:none}
  .product-story-copy>p{max-width:none}
  .product-story-facts{max-width:540px}
  .experience-story{grid-template-columns:1fr}
  .experience-story-image img{height:120vw;min-height:0;max-height:650px;object-position:center 56%}
  .experience-story-copy{padding:48px var(--gutter)}
  .experience-story-copy h2{font-size:2.3rem}
  .trust-story-grid{grid-template-columns:1fr;gap:32px;margin-top:34px}
  .trust-story-grid article>span{margin-bottom:20px}
  .brand-next>div{gap:22px}
}
@media(max-width:390px){
  .brand-cover h1{font-size:3.8rem;text-wrap:balance}
  .brand-cover h1 br{display:block}
  .brand-cover-actions{gap:14px}
  .brand-cover-actions .brand-button{padding-inline:18px}
  .brand-cover-actions .brand-link{gap:12px}
  .connected-members>div{grid-template-columns:1fr;gap:5px}
  .connected-voice blockquote{font-size:1.45rem}
}

/* User-first sequence: daily use, personal control, detail, trust. */
.brand-section{padding-block:clamp(64px,6.5vw,104px)}
.daily-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.65fr);gap:36px;align-items:end;margin-bottom:36px}
.daily-heading h2{margin-top:20px}
.daily-heading h2 br{display:block}
.daily-heading>div:last-child{max-width:28em;justify-self:end}
.daily-heading>div:last-child>p{color:var(--muted);margin-bottom:18px}
.daily-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.daily-scene{margin:0;min-width:0}
.daily-scene img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:var(--soft)}
.daily-scene figcaption{padding:20px 0 0}
.daily-scene h3{font-size:1.375rem;margin-bottom:8px}
.daily-scene p{color:var(--muted)}
.personal-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:44px 64px;border-block:1px solid var(--line)}
.personal-heading h2{margin:22px 0}
.personal-heading>p:last-child{color:var(--muted)}
.personal-features{align-self:center;min-width:0}
.personal-features article{border-top:1px solid var(--line);padding:24px 0}
.personal-features article>span,.home-box>span,.home-response>span{font-size:.875rem;color:var(--muted)}
.personal-features h3{font-size:1.4rem;line-height:1.5;margin:12px 0}
.personal-features p{color:var(--muted)}
.home-coordination{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(0,1fr);gap:0;border-top:1px solid var(--line);padding-top:40px;align-items:stretch}
.home-voice{padding:28px 32px 28px 0;align-self:center}
.home-voice blockquote{font-size:clamp(1.6rem,2.25vw,2.25rem);line-height:1.6;margin:18px 0 0;letter-spacing:-.025em}
.home-box{padding:28px 32px;background:#eeede9;border-top:3px solid var(--wine);min-width:0}
.home-box h3{font-size:clamp(1.8rem,2.5vw,2.7rem);margin:14px 0}
.home-box p{color:var(--muted)}
.home-box .brand-link{font-size:.875rem;margin-top:12px}
.home-response{padding:28px 0 28px 32px;align-self:center;min-width:0}
.home-response h3{font-size:1.35rem;line-height:1.55;margin:14px 0}
.home-response p{color:var(--muted)}
.home-partner-note{grid-column:1/-1;padding-top:30px;border-top:1px solid var(--line);color:var(--muted);display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}
.home-partner-note a{color:var(--wine);display:inline-flex;align-items:center;gap:12px;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.home-partner-note svg{width:18px}
.brand-next h2{font-size:clamp(2rem,3.6vw,3.8rem)}
@media(max-width:1000px){
 .personal-story{column-gap:36px}
 .home-coordination{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:24px}
 .home-response{grid-column:1/-1;display:grid;grid-template-columns:.6fr 1fr 1.3fr;gap:20px;align-items:start;padding:18px 0 0;border-top:1px solid var(--line)}
 .home-response h3{margin:0}
}
@media(max-width:760px){
 .brand-cover-copy{padding-top:32px;padding-bottom:0}
 .brand-cover h1{margin:20px 0;font-size:clamp(3.2rem,11.5vw,5rem)}
 .brand-cover-actions{margin-top:20px}
 .brand-cover-image{height:80vw;max-height:480px;mask-image:linear-gradient(to bottom,transparent,#000 12%)}
 .daily-heading{grid-template-columns:1fr;gap:22px;margin-bottom:28px}
 .daily-heading>div:last-child{justify-self:start;max-width:none}
 .daily-heading h2 br{display:none}
 .daily-scenes{grid-template-columns:minmax(0,1fr);gap:30px;max-width:540px;margin-inline:auto}
 .daily-scene figcaption{padding-top:16px}
 .daily-scene h3{font-size:1.25rem;margin-bottom:4px}
 .personal-story{grid-template-columns:1fr;gap:26px}
 .personal-features{display:grid;grid-template-columns:1fr 1fr;gap:20px}
 .personal-features h3{font-size:1.2rem}
 .home-coordination{grid-template-columns:1fr;padding-top:24px;gap:16px}
 .home-voice{padding:0 0 12px}
 .home-voice blockquote br{display:none}
 .home-box{padding:24px}
 .home-response{display:block;padding:20px 0 0}
 .home-response h3{margin:12px 0}
 .home-response h3 br{display:none}
 .home-partner-note{padding-top:22px;align-items:flex-start;gap:4px}
}
@media(max-width:440px){.personal-features{grid-template-columns:1fr;gap:0}}
