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)}}.iromihon-color-guide{--bg:#151818;--ink:#f0f1ee;--muted:#aeb6b3;--line:#353d3b;--accent:#e1ba73;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Noto Sans JP,sans-serif;letter-spacing:0}.iromihon-color-guide *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.iromihon-color-guide{background:var(--bg);color:var(--ink);font-size:1.5rem;line-height:1.9;margin:0;scroll-behavior:smooth;scroll-padding-top:10rem}.iromihon-color-guide a{color:inherit;text-underline-offset:.4rem}.iromihon-color-guide button,.iromihon-color-guide input{font:inherit}.iromihon-color-guide a,.iromihon-color-guide button,.iromihon-color-guide input,.iromihon-color-guide summary{-webkit-tap-highlight-color:rgba(0,0,0,0)}.iromihon-color-guide :focus-visible{outline:.2rem solid var(--accent);outline-offset:.4rem}.iromihon-color-guide img{max-width:100%}.iromihon-color-guide svg{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;height:1.8rem;width:1.8rem}.iromihon-color-guide p{margin:0 0 1.8rem}.iromihon-color-guide h1,.iromihon-color-guide h2,.iromihon-color-guide h3{line-height:1.5;margin:0;overflow-wrap:anywhere}.iromihon-color-guide h2{font-size:2.1rem}.iromihon-color-guide h3{font-size:1.6rem}.iromihon-color-guide .wrap{margin-inline:auto;width:min(113.6rem,100% - 4.8rem)}.iromihon-color-guide .skip-link{background:var(--ink);color:var(--bg);left:.8rem;padding:.6rem 1.2rem;position:absolute;top:.8rem;-webkit-transform:translateY(-200%);-ms-transform:translateY(-200%);transform:translateY(-200%);z-index:5}.iromihon-color-guide .skip-link:focus{-webkit-transform:none;-ms-transform:none;transform:none}.iromihon-color-guide .site-header{background:var(--bg);border-bottom:1px solid var(--line)}.iromihon-color-guide .header-row{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;gap:2.4rem;-webkit-justify-content:space-between;justify-content:space-between;min-height:8.2rem}.iromihon-color-guide .brand,.iromihon-color-guide .header-row{-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}.iromihon-color-guide .brand{font-size:1.9rem;font-weight:700;gap:1rem;line-height:1.4;text-decoration:none}.iromihon-color-guide .brand img{-o-object-fit:contain;object-fit:contain}.iromihon-color-guide .brand-sub{color:var(--muted);display:block;font-size:1.1rem;font-weight:400}.iromihon-color-guide .header-row nav{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.3rem;gap:2.6rem}.iromihon-color-guide .header-row nav a{text-decoration:none}.iromihon-color-guide .header-row nav a:hover{color:var(--accent)}.iromihon-color-guide .breadcrumb{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:var(--muted);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.2rem;gap:1.2rem;min-height:6.6rem}.iromihon-color-guide .color-layout{-ms-grid-columns:32rem 6.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:6.4rem;grid-template-columns:32rem minmax(0,1fr);padding-bottom:6rem}.iromihon-color-guide .specimen{min-width:0;position:-webkit-sticky;position:sticky;top:2.4rem}.iromihon-color-guide .color-stage{aspect-ratio:1;background:#888;border:1px solid #555;display:-ms-grid;display:grid;place-items:center;-webkit-transition:background .15s;transition:background .15s}.iromihon-color-guide .color-stage[data-surround=white]{background:#fff}.iromihon-color-guide .color-stage[data-surround=black]{background:#090909}.iromihon-color-guide .color-sample{aspect-ratio:1;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.08);box-shadow:0 0 0 1px rgba(0,0,0,.08);width:75%}.iromihon-color-guide .surround{-ms-grid-columns:1fr 0 1fr 0 1fr;border:0;display:-ms-grid;display:grid;gap:0;grid-template-columns:repeat(3,1fr);margin:1.4rem 0 1.2rem;padding:0}.iromihon-color-guide .surround legend{color:var(--muted);font-size:1.1rem;margin-bottom:.7rem}.iromihon-color-guide .surround label{cursor:pointer;position:relative}.iromihon-color-guide .surround input{height:1px;opacity:0;position:absolute;width:1px}.iromihon-color-guide .surround span{border:1px solid var(--line);display:block;font-size:1.2rem;padding:.4rem 1.2rem;text-align:center}.iromihon-color-guide .surround label+label span{border-left:0}.iromihon-color-guide .surround label:first-of-type span{border-radius:.4rem 0 0 .4rem}.iromihon-color-guide .surround label:last-of-type span{border-radius:0 .4rem .4rem 0}.iromihon-color-guide .surround input:checked+span{background:#353e3b;-webkit-box-shadow:inset 0 -.2rem var(--accent);box-shadow:inset 0 -.2rem var(--accent);color:#fff}.iromihon-color-guide .surround input:focus-visible+span{outline:.2rem solid var(--accent);outline-offset:.3rem}.iromihon-color-guide .sample-code{-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:2.2rem;gap:1.2rem;-webkit-justify-content:space-between;justify-content:space-between}.iromihon-color-guide .icon-button{background:rgba(0,0,0,0);border:1px solid var(--line);border-radius:.4rem;color:var(--muted);cursor:pointer;display:-ms-grid;display:grid;height:3.6rem;place-items:center;width:3.6rem}.iromihon-color-guide .icon-button:hover{border-color:var(--muted);color:var(--ink)}.iromihon-color-guide .copy-status{color:var(--accent);font-size:1.2rem;margin:.3rem 0 .4rem;min-height:2.4rem}.iromihon-color-guide .sample-note{color:var(--muted);font-size:1.2rem;line-height:1.8;margin-bottom:1.8rem}.iromihon-color-guide .primary-action{-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;background:var(--accent);border-radius:.4rem;color:#171b19;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.4rem;font-weight:700;gap:1rem;-webkit-justify-content:center;justify-content:center;min-height:4.6rem;padding:1rem 1.2rem;text-decoration:none}.iromihon-color-guide .primary-action:hover{background:#f0cc8c}.iromihon-color-guide .color-heading{padding:0 0 2.5rem}.iromihon-color-guide .eyebrow{color:var(--accent);font-size:1.2rem;margin:0 0 .4rem}.iromihon-color-guide h1{font-size:4.2rem;line-height:1.25}.iromihon-color-guide .color-name{font-size:2.3rem;line-height:1.6;margin:1.3rem 0 .2rem;overflow-wrap:anywhere}.iromihon-color-guide .reference-label{color:var(--muted);font-size:1.1rem;margin:0}.iromihon-color-guide .color-facts{-ms-grid-columns:(minmax(0,1fr))[3];border-block:1px solid var(--line);display:-ms-grid;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.iromihon-color-guide .color-facts>div{padding:1.2rem 0}.iromihon-color-guide .color-facts .wide{-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:1.8rem;grid-column:1/-1}.iromihon-color-guide .color-facts dt{color:var(--muted);font-size:1.2rem}.iromihon-color-guide .color-facts dd{font-size:2.1rem;font-weight:600;line-height:1.5;margin:0}.iromihon-color-guide .color-facts .wide dd{font-size:1.6rem}.iromihon-color-guide .color-facts small{color:var(--muted);display:block;font-size:1.1rem;font-weight:400}.iromihon-color-guide .color-reading{margin:2.2rem 0 2.5rem}.iromihon-color-guide .section-nav{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.2rem;gap:.8rem 2.2rem;padding:0 0 2.5rem}.iromihon-color-guide .section-nav a{color:var(--accent)}.iromihon-color-guide .guide-section{border-top:1px solid var(--line);padding:2.8rem 0}.iromihon-color-guide .guide-section h2{margin-bottom:1.4rem}.iromihon-color-guide .guide-section>p:last-child{margin-bottom:0}.iromihon-color-guide .section-index{color:var(--muted);display:block;font-size:1rem;margin-bottom:.4rem}.iromihon-color-guide .section-note{color:var(--muted);font-size:1.2rem;line-height:1.8}.iromihon-color-guide .comparisons{-ms-grid-columns:minmax(0,1fr) 1.6rem minmax(0,1fr);display:-ms-grid;display:grid;gap:1.6rem;grid-template-columns:repeat(2,minmax(0,1fr))}.iromihon-color-guide .comparison{background:#1d2321;border:1px solid var(--line);border-radius:.6rem;min-width:0;overflow:hidden;text-decoration:none;-webkit-transition:border-color .15s;transition:border-color .15s}.iromihon-color-guide .comparison:hover{border-color:var(--accent)}.iromihon-color-guide .comparison-swatches{-ms-grid-columns:1fr 1fr;display:-ms-grid;display:grid;grid-template-columns:1fr 1fr;height:9.6rem}.iromihon-color-guide .comparison-swatches span{display:block}.iromihon-color-guide .comparison-codes{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.1rem;gap:.8rem;-webkit-justify-content:space-between;justify-content:space-between;padding:1.2rem 1.4rem .5rem}.iromihon-color-guide .comparison-codes>span{color:var(--muted)}.iromihon-color-guide .comparison-codes strong{-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:.5rem}.iromihon-color-guide .comparison-codes svg{height:1.3rem;width:1.3rem}.iromihon-color-guide .comparison h3{font-size:1.4rem;padding:0 1.4rem .8rem}.iromihon-color-guide .comparison p{color:var(--muted);font-size:1.2rem;line-height:1.8;margin:0;padding:0 1.4rem 1.5rem}.iromihon-color-guide .palette-plans{-ms-grid-columns:minmax(0,1fr) 1.6rem minmax(0,1fr);display:-ms-grid;display:grid;gap:1.6rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:2.2rem 0 1.5rem}.iromihon-color-guide .palette-plan{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;border:1px solid var(--line);border-radius:.6rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:1.8rem}.iromihon-color-guide .palette-plan h3{margin-bottom:1rem}.iromihon-color-guide .palette-plan>p{color:var(--muted);font-size:1.2rem;line-height:1.8}.iromihon-color-guide .plan-colors{margin:auto 0 1.8rem}.iromihon-color-guide .plan-colors>div{-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 var(--line);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.2rem;gap:1.2rem;-webkit-justify-content:space-between;justify-content:space-between;padding:.7rem 0}.iromihon-color-guide .plan-colors dt{color:var(--muted)}.iromihon-color-guide .plan-colors dd{margin:0}.iromihon-color-guide .plan-colors 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;gap:.8rem;text-decoration:none}.iromihon-color-guide .plan-colors a:hover{text-decoration:underline}.iromihon-color-guide .plan-colors span{border:1px solid hsla(0,0%,100%,.145);border-radius:.2rem;display:block;height:2.2rem;width:2.2rem}.iromihon-color-guide .text-action{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:var(--accent);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:600;gap:.8rem;text-decoration:none}.iromihon-color-guide .text-action:hover{text-decoration:underline}.iromihon-color-guide .text-action svg{height:1.6rem;width:1.6rem}.iromihon-color-guide .site-check ol{padding-left:2.2rem}.iromihon-color-guide .site-check li{margin:0 0 1.2rem;padding-left:.5rem}.iromihon-color-guide .sources{border-top:1px solid var(--line);color:var(--muted);font-size:1.2rem;padding-top:2rem}.iromihon-color-guide .sources summary{color:var(--ink);cursor:pointer;font-size:1.3rem;margin-bottom:1.4rem}.iromihon-color-guide .sources ul{padding-left:2rem}.iromihon-color-guide .sources p{margin-bottom:1.2rem}.iromihon-color-guide .site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:1.1rem;padding:2.5rem 0}.iromihon-color-guide .site-footer .wrap{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;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}.iromihon-color-guide .site-footer a{text-decoration:none}@media(max-width:920px){.iromihon-color-guide .color-layout{-ms-grid-columns:26rem 3.4rem minmax(0,1fr);gap:3.4rem;grid-template-columns:26rem minmax(0,1fr)}.iromihon-color-guide .comparisons,.iromihon-color-guide .palette-plans{-ms-grid-columns:1fr;grid-template-columns:1fr}.iromihon-color-guide .comparison-swatches{height:10rem}.iromihon-color-guide .color-name{font-size:2.1rem}}@media(max-width:680px){.iromihon-color-guide html{scroll-padding-top:2rem}.iromihon-color-guide .wrap{width:calc(100% - 3.2rem)}.iromihon-color-guide .header-row{gap:1.4rem;min-height:7rem}.iromihon-color-guide .brand{font-size:1.6rem;gap:.8rem}.iromihon-color-guide .brand img{height:3.2rem;width:3.2rem}.iromihon-color-guide .brand-sub{font-size:.9rem}.iromihon-color-guide .header-row nav{font-size:1.1rem;gap:1.4rem}.iromihon-color-guide .breadcrumb{min-height:5rem}.iromihon-color-guide .color-layout{-ms-grid-columns:minmax(0,1fr);gap:3rem;grid-template-columns:minmax(0,1fr)}.iromihon-color-guide .specimen{-ms-grid-columns:minmax(0,1fr) 2rem auto;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem;display:-ms-grid;display:grid;grid-template-columns:minmax(0,1fr) auto;position:static}.iromihon-color-guide .color-stage{aspect-ratio:1.3;grid-column:1/-1;width:100%}.iromihon-color-guide .color-sample{aspect-ratio:1;max-height:84%;width:56%}.iromihon-color-guide .surround{grid-column:1/-1;margin-bottom:1.2rem}.iromihon-color-guide .copy-status,.iromihon-color-guide .primary-action,.iromihon-color-guide .sample-code,.iromihon-color-guide .sample-note{grid-column:1/-1}.iromihon-color-guide .color-heading{padding-bottom:2rem}.iromihon-color-guide h1{font-size:3.6rem}.iromihon-color-guide .color-name{font-size:2.1rem}.iromihon-color-guide h2{font-size:1.9rem}.iromihon-color-guide .color-reading{font-size:1.4rem}.iromihon-color-guide .guide-section{padding:2.4rem 0}.iromihon-color-guide .guide-section>p,.iromihon-color-guide .site-check li{font-size:1.4rem}.iromihon-color-guide .guide-section>.section-note{font-size:1.2rem}.iromihon-color-guide .comparisons{-ms-grid-columns:minmax(0,1fr) 1.2rem minmax(0,1fr);gap:1.2rem;grid-template-columns:repeat(2,minmax(0,1fr))}.iromihon-color-guide .comparison-swatches{height:8.2rem}.iromihon-color-guide .comparison h3{font-size:1.3rem}.iromihon-color-guide .comparison-codes{font-size:1rem;gap:.4rem;padding-inline:1rem}.iromihon-color-guide .comparison h3,.iromihon-color-guide .comparison p{padding-inline:1rem}.iromihon-color-guide .comparison p{font-size:1.1rem}.iromihon-color-guide .palette-plans{-ms-grid-columns:1fr;grid-template-columns:1fr}.iromihon-color-guide .palette-plan{padding:1.8rem}.iromihon-color-guide .site-footer .wrap{-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;gap:.8rem}}@media(max-width:360px){.iromihon-color-guide .header-row nav{gap:1rem}.iromihon-color-guide .brand-sub{display:none}.iromihon-color-guide .comparisons{-ms-grid-columns:1fr;grid-template-columns:1fr}.iromihon-color-guide .comparison-swatches{height:10rem}.iromihon-color-guide .color-facts dd{font-size:1.8rem}.iromihon-color-guide .section-nav{gap:.9rem 1.6rem}}.iromihon-color-guide .sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.iromihon-color-guide .color-intro{margin:1.8rem 0 1.2rem}.iromihon-color-guide .editorial-byline{color:var(--muted);font-size:1.2rem;margin:1.2rem 0 0;overflow-wrap:anywhere}.iromihon-color-guide .editorial-byline a{color:var(--accent)}.iromihon-color-guide .editorial-comparison{border-bottom:1px solid var(--line);margin-bottom:2.2rem;padding:0 0 2.4rem}.iromihon-color-guide .editorial-comparison h3{margin-bottom:1.2rem}.iromihon-color-guide .editorial-comparison .text-action{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-top:1rem;max-width:100%;overflow-wrap:anywhere;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.iromihon-color-guide .choice-swatches{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:1.2rem;gap:2.4rem;margin:0 0 1.2rem}.iromihon-color-guide .choice-swatches,.iromihon-color-guide .choice-swatches span{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.iromihon-color-guide .choice-swatches span{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;gap:.8rem}.iromihon-color-guide .choice-swatches span:before{background:var(--swatch);border:1px solid hsla(0,0%,100%,.188);border-radius:.2rem;content:"";height:3.6rem;width:3.6rem}.iromihon-color-guide .editorial-policy{color:var(--muted);font-size:1.3rem}.iromihon-color-guide .editorial-policy h2{color:var(--ink)}.iromihon-color-guide .editorial-policy ul{padding-left:2rem}.iromihon-color-guide .editorial-policy li p{margin:.3rem 0 1.2rem}.iromihon-color-guide .editorial-policy a{color:var(--ink)}.iromihon-color-guide .building-options{-ms-grid-columns:(minmax(0,1fr))[4];border:0;display:-ms-grid;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:1.6rem 0 1.2rem;padding:0}.iromihon-color-guide .building-options label{cursor:pointer;position:relative}.iromihon-color-guide .building-options input{height:1px;opacity:0;position:absolute;width:1px}.iromihon-color-guide .building-options span{-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;border:1px solid var(--line);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.2rem;height:100%;-webkit-justify-content:center;justify-content:center;line-height:1.4;min-height:3.8rem;padding:.6rem .5rem;text-align:center}.iromihon-color-guide .building-options label+label span{border-left:0}.iromihon-color-guide .building-options input:checked+span{background:#353e3b;-webkit-box-shadow:inset 0 -.2rem var(--accent);box-shadow:inset 0 -.2rem var(--accent);color:#fff}.iromihon-color-guide .building-options input:focus-visible+span{outline:.2rem solid var(--accent);outline-offset:.3rem}.iromihon-color-guide .building-section iframe{aspect-ratio:1.4;background:#c7d6dd;border:0;display:block;width:100%}.iromihon-color-guide .building-status{color:var(--ink);font-size:1.2rem;margin:1rem 0 .8rem}.iromihon-color-guide .building-section>.text-action{margin-top:1.4rem}@media(max-width:680px){.iromihon-color-guide .building-options span{font-size:1.1rem}.iromihon-color-guide .building-section iframe{aspect-ratio:1.2}}@media(prefers-reduced-motion:reduce){.iromihon-color-guide html{scroll-behavior:auto}.iromihon-color-guide *{-webkit-transition:none!important;transition:none!important}}.iromihon-color-guide .building-gloss{-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.2rem;gap:1.2rem;-webkit-justify-content:space-between;justify-content:space-between;margin:0 0 1.2rem}.iromihon-color-guide .building-gloss select{background:#222927;border:1px solid var(--line);border-radius:.4rem;color:var(--ink);font:inherit;min-height:3.6rem;min-width:11rem;padding:.6rem 1rem}.iromihon-color-guide .building-gloss select:disabled{opacity:.5}.iromihon-color-guide .gloss-samples{-ms-grid-columns:minmax(0,1fr) 1rem minmax(0,1fr) 1rem minmax(0,1fr) 1rem minmax(0,1fr) 1rem minmax(0,1fr);display:-ms-grid;display:grid;gap:1rem;grid-template-columns:repeat(5,minmax(0,1fr));margin:2rem 0 1.6rem}.iromihon-color-guide .gloss-samples figure{margin:0;min-width:0}.iromihon-color-guide .gloss-samples img{aspect-ratio:1.5;background:#d5d7d6;border-radius:.3rem;display:block;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.iromihon-color-guide .gloss-samples figcaption{font-size:1.2rem;margin-top:.6rem;text-align:center}.iromihon-color-guide #finish h3,.iromihon-color-guide .gloss-samples+h3{margin-bottom:1rem}@media(min-width:681px)and (max-width:1050px){.iromihon-color-guide .gloss-samples{-ms-grid-columns:(minmax(0,1fr))[3];grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.iromihon-color-guide .gloss-samples{-ms-grid-columns:minmax(0,1fr) 1.2rem minmax(0,1fr);gap:1.6rem 1.2rem;grid-template-columns:repeat(2,minmax(0,1fr))}}.iromihon-color-guide .color-guide-entry{-ms-grid-columns:minmax(24rem,1fr) 3.2rem minmax(0,1.2fr);-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom:1px solid #3b4140;border-top:1px solid #3b4140;color:#f2f3ef;display:-ms-grid;display:grid;gap:3.2rem;grid-template-columns:minmax(24rem,1fr) minmax(0,1.2fr);letter-spacing:0;margin:0 0 2.8rem;padding:2.4rem 0 2.8rem}.iromihon-color-guide .color-guide-entry .guide-entry-kicker{color:#dfb979;font-size:1.2rem;line-height:1.6;margin:0 0 .8rem}.iromihon-color-guide .color-guide-entry h2{border:0;font-size:2.6rem;letter-spacing:0;line-height:1.5;margin:0}.iromihon-color-guide .color-guide-entry .guide-entry-summary{color:#c2c8c5;font-size:1.3rem;line-height:1.9;margin:1rem 0 1.4rem}.iromihon-color-guide .color-guide-entry a{color:inherit;text-decoration:none}.iromihon-color-guide .color-guide-entry .guide-entry-search{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#dfb979;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;min-height:3.6rem}.iromihon-color-guide .color-guide-entry svg{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;height:1.6rem;width:1.6rem}.iromihon-color-guide .color-guide-entry .guide-entry-samples{-ms-grid-columns:minmax(0,1fr) 1.6rem minmax(0,1fr) 1.6rem minmax(0,1fr);display:-ms-grid;display:grid;gap:1rem 1.6rem;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}.iromihon-color-guide .color-guide-entry .guide-entry-color{display:block;min-width:0}.iromihon-color-guide .color-guide-entry .guide-entry-color img{aspect-ratio:1.5;border:1px solid hsla(0,0%,100%,.145);border-radius:.4rem;display:block;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%}.iromihon-color-guide .color-guide-entry .guide-entry-code{-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.4rem;font-weight:600;gap:.4rem;-webkit-justify-content:space-between;justify-content:space-between;line-height:1.5;margin-top:.8rem}.iromihon-color-guide .color-guide-entry .guide-entry-name{color:#c2c8c5;display:block;font-size:1.1rem;line-height:1.7;overflow-wrap:anywhere}.iromihon-color-guide .color-guide-entry a:hover{color:#dfb979}.iromihon-color-guide .color-guide-entry a:hover img{border-color:#dfb979}.iromihon-color-guide .color-guide-entry a:focus-visible{border-radius:.4rem;outline:.2rem solid #dfb979;outline-offset:.4rem}.iromihon-color-guide .color-guide-entry .guide-entry-note{color:#aeb6b2;font-size:1rem;grid-column:1/-1;line-height:1.6;margin:0}.iromihon-color-guide #fullColorFilter{scroll-margin-top:11.2rem}@media(max-width:680px){.iromihon-color-guide .color-guide-entry{-ms-grid-columns:1fr;gap:1.6rem;grid-template-columns:1fr;margin-bottom:2.2rem;padding:2rem 0}.iromihon-color-guide .color-guide-entry h2{font-size:2.3rem}.iromihon-color-guide .color-guide-entry .guide-entry-summary{margin:.8rem 0}.iromihon-color-guide .color-guide-entry .guide-entry-samples{gap:.8rem 1.2rem}.iromihon-color-guide .color-guide-entry .guide-entry-color img{aspect-ratio:1.5}.iromihon-color-guide .color-guide-entry .guide-entry-code{font-size:1.3rem}.iromihon-color-guide .color-guide-entry .guide-entry-search{min-height:4rem}}.iromihon-color-guide{background:#141617;color:#eee;font-size:1.4rem;line-height:1.7;padding:3.2rem 0}.iromihon-color-guide .wrap{max-width:128rem}.iromihon-color-guide iframe{border:0;width:100%}.iromihon-color-guide button{cursor:pointer}body.yk-design-preview.color-library-page.color-catalog-page{background:#f6f7f7}body.yk-design-preview.color-library-page.color-catalog-page .color-breadcrumbs{padding-block:1.4rem}body.yk-design-preview.color-library-page.color-catalog-page .color-intro{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;aspect-ratio:2.5;background:#171d1b;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;min-height:40rem}body.yk-design-preview.color-library-page.color-catalog-page .color-intro>img{-o-object-position:50% 50%;object-position:50% 50%}body.yk-design-preview.color-library-page.color-catalog-page .color-intro:after{background:-webkit-gradient(linear,left top,right top,color-stop(46%,transparent),color-stop(59%,rgba(16,23,19,.788)),to(rgba(16,23,19,.902)));background:linear-gradient(90deg,transparent 46%,rgba(16,23,19,.788) 59%,rgba(16,23,19,.902))}body.yk-design-preview.color-library-page.color-catalog-page .color-intro .container{min-height:0;padding-block:3.2rem}body.yk-design-preview.color-library-page.color-catalog-page .color-hero-copy{margin-left:54%}body.yk-design-preview.color-library-page.color-catalog-page .color-hero-top{-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.4rem}body.yk-design-preview.color-library-page.color-catalog-page .color-hero-top .color-number,body.yk-design-preview.color-library-page.color-catalog-page .color-hero-top .eyebrow{font-size:1.1rem;margin:0}body.yk-design-preview.color-library-page.color-catalog-page .color-intro h1{-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:2rem;margin:2rem 0 1.4rem}body.yk-design-preview.color-library-page.color-catalog-page .color-intro .color-hero-count{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;font-size:10rem;font-variant-numeric:lining-nums;font-weight:500;line-height:1;white-space:nowrap}body.yk-design-preview.color-library-page.color-catalog-page .color-intro .color-hero-title{font-size:3rem;line-height:1.45;white-space:nowrap}body.yk-design-preview.color-library-page.color-catalog-page .color-intro p:not(.eyebrow):not(.color-number){font-size:1.5rem;line-height:1.9}body.yk-design-preview.color-library-page.color-catalog-page .color-hero-bottom{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:end;align-items:end;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;margin-top:2rem}body.yk-design-preview.color-library-page.color-catalog-page .color-hero-bottom a{-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%,.651);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:4rem;min-height:4.4rem}body.yk-design-preview.color-library-page.color-catalog-page .color-hero-bottom a svg{height:1.8rem;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:1.8rem}body.yk-design-preview.color-library-page.color-catalog-page .color-hero-bottom a:hover svg{-webkit-transform:translateY(.3rem);-ms-transform:translateY(.3rem);transform:translateY(.3rem)}body.yk-design-preview.color-library-page.color-catalog-page .color-hero-bottom small{background:rgba(16,27,25,.439);font-size:1rem;margin:0;padding:.5rem .8rem;text-align:right}body.yk-design-preview.color-library-page.color-catalog-page .color-catalog{padding-bottom:6rem;padding-top:4rem;scroll-margin-top:calc(var(--header) + 1.6rem)}body.yk-design-preview.color-library-page.color-catalog-page .color-section-nav{-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:3.2rem;padding-block:1.4rem}body.yk-design-preview.color-library-page.color-catalog-page .color-section-nav 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;gap:1.4rem;min-height:3rem}body.yk-design-preview.color-library-page.color-catalog-page .color-section-nav a:first-child{font-weight:700}body.yk-design-preview.color-library-page.color-catalog-page .color-section-nav svg{height:1.5rem;width:1.5rem}body.yk-design-preview.color-library-page.color-catalog-page .color-section-nav a:hover{color:#b71324}body.yk-design-preview.color-library-page.color-catalog-page #color-filters-start{scroll-margin-top:calc(var(--header) + 2rem)}body.yk-design-preview.color-library-page.color-catalog-page .color-catalog-heading{margin-bottom:2.8rem}body.yk-design-preview.color-library-page.color-catalog-page .color-catalog-heading h2{-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.8rem;gap:2rem}body.yk-design-preview.color-library-page.color-catalog-page .color-catalog-heading h2 span{color:#64716c;font-size:1rem;font-weight:500}body.yk-design-preview.color-library-page.color-catalog-page .color-catalog-heading>p{font-size:1.2rem}body.yk-design-preview.color-library-page.color-catalog-page .color-filters{display:block}body.yk-design-preview.color-library-page.color-catalog-page .color-hue-picker{border:0;margin:0 0 2.4rem;min-width:0;padding:0}body.yk-design-preview.color-library-page.color-catalog-page .color-hue-picker legend{font-size:1.2rem;font-weight:600;margin-bottom:1.4rem;padding:0}body.yk-design-preview.color-library-page.color-catalog-page .color-hue-options{-ms-grid-columns:minmax(0,1fr) 1.2rem minmax(0,1fr) 1.2rem minmax(0,1fr) 1.2rem minmax(0,1fr) 1.2rem minmax(0,1fr) 1.2rem minmax(0,1fr) 1.2rem minmax(0,1fr) 1.2rem minmax(0,1fr) 1.2rem minmax(0,1fr) 1.2rem minmax(0,1fr) 1.2rem minmax(0,1fr) 1.2rem minmax(0,1fr);display:-ms-grid;display:grid;gap:1.2rem;grid-template-columns:repeat(12,minmax(0,1fr))}body.yk-design-preview.color-library-page.color-catalog-page .color-hue-options label{-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.2rem;gap:1rem;min-width:0;padding:.6rem 0;position:relative}body.yk-design-preview.color-library-page.color-catalog-page .color-hue-options input{height:1px;min-height:0;opacity:0;padding:0;position:absolute;width:1px}body.yk-design-preview.color-library-page.color-catalog-page .color-hue-chip{background:var(--hue-color);border:1px solid rgba(0,0,0,.078);border-radius:50%;display:-ms-grid;display:grid;height:4.4rem;outline:2px solid rgba(0,0,0,0);outline-offset:.4rem;place-items:center;-webkit-transition:outline-color .2s,-webkit-transform .2s;transition:outline-color .2s,-webkit-transform .2s;transition:transform .2s,outline-color .2s;transition:transform .2s,outline-color .2s,-webkit-transform .2s;width:4.4rem}body.yk-design-preview.color-library-page.color-catalog-page .color-hue-chip svg{height:2rem;width:2rem}body.yk-design-preview.color-library-page.color-catalog-page .color-hue-all{background:#fff;color:var(--ink)}body.yk-design-preview.color-library-page.color-catalog-page .color-hue-options input:checked+.color-hue-chip{outline-color:#182b28}body.yk-design-preview.color-library-page.color-catalog-page .color-hue-options input:checked~span:last-child{color:#142724;font-weight:700}body.yk-design-preview.color-library-page.color-catalog-page .color-hue-options input:focus-visible+.color-hue-chip{outline-color:#b71324;outline-width:3px}body.yk-design-preview.color-library-page.color-catalog-page .color-hue-options label:hover .color-hue-chip{-webkit-transform:translateY(-.2rem);-ms-transform:translateY(-.2rem);transform:translateY(-.2rem)}body.yk-design-preview.color-library-page.color-catalog-page .color-search-fields{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:end;align-items:end;border-top:1px solid var(--line);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:1.2rem;padding-top:2.2rem}body.yk-design-preview.color-library-page.color-catalog-page .color-search-fields label{gap:.8rem;min-width:14rem}body.yk-design-preview.color-library-page.color-catalog-page .color-search-fields .color-search{-webkit-box-flex:2.6;-moz-box-flex:2.6;-webkit-flex:2.6;-ms-flex:2.6;flex:2.6;min-width:22rem}body.yk-design-preview.color-library-page.color-catalog-page .color-search-input{display:block;position:relative}body.yk-design-preview.color-library-page.color-catalog-page .color-search-input>svg{color:#5b6964;height:1.8rem;left:1.4rem;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:1.8rem}body.yk-design-preview.color-library-page.color-catalog-page .color-search-input input{padding-left:4.2rem}body.yk-design-preview.color-library-page.color-catalog-page .color-search-fields input,body.yk-design-preview.color-library-page.color-catalog-page .color-search-fields select{border-color:#bac5c0;border-radius:.4rem;min-height:4.8rem}body.yk-design-preview.color-library-page.color-catalog-page .color-search-fields input:focus-visible,body.yk-design-preview.color-library-page.color-catalog-page .color-search-fields select:focus-visible{outline:2px solid #20665d;outline-offset:.2rem}body.yk-design-preview.color-library-page.color-catalog-page .color-search-submit{-ms-flex-negative:0;border-radius:.4rem;-webkit-flex-shrink:0;flex-shrink:0;min-height:4.8rem;padding-inline:2rem;-webkit-transition:background .2s;transition:background .2s}body.yk-design-preview.color-library-page.color-catalog-page .color-search-submit:hover{background:#23554a}body.yk-design-preview.color-library-page.color-catalog-page .color-reset{color:#4a5953;gap:.6rem;min-height:4.8rem;padding-inline:.4rem;text-decoration:none}body.yk-design-preview.color-library-page.color-catalog-page .color-reset svg{height:1.6rem;width:1.6rem}body.yk-design-preview.color-library-page.color-catalog-page .color-reset:hover{text-decoration:underline}body.yk-design-preview.color-library-page.color-catalog-page .color-notice{font-size:1.1rem;padding:1.6rem 0 2rem}body.yk-design-preview.color-library-page.color-catalog-page .color-notice 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;gap:.7rem;list-style:none;min-height:3rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}body.yk-design-preview.color-library-page.color-catalog-page .color-notice summary::-webkit-details-marker{display:none}body.yk-design-preview.color-library-page.color-catalog-page .color-notice summary svg{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;height:1.5rem;width:1.5rem}body.yk-design-preview.color-library-page.color-catalog-page .color-notice[open] summary>svg:last-child{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}body.yk-design-preview.color-library-page.color-catalog-page .color-notice p{line-height:1.9;margin-top:.8rem;max-width:100rem;padding-left:2.2rem}body.yk-design-preview.color-library-page.color-catalog-page .color-results-toolbar{-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;background:hsla(180,6%,97%,.98);border-bottom:1px solid #d9dfdc;border-top:1px solid #182b28;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:1rem;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:2rem;min-height:7rem;padding-block:1rem;position:-webkit-sticky;position:sticky;top:var(--header);z-index:5}body.yk-design-preview.color-library-page.color-catalog-page .color-results-count{-webkit-box-align:baseline;-moz-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;color:#57675e;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.2rem;gap:.7rem}body.yk-design-preview.color-library-page.color-catalog-page .color-results-count>strong{color:#142724;font-size:2.8rem;font-variant-numeric:tabular-nums;font-weight:500;line-height:1}body.yk-design-preview.color-library-page.color-catalog-page .color-result-hue{border-left:1px solid #bac5c0;color:#172c25;margin-left:.5rem;padding-left:1rem}body.yk-design-preview.color-library-page.color-catalog-page .color-density,body.yk-design-preview.color-library-page.color-catalog-page .color-view-tools{-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:.4rem}body.yk-design-preview.color-library-page.color-catalog-page .color-density{border-right:1px solid #c7d1cb;margin-right:.8rem;padding-right:1.2rem}body.yk-design-preview.color-library-page.color-catalog-page .color-density[hidden]{display:none}body.yk-design-preview.color-library-page.color-catalog-page .color-density button,body.yk-design-preview.color-library-page.color-catalog-page .color-filter-return{border-radius:.4rem;color:#67766d;display:-ms-grid;display:grid;height:4.2rem;place-items:center;width:4.2rem}body.yk-design-preview.color-library-page.color-catalog-page .color-density button[aria-pressed=true]{background:#182b28;color:#fff}body.yk-design-preview.color-library-page.color-catalog-page .color-density button:hover:not([aria-pressed=true]),body.yk-design-preview.color-library-page.color-catalog-page .color-filter-return:hover{background:#e0e7e2;color:#182b28}body.yk-design-preview.color-library-page.color-catalog-page .color-view-tools svg{height:1.9rem;width:1.9rem}body.yk-design-preview.color-library-page.color-catalog-page .color-card-grid{-ms-grid-columns:minmax(0,1fr) 1.6rem minmax(0,1fr) 1.6rem minmax(0,1fr) 1.6rem minmax(0,1fr) 1.6rem minmax(0,1fr) 1.6rem minmax(0,1fr);gap:2.4rem 1.6rem;grid-template-columns:repeat(6,minmax(0,1fr))}body.yk-design-preview.color-library-page.color-catalog-page .color-guide-card{background:#fff;border:1px solid #dfe5e0;border-radius:.4rem;-webkit-box-shadow:0 .2rem .3rem rgba(21,36,29,.016);box-shadow:0 .2rem .3rem rgba(21,36,29,.016);overflow:hidden;-webkit-transition:border-color .2s,-webkit-transform .2s,-webkit-box-shadow .2s;transition:border-color .2s,-webkit-transform .2s,-webkit-box-shadow .2s;transition:transform .2s,box-shadow .2s,border-color .2s;transition:transform .2s,box-shadow .2s,border-color .2s,-webkit-transform .2s,-webkit-box-shadow .2s}body.yk-design-preview.color-library-page.color-catalog-page .color-guide-swatch{aspect-ratio:1.2;border:0;border-bottom:1px solid rgba(0,0,0,.031)}body.yk-design-preview.color-library-page.color-catalog-page .color-card-info{display:block;padding:1.3rem}body.yk-design-preview.color-library-page.color-catalog-page .color-card-code{font-size:1.6rem;line-height:1.4;margin:0}body.yk-design-preview.color-library-page.color-catalog-page .color-card-code>strong{font-weight:650}body.yk-design-preview.color-library-page.color-catalog-page .color-card-code svg{-ms-flex-negative:0;color:#6d7a72;-webkit-flex-shrink:0;flex-shrink:0;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}body.yk-design-preview.color-library-page.color-catalog-page .color-card-name{color:#536058;font-size:1.1rem;line-height:1.7;margin-top:.6rem;min-height:3.8rem}body.yk-design-preview.color-library-page.color-catalog-page .color-guide-card small{border-top:1px solid #edf0ed;color:#6b776f;font-size:1rem;margin-top:1rem;padding-top:.8rem}body.yk-design-preview.color-library-page.color-catalog-page .color-guide-card:hover{border-color:#839b8d;-webkit-box-shadow:0 .8rem 1.8rem rgba(21,36,29,.071);box-shadow:0 .8rem 1.8rem rgba(21,36,29,.071);-webkit-transform:translateY(-.4rem);-ms-transform:translateY(-.4rem);transform:translateY(-.4rem)}body.yk-design-preview.color-library-page.color-catalog-page .color-guide-card:hover .color-card-code{text-decoration:none}body.yk-design-preview.color-library-page.color-catalog-page .color-guide-card:hover .color-card-code svg{color:#183e30;-webkit-transform:translate(.2rem,-.2rem);-ms-transform:translate(.2rem,-.2rem);transform:translate(.2rem,-.2rem)}body.yk-design-preview.color-library-page.color-catalog-page .color-guide-card:focus-visible{outline:3px solid #1d6b5d;outline-offset:.3rem}body.yk-design-preview.color-library-page.color-catalog-page .color-card-grid[data-density=compact]{-ms-grid-columns:minmax(0,1fr) 1.4rem minmax(0,1fr) 1.4rem minmax(0,1fr) 1.4rem minmax(0,1fr) 1.4rem minmax(0,1fr) 1.4rem minmax(0,1fr) 1.4rem minmax(0,1fr) 1.4rem minmax(0,1fr);gap:1.4rem;grid-template-columns:repeat(8,minmax(0,1fr))}body.yk-design-preview.color-library-page.color-catalog-page .color-card-grid[data-density=compact] .color-card-name,body.yk-design-preview.color-library-page.color-catalog-page .color-card-grid[data-density=compact] small{display:none}body.yk-design-preview.color-library-page.color-catalog-page .color-card-grid[data-density=compact] .color-card-info{padding:1rem}body.yk-design-preview.color-library-page.color-catalog-page .color-card-grid[data-density=compact] .color-card-code{font-size:1.3rem}body.yk-design-preview.color-library-page.color-catalog-page .color-editorial{background:#fff;padding-block:5.6rem}body.yk-design-preview.color-library-page.color-catalog-page .color-editorial h2{font-size:3rem}body.yk-design-preview.color-library-page.color-catalog-page .color-editorial-columns{-ms-grid-columns:minmax(0,1fr) 4rem minmax(0,1fr) 4rem minmax(0,1fr);gap:4rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-block:3.2rem}body.yk-design-preview.color-library-page.color-catalog-page .color-editorial-columns>div{border-top:1px solid #a7b7ac;padding-top:2.4rem}body.yk-design-preview.color-library-page.color-catalog-page .color-editorial-columns h3{font-size:1.8rem}body.yk-design-preview.color-library-page.color-catalog-page .color-editorial-columns p{color:#5b6c61;line-height:2}body.yk-design-preview.color-library-page.color-catalog-page .color-editorial,body.yk-design-preview.color-library-page.color-catalog-page .color-source-note{scroll-margin-top:calc(var(--header) + 2rem)}body.yk-design-preview.color-library-page.color-catalog-page .color-editorial-lead{color:#5b6c61;line-height:2;margin-top:1.6rem;max-width:64rem}body.yk-design-preview.color-library-page.color-catalog-page .color-reading-number{color:#63796b;display:block;font-size:1rem;margin-bottom:1.8rem}body.yk-design-preview.color-library-page.color-catalog-page .color-editorial-columns .text-link{font-size:1.2rem;margin-top:1.4rem}body.yk-design-preview.color-library-page.color-catalog-page .color-evidence-links{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-block:1px solid var(--line);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:2rem 3rem;padding-block:2rem}body.yk-design-preview.color-library-page.color-catalog-page .color-evidence-links>span{font-weight:600;margin-right:auto}body.yk-design-preview.color-library-page.color-catalog-page .color-evidence-links 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;gap:1rem;min-height:3rem}body.yk-design-preview.color-library-page.color-catalog-page .color-evidence-links svg{height:1.6rem;width:1.6rem}body.yk-design-preview.color-library-page.color-catalog-page .color-source-note{-ms-grid-columns:1fr 5rem 2fr;display:-ms-grid;display:grid;gap:5rem;grid-template-columns:1fr 2fr;padding-top:4rem}body.yk-design-preview.color-library-page.color-catalog-page .color-source-note h3{font-size:1.8rem}body.yk-design-preview.color-library-page.color-catalog-page .color-source-note li,body.yk-design-preview.color-library-page.color-catalog-page .color-source-note p{color:#5b6c61;font-size:1.2rem;line-height:1.9;margin-top:1.2rem}body.yk-design-preview.color-library-page.color-catalog-page .color-source-note a{color:#1c685b;text-decoration:underline;text-underline-offset:.3rem}body.yk-design-preview.color-library-page.color-catalog-page .color-source-note ul{list-style:disc;padding-left:1.8rem}body.yk-design-preview.color-library-page.color-catalog-page .color-contact{background:#182b28;color:#fff;padding-block:5.6rem}body.yk-design-preview.color-library-page.color-catalog-page .color-contact .eyebrow{color:#b6cbc1}body.yk-design-preview.color-library-page.color-catalog-page .color-contact h2{font-size:3rem}body.yk-design-preview.color-library-page.color-catalog-page .color-contact p:not(.eyebrow){color:#d1dcd5}body.yk-design-preview.color-library-page.color-catalog-page .color-contact .text-link{border-color:#80978a;color:#fff}@media only screen and (max-width:1100px){body.yk-design-preview.color-library-page.color-catalog-page .color-intro .color-hero-count{font-size:8rem}body.yk-design-preview.color-library-page.color-catalog-page .color-intro .color-hero-title{font-size:2.3rem}body.yk-design-preview.color-library-page.color-catalog-page .color-card-grid{-ms-grid-columns:(minmax(0,1fr))[4];grid-template-columns:repeat(4,minmax(0,1fr))}body.yk-design-preview.color-library-page.color-catalog-page .color-card-grid[data-density=compact]{-ms-grid-columns:(minmax(0,1fr))[6];grid-template-columns:repeat(6,minmax(0,1fr))}body.yk-design-preview.color-library-page.color-catalog-page .color-search-fields{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}body.yk-design-preview.color-library-page.color-catalog-page .color-search-fields .color-search{-ms-flex-preferred-size:100%;-webkit-flex-basis:100%;flex-basis:100%}body.yk-design-preview.color-library-page.color-catalog-page .color-search-fields label{min-width:0}body.yk-design-preview.color-library-page.color-catalog-page .color-hue-options{gap:.8rem}body.yk-design-preview.color-library-page.color-catalog-page .color-hue-chip{height:3.8rem;width:3.8rem}}@media only screen and (max-width:896px){body.yk-design-preview.color-library-page.color-catalog-page .color-intro{aspect-ratio:auto;display:block;min-height:0}body.yk-design-preview.color-library-page.color-catalog-page .color-intro>img{display:block;height:auto;-o-object-fit:contain;object-fit:contain;position:relative}body.yk-design-preview.color-library-page.color-catalog-page .color-intro:after{display:none}body.yk-design-preview.color-library-page.color-catalog-page .color-intro .container{min-height:0}body.yk-design-preview.color-library-page.color-catalog-page .color-hero-copy{margin-left:0}}@media only screen and (max-width:680px){body.yk-design-preview.color-library-page.color-catalog-page .color-intro .color-hero-count{font-size:9rem}body.yk-design-preview.color-library-page.color-catalog-page .color-intro .color-hero-title{font-size:2.6rem}body.yk-design-preview.color-library-page.color-catalog-page .color-hero-top{gap:1.4rem}body.yk-design-preview.color-library-page.color-catalog-page .color-hero-bottom small,body.yk-design-preview.color-library-page.color-catalog-page .color-hero-top .eyebrow{font-size:.9rem}body.yk-design-preview.color-library-page.color-catalog-page .color-catalog-heading>p{display:none}body.yk-design-preview.color-library-page.color-catalog-page .color-catalog-heading h2{display:block;font-size:2.5rem}body.yk-design-preview.color-library-page.color-catalog-page .color-catalog-heading h2 span{display:block;margin-top:.5rem}body.yk-design-preview.color-library-page.color-catalog-page .color-hue-options{-ms-grid-columns:minmax(0,1fr) .8rem minmax(0,1fr) .8rem minmax(0,1fr) .8rem minmax(0,1fr) .8rem minmax(0,1fr) .8rem minmax(0,1fr);gap:1.4rem .8rem;grid-template-columns:repeat(6,minmax(0,1fr))}body.yk-design-preview.color-library-page.color-catalog-page .color-hue-chip{height:4rem;width:4rem}body.yk-design-preview.color-library-page.color-catalog-page .color-search-fields label{-ms-flex-preferred-size:calc(50% - 1.2rem);-webkit-flex-basis:calc(50% - 1.2rem);flex-basis:calc(50% - 1.2rem)}body.yk-design-preview.color-library-page.color-catalog-page .color-search-fields label:last-of-type{-ms-flex-preferred-size:calc(50% - 1.2rem);-webkit-flex-basis:calc(50% - 1.2rem);flex-basis:calc(50% - 1.2rem)}body.yk-design-preview.color-library-page.color-catalog-page .color-search-submit{-webkit-box-flex:1;-moz-box-flex:1;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-justify-content:center;justify-content:center}body.yk-design-preview.color-library-page.color-catalog-page .color-reset{padding-inline:1.6rem}body.yk-design-preview.color-library-page.color-catalog-page .color-card-grid{-ms-grid-columns:minmax(0,1fr) 1.2rem minmax(0,1fr) 1.2rem minmax(0,1fr);gap:1.8rem 1.2rem;grid-template-columns:repeat(3,minmax(0,1fr))}body.yk-design-preview.color-library-page.color-catalog-page .color-card-grid[data-density=compact]{-ms-grid-columns:minmax(0,1fr) .8rem minmax(0,1fr) .8rem minmax(0,1fr) .8rem minmax(0,1fr);gap:.8rem;grid-template-columns:repeat(4,minmax(0,1fr))}body.yk-design-preview.color-library-page.color-catalog-page .color-card-info{padding:1.2rem}body.yk-design-preview.color-library-page.color-catalog-page .color-editorial-columns{-ms-grid-columns:minmax(0,1fr);gap:2.4rem;grid-template-columns:minmax(0,1fr)}body.yk-design-preview.color-library-page.color-catalog-page .color-source-note{-ms-grid-columns:minmax(0,1fr);gap:1.6rem;grid-template-columns:minmax(0,1fr);padding-top:3rem}body.yk-design-preview.color-library-page.color-catalog-page .color-contact h2,body.yk-design-preview.color-library-page.color-catalog-page .color-editorial h2{font-size:2.6rem}}@media only screen and (max-width:500px){body.yk-design-preview.color-library-page.color-catalog-page .color-intro .container{min-height:0;padding-block:2.4rem}body.yk-design-preview.color-library-page.color-catalog-page .color-intro h1{gap:1rem;margin-top:2.2rem}body.yk-design-preview.color-library-page.color-catalog-page .color-intro .color-hero-count{font-size:8rem}body.yk-design-preview.color-library-page.color-catalog-page .color-intro .color-hero-title{font-size:2.3rem}body.yk-design-preview.color-library-page.color-catalog-page .color-intro p:not(.eyebrow):not(.color-number){font-size:1.3rem}body.yk-design-preview.color-library-page.color-catalog-page .color-hero-bottom{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;gap:1rem}body.yk-design-preview.color-library-page.color-catalog-page .color-hero-bottom a{font-size:1.2rem;gap:2.4rem}body.yk-design-preview.color-library-page.color-catalog-page .color-hero-bottom small{font-size:.8rem}body.yk-design-preview.color-library-page.color-catalog-page .color-catalog{padding-top:3rem}body.yk-design-preview.color-library-page.color-catalog-page .color-section-nav{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;font-size:1.1rem;gap:2rem;-webkit-justify-content:space-between;justify-content:space-between}body.yk-design-preview.color-library-page.color-catalog-page .color-section-nav svg{display:none}body.yk-design-preview.color-library-page.color-catalog-page .color-catalog-heading{margin-bottom:1.8rem}body.yk-design-preview.color-library-page.color-catalog-page .color-hue-options label{-ms-flex-preferred-size:auto;-webkit-flex-basis:auto;flex-basis:auto;font-size:1rem;gap:.9rem}body.yk-design-preview.color-library-page.color-catalog-page .color-hue-picker{margin-bottom:2rem}body.yk-design-preview.color-library-page.color-catalog-page .color-search-fields{padding-top:1.8rem}body.yk-design-preview.color-library-page.color-catalog-page .color-search-fields .color-search{-ms-flex-preferred-size:100%;-webkit-flex-basis:100%;flex-basis:100%;min-width:0}body.yk-design-preview.color-library-page.color-catalog-page .color-search-fields input,body.yk-design-preview.color-library-page.color-catalog-page .color-search-fields select{font-size:1.6rem}body.yk-design-preview.color-library-page.color-catalog-page .color-results-toolbar{margin-bottom:1.6rem;min-height:6.4rem}body.yk-design-preview.color-library-page.color-catalog-page .color-results-count>strong{font-size:2.4rem}body.yk-design-preview.color-library-page.color-catalog-page .color-results-count{font-size:1.1rem}body.yk-design-preview.color-library-page.color-catalog-page .color-total{display:none}body.yk-design-preview.color-library-page.color-catalog-page .color-density{margin-right:.2rem;padding-right:.6rem}body.yk-design-preview.color-library-page.color-catalog-page .color-density button,body.yk-design-preview.color-library-page.color-catalog-page .color-filter-return{height:4rem;width:4rem}body.yk-design-preview.color-library-page.color-catalog-page .color-card-grid{-ms-grid-columns:minmax(0,1fr) 1.2rem minmax(0,1fr);gap:1.8rem 1.2rem;grid-template-columns:repeat(2,minmax(0,1fr))}body.yk-design-preview.color-library-page.color-catalog-page .color-card-name{font-size:1.1rem;min-height:3.8rem}body.yk-design-preview.color-library-page.color-catalog-page .color-guide-card small{font-size:.9rem}body.yk-design-preview.color-library-page.color-catalog-page .color-card-grid[data-density=compact]{-ms-grid-columns:(minmax(0,1fr))[3];grid-template-columns:repeat(3,minmax(0,1fr))}body.yk-design-preview.color-library-page.color-catalog-page .color-card-grid[data-density=compact] .color-card-info{padding:.8rem}body.yk-design-preview.color-library-page.color-catalog-page .color-card-grid[data-density=compact] .color-card-code{font-size:1.2rem}body.yk-design-preview.color-library-page.color-catalog-page .color-card-grid[data-density=compact] .color-card-code svg{height:1.3rem;width:1.3rem}body.yk-design-preview.color-library-page.color-catalog-page .color-contact,body.yk-design-preview.color-library-page.color-catalog-page .color-editorial{padding-block:3.6rem}body.yk-design-preview.color-library-page.color-catalog-page .color-contact .text-link{margin-right:2rem}}@media only screen and (max-width:360px){body.yk-design-preview.color-library-page.color-catalog-page .color-intro .color-hero-count{font-size:6.4rem}body.yk-design-preview.color-library-page.color-catalog-page .color-intro .color-hero-title{font-size:2rem}}@media(prefers-reduced-motion:reduce){body.yk-design-preview.color-library-page.color-catalog-page *,body.yk-design-preview.color-library-page.color-catalog-page :after,body.yk-design-preview.color-library-page.color-catalog-page :before{scroll-behavior:auto;-webkit-transition:none;transition:none}}body.yk-design-preview.color-library-page{background:#fff;color:var(--ink)}body.yk-design-preview.color-library-page .color-main{padding-top:var(--header)}body.yk-design-preview.color-library-page .color-breadcrumbs{color:var(--muted);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.2rem;gap:.8rem;padding-block:2rem}body.yk-design-preview.color-library-page .color-breadcrumbs a:hover{text-decoration:underline}body.yk-design-preview.color-library-page .color-number{border-left:.3rem solid var(--red);font-size:1.1rem;margin-bottom:1.2rem;padding-left:.8rem}body.yk-design-preview.color-library-page .color-intro{background:#303d3a;color:#fff;isolation:isolate;position:relative}body.yk-design-preview.color-library-page .color-intro>img{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;z-index:-2}body.yk-design-preview.color-library-page .color-intro:after{background:-webkit-gradient(linear,left top,right top,from(rgba(17,25,24,.929)),color-stop(48%,rgba(17,25,24,.749)),to(rgba(17,25,24,.071)));background:linear-gradient(90deg,rgba(17,25,24,.929),rgba(17,25,24,.749) 48%,rgba(17,25,24,.071));content:"";inset:0;position:absolute;z-index:-1}body.yk-design-preview.color-library-page .color-intro .container{min-height:30rem;padding-block:3.2rem}body.yk-design-preview.color-library-page .color-intro .eyebrow{color:#fff}body.yk-design-preview.color-library-page .color-intro h1{font-size:3.6rem;line-height:1.5;margin:1rem 0}body.yk-design-preview.color-library-page .color-intro h1>span{display:inline-block}body.yk-design-preview.color-library-page .color-intro p:not(.eyebrow):not(.color-number){font-size:1.5rem}body.yk-design-preview.color-library-page .color-intro small{display:block;line-height:1.7;margin-top:1.6rem}body.yk-design-preview.color-library-page .color-catalog{padding-block:3.6rem 5.6rem}body.yk-design-preview.color-library-page .color-catalog-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:2rem;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:2rem}body.yk-design-preview.color-library-page .color-catalog-heading h2,body.yk-design-preview.color-library-page .color-contact h2,body.yk-design-preview.color-library-page .color-editorial h2{font-size:2.6rem;line-height:1.5}body.yk-design-preview.color-library-page .color-catalog-heading>p{color:var(--muted);font-size:1.3rem;white-space:nowrap}body.yk-design-preview.color-library-page .color-filters{-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;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.2rem}body.yk-design-preview.color-library-page .color-filters label{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-box-flex:1;-moz-box-flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:1.2rem;gap:.6rem;min-width:12rem}body.yk-design-preview.color-library-page .color-filters .color-search{-webkit-box-flex:3;-moz-box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3;min-width:24rem}body.yk-design-preview.color-library-page .color-filters input,body.yk-design-preview.color-library-page .color-filters select{background:#fff;border:1px solid #87958f;border-radius:0;color:var(--ink);font-size:1.4rem;min-height:4.6rem;padding:.8rem 1.2rem;width:100%}body.yk-design-preview.color-library-page .color-filters input:focus-visible{outline:.3rem solid #e45e43;outline-offset:.2rem}body.yk-design-preview.color-library-page .color-search-submit{background:var(--ink);color:#fff;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1.4rem;gap:.8rem;padding:1rem 2rem}body.yk-design-preview.color-library-page .color-reset,body.yk-design-preview.color-library-page .color-search-submit{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;min-height:4.6rem}body.yk-design-preview.color-library-page .color-reset{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.3rem;padding:0 1rem;text-decoration:underline}body.yk-design-preview.color-library-page .color-notice{color:var(--muted);font-size:1.2rem;padding-block:1.8rem 2.4rem}body.yk-design-preview.color-library-page .color-card-grid{-ms-grid-columns:minmax(0,1fr) 2rem minmax(0,1fr) 2rem minmax(0,1fr) 2rem minmax(0,1fr) 2rem minmax(0,1fr) 2rem minmax(0,1fr);display:-ms-grid;display:grid;gap:3rem 2rem;grid-template-columns:repeat(6,minmax(0,1fr))}body.yk-design-preview.color-library-page .color-guide-card{display:block;min-width:0}body.yk-design-preview.color-library-page .color-guide-swatch{aspect-ratio:1.4;border:1px solid rgba(0,0,0,.071);display:block;width:100%}body.yk-design-preview.color-library-page .color-card-code{-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.6rem;gap:.4rem;-webkit-justify-content:space-between;justify-content:space-between;margin-top:1rem}body.yk-design-preview.color-library-page .color-card-code svg{height:1.6rem;width:1.6rem}body.yk-design-preview.color-library-page .color-card-name{display:block;font-size:1.2rem;line-height:1.65;margin-top:.4rem;min-height:4rem;overflow-wrap:anywhere}body.yk-design-preview.color-library-page .color-guide-card small{color:var(--muted);display:block;font-size:1.1rem;line-height:1.7}body.yk-design-preview.color-library-page .color-guide-card:hover .color-card-code{text-decoration:underline}body.yk-design-preview.color-library-page .color-empty{padding-block:4rem}body.yk-design-preview.color-library-page .color-empty p{margin:1.2rem 0}body.yk-design-preview.color-library-page .color-contact,body.yk-design-preview.color-library-page .color-editorial{border-top:1px solid var(--line);padding-block:4.8rem}body.yk-design-preview.color-library-page .color-editorial{background:#f1f4f2}body.yk-design-preview.color-library-page .color-editorial-columns{-ms-grid-columns:minmax(0,1fr) 4rem minmax(0,1fr);display:-ms-grid;display:grid;gap:4rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-block:2.4rem}body.yk-design-preview.color-library-page .color-editorial h3{font-size:1.7rem;margin-bottom:1.2rem}body.yk-design-preview.color-library-page .color-contact p,body.yk-design-preview.color-library-page .color-editorial p{font-size:1.4rem}body.yk-design-preview.color-library-page .color-contact h2{margin-bottom:1.2rem}body.yk-design-preview.color-library-page .color-contact .text-link{margin-right:3rem;margin-top:2rem}body.yk-design-preview.color-library-page .color-detail-guide{--bg:#fff;--ink:#18201f;--muted:#596562;--line:#ccd3cf;--accent:#0b6569;background:var(--bg);color:var(--ink);color-scheme:light;padding-top:1.2rem}body.yk-design-preview.color-library-page .color-detail-guide .wrap{width:min(120rem,100% - 8rem)}body.yk-design-preview.color-library-page .color-detail-guide .breadcrumb{display:none}body.yk-design-preview.color-library-page .color-detail-guide .specimen{top:calc(var(--header) + 2rem)}body.yk-design-preview.color-library-page .color-detail-guide .color-layout{-ms-grid-columns:32rem 5rem minmax(0,1fr);gap:5rem;grid-template-columns:32rem minmax(0,1fr)}body.yk-design-preview.color-library-page .color-detail-guide .comparison{background:#f6f8f6}body.yk-design-preview.color-library-page .color-detail-guide .primary-action{background:#183c34;color:#fff}body.yk-design-preview.color-library-page .color-detail-guide .color-name{margin-bottom:.4rem;margin-top:1.3rem}body.yk-design-preview.color-library-page .color-detail-guide .color-intro{background:none;color:var(--ink);font-size:1.5rem;margin-top:1.8rem}body.yk-design-preview.color-library-page .color-detail-guide .color-intro:after{display:none}body.yk-design-preview.color-library-page .color-detail-guide .color-reading{margin-block:2.2rem}body.yk-design-preview.color-library-page .color-detail-guide p{margin-bottom:1.6rem}body.yk-design-preview.color-library-page .color-detail-guide .sample-note{margin-bottom:1.8rem}body.yk-design-preview.color-library-page .color-detail-guide .icon-button{border:1px solid var(--line)}body.yk-design-preview.color-library-page .color-detail-guide .guide-section{scroll-margin-top:1rem}body.yk-design-preview.color-library-page .color-detail-guide .gloss-samples figure{margin:0}body.yk-design-preview.color-library-page .color-detail-guide .surround input{height:1px;width:1px}@media only screen and (max-width:1100px){body.yk-design-preview.color-library-page .color-card-grid{-ms-grid-columns:(minmax(0,1fr))[4];grid-template-columns:repeat(4,minmax(0,1fr))}}@media only screen and (max-width:896px){body.yk-design-preview.color-library-page .color-filters .color-search{-ms-flex-preferred-size:100%;-webkit-flex-basis:100%;flex-basis:100%}body.yk-design-preview.color-library-page .color-detail-guide .wrap{width:calc(100% - 4rem)}body.yk-design-preview.color-library-page .color-detail-guide .color-layout{-ms-grid-columns:24rem 2.4rem minmax(0,1fr);gap:2.4rem;grid-template-columns:24rem minmax(0,1fr)}}@media only screen and (max-width:680px){body.yk-design-preview.color-library-page .color-detail-guide .color-layout{-ms-grid-columns:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}body.yk-design-preview.color-library-page .color-detail-guide .specimen{position:static}body.yk-design-preview.color-library-page .color-card-grid{-ms-grid-columns:minmax(0,1fr) 1.4rem minmax(0,1fr) 1.4rem minmax(0,1fr);gap:2.4rem 1.4rem;grid-template-columns:repeat(3,minmax(0,1fr))}body.yk-design-preview.color-library-page .color-editorial-columns{-ms-grid-columns:minmax(0,1fr);gap:2.4rem;grid-template-columns:minmax(0,1fr)}}@media only screen and (max-width:500px){body.yk-design-preview.color-library-page .color-intro .container{min-height:29rem;padding-block:2.4rem}body.yk-design-preview.color-library-page .color-intro:after{background:rgba(17,25,24,.788)}body.yk-design-preview.color-library-page .color-intro h1{font-size:2.8rem}body.yk-design-preview.color-library-page .color-intro p:not(.eyebrow):not(.color-number){font-size:1.4rem}body.yk-design-preview.color-library-page .color-catalog{padding-top:2.8rem}body.yk-design-preview.color-library-page .color-card-grid{-ms-grid-columns:minmax(0,1fr) 1.4rem minmax(0,1fr);gap:2.4rem 1.4rem;grid-template-columns:repeat(2,minmax(0,1fr))}body.yk-design-preview.color-library-page .color-filters label{-ms-flex-preferred-size:calc(50% - 1.2rem);-webkit-flex-basis:calc(50% - 1.2rem);flex-basis:calc(50% - 1.2rem);min-width:0}body.yk-design-preview.color-library-page .color-filters .color-search{min-width:0}body.yk-design-preview.color-library-page .color-filters label:last-of-type{-ms-flex-preferred-size:100%;-webkit-flex-basis:100%;flex-basis:100%}body.yk-design-preview.color-library-page .color-filters input,body.yk-design-preview.color-library-page .color-filters select{font-size:1.6rem}body.yk-design-preview.color-library-page .color-catalog-heading h2,body.yk-design-preview.color-library-page .color-contact h2,body.yk-design-preview.color-library-page .color-editorial h2{font-size:2.2rem}body.yk-design-preview.color-library-page .color-catalog-heading>p{font-size:1.1rem}body.yk-design-preview.color-library-page .color-card-name{font-size:1.3rem;min-height:4.3rem}body.yk-design-preview.color-library-page .color-detail-guide .wrap{width:calc(100% - 4rem)}body.yk-design-preview.color-library-page .color-detail-guide .comparisons{-ms-grid-columns:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}}