
.brand-opening{background:var(--color-surface);padding:80px 0}.brand-opening-grid{display:grid;grid-template-columns:1fr 1fr;align-items:end;align-items:last baseline;gap:80px}.brand-opening h1{font-size:clamp(56px,6vw,88px);line-height:1.05;font-weight:500;letter-spacing:-.02em}.brand-opening-copy{justify-self:end;font-size:25px;line-height:1.5;letter-spacing:-.03em}.brand-opening-copy .slogan{font-size:14px;margin-bottom:14px;letter-spacing:.03em}.brand-panorama{height:clamp(280px,28vw,430px);overflow:hidden}.brand-panorama img{width:100%;height:100%;object-fit:cover;object-position:50% 46%;transform:none}.brand-section-nav{position:sticky;top:var(--header-height);z-index:var(--z-section-nav);background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.brand-section-nav>.wrap{margin-bottom:0}.brand-section-nav a{display:inline-flex;align-items:baseline;gap:8px}.brand-section-nav .section-number{font-size:11px;line-height:1;color:#92928f}.brand-chapter{padding:110px 0;scroll-margin-top:calc(var(--header-height) + var(--brand-nav-height,51px))}.chapter-kicker{font-size:13px;color:#92928f;line-height:1.6;margin-bottom:25px}.brand-chapter h2{font-size:clamp(30px,3vw,44px);font-weight:500;line-height:1.5;letter-spacing:-.045em}.brand-prose{font-size:15px;line-height:1.65;color:var(--color-muted);letter-spacing:-.02em}.brand-prose p+p{margin-top:40px}.philosophy-grid{display:grid;grid-template-columns:1fr 1.14fr;column-gap:80px;row-gap:80px}.philosophy-copy{padding-top:49px}.premium-copy{align-self:end}.premium-copy>.brand-prose{margin-top:26px}.brand-photo{position:relative;overflow:hidden;margin:0;background:#e8e7e3}.brand-photo img{display:block;width:100%;height:100%;object-fit:cover}.photo-everyday{aspect-ratio:260/158}.photo-everyday img{position:static;width:100%;height:100%;object-fit:cover}.house-chapter{background:var(--color-surface)}.house-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;margin:45px 0 20px}.house-tabs button{min-width:0;text-align:left;border-bottom:1px solid #e5e5e1;padding:0 0 20px;display:flex;flex-direction:column;gap:12px}.house-tabs button>span:first-child{font-size:12px;color:var(--color-muted)}.house-tabs button>span:last-child{word-break:keep-all;overflow-wrap:break-word;font-size:16px;line-height:1.5;color:var(--color-muted)}.house-tabs button[aria-selected=true]{border-color:var(--color-accent)}.house-tabs button:focus,.brand-section-nav a:focus{outline:none}.house-tabs button:focus-visible,.brand-section-nav a:focus-visible{border-bottom-color:var(--color-accent);box-shadow:inset 0 -3px 0 var(--color-accent)}.house-tabs button[aria-selected=true]>span:last-child{color:var(--color-text)}.house-visual{aspect-ratio:594/260}.house-caption{margin-top:26px;word-break:keep-all;overflow-wrap:break-word}.house-caption h3{font-size:24px;line-height:1.5;font-weight:500;letter-spacing:-.03em}.house-caption p{margin-top:18px}.standards-chapter{background:var(--color-text);color:#fff}.standards-grid{display:grid;grid-template-columns:1fr 1.14fr;gap:80px}.standards-intro .brand-prose{margin-top:60px;color:#c1c1be}.standards-intro{position:sticky;top:180px;align-self:start}.standards-list{margin:0}.standards-list>div{display:grid;grid-template-columns:180px 1fr;gap:20px;border-bottom:1px solid #484847;padding:36px 0}.standards-list>div:first-child{padding-top:0}.standards-list>div:last-child{border-bottom:0;padding-bottom:0}.standards-list dt{font-family:var(--font-display);font-size:28px;line-height:1.4}.standards-list dd{margin:0}.standards-list h3{font-size:16px;font-weight:500;line-height:1.6}.standards-list dd p{color:#b5b5b2;font-size:14px;line-height:1.65;margin-top:12px}.beyond-chapter{padding:120px 0 160px}.beyond-grid{display:grid;grid-template-columns:1fr 1.14fr;gap:80px}.beyond-photo{aspect-ratio:1}.beyond-photo img{object-position:57% center}.beyond-copy{display:flex;flex-direction:column;justify-content:space-between;gap:65px}.beyond-copy .brand-prose{margin-top:24px}.beyond-statement{font-size:24px;line-height:1.6;letter-spacing:-.03em;color:var(--color-text)}.brand-page.motion-ready [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s cubic-bezier(.22,.68,0,1)}.brand-page.motion-ready [data-reveal].is-visible{opacity:1;transform:none}.brand-page.motion-ready .brand-photo[data-reveal]{transition-duration:1.15s}.brand-page:lang(en) .brand-opening h1{font-size:clamp(42px,5vw,72px);letter-spacing:-.02em}
@media(max-width:1100px){.philosophy-grid,.standards-grid,.beyond-grid{gap:55px 40px}.house-tabs{gap:22px}.standards-list>div{grid-template-columns:145px 1fr}.standards-list dt{font-size:23px}.brand-opening-grid{gap:40px}.brand-opening-copy{font-size:21px}}
@media(max-width:800px){.brand-opening{padding:50px 0}.brand-opening-grid{grid-template-columns:1fr;gap:28px}.brand-opening h1{font-size:54px}.brand-opening-copy{justify-self:start;font-size:20px}.brand-panorama{height:260px}.brand-section-nav{position:static;top:auto;backdrop-filter:none}.brand-section-nav>.tabs{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.brand-section-nav>.tabs::-webkit-scrollbar{display:none}.brand-section-nav a{text-align:left;white-space:nowrap}.brand-section-nav .section-number{flex:none;font-size:10px}.brand-chapter{padding:64px 0;scroll-margin-top:var(--header-height)}.brand-chapter h2{font-size:30px;line-height:1.45}.chapter-kicker{margin-bottom:18px;font-size:13px;line-height:1.6;}.philosophy-grid,.standards-grid,.beyond-grid{grid-template-columns:1fr;gap:35px}.brand-prose{font-size:14px;line-height:1.7}.philosophy-copy{padding-top:0}.premium-copy{margin-top:6px}.house-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin-top:30px}.house-tabs button{gap:8px;padding-bottom:12px}.house-tabs button>span:last-child{font-size:14px;line-height:1.4}.house-tabs .house-tab-arrow{display:none}.house-visual{aspect-ratio:594/260}.house-caption h3{font-size:21px}.standards-intro{position:static}.standards-intro .brand-prose{margin-top:28px}.standards-list>div{grid-template-columns:1fr;gap:15px;padding:26px 0}.standards-list dt{font-size:27px}.standards-list h3{font-size:16px}.beyond-chapter{padding-bottom:80px}.beyond-copy{gap:34px}.beyond-statement{font-size:20px}.beyond-photo{aspect-ratio:1.15}.brand-page.motion-ready [data-reveal]{transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){.brand-page.motion-ready [data-reveal]{opacity:1;transform:none;transition:none}.brand-panorama img{transform:none!important;will-change:auto}}

/* Replay the opening sequence whenever the section enters the viewport. */
.opening-line{display:inline-block;max-width:100%}
@media(prefers-reduced-motion:no-preference){
 .brand-page.motion-ready .brand-opening [data-intro-step]{opacity:0}
 .brand-page.motion-ready .brand-opening.is-visible [data-intro-step]{animation:brand-intro-enter .85s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--intro-step,0) * .18s)}
 @keyframes brand-intro-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
}

/* Shared mobile eyebrow size. */
@media (max-width:800px) {
.chapter-kicker { font-size:12px; }
}

/* Reveal each Beyond paragraph when it enters the viewport. */
@media(prefers-reduced-motion:no-preference){
 .brand-page.motion-ready .beyond-grid [data-reveal]{transition-delay:var(--beyond-delay,0ms)}
 .brand-page.motion-ready .beyond-photo img{transform:scale(1.035);transition:transform 1.4s cubic-bezier(.22,.68,0,1)}
 .brand-page.motion-ready .beyond-photo.is-visible img{transform:scale(1)}
}
@media(max-width:800px) and (prefers-reduced-motion:no-preference){
 .brand-page.motion-ready .beyond-grid [data-reveal]{transition-delay:0ms}
}



/* Decoded overlays blend into an opaque base; controls never fade. */


/* Match the home BRAND carousel controls; share base media-control tokens. */
.house-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);--media-control-opacity:0}
.house-arrow.previous{left:16px}.house-arrow.next{right:16px}
.house-visual:focus-within .house-arrow{--media-control-opacity:.8}
@media(hover:hover) and (pointer:fine){.house-visual:hover .house-arrow{--media-control-opacity:.8}}
@media(hover:none){.house-arrow{--media-control-opacity:.8}}






@media(max-width:800px){.house-arrow{display:none}}
