.brand-opening{padding:52px 0 28px}.brand-opening-copy{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:29px}.brand-opening h1{font-size:clamp(34px,3.6vw,54px);line-height:1.3;letter-spacing:-1.5px;margin:0}.brand-opening-copy .lead{font-size:15px;margin:0;color:#66717e}.approved-art{margin:0;background:white;border:1px solid var(--border);border-radius:18px;overflow:hidden}.art-caption{display:flex;justify-content:space-between;gap:16px;padding:18px 25px;font-size:11px;letter-spacing:1px;color:#687280;border-bottom:1px solid #edf0f3}.art-caption span:first-child{color:#b6322e;font-weight:700}.approved-art>img{display:block;width:100%;height:auto}.approved-art figcaption{font-size:12px;text-align:center;color:#6b7581;padding:13px 20px 20px;line-height:1.8}.brand-jump{display:flex;justify-content:center;gap:45px;padding-top:25px;font-size:13px}.brand-jump a{text-decoration:none}.story-layout{display:grid;grid-template-columns:.7fr 1.6fr;gap:60px;align-items:start;margin:38px 0}.story-quote{padding:24px 30px 32px;background:#eeeae8;border-radius:14px}.quote-mark{color:#c03a32;font-size:65px;line-height:1}.story-quote p{font-size:29px;line-height:1.6;margin:0 0 25px;font-weight:650;letter-spacing:1px}.story-quote>span:last-child{font-size:11px;color:#6e6e70}.story-prose p{font-size:15px;line-height:2.05;color:#56616f;margin:0 0 20px}.story-prose strong{color:#242d38}.design-reasons{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.design-reasons article{border-top:2px solid #dcdfe5;padding:20px 0 0}.design-reasons article>span{font-size:11px;color:#bd3831;font-weight:700}.design-reasons h3{font-size:16px;margin:15px 0 11px}.design-reasons p{font-size:13px;color:#66717e;margin:0}.shape-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.shape-example,.background-example{margin:0;border:1px solid var(--border);background:white;border-radius:14px;overflow:hidden}.shape-stage{height:270px;background:#f0f2f5;display:flex;align-items:center;justify-content:center}.identity-frame{background:#d9322b;width:185px;height:185px;display:flex;align-items:center;justify-content:center}.identity-frame.rounded{border-radius:38px}.identity-frame.circle{border-radius:50%}.identity-frame img{width:82%;height:82%;object-fit:contain}.shape-example figcaption,.background-example figcaption{padding:19px 22px}.shape-example figcaption b,.background-example figcaption b{font-size:15px;display:block}.shape-example figcaption span,.background-example figcaption span{display:block;font-size:12px;color:#697582;margin-top:6px}.subsection-heading{margin:32px 0 21px}.subsection-heading h3{font-size:20px;margin:0 0 9px}.subsection-heading p{font-size:13px;color:#67717e;line-height:1.9;margin:0;max-width:900px}.background-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.background-stage{height:255px;background:var(--scene-bg);display:flex;align-items:center;justify-content:center}.background-stage img{width:85%;height:88%;object-fit:contain}.background-example code{font-size:10px;color:#7e8792;display:block;margin-top:12px}.scenario-note{font-size:12px;color:#6a7481;line-height:1.9;border-left:2px solid #d3dae3;margin:22px 0 0;padding:0 16px}.identity-evolution{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.identity-evolution article{border:1px solid var(--border);border-radius:14px;background:white;padding:20px 27px 25px}.evolution-image{display:flex;align-items:center;justify-content:center;height:205px;margin-bottom:20px;background:#f1f3f6;border-radius:10px}.evolution-image img{object-fit:contain}.evolution-image>img[src$="v-system.svg"]{width:120px;height:120px}.identity-evolution h3{margin:12px 0}.identity-evolution p{font-size:13px;color:#687380;line-height:1.9;margin:0}.vi-family{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.vi-card{padding:23px;background:white;border:1px solid var(--border);border-top:3px solid var(--identity-color);border-radius:14px}.vi-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.vi-card-top>img{width:65px;height:65px}.vi-card-top>span{font-size:12px;color:#687483;text-align:right}.vi-card-top code{display:block;margin-top:8px;font-size:11px}.vi-card h3{font-size:21px;margin:23px 0 17px}.vi-card h3 span{display:block;font-size:12px;font-weight:400;color:#6b7683;margin-top:6px;min-height:36px}.vi-card p{font-size:12px;color:#687380;margin:7px 0 18px;line-height:1.95;min-height:69px}.vi-card p.vi-role{color:#37404d;font-size:13px;font-weight:600;min-height:0;margin-bottom:8px}.vi-title-example{display:flex;align-items:center;gap:10px;padding:13px 10px;background:#f2f4f7;border:1px solid #e7ebf0;border-radius:9px;margin:20px 0 17px}.vi-title-example img{width:30px;height:30px}.vi-title-example b{font-size:12px;display:block}.vi-title-example small{font-size:9px;color:#718091;display:block;margin-top:3px}.vi-card>a{font-size:12px}.brand-story .section-heading>p{max-width:550px}
@media(max-width:1100px){.vi-family{grid-template-columns:repeat(2,1fr)}.design-reasons{grid-template-columns:repeat(2,1fr);gap:25px}.story-layout{gap:30px;grid-template-columns:1fr 2fr}.story-quote{padding:25px}.story-quote p{font-size:24px}.background-gallery{grid-template-columns:repeat(2,1fr)}.background-stage{height:280px}.vi-card h3 span{min-height:0}.vi-card p{min-height:0}}@media(max-width:700px){.brand-opening{padding:32px 0 25px}.brand-opening-copy{display:block}.brand-opening h1{font-size:34px;letter-spacing:-1px}.brand-opening-copy .lead{margin-top:16px;font-size:14px}.art-caption{padding:13px 15px;display:block;line-height:1.8;font-size:10px}.art-caption span{display:block}.art-caption span+span{margin-top:4px}.approved-art{border-radius:12px}.approved-art figcaption{font-size:11px;padding:10px 13px 13px}.brand-jump{gap:15px;flex-wrap:wrap;font-size:11px;padding-top:20px}.story-layout{grid-template-columns:1fr;gap:25px;margin:25px 0}.story-quote{padding:18px 22px}.quote-mark{font-size:40px}.story-quote p{font-size:24px;margin-bottom:16px}.story-prose p{font-size:14px;line-height:2}.design-reasons{gap:23px 18px}.design-reasons h3{font-size:15px}.design-reasons p{font-size:12px}.shape-gallery{gap:9px}.shape-stage{height:132px}.identity-frame{width:89px;height:89px}.identity-frame.rounded{border-radius:19px}.shape-example figcaption{padding:12px 8px}.shape-example figcaption b{font-size:13px}.shape-example figcaption span{font-size:10px;line-height:1.8}.background-gallery{gap:12px}.background-stage{height:190px}.background-example figcaption{padding:15px}.background-example figcaption b{font-size:13px}.background-example figcaption span{font-size:10px}.identity-evolution{grid-template-columns:1fr}.identity-evolution article{padding:20px}.identity-evolution .evolution-image{height:175px}.evolution-image>img{max-height:165px}.vi-family{grid-template-columns:1fr}.vi-card{padding:23px}.vi-card h3 span{min-height:0}.vi-title-example{max-width:300px}.subsection-heading h3{font-size:18px}}@media(max-width:360px){.shape-gallery{grid-template-columns:1fr}.shape-stage{height:180px}.identity-frame{width:125px;height:125px}.shape-example figcaption{text-align:center}.background-gallery{grid-template-columns:1fr}}@media print{.approved-art,.shape-example,.background-example,.vi-card,.identity-evolution article{break-inside:avoid}.brand-opening{padding:20px 0}.brand-jump{display:none}.story-layout{gap:25px}.vi-family{grid-template-columns:repeat(2,1fr)}.background-stage{print-color-adjust:exact}.identity-frame{print-color-adjust:exact}}
/* Preserve the approved source pixels: viewport crop, no redraw or alpha simulation. */
.approved-mascot-crop{position:relative;width:180px;aspect-ratio:350/380;overflow:hidden;background:#fff;border-radius:10px;flex-shrink:0}
.approved-mascot-crop>img{position:absolute!important;left:-50%!important;top:-29.473684%!important;width:553.428571%!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:initial!important}
.background-stage .approved-mascot-crop{width:min(74%,185px);box-shadow:0 0 0 1px #ffffff44}
.evolution-image .approved-mascot-crop{width:150px}
@media(max-width:700px){.background-stage .approved-mascot-crop{width:80%;max-width:145px}.evolution-image .approved-mascot-crop{width:140px}}
.standalone-mascot-stage{display:flex;justify-content:center;align-items:center;padding:25px;background:#fff}.standalone-mascot-stage .approved-mascot-crop{width:350px;max-width:85%;border-radius:0}
.brand-lockup-gallery{display:grid;grid-template-columns:1.65fr 1fr;gap:20px}.brand-lockup-example{margin:0;background:white;border:1px solid var(--border);border-radius:14px;overflow:hidden}.lockup-stage{height:310px;display:flex;align-items:center;justify-content:center;padding:20px;background:white}.lockup-crop{position:relative;overflow:hidden;flex-shrink:0}.lockup-crop img{position:absolute;max-width:none!important;height:auto!important;object-fit:initial!important}.horizontal-lockup{width:100%;aspect-ratio:1050/430}.horizontal-lockup img{width:184.47619%;left:-15.238095%;top:-23.255814%}.vertical-lockup{height:100%;aspect-ratio:600/570;max-width:100%}.vertical-lockup img{width:322.833333%;left:-208.333333%;top:-12.280702%}.brand-lockup-example figcaption{border-top:1px solid #edf0f3;padding:20px 23px}.brand-lockup-example figcaption b{display:block;font-size:17px}.brand-lockup-example figcaption span{display:block;font-size:12px;color:#66717e;margin-top:7px}.brand-lockup-example figcaption p{font-size:12px;color:#66717e;margin:9px 0 0}
@media(max-width:700px){.standalone-mascot-stage{padding:15px}.standalone-mascot-stage .approved-mascot-crop{width:255px}.brand-lockup-gallery{grid-template-columns:1fr}.lockup-stage{height:260px;padding:16px}.brand-lockup-example:first-child .lockup-stage{height:185px}.brand-lockup-example figcaption{padding:17px 20px}}
@media print{.brand-lockup-example{break-inside:avoid}}
.horizontal-lockup{max-width:659px}