/* Approved SolarKoom logo and SolarSensei SF6 artwork. */
.brand .brand-lockup{display:block;width:220px;height:auto;max-width:100%;border-radius:0;aspect-ratio:3/1;object-fit:contain}
header .brand{position:relative}
header .brand .brand-tagline{position:absolute;left:27%;top:77%;margin:0;color:#365b48;font-family:'Noto Sans Thai',sans-serif;font-size:10px;font-weight:400;line-height:1.4;letter-spacing:0;white-space:nowrap}
footer .brand .brand-lockup{width:180px}
.mascot-avatar,.sensei-brand>.mascot-avatar{position:relative;display:block;flex-shrink:0;overflow:hidden;width:44px;height:44px;border-radius:50%;background:#e9eddf;border:1px solid #b9c9aa}
.mascot-avatar img{position:absolute;display:block;width:122%;max-width:none;height:auto;left:-13%;top:-3%}
.sensei-layout{grid-template-columns:minmax(0,1fr) minmax(170px,.7fr) minmax(0,1fr);gap:32px}
.sensei-layout>div,.sensei-visual{min-width:0}
.sensei-visual{margin:0;position:relative;isolation:isolate;align-self:center}
.sensei-visual:before{content:'';position:absolute;inset:8% -12%;background:radial-gradient(ellipse,#9aac6d2b,transparent 69%);z-index:-1}
.sensei-visual>img{display:block;width:100%;height:auto;max-width:285px;margin:auto;filter:drop-shadow(0 12px 16px #031b1638)}
.sensei-section .sensei-brand{gap:10px;font-size:24px;letter-spacing:-.6px;margin-top:20px}
.sensei-section h2{font-size:29px}
.sensei-section .conversation{transform:none}
.sensei-launcher{gap:10px;padding:8px 14px 8px 8px}
.sensei-launcher>.mascot-avatar{width:43px;height:43px}
.dialog-heading .mascot-avatar{width:42px;height:42px}
@media(max-width:1050px) and (min-width:761px){.sensei-layout{grid-template-columns:minmax(0,1fr) minmax(180px,.65fr);gap:24px 45px}.sensei-layout>.conversation{grid-column:1/-1;max-width:650px;width:100%;margin:auto}.sensei-section h2{font-size:30px}.sensei-visual>img{max-width:230px}}
@media(max-width:760px){.brand .brand-lockup{width:176px;height:auto}.sensei-layout{grid-template-columns:1fr;gap:25px}.sensei-visual{order:1}.sensei-visual:before{inset:8% 0}.sensei-layout>.conversation{order:2}.sensei-visual>img{width:min(240px,70%)}.sensei-launcher{width:54px;height:54px;padding:0;right:14px;bottom:14px}.sensei-launcher>.mascot-avatar{width:48px;height:48px}.sensei-section h2{font-size:29px}footer .brand .brand-lockup{width:180px}}
@media(max-width:360px){.brand .brand-lockup{width:151px}.nav{gap:6px}.nav-button{padding-inline:8px;font-size:10px}}
@media(max-width:760px){header .brand .brand-tagline{font-size:9px}}
@media(max-width:360px){header .brand .brand-tagline{font-size:8px}}