.resp-page{--resp-surface:#f4f7fa;--resp-ink:#102033;--resp-muted:#536476;--resp-line:#d8e1e9;--resp-accent:#12386d;background:var(--resp-surface);color:var(--resp-ink);padding-bottom:6rem}.resp-breadcrumb{color:var(--resp-muted);flex-wrap:wrap;gap:.75rem;padding-block:1.5rem;font-size:.85rem;display:flex}.resp-breadcrumb a:hover{color:var(--resp-accent);text-decoration:underline}.resp-hero{isolation:isolate;background:var(--resp-accent);min-height:min(43rem,100dvh - 7.25rem);display:grid;position:relative;overflow:hidden}.resp-hero-image{z-index:-2;object-fit:cover;object-position:58% center}.resp-hero-shade{z-index:-1;background:linear-gradient(90deg,#07192fe0 0%,#07192fad 35%,#07192f2e 70%,#0000 100%);position:absolute;inset:0}.resp-hero-copy{color:#f7f9fc;flex-direction:column;justify-content:center;align-items:flex-start;width:min(100% - 2rem,80rem);margin-inline:auto;padding-block:clamp(4rem,9vw,7rem);display:flex}.resp-hero h1{letter-spacing:-.06em;text-wrap:balance;text-shadow:0 .08em .45em #07192f33;max-width:11ch;font-size:clamp(3.2rem,6vw,6rem);font-weight:720;line-height:.98}.resp-hero-copy p{color:#f7f9fce0;max-width:34ch;margin:1.5rem 0 2rem;font-size:1.1rem;line-height:1.7}.resp-support-image{background:var(--resp-line);border-radius:1rem;position:relative;overflow:hidden}.resp-support-image img{object-fit:cover}.resp-primary{background:var(--resp-accent);color:#f7f9fc;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:.9rem;min-height:3.25rem;padding:.8rem 1.5rem;font-weight:650;transition:transform .18s,background .18s;display:inline-flex}.resp-primary svg{width:1.1rem;height:1.1rem}.resp-primary:hover{background:#0b2442}.resp-primary:active{transform:translateY(1px)}.resp-page a:focus-visible,.resp-page button:focus-visible{outline-offset:5px;outline:3px solid #3975bd}.resp-collection{padding-block:6rem;scroll-margin-top:8rem}.resp-page h2{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(2rem,3.4vw,3.3rem);font-weight:700;line-height:1.15}.resp-collection header p{max-width:58ch;color:var(--resp-muted);margin-top:1rem;line-height:1.7}.resp-filters{flex-wrap:wrap;gap:.65rem;margin-top:2rem;display:flex}.resp-filters button{border:1px solid var(--resp-line);min-height:2.9rem;color:var(--resp-ink);cursor:pointer;background:0 0;border-radius:999px;padding:.65rem 1.1rem;font-size:.9rem;transition:background .18s,color .18s}.resp-filters button:hover{border-color:var(--resp-accent)}.resp-filters button[aria-pressed=true]{background:var(--resp-accent);border-color:var(--resp-accent);color:#f7f9fc}.resp-count{color:var(--resp-muted);margin-block:1.5rem 1rem;font-size:.85rem}.resp-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.resp-products .product-card-shell{border:1px solid var(--resp-line);box-shadow:none;background:#fafcfe;border-radius:1rem;overflow:hidden}.resp-products .product-media{background:#edf2f6;border:0}.resp-products .product-media:after{display:none}.resp-products h3{font-size:1.25rem}.resp-products .text-brand-orange,.resp-products a:hover{color:var(--resp-accent)}.resp-support{border-top:1px solid var(--resp-line);grid-template-columns:.8fr 1.2fr;align-items:center;gap:4rem;padding-top:3rem;display:grid}.resp-support-image{min-height:23rem}.resp-support-copy p{color:var(--resp-muted);max-width:48ch;margin-block:1.25rem 2rem;line-height:1.75}@media (max-width:1023px){.resp-products{grid-template-columns:repeat(2,minmax(0,1fr))}.resp-hero{min-height:34rem}.resp-support{gap:2rem}}@media (max-width:767px){.resp-hero{min-height:34rem}.resp-hero-image{object-position:57% center}.resp-hero-shade{background:linear-gradient(#07192f40 0%,#07192f6b 42%,#07192feb 100%)}.resp-hero-copy{justify-content:flex-end;width:min(100% - 1.5rem,78rem);padding-block:3rem}.resp-hero h1{font-size:clamp(2.8rem,11vw,3.8rem)}.resp-hero-copy p{max-width:34ch;margin-block:1rem 1.5rem;font-size:1rem}.resp-collection{padding-block:3.5rem}.resp-products,.resp-support{grid-template-columns:minmax(0,1fr)}.resp-support-image{aspect-ratio:4/3;min-height:0}.resp-page{padding-bottom:3rem}}@media (prefers-reduced-motion:reduce){.resp-page *,.resp-page :after{transition:none!important;animation:none!important}}