html.yk-design-preview-root{font-size:62.5%}body.yk-design-preview{font-size:1.6rem}html.yk-design-preview-root{--red:#b81723;--teal:#0b6569;--ink:#18201f;--muted:#596562;--line:#ccd3cf;--header:7.6rem;background:#f5f6f3;color:#1b2423;font-family:Noto Sans JP,Yu Gothic,Meiryo,sans-serif;font-synthesis:none;letter-spacing:0}body.yk-design-preview *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html.yk-design-preview-root{scroll-behavior:smooth;scroll-padding-top:14.6rem}body.yk-design-preview{margin:0}body.yk-design-preview:has(dialog[open]){overflow:hidden}body.yk-design-preview figure,body.yk-design-preview h1,body.yk-design-preview h2,body.yk-design-preview h3,body.yk-design-preview p{margin:0}body.yk-design-preview h1,body.yk-design-preview h2,body.yk-design-preview h3{overflow-wrap:anywhere}body.yk-design-preview a{color:inherit;text-decoration:none}body.yk-design-preview button,body.yk-design-preview input,body.yk-design-preview select{font:inherit}body.yk-design-preview button{background:none;border:0;color:inherit;cursor:pointer}body.yk-design-preview img{display:block;height:auto;max-width:100%}body.yk-design-preview svg{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;height:2rem;width:2rem}body.yk-design-preview a,body.yk-design-preview button,body.yk-design-preview select,body.yk-design-preview summary{-webkit-tap-highlight-color:rgba(0,0,0,0)}body.yk-design-preview a:focus-visible,body.yk-design-preview button:focus-visible,body.yk-design-preview select:focus-visible,body.yk-design-preview summary:focus-visible{outline:.3rem solid #e45e43;outline-offset:.4rem}body.yk-design-preview button:hover .zoom-icon{background:var(--teal)}body.yk-design-preview p{line-height:1.95}body.yk-design-preview small{font-size:1.2rem}body.yk-design-preview .container{margin-inline:auto;width:min(120rem,100% - 8rem)}body.yk-design-preview .section{padding:7.2rem 0}body.yk-design-preview .eyebrow{color:var(--teal);font-size:1.1rem;font-weight:700;line-height:1.4;margin-bottom:1.4rem}body.yk-design-preview .eyebrow.light{color:#e5efec}body.yk-design-preview .section h2{font-size:3.2rem;font-weight:700;line-height:1.55}body.yk-design-preview .text-link{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom:1px solid;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1.3rem;font-weight:700;gap:2rem;min-height:4.4rem}body.yk-design-preview .icon-button{-ms-flex-negative:0;display:-ms-inline-grid;display:inline-grid;-webkit-flex-shrink:0;flex-shrink:0;height:4.4rem;place-items:center;width:4.4rem}body.yk-design-preview .skip{background:#fff;left:1.2rem;padding:1.2rem 2rem;position:fixed;top:-8rem;z-index:100}body.yk-design-preview .skip:focus{top:1.2rem}body.yk-design-preview .roof-header{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:2.4rem;height:var(--header);inset:0 0 auto;-webkit-justify-content:space-between;justify-content:space-between;padding:0 3.2rem;position:fixed;-webkit-transition:background .5s,-webkit-box-shadow .5s;transition:background .5s,-webkit-box-shadow .5s;transition:background .5s,box-shadow .5s;transition:background .5s,box-shadow .5s,-webkit-box-shadow .5s;z-index:30}body.yk-design-preview .roof-header.solid{background:#111918;-webkit-box-shadow:0 .1rem 0 hsla(0,0%,100%,.102);box-shadow:0 .1rem 0 hsla(0,0%,100%,.102)}body.yk-design-preview .roof-brand{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-shrink:0;flex-shrink:0;gap:1.1rem}body.yk-design-preview .roof-brand img{height:4.6rem;-o-object-fit:contain;object-fit:contain;width:4.2rem}body.yk-design-preview .roof-brand span{font-size:2.5rem;font-weight:700;line-height:1.1;white-space:nowrap}body.yk-design-preview .roof-brand small{display:block;font-size:.8rem;margin-top:.6rem}body.yk-design-preview .roof-header>nav{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.2rem;font-weight:700;gap:2.4rem}body.yk-design-preview .roof-header>nav>a{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;min-height:4.4rem;white-space:nowrap}body.yk-design-preview .roof-header>nav>a:hover{text-decoration:underline;text-underline-offset:.6rem}body.yk-design-preview .roof-header .header-inquiry{background:var(--red);gap:1.6rem;padding:0 1.8rem}body.yk-design-preview .menu-toggle{display:none}body.yk-design-preview .roof-hero{background:#384644;color:#fff;height:min(72rem,100svh - 7.2rem);min-height:50rem;position:relative}body.yk-design-preview .roof-hero>img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 43%;object-position:50% 43%;width:100%}body.yk-design-preview .hero-scrim{background:rgba(6,21,18,.282);inset:0;position:absolute}body.yk-design-preview .hero-inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;inset:0;margin:auto;padding-top:calc(var(--header) + 1.6rem);position:absolute;width:min(128rem,100% - 8rem)}body.yk-design-preview .breadcrumbs,body.yk-design-preview .hero-inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}body.yk-design-preview .breadcrumbs{color:#fff;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:1.1rem;gap:1.2rem}body.yk-design-preview .breadcrumbs a:hover{text-decoration:underline}body.yk-design-preview .hero-heading{margin-top:auto;max-width:70rem;padding-bottom:4.4rem;text-shadow:0 .2rem 1.8rem rgba(20,34,31,.502)}body.yk-design-preview .hero-heading h1{font-size:5.6rem;font-weight:700;line-height:1.3}body.yk-design-preview .hero-tagline{font-size:2.7rem;line-height:1.65;margin-top:2rem}body.yk-design-preview .hero-description{font-size:1.3rem;margin-top:1.8rem}body.yk-design-preview .hero-link{border-bottom:1px solid hsla(0,0%,100%,.502);display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1.3rem;font-weight:700;gap:2.6rem;margin-top:2rem;min-height:4.4rem}body.yk-design-preview .hero-link,body.yk-design-preview .hero-location{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}body.yk-design-preview .hero-location{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.1rem;gap:.8rem;padding-bottom:2.2rem}body.yk-design-preview .hero-location svg{height:1.5rem;width:1.5rem}body.yk-design-preview .mobile-break{display:none}body.yk-design-preview .case-strip{background:var(--ink);color:#fff}body.yk-design-preview .case-strip>.container{-ms-grid-columns:1.6fr 3rem 1fr 3rem 1fr 3rem auto;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-ms-grid;display:grid;gap:3rem;grid-template-columns:1.6fr 1fr 1fr auto;min-height:10rem}body.yk-design-preview .case-strip p{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.4rem;gap:1.8rem;line-height:1.5}body.yk-design-preview .case-strip p>span{color:#b8c8c0;font-size:1.1rem;white-space:nowrap}body.yk-design-preview .case-strip p:first-child{display:block}body.yk-design-preview .case-strip p:first-child>span{display:block;margin-bottom:.6rem}body.yk-design-preview .case-strip strong{font-size:3.2rem;font-weight:500;white-space:nowrap}body.yk-design-preview .case-strip strong small{font-size:1.4rem;margin-left:.4rem}body.yk-design-preview .case-strip a{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.2rem;gap:1.4rem;min-height:4.4rem}body.yk-design-preview .page-nav{background:hsla(80,14%,96%,.961);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:var(--header);z-index:20}body.yk-design-preview .page-nav>.container{-ms-grid-columns:(minmax(0,1fr))[4];display:-ms-grid;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:5.4rem}body.yk-design-preview .page-nav a{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;border-bottom:.3rem solid rgba(0,0,0,0);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.2rem;font-weight:700;-webkit-justify-content:center;justify-content:center}body.yk-design-preview .page-nav a:hover,body.yk-design-preview .page-nav a[aria-current=location]{border-bottom-color:var(--teal);color:var(--teal)}body.yk-design-preview .method-grid{-ms-grid-columns:1fr 8rem 1fr;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-ms-grid;display:grid;gap:8rem;grid-template-columns:1fr 1fr}body.yk-design-preview .method-grid p:not(.eyebrow){color:var(--muted);font-size:1.4rem;margin-top:1.8rem}body.yk-design-preview .method-grid .section-lead{color:var(--ink);font-size:1.7rem;font-weight:700}body.yk-design-preview .method .text-link{margin-top:1.8rem}body.yk-design-preview .layer-diagram{padding:.8rem 0}body.yk-design-preview .layer{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom:.6rem solid #b4bebb;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:2.2rem;margin-bottom:1rem;min-height:9.4rem;padding:2.2rem 2.6rem}body.yk-design-preview .layer>span{font-size:2.8rem;font-weight:300;opacity:.8}body.yk-design-preview .layer strong{display:block;font-size:1.6rem}body.yk-design-preview .layer small{display:block;font-size:1.2rem;line-height:1.7;margin-top:.6rem}body.yk-design-preview .top-layer{background:#37484a;border-bottom-color:#152d2f;color:#fff}body.yk-design-preview .waterproof-layer{background:#126a6e;border-bottom-color:#064a4d;color:#fff}body.yk-design-preview .existing-layer{background:#dce1de;border-bottom-color:#b6bfb9}body.yk-design-preview .layer-diagram figcaption{color:#606c65;font-size:1.1rem;line-height:1.8;margin-top:1.6rem}body.yk-design-preview .suitability{-ms-grid-columns:26rem 3.5rem 1fr;border-top:1px solid var(--line);display:-ms-grid;display:grid;gap:3.5rem;grid-template-columns:26rem 1fr;margin-top:3.8rem;padding-top:2.5rem}body.yk-design-preview .suitability>span{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.5rem;font-weight:700;gap:1.2rem}body.yk-design-preview .suitability svg{color:var(--teal)}body.yk-design-preview .suitability p{color:var(--muted);font-size:1.3rem}body.yk-design-preview .section-heading{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:end;align-items:end;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:3.5rem;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:3rem}body.yk-design-preview .comparison-section{background:#e6eae6}body.yk-design-preview .comparison-grid{-ms-grid-columns:1fr 2rem 1fr;display:-ms-grid;display:grid;gap:2rem;grid-template-columns:1fr 1fr}body.yk-design-preview .photo-label{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#313e3b;color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.2rem;font-weight:700;-webkit-justify-content:space-between;justify-content:space-between;padding:1.2rem 1.6rem}body.yk-design-preview .photo-label.after{background:var(--teal)}body.yk-design-preview .photo-label span{font-size:1.2rem}body.yk-design-preview .photo-button{background:#d3d9d5;display:block;overflow:hidden;padding:0;position:relative;width:100%}body.yk-design-preview .photo-button>img{aspect-ratio:1024/485;-o-object-fit:contain;object-fit:contain;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;width:100%}body.yk-design-preview .photo-button:hover>img{-webkit-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01)}body.yk-design-preview .zoom-icon{background:rgba(22,39,36,.788);bottom:0;color:#fff;display:-ms-grid;display:grid;height:3.8rem;place-items:center;position:absolute;right:0;-webkit-transition:background .2s;transition:background .2s;width:3.8rem}body.yk-design-preview .zoom-icon svg{height:1.7rem;width:1.7rem}body.yk-design-preview figcaption{color:#65726a;font-size:1.1rem;line-height:1.7;margin-top:1rem}body.yk-design-preview .caption-note{color:#647068;font-size:1.1rem;margin-top:1.6rem}body.yk-design-preview .process-section{background:#f5f6f3}body.yk-design-preview .process-intro{color:#64716b;font-size:1.2rem;line-height:1.9}body.yk-design-preview .process-layout{-ms-grid-columns:21rem 4.8rem minmax(0,1fr);display:-ms-grid;display:grid;gap:4.8rem;grid-template-columns:21rem minmax(0,1fr)}body.yk-design-preview .process-index{-ms-flex-item-align:start;-ms-grid-row-align:start;-webkit-align-self:start;align-self:start;position:-webkit-sticky;position:sticky;top:15.6rem}body.yk-design-preview .process-index>p{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.2rem;font-weight:700;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:1.8rem}body.yk-design-preview .process-index>p span{color:#718178;font-size:.9rem;font-weight:400}body.yk-design-preview .process-index nav{border-top:1px solid var(--line)}body.yk-design-preview .process-index a{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom:1px solid var(--line);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.2rem;gap:1.2rem;min-height:5.5rem;padding:1rem 0}body.yk-design-preview .process-index a>span{color:var(--teal);font-size:1.1rem}body.yk-design-preview .process-index a>svg{margin-left:auto;width:1.4rem}body.yk-design-preview .process-index a[aria-current=step]{border-bottom-color:var(--teal);color:var(--teal);font-weight:700}body.yk-design-preview .mobile-step-select{display:none}body.yk-design-preview .step{border-bottom:1px solid var(--line);margin-bottom:4.5rem;padding-bottom:4.8rem;scroll-margin-top:14.8rem}body.yk-design-preview .step:last-child{border:0;margin-bottom:0;padding-bottom:0}body.yk-design-preview .step-heading{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:2.2rem;margin-bottom:2.2rem}body.yk-design-preview .step-number{color:var(--teal);font-size:5.2rem;font-weight:300;line-height:1}body.yk-design-preview .step-heading .eyebrow{font-size:1rem;margin-bottom:.7rem}body.yk-design-preview .step h3{font-size:2.4rem;line-height:1.6}body.yk-design-preview .step-main-photo figcaption{padding:0 .2rem}body.yk-design-preview .step-copy{-ms-grid-columns:1.15fr 2.8rem 1fr;-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;-webkit-align-items:start;align-items:start;display:-ms-grid;display:grid;gap:2.8rem;grid-template-columns:1.15fr 1fr;margin-top:2.2rem}body.yk-design-preview .step-copy>p{font-size:1.4rem}body.yk-design-preview .step-point{border-left:.2rem solid var(--teal);padding-left:1.8rem}body.yk-design-preview .step-point>span{color:var(--teal);font-size:1.1rem;font-weight:700}body.yk-design-preview .step-point p{color:#5e6c65;font-size:1.2rem;margin-top:.6rem}body.yk-design-preview .step-extras{-ms-grid-columns:minmax(0,1fr) 1.8rem minmax(0,1fr);display:-ms-grid;display:grid;gap:1.8rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2.4rem}body.yk-design-preview .step-extras:has(>figure:only-child){max-width:65%}body.yk-design-preview .step-extras figcaption{font-size:1.1rem}body.yk-design-preview .film-section{background:var(--ink);color:#fff}body.yk-design-preview .film-grid{-ms-grid-columns:.8fr 7rem 1.3fr;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-ms-grid;display:grid;gap:7rem;grid-template-columns:.8fr 1.3fr}body.yk-design-preview .film-grid p:not(.eyebrow){color:#becbc4;font-size:1.3rem;margin-top:2rem}body.yk-design-preview .film-grid .text-link{margin-top:1.8rem}body.yk-design-preview .film-poster{background:#23312d;padding:0;position:relative;width:100%}body.yk-design-preview .film-poster>img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;opacity:.9;width:100%}body.yk-design-preview .play-icon{background:var(--red);border-radius:50%;color:#fff;display:-ms-grid;display:grid;height:6.4rem;left:50%;place-items:center;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:6.4rem}body.yk-design-preview .play-icon svg{height:2.5rem;width:2.5rem}body.yk-design-preview .film-poster:hover .play-icon{background:#d22832}body.yk-design-preview .film-caption{background:rgba(21,35,28,.878);color:#fff;font-size:1.2rem;inset:auto 0 0;padding:1.3rem 1.8rem;position:absolute;text-align:left}body.yk-design-preview .cost-grid{-ms-grid-columns:1fr 8rem 1fr;display:-ms-grid;display:grid;gap:8rem;grid-template-columns:1fr 1fr}body.yk-design-preview .cost-grid>div>p:not(.eyebrow){color:var(--muted);font-size:1.4rem;margin-top:2rem}body.yk-design-preview .cost-photo{margin-top:2.6rem}body.yk-design-preview .case-details{border-top:.3rem solid var(--teal)}body.yk-design-preview .price-line{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom:1px solid var(--line);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:2rem;-webkit-justify-content:space-between;justify-content:space-between;padding:2.3rem 0}body.yk-design-preview .price-line>span{font-size:1.3rem}body.yk-design-preview .price-line strong{font-size:4.8rem;font-weight:500;line-height:1.3}body.yk-design-preview .price-line small{font-size:1.8rem;margin-left:.7rem}body.yk-design-preview .case-details dl{margin:0}body.yk-design-preview .case-details dl>div{-ms-grid-columns:9.5rem 2.2rem 1fr;border-bottom:1px solid var(--line);display:-ms-grid;display:grid;font-size:1.3rem;gap:2.2rem;grid-template-columns:9.5rem 1fr;line-height:1.9;padding:1.5rem 0}body.yk-design-preview .case-details dt{color:#64716a}body.yk-design-preview .case-details dd{margin:0}body.yk-design-preview .case-details .price-note{color:#67736c;font-size:1.1rem;line-height:1.85;margin-top:1.8rem}body.yk-design-preview .case-details .text-link{margin-top:1.2rem}body.yk-design-preview .faq-section{background:#e8ece8}body.yk-design-preview .faq-grid{-ms-grid-columns:.75fr 7rem 1.5fr;display:-ms-grid;display:grid;gap:7rem;grid-template-columns:.75fr 1.5fr}body.yk-design-preview .faq-list{border-top:1px solid #bbc8bf}body.yk-design-preview .faq-list details{border-bottom:1px solid #bbc8bf}body.yk-design-preview .faq-list summary{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.4rem;font-weight:700;gap:1.6rem;line-height:1.7;list-style:none;min-height:7.8rem;padding:1.8rem 0}body.yk-design-preview .faq-list summary::-webkit-details-marker{display:none}body.yk-design-preview .question-no{-ms-flex-negative:0;color:var(--teal);-webkit-flex-shrink:0;flex-shrink:0;font-size:1.1rem}body.yk-design-preview .faq-list summary>svg{height:1.7rem;margin-left:auto;width:1.7rem}body.yk-design-preview .faq-list details[open] summary>svg{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}body.yk-design-preview .faq-list details>p{color:#4a5d51;font-size:1.3rem;padding:0 0 2.4rem 4rem}body.yk-design-preview .roof-contact{background:#105e62;color:#fff}body.yk-design-preview .contact-grid{-ms-grid-columns:1.1fr 8rem 1fr;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-ms-grid;display:grid;gap:8rem;grid-template-columns:1.1fr 1fr}body.yk-design-preview .contact-grid p:not(.eyebrow){color:#dbe9e5;font-size:1.4rem;margin-top:2rem}body.yk-design-preview .contact-primary{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#fff;color:#16494b;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.5rem;font-weight:700;gap:2rem;-webkit-justify-content:space-between;justify-content:space-between;padding:2.2rem}body.yk-design-preview .contact-primary:hover{background:#e6f2ed}body.yk-design-preview .contact-phone{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:2.9rem;gap:1.4rem;-webkit-justify-content:center;justify-content:center;margin-top:2.2rem}body.yk-design-preview .contact-actions>p{font-size:1.2rem!important;margin-top:1rem!important;text-align:center}body.yk-design-preview .roof-footer{background:#172220;color:#d6e0da;padding:3.8rem 0 10rem}body.yk-design-preview .footer-main{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:3.6rem;margin-bottom:2.8rem}body.yk-design-preview .footer-main>.roof-brand{color:#fff;margin-right:auto}body.yk-design-preview .footer-main>a:not(.roof-brand){-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.2rem;gap:1.2rem;min-height:4.4rem}body.yk-design-preview .source-note{border-top:1px solid hsla(0,0%,100%,.141);margin-bottom:2.2rem;padding-top:2.2rem}body.yk-design-preview .source-note p{color:#b5c4ba;font-size:1rem;line-height:1.9;margin:.5rem 0}body.yk-design-preview .source-note a{text-decoration:underline;text-underline-offset:.3rem}body.yk-design-preview .roof-footer small{font-size:1rem}body.yk-design-preview .roof-contact-bar{background:#101a17;bottom:0;-webkit-box-shadow:0 -.2rem 1.8rem rgba(0,0,0,.133);box-shadow:0 -.2rem 1.8rem rgba(0,0,0,.133);color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:5.4rem;position:fixed;right:2.8rem;z-index:25}body.yk-design-preview .roof-contact-bar>a{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.2rem;font-weight:700;gap:1.8rem;padding:0 2.4rem}body.yk-design-preview .roof-contact-bar>a:first-child{padding:0 1.8rem}body.yk-design-preview .roof-contact-bar>a:last-child{background:var(--red)}body.yk-design-preview dialog{background:#f5f6f3;border:0;color:var(--ink);max-height:calc(100dvh - 4rem);max-width:calc(100% - 3.2rem);padding:0}body.yk-design-preview dialog::-webkit-backdrop{background:rgba(6,18,13,.878)}body.yk-design-preview dialog::-ms-backdrop{background:rgba(6,18,13,.878)}body.yk-design-preview dialog::backdrop{background:rgba(6,18,13,.878)}body.yk-design-preview .dialog-head{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom:1px solid var(--line);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:2rem;-webkit-justify-content:space-between;justify-content:space-between;padding:1rem 1.8rem}body.yk-design-preview .dialog-head h2{font-size:1.4rem}body.yk-design-preview .dialog-head>p{font-size:1.2rem}body.yk-design-preview .roof-menu{background:#142320;color:#fff;height:100dvh;margin:0 0 0 auto;max-height:100dvh;max-width:100%;width:42rem}body.yk-design-preview .roof-menu .dialog-head{border-color:hsla(0,0%,100%,.188)}body.yk-design-preview .roof-menu nav{padding:1.2rem 2.4rem}body.yk-design-preview .roof-menu nav>a{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.149);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.5rem;gap:1.5rem;-webkit-justify-content:space-between;justify-content:space-between;min-height:6.2rem}body.yk-design-preview .photo-dialog{background:#13211c;color:#fff;width:115rem}body.yk-design-preview .photo-dialog .dialog-head{border-color:hsla(0,0%,100%,.125)}body.yk-design-preview .lightbox-stage{background:#070c09;position:relative}body.yk-design-preview .lightbox-stage>img{height:min(65dvh,65rem);-o-object-fit:contain;object-fit:contain;width:100%}body.yk-design-preview .lightbox-stage>.icon-button{background:rgba(16,41,29,.851);color:#fff;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}body.yk-design-preview .lightbox-prev{left:.8rem}body.yk-design-preview .lightbox-next{right:.8rem}body.yk-design-preview #photo-caption{font-size:1.3rem;line-height:1.8;padding:1.6rem 2.2rem}body.yk-design-preview .video-dialog{width:98rem}body.yk-design-preview .video-dialog>a{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.3rem;-webkit-justify-content:space-between;justify-content:space-between;padding:1.6rem 2.2rem}body.yk-design-preview #video-container{aspect-ratio:16/9;background:#0a1510}body.yk-design-preview #video-container iframe{border:0;display:block;height:100%;width:100%}@media(min-width:1700px){body.yk-design-preview .roof-hero{height:min(80rem,100svh - 13rem)}body.yk-design-preview .hero-heading h1{font-size:6.4rem}}@media(max-width:1100px){body.yk-design-preview .roof-header>nav{font-size:1.1rem;gap:1.5rem}body.yk-design-preview .roof-brand span{font-size:2.2rem}body.yk-design-preview .roof-header{padding-inline:2.4rem}body.yk-design-preview .container,body.yk-design-preview .hero-inner{width:calc(100% - 4.8rem)}body.yk-design-preview .cost-grid,body.yk-design-preview .method-grid{gap:4rem}body.yk-design-preview .process-layout{-ms-grid-columns:17.5rem 3rem minmax(0,1fr);gap:3rem;grid-template-columns:17.5rem minmax(0,1fr)}body.yk-design-preview .step h3{font-size:2.1rem}body.yk-design-preview .step-copy{-ms-grid-columns:1fr;grid-template-columns:1fr}body.yk-design-preview .contact-grid,body.yk-design-preview .faq-grid,body.yk-design-preview .film-grid{gap:3.5rem}body.yk-design-preview .case-strip>.container{gap:2rem}body.yk-design-preview .case-strip p{font-size:1.2rem;gap:1rem}}@media(max-width:896px){html.yk-design-preview-root{--header:6.4rem}body.yk-design-preview .roof-header>nav{display:none}body.yk-design-preview .menu-toggle{display:-ms-grid;display:grid}body.yk-design-preview .roof-header{padding-inline:2rem}body.yk-design-preview .roof-brand img{height:3.8rem;width:3.2rem}body.yk-design-preview .roof-brand span{font-size:2.2rem}body.yk-design-preview .roof-brand small{font-size:.7rem}body.yk-design-preview .section{padding:4.8rem 0}body.yk-design-preview .section h2{font-size:2.7rem}body.yk-design-preview .roof-hero{height:calc(88svh - 6.4rem);max-height:69rem;min-height:48rem}body.yk-design-preview .hero-heading h1{font-size:4.3rem}body.yk-design-preview .hero-tagline{font-size:2.3rem}body.yk-design-preview .hero-heading{padding-bottom:2.6rem}body.yk-design-preview .case-strip>.container{-ms-grid-columns:1.4fr 1.4rem 1fr 1.4rem 1fr;gap:1.4rem;grid-template-columns:1.4fr 1fr 1fr;min-height:9.2rem}body.yk-design-preview .case-strip a{display:none}body.yk-design-preview .case-strip p{display:block}body.yk-design-preview .case-strip p>span{display:block;font-size:1rem;margin-bottom:.3rem}body.yk-design-preview .case-strip strong{font-size:2.7rem}body.yk-design-preview .case-strip strong small{font-size:1.2rem}body.yk-design-preview .page-nav>.container{height:4.8rem}body.yk-design-preview .page-nav a{font-size:1.1rem}body.yk-design-preview .method-grid{gap:3rem}body.yk-design-preview .process-layout{display:block}body.yk-design-preview .process-index{margin-bottom:2.8rem;position:relative;top:auto}body.yk-design-preview .process-index nav,body.yk-design-preview .process-index>p{display:none}body.yk-design-preview .mobile-step-select{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#e9ede9;border:1px solid var(--line);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.2rem;gap:2rem;padding:1.4rem 1.8rem}body.yk-design-preview .mobile-step-select select{-webkit-box-flex:1;-moz-box-flex:1;background:rgba(0,0,0,0);border:0;color:var(--ink);-webkit-flex:1;-ms-flex:1;flex:1;font-size:1.3rem;font-weight:700;min-height:3.6rem;min-width:0}body.yk-design-preview .step h3{font-size:2.4rem}body.yk-design-preview .step-copy{-ms-grid-columns:1.1fr 1fr;grid-template-columns:1.1fr 1fr}body.yk-design-preview .suitability{-ms-grid-columns:1fr;gap:1rem;grid-template-columns:1fr}body.yk-design-preview .film-grid{-ms-grid-columns:1fr 1.2fr;grid-template-columns:1fr 1.2fr}body.yk-design-preview .faq-grid{-ms-grid-columns:1fr;gap:2.4rem;grid-template-columns:1fr}body.yk-design-preview .contact-grid{gap:3.5rem}body.yk-design-preview .roof-contact-bar{height:5.6rem;right:0}body.yk-design-preview .process-intro{font-size:1.1rem}}@media(max-width:600px){html.yk-design-preview-root{scroll-padding-top:13rem}body.yk-design-preview .container,body.yk-design-preview .hero-inner{width:calc(100% - 3.6rem)}body.yk-design-preview .roof-header{padding-inline:1.8rem}body.yk-design-preview .roof-brand{gap:.8rem}body.yk-design-preview .roof-brand span{font-size:2.1rem}body.yk-design-preview .roof-hero{height:calc(90svh - 3rem);max-height:68rem;min-height:49rem}body.yk-design-preview .roof-hero>img{-o-object-position:48% center;object-position:48% center}body.yk-design-preview .hero-scrim{background:rgba(6,21,18,.333)}body.yk-design-preview .breadcrumbs{font-size:.9rem;gap:.8rem}body.yk-design-preview .hero-inner{padding-top:calc(var(--header) + 1.5rem)}body.yk-design-preview .hero-heading h1{font-size:3.4rem;line-height:1.45}body.yk-design-preview .hero-heading .eyebrow{font-size:1rem;margin-bottom:1.2rem}body.yk-design-preview .hero-tagline{font-size:2.2rem;margin-top:1.6rem}body.yk-design-preview .hero-description{font-size:1.2rem;line-height:1.85;margin-top:1.5rem}body.yk-design-preview .hero-link{font-size:1.2rem;margin-top:1.4rem;min-height:4.2rem}body.yk-design-preview .hero-location{font-size:.9rem;padding-bottom:2rem}body.yk-design-preview .mobile-break{display:block}body.yk-design-preview .case-strip>.container{-ms-grid-columns:1.5fr 1.5rem 1fr 1.5rem 1fr;gap:1.5rem;grid-template-columns:1.5fr 1fr 1fr;min-height:9.6rem}body.yk-design-preview .case-strip p:first-child{font-size:1.1rem;line-height:1.65}body.yk-design-preview .case-strip p>span{font-size:.9rem}body.yk-design-preview .case-strip strong{font-size:2.7rem}body.yk-design-preview .page-nav>.container{height:4.6rem;width:100%}body.yk-design-preview .page-nav a{font-size:1rem}body.yk-design-preview .section{padding:4rem 0}body.yk-design-preview .section h2{font-size:2.5rem;line-height:1.55}body.yk-design-preview .eyebrow{font-size:.9rem;margin-bottom:1.2rem}body.yk-design-preview .method-grid{-ms-grid-columns:1fr;gap:2.5rem;grid-template-columns:1fr}body.yk-design-preview .method-grid p:not(.eyebrow){font-size:1.3rem;margin-top:1.5rem}body.yk-design-preview .method-grid .section-lead{font-size:1.5rem}body.yk-design-preview .method .text-link{margin-top:1.4rem}body.yk-design-preview .layer{gap:1.8rem;margin-bottom:.8rem;min-height:7.8rem;padding:1.6rem 1.8rem}body.yk-design-preview .layer>span{font-size:2.4rem}body.yk-design-preview .layer strong{font-size:1.4rem}body.yk-design-preview .layer small{font-size:1rem;margin-top:.5rem}body.yk-design-preview .layer-diagram figcaption{font-size:1rem;margin-top:1.3rem}body.yk-design-preview .suitability{gap:.8rem;margin-top:2.4rem;padding-top:2rem}body.yk-design-preview .suitability>span{font-size:1.4rem}body.yk-design-preview .suitability p{font-size:1.2rem}body.yk-design-preview .section-heading{display:block;margin-bottom:2.4rem}body.yk-design-preview .section-heading>.text-link{font-size:1.2rem;margin-top:1.2rem}body.yk-design-preview .comparison-grid{-ms-grid-columns:1fr;gap:2.2rem;grid-template-columns:1fr}body.yk-design-preview .photo-label{font-size:1rem;padding:1rem 1.2rem}body.yk-design-preview .photo-label span{font-size:1.1rem}body.yk-design-preview .caption-note,body.yk-design-preview .comparison-grid figcaption{font-size:1rem}body.yk-design-preview .process-intro{font-size:1.1rem;margin-top:1.6rem}body.yk-design-preview .process-index{margin-bottom:3rem}body.yk-design-preview .mobile-step-select{font-size:1.1rem;gap:1.2rem;padding:.8rem 1.2rem}body.yk-design-preview .mobile-step-select select{font-size:1.2rem;min-height:4rem}body.yk-design-preview .step{margin-bottom:3.2rem;padding-bottom:3.2rem;scroll-margin-top:13rem}body.yk-design-preview .step-heading{-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;-webkit-align-items:start;align-items:start;gap:1.5rem;margin-bottom:1.6rem}body.yk-design-preview .step-number{font-size:4rem;line-height:1.2}body.yk-design-preview .step-heading .eyebrow{font-size:.9rem;margin-bottom:.5rem}body.yk-design-preview .step h3{font-size:2rem}body.yk-design-preview .step-copy{-ms-grid-columns:1fr;gap:1.8rem;grid-template-columns:1fr;margin-top:1.8rem}body.yk-design-preview .step-copy>p{font-size:1.3rem}body.yk-design-preview .step-point{padding-left:1.4rem}body.yk-design-preview .step-point p{font-size:1.2rem}body.yk-design-preview .step-extras{gap:1.2rem;margin-top:2rem}body.yk-design-preview .step-extras figcaption{font-size:1rem;line-height:1.65}body.yk-design-preview .step-extras:has(>figure:only-child){max-width:100%}body.yk-design-preview .step-extras:has(>figure:only-child) .photo-button{max-width:100%}body.yk-design-preview .step-extras .zoom-icon{height:2.8rem;width:2.8rem}body.yk-design-preview .step-extras .zoom-icon svg{width:1.3rem}body.yk-design-preview .contact-grid,body.yk-design-preview .cost-grid,body.yk-design-preview .film-grid{-ms-grid-columns:1fr;gap:2.8rem;grid-template-columns:1fr}body.yk-design-preview .film-grid p:not(.eyebrow){font-size:1.3rem;margin-top:1.4rem}body.yk-design-preview .film-grid .text-link{margin-top:1.2rem}body.yk-design-preview .film-caption{font-size:1rem;padding:1rem 1.2rem}body.yk-design-preview .play-icon{height:5.2rem;width:5.2rem}body.yk-design-preview .film-poster>img{aspect-ratio:16/9}body.yk-design-preview .cost-grid>div>p:not(.eyebrow){font-size:1.3rem;margin-top:1.6rem}body.yk-design-preview .cost-photo{margin-top:1.8rem}body.yk-design-preview .price-line{padding:1.8rem 0}body.yk-design-preview .price-line strong{font-size:4.4rem}body.yk-design-preview .case-details dl>div{-ms-grid-columns:8rem 1.5rem 1fr;font-size:1.2rem;gap:1.5rem;grid-template-columns:8rem 1fr;padding:1.2rem 0}body.yk-design-preview .case-details .price-note{font-size:1rem}body.yk-design-preview .faq-grid{gap:2.4rem}body.yk-design-preview .faq-list summary{font-size:1.3rem;gap:1.2rem;min-height:7.2rem;padding:1.8rem 0}body.yk-design-preview .faq-list details>p{font-size:1.2rem;padding:0 0 2rem 3.2rem}body.yk-design-preview .question-no{font-size:1rem}body.yk-design-preview .contact-grid p:not(.eyebrow){font-size:1.3rem;margin-top:1.4rem}body.yk-design-preview .contact-primary{font-size:1.3rem;padding:1.8rem}body.yk-design-preview .contact-phone{font-size:2.8rem}body.yk-design-preview .roof-footer{padding-bottom:10rem;padding-top:3rem}body.yk-design-preview .footer-main{gap:.8rem 2.4rem;margin-bottom:2rem}body.yk-design-preview .footer-main>.roof-brand{margin-bottom:1.4rem;width:100%}body.yk-design-preview .footer-main>a:not(.roof-brand){font-size:1.1rem}body.yk-design-preview .source-note p{font-size:.9rem;line-height:1.9}body.yk-design-preview .roof-contact-bar{background:var(--red);height:calc(5.6rem + env(safe-area-inset-bottom));left:0;padding-bottom:env(safe-area-inset-bottom);right:0}body.yk-design-preview .roof-contact-bar>a:first-child{-webkit-box-flex:0;-moz-box-flex:0;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;background:#14211e;-webkit-flex:0 0 5.8rem;-ms-flex:0 0 5.8rem;flex:0 0 5.8rem;-webkit-justify-content:center;justify-content:center;padding:0}body.yk-design-preview .roof-contact-bar>a:last-child{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:1.2rem;gap:1.2rem;min-width:0;padding:0 1.6rem}body.yk-design-preview .roof-contact-bar>a:last-child>svg:last-child{margin-left:auto;width:1.7rem}body.yk-design-preview .roof-contact-bar svg{height:1.9rem;width:1.9rem}body.yk-design-preview .dialog-head{padding:.8rem 1.2rem}body.yk-design-preview .dialog-head h2{font-size:1.2rem}body.yk-design-preview .photo-dialog{max-width:calc(100% - 1.6rem)}body.yk-design-preview .lightbox-stage>img{aspect-ratio:1024/600;height:auto;max-height:65dvh}body.yk-design-preview .lightbox-prev{left:0}body.yk-design-preview .lightbox-next{right:0}body.yk-design-preview .lightbox-stage>.icon-button{height:4.4rem;width:3.6rem}body.yk-design-preview #photo-caption{font-size:1.2rem;padding:1.4rem 1.6rem}body.yk-design-preview .video-dialog{max-width:calc(100% - 1.6rem)}body.yk-design-preview .video-dialog>a{font-size:1.2rem;padding:1.4rem}}@media(max-width:360px){body.yk-design-preview .hero-heading h1{font-size:3rem}body.yk-design-preview .hero-tagline{font-size:2rem}body.yk-design-preview .case-strip>.container{gap:.9rem}body.yk-design-preview .case-strip strong{font-size:2.4rem}body.yk-design-preview .step h3{font-size:1.8rem}body.yk-design-preview .step-number{font-size:3.6rem}body.yk-design-preview .roof-contact-bar>a:last-child{font-size:1.1rem;gap:.8rem;padding-inline:1.2rem}body.yk-design-preview .section h2{font-size:2.3rem}}@media(max-height:600px)and (min-width:601px){body.yk-design-preview .roof-hero{min-height:47rem}body.yk-design-preview .hero-heading h1{font-size:4rem}body.yk-design-preview .hero-tagline{font-size:2rem}body.yk-design-preview .hero-heading{padding-bottom:2rem}}body.yk-design-preview .step{scroll-margin-top:0}@media(prefers-reduced-motion:reduce){html.yk-design-preview-root{scroll-behavior:auto}body.yk-design-preview *,body.yk-design-preview :after,body.yk-design-preview :before{-webkit-animation:none!important;animation:none!important;-webkit-transition:none!important;transition:none!important}}body.yk-design-preview.wall-guide .roof-hero>img{-o-object-position:55% 45%;object-position:55% 45%}body.yk-design-preview.wall-guide .hero-scrim{background:rgba(7,27,35,.22)}body.yk-design-preview.wall-guide .hero-heading{text-shadow:0 .2rem .7rem rgba(6,18,27,.851),0 0 2.2rem rgba(6,18,27,.439)}body.yk-design-preview.wall-guide .photo-button>img{aspect-ratio:auto}body.yk-design-preview .record-note{-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;background:#e9ede9;border-left:.3rem solid var(--teal);color:#4c6059;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.2rem;gap:1.2rem;line-height:1.9;margin:0 0 3.2rem;padding:1.5rem 2rem}body.yk-design-preview .record-note>svg{height:1.8rem;margin-top:.2rem;width:1.8rem}body.yk-design-preview .step-meta{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom:1px solid var(--line);color:#546b62;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:1.1rem;gap:1.2rem 2.4rem;-webkit-justify-content:space-between;justify-content:space-between;padding:1.4rem 0}body.yk-design-preview .step-meta>a,body.yk-design-preview .step-meta>span{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:.7rem}body.yk-design-preview .step-meta svg{height:1.4rem;width:1.4rem}body.yk-design-preview .step-meta>a{min-height:3rem;text-decoration:underline;text-underline-offset:.4rem}body.yk-design-preview .step-video{color:var(--teal);gap:1rem;margin-top:2rem;padding:0;text-align:left}body.yk-design-preview .step-video:hover{color:#13332c}body.yk-design-preview.roof-guide .guide-company,body.yk-design-preview.wall-guide .guide-company{background:#f5f6f3}body.yk-design-preview.roof-guide .guide-company-grid,body.yk-design-preview.wall-guide .guide-company-grid{-ms-grid-columns:minmax(0,1.2fr) 7rem minmax(0,1fr);display:-ms-grid;display:grid;gap:4rem 7rem;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);margin-top:3.2rem}body.yk-design-preview.roof-guide .guide-company h3,body.yk-design-preview.roof-guide .guide-estimate h3,body.yk-design-preview.roof-guide .wall-estimate h3,body.yk-design-preview.wall-guide .guide-company h3,body.yk-design-preview.wall-guide .guide-estimate h3,body.yk-design-preview.wall-guide .wall-estimate h3{font-size:1.8rem;line-height:1.6;margin-bottom:1.6rem}body.yk-design-preview.roof-guide .guide-company p,body.yk-design-preview.roof-guide .guide-estimate p,body.yk-design-preview.roof-guide .wall-estimate p,body.yk-design-preview.wall-guide .guide-company p,body.yk-design-preview.wall-guide .guide-estimate p,body.yk-design-preview.wall-guide .wall-estimate p{line-height:1.9}body.yk-design-preview.roof-guide .guide-company-grid p+p,body.yk-design-preview.wall-guide .guide-company-grid p+p{margin-top:1.2rem}body.yk-design-preview.roof-guide .guide-company-name,body.yk-design-preview.wall-guide .guide-company-name{font-weight:700}body.yk-design-preview.roof-guide .guide-offices,body.yk-design-preview.wall-guide .guide-offices{margin:1.6rem 0}body.yk-design-preview.roof-guide .guide-offices>div,body.yk-design-preview.wall-guide .guide-offices>div{-ms-grid-columns:4em 1.6rem minmax(0,1fr);border-bottom:1px solid var(--line);display:-ms-grid;display:grid;gap:1.6rem;grid-template-columns:4em minmax(0,1fr);padding:1.4rem 0}body.yk-design-preview.roof-guide .guide-offices dt,body.yk-design-preview.wall-guide .guide-offices dt{font-weight:700}body.yk-design-preview.roof-guide .guide-offices dd,body.yk-design-preview.wall-guide .guide-offices dd{line-height:1.8;margin:0;overflow-wrap:anywhere}body.yk-design-preview.roof-guide .guide-source-links,body.yk-design-preview.wall-guide .guide-source-links{margin-top:1.6rem;padding-left:1.6rem}body.yk-design-preview.roof-guide .guide-source-links li,body.yk-design-preview.wall-guide .guide-source-links li{margin-top:.6rem}body.yk-design-preview.roof-guide .guide-source-links a,body.yk-design-preview.wall-guide .guide-source-links a{display:inline-block;padding-block:.6rem}body.yk-design-preview.roof-guide .faq-list p a,body.yk-design-preview.roof-guide .guide-estimate a,body.yk-design-preview.roof-guide .guide-source-links a,body.yk-design-preview.roof-guide .step-point a,body.yk-design-preview.roof-guide .wall-estimate a,body.yk-design-preview.wall-guide .faq-list p a,body.yk-design-preview.wall-guide .guide-estimate a,body.yk-design-preview.wall-guide .guide-source-links a,body.yk-design-preview.wall-guide .step-point a,body.yk-design-preview.wall-guide .wall-estimate a{color:var(--teal);text-decoration:underline;text-underline-offset:.3rem}body.yk-design-preview.roof-guide .step-point p+p,body.yk-design-preview.wall-guide .step-point p+p{margin-top:1.2rem}body.yk-design-preview.roof-guide .step-point a,body.yk-design-preview.wall-guide .step-point a{display:inline-block;padding-block:1rem}body.yk-design-preview.roof-guide .guide-estimate,body.yk-design-preview.roof-guide .guide-service-area,body.yk-design-preview.roof-guide .wall-estimate,body.yk-design-preview.wall-guide .guide-estimate,body.yk-design-preview.wall-guide .guide-service-area,body.yk-design-preview.wall-guide .wall-estimate{border-top:1px solid var(--line);margin-top:3.6rem;padding-top:2.8rem}body.yk-design-preview.roof-guide .guide-service-area p+p,body.yk-design-preview.wall-guide .guide-service-area p+p{color:var(--muted);margin-top:1.2rem}body.yk-design-preview.roof-guide #service-area,body.yk-design-preview.wall-guide #service-area{scroll-margin-top:15rem}@media(max-width:600px){body.yk-design-preview.roof-guide .guide-company-grid,body.yk-design-preview.wall-guide .guide-company-grid{-ms-grid-columns:minmax(0,1fr);gap:3.2rem;grid-template-columns:minmax(0,1fr)}body.yk-design-preview.roof-guide .guide-company h2,body.yk-design-preview.wall-guide .guide-company h2{font-size:2.5rem}body.yk-design-preview.roof-guide .guide-company h3,body.yk-design-preview.roof-guide .guide-estimate h3,body.yk-design-preview.roof-guide .wall-estimate h3,body.yk-design-preview.wall-guide .guide-company h3,body.yk-design-preview.wall-guide .guide-estimate h3,body.yk-design-preview.wall-guide .wall-estimate h3{font-size:1.7rem}body.yk-design-preview.roof-guide .guide-source-links a,body.yk-design-preview.wall-guide .guide-source-links a{min-height:4.4rem}body.yk-design-preview.roof-guide #service-area,body.yk-design-preview.wall-guide #service-area{scroll-margin-top:13rem}}body.yk-design-preview .wall-gallery{background:#e4e9e6}body.yk-design-preview .gallery-actions{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.8rem 4rem;margin-top:1.8rem}body.yk-design-preview .gallery-actions .step-video{margin-top:0}body.yk-design-preview .related-guide{background:#f5f6f3;border-block:1px solid var(--line);padding:3.2rem 0}body.yk-design-preview .related-guide>a{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:2.5rem;-webkit-justify-content:space-between;justify-content:space-between}body.yk-design-preview .related-guide h2{font-size:2.3rem;line-height:1.6}body.yk-design-preview .related-guide p:not(.eyebrow){color:var(--muted);font-size:1.2rem;margin-top:.8rem}body.yk-design-preview .related-guide .eyebrow{margin-bottom:.8rem}body.yk-design-preview .related-guide a:hover h2{text-decoration:underline;text-underline-offset:.5rem}@media(max-width:600px){body.yk-design-preview.wall-guide .roof-hero>img{-o-object-position:54% center;object-position:54% center}body.yk-design-preview.wall-guide .hero-scrim{background:rgba(7,27,35,.267)}body.yk-design-preview .record-note{font-size:1.1rem;gap:.9rem;margin-bottom:2.6rem;padding:1.3rem 1.4rem}body.yk-design-preview .step-meta{font-size:1rem;gap:.4rem 1.2rem;padding-block:1rem}body.yk-design-preview .step-video{font-size:1.2rem;gap:.9rem;min-height:4.4rem}body.yk-design-preview .related-guide{padding:2.5rem 0}body.yk-design-preview .related-guide h2{font-size:1.9rem}body.yk-design-preview .related-guide p:not(.eyebrow){font-size:1.1rem}body.yk-design-preview.wall-guide .lightbox-stage>img{aspect-ratio:auto;height:auto;min-height:17rem;-o-object-fit:contain;object-fit:contain}body.yk-design-preview .gallery-actions{gap:.8rem 2.4rem}body.yk-design-preview .gallery-actions>a{font-size:1.2rem}}body.yk-design-preview .region-group-label{font-size:1.2rem;font-weight:700;margin:1.8rem 0 .6rem}body.yk-design-preview .region-links{-ms-grid-columns:minmax(0,1fr) 1.6rem minmax(0,1fr) 1.6rem minmax(0,1fr) 1.6rem minmax(0,1fr);display:-ms-grid;display:grid;gap:.4rem 1.6rem;grid-template-columns:repeat(4,minmax(0,1fr))}body.yk-design-preview .region-links a{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom:1px solid #bccac3;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:1.4rem;gap:0 .5rem;line-height:1.6;min-height:4.4rem;padding:.7rem .4rem}body.yk-design-preview .region-links small{font-size:1.1rem}body.yk-design-preview .region-all:hover,body.yk-design-preview .region-links a:hover{color:#a80e1c;text-decoration:underline}body.yk-design-preview .region-all[aria-current],body.yk-design-preview .region-links [aria-current]{border-bottom-color:#a80e1c;color:#a80e1c;font-weight:700}body.yk-design-preview .region-all{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1.3rem;margin-top:.8rem;min-height:4.4rem;text-decoration:underline}body.yk-design-preview .region-directory,body.yk-design-preview .region-intro{background:#e9efec;color:#172522;padding:4rem 0}body.yk-design-preview .region-inner{margin:auto;max-width:120rem;width:calc(100% - 7.2rem)}body.yk-design-preview .region-inner h2{font-size:2.4rem;line-height:1.5;margin:0 0 1.2rem}body.yk-design-preview .region-inner p{font-size:1.3rem;line-height:1.9}body.yk-design-preview .region-inner .region-group-label{margin-top:2.4rem}body.yk-design-preview .region-inner .region-location{color:#9d1422;font-size:1.2rem;margin-bottom:.6rem}body.yk-design-preview .region-local-note{margin-top:1.6rem}body.yk-design-preview .region-publication-layout{-ms-grid-columns:minmax(0,1fr) 4rem minmax(0,1fr);-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;-webkit-align-items:start;align-items:start;display:-ms-grid;display:grid;gap:4rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body.yk-design-preview .region-publication h2 span{display:inline-block}body.yk-design-preview .region-publication h3{font-size:1.8rem;line-height:1.6;margin:0 0 1rem}body.yk-design-preview .region-services{border-top:1px solid #bccac3;display:-ms-grid;display:grid;margin-top:2.4rem}body.yk-design-preview .region-services a{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;border-bottom:1px solid #bccac3;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.5rem;gap:1rem;-webkit-justify-content:space-between;justify-content:space-between;line-height:1.6;min-height:4.4rem;padding:1.3rem 0}body.yk-design-preview .region-publication-empty svg,body.yk-design-preview .region-services svg{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;height:1.8rem;width:1.8rem}body.yk-design-preview .region-featured-photo{aspect-ratio:4/3;display:block;overflow:hidden}body.yk-design-preview .region-featured-photo img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}body.yk-design-preview .region-inner .region-featured-location{font-size:1.2rem;margin:1rem 0 .5rem}body.yk-design-preview .region-publication-empty{border-top:1px solid #bccac3;padding-top:2rem}body.yk-design-preview .region-publication-empty p+p{margin-top:1.2rem}body.yk-design-preview .region-publication-empty a{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1.3rem;gap:1rem;margin-top:1.6rem;min-height:4.4rem;text-decoration:underline}body.yk-design-preview .region-local-news{border-top:1px solid #bccac3;margin-top:3rem;padding-top:2.4rem;scroll-margin-top:10rem}body.yk-design-preview .region-inner .region-note-date{font-size:1.2rem}body.yk-design-preview .region-local-note img{height:auto;max-width:100%}body.yk-design-preview .region-local-note a{text-decoration:underline}body.yk-design-preview .region-publication a:hover{color:#a80e1c}body.yk-design-preview .region-publication a:focus-visible{outline:.3rem solid #b30e18;outline-offset:.3rem}body.yk-design-preview .region-intro-links{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:1.3rem;gap:.8rem 2.4rem;margin-top:1.6rem}body.yk-design-preview .region-intro-links a{text-decoration:underline}body.yk-design-preview .region-intro-links a,body.yk-design-preview .region-works-switch{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;min-height:4.4rem}body.yk-design-preview .region-works-switch{border-bottom:1px solid #9aafaa;font-size:1.2rem}body.yk-design-preview .work-empty a{display:inline-block;padding:.6rem;text-decoration:underline}body.yk-design-preview .region-directory a:focus-visible{outline:.3rem solid #b30e18;outline-offset:.2rem}@media(max-width:896px){body.yk-design-preview .region-inner{width:calc(100% - 3.6rem)}body.yk-design-preview .region-links{-ms-grid-columns:minmax(0,1fr) 1.2rem minmax(0,1fr);gap:.4rem 1.2rem;grid-template-columns:repeat(2,minmax(0,1fr))}body.yk-design-preview .region-inner h2{font-size:2rem}body.yk-design-preview .region-directory,body.yk-design-preview .region-intro{padding:3rem 0}body.yk-design-preview .region-publication-layout{-ms-grid-columns:minmax(0,1fr);gap:2.4rem;grid-template-columns:minmax(0,1fr)}}