.identity-page { background:#fff;color:var(--color-text) }
.identity-page main { overflow:clip }
.identity-page main figure { margin:0 }
.bi-hero { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px 9%;padding-top:76px;padding-bottom:32px }
.bi-hero h1 { font:400 clamp(48px,5.2vw,76px)/1.12 var(--font-display);letter-spacing:-.035em;margin:0 0 33px;white-space:nowrap }
.bi-hero h2 { font-size:clamp(29px,2.65vw,39px);font-weight:500;line-height:1.5;letter-spacing:-.03em;word-break:keep-all }
.bi-hero-copy>p { font-size:15px;line-height:1.95;color:var(--color-muted);word-break:keep-all;margin:25px 0 28px }
.bi-hero-logo { padding:28px 45px 30px;background:transparent;min-height:446px;display:flex;flex-direction:column;align-items:center;justify-content:center }
.bi-hero-logo>img { width:82%;max-width:325px;height:auto }
.bi-eyebrow { font-size:13px;letter-spacing:.13em;color:#797970;line-height:1.6}
.bi-heading { display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:48px }
.bi-heading h2 { font-size:clamp(30px,3vw,42px);line-height:1.45;font-weight:500;letter-spacing:-.03em;word-break:keep-all;margin-top:19px }
.bi-heading>p { font-size:15px;line-height:1.9;color:var(--color-muted);word-break:keep-all;max-width:360px;justify-self:end }
.bi-meaning { margin-top:65px;padding:88px 0 82px;background:var(--color-surface);scroll-margin-top:30px }
.bi-metaphor-layout { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:center }
.bi-system { padding-top:96px;padding-bottom:84px;scroll-margin-top:30px }
.bi-logo-panel { display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:8%;align-items:center;padding:50px 0 56px;min-height:335px }
.bi-logo-display { min-width:0;min-height:225px;display:flex;align-items:center;justify-content:center }
.bi-horizontal>img { width:83%;height:auto;max-width:460px }
.bi-vertical>img { width:auto;max-width:240px;height:230px;object-fit:contain }
.bi-logo-description h3 { font-size:24px;font-weight:500;line-height:1.55;letter-spacing:-.025em;margin:15px 0 }
.bi-logo-description>p { font-size:14px;line-height:1.95;color:var(--color-muted);word-break:keep-all;max-width:390px }
.bi-logotypes { gap:40px }
.bi-logotypes>figure { min-width:0;flex:1;text-align:center }
.bi-logotypes img { width:100%;height:68px;object-fit:contain }
.bi-logotypes>figure:first-child img { height:68px;max-width:150px;margin:auto }
.bi-logotypes figcaption { font-size:11px;color:#85857c;margin-top:24px }
.bi-motion [data-reveal] { opacity:0;transform:translateY(20px);transition:opacity .65s ease-out,transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms) }
.bi-motion [data-reveal].is-visible, .bi-motion [data-reveal]:focus-within { opacity:1;transform:none }
.bi-motion [data-reveal]:focus-within { transition-delay:0ms }
@media print {
.bi-motion [data-reveal] { opacity:1!important;transform:none!important }
}
@media(max-width:1100px) {
.bi-hero { gap:30px 6%;padding-top:56px }
.bi-hero h1 { font-size:clamp(43px,5.3vw,60px) }
.bi-hero-logo { padding:25px;min-height:390px }
.bi-hero h2 { font-size:30px }
.bi-hero-copy>p { font-size:14px }
.desktop-break { display:none }
.bi-heading { gap:45px }
.bi-metaphor-layout { gap:7% }
.bi-logo-panel { gap:6% }
.bi-logotypes { gap:20px }
}
@media(max-width:800px) {
.bi-hero { grid-template-columns:1fr;gap:35px;padding-top:42px }
.bi-hero h1 { font-size:clamp(43px,8.8vw,65px);margin-bottom:26px }
.bi-hero h2 { font-size:31px }
.bi-hero-copy>p { font-size:15px;max-width:490px;line-height:1.85 }
.bi-hero-logo { min-height:0;width:100%;max-width:600px;justify-self:center;padding:35px 25px }
.bi-hero-logo>img { width:48%;max-width:260px }
.bi-meaning { margin-top:25px;padding:58px 0 50px }
.bi-heading { grid-template-columns:1fr;gap:20px;margin-bottom:32px }
.bi-heading h2 { font-size:31px;margin-top:15px }
.bi-heading>p { justify-self:start;max-width:520px;font-size:14px }
.bi-metaphor-layout { grid-template-columns:1fr;gap:30px }
.bi-system { padding-top:58px;padding-bottom:54px }
.bi-logo-panel { grid-template-columns:1fr;gap:28px;padding:30px 0 35px }
.bi-logo-display { min-height:200px }
.bi-horizontal>img { max-width:430px;width:88% }
.bi-vertical>img { height:220px }
.bi-logo-description h3 { font-size:23px;margin:12px 0 }
.bi-logo-description>p { max-width:560px }
.bi-logotypes { max-width:490px;justify-self:center;width:100%;gap:35px }
}
@media(max-width:400px) {
.bi-hero h1 { font-size:42px }
.bi-hero h2, .bi-heading h2 { font-size:28px }
.bi-hero-logo>img { width:62% }
}
@media(prefers-reduced-motion:reduce) {
.identity-page main * { animation:none!important;transition:none!important;scroll-behavior:auto!important }
.bi-motion [data-reveal] { opacity:1;transform:none }
}
.bi-primary-lockup { display:flex;align-items:center;justify-content:space-between;width:83%;max-width:460px }
.bi-primary-lockup>img:first-child { width:17.32%;height:auto }
.bi-primary-lockup>img:last-child { width:74.02%;height:auto }
@media(max-width:800px) {
.bi-primary-lockup { width:88%;max-width:430px }
}
.bi-system .bi-heading { grid-template-columns:1fr }
.bi-system .bi-heading h2 { margin-top:0 }
.bi-meaning { margin-top:65px;padding:80px 0 88px;background:var(--color-surface) }
.bi-metaphor-heading { margin-bottom:64px }
.bi-metaphor-heading h2 { font-size:32px;line-height:1.3;font-weight:500;letter-spacing:-.025em;margin:0 }
.bi-metaphor-heading h2::after { content:'';display:block;width:56px;height:2px;background:#433f3f;margin-top:20px }
.bi-metaphor-heading>p { font-size:15px;line-height:1.95;color:var(--color-muted);word-break:keep-all;margin:34px 0 0;max-width:1160px }
.bi-metaphor-layout { grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:center }
.bi-metaphor-stage { display:flex;align-items:center;justify-content:flex-start;min-width:0;padding-left:6%;border:0 }
.bi-metaphor-stage>img { width:75%;max-width:350px;height:auto;display:block }
.bi-metaphor-list { list-style:none;display:grid;gap:40px;margin:0;padding:0 }
.bi-metaphor-list>li { display:grid;grid-template-columns:68px minmax(0,1fr);gap:32px;align-items:center;min-height:68px }
.bi-metaphor-list>li>img { width:68px;height:auto;display:block }
.bi-metaphor-list>li:first-child>img { width:58px;justify-self:center }
.bi-metaphor-list h3 { font-size:15px;line-height:1.7;color:var(--color-muted);font-weight:400;margin:0 }
.bi-metaphor-list p { font-size:14px;line-height:1.8;color:#797970;word-break:keep-all;margin:0 }
.bi-curve { width:64px;aspect-ratio:682/640;justify-self:center;background:#000;mask:url('assets/brand-logo/logo-curve.png') center/contain no-repeat;-webkit-mask:url('assets/brand-logo/logo-curve.png') center/contain no-repeat }
@media(max-width:800px) {
.bi-meaning { margin-top:25px;padding:54px 0 58px }
.bi-metaphor-heading { margin-bottom:42px }
.bi-metaphor-heading h2 { font-size:28px }
.bi-metaphor-heading>p { font-size:14px;margin-top:27px }
.bi-metaphor-layout { grid-template-columns:1fr;gap:42px }
.bi-metaphor-stage { padding:0;justify-content:center }
.bi-metaphor-stage>img { width:56%;max-width:240px }
.bi-metaphor-list { gap:28px;width:100%;max-width:480px;justify-self:center }
.bi-metaphor-list>li { grid-template-columns:60px minmax(0,1fr);gap:24px }
.bi-metaphor-list>li>img { width:60px }
.bi-metaphor-list>li:first-child>img { width:52px }
.bi-curve { width:58px }
.bi-metaphor-list h3 { font-size:14px }
.bi-metaphor-list p { font-size:13px }
}

/* Shared mobile eyebrow size. */
@media (max-width:800px) {
.bi-eyebrow { font-size:12px; }
}