.coating-showcase{position:relative;isolation:isolate;overflow:hidden;background:#141a1c;border-block:1px solid #ffffff13;scroll-margin-top:100px}.coating-showcase:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 53% 45%,#65ccd40c,transparent 58%),linear-gradient(110deg,#101516,#192124 75%,#151b1d);pointer-events:none}.coating-topline{padding-block:25px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff13;font:8px/1.5 Arial,sans-serif;letter-spacing:2px;color:#96a9ad}.coating-topline>span:last-child{color:var(--accent)}.coating-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,2.2fr);gap:clamp(35px,4.3vw,74px);padding-block:60px 65px;align-items:center}.coating-selector .eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:21px}.coating-selector h2{font-size:clamp(28px,2.4vw,37px);line-height:1.55;letter-spacing:.015em}.coating-selector-intro{margin:19px 0 29px;font-size:12px;line-height:2;color:#aab8bb}.coating-years{display:flex;flex-wrap:wrap;justify-content:center;max-width:332px;gap:13px 12px}.coating-year{width:calc((100% - 24px)/3);max-width:102px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #7c969b50;border-radius:50%;background:#25323744;padding:9px 3px;transition:background .25s,border-color .25s,box-shadow .25s,color .25s,transform .25s;color:#dce7e9}.coating-year small{font-size:8px;line-height:1.2;letter-spacing:1px;color:#9bb4ba}.coating-year strong{font:35px/1.2 Arial,sans-serif;font-weight:400;letter-spacing:-1px;margin:2px 0 3px}.coating-year strong span{font-size:10px;letter-spacing:0;margin-left:3px}.coating-year-code{font:8px/1.4 Arial,sans-serif;letter-spacing:1px;white-space:nowrap}.coating-year:hover{border-color:#b0e4e9;background:#3a555b66;transform:translateY(-2px)}.coating-year.active{color:#0a262a;background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 5px #65ccd40a,0 9px 30px #0002}.coating-year.active small{color:#244b50}.coating-selector-hint{font-size:10px;letter-spacing:.3px;color:#89a1a7;text-align:center;max-width:332px;margin:22px 0 0}.coating-panels{min-width:0}.coating-card{display:grid;grid-template-columns:minmax(190px,.95fr) minmax(240px,1fr);gap:clamp(20px,2.4vw,40px);align-items:center;min-height:485px}.coating-card[hidden]{display:none!important}.coating-media{position:relative;isolation:isolate;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:360px;align-self:stretch}.coating-media:before{content:"";position:absolute;top:18%;right:-12%;bottom:20%;left:-12%;background:radial-gradient(ellipse,#9dd5df16,transparent 68%);z-index:-1;pointer-events:none}.coating-media:after{content:"";position:absolute;bottom:23%;left:10%;width:80%;height:7%;border-radius:50%;background:#0005;filter:blur(15px);z-index:-1;pointer-events:none}.coating-watermark{position:absolute;top:8%;left:4%;font:clamp(200px,20vw,300px)/1 Arial,sans-serif;font-weight:700;color:#aac9d008;z-index:-1;-webkit-user-select:none;user-select:none}.coating-media img{position:relative;width:100%;height:auto;max-height:380px;object-fit:contain;filter:drop-shadow(0 20px 20px #0005)}.coating-image-caption{font:8px/1.8 Arial,sans-serif;letter-spacing:1.2px;color:#839ca3;text-align:center;position:absolute;bottom:16px;left:0;right:0}.coating-copy{min-width:0}.coating-access{font-size:9px;letter-spacing:1px;color:#a4c5cb;display:flex;align-items:center;gap:8px;margin-bottom:16px}.coating-access>span{width:4px;height:4px;flex:none;border-radius:50%;background:var(--accent)}.coating-copy h3{font:clamp(34px,3.4vw,54px)/1.1 Arial,sans-serif;letter-spacing:-1.8px;font-weight:600;margin:0 0 12px;overflow-wrap:anywhere}.coating-subtitle{font-size:15px;line-height:1.5;letter-spacing:.8px;margin-bottom:25px;color:var(--accent)}.coating-subtitle>span{display:block;font:9px/1.7 Arial,sans-serif;letter-spacing:1px;color:#8ba6ad;margin-top:7px}.coating-copy h4{font-size:15px;font-weight:500;line-height:1.8;margin:0 0 10px}.coating-description{font-size:12px;line-height:2;color:#acbec2;margin:0 0 20px}.coating-features{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:23px}.coating-features>span{font-size:9px;line-height:1.4;padding:7px 8px;border:1px solid #89b6c030;border-radius:3px;color:#bdd9df;background:#5d919d08}.coating-suitable{border-top:1px solid #ffffff14;padding-top:17px;margin-bottom:22px}.coating-suitable>span{font-size:9px;letter-spacing:1px;color:#89a5ad}.coating-suitable p{font-size:11px;line-height:1.9;color:#acbec2;margin:6px 0 0}.coating-inquiry{width:100%;max-width:300px;font-size:11px;min-height:47px;padding:12px 17px;gap:18px}.coating-source{display:flex;width:max-content;align-items:center;gap:18px;font-size:9px;color:#9bb7bf;padding-block:9px 3px;margin-top:8px;border-bottom:1px solid #9bb7bf50}.coating-source:hover{color:var(--accent)}.coating-product-link{display:inline-block;font-size:11px;color:var(--accent);margin:16px 0 0;border-bottom:1px solid #65ccd450}.coating-bottomline{border-top:1px solid #ffffff13;padding-block:22px;display:flex;align-items:center;justify-content:space-between;gap:35px}.coating-bottomline>span{font:7px/1.8 Arial,sans-serif;letter-spacing:1.7px;color:#69848c;flex-shrink:0}.coating-bottomline p{font-size:9px;line-height:1.8;color:#8ba2a9;margin:0;max-width:650px}@media(min-width:1051px){.coating-card:not([hidden]) .coating-copy{animation:coating-appear .3s ease-out}.coating-card:not([hidden]) .coating-media img{animation:coating-appear .4s ease-out}}@keyframes coating-appear{0%{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:1200px){.coating-layout{grid-template-columns:250px minmax(0,1fr);gap:32px}.coating-year strong{font-size:29px}.coating-year small,.coating-year-code{font-size:7px}.coating-card{grid-template-columns:minmax(145px,.8fr) minmax(230px,1.2fr);gap:15px}.coating-copy h3{font-size:39px}.coating-media{min-height:325px}.coating-image-caption{font-size:7px;letter-spacing:.6px}}@media(max-width:1050px){.coating-layout{grid-template-columns:1fr;gap:40px;padding-block:43px 50px}.coating-selector{display:grid;grid-template-columns:minmax(0,1fr) 1fr;gap:0 45px;align-items:center}.coating-selector .eyebrow{grid-column:1;margin-bottom:16px}.coating-selector h2{grid-column:1;font-size:31px}.coating-selector-intro{grid-column:1;margin:14px 0 0}.coating-years{grid-column:2;grid-row:1/4;max-width:330px;justify-self:end;width:100%}.coating-year strong{font-size:34px}.coating-year small,.coating-year-code{font-size:8px}.coating-selector-hint{display:none}.coating-card{grid-template-columns:minmax(220px,1fr) minmax(260px,1.15fr);gap:45px;min-height:435px;border-top:1px solid #ffffff13;padding-top:42px}.coating-media{min-height:350px}.coating-copy h3{font-size:47px}.coating-image-caption{font-size:8px}.coating-bottomline{align-items:flex-start;gap:25px}.coating-bottomline>span{max-width:150px}}@media(max-width:600px){.coating-topline{padding-block:20px;font-size:7px;letter-spacing:1.1px}.coating-topline>span:last-child{font-size:6px;letter-spacing:.7px}.coating-layout{gap:32px;padding-block:33px 35px}.coating-selector{display:block}.coating-selector .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:17px}.coating-selector h2{font-size:29px}.coating-selector-intro{font-size:11px;margin:14px 0 22px}.coating-selector-intro br{display:none}.coating-years{max-width:none;gap:8px;justify-content:space-between}.coating-year{width:calc((100% - 32px)/5);max-width:84px;padding:7px 2px;min-width:0}.coating-year strong{font-size:clamp(20px,6.5vw,29px);margin:1px 0}.coating-year strong span{font-size:8px;margin-left:2px}.coating-year small{font-size:6px;letter-spacing:0}.coating-year-code{font-size:clamp(5px,1.5vw,7px);letter-spacing:0}.coating-selector-hint{display:block;margin:17px 0 0;max-width:none;text-align:left;font-size:9px}.coating-card{display:flex;flex-direction:column;gap:24px;min-height:0;padding-top:27px}.coating-media{min-height:0;width:100%;height:260px;align-self:center}.coating-media img{height:240px;max-height:none;width:100%;max-width:370px;object-fit:contain}.coating-watermark{font-size:240px;top:0;left:10%}.coating-image-caption{position:static;font-size:7px;margin-top:4px}.coating-media:after{bottom:15%;left:18%;width:64%}.coating-copy{width:100%}.coating-access{font-size:9px;margin-bottom:13px}.coating-copy h3{font-size:43px;margin-bottom:10px}.coating-subtitle{font-size:14px;margin-bottom:21px}.coating-copy h4{font-size:15px}.coating-description{font-size:12px;margin-bottom:17px}.coating-features,.coating-suitable{margin-bottom:20px}.coating-inquiry{max-width:none}.coating-source{font-size:10px}.coating-bottomline{display:block;padding-block:20px}.coating-bottomline>span{display:block;max-width:none;margin-bottom:9px}.coating-bottomline p{font-size:8px;line-height:1.9}}@media(prefers-reduced-motion:reduce){.coating-year{transition:none}.coating-card:not([hidden]) .coating-copy,.coating-card:not([hidden]) .coating-media img{animation:none}}.coating-professional-badge{display:inline-block;color:var(--accent);border:1px solid #65ccd44d;border-radius:30px;padding:6px 12px;margin:19px 0 0;font-size:10px;letter-spacing:1px}.coating-selector .coating-professional-badge+.coating-selector-intro{margin-top:13px}@media(max-width:1050px){.coating-selector .coating-professional-badge{grid-column:1;grid-row:3;justify-self:start}.coating-selector .coating-professional-badge+.coating-selector-intro{grid-row:4}.coating-selector .coating-years{grid-row:1/5}}@media(max-width:600px){.coating-professional-badge{font-size:9px;padding:6px 11px;margin-top:16px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/coatings.css.map */