.brand-page,.brand-page .page-wrapper,.brand-main{background:var(--median-black-dark)}.brand-main{overflow:clip}.brand-content{--brand-dark: var(--median-black-dark);--brand-ink: var(--median-black);--brand-paper: var(--median-white);--brand-muted-dark: rgba(242, 240, 238, .68);--brand-muted-light: rgba(26, 16, 11, .65);color:var(--brand-paper)}.brand-content .pill{display:inline-flex;align-items:center;justify-content:center;border:.5px solid var(--color-neutral-800);border-radius:100vw;background:var(--color-neutral-900);padding:.25rem .5rem;color:var(--color-neutral-50)}.brand-content .eyebrow{margin:0;font-size:.75rem;font-weight:500;letter-spacing:.15em;line-height:1.1;text-transform:uppercase}.brand-section--light .pill{border-color:#1a100b29;background:var(--brand-ink);color:var(--brand-paper)}.brand-hero{position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;min-height:38rem;padding-block:clamp(5rem,8vw,7rem);background:var(--brand-dark)}.brand-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:url(https://static.median.co/img/sidebar-bg-svg.cf9d231b01.svg) center top / 102rem auto no-repeat;pointer-events:none}.brand-hero__inner{width:100%;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(22rem,.95fr);gap:clamp(3rem,7vw,7rem);align-items:center}.brand-hero__copy{position:relative;z-index:1}.brand-hero .brand-hero__heading{max-width:48rem;margin:1.75rem 0 0;font-size:clamp(3.35rem,6.2vw,6rem)}.brand-hero__lede{max-width:42rem;margin:2rem 0 0;color:var(--brand-muted-dark);font-size:clamp(1.1rem,1.45vw,1.2rem);letter-spacing:-.015em;line-height:1.55}@media(min-width:1200px){.brand-hero__lede-intro{white-space:nowrap}}.brand-hero__art{position:relative;display:grid;width:min(100%,25rem);aspect-ratio:1;place-items:center;justify-self:end}.brand-hero__animation,.brand-hero__animation-fallback{grid-area:1 / 1}.brand-hero__animation{z-index:1;width:100%;height:100%}.brand-hero__animation>svg{display:block;width:100%!important;height:100%!important}.brand-hero__animation-fallback{width:52%;height:auto;transition:opacity .2s ease}.brand-hero__art:has(.brand-hero__animation>svg) .brand-hero__animation-fallback{opacity:0}.brand-section{scroll-margin-top:5rem;padding-block:clamp(4.5rem,7vw,6.5rem);background:var(--brand-dark)}.brand-section--light{background:var(--brand-paper);color:var(--brand-ink)}.brand-section__heading{display:flex;max-width:52rem;flex-direction:column;align-items:flex-start;margin-bottom:clamp(2.5rem,5vw,4.5rem)}.brand-section__heading h2,.brand-logomark h2,.brand-naming h2,.brand-contact h2{margin:1.5rem 0 0;color:inherit;font-size:clamp(2.65rem,5vw,4.75rem);font-weight:400;letter-spacing:-.07em;line-height:1}.brand-section__heading>p{max-width:44rem;margin:1.5rem 0 0;color:var(--brand-muted-dark);font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.6}.brand-section--light .brand-section__heading>p{color:var(--brand-muted-light)}.brand-section--logomark{padding-block:clamp(4.5rem,7vw,7rem)}.brand-logomark{display:grid;grid-template-columns:minmax(0,.9fr) minmax(26rem,1.1fr);gap:clamp(3rem,8vw,8rem);align-items:center}.brand-logomark__copy>p{max-width:38rem;margin:1.5rem 0 0;color:var(--brand-muted-light);font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.65}.brand-construction{--brand-construction-unit: clamp(2.8rem, 8.65cqw, 4.6rem);--brand-construction-line: #cfccca;position:relative;display:grid;min-height:clamp(26rem,48vw,40rem);place-items:center;overflow:hidden;border-radius:.75rem;background:var(--brand-paper);container-type:inline-size;outline:none}.brand-construction:after{position:absolute;z-index:5;inset:0;border:2px solid transparent;border-radius:inherit;content:"";pointer-events:none;transition:border-color .2s ease}.brand-construction:focus-visible:after{border-color:var(--color-purple)}.brand-construction__grid{position:absolute;z-index:1;pointer-events:none}.brand-construction:hover .brand-construction__grid,.brand-construction:focus .brand-construction__grid,.brand-construction:focus-visible .brand-construction__grid{z-index:3}.brand-construction__grid--horizontal{top:50%;left:0;width:100%;height:calc(var(--brand-construction-unit) * 4 + 1px);background:repeating-linear-gradient(to bottom,var(--brand-construction-line) 0,var(--brand-construction-line) 1px,transparent 1px,transparent var(--brand-construction-unit));-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);transform:translateY(-50%)}.brand-construction__grid--vertical{top:0;left:50%;width:calc(var(--brand-construction-unit) * 4 + 1px);height:100%;background:repeating-linear-gradient(to right,var(--brand-construction-line) 0,var(--brand-construction-line) 1px,transparent 1px,transparent var(--brand-construction-unit));-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);transform:translate(-50%)}.brand-construction__logo,.brand-construction__circles{width:calc(var(--brand-construction-unit) * 4);height:auto}.brand-construction__logo{position:relative;z-index:2;filter:drop-shadow(0 1.5rem 2rem rgba(26,16,11,.12))}.brand-construction__circles{position:absolute;z-index:4;opacity:0;pointer-events:none;transition:opacity .25s ease}.brand-construction:hover .brand-construction__circles,.brand-construction:focus .brand-construction__circles,.brand-construction:focus-visible .brand-construction__circles{opacity:1}.brand-asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.brand-asset-card{min-width:0;overflow:hidden;border:1px solid var(--color-neutral-800);border-radius:.5rem;background:var(--color-neutral-900)}.brand-asset-card__preview{display:grid;min-height:clamp(18rem,32vw,27rem);place-items:center;overflow:hidden;padding:clamp(2rem,5vw,4.5rem)}.brand-asset-card__preview--light{background:var(--brand-paper)}.brand-asset-card__preview--dark{background:var(--brand-ink)}.brand-asset-card__preview img{width:min(100%,29rem);height:auto;max-height:8rem;object-fit:contain}.brand-asset-card__preview--mark img{width:clamp(6rem,12vw,9rem);max-height:none}.brand-asset-card__preview--line img{width:min(100%,31rem)}.brand-asset-card__body{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:1.5rem}.brand-asset-card h3,.brand-usage-card h3{margin:0;color:inherit;font-size:1.1rem;font-weight:600;letter-spacing:-.025em}.brand-asset-card__body p,.brand-usage-card__copy p{margin:.6rem 0 0;color:var(--brand-muted-dark);font-size:.9rem;line-height:1.55}.brand-asset-card__actions{display:grid;width:11.375rem;max-width:100%;grid-template-columns:minmax(0,1fr);flex:0 0 auto;gap:.375rem}.brand-asset-card__actions a,.brand-asset-card__actions button{display:inline-flex;height:2.125rem;min-height:0;align-items:center;justify-content:flex-start;gap:.4375rem;border:1px solid var(--color-neutral-700);border-radius:.25rem;background:#1a1a20;padding:0 .75rem 0 .6875rem;color:var(--color-neutral-100);font:inherit;font-size:.75rem;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.brand-asset-card__actions svg,.brand-color-card__copy svg{width:1.125rem;height:1.125rem;flex:0 0 1.125rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.brand-asset-card__actions a:hover,.brand-asset-card__actions a:focus-visible,.brand-asset-card__actions button:hover,.brand-asset-card__actions button:focus-visible{border-color:var(--color-neutral-600);background:#25252b;color:var(--color-white)}.brand-asset-card__actions button.is-copied{border-color:var(--color-neutral-500);background:#303038;color:var(--color-white)}.brand-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.brand-color-card{display:flex;min-height:19rem;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;border:0;border-radius:.5rem;background:var(--swatch);padding:1.25rem;text-align:left}.brand-color-card--light{color:var(--brand-paper)}.brand-color-card--dark{color:var(--brand-ink)}.brand-color-card--outlined{border:1px solid rgba(26,16,11,.18)}.brand-color-card__name,.brand-color-card strong{display:block;font-family:inherit;font-size:.95rem;font-weight:650;letter-spacing:-.01em;line-height:1.25;user-select:text}.brand-color-card strong{margin-top:.25rem}.brand-color-card__use{display:block;min-height:3.75rem;margin-top:.9rem;font-size:.9rem;line-height:1.55;opacity:.72;user-select:text}.brand-color-card__copy{display:inline-flex;width:13.25rem;height:2.125rem;min-height:0;align-items:center;justify-content:flex-start;gap:.4375rem;margin-top:1.15rem;border:1px solid currentColor;border-radius:.25rem;padding:0 .75rem 0 .6875rem;background:transparent;color:inherit;font:inherit;font-size:.75rem;font-weight:600;line-height:1;cursor:pointer;transition:background-color .2s ease-in-out}.brand-color-card__copy .brand-action__label{white-space:nowrap}.brand-color-card--light .brand-color-card__copy{border-color:#f2f0ee6b;background:#f2f0ee14}.brand-color-card--light .brand-color-card__copy:hover,.brand-color-card--light .brand-color-card__copy:focus-visible,.brand-color-card--light .brand-color-card__copy.is-copied{background:#f2f0ee2e}.brand-color-card--dark .brand-color-card__copy{border-color:#1a100b52;background:#1a100b12}.brand-color-card--dark .brand-color-card__copy:hover,.brand-color-card--dark .brand-color-card__copy:focus-visible,.brand-color-card--dark .brand-color-card__copy.is-copied{background:#1a100b24}.brand-color-card__copy:focus-visible{outline:2px solid currentColor;outline-offset:2px}.brand-alignment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.brand-rule-card,.brand-usage-card{position:relative;overflow:hidden;border:1px solid var(--color-neutral-800);border-radius:.5rem;background:var(--color-neutral-900)}.brand-rule-card:before,.brand-usage-card:before{position:absolute;z-index:2;top:0;left:0;width:5rem;height:3px;content:""}.brand-rule-card--do:before{background:var(--base-blue)}.brand-rule-card--dont:before{background:var(--accent-red)}.brand-rule-card__label{display:flex;gap:.7rem;align-items:center;padding:1.25rem;color:var(--brand-muted-dark);font-size:.85rem}.brand-rule-card__label span,.brand-usage-card__copy>span,.brand-naming__status{border-radius:100vw;padding:.35rem .6rem;font-size:.75rem;font-weight:650;letter-spacing:.08em;line-height:1;text-transform:uppercase}.brand-rule-card--do .brand-rule-card__label span,.brand-rule-card--do .brand-usage-card__copy>span,.brand-naming__status--do{background:var(--base-blue);color:var(--brand-ink)}.brand-rule-card--dont .brand-rule-card__label span,.brand-rule-card--dont .brand-usage-card__copy>span,.brand-naming__status--dont{background:var(--accent-red);color:var(--brand-ink)}.brand-alignment-demo{display:flex;min-height:19rem;align-items:center;justify-content:center;overflow:hidden;background:#e8e5e3;padding:3rem 2rem;color:var(--brand-ink)}.brand-alignment-demo__container{position:relative;display:flex;width:min(100%,30rem);height:clamp(7.5rem,14vw,9rem);align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(26,16,11,.26);border-radius:.5rem;background:var(--brand-paper)}.brand-alignment-demo__guide{position:absolute;z-index:2;top:50%;left:0;width:100%;border-top:1px dashed rgba(63,62,223,.74)}.brand-alignment-demo__logo{position:relative;z-index:1}.brand-alignment-demo__logo{display:grid;width:min(72%,22rem);place-items:center}.brand-alignment-demo__logo img{display:block;width:100%;height:auto}.brand-alignment-demo--correct .brand-alignment-demo__logo img{transform:translateY(-10.14%)}.brand-alignment-demo--incorrect .brand-alignment-demo__logo img{transform:none}.brand-alignment-demo--incorrect .brand-alignment-demo__guide{border-color:#ed4f06b8}.brand-rule-card>p{margin:0;padding:1.25rem;color:var(--brand-muted-dark);font-size:.9rem;line-height:1.55}.brand-section--usage{color:var(--brand-ink)}.brand-clearance{display:grid;grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr);gap:clamp(2rem,5vw,5rem);align-items:center;margin-bottom:clamp(3rem,6vw,5rem);border-radius:.5rem;background:#e8e5e3;padding:clamp(1.5rem,4vw,3.5rem);scroll-margin-top:5rem}.brand-clearance__copy h3{margin:1.25rem 0 0;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:500;letter-spacing:-.055em;line-height:1.08}.brand-clearance__copy>p{margin:1.2rem 0 0;color:var(--brand-muted-light);font-size:.95rem;line-height:1.6}.brand-clearance__copy ul{display:grid;gap:.55rem;margin:1.5rem 0 0;padding:0;list-style:none}.brand-clearance__copy li{position:relative;padding-left:1.35rem;color:var(--brand-ink);font-size:.875rem;line-height:1.4}.brand-clearance__copy li:before{position:absolute;top:.45em;left:0;width:.45rem;height:.45rem;border-radius:50%;background:var(--color-purple);content:""}.brand-clearance__diagrams{min-width:0}.brand-clearance-diagram{min-width:0;margin:0}.brand-clearance-lockup{--clearance-unit: 3.0918%;position:relative;overflow:hidden;width:100%;aspect-ratio:1601 / 445.5;border-radius:.5rem;background:var(--brand-paper);outline:none}.brand-clearance-lockup:focus-visible{box-shadow:inset 0 0 0 2px var(--color-purple)}.brand-clearance-lockup__logo{position:absolute;z-index:1;top:22.2222%;left:9.2755%;width:81.4491%;height:auto}.brand-clearance-lockup__construction{position:absolute;z-index:2;top:22.2222%;left:9.2755%;width:12.2423%;height:auto;opacity:0;pointer-events:none;transition:opacity .25s ease}.brand-clearance-lockup:hover .brand-clearance-lockup__construction,.brand-clearance-lockup:focus .brand-clearance-lockup__construction,.brand-clearance-lockup:focus-visible .brand-clearance-lockup__construction{opacity:1}.brand-clearance-dot{position:absolute;z-index:0;top:55.5556%;width:var(--clearance-unit);aspect-ratio:1;border-radius:50%;background:#fff}.brand-clearance-dot--left-1{left:0}.brand-clearance-dot--left-2{left:var(--clearance-unit)}.brand-clearance-dot--left-3{left:calc(var(--clearance-unit) * 2)}.brand-clearance-dot--gap-1{left:21.6427%}.brand-clearance-dot--gap-2{left:24.7345%}.brand-clearance-dot--right-1{left:90.7246%}.brand-clearance-dot--right-2{left:93.8164%}.brand-clearance-dot--right-3{left:96.9082%}.brand-clearance-dot--top-1,.brand-clearance-dot--top-2{left:18.0762%}.brand-clearance-dot--top-1{top:0}.brand-clearance-dot--top-2{top:11.1111%}.brand-clearance-dot--bottom-1,.brand-clearance-dot--bottom-2,.brand-clearance-dot--bottom-3{left:21.6427%}.brand-clearance-dot--bottom-1{top:66.6667%}.brand-clearance-dot--bottom-2{top:77.7778%}.brand-clearance-dot--bottom-3{top:88.8889%}.brand-usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.brand-section--usage .brand-usage-card{border-color:#1a100b26;background:#fff;color:var(--brand-ink)}.brand-usage-card__visual{display:flex;min-height:18rem;align-items:center;justify-content:center;overflow:hidden;background:var(--brand-paper);padding:2.5rem}.brand-usage-card__visual>img{width:min(80%,22rem);height:auto}.brand-usage-card__visual--mono-correct img,.brand-usage-card__visual--mono-wrong img{width:min(88%,27rem)}.brand-usage-card__visual--mono-wrong img{filter:grayscale(1) contrast(1.15)}.brand-usage-card__visual--contrast{background:var(--brand-dark)}.brand-usage-card__visual--distort img{transform:rotate(-7deg) scaleX(1.3) scaleY(.74)}.brand-usage-card__copy{min-height:10.5rem;border-top:1px solid rgba(26,16,11,.12);padding:1.4rem}.brand-usage-card__copy h3{margin-top:1rem}.brand-section--usage .brand-usage-card__copy p{color:var(--brand-muted-light)}.brand-section--naming{background:var(--brand-dark)}.brand-naming{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(3rem,8vw,8rem)}.brand-naming__examples{overflow:hidden;border:1px solid var(--color-neutral-800);border-radius:.5rem;background:var(--color-neutral-900)}.brand-naming__examples>div{padding:1.5rem}.brand-naming__examples>div+div{border-top:1px solid var(--color-neutral-800)}.brand-naming__examples p{margin:1rem 0 0;color:var(--color-neutral-100);font-size:clamp(1.15rem,2vw,1.65rem);letter-spacing:-.04em;line-height:1.3}.brand-contact{background:radial-gradient(circle at 82% 20%,rgba(245,103,240,.2),transparent 18rem),var(--color-neutral-900);padding-block:clamp(4.5rem,7vw,6.5rem)}.brand-contact__inner{display:flex;flex-direction:column;align-items:flex-start}.brand-contact h2{max-width:55rem}.brand-contact__link{gap:.65rem;margin-top:2rem}.brand-toast{position:fixed;z-index:1000;right:1.25rem;bottom:1.25rem;max-width:min(22rem,calc(100vw - 2.5rem));border:1px solid rgba(26,16,11,.12);border-radius:100vw;background:var(--brand-paper);padding:.75rem 1rem;color:var(--brand-ink);font-size:.82rem;font-weight:600;opacity:0;pointer-events:none;transform:translateY(.75rem);transition:opacity .18s ease,transform .18s ease}.brand-toast.is-visible{opacity:1;transform:translateY(0)}@media(max-width:1100px){.brand-asset-card__body{flex-direction:column}.brand-asset-card__actions{width:11.375rem;max-width:100%}.brand-asset-card__actions a,.brand-asset-card__actions button{width:100%}.brand-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-clearance{grid-template-columns:1fr}}@media(max-width:991px){.brand-hero__inner,.brand-logomark,.brand-naming{grid-template-columns:1fr}.brand-hero{height:auto;min-height:80vh;padding-block:4.5rem}.brand-hero__inner{gap:2.5rem}.brand-hero__art{width:min(100%,28rem);justify-self:center}.brand-section--logomark{padding-block:4.5rem}.brand-logomark{gap:3rem}}@media(max-width:767px){.brand-content .pill{padding-top:.3rem}.brand-hero{padding-block:5.5rem}.brand-hero .brand-hero__heading{font-size:clamp(3rem,14vw,4.8rem)}.brand-hero__art{width:min(100%,20rem)}.brand-construction{min-height:19rem;border-radius:.75rem}.brand-section,.brand-contact{padding-block:4rem}.brand-asset-grid,.brand-alignment-grid,.brand-usage-grid{grid-template-columns:1fr}.brand-asset-card__preview{min-height:16rem}.brand-asset-card__body{min-height:auto}.brand-asset-card__actions{width:11.375rem;max-width:100%}.brand-color-card{min-height:15rem}.brand-alignment-demo{min-height:14rem;padding-inline:1rem}.brand-clearance{border-radius:.5rem}}@media(max-width:575px){.brand-color-grid{grid-template-columns:1fr}}@media(max-width:479px){.brand-color-card{min-height:12rem}.brand-alignment-demo__logo{width:78%}}@media(prefers-reduced-motion:reduce){.brand-hero__animation{display:none}.brand-hero__animation-fallback{opacity:1!important}.brand-content *,.brand-content *:before,.brand-content *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}