/* Arriva communication work and original character design have distinct roles. */
.arriva-identity-art{display:grid;grid-template-columns:.9fr 1.1fr;grid-template-rows:minmax(0,1fr);align-items:stretch;position:relative;background:#202b32;aspect-ratio:16/10;min-width:0;overflow:hidden;color:#f2f4f6;container-type:inline-size}
.arriva-identity-logo{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7%;padding:12% 10%;text-align:center;min-width:0}
.arriva-identity-logo>span{font:600 clamp(7px,1.3cqw,10px)/1.4 "Avenir Next",Arial,sans-serif;letter-spacing:.14em;color:#b7c3ce}
.arriva-identity-art .arriva-identity-logo img{display:block;width:76%;height:auto;max-height:49%;object-fit:contain}
.arriva-identity-logo small{display:block!important;color:#b8c4cf!important;font:500 clamp(9px,1.9cqw,14px)/1.55 "Avenir Next",Arial,sans-serif!important}
.arriva-identity-work{min-height:0;display:flex;align-items:center;justify-content:center;padding:8% 12% 8% 0;min-width:0;background:linear-gradient(100deg,transparent,#78918324)}
.arriva-identity-art .arriva-identity-work img{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 16px #0005)}
.arriva-identity-detail{aspect-ratio:1/1.1;max-height:none;grid-template-columns:.86fr 1.14fr;width:100%;border:1px solid #b2c0d520}
.arriva-identity-detail .arriva-identity-logo{padding:12% 5%}
.arriva-identity-detail .arriva-identity-work{padding:10% 8% 10% 0}
.identity-case-intro{max-width:640px;color:#b0bdcd;font-size:16px;line-height:1.75;margin:-8px 0 36px}
.poki-creator{margin-top:22px;color:#97a8bf;font-size:12px;line-height:1.6}
.poki-creator strong{color:#d5ddea;font-weight:600}
#brand-service,#poki-character{scroll-margin-top:100px}
@media(max-width:760px){.arriva-identity-detail{max-width:440px;justify-self:center}.identity-case-intro{font-size:14px}.poki-creator{font-size:11px}#brand-service,#poki-character{scroll-margin-top:80px}}