.frg-hero{padding-block:clamp(40px,6vw,72px) clamp(28px,4vw,44px)}.frg-hero .frc-lede{max-width:60ch}.frg-hero .frc-trust-note{margin-top:22px}.frg{padding-block:0 var(--frc-pad)}.frg-empty{text-align:center;margin:var(--frc-pad) auto}.frg-filters{position:sticky;top:0;transition:top .25s var(--frc-ease);z-index:6;background:var(--frc-bg-alt);border-bottom:1px solid var(--frc-line);padding-block:10px}body:has(#header-component[data-sticky-state=active]) .frg-filters,body:has(#header-component[sticky=always]) .frg-filters{top:var(--header-height, 0px)}.frg-filters__list{display:flex;gap:8px;margin:0;padding:2px 0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.frg-filters__list::-webkit-scrollbar{display:none}.frg-filters__list li{flex:none;scroll-snap-align:start}.frg-chip{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 16px;border:1px solid var(--frc-line);border-radius:999px;background:var(--frc-surface);color:var(--frc-ink);font-family:var(--frc-font);font-size:.9375rem;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background .2s var(--frc-ease),border-color .2s var(--frc-ease),color .2s var(--frc-ease)}.frg-chip:hover{border-color:var(--frc-sage);color:var(--frc-sage-darker)}.frg-chip:focus-visible{outline:3px solid var(--frc-sage-darker);outline-offset:2px}.frg-chip[aria-pressed=true]{background:var(--frc-sage);border-color:var(--frc-sage);color:var(--frc-bg)}.frg-chip__n{font-size:.75rem;font-weight:600;padding:3px 7px;border-radius:999px;background:var(--frc-sage-tint);color:var(--frc-sage-darker)}.frg-chip[aria-pressed=true] .frg-chip__n{background:#ffffff2e;color:var(--frc-bg)}.frg-group{padding-top:clamp(32px,5vw,56px)}.frg-group[hidden]{display:none}.frg-group__head{margin-bottom:clamp(16px,2.5vw,24px)}.frg-group__title{scroll-margin-top:calc(var(--header-height, 0px) + 76px);margin-bottom:6px}.frg-group__n{display:inline-block;vertical-align:middle;margin-inline-start:10px;font-size:.875rem;font-weight:600;letter-spacing:.02em;color:var(--frc-ink-2)}.frg-group__note{margin:0;max-width:64ch;font-size:.9375rem;line-height:1.55;color:var(--frc-ink-2)}.frg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:10px}@media(min-width:700px){.frg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}@media(min-width:1100px){.frg-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}.frg-tile{margin:0;min-width:0;display:flex;flex-direction:column}.frg-tile--featured{grid-column:span 2;grid-row:span 2}.frg-tile__link{position:relative;display:block;flex:1;aspect-ratio:4 / 3;border-radius:var(--frc-radius-sm);overflow:hidden;background:var(--frc-line);box-shadow:var(--frc-shadow)}.frg-tile--featured .frg-tile__link{aspect-ratio:auto;min-height:0}.frg-tile__link:focus-visible{outline:3px solid var(--frc-sage-darker);outline-offset:3px}.frg-tile__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s var(--frc-ease)}.frg-tile__link:hover .frg-tile__img{transform:scale(1.03)}.frg-tile__cap{margin:8px 2px 0;font-size:.8125rem;line-height:1.4;color:var(--frc-ink)}.frg-tile__meta{color:var(--frc-ink-2)}.frg-tile__meta:before{content:"\b7  "}@media(min-width:700px){.frg-tile__cap{font-size:.9375rem}}.frg-badge{position:absolute;top:8px;inset-inline-start:8px;z-index:1;padding:4px 9px;border-radius:999px;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.2;color:#fff;background:#1e1e1ec7;pointer-events:none}.frg-badge--during{background:#8a6a1f}.frg-badge--finished{background:var(--frc-sage)}@media(min-width:700px){.frg-badge{top:10px;inset-inline-start:10px;font-size:.75rem;padding:4px 10px}}.frg-lightbox{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--frc-bg);font-family:var(--frc-font)}.frg-lightbox::backdrop{background:#141615f0}.frg-lightbox[open]{display:grid;place-items:center}.frg-lightbox__fig{margin:0;width:100%;max-width:1400px;padding:64px 16px 72px;display:grid;gap:12px;justify-items:center;box-sizing:border-box}.frg-lightbox__img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px);border-radius:var(--frc-radius-sm);background:var(--frc-ink)}.frg-lightbox__cap{font-size:.9375rem;line-height:1.5;text-align:center;max-width:64ch;color:#fafaf8e6}.frg-lightbox__count{position:fixed;left:16px;bottom:14px;margin:0;font-size:.8125rem;color:#fafaf8b3}.frg-lightbox__close,.frg-lightbox__nav{position:fixed;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff14;color:#fff;cursor:pointer;transition:background .2s var(--frc-ease)}.frg-lightbox__close:hover,.frg-lightbox__nav:hover{background:#fff3}.frg-lightbox__close:focus-visible,.frg-lightbox__nav:focus-visible{outline:3px solid #fff;outline-offset:2px}.frg-lightbox__close{top:12px;right:12px}.frg-lightbox__nav{top:auto;bottom:10px}.frg-lightbox__nav--prev{right:70px}.frg-lightbox__nav--next{right:12px}@media(min-width:900px){.frg-lightbox__fig{padding:56px 90px 64px}.frg-lightbox__nav{top:50%;bottom:auto;transform:translateY(-50%);width:52px;height:52px}.frg-lightbox__nav--prev{left:18px;right:auto}.frg-lightbox__nav--next{right:18px}}.frg-cta__links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin-top:26px;font-size:1rem;font-weight:600}.frg-cta__links a{color:var(--frc-bg);text-decoration:underline;text-underline-offset:4px}.frg-cta__links a:hover{color:#fff}.frg-cta__links a:focus-visible{outline:3px solid var(--frc-bg);outline-offset:2px}@media(prefers-reduced-motion:reduce){.frg-tile__img,.frg-chip,.frg-lightbox__nav,.frg-lightbox__close{transition:none!important}.frg-tile__link:hover .frg-tile__img{transform:none}}.shopify-section-group-footer-group.fr-recent-projects-section,.shopify-section-group-footer-group.fr-google-reviews-section{display:none}
/*# sourceMappingURL=/cdn/shop/t/23/assets/fr-roofgallery.css.map */