.brand-guide{width:min(1320px, calc(100% - 2 * var(--marketing-gutter)));padding:clamp(22px, 3vw, 44px) 0 var(--marketing-section);margin:0 auto}.brand-guide>section+section,.brand-guide>section+aside{margin-top:clamp(96px,11vw,152px)}.brand-guide h1,.brand-guide h2,.brand-guide h3,.brand-guide p{margin:0}.brand-guide section>header>span,.brand-guide-hero-copy>span,.brand-guide-downloads a>span,.brand-guide-contact>div>span{color:var(--marketing-indigo);font-size:var(--text-marketing-meta--font-size);font-weight:var(--text-marketing-meta--font-weight);letter-spacing:var(--text-marketing-meta--letter-spacing);line-height:var(--text-marketing-meta--line-height)}.brand-guide section>header h2,.brand-guide-contact h2{max-width:18ch;color:var(--marketing-ink);font-size:var(--text-marketing-title--fluid);font-weight:var(--text-marketing-title--font-weight);letter-spacing:var(--text-marketing-title--letter-spacing);line-height:var(--text-marketing-title--line-height);margin-top:14px}.brand-guide section>header>p,.brand-guide-contact p{max-width:760px;color:var(--marketing-slate);font-size:var(--text-marketing-body--font-size);font-weight:var(--text-marketing-body--font-weight);letter-spacing:var(--text-marketing-body--letter-spacing);line-height:var(--text-marketing-body--line-height);margin-top:20px}.brand-guide-hero{background:var(--marketing-surface-soft);isolation:isolate;border-radius:38px;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);align-items:center;min-height:clamp(560px,66vh,700px);padding:clamp(34px,7vw,88px);display:grid;position:relative;overflow:hidden}.brand-guide-aura{z-index:-2;background:radial-gradient(circle at 44% 56%, #c94fc447, transparent 24%), radial-gradient(circle at 62% 38%, color-mix(in srgb, var(--marketing-cyan) 38%, transparent), transparent 30%), radial-gradient(circle at 52% 46%, color-mix(in srgb, var(--marketing-indigo) 28%, transparent), transparent 38%);filter:blur(36px);opacity:.92;position:absolute;inset:-20%}.brand-guide-hero:after{z-index:-1;background-image:linear-gradient(color-mix(in srgb, var(--marketing-indigo) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--marketing-indigo) 7%, transparent) 1px, transparent 1px);content:"";background-size:84px 84px;position:absolute;inset:0;mask-image:radial-gradient(circle at 65% 48%,#000,#0000 58%)}.brand-guide-hero-copy{z-index:1;position:relative}.brand-guide-hero h1{max-width:12ch;color:var(--marketing-ink);letter-spacing:-.045em;margin-top:20px;font-size:clamp(54px,6vw,86px);font-weight:500;line-height:.99}.brand-guide-hero-copy>p{max-width:650px;color:var(--marketing-slate);margin-top:30px;font-size:clamp(17px,1.7vw,22px);line-height:1.6}.brand-guide-hero-mark{justify-content:center;align-items:center;min-height:360px;display:flex;position:relative}.brand-guide-hero-mark img{z-index:1;width:min(380px,86%);height:auto;position:relative}.brand-guide-note{border-top:1px solid color-mix(in srgb, var(--marketing-indigo) 16%, transparent);max-width:88ch;color:var(--marketing-slate-light);font-size:var(--text-marketing-meta--font-size);padding-top:18px;line-height:1.5;position:absolute;bottom:clamp(24px,4vw,46px);left:clamp(28px,5vw,72px);right:clamp(28px,5vw,72px)}.brand-guide-downloads>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:48px;display:grid}.brand-guide-downloads a{border:1px solid var(--marketing-line);color:var(--marketing-ink);background:#fff;border-radius:28px;padding-bottom:30px;text-decoration:none;transition:border-color .2s,box-shadow .24s,transform .24s cubic-bezier(.22,1,.36,1);overflow:hidden}.brand-guide-downloads a:hover,.brand-guide-downloads a:focus-visible{border-color:color-mix(in srgb, var(--marketing-indigo) 30%, var(--marketing-line));transform:translateY(-3px);box-shadow:0 20px 50px #15235517}.brand-guide-downloads figure{background:var(--marketing-surface-soft);justify-content:center;align-items:center;height:270px;margin:0 0 26px;padding:44px;display:flex}.brand-guide-downloads a[data-surface=navy] figure{background:var(--marketing-ink)}.brand-guide-downloads a[data-surface=black] figure{background:#000}.brand-guide-downloads figure img{object-fit:contain;width:min(360px,86%);max-height:160px;display:block}.brand-guide-downloads a[data-kind=symbol] figure img{width:auto;height:150px}.brand-guide-kit-preview{border-radius:14px;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));width:min(390px,94%);height:180px;display:grid;overflow:hidden}.brand-guide-kit-preview>span{justify-content:center;align-items:center;min-width:0;padding:16px;display:flex}.brand-guide-kit-preview>span:first-child{background:#fff}.brand-guide-kit-preview>span:nth-child(2){background:var(--marketing-ink)}.brand-guide-kit-preview>span:nth-child(3),.brand-guide-kit-preview>span:nth-child(4){background:#000}.brand-guide-kit-preview img{object-fit:contain;max-height:48px;width:min(150px,82%)!important;height:auto!important}.brand-guide-kit-preview>span:nth-child(4) img{width:auto!important;height:42px!important}.brand-guide-downloads a>span,.brand-guide-downloads a>h3,.brand-guide-downloads a>p{margin-inline:30px;display:block}.brand-guide-downloads a>h3{font-size:var(--text-marketing-analysis--font-size);font-weight:var(--text-marketing-analysis--font-weight);letter-spacing:var(--text-marketing-analysis--letter-spacing);line-height:var(--text-marketing-analysis--line-height);margin-top:14px}.brand-guide-downloads a>p{color:var(--marketing-slate);font-size:var(--text-marketing-item--font-size);line-height:var(--text-marketing-item--line-height);margin-top:10px}.brand-guide-usage ol{border-top:1px solid var(--marketing-line);grid-template-columns:repeat(4,minmax(0,1fr));margin:48px 0 0;padding:0;list-style:none;display:grid}.brand-guide-usage li{min-height:260px;padding:26px 28px 30px 0}.brand-guide-usage li+li{border-left:1px solid var(--marketing-line);padding-left:28px}.brand-guide-usage li>span{color:var(--marketing-slate-light);font-family:var(--font-mono);font-size:var(--text-data)}.brand-guide-usage h3,.brand-guide-donts h3{color:var(--marketing-ink);font-size:var(--text-marketing-analysis--font-size);font-weight:var(--text-marketing-analysis--font-weight);letter-spacing:var(--text-marketing-analysis--letter-spacing);line-height:var(--text-marketing-analysis--line-height);margin-top:34px}.brand-guide-usage li>p,.brand-guide-donts article>p{color:var(--marketing-slate);font-size:var(--text-marketing-item--font-size);line-height:var(--text-marketing-item--line-height);margin-top:12px}.brand-guide-donts{background:color-mix(in srgb, var(--marketing-canvas) 72%, white);border-radius:30px;padding:clamp(40px,6vw,72px)}.brand-guide-donts>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:48px;display:grid}.brand-guide-donts article{min-width:0}.brand-guide-donts figure{border:1px solid var(--marketing-line);background:#fff;border-radius:20px;justify-content:center;align-items:center;height:170px;margin:0;display:flex;position:relative;overflow:hidden}.brand-guide-donts figure img{width:70%;height:auto;display:block}.brand-guide-donts figure>span{color:#fff;background:#a8402f;border-radius:50%;place-items:center;width:28px;height:28px;font-size:18px;line-height:1;display:grid;position:absolute;top:14px;right:14px}.brand-guide-donts article[data-example=recolor] img{filter:grayscale()sepia(.8)saturate(4)hue-rotate(78deg)}.brand-guide-donts article[data-example=rotate] img{transform:rotate(16deg)scale(.86)}.brand-guide-donts article[data-example=distort] img{transform:scaleX(1.38)scaleY(.72)}.brand-guide-donts article[data-example=contrast] figure{background:repeating-linear-gradient(42deg,#345fd757 0 24px,#b55caf47 24px 48px,#35d3c757 48px 72px),#fff}.brand-guide-donts article[data-example=contrast] img{opacity:.35}.brand-guide-contact{color:#fff;background:radial-gradient(circle at 76% 12%, color-mix(in srgb, var(--marketing-cyan) 25%, transparent), transparent 38%), var(--marketing-ink);border-radius:30px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:48px;padding:clamp(38px,6vw,68px);display:grid}.brand-guide-contact>div>span{color:color-mix(in srgb, white 66%, var(--marketing-cyan))}.brand-guide-contact h2{color:#fff}.brand-guide-contact p{color:#ffffffb8}.brand-guide-contact>a{color:#fff;font-size:var(--text-marketing-action--font-size);font-weight:var(--text-marketing-action--font-weight);text-decoration:none}.brand-guide-contact>a:hover,.brand-guide-contact>a:focus-visible{text-underline-offset:5px;text-decoration:underline}@media (width<=960px){.brand-guide-hero{grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);min-height:680px}.brand-guide-usage ol,.brand-guide-donts>div{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-guide-usage li:nth-child(3){border-left:0;border-top:1px solid var(--marketing-line);padding-left:0}.brand-guide-usage li:nth-child(4){border-top:1px solid var(--marketing-line)}}@media (width<=700px){.brand-guide{padding-top:14px}.brand-guide>section+section,.brand-guide>section+aside{margin-top:82px}.brand-guide-hero{border-radius:26px;flex-direction:column;align-items:stretch;min-height:610px;padding:34px 26px 108px;display:flex}.brand-guide-hero h1{font-size:clamp(48px,14vw,62px)}.brand-guide-hero-copy>p{font-size:16.5px;line-height:1.65}.brand-guide-hero-mark{min-height:260px}.brand-guide-hero-mark img{width:min(250px,88%)}.brand-guide-note{bottom:26px;left:26px;right:26px}.brand-guide-downloads>div,.brand-guide-usage ol,.brand-guide-donts>div{grid-template-columns:1fr}.brand-guide-downloads figure{height:220px;padding:30px}.brand-guide-usage li{border-top:1px solid var(--marketing-line);min-height:0;padding:26px 0 30px}.brand-guide-usage li+li{border-left:0;padding-left:0}.brand-guide-donts{border-radius:24px;padding:34px 24px}.brand-guide-donts figure{height:190px}.brand-guide-donts article+article{margin-top:30px}.brand-guide-contact{border-radius:24px;grid-template-columns:1fr;gap:28px;padding:34px 24px}}@media (prefers-reduced-motion:reduce){.brand-guide-downloads a{transition:none}}