.gbp-section{box-sizing:border-box;overflow:hidden;padding-bottom:clamp(2.9rem,6vw,4.6rem);padding-left:1.5rem;padding-right:1.5rem;padding-top:clamp(2.9rem,6vw,4.6rem);position:relative;width:100%}@media (min-width:768px){.gbp-section{padding-left:2.4rem;padding-right:2.4rem}}@media (min-width:1024px){.gbp-section:has(.brand-margin-note){overflow-x:clip;overflow-y:visible}} .gbp-section--alt { background-color: var(--base); } .gbp-section--dark { background-color: var(--contrast); color: #ffffff; } .gbp-section--primary { background-color: var(--primary); color: #ffffff; } .gbp-section--primary :is(h1,h2,h3,h4) { color: #ffffff; } .gbp-section--primary .gbp-section__tagline { color: #ffffff; } .gbp-section--rhythm-1 { background-color: var(--base-2); } .gbp-section__inner { margin-left: auto; margin-right: auto; max-width: 1104px; position: relative; width: 100%; z-index: 1; } .gbp-section__headline { column-gap: 1rem; display: flex; flex-direction: column; margin-bottom: 2.4rem; row-gap: 1rem; } .gbp-section__tagline{color:var(--primary);display:block;font-family:var(--fg-mono);font-size:1rem;font-weight:500;letter-spacing:.2em;line-height:1.5;margin-bottom:.6rem;margin-top:0;text-transform:uppercase} .brand-ruled { align-items: flex-end; border-bottom-color: var(--rule); border-bottom-style: solid; border-bottom-width: 1px; column-gap: 2rem; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 2.4rem; padding-bottom: 1.4rem; row-gap: 1rem; } .brand-ruled__idx { color: var(--contrast-2); font-family: var(--body-font, inherit); font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; } .brand-ruled__idx b { color: var(--accent); } .brand-prose { max-width: 66ch; } .brand-body-lg { color: var(--contrast-2); font-size: clamp(1.32rem,1.6vw,1.68rem); font-weight: 400; line-height: 1.35; margin: 0; } .brand-grid-2{column-gap:1.8rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);list-style:none;margin-inline-start:0;padding-inline-start:0;row-gap:1.8rem}@media (max-width:860px){.brand-grid-2{grid-template-columns:minmax(0,1fr)}}@media (min-width:861px){.brand-grid-2:has(> .brand-aside-rule){column-gap:3rem;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}@media (min-width:1024px){.brand-grid-2:has(> .brand-img-cover){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}.brand-grid-2:has(> .brand-aside-rule) .brand-copy{font-size:1rem} .brand-grid-3 { column-gap: 1.8rem; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin-inline-start: 0; padding-inline-start: 0; row-gap: 1.8rem; } @media (max-width:860px) { .brand-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width:560px) { .brand-grid-3 { grid-template-columns: minmax(0, 1fr); } } .brand-grid-4 { column-gap: 1.8rem; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin-inline-start: 0; padding-inline-start: 0; row-gap: 1.8rem; } @media (max-width:900px) { .brand-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width:560px) { .brand-grid-4 { grid-template-columns: minmax(0, 1fr); } } .brand-num-badge { align-items: center; background-color: var(--primary); border-radius: 100px; color: #ffffff; display: flex; height: 48px; justify-content: center; width: 48px; } .brand-cover{border-bottom-color:color-mix(in srgb, var(--contrast) 18%, transparent);border-bottom-style:solid;border-bottom-width:1px;column-gap:1.8rem;display:grid;grid-template-columns:minmax(0,1fr);padding-bottom:4.8rem;padding-top:1.4rem}.brand-cover > h1{font-size:clamp(3rem,8vw,8.4rem);letter-spacing:-.025em;line-height:.92;margin-bottom:0;margin-top:1.8rem}.brand-cover > h1 em{font-style:italic;font-weight:500}.brand-cover > .brand-dek{font-size:clamp(1.68rem,2.6vw,2.52rem);line-height:1.15;margin-top:1.8rem;max-width:28ch}@media (min-width:768px){.brand-cover{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.brand-cover > *{grid-column:1}} .brand-ar-1x1 { aspect-ratio: 1/1; } .brand-ar-4x3 { aspect-ratio: 4/3; } .brand-ar-5x6 { aspect-ratio: 5/6; } .brand-ar-16x9 { aspect-ratio: 16/9; } .brand-duotone { overflow: hidden; position: relative; } .brand-hero { background-color: var(--base); } .brand-hero__grid { align-items: center; column-gap: clamp(2rem, 5vw, 4.5rem); display: grid; grid-template-columns: 1fr 1.05fr; row-gap: clamp(2rem, 5vw, 4.5rem); } @media (max-width:860px) { .brand-hero__grid { grid-template-columns: 1fr; } } .brand-hero-content { column-gap: 1.2rem; display: flex; flex-direction: column; row-gap: 1.2rem; } .brand-hero__meta { color: var(--contrast-2); font-family: var(--body-font, inherit); font-size: .9rem; font-weight: 700; letter-spacing: .06em; line-height: 1.6; margin: 0.4rem 0 0; } .brand-hero__actions { align-items: center; column-gap: 1rem; display: flex; flex-wrap: wrap; margin-top: 0.6rem; row-gap: 1rem; } @media (max-width:560px) { .brand-hero__actions { align-items: stretch; flex-direction: column; } } .brand-hero__photo { aspect-ratio: auto; overflow: hidden; position: relative; } .brand-hero__photo img { height: 100%; object-fit: cover; width: 100%; } .brand-hero__photo::after { background-color: var(--primary); bottom: 0; content: ""; height: 5px; left: 0; position: absolute; width: 56px; } .brand-hero--full { align-items: flex-end; color: #ffffff; display: flex; min-height: clamp(360px, 44vh, 460px); overflow: hidden; position: relative; } .brand-hero--full .brand-hero__media { inset: 0; position: absolute; } .brand-hero--full .brand-hero__media img { height: 100%; object-fit: cover; width: 100%; } .brand-hero--full .brand-hero__media::after { background: linear-gradient(180deg, rgba(20,17,15,.15), rgba(20,17,15,.72)); content: ""; inset: 0; position: absolute; } .brand-hero__bg { align-items: flex-end; background-position: center; background-size: cover; display: flex; min-height: clamp(420px, 52vh, 560px); overflow: hidden; padding-bottom: clamp(2rem, 5vw, 3.5rem); padding-top: clamp(2rem, 6vw, 4rem); position: relative; } .brand-hero__bg::after { background: linear-gradient(180deg, rgba(20,17,15,.55) 0%, rgba(20,17,15,.30) 42%, rgba(20,17,15,.78) 100%), linear-gradient(0deg, rgba(20,17,15,.28), rgba(20,17,15,.28)); content: ""; inset: 0; pointer-events: none; position: absolute; z-index: 1; } .brand-hero__content { position: relative; text-shadow: 0 1px 3px rgba(20,17,15,.45); z-index: 2; } .gbp-card { background-color: var(--base-2); display: flex; flex-direction: column; overflow: hidden; } .gbp-card > img { max-width: none; } .gbp-card__media { aspect-ratio: 4/3; margin-bottom: 1.1rem; overflow: hidden; position: relative; } .gbp-card__media img { height: 100%; object-fit: cover; width: 100%; } .gbp-card__body { display: flex; flex-direction: column; flex-grow: 1; } .gbp-card__title { color: var(--contrast); font-family: var(--heading-font, inherit); font-size: 1.56rem; font-weight: 600; line-height: 1.15; margin: 0 0 0.5rem; } .gbp-card__text { color: var(--contrast-2); font-size: 1.05rem; line-height: 1.6; margin: 0 0 0.9rem; } .brand-button-primary{align-items:center;background-color:var(--primary);border-bottom-color:var(--primary);border-bottom-style:solid;border-bottom-width:1px;border-left-color:var(--primary);border-left-style:solid;border-left-width:1px;border-radius:0;border-right-color:var(--primary);border-right-style:solid;border-right-width:1px;border-top-color:var(--primary);border-top-style:solid;border-top-width:1px;color:var(--base-3);column-gap:.72rem;cursor:pointer;display:inline-flex;font-family:var(--fg-mono);font-size:1rem;font-weight:700;letter-spacing:.16em;line-height:1.3;padding-bottom:.9rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:.9rem;text-decoration:none;text-transform:uppercase;transition:background-color .15s ease, border-color .15s ease;width:fit-content}.brand-button-primary:is(:hover,:focus,:focus-visible){background-color:var(--accent);border-bottom-color:var(--accent);border-bottom-style:solid;border-bottom-width:1px;border-left-color:var(--accent);border-left-style:solid;border-left-width:1px;border-right-color:var(--accent);border-right-style:solid;border-right-width:1px;border-top-color:var(--accent);border-top-style:solid;border-top-width:1px;color:var(--base-3)} .brand-button-outline{align-items:center;background-color:transparent;border-bottom-color:var(--contrast);border-bottom-style:solid;border-bottom-width:1px;border-left-color:var(--contrast);border-left-style:solid;border-left-width:1px;border-radius:0;border-right-color:var(--contrast);border-right-style:solid;border-right-width:1px;border-top-color:var(--contrast);border-top-style:solid;border-top-width:1px;color:var(--contrast);column-gap:.72rem;cursor:pointer;display:inline-flex;font-family:var(--fg-mono);font-size:1rem;font-weight:400;letter-spacing:.16em;line-height:1.3;padding-bottom:.9rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:.9rem;text-decoration:none;text-transform:uppercase;transition:color .15s ease, border-color .15s ease;width:fit-content}.brand-button-outline:is(:hover,:focus,:focus-visible){background-color:transparent;border-bottom-color:var(--primary);border-bottom-style:solid;border-bottom-width:1px;border-left-color:var(--primary);border-left-style:solid;border-left-width:1px;border-right-color:var(--primary);border-right-style:solid;border-right-width:1px;border-top-color:var(--primary);border-top-style:solid;border-top-width:1px;color:var(--primary)} .brand-button-primary--reverse { align-items: center; background-color: #ffffff; border-bottom-color: #ffffff; border-bottom-style: solid; border-bottom-width: 1.5px; border-left-color: #ffffff; border-left-style: solid; border-left-width: 1.5px; border-radius: 1px; border-right-color: #ffffff; border-right-style: solid; border-right-width: 1.5px; border-top-color: #ffffff; border-top-style: solid; border-top-width: 1.5px; color: var(--contrast); column-gap: 0.5rem; display: inline-flex; font-family: var(--body-font, inherit); font-size: 1rem; font-weight: 700; padding-bottom: 0.85rem; padding-left: 1.7rem; padding-right: 1.7rem; padding-top: 0.85rem; text-decoration: none; transition: opacity 0.2s ease; width: fit-content; } .brand-button-primary--reverse:is(:hover, :focus) { opacity: 0.9; } .brand-button-outline--reverse { align-items: center; background-color: transparent; border-bottom-color: rgba(255,255,255,0.55); border-bottom-style: solid; border-bottom-width: 1.5px; border-left-color: rgba(255,255,255,0.55); border-left-style: solid; border-left-width: 1.5px; border-radius: 1px; border-right-color: rgba(255,255,255,0.55); border-right-style: solid; border-right-width: 1.5px; border-top-color: rgba(255,255,255,0.55); border-top-style: solid; border-top-width: 1.5px; color: #ffffff; column-gap: 0.5rem; display: inline-flex; font-family: var(--body-font, inherit); font-size: 1rem; font-weight: 700; padding-bottom: 0.85rem; padding-left: 1.7rem; padding-right: 1.7rem; padding-top: 0.85rem; text-decoration: none; transition: background-color 0.2s cubic-bezier(.2,.8,.2,1), color 0.2s cubic-bezier(.2,.8,.2,1); width: fit-content; } .brand-button-outline--reverse:is(:hover, :focus) { background-color: #ffffff; color: var(--contrast); } .brand-pull { max-width: 60ch; } .brand-quote { border-left-color: var(--primary); border-left-style: solid; border-left-width: 2px; color: var(--contrast); font-family: var(--heading-font, inherit); font-size: clamp(1.35rem, 2.2vw, 1.75rem); font-style: italic; font-weight: 500; line-height: 1.35; margin: 0; max-width: 60ch; padding-left: 1.8rem; } .brand-attribution { color: var(--primary); font-family: var(--body-font, inherit); font-size: .9rem; font-weight: 700; margin-top: 1.1rem; } .brand-facts { color: var(--contrast); column-gap: 2rem; display: flex; flex-wrap: wrap; font-family: var(--body-font, inherit); font-size: .9rem; font-weight: 700; letter-spacing: .02em; row-gap: 1.4rem; } .brand-cta { background-color: var(--primary); color: #ffffff; text-align: center; } .brand-cta__inner { align-items: center; display: flex; flex-direction: column; row-gap: 0.4rem; text-align: center; z-index: 1; } .brand-cta__lead { color: rgba(255,255,255,0.9); font-size: clamp(1.32rem,1.6vw,1.68rem); font-weight: 400; line-height: 1.35; margin: 1rem auto 1.4rem; max-width: 48ch; } .gbp-footer{color:var(--contrast);font-size:1rem;padding-top:9.6rem;position:relative;z-index:10}.gbp-footer::before{border-top-color:color-mix(in srgb, var(--contrast) 10%, transparent);border-top-style:solid;border-top-width:1px;content:"";left:0;position:absolute;right:0;top:9.6rem} .gbp-footer__grid{display:grid;gap:3rem;grid-template-columns:minmax(0,1fr);margin-left:auto;margin-right:auto;max-width:1340px;padding-bottom:4.2rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:4.2rem;width:100%}@media (min-width:768px){.gbp-footer__grid{grid-template-columns:repeat(12,minmax(0,1fr));padding-left:2.4rem;padding-right:2.4rem}.gbp-footer__grid > :nth-child(1){grid-column:span 4}.gbp-footer__grid > :nth-child(2),.gbp-footer__grid > :nth-child(3){grid-column:span 3}.gbp-footer__grid > :nth-child(4){grid-column:span 2}}@media (min-width:768px) and (max-width:1023px){.gbp-footer__grid > :nth-child(1){grid-column:1 / -1}.gbp-footer__grid > :nth-child(2),.gbp-footer__grid > :nth-child(3),.gbp-footer__grid > :nth-child(4){grid-column:span 4}} .gbp-footer__title{color:var(--contrast-4);font-family:var(--fg-mono);font-size:1rem;font-weight:400;letter-spacing:.14em;line-height:1.4;margin-bottom:.9rem;margin-top:0;text-transform:uppercase} .gbp-footer__link{border-bottom-color:transparent;border-bottom-style:solid;border-bottom-width:1px;color:var(--contrast);font-size:1rem;line-height:1.5;text-decoration:none;transition:border-color .15s ease}.gbp-footer__link:is(:hover,:focus-visible){border-bottom-color:var(--contrast);color:var(--contrast)} .brand-bottom-bar{color:var(--contrast-4);column-gap:2.4rem;display:flex;flex-direction:column;font-family:var(--fg-mono);font-size:1rem;letter-spacing:.14em;line-height:1.45;margin-left:auto;margin-right:auto;max-width:1340px;padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:1.5rem;position:relative;row-gap:.6rem;text-transform:uppercase;width:100%}@media (min-width:768px){.brand-bottom-bar{flex-direction:row;justify-content:space-between;padding-left:2.4rem;padding-right:2.4rem}}.brand-bottom-bar::before{border-top-color:color-mix(in srgb, var(--contrast) 10%, transparent);border-top-style:solid;border-top-width:1px;content:"";left:0;position:absolute;right:0;top:0}.brand-bottom-bar > p{margin:0} .brand-reveal { opacity: 0; transform: translateY(18px); transition: opacity 0.6s cubic-bezier(.2,.8,.2,1), transform 0.6s cubic-bezier(.2,.8,.2,1); } .brand-reveal.is-in { opacity: 1; transform: none; } .looks-h1 { font-family: var(--heading-font, inherit); font-size: clamp(2.7rem,6vw,6rem); font-weight: 600; letter-spacing: -.02em; line-height: 0.98; margin: 0; } .looks-h2 { font-family: var(--heading-font, inherit); font-size: clamp(1.92rem,3.3vw,3rem); font-weight: 600; letter-spacing: -.015em; line-height: 1.05; margin: 0; } .looks-h3 { font-family: var(--heading-font, inherit); font-size: 1.56rem; font-weight: 600; line-height: 1.15; margin: 0; } .prose{max-width:66ch} .brand-flush-top{padding-top:0} .brand-flush-bottom{padding-bottom:0} .brand-compact{padding-bottom:3rem;padding-top:3rem} .brand-mono-label{color:var(--contrast-4);font-family:var(--fg-mono);font-size:1rem;font-weight:400;letter-spacing:.2em;line-height:1.5;margin:0;text-transform:uppercase} .brand-dek{color:var(--contrast-2);font-family:var(--fg-serif);font-size:clamp(1.32rem,1.6vw,1.68rem);font-style:italic;line-height:1.5;margin:0;max-width:60ch} .brand-lede{color:var(--contrast);font-family:var(--fg-serif);font-size:1.56rem;line-height:1.45;margin-bottom:0;margin-top:1.2rem} .brand-copy{color:var(--contrast-2);line-height:1.7;margin-bottom:1.2rem;margin-top:0}.brand-copy:last-child{margin-bottom:0} .brand-accent-text{color:var(--primary)} .brand-rule-list{display:grid;list-style:none;margin-bottom:0;margin-left:0;margin-right:0;margin-top:1.8rem;padding-left:0;row-gap:.8rem}.brand-rule-list > li{line-height:1.6;margin:0;padding-left:1.65rem;position:relative}.brand-rule-list > li::before{background-color:var(--primary);content:"";height:.3rem;left:0;position:absolute;top:.62em;width:.75rem} .brand-cover__kicker::before{background-color:var(--contrast);content:"";display:inline-block;height:1px;margin-right:.9rem;vertical-align:middle;width:2.4rem} .brand-cover__meta{color:var(--contrast-4);font-family:var(--fg-mono);font-size:1rem;font-weight:400;letter-spacing:.18em;line-height:2.4;margin-bottom:0;margin-top:3rem;text-transform:uppercase}.brand-cover__meta .brand-accent-text{display:inline-block} .brand-cover__aside{margin-top:2.4rem}.brand-cover__aside > .brand-mono-label{letter-spacing:.18em;margin-top:1.8rem}@media (min-width:768px){.brand-cover__aside{grid-column:2;grid-row:1 / span 4;margin-top:0;padding-left:2.4rem;text-align:right}.brand-cover__aside > .gb-shape{margin-left:auto}} .brand-cover__mark{color:var(--contrast);display:block;margin-left:auto;margin-right:auto;width:180px}.brand-cover__mark svg{display:block;height:auto;width:100%} .brand-cover__link{color:inherit;display:inline-block;margin-top:.3rem;text-decoration:none}.brand-cover__link:is(:hover,:focus,:focus-visible){color:var(--contrast)} .brand-editors-note{column-gap:1.8rem;display:grid;grid-template-columns:minmax(0,1fr);row-gap:1.8rem}@media (min-width:768px){.brand-editors-note{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.brand-editors-note > :last-child{padding-left:3rem}} .brand-toc{align-items:end;display:grid;grid-template-columns:minmax(min-content,1fr) minmax(0,auto)}.brand-toc > h2,.brand-toc > .brand-mono-label{border-bottom-color:var(--contrast);border-bottom-style:solid;border-bottom-width:1px;margin:0;padding-bottom:.6rem}.brand-toc > h2{font-size:2.1rem;letter-spacing:-.025em;line-height:1.2}.brand-toc > .brand-mono-label{letter-spacing:.22em;text-align:right}.brand-toc > ol{grid-column:1 / -1} .brand-toc__list{list-style:none;margin-bottom:0;margin-left:0;margin-right:0;margin-top:1.2rem;padding-left:0} .brand-toc__row{align-items:baseline;column-gap:1.2rem;display:grid;grid-template-areas:"num title pages" "num sub pages";grid-template-columns:minmax(0,1fr) minmax(0,8fr) minmax(0,3fr);margin:0;padding-bottom:1.2rem;padding-top:1.2rem;position:relative}.brand-toc__row:not(:first-child){border-top-color:color-mix(in srgb, var(--contrast) 15%, transparent);border-top-style:solid;border-top-width:1px}.brand-toc__row:hover{background-color:color-mix(in srgb, var(--contrast) 3%, transparent)}@media (max-width:767px){.brand-toc__row{grid-template-areas:"num title" "num sub" "pages pages";grid-template-columns:minmax(0,2fr) minmax(0,10fr)}} .brand-toc__num{color:var(--primary);font-family:var(--fg-serif);font-size:1.68rem;font-weight:600;grid-area:num;line-height:1.2} .brand-toc__title{color:var(--contrast);font-family:var(--fg-serif);font-size:1.44rem;font-weight:600;grid-area:title;letter-spacing:-.01em;line-height:1.35;text-decoration:none}.brand-toc__title::after{content:"";inset:0;position:absolute}.brand-toc__title:is(:hover,:focus,:focus-visible){color:var(--contrast);text-decoration:underline} .brand-toc__sub{color:var(--contrast-4);font-size:1rem;font-style:italic;grid-area:sub;line-height:1.4} .brand-toc__pages{color:var(--contrast-4);font-family:var(--fg-mono);font-size:1rem;font-weight:400;grid-area:pages;letter-spacing:.18em;line-height:1.5;text-align:right;text-transform:uppercase}@media (max-width:767px){.brand-toc__pages{margin-top:.4rem;text-align:left}} .brand-chapter-head{padding-bottom:3rem} .brand-chapter{align-items:baseline;border-bottom-color:color-mix(in srgb, var(--contrast) 18%, transparent);border-bottom-style:solid;border-bottom-width:1px;column-gap:1.8rem;display:grid;grid-template-columns:auto minmax(0,1fr);padding-bottom:3.6rem;padding-top:2.6rem}.brand-chapter > *{grid-column:1 / -1}.brand-chapter > .brand-chapter__numeral,.brand-chapter > .brand-mono-label{grid-column:auto}.brand-chapter > .brand-mono-label{letter-spacing:.22em}.brand-chapter > h1{margin-bottom:0;margin-top:.6rem;max-width:18ch}.brand-chapter > .brand-dek{margin-top:1.2rem}.brand-chapter > .brand-chapter__dek{margin-top:2.4rem} .brand-chapter__numeral{color:var(--primary);font-family:var(--fg-serif);font-size:clamp(4.8rem,12vw,12rem);font-variant-numeric:lining-nums;font-weight:400;letter-spacing:-.02em;line-height:1;margin:0} .brand-chapter__dek{color:var(--contrast-2);font-family:var(--fg-serif);font-size:1.38rem;line-height:1.625;margin-bottom:0;max-width:62ch} .brand-essay{display:block}.brand-essay > p{line-height:1.7;margin-bottom:1.32rem;margin-top:1.32rem;position:relative}.brand-essay > h2{margin-bottom:0;margin-top:4.2rem}.brand-essay > h2 + p{margin-top:1.8rem}.brand-essay > .gbp-section__tagline{margin-bottom:0;margin-top:4.2rem}.brand-essay > .gbp-section__tagline + p{margin-top:1.8rem}.brand-essay > .gbp-section__tagline + h2{margin-top:.6rem}.brand-essay > h2:first-child,.brand-essay > .gbp-section__tagline:first-child{margin-top:2.4rem}@media (min-width:1024px){.brand-essay > *{max-width:calc(100% * 9 / 14)}} .brand-dropcap .brand-essay > p.prose:first-child::first-letter{color:var(--primary);float:left;font-family:var(--fg-serif);font-size:5.7rem;font-weight:500;line-height:.9;padding-right:.66rem;padding-top:.42rem} .brand-margin-note{border-left-color:var(--primary);border-left-style:solid;border-left-width:2px;color:var(--contrast-4);display:block;font-family:var(--fg-mono);font-size:1rem;line-height:1.55;margin-bottom:1.2rem;margin-top:1.2rem;padding-left:.9rem}@media (min-width:1024px){.brand-margin-note{border-left-color:color-mix(in srgb, var(--primary) 35%, transparent);border-left-style:solid;border-left-width:2px;left:calc(100% + 100% / 3);margin-bottom:0;margin-top:0;position:absolute;top:0;width:calc(200% / 9)}} .brand-margin-note__label{color:var(--primary);display:block;letter-spacing:.14em;margin-bottom:.25rem;text-transform:uppercase} .brand-fn-marker{background-color:transparent;border-bottom-color:var(--primary);border-bottom-style:dotted;border-bottom-width:1px;border-left-color:transparent;border-left-style:none;border-left-width:0;border-right-color:transparent;border-right-style:none;border-right-width:0;border-top-color:transparent;border-top-style:none;border-top-width:0;color:var(--primary);cursor:pointer;font-family:var(--fg-mono);font-size:.66em;font-weight:600;line-height:1;margin:0;padding-bottom:0;padding-left:.15em;padding-right:.1em;padding-top:0;vertical-align:super}.brand-fn-marker:is(:hover,:focus,:focus-visible){background-color:var(--primary-light);color:var(--primary)} .brand-footnote{background-color:var(--base-2);border-bottom-color:var(--contrast);border-bottom-style:solid;border-bottom-width:1px;border-left-color:var(--contrast);border-left-style:solid;border-left-width:1px;border-right-color:var(--contrast);border-right-style:solid;border-right-width:1px;border-top-color:var(--contrast);border-top-style:solid;border-top-width:1px;box-shadow:0 30px 60px -20px color-mix(in srgb, var(--contrast) 40%, transparent);color:var(--contrast);max-width:min(640px, 92vw);padding-bottom:1.5rem;padding-left:1.8rem;padding-right:1.8rem;padding-top:1.5rem}.brand-footnote:not(:popover-open){display:none}.brand-footnote:popover-open{align-items:baseline;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:.9rem}.brand-footnote::backdrop{backdrop-filter:blur(2px);background-color:color-mix(in srgb, var(--contrast) 55%, transparent)}.brand-footnote > .gbp-section__tagline,.brand-footnote > .brand-footnote__close{border-bottom-color:color-mix(in srgb, var(--contrast) 20%, transparent);border-bottom-style:solid;border-bottom-width:1px;margin:0;padding-bottom:.6rem} .brand-footnote__close{background-color:transparent;border-bottom-color:transparent;border-bottom-style:none;border-bottom-width:0;border-left-color:transparent;border-left-style:none;border-left-width:0;border-right-color:transparent;border-right-style:none;border-right-width:0;border-top-color:transparent;border-top-style:none;border-top-width:0;color:var(--contrast-4);cursor:pointer;font-family:var(--fg-mono);font-size:1rem;font-weight:400;letter-spacing:.14em;line-height:1.5;margin:0;min-height:24px;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:right;text-transform:uppercase}.brand-footnote__close:is(:hover,:focus,:focus-visible){background-color:transparent;color:var(--contrast)} .brand-footnote__body{font-family:var(--fg-serif);font-size:1.125rem;grid-column:1 / -1;line-height:1.625;margin:0} .brand-footnote__source{border-top-color:color-mix(in srgb, var(--contrast) 10%, transparent);border-top-style:solid;border-top-width:1px;color:var(--contrast-4);font-family:var(--fg-mono);font-size:1rem;font-weight:400;grid-column:1 / -1;letter-spacing:.14em;line-height:1.5;margin:0;padding-top:.9rem;text-transform:uppercase} .brand-pullquote{border-left-color:var(--primary);border-left-style:solid;border-left-width:3px;margin-bottom:2.4rem;margin-left:0;margin-right:0;margin-top:2.4rem;padding-bottom:.3rem;padding-left:1.5rem;padding-right:0;padding-top:.3rem} .brand-pullquote__text{color:var(--contrast);font-family:var(--fg-serif);font-size:1.275rem;font-weight:400;letter-spacing:-.015em;line-height:1.7;margin-bottom:0;margin-top:1.32rem} .brand-pullquote__cite{color:var(--contrast-4);font-family:var(--fg-mono);font-size:1rem;font-weight:400;letter-spacing:.05em;line-height:1.2;margin-top:1rem;text-transform:uppercase} .brand-tier__head{align-items:baseline;border-bottom-color:var(--contrast);border-bottom-style:solid;border-bottom-width:2px;column-gap:1rem;display:flex;justify-content:space-between;margin-top:2.4rem;padding-bottom:.6rem;position:relative;z-index:1}.brand-tier__head > h3{font-size:1.62rem;letter-spacing:-.025em;margin:0}.brand-tier__head > :last-child{white-space:nowrap}@media (max-width:767px){.brand-tier__head > h3{font-size:1.44rem}} .brand-tier__list{margin-bottom:2.4rem;margin-top:-1px} .brand-tier__row{align-items:baseline;border-bottom-color:var(--primary);border-bottom-style:dotted;border-bottom-width:1px;box-shadow:0 1px 0 color-mix(in srgb, var(--contrast) 15%, transparent);column-gap:.9rem;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,8fr) minmax(0,2fr);margin-bottom:1px;padding-bottom:.06rem;padding-top:.9rem;position:relative}.brand-tier__row:hover{background-color:color-mix(in srgb, var(--contrast) 3%, transparent)}@media (max-width:767px){.brand-tier__row{grid-template-columns:max-content minmax(0,1fr);row-gap:.3rem}} .brand-tier__code{color:var(--primary);font-family:var(--fg-mono);font-size:1rem;font-weight:400;letter-spacing:.14em;line-height:1.5;text-transform:uppercase} .brand-tier__title{color:var(--primary);font-family:var(--fg-serif);font-size:1.224rem;font-weight:600;line-height:1.5;text-decoration:none}.brand-tier__title::after{content:"";inset:0;position:absolute}.brand-tier__title:is(:hover,:focus,:focus-visible){color:var(--primary)} .brand-tier__domain{color:var(--contrast-4);font-family:var(--fg-mono);font-size:1rem;font-weight:400;letter-spacing:.12em;line-height:1.5;text-align:right;text-transform:uppercase}@media (max-width:767px){.brand-tier__domain{grid-column:1 / -1;text-align:left}} .brand-engagements{border-top-color:var(--contrast);border-top-style:solid;border-top-width:2px;counter-reset:wbi-eng} .brand-engagement{align-items:baseline;border-bottom-color:color-mix(in srgb, var(--contrast) 20%, transparent);border-bottom-style:solid;border-bottom-width:1px;column-gap:1.8rem;counter-increment:wbi-eng;display:grid;grid-template-columns:minmax(0,1fr);padding-bottom:2.4rem;padding-top:2.4rem;row-gap:1.2rem}.brand-engagement .brand-rule-list{font-size:1rem;margin-top:1.2rem;row-gap:.45rem}@media (min-width:768px){.brand-engagement{grid-template-columns:minmax(0,3fr) minmax(0,9fr);padding-bottom:3rem;padding-top:3rem}} .brand-engagement__title{font-size:1.92rem;letter-spacing:-.01em;line-height:1.15;margin:0}.brand-engagement__title::before{color:var(--primary);content:counter(wbi-eng, decimal-leading-zero);display:block;font-family:var(--fg-mono);font-size:1rem;font-weight:400;letter-spacing:.18em;line-height:1.5;margin-bottom:.6rem;text-transform:uppercase} .brand-engagement__meta{color:var(--contrast-4);font-family:var(--fg-mono);font-size:1rem;font-weight:400;letter-spacing:.14em;line-height:1.5;margin-bottom:0;margin-top:.6rem;text-transform:uppercase} .brand-engagement__lead{color:var(--contrast);font-family:var(--fg-serif);font-size:1.56rem;line-height:1.4;margin:0} .brand-engagement__desc{font-size:1rem;line-height:1.7;margin-bottom:0;margin-top:.9rem} .brand-landing-hero{padding-bottom:2.4rem;padding-top:3rem}.brand-landing-hero h1{font-size:clamp(2.16rem,4.8vw,4.68rem);letter-spacing:-.02em;line-height:.98;margin:0}.brand-landing-hero .brand-dek{font-size:clamp(1.5rem,2.2vw,2.04rem);line-height:1.3;margin-top:1.5rem;max-width:52ch}.brand-landing-hero .brand-copy{line-height:1.75;margin-bottom:0;margin-top:1.8rem}.brand-landing-hero .brand-rule-list{max-width:60ch}@media (min-width:1024px){.brand-landing-hero h1{white-space:nowrap}.brand-landing-hero .brand-copy{max-width:60%}} .brand-watermark{bottom:-3.9rem;color:var(--primary);opacity:.12;pointer-events:none;position:absolute;right:6%;width:min(368px, 90vw);z-index:-1}.brand-watermark svg{display:block;height:auto;width:100%}@media (min-width:768px){.brand-watermark{right:12%}} .brand-landing-h2{font-size:clamp(2.16rem,4vw,3.6rem);letter-spacing:-.015em;line-height:1.03} .brand-lede-block > h2{margin:0}.brand-lede-block > .brand-copy,.brand-lede-block > .brand-rule-list{max-width:50rem}.brand-lede-block > .brand-copy{line-height:1.75;margin-bottom:0;margin-top:1.5rem}.brand-lede-block > .brand-lede-rule + .brand-copy{margin-top:2.4rem} .brand-lede-rule{border-left-color:color-mix(in srgb, var(--primary) 40%, transparent);border-left-style:solid;border-left-width:2px;display:grid;margin-top:1.8rem;max-width:47.5rem;padding-left:1.5rem;row-gap:1.2rem}.brand-lede-rule > p{color:var(--contrast);font-family:var(--fg-serif);font-size:clamp(1.44rem,2vw,1.8rem);font-style:italic;line-height:1.45;margin:0}.brand-lede-rule > p + p{font-size:1.44rem;line-height:1.4} .brand-journey > h2,.brand-journey > .brand-dek,.brand-journey > .brand-journey__intro{margin-left:auto;margin-right:auto;text-align:center}.brand-journey > h2{margin:0}.brand-journey > .brand-dek{font-size:clamp(1.38rem,2vw,1.92rem);line-height:1.2;margin-top:.4rem} .brand-journey__intro{color:var(--contrast-2);line-height:1.75;margin-bottom:0;margin-top:1.2rem;max-width:76ch} .brand-journey__stops{display:flex;flex-direction:column;list-style:none;margin-bottom:0;margin-left:0;margin-right:0;margin-top:3.6rem;padding-left:0;row-gap:3rem}.brand-journey__stops > li{margin:0;min-width:0;position:relative;text-align:center}.brand-journey__stops > li + li::before{background-color:color-mix(in srgb, var(--contrast) 35%, transparent);content:"";height:1.1rem;left:50%;position:absolute;top:-2.3rem;width:1px}.brand-journey__stops > li + li::after{border-bottom-color:var(--primary);border-bottom-style:solid;border-bottom-width:1.75px;border-right-color:var(--primary);border-right-style:solid;border-right-width:1.75px;content:"";height:.45rem;left:50%;position:absolute;top:-1.45rem;transform:translateX(-50%) rotate(45deg);width:.45rem}.brand-journey__stops > li:has(> .brand-mock){align-items:center;column-gap:1rem;display:grid;grid-template-columns:112px minmax(0,1fr);text-align:left}.brand-journey__stops > li > .brand-journey__when{grid-column:1 / -1}.brand-journey__stops > li > .brand-mock{grid-row:span 2;margin-top:.6rem}@media (min-width:1024px){.brand-journey__stops{align-items:stretch;column-gap:2.6rem;flex-direction:row;row-gap:0}.brand-journey__stops > li{flex:1 1 0;text-align:left}.brand-journey__stops > li + li::before{height:1px;left:-2.1rem;top:50%;width:1.3rem}.brand-journey__stops > li + li::after{left:-1.15rem;top:calc(50% - .22rem);transform:rotate(-45deg)}.brand-journey__stops > li:has(> .brand-mock){display:block}.brand-journey__stops > li > .brand-mock{margin-top:.75rem}} .brand-journey__when{color:var(--primary);display:block;font-family:var(--fg-mono);font-size:1rem;font-weight:400;letter-spacing:.16em;line-height:1.5;text-transform:uppercase} .brand-journey__title{font-size:1.32rem;line-height:1.2;margin-bottom:0;margin-top:.6rem} .brand-journey__detail{color:var(--contrast-2);font-size:1.14rem;line-height:1.55;margin-bottom:0;margin-top:.45rem} .brand-journey__stop--messy{background-color:color-mix(in srgb, var(--base) 50%, transparent);border-bottom-color:color-mix(in srgb, var(--primary) 40%, transparent);border-bottom-style:dashed;border-bottom-width:1px;border-left-color:color-mix(in srgb, var(--primary) 40%, transparent);border-left-style:dashed;border-left-width:1px;border-radius:12px;border-right-color:color-mix(in srgb, var(--primary) 40%, transparent);border-right-style:dashed;border-right-width:1px;border-top-color:color-mix(in srgb, var(--primary) 40%, transparent);border-top-style:dashed;border-top-width:1px;padding-bottom:1.2rem;padding-left:1.2rem;padding-right:1.2rem;padding-top:1.2rem} .brand-journey__chips{height:222px;line-height:2.6;margin-bottom:0;margin-top:.9rem;overflow:hidden;position:relative}.brand-journey__chips .brand-chip{margin:0;position:absolute}.brand-journey__chips .brand-chip:nth-child(1){left:28%;rotate:-3deg;top:.4rem}.brand-journey__chips .brand-chip:nth-child(2){left:1%;rotate:3deg;top:2.8rem}.brand-journey__chips .brand-chip:nth-child(3){left:30%;rotate:-2deg;top:5.2rem}.brand-journey__chips .brand-chip:nth-child(4){left:4%;rotate:3deg;top:7.6rem}.brand-journey__chips .brand-chip:nth-child(5){left:24%;rotate:-3deg;top:10rem}@media (prefers-reduced-motion:no-preference){.brand-journey__chips .brand-chip{animation:wbi-float 6s ease-in-out infinite alternate}.brand-journey__chips .brand-chip:nth-child(1){animation-duration:5.5s}.brand-journey__chips .brand-chip:nth-child(2){animation-delay:.8s;animation-duration:6.5s}.brand-journey__chips .brand-chip:nth-child(3){animation-delay:1.6s;animation-duration:5s}.brand-journey__chips .brand-chip:nth-child(4){animation-delay:.4s;animation-duration:7s}.brand-journey__chips .brand-chip:nth-child(5){animation-delay:2.2s}} .brand-chip{background-color:var(--base-2);border-bottom-color:color-mix(in srgb, var(--contrast) 15%, transparent);border-bottom-style:solid;border-bottom-width:1px;border-left-color:color-mix(in srgb, var(--contrast) 15%, transparent);border-left-style:solid;border-left-width:1px;border-radius:999px;border-right-color:color-mix(in srgb, var(--contrast) 15%, transparent);border-right-style:solid;border-right-width:1px;border-top-color:color-mix(in srgb, var(--contrast) 15%, transparent);border-top-style:solid;border-top-width:1px;box-shadow:0 1px 4px color-mix(in srgb, var(--contrast) 6%, transparent);color:var(--contrast-2);display:inline-block;font-size:1rem;line-height:1.5;margin-right:.3rem;padding-bottom:.2rem;padding-left:.75rem;padding-right:.75rem;padding-top:.2rem;white-space:nowrap} .brand-journey__fan{color:color-mix(in srgb, var(--contrast) 30%, transparent);display:none}@media (min-width:1024px){.brand-journey__fan{display:block;height:4rem;margin-top:1.5rem;width:100%}.brand-journey__fan svg{display:block;height:100%;width:100%}}.brand-journey__fan line{vector-effect:non-scaling-stroke} .brand-journey__final{margin-left:auto;margin-right:auto;margin-top:3rem;max-width:26rem;text-align:center}.brand-journey__final > .gb-shape{display:flex;justify-content:center;margin-top:.9rem}.brand-journey__final svg{height:72px;width:72px}.brand-journey__final svg circle{fill:var(--success)}.brand-journey__final svg path{stroke:var(--base-3)}@media (min-width:1024px){.brand-journey__final{margin-top:.6rem}} .brand-journey__close{color:var(--contrast);font-family:var(--fg-serif);font-size:clamp(1.44rem,2vw,1.8rem);line-height:1.4;margin-bottom:0;margin-left:auto;margin-right:auto;margin-top:4.2rem;max-width:62ch;text-align:center} .brand-rule-grid .gbp-section__headline{font-size:clamp(2.16rem,4vw,3.6rem);letter-spacing:-.015em;line-height:1.03;margin-bottom:3rem}.brand-rule-grid ul{column-gap:3rem;counter-reset:wbi-item;row-gap:2.7rem}.brand-rule-grid li{border-top-color:var(--contrast);border-top-style:solid;border-top-width:1px;counter-increment:wbi-item;padding-top:1.2rem}.brand-rule-grid li::before{color:var(--primary);content:counter(wbi-item, decimal-leading-zero);display:block;font-family:var(--fg-mono);font-size:1rem;font-weight:400;letter-spacing:.18em;line-height:1.5;text-transform:uppercase}.brand-rule-grid li h3{line-height:1.15;margin-bottom:0;margin-top:.6rem}.brand-rule-grid li p{color:var(--contrast-2);font-size:1.2rem;line-height:1.7;margin-bottom:0;margin-top:.6rem} .brand-closer > h2{margin:0}.brand-closer > .brand-dek{color:var(--contrast);font-size:clamp(1.68rem,2.6vw,2.4rem);letter-spacing:-.01em;line-height:1.25;margin-top:3rem}.brand-closer > .brand-button-primary{margin-top:3rem} .brand-dialog{background-color:var(--base-2);border-bottom-color:var(--contrast);border-bottom-style:solid;border-bottom-width:1px;border-left-color:var(--contrast);border-left-style:solid;border-left-width:1px;border-radius:12px;border-right-color:var(--contrast);border-right-style:solid;border-right-width:1px;border-top-color:var(--contrast);border-top-style:solid;border-top-width:1px;box-shadow:0 30px 60px -20px color-mix(in srgb, var(--contrast) 45%, transparent);color:var(--contrast);max-width:min(35rem, calc(100vw - 2rem));padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;width:100%}.brand-dialog::backdrop{backdrop-filter:blur(4px);background-color:color-mix(in srgb, var(--contrast) 55%, transparent)}.brand-dialog .wpforms-container{--wpforms-button-background-color:var(--primary);--wpforms-button-border-color:var(--primary);--wpforms-button-border-radius:0;--wpforms-button-border-style:solid;--wpforms-button-size-font-size:1rem;--wpforms-button-size-height:3.25rem;--wpforms-button-size-padding-h:1.5rem;--wpforms-button-text-color:var(--base-3);--wpforms-field-background-color:var(--base-2);--wpforms-field-border-color:color-mix(in srgb,var(--contrast) 35%,transparent);--wpforms-field-border-radius:0;--wpforms-field-menu-color:var(--base-2);--wpforms-field-size-font-size:1rem;--wpforms-field-text-color:var(--contrast);--wpforms-label-color:var(--contrast);--wpforms-label-error-color:var(--primary);--wpforms-label-size-font-size:1rem;--wpforms-label-sublabel-color:var(--contrast-4)}.brand-dialog .wpforms-container.wpforms-container-full{margin:0}.brand-dialog .wpforms-container .wpforms-field-label{font-family:var(--fg-sans);font-weight:500}.brand-dialog .wpforms-container .wpforms-required-label{color:var(--primary)}.brand-dialog .wpforms-container .wpforms-field :is(input,select,textarea):focus-visible{outline:2px solid var(--primary);outline-offset:1px}.brand-dialog .wpforms-container .wpforms-submit-container{display:flex;justify-content:flex-end}.brand-dialog .wpforms-container .wpforms-submit{font-family:var(--fg-mono);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.brand-dialog .wpforms-container .wpforms-submit:is(:hover,:focus-visible){--wpforms-button-background-color:var(--accent);--wpforms-button-background-color-alt:var(--accent);--wpforms-button-border-color:var(--accent)}.brand-dialog .wpforms-container .wbi-pills ul{display:flex;flex-wrap:wrap;gap:.45rem}.brand-dialog .wpforms-container .wbi-pills li{margin:0;padding:0}.brand-dialog .wpforms-container .wbi-pills input[type=radio]{height:1px;opacity:0;position:absolute;width:1px}.brand-dialog .wpforms-container .wbi-pills li label{border:1px solid color-mix(in srgb,var(--contrast) 30%,transparent);border-radius:999px;cursor:pointer;display:inline-block;line-height:1.4;margin:0;padding:.35rem .9rem}.brand-dialog .wpforms-container .wbi-pills li label::before,.brand-dialog .wpforms-container .wbi-pills li label::after{content:none}.brand-dialog .wpforms-container .wbi-pills input:checked + label{background-color:var(--primary);border-color:var(--primary);color:var(--base-3)}.brand-dialog .wpforms-container .wbi-pills input:focus-visible + label{outline:2px solid var(--primary);outline-offset:2px}.brand-dialog .wpforms-container .wpforms-confirmation-container-full{background:none;border:0;color:var(--contrast);font-size:1rem;line-height:1.6;margin:0;padding:0}.brand-dialog .wpforms-container .wpforms-confirmation-container-full::before{background-color:var(--success);border-radius:50%;color:var(--base-3);content:"✓";display:grid;font-size:1.8rem;height:3.75rem;line-height:1;margin-bottom:1.2rem;place-items:center;width:3.75rem}.brand-dialog .wpforms-container .wpforms-confirmation-container-full p{margin:0 0 .6rem}.brand-dialog .wpforms-container .wpforms-confirmation-container-full p:first-child{font-family:var(--fg-serif);font-size:1.44rem;font-weight:600;line-height:1.3} .brand-dialog__head{align-items:flex-start;border-bottom-color:color-mix(in srgb, var(--contrast) 10%, transparent);border-bottom-style:solid;border-bottom-width:1px;column-gap:1.2rem;display:flex;justify-content:space-between;padding-bottom:1.2rem;padding-left:1.8rem;padding-right:1.8rem;padding-top:1.2rem}.brand-dialog__head .gbp-section__tagline{margin-bottom:0} .brand-dialog__title{font-family:var(--fg-serif);font-size:1.8rem;font-weight:600;letter-spacing:-.01em;line-height:1.15;margin-bottom:0;margin-top:.3rem} .brand-dialog__close{align-items:center;background-color:transparent;border-bottom-color:transparent;border-bottom-style:none;border-bottom-width:0;border-left-color:transparent;border-left-style:none;border-left-width:0;border-right-color:transparent;border-right-style:none;border-right-width:0;border-top-color:transparent;border-top-style:none;border-top-width:0;color:var(--contrast-4);cursor:pointer;display:inline-flex;justify-content:center;margin:0;min-height:2.25rem;min-width:2.25rem;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0}.brand-dialog__close:is(:hover,:focus,:focus-visible){background-color:transparent;color:var(--primary)}.brand-dialog__close svg{height:1.4rem;width:1.4rem} .brand-dialog__body{display:grid;grid-template-columns:minmax(0,1fr);max-height:72dvh;overflow-y:auto;padding-bottom:1.8rem;padding-left:1.8rem;padding-right:1.8rem;padding-top:1.5rem}.brand-dialog__body > *{grid-column:1;grid-row:1}.brand-dialog__body > .brand-dialog__cancel{align-self:end;justify-self:start;position:relative;z-index:1}.brand-dialog__body:has(.wpforms-confirmation-container-full) > .brand-dialog__cancel{grid-row:2;margin-top:1.2rem} .brand-cta-rule{align-items:center;border-top-color:color-mix(in srgb, var(--contrast) 18%, transparent);border-top-style:solid;border-top-width:1px;column-gap:1.2rem;display:flex;flex-wrap:wrap;padding-top:3rem;row-gap:1.2rem}.brand-cta-rule > :not(a){flex-basis:100%;margin:0}.brand-cta-rule > .brand-copy{margin-bottom:.6rem} .brand-masthead{border-bottom-color:color-mix(in srgb, var(--contrast) 10%, transparent);border-bottom-style:solid;border-bottom-width:1px;position:relative;z-index:20} .brand-nav{align-items:center;column-gap:1.8rem;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1340px;padding-bottom:1.2rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:1.2rem;width:100%}@media (min-width:768px){.brand-nav{padding-left:2.4rem;padding-right:2.4rem}} .brand-nav--narrow{max-width:1180px} .brand-nav__brand{align-items:center;color:var(--contrast);column-gap:.9rem;display:inline-flex;flex-shrink:0;text-decoration:none}.brand-nav__brand .gb-shape{display:block;line-height:0}.brand-nav__brand svg{display:block;height:28px;width:28px}.brand-nav__brand:is(:hover,:focus-visible){color:var(--contrast)} .brand-nav__wordmark{font-family:var(--fg-serif);font-size:1.125rem;font-weight:600;letter-spacing:-.02em;line-height:1;white-space:nowrap} .brand-nav__nav{display:flex;flex:1 1 auto;justify-content:center;min-width:0}@media (min-width:1100px){.brand-nav__nav .gb-menu-toggle{display:none}}@media (max-width:1099px){.brand-nav__nav{justify-content:flex-end}.brand-nav__nav .gb-menu-container:not(.gb-menu-container--toggled){display:none}} .brand-nav__toggle{align-items:center;background-color:transparent;border-bottom-color:transparent;border-bottom-style:none;border-bottom-width:0;border-left-color:transparent;border-left-style:none;border-left-width:0;border-right-color:transparent;border-right-style:none;border-right-width:0;border-top-color:transparent;border-top-style:none;border-top-width:0;color:var(--contrast);cursor:pointer;display:flex;justify-content:center;line-height:0;margin:0;margin-bottom:-8px;margin-right:-10px;margin-top:-8px;min-height:44px;min-width:44px;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0}.brand-nav__toggle svg{height:26px;width:26px}.brand-nav__toggle:is(:hover,:focus){background-color:transparent;color:var(--primary)}.brand-nav__toggle:focus-visible{outline-color:var(--primary);outline-offset:2px;outline-style:solid;outline-width:2px} .brand-nav__menu{align-items:center;color:var(--contrast);column-gap:1.5rem;display:flex;flex-wrap:nowrap;font-family:var(--fg-mono);font-size:1rem;letter-spacing:.14em;list-style:none;margin:0;padding:0;text-transform:uppercase}.brand-nav__menu .gb-menu-item{list-style:none;margin:0}.brand-nav__menu .gb-menu-link{align-items:baseline;color:inherit;column-gap:.45rem;display:inline-flex;line-height:1.3;padding-bottom:.4rem;padding-top:.4rem;text-decoration:none;transition:color .15s ease;white-space:nowrap}.brand-nav__menu .gb-menu-link:is(:hover,:focus-visible){color:var(--primary)}.brand-nav__menu .brand-nav__num{color:var(--primary)}.brand-nav__menu .brand-nav__dot{color:var(--contrast-4)} .brand-nav__drawer.gb-menu-container--mobile{background-color:var(--base-2);border-bottom-color:color-mix(in srgb, var(--contrast) 15%, transparent);border-bottom-style:solid;border-bottom-width:1px;border-top-color:color-mix(in srgb, var(--contrast) 10%, transparent);border-top-style:solid;border-top-width:1px;bottom:auto;box-shadow:0 24px 40px -24px color-mix(in srgb, var(--contrast) 35%, transparent);max-height:calc(100dvh - var(--gb-menu-offset, 0px));overflow-y:auto;padding-bottom:1.2rem;padding-top:.6rem;position:fixed}.brand-nav__drawer.gb-menu-container--mobile .brand-nav__menu{align-items:stretch;flex-direction:column;padding-left:1.5rem;padding-right:1.5rem;width:100%}.brand-nav__drawer.gb-menu-container--mobile .gb-menu-item{border-bottom-color:color-mix(in srgb, var(--contrast) 10%, transparent);border-bottom-style:solid;border-bottom-width:1px}.brand-nav__drawer.gb-menu-container--mobile .gb-menu-link{min-height:48px;padding-bottom:.9rem;padding-top:.9rem;width:100%}.brand-nav__drawer.gb-menu-container--mobile .brand-nav__drawer-only{border-bottom-color:transparent;border-bottom-style:none;border-bottom-width:0}.brand-nav__drawer.gb-menu-container--mobile .brand-nav__drawer-only .gb-menu-link{color:var(--primary);font-weight:600} @media (min-width:1100px){.brand-nav__drawer-only{display:none}} .brand-nav__cta{border-bottom-color:var(--contrast);border-bottom-style:solid;border-bottom-width:1px;color:var(--contrast);flex-shrink:0;font-family:var(--fg-mono);font-size:1rem;letter-spacing:.14em;line-height:1.3;text-decoration:none;text-transform:uppercase;transition:color .15s ease, border-color .15s ease;white-space:nowrap}.brand-nav__cta:is(:hover,:focus-visible){border-bottom-color:var(--primary);color:var(--primary)}@media (max-width:1279px){.brand-nav__cta{display:none}} .brand-booknav{background-color:var(--base-2);border-bottom-color:color-mix(in srgb, var(--contrast) 15%, transparent);border-bottom-style:solid;border-bottom-width:1px;position:relative;z-index:15} .brand-booknav__row{align-items:center;column-gap:.9rem;display:grid;font-family:var(--fg-mono);font-size:1rem;grid-template-columns:repeat(3,minmax(0,1fr));letter-spacing:.14em;line-height:1.4;margin-left:auto;margin-right:auto;max-width:1340px;padding-bottom:.75rem;padding-left:1.2rem;padding-right:1.2rem;padding-top:.75rem;text-transform:uppercase;width:100%}@media (min-width:768px){.brand-booknav__row{padding-left:2.4rem;padding-right:2.4rem}} .brand-booknav__link{align-items:baseline;color:var(--contrast);column-gap:.45rem;display:inline-flex;min-height:24px;text-decoration:none;transition:color .15s ease}.brand-booknav__link:is(:hover,:focus-visible){color:var(--primary)}.brand-booknav__link.brand-booknav__prev{grid-column:1;justify-self:start}.brand-booknav__link.brand-booknav__next{grid-column:3;justify-self:end;text-align:right}@media (max-width:639px){.brand-booknav__link .brand-booknav__num{display:none}} .brand-booknav__current{color:var(--contrast-4);grid-column:2;margin:0;text-align:center}@media (max-width:639px){.brand-booknav__current .brand-booknav__num{display:none}} .gbp-footer--flush{padding-top:0}.gbp-footer--flush::before{top:0} .gbp-footer__brand{align-items:center;column-gap:.9rem;display:grid;grid-template-columns:auto minmax(0,1fr);row-gap:0}.gbp-footer__brand > .gb-shape{grid-row:1 / span 2;line-height:0}.gbp-footer__brand > .gb-shape svg{height:28px;width:28px}.gbp-footer__brand > .gbp-footer__text{grid-column:1 / -1;margin-top:1.2rem} .gbp-footer__name{color:var(--contrast);font-family:var(--fg-serif);font-size:1.2rem;font-weight:600;line-height:1.3;margin:0} .gbp-footer__tagline{color:var(--contrast-4);font-family:var(--fg-mono);font-size:1rem;letter-spacing:.14em;line-height:1.4;margin:0;text-transform:uppercase} .gbp-footer__text{color:var(--contrast-2);font-size:1rem;line-height:1.625;margin:0;max-width:28.8rem} .gbp-footer__col{align-items:flex-start;display:flex;flex-direction:column;row-gap:.45rem} .gbp-footer__menu{color:var(--contrast);display:grid;list-style:none;margin:0;padding:0;row-gap:.45rem}.gbp-footer__menu .gb-menu-item{list-style:none;margin:0}.gbp-footer__menu .gb-menu-link{border-bottom-color:transparent;border-bottom-style:solid;border-bottom-width:1px;color:inherit;font-size:1rem;line-height:1.5;padding-bottom:0;padding-top:0;text-decoration:none}.gbp-footer__menu .gb-menu-link:is(:hover,:focus-visible){border-bottom-color:var(--contrast)} .gbp-footer__edition{color:var(--contrast);font-family:var(--fg-mono);font-size:1rem;line-height:1.625;margin:0} .brand-landing-head{backdrop-filter:blur(8px);background-color:color-mix(in srgb, var(--base-2) 65%, transparent);border-bottom-color:color-mix(in srgb, var(--contrast) 10%, transparent);border-bottom-style:solid;border-bottom-width:1px;position:sticky;top:0;z-index:50}.brand-landing-head .brand-nav__brand svg{height:26px;width:26px}.brand-landing-head .brand-nav__wordmark{font-size:1.0625rem}@media (max-width:639px){.brand-landing-head .brand-nav__wordmark{visibility:hidden}}@supports (animation-timeline: scroll()){@media (max-width:639px){.brand-landing-head .brand-nav__wordmark{animation:wbi-swap-out linear both;animation-range:90px 91px;animation-timeline:scroll(root);visibility:visible}}} .brand-landing-head__label{color:var(--contrast-4);font-family:var(--fg-mono);font-size:1rem;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}@media (max-width:639px){.brand-landing-head__label{display:none}} .brand-landing-head__cta{font-size:1rem;padding-bottom:.5rem;padding-left:1rem;padding-right:1rem;padding-top:.5rem;white-space:nowrap} .brand-landing-head__swap{align-items:center;display:flex;justify-content:flex-end;min-height:2.6rem;position:relative}.brand-landing-head__swap > .brand-landing-head__cta{position:absolute;right:0;top:50%;transform:translateY(-50%)}.brand-landing-head__swap > .brand-landing-head__label{visibility:hidden}@supports (animation-timeline: scroll()){.brand-landing-head__swap > .brand-landing-head__label{animation:wbi-swap-out linear both;animation-range:90px 91px;animation-timeline:scroll(root);visibility:visible}.brand-landing-head__swap > .brand-landing-head__cta{animation:wbi-swap-in linear both;animation-range:90px 91px;animation-timeline:scroll(root)}} .brand-landing-foot{border-top-color:color-mix(in srgb, var(--contrast) 10%, transparent);border-top-style:solid;border-top-width:1px} .brand-landing-foot__row{color:var(--contrast-4);display:flex;flex-direction:column;font-family:var(--fg-mono);font-size:1rem;letter-spacing:.14em;margin-left:auto;margin-right:auto;max-width:1180px;padding-bottom:3rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:3rem;row-gap:1.2rem;text-transform:uppercase;width:100%}@media (min-width:768px){.brand-landing-foot__row{padding-left:2.4rem;padding-right:2.4rem}}@media (min-width:1024px){.brand-landing-foot__row{align-items:center;column-gap:2.4rem;flex-direction:row;justify-content:space-between}} .brand-landing-foot__brand{align-items:center;column-gap:.9rem;display:flex;flex-shrink:0;margin:0}.brand-landing-foot__brand .gb-shape{color:var(--contrast);line-height:0}.brand-landing-foot__brand svg{height:24px;width:24px} .brand-landing-foot__links{align-items:center;column-gap:1.5rem;display:flex;flex-wrap:wrap;margin:0;row-gap:.6rem}@media (min-width:1024px){.brand-landing-foot__links{justify-content:flex-end}}.brand-landing-foot__links a{border-bottom-color:transparent;border-bottom-style:solid;border-bottom-width:1px;color:inherit;letter-spacing:0;text-decoration:none;text-transform:none}.brand-landing-foot__links a:is(:hover,:focus-visible){border-bottom-color:var(--contrast);color:var(--contrast)} .brand-errata{margin-left:auto;margin-right:auto;max-width:900px;padding-bottom:7.2rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:6rem}@media (min-width:768px){.brand-errata{padding-left:2.4rem;padding-right:2.4rem}}.brand-errata > .gbp-section__tagline{letter-spacing:.22em}.brand-errata > h1{font-size:clamp(3rem,8vw,7.2rem);letter-spacing:-.02em;line-height:.95;margin-bottom:0;margin-top:.9rem}.brand-errata > .brand-dek{font-size:1.44rem;margin-top:1.2rem;max-width:50ch} .brand-errata__actions{column-gap:.9rem;display:flex;flex-wrap:wrap;margin-top:2.4rem;row-gap:.9rem} .brand-product{margin-left:auto;margin-right:auto;max-width:1100px;padding-bottom:7.2rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:3rem}@media (min-width:768px){.brand-product{padding-left:2.4rem;padding-right:2.4rem;padding-top:4.8rem}}.brand-product > h1{font-size:clamp(2.4rem,6vw,5.04rem);letter-spacing:-.02em;line-height:.98;margin-bottom:0;margin-top:1.2rem;max-width:22ch} .brand-product__crumb{color:var(--contrast-4);font-family:var(--fg-mono);font-size:1rem;letter-spacing:.2em;margin:0;text-transform:uppercase}.brand-product__crumb a[href]:not([class]){background-color:transparent;border-bottom-color:transparent;border-bottom-style:none;border-bottom-width:0;color:inherit;padding-bottom:0;text-decoration:none}.brand-product__crumb a[href]:not([class]):is(:hover,:focus-visible){background-color:transparent;color:var(--contrast)}.brand-product__crumb .brand-product__sep{margin-left:.6rem;margin-right:.6rem} .brand-product__meta{color:var(--contrast-4);font-family:var(--fg-mono);font-size:1rem;letter-spacing:.14em;margin-bottom:0;margin-top:1.2rem;text-transform:uppercase}.brand-product__meta .brand-product__sep{margin-left:.9rem;margin-right:.9rem} .brand-product__grid{column-gap:3.6rem;display:grid;grid-template-columns:minmax(0,1fr);margin-top:3.6rem;row-gap:3.6rem}@media (min-width:768px){.brand-product__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}} .brand-product__main .brand-product__block .brand-product__label{color:var(--primary)} .brand-product__aside > .brand-mono-label{letter-spacing:.22em;margin-bottom:.9rem}.brand-product__aside > .brand-mono-label + .brand-product__spec{border-top-color:color-mix(in srgb, var(--contrast) 20%, transparent);border-top-style:solid;border-top-width:1px}.brand-product__aside > .brand-product__block{margin-top:2.4rem}@media (min-width:768px){.brand-product__aside{border-left-color:color-mix(in srgb, var(--contrast) 20%, transparent);border-left-style:solid;border-left-width:1px;padding-left:2.4rem}} .brand-product__block{margin-bottom:0;margin-top:3rem}.brand-product__block:first-child{margin-top:0}.brand-product__block .brand-product__label{color:var(--contrast-4);display:block;font-family:var(--fg-mono);font-size:1rem;font-weight:400;letter-spacing:.22em;line-height:1.5;margin-bottom:.9rem;text-transform:uppercase}.brand-product__block ul{list-style:none;margin:0;padding:0} .brand-product__utility{font-size:1.26rem;line-height:1.7;margin:0} .brand-product__caps li{column-gap:.9rem;display:flex;font-size:1rem;line-height:1.55;margin:0 0 .6rem}.brand-product__caps li::before{background-color:var(--primary);content:"";flex-shrink:0;height:.3rem;margin-top:.62em;width:.9rem} .brand-product__note{border-left-color:var(--primary);border-left-style:solid;border-left-width:2px;color:var(--contrast-2);font-family:var(--fg-serif);font-style:italic;margin-bottom:0;margin-top:3rem;padding-left:1.2rem} .brand-product__spec{align-items:baseline;border-bottom-color:color-mix(in srgb, var(--contrast) 15%, transparent);border-bottom-style:solid;border-bottom-width:1px;column-gap:.9rem;display:grid;font-family:var(--fg-mono);font-size:1rem;grid-template-columns:minmax(0,1fr) minmax(0,2fr);margin:0;padding-bottom:.75rem;padding-top:.75rem}.brand-product__spec > :first-child{color:var(--contrast-4);letter-spacing:.14em;text-transform:uppercase} .brand-product__chips ul{display:flex;flex-wrap:wrap;gap:.45rem}.brand-product__chips li{border-bottom-color:var(--contrast);border-bottom-style:solid;border-bottom-width:1px;border-left-color:var(--contrast);border-left-style:solid;border-left-width:1px;border-right-color:var(--contrast);border-right-style:solid;border-right-width:1px;border-top-color:var(--contrast);border-top-style:solid;border-top-width:1px;font-family:var(--fg-mono);font-size:1rem;letter-spacing:.1em;line-height:1.4;margin:0;padding-bottom:.3rem;padding-left:.6rem;padding-right:.6rem;padding-top:.3rem;text-transform:uppercase} .brand-product__chips--soft li{border-bottom-color:color-mix(in srgb, var(--contrast) 40%, transparent);border-bottom-style:solid;border-bottom-width:1px;border-left-color:color-mix(in srgb, var(--contrast) 40%, transparent);border-left-style:solid;border-left-width:1px;border-right-color:color-mix(in srgb, var(--contrast) 40%, transparent);border-right-style:solid;border-right-width:1px;border-top-color:color-mix(in srgb, var(--contrast) 40%, transparent);border-top-style:solid;border-top-width:1px;letter-spacing:0;text-transform:none} .brand-product__refs li{font-family:var(--fg-mono);font-size:1rem;margin:0 0 .45rem}.brand-product__refs a[href]:not([class]){background-color:transparent;border-bottom-color:transparent;border-bottom-style:solid;border-bottom-width:1px;color:var(--contrast);padding-bottom:0;text-decoration:none}.brand-product__refs a[href]:not([class])::after{content:" → " attr(href)}.brand-product__refs a[href]:not([class]):is(:hover,:focus-visible){background-color:transparent;border-bottom-color:var(--contrast);color:var(--contrast)} .brand-product__pager{border-top-color:var(--contrast);border-top-style:solid;border-top-width:1px;display:flex;flex-direction:column;gap:1.2rem;justify-content:space-between;margin-top:6rem;padding-top:1.8rem}@media (min-width:768px){.brand-product__pager{flex-direction:row}} .brand-product__pager-link{color:var(--contrast);display:flex;flex-direction:column;row-gap:.3rem;text-decoration:none}.brand-product__pager-link .brand-product__label{color:var(--contrast-4);font-family:var(--fg-mono);font-size:1rem;font-weight:400;letter-spacing:.22em;line-height:1.5;text-transform:uppercase}.brand-product__pager-link .brand-product__pager-title{font-family:var(--fg-serif);font-size:1.32rem;font-weight:600;line-height:1.3}.brand-product__pager-link:is(:hover,:focus-visible) .brand-product__pager-title{text-decoration:underline} @media (min-width:768px){.brand-product__pager-link--next{align-items:flex-end;text-align:right}} .brand-steps{border-top:1px solid var(--contrast);list-style:none;margin:1.8rem 0 0;padding:0}.brand-steps > li{border-bottom:1px solid color-mix(in srgb,var(--contrast) 15%,transparent);column-gap:1.2rem;display:grid;grid-template-columns:3.6rem minmax(0,1fr);margin:0;padding:1.5rem 0;row-gap:.35rem}.brand-steps > li > *{grid-column:2;margin:0}.brand-steps > li > .brand-steps__n{color:var(--primary);font-family:var(--fg-mono);font-size:1rem;grid-column:1;grid-row:1 / span 4;letter-spacing:.14em;line-height:1.7}.brand-steps:has(> li > h2.brand-steps__title){background-color:color-mix(in srgb,var(--contrast) 15%,transparent);border-top:0;display:grid;gap:1px}.brand-steps:has(> li > h2.brand-steps__title) > li{background-color:var(--base-2);border-bottom:0;display:block;padding:1.5rem}.brand-steps:has(> li > h2.brand-steps__title) > li > .brand-steps__n{display:block;letter-spacing:.18em;line-height:1.4}.brand-steps:has(> li > h2.brand-steps__title) > li > .brand-steps__title{font-size:1.8rem;line-height:1.1;margin-top:.9rem}.brand-steps:has(> li > h2.brand-steps__title) > li > .brand-steps__body{font-size:1.2rem;line-height:1.6;margin-top:.9rem}@media (min-width:768px){.brand-steps:has(> li > h2.brand-steps__title) > li{padding:1.8rem}} .brand-steps__title{font-family:var(--fg-serif);font-size:1.44rem;font-weight:600;line-height:1.2} .brand-steps__meta{color:var(--contrast-4);font-family:var(--fg-mono);font-size:1rem;letter-spacing:.14em;line-height:1.5;text-transform:uppercase} .brand-steps__body{color:var(--contrast-2);line-height:1.65} .brand-steps__handoff{color:var(--contrast-4);font-family:var(--fg-mono);font-size:1rem;letter-spacing:.12em;line-height:1.5;text-transform:uppercase} .brand-steps__label::after{content:" ·"} @media (min-width:1024px){.brand-steps--wide > li > .brand-steps__n{font-family:var(--fg-serif);font-size:2.4rem;grid-area:n;letter-spacing:0;line-height:1}.brand-steps--wide > li > .brand-steps__title{grid-area:title}.brand-steps--wide > li > .brand-steps__meta{grid-area:meta}.brand-steps--wide > li > .brand-steps__body{grid-area:body}.brand-steps--wide > li > .brand-steps__handoff{color:var(--contrast);grid-area:handoff;letter-spacing:.04em;text-align:right;text-transform:none}.brand-steps--wide .brand-steps__label{color:var(--contrast-4);display:block;letter-spacing:.14em;text-transform:uppercase}.brand-steps--wide .brand-steps__label::after{content:none}.brand-steps--wide > li{align-items:start;column-gap:1.8rem;grid-template-areas:"n title body handoff" "n meta body handoff";grid-template-columns:4.5rem minmax(0,1fr) minmax(0,1.1fr) minmax(0,.9fr);grid-template-rows:auto 1fr}} .brand-kv{list-style:none;margin:1rem 0 1.8rem;padding:0}.brand-kv > li{border-bottom:1px solid color-mix(in srgb,var(--contrast) 15%,transparent);column-gap:1rem;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0;padding:.6rem 0} .brand-kv__k{color:var(--contrast)} .brand-kv__v{color:var(--contrast-4);font-family:var(--fg-mono);font-size:1rem;letter-spacing:.08em} .brand-kv__note{color:var(--contrast-2);flex-basis:100%;line-height:1.5} .brand-swatches{display:grid;gap:.6rem;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:1rem 0 1.8rem;padding:0}.brand-swatches > li{color:var(--contrast-4);font-family:var(--fg-mono);font-size:1rem;letter-spacing:.12em;line-height:1.4;margin:0;text-transform:uppercase}.brand-swatches > li::before{border:1px solid color-mix(in srgb,var(--contrast) 20%,transparent);content:"";display:block;height:3.6rem;margin-bottom:.5rem}.brand-swatches > li:nth-child(1)::before{background-color:var(--base-2)}.brand-swatches > li:nth-child(2)::before{background-color:var(--contrast)}.brand-swatches > li:nth-child(3)::before{background-color:var(--primary)} .brand-swatches__hex{display:block;text-transform:none} .brand-notes{list-style:none;margin:1.2rem 0 0;max-width:75ch;padding:0}.brand-notes > li{line-height:1.7;margin:0 0 .9rem}.brand-notes strong{color:var(--primary);font-family:var(--fg-mono);font-weight:500;letter-spacing:.14em;margin-right:.35rem;text-transform:uppercase} .brand-rule-top{border-top:1px solid var(--contrast);padding-top:2.4rem} .brand-aside-rule > h2{font-size:1.68rem;margin:0 0 .4rem}.brand-aside-rule > h2:not(:first-child){margin-top:2.4rem}.brand-aside-rule > .brand-mono-label{margin-top:1.8rem}.brand-aside-rule > .brand-mono-label:first-child{margin-top:0}@media (min-width:861px){.brand-aside-rule{border-left:1px solid color-mix(in srgb,var(--contrast) 18%,transparent);padding-left:1.8rem}}.brand-aside-rule > .brand-rule-list > li{padding-left:0}.brand-aside-rule > .brand-rule-list > li::before{content:none}.brand-aside-rule > .brand-rule-list{font-size:1rem;margin-top:.8rem;row-gap:.5rem} .brand-grid-span{grid-column:1 / -1} .brand-rules > li{border-top:1px solid var(--contrast);margin:0;padding-top:1rem}.brand-rules > li > *{margin:0}.brand-rules > li > * + *{margin-top:.5rem}.brand-rules > li > h3{font-size:1.32rem;line-height:1.2} .brand-tiles{background-color:color-mix(in srgb,var(--contrast) 12%,transparent);border:1px solid color-mix(in srgb,var(--contrast) 12%,transparent);display:grid;gap:1px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:1.8rem 0 0;padding:0}.brand-tiles > li{background-color:var(--base-2);margin:0;padding:1.5rem}.brand-tiles > li > h3{font-size:1.32rem;line-height:1.2;margin:0 0 .5rem}.brand-tiles > li > p{margin:0}@media (max-width:560px){.brand-tiles{grid-template-columns:minmax(0,1fr)}} .brand-tiles--chips{background-color:transparent;border:0;gap:.6rem;margin-top:0}.brand-tiles--chips > li{background-color:var(--base);border:1px solid color-mix(in srgb,var(--contrast) 15%,transparent);line-height:1.45;padding:.75rem 1rem} .brand-img-cover{border:1px solid color-mix(in srgb,var(--contrast) 15%,transparent);display:block;height:100%;min-height:280px;object-fit:cover;width:100%} .brand-hero-split{border-bottom:1px solid color-mix(in srgb,var(--contrast) 12%,transparent);isolation:isolate;padding-bottom:3.6rem;padding-top:3rem;position:relative}.brand-hero-split .brand-body-lg{margin-top:1.5rem}.brand-hero-split .brand-hero__actions,.brand-hero-split :not(.brand-hero__actions) > .brand-button-primary{margin-top:2rem}.brand-hero-split .brand-watermark{bottom:-6rem;opacity:.09;right:-4%;width:min(480px,90vw)}.brand-hero-split h1{font-size:clamp(2.7rem,5vw,5.58rem);letter-spacing:-.015em;line-height:.98;margin:.4rem 0 0;max-width:18ch}.brand-hero-split:has(.brand-signal) h1{font-size:clamp(3.18rem,7vw,6.84rem);letter-spacing:-.02em;line-height:.92;max-width:12ch}@media (min-width:861px){.brand-hero-split:has(.brand-signal) .brand-hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}} .brand-signal{background-color:color-mix(in srgb,var(--base) 50%,transparent);border:1px solid var(--contrast);border-radius:0;box-shadow:0 22px 48px -34px color-mix(in srgb,var(--contrast) 45%,transparent);padding:1.5rem}.brand-signal ul{display:grid;list-style:none;margin:0;padding:0;row-gap:.7rem}.brand-signal li{background-color:var(--base-2);border-left:2px solid var(--primary);column-gap:1rem;display:grid;grid-template-areas:"src act" "note act";grid-template-columns:minmax(0,1fr) auto;margin:0;padding:.75rem 1rem}@media (max-width:560px){.brand-signal li{grid-template-areas:"src" "note" "act";grid-template-columns:minmax(0,1fr)}} .brand-signal__head{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--contrast) 15%,transparent);color:var(--contrast-4);column-gap:.6rem;display:flex;font-family:var(--fg-mono);font-size:1rem;justify-content:space-between;letter-spacing:.16em;margin:0 0 1rem;padding-bottom:.75rem;text-transform:uppercase}.brand-signal__head::after{background-color:var(--success);border-radius:50%;content:"";height:.6rem;width:.6rem} .brand-signal__src{color:var(--contrast);font-family:var(--fg-serif);font-size:1.2rem;font-weight:600;grid-area:src} .brand-signal__note{color:var(--contrast-4);grid-area:note} .brand-signal__act{align-self:center;color:var(--primary);font-family:var(--fg-mono);font-size:1rem;grid-area:act;letter-spacing:.12em;text-transform:uppercase}@media (max-width:560px){.brand-signal__act{align-self:start;margin-top:.2rem}} .brand-board{align-items:center;background-color:var(--base-2);border:1px solid var(--contrast);box-shadow:0 20px 40px -24px color-mix(in srgb,var(--contrast) 35%,transparent);column-gap:.9rem;display:grid;grid-template-areas:"head head head" "tiles gap fix";grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:1rem 1.2rem 1.4rem;row-gap:1rem}@media (max-width:560px){.brand-board{grid-template-areas:"head" "tiles" "gap" "fix";grid-template-columns:minmax(0,1fr)}} .brand-board__head{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--contrast) 15%,transparent);color:var(--contrast-4);display:flex;font-family:var(--fg-mono);font-size:1rem;grid-area:head;justify-content:space-between;letter-spacing:.16em;margin:0;padding-bottom:.7rem;text-transform:uppercase}.brand-board__head::after{background:radial-gradient(circle at .275rem 50%,var(--primary) .27rem,transparent .28rem),radial-gradient(circle at 1.2rem 50%,var(--contrast-4) .27rem,transparent .28rem),radial-gradient(circle at 2.125rem 50%,var(--success) .27rem,transparent .28rem);content:"";height:.55rem;width:2.4rem} .brand-board__tiles{display:grid;grid-area:tiles;list-style:none;margin:0;padding:0;row-gap:.6rem}.brand-board__tiles li{background-color:var(--base);border:1px solid color-mix(in srgb,var(--contrast) 15%,transparent);line-height:1.3;margin:0;padding:.6rem .7rem}.brand-board__tiles strong{display:block;font-family:var(--fg-serif);font-weight:600}.brand-board__tiles span{color:var(--contrast-4);display:block;font-family:var(--fg-mono);font-size:1rem;letter-spacing:.1em;margin-top:.2rem;text-transform:uppercase} .brand-board__gap{border-left:1px solid color-mix(in srgb,var(--primary) 40%,transparent);color:var(--primary);font-family:var(--fg-mono);font-size:1rem;grid-area:gap;letter-spacing:.16em;margin:0;padding-left:.35rem;text-transform:uppercase;writing-mode:vertical-rl}@media (max-width:560px){.brand-board__gap{border-left:0;border-top:1px solid color-mix(in srgb,var(--primary) 40%,transparent);padding:.4rem 0 0;text-align:center;writing-mode:horizontal-tb}} .brand-board__fix{border:1px solid var(--primary);grid-area:fix;padding:.9rem}.brand-board__fix > p{line-height:1.5;margin:0}.brand-board__fix ul{list-style:none;margin:.8rem 0 0;padding:0}.brand-board__fix li{border-top:1px solid color-mix(in srgb,var(--contrast) 15%,transparent);color:var(--contrast-4);font-family:var(--fg-mono);font-size:1rem;letter-spacing:.1em;margin:0;padding:.35rem 0;text-transform:uppercase} .brand-board__title{font-family:var(--fg-serif);font-size:1.2rem;font-weight:600;line-height:1.2;margin-bottom:.4rem} .brand-mock{background-color:var(--base-2);border:1px solid color-mix(in srgb,var(--contrast) 15%,transparent);border-radius:14px;box-shadow:0 2px 10px color-mix(in srgb,var(--contrast) 6%,transparent);box-sizing:border-box;display:block;max-width:160px;padding:8px;width:100%}.brand-mock svg{display:block;height:auto;width:100%} .brand-specsheet h2{font-size:1.8rem;line-height:1.2}.brand-specsheet .brand-aside-rule > h2{font-size:1.68rem}.brand-specsheet :is(.brand-copy,.brand-steps__body,.brand-kv,.brand-notes){font-size:1rem}.brand-specsheet .brand-steps__body{line-height:1.55}.brand-specsheet .brand-steps__title{font-size:1.38rem}.brand-specsheet .brand-steps > li{padding-bottom:1.2rem;padding-top:1.2rem}.brand-specsheet :is(.brand-steps__body,.brand-notes){overflow-wrap:anywhere}