@layer base{.band{padding-block:var(--space-section)}.band--cocoa{background:var(--colour-arm-built);color:var(--colour-text-on-arm-built)}.band--cocoa :where(h2,h3){color:var(--colour-text-on-arm-built)}.eyebrow-on-ink{color:var(--colour-text-on-brand-muted)!important}.eyebrow-on-cocoa{color:var(--colour-text-on-arm-built)!important}.more-link{font-family:var(--font-label);font-weight:var(--weight-ui);font-size:var(--text-label-l);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--colour-link);text-underline-offset:4px;text-decoration-thickness:2px}.fine-print{font-size:var(--text-body-s)}}@media (width<=480px){.hero__title{font-size:clamp(2.5rem,13vw,3.5rem)}.hero__actions .btn,.u-cluster .btn{white-space:normal;text-align:center;justify-content:center;max-inline-size:100%;line-height:1.25}}.plain-grid{gap:var(--space-5,1.5rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));display:grid}.plain-card{align-content:start;gap:.6rem;display:grid}.plain-card p:not(.u-eyebrow){line-height:1.6}.door-grid{gap:var(--space-5,1.5rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.door-card{flex-direction:column;gap:.7rem;padding-block-start:2.6rem;display:flex;position:relative}.door-card:before{content:"";background:var(--door-accent,var(--palette-volt));border-block-end:var(--border-width,2px) solid var(--colour-border);height:.9rem;position:absolute;inset-block-start:0;inset-inline:0}.door-card--volt{--door-accent:var(--palette-volt)}.door-card--bubblegum{--door-accent:var(--palette-bubblegum)}.door-card--haze{--door-accent:var(--palette-haze)}.door-kicker{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.11em;color:var(--colour-accent);font-size:.72rem;font-weight:700}.door-title{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(1.5rem,3vw,1.9rem);line-height:1.02}.door-line{line-height:1.55}.door-links{flex-wrap:wrap;gap:.4rem;margin-block-start:auto;padding:.3rem 0 0;list-style:none;display:flex}.door-links a{font-family:var(--font-label);letter-spacing:.03em;border:1px solid var(--colour-border);color:var(--colour-text-primary);border-radius:100px;padding:.32rem .62rem;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-block}.door-links a:hover{background:var(--palette-lemon)}.door-cta{padding-block-start:.5rem}.collab-strip{background:var(--palette-haze);color:var(--palette-ink);border:var(--border-width,2px) solid var(--colour-border)}.collab-strip :where(h2,p),.collab-strip .u-eyebrow{color:var(--palette-ink)}.u-on-brand .g-card__foot{background:var(--palette-paper)}.path-grid{gap:var(--space-5,1.5rem);grid-template-columns:1fr;display:grid}@media (width>=640px){.path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.path-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.door-card--lemon{--door-accent:var(--palette-lemon)}.path-thinking{font-size:1.15rem;line-height:1.3}.path-mode{font-family:var(--font-label);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--colour-border);border-radius:100px;align-self:flex-start;margin-block-start:auto;padding:.3rem .6rem;font-size:.72rem;font-weight:700}.path-card .door-cta{padding-block-start:.25rem}.keep-strip{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;display:flex}.keep-strip p{max-width:60ch}.build-list{gap:var(--space-4,1rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));padding:0;list-style:none;display:grid}.build-item{align-content:start;gap:.4rem;display:grid}.build-item h3{font-size:1.05rem;line-height:1.2}.lens-grid{gap:var(--space-5,1.5rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));display:grid}.lens-card{align-content:start;gap:.55rem;display:grid}.lens-card h3{font-size:1.2rem;line-height:1.2}.plain-card,.path-card,.build-item,.lens-card,.keep-strip,.collab-strip{padding:clamp(1.1rem,2.4vw,1.6rem)}.path-card.door-card,.door-card{padding-block-end:clamp(1.1rem,2.4vw,1.6rem);padding-inline:clamp(1.1rem,2.4vw,1.6rem)}.hero__title.hero__title--long{font-size:clamp(2.6rem,5.4vw,4.8rem);line-height:.95}