.frj-section *{box-sizing:border-box}.frj-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:var(--frc-sage-tint);color:var(--frc-sage-darker);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;white-space:nowrap}.frj-chip--neutral{background:var(--frc-bg-alt);color:var(--frc-ink-2)}.frj-hero__credit{margin:22px auto 0;max-width:64ch;font-size:.875rem;line-height:1.55;color:var(--frc-ink-2)}.frj-hero__media--wide{aspect-ratio:2 / 1}@media(max-width:749px){.frj-hero__media--wide{aspect-ratio:4 / 3}}.frj-intro__media{margin:clamp(28px,4vw,48px) auto;border-radius:var(--frc-radius);overflow:hidden;box-shadow:var(--frc-shadow);aspect-ratio:16 / 9;background:var(--frc-bg-alt)}.frj-intro__media img{width:100%;height:100%;object-fit:cover;display:block}.frj-intro__prose{max-width:var(--frc-prose);margin-inline:auto;text-align:left}.frj-intro__prose .frc-body{margin-bottom:1.25em}.frj-quote{margin:clamp(28px,4vw,40px) 0;padding:22px 26px;border-inline-start:3px solid var(--frc-sage);background:var(--frc-surface);border-radius:0 var(--frc-radius) var(--frc-radius) 0}.frj-quote p{margin:0;font-size:clamp(1.125rem,1.9vw,1.375rem);line-height:1.45;font-weight:600;font-style:italic;color:var(--frc-ink)}.frj-quote cite{display:block;margin-top:10px;font-size:.875rem;font-style:normal;color:var(--frc-ink-2)}.frj-intro__notes{display:grid;gap:16px;margin-top:clamp(24px,3vw,36px)}.frj-note{padding:20px 22px;background:var(--frc-sage-tint);border-radius:var(--frc-radius);font-size:1.0625rem;line-height:1.55}.frj-note strong{color:var(--frc-sage-darker)}.frj-photos3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,2vw,20px);margin-bottom:clamp(28px,4vw,48px)}.frj-photos3 figure{margin:0;border-radius:var(--frc-radius);overflow:hidden;aspect-ratio:4 / 5;background:var(--frc-bg-alt)}.frj-photos3 img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:599px){.frj-photos3{grid-template-columns:1fr 1fr}.frj-photos3 figure:first-child{grid-column:1 / -1;aspect-ratio:16 / 9}}.frj-cards{display:grid;gap:18px;grid-template-columns:1fr}@media(min-width:700px){.frj-cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.frj-cards{grid-template-columns:repeat(3,1fr)}}.frj-card{background:var(--frc-surface);border:1px solid var(--frc-line);border-radius:var(--frc-radius);padding:26px;text-align:left}.frj-card__n{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--frc-sage);color:var(--frc-bg);font-weight:700;font-size:.9375rem;margin-bottom:16px}.frj-card h3{margin:0 0 10px;font-size:1.1875rem;line-height:1.3;font-weight:700;letter-spacing:-.01em}.frj-card p{margin:0;font-size:1.0625rem;line-height:1.55;color:var(--frc-ink-2)}.frj-grid4{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,2vw,24px);margin-block:clamp(28px,4vw,48px)}.frj-grid4 figure{margin:0;border-radius:var(--frc-radius);overflow:hidden;aspect-ratio:1 / 1;background:var(--frc-bg-alt);box-shadow:var(--frc-shadow)}.frj-grid4 img{width:100%;height:100%;object-fit:cover;display:block}.frj-work__foot{max-width:var(--frc-prose);margin-inline:auto}.frj-work__foot p{margin:0}.frj-work__foot a{color:var(--frc-bg);font-weight:600;text-decoration:underline;text-underline-offset:3px}.frj-work__foot a:hover{color:#fff}.frj-work__foot a:focus-visible{outline:2px solid var(--frc-bg);outline-offset:2px}.frj-project{padding-block:clamp(40px,6vw,72px)}.frj-project__head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:clamp(20px,3vw,32px)}.frj-project__title{margin:0;font-size:clamp(1.375rem,2.6vw,1.875rem);line-height:1.2;font-weight:700;letter-spacing:-.018em}.frj-project__title em{color:var(--frc-sage);font-style:italic;font-weight:inherit}.frj-project__grid{display:grid;grid-template-columns:1fr;gap:clamp(20px,3vw,36px);align-items:start}@media(min-width:1000px){.frj-project__grid{grid-template-columns:7fr 5fr}.frj-project--flip .frj-project__media{order:1}}.frj-project__media{display:grid;gap:clamp(10px,1.5vw,16px)}.frj-project__fig{margin:0;border-radius:var(--frc-radius);overflow:hidden;background:var(--frc-bg-alt);box-shadow:var(--frc-shadow)}.frj-project__fig img{width:100%;height:100%;object-fit:cover;display:block}.frj-project__wide{aspect-ratio:2 / 1}.frj-project__wide--top img{object-position:50% 15%}.frj-project__wide--bottom img{object-position:50% 85%}.frj-project__pair{display:grid;grid-template-columns:1fr 1fr;gap:inherit}.frj-project__pair .frj-project__fig{aspect-ratio:4 / 3}@media(max-width:749px){.frj-project__wide{aspect-ratio:3 / 2}}.frj-project__caption{margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid var(--frc-line);font-size:1.0625rem;line-height:1.5;font-weight:600;color:var(--frc-sage-darker)}.frj-project__story{font-size:1.0625rem;line-height:1.62;color:var(--frc-ink)}.frj-project__story p{margin:0 0 1em}.frj-project__story p:last-child{margin-bottom:0}.frj-testimonials{display:grid;gap:20px;grid-template-columns:1fr;margin-top:12px}@media(min-width:760px){.frj-testimonials{grid-template-columns:repeat(2,1fr)}}.frj-reviews__rating{margin-top:clamp(24px,3vw,36px)}.frj-reviews__rating a{color:var(--frc-sage);font-weight:600}.frj-steps{display:grid;gap:clamp(16px,2.5vw,28px);grid-template-columns:1fr;counter-reset:frj-step}@media(min-width:600px){.frj-steps{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.frj-steps{grid-template-columns:repeat(3,1fr)}}.frj-step{margin:0;text-align:left}.frj-step__media{border-radius:var(--frc-radius);overflow:hidden;aspect-ratio:3 / 2;background:var(--frc-bg-alt);box-shadow:var(--frc-shadow)}.frj-step__media img{width:100%;height:100%;object-fit:cover;display:block}.frj-step figcaption{padding:14px 4px 0}.frj-step__label{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:1.0625rem;font-weight:700;letter-spacing:-.01em}.frj-step__label:before{counter-increment:frj-step;content:counter(frj-step);display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--frc-sage);color:var(--frc-bg);font-size:.8125rem;font-weight:700;flex:none}.frj-step__text{margin:0;font-size:.9375rem;line-height:1.5;color:var(--frc-ink-2)}.frj-cta__cols{display:grid;gap:24px;grid-template-columns:1fr;margin:clamp(32px,4vw,48px) auto 0;padding-top:clamp(24px,3vw,32px);border-top:1px solid rgba(250,250,248,.25);text-align:left;max-width:760px}@media(min-width:640px){.frj-cta__cols{grid-template-columns:1fr 1fr}}.frj-cta__col h3{margin:0 0 10px;font-size:.8125rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fafaf8d9}.frj-cta__col ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.frj-cta__col li{font-size:1.0625rem;line-height:1.45;color:var(--frc-bg)}.frj-cta__col a{color:var(--frc-bg);text-decoration:underline;text-underline-offset:3px}.frj-cta__col a:hover{color:#fff}.frj-cta__col a:focus-visible{outline:2px solid var(--frc-bg);outline-offset:2px}.shopify-section-group-footer-group.fr-recent-projects-section,.shopify-section-group-footer-group.fr-google-reviews-section{display:none}@media(prefers-reduced-motion:reduce){.frj-section *{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/fr-roofjobs.css.map */