jurrque-roof-guide{display:block;margin:16px 0}jurrque-roof-guide[hidden]{display:none!important}.jurrque-roof-entry,.jurrque-roof-guide,.jurrque-roof-viewer{--roof-blue:#0648fa;--roof-ink:#171a20;--roof-muted:#626a76;--roof-border:#e3e7ef;--roof-soft:#f0f5ff;font-family:Jurrque Dawn Rubik,Rubik,Arial,sans-serif;color:var(--roof-ink);font-size:16px;line-height:1.5;letter-spacing:0}.jurrque-roof-entry,.jurrque-roof-guide *,.jurrque-roof-viewer *{box-sizing:border-box}.jurrque-roof-entry{display:flex;gap:12px;align-items:center;border:1px solid var(--roof-border);border-radius:8px;background:#f8faff;padding:12px 16px;color:var(--roof-ink);text-decoration:none!important;width:100%}.jurrque-roof-entry:hover{border-color:var(--roof-blue)}.jurrque-roof-entry:focus-visible,.jurrque-roof-guide a:focus-visible,.jurrque-roof-guide summary:focus-visible,.jurrque-roof-viewer button:focus-visible{outline:3px solid var(--roof-blue);outline-offset:3px}.jurrque-roof-entry-thumbnail{display:block;flex:0 0 60px;overflow:hidden;border-radius:6px}.jurrque-roof-image{display:block;width:100%;height:auto;max-width:100%}.jurrque-roof-entry-copy{display:grid;gap:4px;min-width:0}.jurrque-roof-entry-copy strong{font-size:16px;line-height:22px;font-weight:700}.jurrque-roof-entry-copy>span{font-size:14px;line-height:20px;font-weight:700;color:var(--roof-blue)}.jurrque-roof-dialog{border:0;padding:0;margin:auto;width:min(1120px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);height:calc(100dvh - 48px);overflow:hidden;background:#fff;box-shadow:0 18px 80px #0003}.jurrque-roof-dialog::backdrop,.jurrque-roof-viewer::backdrop{background:#00000073}.jurrque-roof-dialog:not([open]),.jurrque-roof-viewer:not([open]){display:none}.jurrque-roof-guide{background:#fff;width:100%;display:flex;flex-direction:column;height:100%}.jurrque-roof-guide a{color:inherit;text-decoration:none}.jurrque-roof-guide p,.jurrque-roof-guide h1,.jurrque-roof-guide h2,.jurrque-roof-guide h3,.jurrque-roof-guide figure{margin:0;font-family:inherit;letter-spacing:0}.jurrque-roof-header{display:flex;align-items:center;gap:12px;min-height:78px;padding:12px 40px;border-bottom:1px solid var(--roof-border);flex-shrink:0}.jurrque-roof-brand{font-size:20px;line-height:26px;font-weight:700;flex:0 0 180px}.jurrque-roof-header-label{font-size:14px;color:var(--roof-muted);flex:1}.jurrque-roof-guide .jurrque-roof-close{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:var(--roof-blue);font-size:14px;font-weight:700;flex:0 0 92px}.jurrque-roof-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.jurrque-roof-content{padding:40px;display:flex;flex-direction:column;gap:40px}.jurrque-roof-hero{display:grid;grid-template-columns:minmax(0,600fr) minmax(0,416fr);gap:24px;align-items:center}.jurrque-roof-side{overflow:hidden;border-radius:8px;min-width:0}.jurrque-roof-hero-copy,.jurrque-roof-headline{display:flex;flex-direction:column;gap:16px}.jurrque-roof-eyebrow{color:var(--roof-blue);font-size:12px;line-height:18px;font-weight:700}.jurrque-roof-headline h1,.jurrque-roof-headline h2{font-size:36px;line-height:42px;font-weight:700;color:var(--roof-ink)}.jurrque-roof-explanation{display:flex;flex-direction:column;gap:16px}.jurrque-roof-principle{font-size:16px;line-height:24px;color:var(--roof-muted)}.jurrque-roof-pitch{padding:16px;border-radius:8px;background:var(--roof-soft);display:flex;flex-direction:column;gap:8px}.jurrque-roof-pitch h3{font-size:20px;line-height:26px;font-weight:700;color:var(--roof-ink)}.jurrque-roof-pitch p,.jurrque-roof-materials,.jurrque-roof-compatibility,.jurrque-roof-note{font-size:14px;line-height:20px;color:var(--roof-muted)}.jurrque-roof-section-heading{display:flex;flex-direction:column;gap:8px}.jurrque-roof-steps{display:flex;flex-direction:column;gap:24px}.jurrque-roof-section-heading h2,.jurrque-roof-faq>h2{font-size:28px;line-height:34px;font-weight:700;color:var(--roof-ink)}.jurrque-roof-section-heading p{font-size:14px;line-height:20px;color:var(--roof-muted)}.jurrque-roof-step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.jurrque-roof-step-card{display:block;overflow:hidden;border:1px solid var(--roof-border);border-radius:8px;background:#fff}.jurrque-roof-step-card:hover{border-color:var(--roof-blue)}.jurrque-roof-step-photo{aspect-ratio:1312/490;overflow:hidden}.jurrque-roof-step-photo .jurrque-roof-image{width:100%;height:auto;max-height:none}.jurrque-roof-step-copy{display:flex;flex-direction:column;gap:8px;padding:16px}.jurrque-roof-step-copy h3{font-size:20px;line-height:26px;font-weight:700;color:var(--roof-ink)}.jurrque-roof-step-copy p{font-size:16px;line-height:24px;color:var(--roof-muted)}.jurrque-roof-faq{display:flex;flex-direction:column;gap:12px}.jurrque-roof-faq details{padding:16px;border:1px solid var(--roof-border);border-radius:8px}.jurrque-roof-faq summary{display:flex;align-items:center;gap:8px;justify-content:space-between;list-style:none;cursor:pointer;font-size:14px;line-height:20px;font-weight:700}.jurrque-roof-faq summary::-webkit-details-marker{display:none}.jurrque-roof-faq-symbol:after{content:"+";display:block;color:var(--roof-blue);font-size:20px;line-height:26px;width:24px;text-align:center}.jurrque-roof-faq details[open] .jurrque-roof-faq-symbol:after{content:"\2212"}.jurrque-roof-faq details>p{margin-top:12px;font-size:16px;line-height:24px;color:var(--roof-muted)}.jurrque-roof-return{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-radius:16px;background:var(--roof-soft)}.jurrque-roof-return h3{font-size:20px;line-height:26px;font-weight:700}.jurrque-roof-return p{margin-top:8px;font-size:16px;line-height:24px;color:var(--roof-muted)}.jurrque-roof-guide .jurrque-roof-primary{display:inline-flex;justify-content:center;align-items:center;min-height:52px;width:208px;padding:12px 16px;border-radius:8px;background:var(--roof-blue);color:#fff;font-size:16px;line-height:20px;font-weight:700}.jurrque-roof-mobile-label,.jurrque-roof-mobile-footer{display:none!important}.jurrque-roof-viewer{border:0;padding:20px;margin:auto;width:min(880px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);overflow:auto;background:#fff}.jurrque-roof-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:14px;line-height:20px;font-weight:700}.jurrque-roof-viewer button{-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:8px;color:var(--roof-blue);font:inherit;cursor:pointer;min-height:44px}.jurrque-roof-viewer img{display:block;width:100%;height:auto}.jurrque-roof-viewer-note{font-size:14px;color:var(--roof-muted);margin:16px 0 0}html.jurrque-roof-open,html.jurrque-roof-open body{overflow:hidden;overscroll-behavior:none}.jurrque-roof-standalone{margin:0;background:#fff}.jurrque-roof-standalone>.jurrque-roof-guide{max-width:1120px;margin:auto;height:auto}.jurrque-roof-standalone .jurrque-roof-scroll{overflow:visible}@media(max-width:749px){.jurrque-roof-entry{padding:12px}.jurrque-roof-dialog{width:100vw;height:100dvh;max-height:100dvh;margin:0}.jurrque-roof-header{padding:12px 20px;min-height:62px}.jurrque-roof-brand{flex:0 0 auto;min-width:100px}.jurrque-roof-header-label{font-size:14px}.jurrque-roof-content{padding:20px;gap:32px}.jurrque-roof-hero{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "image" "explanation";gap:24px}.jurrque-roof-hero-copy{display:contents}.jurrque-roof-headline{grid-area:heading;gap:8px}.jurrque-roof-headline h1,.jurrque-roof-headline h2{font-size:30px;line-height:36px}.jurrque-roof-side{grid-area:image}.jurrque-roof-explanation{grid-area:explanation;gap:20px}.jurrque-roof-pitch h3{font-size:18px;line-height:24px}.jurrque-roof-section-heading h2,.jurrque-roof-faq>h2{font-size:24px;line-height:30px}.jurrque-roof-step-grid{grid-template-columns:minmax(0,1fr);gap:20px}.jurrque-roof-step-copy h3{font-size:18px;line-height:24px}.jurrque-roof-return{display:none}.jurrque-roof-desktop-label{display:none!important}.jurrque-roof-mobile-label{display:inline!important}.jurrque-roof-mobile-footer{display:flex!important;flex-shrink:0;padding:12px 16px;border-top:1px solid var(--roof-border);background:#fff;min-height:78px}.jurrque-roof-mobile-footer .jurrque-roof-primary{width:100%}.jurrque-roof-viewer{width:100vw;max-height:100dvh;padding:20px}.jurrque-roof-standalone .jurrque-roof-mobile-footer{position:sticky;bottom:0}}@media(prefers-reduced-motion:reduce){.jurrque-roof-scroll{scroll-behavior:auto}}.jurrque-roof-standalone>main{max-width:1120px;margin:0 auto}.jurrque-roof-standalone .jurrque-roof-guide{height:auto}.jurrque-roof-scroll{scrollbar-gutter:auto;scrollbar-width:none}.jurrque-roof-scroll::-webkit-scrollbar{display:none}@font-face{font-family:Jurrque Roof Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(jurrque-roof-rubik-variable-v31.woff2) format("woff2")}.jurrque-roof-entry,.jurrque-roof-guide,.jurrque-roof-viewer{font-family:Jurrque Roof Rubik,Jurrque Dawn Rubik,Rubik,Arial,sans-serif}.jurrque-roof-entry-copy strong,.jurrque-roof-entry-copy>span,.jurrque-roof-brand,.jurrque-roof-guide .jurrque-roof-close,.jurrque-roof-eyebrow,.jurrque-roof-guide h1,.jurrque-roof-guide h2,.jurrque-roof-guide h3,.jurrque-roof-faq summary,.jurrque-roof-guide .jurrque-roof-primary,.jurrque-roof-viewer-header{font-weight:600}@media(max-width:749px){.jurrque-roof-header{padding-top:9px;padding-bottom:9px}.jurrque-roof-hero{gap:16px}}:is(.jurrque-roof-dialog,.jurrque-roof-standalone) .jurrque-roof-guide .jurrque-roof-principle,:is(.jurrque-roof-dialog,.jurrque-roof-standalone) .jurrque-roof-guide .jurrque-roof-step-copy p,:is(.jurrque-roof-dialog,.jurrque-roof-standalone) .jurrque-roof-guide .jurrque-roof-faq details>p,:is(.jurrque-roof-dialog,.jurrque-roof-standalone) .jurrque-roof-guide .jurrque-roof-return p{font-size:16px;line-height:24px}:is(.jurrque-roof-dialog,.jurrque-roof-standalone) .jurrque-roof-guide .jurrque-roof-materials,:is(.jurrque-roof-dialog,.jurrque-roof-standalone) .jurrque-roof-guide .jurrque-roof-compatibility,:is(.jurrque-roof-dialog,.jurrque-roof-standalone) .jurrque-roof-guide .jurrque-roof-note,:is(.jurrque-roof-dialog,.jurrque-roof-standalone) .jurrque-roof-guide .jurrque-roof-pitch p,:is(.jurrque-roof-dialog,.jurrque-roof-standalone) .jurrque-roof-guide .jurrque-roof-section-heading p{font-size:14px;line-height:20px}:is(.jurrque-roof-dialog,.jurrque-roof-standalone) .jurrque-roof-guide .jurrque-roof-eyebrow{font-size:12px;line-height:18px}@media(max-width:749px){.jurrque-roof-header{padding-top:8.5px;padding-bottom:8.5px}}@media(max-width:749px){.jurrque-roof-content{gap:24px}.jurrque-roof-explanation{gap:16px}}.jurrque-roof-entry-copy strong,.jurrque-roof-entry-copy>span,.jurrque-roof-brand,.jurrque-roof-guide .jurrque-roof-close,.jurrque-roof-eyebrow,.jurrque-roof-section-heading h2,.jurrque-roof-faq>h2,.jurrque-roof-guide h3,.jurrque-roof-faq summary,.jurrque-roof-guide .jurrque-roof-primary{font-weight:500}@media(max-width:749px){.jurrque-roof-section-heading h2,.jurrque-roof-faq>h2,.jurrque-roof-step-copy h3{font-size:20px;line-height:26px}.jurrque-roof-step-grid{gap:24px}}.jurrque-roof-entry,.jurrque-roof-guide,.jurrque-roof-viewer{font-weight:400;font-variation-settings:normal}:is(.jurrque-roof-dialog,.jurrque-roof-standalone) .jurrque-roof-guide p{font-weight:400}:is(.jurrque-roof-dialog,.jurrque-roof-standalone) .jurrque-roof-guide .jurrque-roof-eyebrow{font-weight:500}.jurrque-roof-image,.jurrque-roof-viewer img{clip-path:inset(0 0 4% 0)}.jurrque-roof-side>a{display:block;aspect-ratio:1312/1151;overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/68/assets/jurrque-roof-guide.css.map */