.page-intro__status{text-align:right}.principles-editorial{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);margin-top:72px;display:grid;overflow:hidden}.brand-principle{--principle-accent:var(--viva-cyan);grid-template-columns:90px minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(28px,4vw,60px);padding:56px 36px;display:grid;position:relative}.brand-principle:not(:last-child){border-bottom:1px solid var(--border-soft)}.brand-principle--orange{--principle-accent:var(--viva-coral)}.brand-principle--violet{--principle-accent:var(--viva-violet)}.brand-principle--cornflower{--principle-accent:var(--cornflower)}.brand-principle--purple{--principle-accent:var(--deep-purple)}[data-theme=dark] .brand-principle--purple{--principle-accent:var(--cornflower)}.brand-principle__index{color:var(--principle-accent);flex-direction:column;gap:28px;display:flex}.brand-principle__index span{letter-spacing:-.05em;font-size:42px;font-weight:800;line-height:1}.brand-principle__main{container-type:inline-size}.brand-principle__main h2{max-width:18ch;font-size:var(--text-h2);letter-spacing:-.035em;text-wrap:balance;margin:0 0 20px;line-height:1.06}.brand-principle__main>p{max-width:62ch;color:var(--ink-soft);font-size:var(--text-body);margin:0;line-height:1.68}.brand-principle__details{flex-direction:column;gap:24px;display:flex}.principle-applications>span{color:var(--principle-accent);font-size:var(--text-small);font-weight:800}.brand-principle--orange .principle-applications>span{color:var(--viva-coral-readable)}.principle-applications ul{flex-wrap:wrap;gap:8px 16px;margin:12px 0 0;padding:0;list-style:none;display:flex}.principle-applications li{color:var(--ink);font-size:var(--text-small);font-weight:700;position:relative}.principle-applications li:not(:last-child):after{content:"·";color:var(--principle-accent);position:absolute;right:-9px}.brand-principle blockquote{border-radius:var(--radius-md);background:color-mix(in srgb, var(--principle-accent) 9%, var(--surface-raised));gap:12px;margin:auto 0 0;padding:20px;display:flex}.brand-principle blockquote>svg{color:var(--principle-accent);flex:none}.brand-principle blockquote span{color:var(--muted);font-size:var(--text-small);font-weight:800}.brand-principle blockquote p{color:var(--ink);font-size:var(--text-small);margin:8px 0 0;font-weight:650;line-height:1.55}.principle-device{border-top:1px solid var(--border-soft);margin-top:32px;padding-top:16px}.principle-device>p{color:var(--principle-accent);font-size:var(--text-caption);letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;font-weight:800}.principle-device ol{align-items:center;margin:0;padding:0;list-style:none;display:flex}.principle-device li{min-width:0;color:var(--ink);font-size:var(--text-small);flex:0 auto;align-items:center;font-weight:800;display:flex}.principle-device li:not(:last-child):after{content:attr(data-connector);color:var(--principle-accent);margin:0 8px}.principle-device--clarity ol{flex-direction:column;align-items:flex-start;gap:4px}.principle-device--clarity li{background:color-mix(in srgb, var(--principle-accent) 9%, var(--surface));min-height:36px;padding:8px 12px}.principle-device--clarity li:first-child{width:100%}.principle-device--clarity li:nth-child(2){width:82%}.principle-device--clarity li:last-child{width:64%}.principle-device--clarity li:after,.principle-device--network li:after{display:none}.principle-device--balance li:nth-child(2){max-width:19ch}.principle-device--translation li:nth-child(2){background:color-mix(in srgb, var(--principle-accent) 10%, var(--surface));padding:8px 12px}.principle-device--network ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.principle-device--network li{background:color-mix(in srgb, var(--principle-accent) 8%, var(--surface));min-height:52px;padding:8px 12px;position:relative}.principle-device--network li:before{content:"";background:var(--principle-accent);border-radius:50%;flex:none;width:6px;height:6px;margin-right:8px}.principle-example{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);overflow:hidden}.principle-example>h3{color:var(--ink-soft);font-size:var(--text-small);margin:0;padding:12px 16px;font-weight:800}.principle-example__comparison{border-top:1px solid var(--border-soft)}.principle-example__comparison>div{grid-template-columns:18px minmax(0,1fr);gap:4px 8px;padding:16px;display:grid}.principle-example__comparison>div+div{border-top:1px solid var(--border-soft)}.principle-example__comparison svg{color:var(--principle-accent);grid-row:1/3}.principle-example__comparison>div:last-child svg{color:var(--viva-coral-readable)}.principle-example__comparison span{color:var(--muted);font-size:var(--text-caption);text-transform:uppercase;font-weight:800}.principle-example__comparison p{color:var(--ink);font-size:var(--text-small);margin:0;line-height:1.55}.principles-checklist{border-radius:var(--radius-lg);background:var(--viva-navy);color:#fff;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:64px;margin-top:72px;padding:56px;display:grid}.principles-checklist header h2{max-width:12ch;font-size:var(--text-h2);letter-spacing:-.035em;text-wrap:balance;margin:0;line-height:1.06}.principles-checklist header>p{max-width:42ch;color:color-mix(in srgb, #fff 78%, var(--viva-navy));font-size:var(--text-body);margin:20px 0 0;line-height:1.65}.principles-checklist header>div{border-top:1px solid color-mix(in srgb, #fff 22%, var(--viva-navy));margin-top:32px;padding-top:24px}.principles-checklist header>div strong{font-size:var(--text-small)}.principles-checklist header>div p{color:color-mix(in srgb, #fff 72%, var(--viva-navy));font-size:var(--text-small);margin:8px 0 0;line-height:1.6}.principles-checklist ol{border-top:1px solid color-mix(in srgb, #fff 22%, var(--viva-navy));margin:0;padding:0;list-style:none}.principles-checklist li{border-bottom:1px solid color-mix(in srgb, #fff 22%, var(--viva-navy));grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:16px;min-height:88px;padding:16px 0;display:grid}.principles-checklist li>span{color:var(--viva-cyan);font-size:var(--text-small);font-weight:800}.principles-checklist li p{font-size:var(--text-body);margin:0;font-weight:700;line-height:1.5}.principles-checklist li svg{color:var(--viva-cyan)}@container (max-width:480px){.principle-device--balance ol,.principle-device--journey ol,.principle-device--translation ol{flex-direction:column;align-items:flex-start}.principle-device--balance li,.principle-device--journey li,.principle-device--translation li{padding:4px 0 20px;display:block;position:relative}.principle-device--balance li:not(:last-child):after,.principle-device--journey li:not(:last-child):after,.principle-device--translation li:not(:last-child):after{content:"↓";margin:0;position:absolute;bottom:0;left:0}.principle-device--translation li:nth-child(2){padding:8px 12px 24px}}@media (max-width:1180px){.brand-principle{grid-template-columns:72px minmax(0,1fr)}.brand-principle__details{grid-column:2;grid-template-columns:.8fr 1.2fr;align-items:end;display:grid}}@media (max-width:640px){.page-intro__status{text-align:left;max-width:none;display:inline!important}.principles-editorial{margin-top:52px}.brand-principle{grid-template-columns:1fr;gap:24px;padding:40px 16px}.brand-principle__index{flex-direction:row;justify-content:space-between;align-items:center}.brand-principle__details{grid-column:auto;display:flex}.brand-principle__main h2{font-size:var(--text-h2)}.principles-checklist{grid-template-columns:1fr;gap:36px;margin-top:52px;padding:32px 20px}.principles-checklist li{grid-template-columns:32px minmax(0,1fr) 20px;gap:12px}}