/* The Tavio identity page uses the site's shared typography, colors and controls. */
.brand-profile-page .service-hero-grid { grid-template-columns:1.28fr .82fr; gap:64px; }
.brand-profile-page .service-hero h1 { font-size:clamp(37px,4.1vw,59px); }
.brand-profile-page .service-lead strong { font-weight:500; color:var(--text); }
.brand-identity { min-height:0; padding:32px; }
.brand-identity-mark { width:104px; height:104px; display:grid; place-items:center; margin-top:32px; margin-bottom:25px; border:1px solid var(--line); border-radius:24px; background:#ada1ff0b; }
.brand-identity-mark img { width:76px; height:76px; }
.brand-identity-name { font-size:33px; line-height:1.2; letter-spacing:-.045em; }
.brand-identity-role { margin-top:9px; color:var(--muted); font-size:12px; }
.brand-facts { margin:27px 0 23px; }
.brand-facts > div { display:flex; justify-content:space-between; align-items:baseline; gap:18px; padding:14px 0; border-top:1px solid var(--line); }
.brand-facts dt { font-size:10px; line-height:1.7; color:var(--muted); }
.brand-facts dd { margin:0; text-align:right; font-size:12px; line-height:1.6; }
.brand-identity .text-link { font-size:12px; }
.brand-guide-link { border-top:1px solid var(--line); padding-top:25px; margin-top:12px; }
.brand-guide-link p { max-width:900px; font-size:14px; }
.brand-profile-page #francis { scroll-margin-top:105px; }
@media(min-width:851px) and (max-width:1150px) { .brand-profile-page .service-hero-grid { gap:34px; } .brand-identity { padding:25px; } .brand-identity-name { font-size:29px; } .brand-facts > div { gap:10px; } }
@media(max-width:850px) { .brand-profile-page .service-hero-grid { grid-template-columns:1fr; gap:42px; } .brand-profile-page .service-hero h1 { font-size:clamp(38px,6.6vw,56px); } .brand-identity { max-width:580px; } }
@media(max-width:620px) { .brand-profile-page .service-hero h1 { font-size:clamp(33px,8vw,46px); } .brand-identity { padding:25px 22px; } .brand-identity-mark { margin-top:25px; width:88px; height:88px; border-radius:20px; } .brand-identity-mark img { width:62px; height:62px; } .brand-identity-name { font-size:31px; } .brand-facts dd { font-size:11px; } .brand-guide-link p { font-size:14px; } }