.template-page-our-story #MainContent,.template-page-our-story .shopify-section.rof-story-section,body:has(.rof-story){background:#050505!important}.template-page-our-story .shopify-section.rof-story-section{margin:0;padding:0;max-width:none}.rof-story{--rof-story-bg: #050505;--rof-story-ink: #ffffff;--rof-story-muted: rgba(255, 255, 255, .58);--rof-story-soft: rgba(255, 255, 255, .82);--rof-story-line: rgba(255, 255, 255, .14);--rof-story-accent: #c4b59a;background:var(--rof-story-bg);color:var(--rof-story-ink)}.rof-story,.rof-story *{box-sizing:border-box}.rof-story__hero{width:100%;height:clamp(420px,52vw,640px);overflow:hidden;background:#000}.rof-story__hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}.rof-story__intro{max-width:680px;margin:0 auto;padding:clamp(56px,9vw,88px) 24px 72px;text-align:center}.rof-story__title{margin:0 0 28px;font-family:Times New Roman,Times,Georgia,serif;font-size:clamp(40px,6vw,72px);font-weight:400;letter-spacing:.04em;line-height:1.05;text-transform:uppercase;color:var(--rof-story-ink)}.rof-story__lead,.rof-story__copy,.rof-story__rail p,.rof-story__phil-copy p,.rof-story__tech-copy p,.rof-story__collab p{margin:0;font-family:var(--font-body-family, Archivo, system-ui, sans-serif);font-size:16px;line-height:1.65}.rof-story__lead{color:#ffffffdb}.rof-story__copy,.rof-story__rail p,.rof-story__phil-copy p,.rof-story__tech-copy p,.rof-story__collab p{color:var(--rof-story-muted)}.rof-story__tech-copy p.rof-story__tech-line,.rof-story__tech-copy p.rof-story__tech-close{font-family:Times New Roman,Times,Georgia,serif}.rof-story__intro .rof-story__copy{margin-top:18px}.rof-story__punch{margin:36px 0 0;font-family:Times New Roman,Times,Georgia,serif;font-size:22px;font-weight:400;line-height:1.35;color:#ffffffe6}.rof-story__statement{margin:12px 0 0;font-family:Times New Roman,Times,Georgia,serif;font-size:clamp(28px,3.4vw,36px);font-weight:400;line-height:1.2;color:var(--rof-story-ink)}.rof-story__kicker{margin:0 0 16px;font-family:var(--font-body-family, Archivo, system-ui, sans-serif);font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--rof-story-accent)}.rof-story__pillars{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.58fr);height:clamp(560px,70vh,760px)}.rof-story__pillars-media,.rof-story__phil-media{position:relative;margin:0;min-width:0;min-height:0;overflow:hidden;background:#111}.rof-story__pillars-media img,.rof-story__phil-media img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.rof-story__pillars-media img{object-position:28% 50%}.rof-story__rail{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,88px) clamp(24px,4vw,56px)}.rof-story__rail p+p,.rof-story__phil-copy p+p,.rof-story__tech-copy p+p{margin-top:16px}.rof-story__philosophy{display:grid;grid-template-columns:minmax(300px,.58fr) minmax(0,1.2fr);height:clamp(560px,62vh,720px)}.rof-story__phil-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,88px) clamp(24px,4vw,56px)}.rof-story__phil-media img{object-position:52% 40%}.rof-story__tech{padding:clamp(48px,7vw,72px) clamp(24px,5vw,56px) 0}.rof-story__collab{padding:0 clamp(24px,5vw,56px) clamp(72px,9vw,104px)}.rof-story__collab-copy{max-width:1080px;margin-top:48px;padding-top:48px;border-top:1px solid var(--rof-story-line)}.rof-story__cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:28px;padding:0 18px;border:1px solid rgba(255,255,255,.85);background:transparent;color:var(--rof-story-ink);text-decoration:none;font-family:var(--font-body-family, Archivo, system-ui, sans-serif);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;transition:background .25s ease,color .25s ease,border-color .25s ease}.rof-story__cta:hover{background:#fff;color:#050505;border-color:#fff}.rof-story__tech-copy{max-width:1080px}.rof-story__tech-copy p.rof-story__tech-line{margin:28px 0 0;font-size:22px;font-weight:400;line-height:1.4;color:#ffffffe6}.rof-story__tech-copy p.rof-story__tech-close{margin:16px 0 0;font-size:clamp(28px,3.4vw,36px);font-weight:400;line-height:1.2;color:var(--rof-story-ink)}@media(max-width:749px){.rof-story__hero{height:auto;aspect-ratio:2.2 / 1}.rof-story__intro{padding:48px 16px}.rof-story__title{font-size:40px}.rof-story__lead,.rof-story__copy,.rof-story__rail p,.rof-story__phil-copy p,.rof-story__tech-copy p,.rof-story__collab p{font-size:15px}.rof-story__pillars,.rof-story__philosophy{grid-template-columns:1fr;height:auto}.rof-story__pillars-media,.rof-story__phil-media{aspect-ratio:1 / 1;height:auto}.rof-story__philosophy .rof-story__phil-media{order:-1}.rof-story__rail,.rof-story__phil-copy{padding:28px 16px 40px}.rof-story__tech{padding:40px 16px 0}.rof-story__collab{padding:0 16px 72px}.rof-story__collab-copy{margin-top:36px;padding-top:36px}.rof-story__cta{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/rof-story.css.map */