.brand-guide-hero{padding-top:4rem}.brand-guide-hero__media{border-radius:calc(var(--brand-radius-lg) + .6rem);min-height:clamp(40rem,42vw,55rem);position:relative;overflow:hidden}.brand-guide-hero__media>img,.brand-guide-hero__media>svg{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.brand-guide-hero__media:after{background:linear-gradient(90deg, rgba(var(--brand-bg-rgb), .62) 0%, rgba(var(--brand-bg-rgb), .14) 46%, rgba(var(--brand-bg-rgb), 0) 100%);content:"";pointer-events:none;position:absolute;inset:0}.brand-guide-hero__card{background:rgba(var(--brand-bg-rgb), .9);border:1px solid rgba(var(--brand-border-rgb), .64);border-radius:var(--brand-radius-lg);box-shadow:0 2rem 4.8rem rgba(var(--brand-shadow-rgb), .12), inset 0 1px 0 rgba(var(--brand-bg-rgb), .72);z-index:1;flex-direction:column;gap:1.6rem;max-width:52rem;padding:clamp(2.6rem,4vw,4.6rem);display:flex;position:absolute;top:50%;left:clamp(2rem,3.4vw,4rem);transform:translateY(-50%)}.brand-guide-hero__heading{color:var(--brand-heading);font-family:var(--brand-display-family);letter-spacing:0;margin:0;font-size:clamp(4rem,5vw,6.4rem);font-weight:400;line-height:.98}.brand-guide-hero__body{color:var(--brand-text);max-width:42rem}.brand-guide-hero__actions{gap:1rem;margin-top:.6rem;display:grid}.brand-guide-hero__button{width:100%;min-height:5rem}.brand-guide-benefits{background:rgba(var(--brand-bg-rgb), .84);border:1px solid rgba(var(--brand-border-rgb), .7);border-radius:var(--brand-radius-lg);grid-template-columns:repeat(4,minmax(0,1fr));max-width:118rem;margin:3.2rem auto 0;display:grid;overflow:hidden}.brand-guide-benefit{align-items:center;gap:1.8rem;min-width:0;padding:2.4rem;display:flex}.brand-guide-benefit+.brand-guide-benefit{border-left:1px solid rgba(var(--brand-border-rgb), .58)}.brand-guide-benefit__icon,.brand-guide-tool__icon,.brand-guide-callout__icon{color:var(--brand-accent);flex:none;justify-content:center;align-items:center;display:inline-flex}.brand-guide-benefit__icon{border:.2rem solid;border-radius:999px;width:5.6rem;height:5.6rem}.brand-guide-benefit__copy{min-width:0}.brand-guide-benefit__title{color:var(--brand-heading);margin:0 0 .35rem;font-size:1.55rem;font-weight:800;line-height:1.3}.brand-guide-benefit__text{color:var(--brand-text-muted);margin:0;font-size:1.28rem;line-height:1.5}.brand-guide-steps{padding-top:3.2rem;scroll-margin-top:12rem}.brand-guide-steps__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.8rem;max-width:116rem;margin-inline:auto;display:grid}.brand-guide-steps__card{background:rgba(var(--brand-bg-rgb), .82);border:1px solid rgba(var(--brand-border-rgb), .65);border-radius:var(--brand-radius-md);grid-template-columns:minmax(17rem,.95fr) minmax(0,1.55fr);min-height:22rem;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;overflow:hidden}.brand-guide-steps__card:hover{border-color:rgba(var(--brand-accent-rgb), .38);box-shadow:0 1.6rem 3.4rem rgba(var(--brand-shadow-rgb), .09);transform:translateY(-1px)}.brand-guide-steps__media{background:radial-gradient(circle at 30% 20%, rgba(var(--brand-accent-rgb), .16), transparent 36%), rgba(var(--brand-surface-rgb), .88);min-height:22rem;position:relative;overflow:hidden}.brand-guide-steps__video,.brand-guide-steps__image,.brand-guide-steps__placeholder{object-fit:cover;width:100%;height:100%;display:block}.brand-guide-steps__placeholder{color:rgba(var(--brand-accent-rgb), .78);justify-content:center;align-items:center;display:flex}.brand-guide-steps__content{align-content:center;gap:1.2rem;padding:clamp(2rem,3vw,3rem);display:grid}.brand-guide-steps__badge{border:1px solid rgba(var(--brand-heading-rgb), .74);color:var(--brand-heading);letter-spacing:.08rem;text-transform:uppercase;border-radius:.6rem;justify-self:start;padding:.55rem .8rem;font-size:1.05rem;font-weight:800;line-height:1;display:inline-flex}.brand-guide-steps__title{color:var(--brand-heading);font-family:var(--brand-display-family);margin:0;font-size:clamp(2.4rem,2.5vw,3rem);font-weight:400;line-height:1.08}.brand-guide-steps__text{font-size:1.45rem;line-height:1.65}.brand-guide-steps__link,.brand-guide-callout__link{color:var(--brand-accent);letter-spacing:.04rem;justify-self:start;align-items:center;gap:.8rem;margin-top:.6rem;font-size:1.25rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-guide-steps__link:hover,.brand-guide-callout__link:hover{color:var(--brand-accent-strong)}.brand-guide-tools{padding-top:2.4rem}.brand-guide-tools__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:2.4rem;max-width:110rem;margin-inline:auto;display:grid}.brand-guide-tool{background:rgba(var(--brand-bg-rgb), .8);border:1px solid rgba(var(--brand-border-rgb), .7);border-radius:var(--brand-radius-md);text-align:center;place-items:center;gap:1.2rem;min-height:11.4rem;padding:2rem 1.4rem;display:grid}.brand-guide-tool__title{color:var(--brand-heading);font-family:var(--brand-display-family);margin:0;font-size:2rem;font-weight:400;line-height:1.1}.brand-guide-callouts{padding-top:2.4rem}.brand-guide-callouts__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.2rem;display:grid}.brand-guide-callout{background:radial-gradient(circle at top left, rgba(var(--brand-accent-rgb), .1), transparent 34%), linear-gradient(135deg, rgba(var(--brand-surface-rgb), .86), rgba(var(--brand-bg-rgb), .94));border:1px solid rgba(var(--brand-border-rgb), .62);border-radius:var(--brand-radius-lg);grid-template-columns:auto minmax(0,1fr);gap:2.4rem;padding:clamp(2.4rem,3vw,3.4rem);display:grid}.brand-guide-callout__icon{background:rgba(var(--brand-bg-rgb), .88);border:1px solid rgba(var(--brand-border-rgb), .54);border-radius:1.4rem;width:7rem;height:7rem}.brand-guide-callout__content{gap:1rem;display:grid}.brand-guide-callout__title{color:var(--brand-heading);font-family:var(--brand-display-family);margin:0;font-size:clamp(2.6rem,2.8vw,3.2rem);font-weight:400;line-height:1.05}.brand-guide-callout__text{font-size:1.42rem;line-height:1.65}.brand-guide-callout__button{justify-self:start;margin-top:.4rem}@media screen and (width<=989px){.brand-guide-benefits,.brand-guide-tools__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-guide-benefit:nth-child(odd){border-left:0}.brand-guide-benefit:nth-child(n+3){border-top:1px solid rgba(var(--brand-border-rgb), .58)}.brand-guide-steps__grid,.brand-guide-callouts__grid{grid-template-columns:1fr}}@media screen and (width<=749px){.brand-guide-hero{padding-top:2rem}.brand-guide-hero__media{min-height:auto;overflow:visible}.brand-guide-hero__media>img,.brand-guide-hero__media>svg{aspect-ratio:4/3;border-radius:var(--brand-radius-lg);height:auto;position:relative}.brand-guide-hero__media:after{display:none}.brand-guide-hero__card{border-radius:var(--brand-radius-md);max-width:none;margin:-5.6rem 1.2rem 0;padding:2.4rem;position:relative;top:auto;transform:none}.brand-guide-hero__heading{font-size:clamp(3.4rem,10vw,4.6rem)}.brand-guide-benefits,.brand-guide-tools__grid{grid-template-columns:1fr}.brand-guide-benefit{padding:2rem}.brand-guide-benefit+.brand-guide-benefit,.brand-guide-benefit:nth-child(n+3){border-left:0;border-top:1px solid rgba(var(--brand-border-rgb), .58)}.brand-guide-steps__card{grid-template-columns:1fr}.brand-guide-steps__media{aspect-ratio:16/10;min-height:0}.brand-guide-callout{grid-template-columns:1fr}}