.brand-page{--f-viet:'Be Vietnam Pro',Arial,sans-serif;--f-display:var(--font);line-height:1.45}.brand-wrap{max-width:1440px;margin:auto;padding:0 32px}.brand-hero{text-align:center;padding:135px 0 65px}.brand-hero .eyebrow-pill{font-size:9px;letter-spacing:.05em}.brand-hero h1{font-size:clamp(70px,8vw,124px);line-height:.96;letter-spacing:-.06em;margin:8px 0 26px}.brand-hero .lede{font-size:17px;line-height:1.4;color:#969ba3}.brand-hero-link{display:inline-flex;gap:28px;align-items:center;font-size:12px;margin-top:24px;color:#5b9ee1}.brand-hero-link span{font-size:19px}.brand-showcase{display:grid;grid-template-columns:1fr 1.06fr 1fr;gap:18px;margin-top:55px;padding:15px 0 35px;overflow:clip}.brand-object{height:330px;background:#f3eff8;position:relative;padding:21px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform-origin:50% 90%;will-change:transform}.brand-object>span{position:absolute;top:20px;left:20px;font-size:9px;color:#9894a3;letter-spacing:.035em}.brand-object>small{position:absolute;bottom:20px;left:20px;font-size:11px;color:#8d8b96}.brand-object-wordmark img{width:76%;max-width:270px;height:auto}.brand-object-icon{background:#eaf4fd}.brand-object-icon>img{width:135px;height:135px;object-fit:contain;filter:drop-shadow(0 16px 16px #193d6914)}.brand-object-type{background:#f5f3ed}.brand-object-type>strong{font-size:150px;letter-spacing:-.085em;font-weight:400;line-height:1}.brand-page .sec{padding:75px 0;border-top:1px solid #e8eaed}.brand-page .sec>h2{font-size:clamp(36px,4.3vw,64px);margin:0 0 20px;letter-spacing:-.047em}.brand-page .sub{color:#9198a2;font-size:17px;max-width:650px;line-height:1.5;margin:0 0 40px}.lgrid,.tgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lcard{border:1px solid #e7eaee;border-radius:3px;overflow:hidden;background:#f7f8fa}.lcard .stage{height:330px;padding:50px;display:grid;place-items:center}.lcard .stage img{width:min(360px,80%);height:auto}.lcard .stage img.icon{width:135px}.lcard.dark .stage{background:#15171d}.lmeta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px 20px;background:#fff;color:#20232a;border-top:1px solid #e7eaee}.lmeta .eyebrow{margin-right:auto;font-size:9px;color:#939aa3}.mini{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;background:#fff;border:1px solid #e2e6eb;border-radius:99px;font-size:11px;color:#6d7682;transition:background .3s,color .3s}.mini:hover{background:#edf5ff;color:#398ee0}.mini.ok{color:#2789d2;border-color:#b5daf8}.cgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:35px}.ccard{padding:0;text-align:left;border:1px solid #e6e9ee;border-radius:3px;background:#fff;overflow:hidden;transition:transform .4s var(--ease)}.ccard:hover{transform:translateY(-6px)}.ccard .swatch{height:200px}.cinfo{padding:22px 20px}.cname{font-size:24px;letter-spacing:-.035em}.chex{font-size:12px;color:#9ba1aa;margin-top:8px}.cuse{font-size:12px;color:#8a929e;margin-top:19px;line-height:1.4}.neutrals{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.ncell{background:#fff;padding:0;border:1px solid #e6e9ee;border-radius:3px;overflow:hidden}.nswatch{height:75px}.nhex{padding:12px;font-size:11px;color:#939aa3}.tcard{padding:35px;background:#f7f8fa;min-height:255px;border-radius:3px}.tcard>.eyebrow{font-size:9px;color:#949ba5;margin-bottom:25px}.tname{font-size:32px;letter-spacing:-.04em;margin-bottom:23px}.tsample{font-size:24px;line-height:1.35;margin-bottom:25px}.tsample.viet{font-family:var(--f-viet);font-size:21px}.tnote{font-size:12px;color:#959ca7}.tnote a{color:#579ddd;text-decoration:underline;text-underline-offset:3px}.tagline-panel{padding:65px 35px;text-align:center}.tagline-panel .eyebrow{color:#8e97a3;font-size:9px}.tagline-panel .tl{font-size:clamp(48px,7vw,104px);letter-spacing:-.055em;line-height:1.05}.kit{background:#08aaf3;color:#fff;padding:75px 35px;text-align:center}.kit h2{font-size:clamp(43px,5vw,74px);line-height:1.04;max-width:650px;margin:0 auto 25px}.kit p{max-width:550px;margin:0 auto 30px;color:#ffffffb8;font-size:17px}.btn{display:inline-flex;align-items:center;gap:28px;padding:14px 25px;border-radius:99px;font-size:14px;transition:transform .35s var(--ease)}.btn:hover{transform:translateY(-4px)}.btn-light{background:#fff;color:#15171d}.brand-page .footer{border-top:1px solid #e7eaee}.brand-page .word-mask{padding-bottom:.16em;margin-bottom:-.16em}
@media(max-width:1000px){.brand-object{height:260px}.brand-object-type>strong{font-size:115px}.brand-object-icon>img{width:110px;height:110px}.cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.lmeta .eyebrow{width:100%;margin-bottom:5px}.lcard .stage{height:260px}}
@media(max-width:760px){.brand-wrap{padding:0 20px}.brand-hero{padding-top:120px;padding-bottom:45px}.brand-hero h1{font-size:79px}.brand-hero .lede{font-size:15px}.brand-showcase{display:flex;gap:12px;margin:40px -20px 0;justify-content:center;padding:15px 0 30px}.brand-object{width:235px;min-width:235px;height:285px}.brand-object>span{font-size:8px;left:16px}.brand-object>small{font-size:9px;left:16px}.brand-object-icon>img{width:125px;height:125px}.brand-page .sec{padding:50px 0}.brand-page .sec>h2{font-size:39px}.brand-page .sub{font-size:15px;margin-bottom:28px}.lgrid,.tgrid{grid-template-columns:1fr;gap:20px}.lcard .stage{height:255px;padding:30px}.lmeta{padding:17px}.cgrid{gap:12px}.ccard .swatch{height:140px}.cinfo{padding:15px}.cname{font-size:21px}.cuse{font-size:11px;margin-top:15px}.neutrals{grid-template-columns:repeat(3,1fr)}.nswatch{height:65px}.nhex{font-size:9px;padding:10px}.tcard{padding:27px;min-height:240px}.tname{font-size:29px}.tsample{font-size:23px}.tagline-panel{padding:40px 0}.tagline-panel .tl{font-size:54px}.kit{padding:45px 22px}.kit h2{font-size:43px}.kit p{font-size:15px}.brand-page .sec#kit{border:0;padding-top:0}.brand-page .footer{margin-top:0}}
@media(prefers-reduced-motion:reduce){.brand-object{will-change:auto;transform:none!important}}