.about-brand{color:#0f172a;background:0 0}.dark .about-brand{color:#f8fafc}.about-brand-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:38px;max-width:1600px;margin:auto;padding:138px 40px 100px;display:grid}.about-brand-intro{min-width:0}.about-brand-label{letter-spacing:.15em;text-transform:uppercase;color:#087c8f;margin-bottom:25px;font-size:11px;font-weight:600}.dark .about-brand-label{color:#67e8f9}.about-brand-hero h1{font-family:var(--font-space-grotesk);letter-spacing:-.055em;font-size:clamp(50px,5.6vw,84px);font-weight:600;line-height:1.06}.about-brand-hero h1 span{color:#087c8f}.dark .about-brand-hero h1 span{color:#67e8f9}.about-brand-subtitle{color:#52667a;max-width:520px;margin-top:26px;font-size:18px;line-height:1.8}.dark .about-brand-subtitle{color:#a3b2c7}.about-mascot-intro{align-items:start;gap:16px;max-width:440px;margin-top:36px;display:flex}.about-mascot-rule{background:#06b6d4;flex-shrink:0;width:27px;height:1px;margin-top:10px}.about-mascot-intro strong{margin-bottom:9px;font-size:13px;font-weight:600;display:block}.about-mascot-intro p>span{color:#52667a;font-size:12px;line-height:1.8;display:block}.dark .about-mascot-intro p>span{color:#a3b2c7}.about-mascot-portrait{aspect-ratio:1.1;background:#020617;border-radius:22px;margin:0;position:relative;overflow:hidden}.about-mascot-portrait img{object-fit:cover;object-position:center}.dark :is(.about-mascot-portrait,.about-mascot-story){mix-blend-mode:screen;background:0 0;border-color:#0000}.about-mascot-story{background:#020617;border:1px solid #223247;border-radius:22px;margin:0;overflow:hidden}.about-mascot-story img{width:100%;height:auto;display:block}.about-mascot-story figcaption{color:#a3b2c7;padding:18px 22px;font-size:11px;line-height:1.7}@media (max-width:1023px){.about-brand-hero{gap:26px;padding:135px 24px 75px}.about-brand-hero h1{font-size:52px}.about-brand-subtitle{font-size:15px}.about-mascot-portrait{aspect-ratio:.8}.about-mascot-intro{margin-top:26px}}@media (max-width:767px){.about-brand-hero{grid-template-columns:1fr;gap:30px;padding:125px 24px 64px}.about-brand-hero h1{font-size:clamp(43px,9.8vw,70px)}.about-brand-subtitle{margin-top:23px;font-size:16px}.about-mascot-portrait{aspect-ratio:1.1;border-radius:16px}.about-mascot-story{border-radius:16px}.about-brand-label{margin-bottom:20px;font-size:10px}}@media (prefers-reduced-motion:reduce){.about-brand *{transition:none!important;animation:none!important}}