@font-face{font-family:Pretendard;src:url('/assets/fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body.brand-resources-page{margin:0;background:#000;color:#fff;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
body.brand-resources-page a{color:inherit;text-decoration:none}
body.brand-resources-page button{font:inherit}
body.brand-resources-page img{display:block;max-width:100%}
body.brand-resources-page h1,body.brand-resources-page h2,body.brand-resources-page h3,body.brand-resources-page h4,body.brand-resources-page p{margin:0}
body.brand-resources-page a:focus-visible,body.brand-resources-page button:focus-visible{outline:2px solid #7c8aff;outline-offset:5px}
.brand-skip{position:absolute;left:20px;top:-70px;background:#fff;color:#141414!important;padding:12px 20px;z-index:20;border-radius:8px}
.brand-skip:focus{top:14px}
.resources-header{position:relative;z-index:5;background:#000}
.resources-header-inner{max-width:1080px;margin:auto;min-height:82px;display:flex;justify-content:space-between;align-items:center;padding:0 20px}
.resources-brand{display:flex;align-items:center;gap:8px;white-space:nowrap}
.resources-brand>img:first-child{width:16px;height:26px}
.resources-brand>img:nth-child(2){width:103px;height:auto}
.resources-brand>span{font-size:17px;letter-spacing:-.5px;font-weight:400;margin-left:1px}
.back-to-site{font-size:12px;color:#a5a8b0!important;display:flex;gap:10px;align-items:center}
.back-to-site:hover{color:#fff!important}
.resources-layout{max-width:1080px;margin:6px auto 160px;padding:0 20px;display:grid;grid-template-columns:170px minmax(0,1fr);gap:30px;align-items:start}
.resources-sidebar{position:sticky;top:40px;padding-top:1px}
.contents-nav{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.contents-nav a{font-size:13px;color:#91949d!important;padding:5px 0 5px 9px;line-height:1.65;transition:color .2s}
.contents-nav a:hover,.contents-nav a.is-current{color:#fff!important}
.contents-nav .contents-group{font-weight:600;color:#c1c4cd!important;padding-left:0;margin-bottom:1px}
.contents-nav .separated{margin-top:43px}
.contents-toggle{display:none}
.resources-main{min-width:0}
.brand-story-banner{position:relative;display:flex;align-items:center;justify-content:center;height:172px;overflow:hidden;border-radius:20px;background:radial-gradient(ellipse at 65% 70%,#15287c 0,#080f30 54%,#050919 100%)}
.story-ribbon{position:absolute;right:-160px;top:-430px;width:750px;height:auto;transform:rotate(24deg);opacity:.35;mix-blend-mode:screen;pointer-events:none}
.brand-story-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0009,transparent 60%,#0003);pointer-events:none}
.story-copy{position:relative;z-index:1;text-align:center;padding:20px}
.story-copy h2{font-size:23px;font-weight:650;letter-spacing:-.65px;margin-bottom:12px!important}
.story-button{display:inline-flex;align-items:center;gap:12px;border:1.5px solid #fff;border-radius:25px;padding:6px 16px;font-size:13px;font-weight:600;transition:background .2s}
.brand-story-banner:hover .story-button{background:#ffffff18}
.identity-section{padding-top:95px}
.identity-section>h1,.section-group-title{font-size:44px;line-height:1.25;font-weight:650;letter-spacing:-1.6px}
.resource-section{padding-top:74px;scroll-margin-top:24px}
.resource-section h2,.resource-heading{font-size:25px;font-weight:600;letter-spacing:-.65px;line-height:1.4}
.section-description{font-size:14px;color:#a6a8b0;line-height:1.85;margin-top:21px!important;margin-bottom:30px!important;word-break:keep-all;max-width:810px}
.asset-grid{display:grid;gap:20px}
.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}
.asset-card{overflow:hidden;border-radius:20px;display:flex;flex-direction:column;min-width:0}
.light-card{background:#fff;color:#40434b}
.dark-card{background:#141414;color:#e3e4e9;box-shadow:inset 0 0 0 1px #242424}
.asset-card-top{display:flex;align-items:center;justify-content:space-between;padding:22px 25px 0;gap:12px}
.asset-card-top h3{font-size:14px;font-weight:500;letter-spacing:-.2px}
.asset-card-top>span{font-size:11px;color:#747880;letter-spacing:.2px}
.dark-card .asset-card-top>span{color:#a5a7b0}
.asset-preview{display:flex;align-items:center;justify-content:center;flex:1;min-width:0}
.signature-preview{height:348px}
.signature-preview img{width:88%;height:auto}
.asset-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 25px 22px;font-size:11px;color:#90939d}
.download-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:#3c6fd7!important;border-radius:2px;white-space:nowrap}
.download-link:hover{color:#3180f9!important}
.dark-card .download-link{color:#aab6ff!important}
.download-icon{display:inline-block;width:15px;height:15px;position:relative;flex:none;background:linear-gradient(currentColor,currentColor) center 0/1.5px 9px no-repeat}
.download-icon:before{content:'';position:absolute;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);top:3px;left:4px}
.download-icon:after{content:'';position:absolute;left:1px;right:1px;bottom:0;height:5px;border:1.5px solid currentColor;border-top:0;border-radius:0 0 2px 2px}
.symbol-preview{height:265px;padding:22px}
.symbol-preview img{height:205px;width:auto;max-width:85%;object-fit:contain}
.symbol-card .asset-card-top{padding:21px 20px 0}
.symbol-card .asset-card-bottom{padding:0 20px 22px}
.mono-preview{height:218px}
.mono-preview img{width:94%;height:auto}
.wordmark-preview{height:174px;padding:30px}
.wordmark-preview img{width:86%;height:auto}
.color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.color-card{border-radius:20px;min-height:236px;padding:28px;display:flex;flex-direction:column;justify-content:space-between}
.color-card h3{font-size:20px;font-weight:550;letter-spacing:-.35px}
.color-card p{font-size:12px;opacity:.7;line-height:1.75}
.blue-swatch{background:#3180f9;color:#071525}
.black-swatch{background:#141414;color:#fff;box-shadow:inset 0 0 0 1px #242424}
.white-swatch{background:#fff;color:#141414}
.mist-swatch{background:#f3f7ff;color:#141414}
.color-copy{background:none;color:inherit;border:0;padding:4px 0;display:inline-flex;align-items:center;gap:10px;font-size:15px!important;font-weight:500;cursor:pointer}
.color-copy span{font-size:18px;opacity:.7}
.guidelines-section,.media-section{padding-top:115px;scroll-margin-top:30px}
.spacing-diagram{background:#fff;color:#626772;border-radius:20px;padding:25px 30px}
.diagram-caption{display:flex;justify-content:space-between;gap:20px;font-size:12px}
.diagram-art{position:relative;margin:20px 0}
.diagram-art img{width:100%;height:auto}
.clearspace-outline{position:absolute;inset:16.66% 5%;border:1px dashed #9da9d6;pointer-events:none}
.diagram-ratios{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e8e9ef;padding-top:18px;font-size:12px}
.diagram-ratios strong{font-weight:500;color:#3180f9;padding-left:5px}
.rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 20px}
.rule-art{position:relative;background:#f3f7ff;border-radius:15px;height:165px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.rule-art>img{height:100px;width:auto;mix-blend-mode:multiply;position:relative;z-index:1}
.rule-cross{position:absolute;right:16px;bottom:12px;color:#f05c68;font-size:28px;line-height:1}
.rule-example h4{font-size:13px;font-weight:500;margin-top:13px!important;color:#c6c8d0;line-height:1.7;word-break:keep-all}
.rule-rotate{transform:rotate(-22deg)}
.rule-stretch{transform:scaleX(1.7)}
.rule-recolor{filter:hue-rotate(120deg)}
.rule-art:has(.rule-shadow)::before{content:"";position:absolute;width:65px;height:20px;background:#3180f988;filter:blur(7px);transform:translate(16px,40px)}
.incorrect-wordmark{gap:13px}
.incorrect-wordmark>img{height:54px}
.incorrect-wordmark>span:not(.rule-cross){color:#141414;font:500 19px Georgia,serif}
.rule-low-contrast{background:#344af3}
.media-section{padding-bottom:10px}
.download-list{border-top:1px solid #25272b;margin-top:32px}
.download-row{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 0;border-bottom:1px solid #25272b}
.download-row>span:first-child{display:flex;flex-direction:column;gap:4px}
.download-row strong{font-size:16px;font-weight:500;letter-spacing:-.2px}
.download-row small{font-size:12px;color:#8f929c;word-break:keep-all}
.download-row>span:last-child{display:flex;align-items:center;gap:14px;font-size:12px;color:#98a7ff;white-space:nowrap}
.download-row:hover strong{color:#aab6ff}
.file-format-note{font-size:12px;color:#81858f;margin-top:23px!important;line-height:1.8;word-break:keep-all}
.guidelines-download{display:inline-flex;align-items:center;gap:13px;font-size:13px;color:#aab6ff!important;margin-top:15px}
.brand-toast{position:fixed;z-index:50;bottom:30px;left:50%;transform:translateX(-50%);background:#fff;color:#141414;padding:12px 20px;border-radius:10px;font-size:14px;box-shadow:0 5px 25px #0005;max-width:calc(100% - 40px);text-align:center}
.brand-toast[hidden]{display:none}
.brand-resources-page .footer{background:#0b0b0b;padding:65px max(20px,calc((100vw - 1040px)/2));color:#8f929c;font-size:12px;line-height:1.9}
.brand-resources-page .footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;margin-bottom:45px}
.brand-resources-page .footer .brand-lockup{width:170px;height:auto;margin-bottom:17px}
.brand-resources-page .footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.brand-resources-page .footer a:hover{color:#fff}
.brand-resources-page .footer-bottom{border-top:1px solid #25272b;padding-top:24px;display:flex;justify-content:space-between;gap:24px}
.brand-resources-page .footer-bottom p span{margin-left:10px}
.brand-resources-page .footer .preview-note{font-size:11px;margin-top:24px;color:#626672}
.brand-resources-page .email-copy{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:inherit;padding:0;cursor:pointer;font-size:12px}
.brand-resources-page .email-copy-icon{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7}
@media(min-width:1600px){.resources-header-inner,.resources-layout{max-width:1190px}.resources-layout{grid-template-columns:180px minmax(0,1fr);gap:50px}.signature-preview{height:395px}}
@media(max-width:850px){
  html{scroll-padding-top:100px}
  .resources-header-inner{min-height:76px;padding:0 25px}
  .resources-layout{display:block;margin:0 0 100px;padding:0 25px}
  .resources-sidebar{position:sticky;top:0;z-index:10;background:#000;padding:9px 0 14px}
  .contents-toggle{display:flex;width:100%;justify-content:space-between;align-items:center;border:1px solid #282b33;border-radius:9px;padding:9px 15px;background:#101114;color:#e8e9f0;font-size:13px;cursor:pointer}
  .contents-toggle>span{font-size:17px;line-height:1}
  .contents-nav{display:none;padding:16px 8px 10px;gap:0}
  .resources-sidebar.is-open .contents-nav{display:flex}
  .contents-nav a{padding:6px 9px;width:100%}
  .contents-nav .separated{margin-top:12px}
  .brand-story-banner{margin-top:9px;height:166px}
  .identity-section{padding-top:65px}
  .identity-section>h1,.section-group-title{font-size:36px}
  .resource-section{padding-top:53px}
  .signature-preview{height:295px}
  .brand-resources-page .footer-top{gap:25px}
}
@media(max-width:560px){
  .resources-header-inner{padding:0 20px;min-height:69px}
  .resources-brand{gap:6px}.resources-brand>img:first-child{width:13px;height:21px}.resources-brand>img:nth-child(2){width:90px}.resources-brand>span{font-size:12px;letter-spacing:-.25px}
  .back-to-site{font-size:11px}.back-to-site>span{display:none}
  .resources-layout{padding:0 20px}
  .brand-story-banner{height:154px;border-radius:15px}
  .story-copy h2{font-size:18px;letter-spacing:-.45px}.story-button{font-size:12px;padding:6px 14px}
  .identity-section>h1,.section-group-title{font-size:31px;letter-spacing:-1px}
  .resource-section h2,.resource-heading{font-size:23px}
  .section-description{font-size:13px;line-height:1.85;margin-top:16px!important;margin-bottom:24px!important}
  .desktop-break{display:none}
  .asset-card{border-radius:15px}.asset-card-top{padding:19px 21px 0}.asset-card-bottom{padding:0 21px 20px}
  .signature-preview{height:205px}.signature-preview img{width:100%}
  .asset-grid{gap:16px}.two-columns,.three-columns{grid-template-columns:1fr}
  .symbol-card .asset-card-top,.symbol-card .asset-card-bottom{padding-left:21px;padding-right:21px}
  .symbol-preview{height:275px}.symbol-preview img{height:210px}
  .mono-preview{height:210px}.wordmark-preview{height:168px}
  .color-grid{gap:14px}.color-card{min-height:195px;padding:20px}.color-card h3{font-size:16px}.color-card p{font-size:11px}
  .color-copy{font-size:13px!important}
  .guidelines-section,.media-section{padding-top:82px}
  .spacing-diagram{padding:21px 20px;border-radius:15px}.diagram-caption{font-size:11px;gap:12px}.diagram-ratios{flex-direction:column;gap:6px;font-size:12px}
  .rules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.rule-art{height:145px;border-radius:12px}.rule-art>img{height:75px}.rule-example h4{font-size:12px}.incorrect-wordmark{gap:8px}.incorrect-wordmark>img{height:43px}.incorrect-wordmark>span:not(.rule-cross){font-size:15px}
  .download-row{padding:21px 0;gap:14px}.download-row strong{font-size:14px}.download-row small{font-size:11px}.download-row>span:last-child{gap:9px;font-size:11px}
  .brand-resources-page .footer{padding:45px 20px}.brand-resources-page .footer-top{grid-template-columns:1fr 1fr;gap:30px}.brand-resources-page .footer-top>div:first-child{grid-column:1/-1}.brand-resources-page .footer-bottom{flex-direction:column;gap:17px}.brand-resources-page .footer-bottom p span{margin-left:0;margin-right:8px}
}
@media(max-width:360px){.back-to-site{font-size:10px}.resources-brand>span{font-size:11px}.resources-header-inner{padding:0 16px}.resources-layout{padding:0 16px}.color-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.blue-swatch p{opacity:1}.light-card .download-link{color:#1d6cde!important}