.rok-about{--rok-blue:#00689a;--rok-orange:#f58232;color:#242725;background:#fff}.rok-about__hero{position:relative;isolation:isolate;background:#075273;color:#fff;min-height:300px;display:grid;align-items:center;overflow:hidden}.rok-about__hero-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.rok-about__hero:has(img):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#002336e6,#0023364d);z-index:-1}.rok-about__hero-inner{width:min(1120px,calc(100% - 48px));margin:auto;padding:64px 0}.rok-about .rok-about__eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px}.rok-about__hero h1{font-size:clamp(40px,5vw,68px);line-height:1.06;letter-spacing:-.035em;color:inherit;margin:0 0 22px}.rok-about__lead{max-width:600px;font-size:18px;line-height:1.65}.rok-about__lead p{margin:0}.rok-about__nav{display:flex;justify-content:center;gap:32px;padding:22px 24px;border-bottom:1px solid #e5e7e5;flex-wrap:wrap}.rok-about__nav a{font-size:14px;color:#24546a;text-decoration:none;border-bottom:2px solid transparent;padding:5px 0}.rok-about__nav a:hover,.rok-about__nav a:focus-visible{border-color:var(--rok-orange)}.rok-about__body{max-width:1168px;margin:auto;padding:48px 24px 80px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.rok-about__panel{grid-column:1/-1;scroll-margin-top:150px}.rok-about__panel--intro{grid-column:span 2;border-top:3px solid var(--rok-orange);padding:30px 26px;background:#f6f6f2}.rok-about h2,.rok-about__panel--team h3{color:inherit;font-size:clamp(24px,2.6vw,34px);line-height:1.2;letter-spacing:-.025em;margin:0 0 20px}.rok-about__panel--intro h2{font-size:24px}.rok-about__text{font-size:16px;line-height:1.8}.rok-about__text p{margin:0 0 16px}.rok-about__text p:last-child{margin-bottom:0}.rok-about__panel--feature,.rok-about__panel--story{padding:48px 0;border-bottom:1px solid #e3e6e3}.rok-about__panel--feature .rok-about__copy,.rok-about__panel--story .rok-about__copy{max-width:850px}.rok-about__panel--feature.rok-about__panel--image{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}.rok-about__media img{display:block;width:100%;height:auto}.rok-about__panel--intro .rok-about__media{margin:-30px -26px 26px}.rok-about .rok-about__team-heading{grid-column:1/-1;margin:16px 0 0}.rok-about__panel--team{grid-column:span 3;padding:32px;background:#f6f6f2;border-radius:4px}.rok-about__panel--team .rok-about__media{max-width:160px;margin-bottom:24px}.rok-about__panel--team img{aspect-ratio:1;object-fit:cover;border-radius:50%}.rok-about__role{color:#626963;font-size:14px;font-weight:600;margin:-8px 0 22px}.rok-about__panel--giving{background:#ecf3f5;padding:40px;border-radius:4px}.rok-about__text ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 30px;padding-left:20px;margin-top:24px}.rok-about a:focus-visible{outline:2px solid var(--rok-blue);outline-offset:5px}@media(max-width:799px){.rok-about__hero{min-height:260px}.rok-about__hero-inner{padding:42px 0}.rok-about__nav{justify-content:flex-start;gap:14px 24px}.rok-about__body{padding-top:28px;gap:18px}.rok-about__panel--intro,.rok-about__panel--team{grid-column:1/-1}.rok-about__panel--feature.rok-about__panel--image{grid-template-columns:1fr;gap:24px}.rok-about__panel--feature,.rok-about__panel--story{padding:30px 0}.rok-about__panel--giving{padding:28px 24px}.rok-about__text ul{grid-template-columns:1fr}}.rok-about__hero{display:block;min-height:0;background:#f5f5f0;color:#173f51}.rok-about__hero-image{position:static;width:100%;height:auto;z-index:auto}.rok-about__hero:has(img):after{display:none}.rok-about__hero-inner{padding:42px 0 46px}.rok-about__hero h1{font-size:clamp(34px,4vw,52px)}.rok-about__panel--feature .rok-about__media{max-width:292px;margin:auto}.rok-about__panel--story .rok-about__media{margin-bottom:32px}.rok-about__logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:30px}.rok-about__logos>div{display:grid;place-items:center;background:#fff;padding:18px;border-radius:4px;min-height:130px}.rok-about__logos img{width:auto;max-width:100%;height:auto;max-height:110px}@media(max-width:799px){.rok-about__logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rok-about__logos>div{padding:12px}}.rok-about__logos a{display:grid;place-items:center;width:100%;height:100%;border-radius:4px}.rok-about__logos a:hover{opacity:.8}@media(max-width:799px){.rok-about__nav{gap:4px 20px;padding-top:12px;padding-bottom:12px}.rok-about__nav a{display:inline-flex;align-items:center;min-height:44px}.rok-about__text{overflow-wrap:anywhere}.rok-about__hero-inner{padding-top:30px;padding-bottom:32px}}
/*# sourceMappingURL=/cdn/shop/t/10/compiled_assets/styles.css.map?subset=AAAAAAAAAAAg */