.brand-process{--bp-red:#c8000a;--bp-dark-red:#7c070f;color:#f1f0ed;font-family:var(--font-body);isolation:isolate;background:#050505;padding:clamp(70px,8vw,130px) 0 70px;scroll-margin-top:140px}.brand-process :where(article,div,figure){min-width:0}.brand-process figure{margin:0}.brand-process .bp-intro{grid-template-columns:1.3fr .7fr;align-items:end;gap:50px;margin-bottom:clamp(72px,10vw,150px);display:grid}.brand-process .bp-intro h2{font-family:var(--font-display);letter-spacing:-.035em;max-width:18ch;font-size:clamp(54px,6.8vw,108px);font-weight:650;line-height:.98}.brand-process .bp-intro h2 span{display:block}.brand-process .bp-intro p{color:#bdbdb8;max-width:35ch;padding-bottom:5px;font-size:clamp(15px,1.35vw,19px);line-height:1.7}.brand-process .bp-chapter{grid-template-columns:minmax(180px,.28fr) minmax(0,.72fr);align-items:start;column-gap:5%;padding-bottom:90px;scroll-margin-top:155px;display:grid}.brand-process .bp-copy{align-self:start;padding-top:18px;position:relative}.brand-process .bp-index{font-family:var(--font-display);color:var(--bp-red);margin-bottom:26px;font-size:25px;font-weight:500;line-height:1;display:block}.brand-process .bp-copy h3{font-family:var(--font-display);letter-spacing:-.035em;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;margin-bottom:30px;font-size:clamp(48px,4.7vw,84px);font-weight:650;line-height:1}.brand-process .bp-copy p{color:#bdbdb8;max-width:27ch;font-size:clamp(14px,1.15vw,17px);line-height:1.75}.brand-process .bp-stage{align-self:start;min-width:0;height:min(650px,100svh - 175px);position:relative}.brand-process .bp-sign-stage{justify-content:center;align-items:center;padding:30px 1% 80px;display:flex}.brand-process .bp-sign-board{aspect-ratio:602/186;width:100%;position:relative}.brand-process .bp-logo-outline,.brand-process .bp-logo-fill{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.brand-process .bp-logo-outline{opacity:0;overflow:visible}.brand-process [data-bp-state=pending] .bp-logo-outline,.brand-process [data-bp-state=running] .bp-logo-outline{opacity:.72}.brand-process .bp-system-stage{flex-direction:column;justify-content:center;gap:24px;padding:25px 0;display:flex}.brand-process .bp-specimens{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.brand-process .bp-specimens figure:nth-child(2){margin-top:52px}.brand-process .bp-specimens img{width:100%;height:auto;display:block}.brand-process .bp-palette{grid-template-columns:1fr 1fr;gap:18px;display:grid}.brand-process .bp-swatch{color:#fff;flex-direction:column;justify-content:space-between;gap:18px;min-height:122px;padding:20px;display:flex}.brand-process .bp-swatch-red{background:var(--bp-red)}.brand-process .bp-swatch-gradient{background:linear-gradient(105deg,var(--bp-red),var(--bp-dark-red))}.brand-process .bp-swatch>span{font-family:var(--font-display);font-size:20px;font-weight:500;line-height:1.1}.brand-process .bp-swatch strong{font-family:var(--font-display);letter-spacing:.01em;white-space:nowrap;font-size:clamp(22px,2vw,32px);font-weight:500;line-height:1.15}.brand-process .bp-application-stage{grid-template-rows:minmax(0,1fr) minmax(0,.36fr);gap:24px;padding:10px 0;display:grid}.brand-process .bp-application-site{justify-self:start;width:94%;height:100%}.brand-process .bp-application-card{justify-self:end;width:45%;height:100%}.brand-process .bp-application-stage img{object-fit:contain;object-position:left center;width:100%;height:100%;display:block}.brand-process .bp-application-card img{object-position:right center}.brand-process .bp-website{min-height:48px;font-family:var(--font-display);text-underline-offset:7px;align-items:center;gap:18px;margin-top:26px;font-size:24px;font-weight:500;line-height:1.25;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.brand-process .bp-website svg{flex:0 0 24px;width:24px;height:24px}.brand-process .bp-website:hover{color:#fff;text-decoration-thickness:2px}@media (min-width:761px) and (min-height:601px){.brand-process[data-bp-motion=active] .bp-chapter{min-height:105svh}.brand-process[data-bp-motion=active] .bp-copy{position:sticky;top:155px}.brand-process[data-bp-motion=active] .bp-stage{position:sticky;top:145px}}@media (min-width:761px) and (max-width:1100px){.brand-process .bp-chapter{grid-template-columns:minmax(170px,.3fr) minmax(0,.7fr);column-gap:4%}.brand-process .bp-copy h3{font-size:clamp(44px,5vw,56px)}.brand-process .bp-specimens{gap:12px}.brand-process .bp-specimens figure:nth-child(2){margin-top:30px}.brand-process .bp-palette{gap:12px}.brand-process .bp-swatch{min-height:116px;padding:16px}.brand-process .bp-swatch strong{font-size:23px}}@media (max-width:760px){.brand-process{padding-top:50px;padding-bottom:25px;scroll-margin-top:115px}.brand-process .bp-intro{grid-template-columns:1fr;gap:25px;margin-bottom:64px}.brand-process .bp-intro h2{max-width:18ch;font-size:clamp(49px,12.8vw,86px);line-height:1.03}.brand-process .bp-intro p{max-width:34ch;font-size:16px;line-height:1.7}.brand-process .bp-chapter{min-height:0;padding:0 0 84px;scroll-margin-top:125px;display:block}.brand-process .bp-copy{margin-bottom:32px;padding:0;position:static}.brand-process .bp-index{margin-bottom:14px;font-size:22px}.brand-process .bp-copy h3{margin-bottom:22px;font-size:clamp(56px,15vw,85px);line-height:1.05}.brand-process .bp-copy p{max-width:36ch;font-size:16px;line-height:1.75}.brand-process .bp-stage{height:auto;min-height:0;position:relative;top:auto}.brand-process .bp-sign-stage{min-height:210px;padding:54px 0 65px}.brand-process .bp-system-stage{gap:22px;padding:0}.brand-process .bp-specimens{grid-template-columns:1fr;gap:20px}.brand-process .bp-specimens figure:nth-child(2){margin:0}.brand-process .bp-palette{grid-template-columns:1fr 1fr;gap:10px}.brand-process .bp-swatch{gap:15px;min-height:112px;padding:14px}.brand-process .bp-swatch>span{font-size:19px}.brand-process .bp-swatch strong{white-space:normal;font-size:clamp(19px,5vw,27px)}.brand-process .bp-application-stage{padding:0;display:block}.brand-process .bp-application-site{width:100%;height:auto}.brand-process .bp-application-card{width:74%;height:auto;margin:28px 0 0 auto}.brand-process .bp-application-stage img{object-fit:contain;width:100%;height:auto}.brand-process .bp-website{margin-top:20px;font-size:24px}}@media (max-height:600px) and (min-width:761px){.brand-process .bp-chapter{min-height:0;padding-bottom:110px}.brand-process .bp-copy,.brand-process .bp-stage{position:relative;top:auto}.brand-process .bp-stage{height:auto;min-height:330px}.brand-process .bp-application-stage{height:540px}}@media (prefers-reduced-motion:reduce){.brand-process .bp-chapter{min-height:0;padding-bottom:100px}.brand-process .bp-copy,.brand-process .bp-stage{position:relative;top:auto}.brand-process [data-bp-piece],.brand-process .bp-logo-fill{opacity:1!important;clip-path:none!important;transform:none!important}.brand-process .bp-logo-outline{opacity:0!important}}html[data-motion=reduced] .brand-process .bp-chapter{min-height:0;padding-bottom:100px}html[data-motion=reduced] .brand-process .bp-copy,html[data-motion=reduced] .brand-process .bp-stage{position:relative;top:auto}html[data-motion=reduced] .brand-process [data-bp-piece],html[data-motion=reduced] .brand-process .bp-logo-fill{opacity:1!important;clip-path:none!important;transform:none!important}html[data-motion=reduced] .brand-process .bp-logo-outline{opacity:0!important}