.brand-guide-page{color:#f6f2ec;background:#08090b;min-height:100vh}.brand-guide-page a{color:inherit}.brand-guide-hero{background:linear-gradient(90deg,#07090cef 0 44%,#07090c70 68%,#07090c30),url(/assets/heroes-v4/ranking.webp) 50%/cover no-repeat;border-bottom:1px solid #c79a5266;justify-content:space-between;align-items:end;gap:40px;min-height:520px;padding:clamp(86px,10vw,150px) max(5vw,50vw - 640px) 72px;display:flex;position:relative;overflow:hidden}.brand-guide-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#08090b);height:42%;position:absolute;inset:auto 0 0}.brand-guide-hero>div{z-index:1;max-width:850px;position:relative}.brand-guide-hero span,.brand-guide-intro>span,.brand-guide-columns article>span,.brand-guide-questions span,.brand-guide-related header span{color:#d9ad66;letter-spacing:.17em;font-size:12px;font-weight:900}.brand-guide-hero h1{letter-spacing:-.055em;max-width:950px;margin:18px 0;font-size:clamp(44px,5.5vw,76px);line-height:.98}.brand-guide-hero p{color:#d9d4ce;max-width:760px;font-size:clamp(18px,1.5vw,23px);line-height:1.55}.brand-guide-hero>svg{z-index:1;color:#d3a45a;opacity:.7;width:clamp(80px,10vw,150px);height:auto;position:relative}.brand-guide-disclosure,.brand-guide-intro,.brand-guide-columns,.brand-guide-questions,.brand-guide-related,.brand-guide-method{width:min(1280px,90vw);margin-inline:auto}.brand-guide-disclosure{background:#121113;border:1px solid #bd98545c;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:28px;padding:18px 20px;display:grid}.brand-guide-disclosure svg{color:#dcb267}.brand-guide-disclosure p{color:#cbc3b9;margin:0;font-size:13px;line-height:1.55}.brand-guide-disclosure a,.brand-guide-method a{color:#e2bb76;letter-spacing:.09em;align-items:center;gap:8px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.brand-guide-disclosure a svg,.brand-guide-method a svg{width:15px}.brand-guide-intro{padding:clamp(80px,9vw,130px) 0 70px}.brand-guide-intro h2{letter-spacing:-.04em;max-width:1050px;margin:18px 0 26px;font-size:clamp(34px,4vw,58px);line-height:1.08}.brand-guide-intro p{color:#bcb6af;max-width:850px;margin:0;font-size:20px;line-height:1.7}.brand-guide-columns{grid-template-columns:1fr 1fr;gap:22px;display:grid}.brand-guide-columns article{background:linear-gradient(145deg,#141518,#0b0c0e);border:1px solid #ffffff17;padding:clamp(28px,4vw,52px)}.brand-guide-columns h2{letter-spacing:-.035em;margin:18px 0 30px;font-size:clamp(27px,3vw,42px)}.brand-guide-columns ul{gap:18px;margin:0;padding:0;list-style:none;display:grid}.brand-guide-columns li{color:#d4cec7;grid-template-columns:auto 1fr;align-items:start;gap:12px;font-size:17px;line-height:1.5;display:grid}.brand-guide-columns li svg{color:#d4a458;width:19px}.brand-guide-questions{grid-template-columns:.8fr 1.2fr;gap:70px;padding:clamp(90px,10vw,140px) 0;display:grid}.brand-guide-questions h2{letter-spacing:-.04em;font-size:clamp(34px,4vw,58px);line-height:1.05}.brand-guide-questions ol{gap:16px;padding:0;list-style:none;display:grid}.brand-guide-questions li{color:#ebe5dd;border-bottom:1px solid #ffffff1f;grid-template-columns:55px 1fr;align-items:center;min-height:82px;padding:16px 20px;font-size:19px;line-height:1.4;display:grid}.brand-guide-questions li b{color:#d4a45a;font-size:14px}.brand-guide-related{background:#13100c;border:1px solid #b78e4c66;padding:65px}.brand-guide-related header{align-items:center;gap:15px;margin-bottom:30px;display:flex}.brand-guide-related header svg{color:#d6aa63}.brand-guide-related h2{margin:5px 0 0;font-size:37px}.brand-guide-related>div{grid-template-columns:1fr 1fr;gap:14px;display:grid}.brand-guide-related a{background:#08090b;grid-template-columns:1fr auto;gap:10px;padding:22px;text-decoration:none;display:grid}.brand-guide-related a span{color:#b99a67;text-transform:uppercase;letter-spacing:.11em;grid-column:1/-1;font-size:11px}.brand-guide-related a strong{font-size:18px;line-height:1.35}.brand-guide-related a svg{color:#d7ab63}.brand-guide-method{padding:80px 0 120px}.brand-guide-method h2{font-size:34px}.brand-guide-method p{color:#aaa39b;max-width:850px;font-size:17px;line-height:1.7}.brand-guide-method a{margin-top:14px}@media (max-width:760px){.brand-guide-hero{background-position:64%;min-height:430px;padding:85px 20px 50px}.brand-guide-hero>svg{display:none}.brand-guide-disclosure,.brand-guide-intro,.brand-guide-columns,.brand-guide-questions,.brand-guide-related,.brand-guide-method{width:calc(100% - 40px)}.brand-guide-disclosure{grid-template-columns:auto 1fr}.brand-guide-disclosure a{grid-column:2}.brand-guide-columns,.brand-guide-questions,.brand-guide-related>div{grid-template-columns:1fr}.brand-guide-questions{gap:30px}.brand-guide-related{padding:28px 20px}.brand-guide-intro p{font-size:18px}}