/* style.css */ /* Theme Name: Superior Modern Description: A modern parallax theme for Superior Coatings. Version: 1.0.0 Requires PHP: 8.0 Text Domain: superior-modern */ #superior-concept{--ink:#171c1b;--paper:#f4f3ed;--accent:#c4ed71;--wall:#657568;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow:hidden}#superior-concept *{box-sizing:border-box}#superior-concept button,#superior-concept a{font:inherit}#superior-concept button{cursor:pointer}#superior-concept .sc-nav{display:flex;align-items:center;justify-content:space-between;padding:28px 4%;gap:24px;border-bottom:1px solid #d7d9d0}#superior-concept .sc-logo{font-weight:800;font-size:21px;letter-spacing:-1px;line-height:1}#superior-concept .sc-logo small{display:block;font-size:10px;letter-spacing:4px;margin-top:6px}#superior-concept .sc-links{display:flex;gap:24px;align-items:center;font-size:12px}#superior-concept a{color:inherit;text-decoration:none}#superior-concept .sc-contact{padding:12px 18px;border:1px solid #222;border-radius:30px}#superior-concept .sc-hero{padding:50px 5% 30px;position:relative}#superior-concept .sc-eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:10px}#superior-concept .sc-dot{width:7px;height:7px;border-radius:50%;background:#55734d}#superior-concept .sc-title{font-size:clamp(58px,10.4vw,112px);line-height:.94;letter-spacing:-7px;font-weight:500;margin:30px 0 28px;position:relative;z-index:2}#superior-concept .sc-title em{font-family:Georgia,serif;font-weight:400}#superior-concept .sc-hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px}#superior-concept .sc-copy{font-size:14px;line-height:1.65;max-width:285px;margin:0}#superior-concept .sc-cta{border:0;border-radius:30px;background:var(--ink);color:var(--paper);padding:16px 24px;font-size:12px;display:inline-flex;align-items:center;gap:25px}#superior-concept .sc-arrow{font-size:20px}#superior-concept .sc-scene{margin:32px 3% 0;position:relative;height:400px;overflow:hidden;border-radius:4px;background:#bec0b0}#superior-concept .sc-scene svg{width:100%;height:116%;position:absolute;top:-8%;object-fit:cover;transition:transform .12s ease-out}#superior-concept .sc-floating{position:absolute;left:28px;bottom:25px;background:#f4f3ed;color:#171c1b;padding:18px 22px;display:flex;gap:20px;align-items:center;border-radius:3px;box-shadow:0 12px 45px #0002}#superior-concept .sc-floating small{font-size:9px;letter-spacing:1.5px;display:block;margin-bottom:7px}#superior-concept .sc-floating strong{font-size:13px;font-weight:500}#superior-concept .sc-swatch{height:34px;width:34px;border-radius:50%;background:var(--wall);border:4px solid #e1e2da}#superior-concept .sc-scene-label{position:absolute;right:25px;bottom:32px;color:#fff;font-size:10px;letter-spacing:1.5px}#superior-concept .sc-strip{padding:26px 5%;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #d7d9d0;font-size:11px}#superior-concept .sc-strip strong{font-size:15px;letter-spacing:-.5px}#superior-concept .sc-section{padding:65px 5%}#superior-concept .sc-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}#superior-concept h2{font-size:42px;font-weight:500;line-height:1.1;letter-spacing:-2px;margin:15px 0 0}#superior-concept .sc-heading p{font-size:12px;line-height:1.6;max-width:235px}#superior-concept .sc-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#superior-concept .sc-project{border:0;text-align:left;background:#dedfd3;position:relative;height:225px;overflow:hidden;padding:20px;color:#171c1b}#superior-concept .sc-project:nth-child(2){background:#c4b09a}#superior-concept .sc-project:nth-child(3){background:#b8c3bf}#superior-concept .sc-project b{font-size:17px;font-weight:500;position:absolute;bottom:20px;left:20px;z-index:2}#superior-concept .sc-project .sc-arrow{position:absolute;right:18px;bottom:17px;z-index:2}#superior-concept .sc-project .sc-no{font-size:10px;letter-spacing:1px}#superior-concept .sc-arch{position:absolute;width:130px;height:180px;left:50%;top:40px;transform:translateX(-50%);border-radius:80px 80px 0 0;background:linear-gradient(100deg,#faf9ec,#a7b297);box-shadow:14px 12px 20px #0001}#superior-concept .sc-wood{position:absolute;inset:55px 20px 45px;transform:rotate(-12deg);background:repeating-linear-gradient(90deg,#745b40 0px,#745b40 2px,#a98a64 3px,#ad8e68 24px);box-shadow:12px 16px 20px #0002}#superior-concept .sc-cylinder{width:100px;height:120px;background:linear-gradient(90deg,#697876,#bdc9c4,#728481);border-radius:50% / 12%;position:absolute;left:50%;top:50px;transform:translateX(-50%);box-shadow:14px 18px 15px #0002}#superior-concept .sc-service{background:var(--ink);color:var(--paper);padding:60px 5%;display:grid;grid-template-columns:1.1fr 1fr;gap:50px}#superior-concept .sc-service h2{font-size:48px}#superior-concept .sc-service p{font-size:13px;line-height:1.7;color:#c1c7c2;max-width:300px}#superior-concept .sc-service .sc-cta{background:var(--accent);color:#171c1b;margin-top:15px}#superior-concept .sc-service-list{align-self:center}#superior-concept .sc-service-list :is(button,a){display:flex;justify-content:space-between;gap:20px;width:100%;background:transparent;color:#f4f3ed;padding:20px 0;border:0;border-bottom:1px solid #4b514b;text-align:left;font-size:15px}#superior-concept .sc-footer{padding:35px 5%;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:11px;line-height:1.7}#superior-concept .sc-dialog{background:#f4f3ed;color:#171c1b;border:0;border-radius:8px;padding:32px;max-width:420px;width:calc(100% - 40px);box-shadow:0 20px 80px #0004}#superior-concept .sc-dialog::backdrop{background:#171c1b99}#superior-concept .sc-dialog h3{font-size:26px;margin:0 0 18px}#superior-concept .sc-dialog p{font-size:14px;line-height:1.7}#superior-concept .sc-dialog button{margin-top:15px}#superior-concept .sc-hint{font-size:9px;letter-spacing:1px;margin-top:15px;text-align:right;color:#666f66}@media(max-width:600px){#superior-concept .sc-links>a:not(.sc-contact){display:none}#superior-concept .sc-title{letter-spacing:-4px}#superior-concept .sc-hero-bottom{align-items:start;flex-direction:column}#superior-concept .sc-scene{height:300px}#superior-concept .sc-strip{flex-wrap:wrap}#superior-concept .sc-heading{align-items:start;flex-direction:column}#superior-concept .sc-projects{grid-template-columns:1fr}#superior-concept .sc-project{height:200px}#superior-concept .sc-service{grid-template-columns:1fr;gap:20px}#superior-concept .sc-footer{align-items:start;flex-direction:column}#superior-concept .sc-scene-label{display:none}#superior-concept h2{font-size:36px}} html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f4f3ed}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #64865c;outline-offset:5px}.sc-skip{position:absolute;top:-100px;left:20px;z-index:100;background:#fff;padding:16px}.sc-skip:focus{top:10px}#superior-concept .sc-scene img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;transition:transform .12s ease-out}#superior-concept .sc-hero{max-width:1600px;margin:auto}#superior-concept .sc-scene{height:clamp(320px,40vw,640px)}#superior-concept .sc-title{font-size:clamp(52px,8.8vw,140px);letter-spacing:-.065em}#superior-concept .sc-copy{font-size:16px;max-width:360px}#superior-concept .sc-links{font-size:14px}#superior-concept .sc-eyebrow,#superior-concept .sc-hint{font-size:11px}#superior-concept .sc-project{height:290px;transition:transform .25s}#superior-concept :is(.sc-project,.sc-product-card):is(:hover,:focus-visible){transform:translateY(-5px)}#superior-concept .sc-dialog h3{margin:0 30px 18px 0}#superior-concept .sc-dialog[open]{animation:sc-open .18s ease-out}#superior-concept .sc-dialog .sc-dialog-close{position:absolute;right:14px;top:8px;background:none;color:#171c1b;border:0;padding:10px;font-size:22px;margin:0}#superior-concept .sc-hours{display:block;margin-top:10px;color:#526351}#superior-concept .sc-content{padding:70px 5%;max-width:1100px;margin:auto;min-height:55vh}#superior-concept .sc-content h1{font-size:clamp(40px,6vw,80px);letter-spacing:-.05em}#superior-concept .sc-content p{line-height:1.8}#superior-concept .sc-content a{text-decoration:underline}#superior-concept .sc-menu{display:none}#superior-concept .sc-floating{max-width:calc(100% - 32px)}@keyframes sc-open{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(min-width:1600px){#superior-concept .sc-nav,#superior-concept .sc-section,#superior-concept .sc-footer,#superior-concept .sc-strip,#superior-concept .sc-service{padding-left:calc((100% - 1440px)/2);padding-right:calc((100% - 1440px)/2)}}@media(max-width:600px){#superior-concept .sc-menu{display:block;border:1px solid #171c1b;border-radius:50%;width:44px;height:44px;background:transparent;color:#171c1b;font-size:20px}#superior-concept .sc-nav{flex-wrap:wrap;gap:15px}#superior-concept .sc-links{display:none;width:100%;flex-direction:column;align-items:stretch;padding:10px 0}#superior-concept .sc-links.is-open{display:flex}#superior-concept .sc-links>a:not(.sc-contact){display:block;padding:10px 0}#superior-concept .sc-floating{left:16px;bottom:18px;padding:14px;gap:12px}#superior-concept .sc-floating strong{font-size:12px}#superior-concept .sc-title{font-size:clamp(48px,10vw,62px)}#superior-concept .sc-project{height:230px}#superior-concept .sc-service h2{font-size:42px}#superior-concept .sc-section{padding-top:45px;padding-bottom:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#superior-concept *,#superior-concept *:before,#superior-concept *:after{animation:none!important;transition:none!important;transform:none!important}#superior-concept .sc-arch,#superior-concept .sc-cylinder{transform:translateX(-50%)!important}} /* Immersive editorial direction */ body{background:#141a17} #superior-concept{--paper:#f2f0e7;--ink:#141a17;--accent:#d5ed8a;background:var(--paper)} .home #superior-concept .sc-nav{position:absolute;z-index:5;inset:0 0 auto;color:#fff;border-bottom:1px solid #ffffff35;padding:28px 4%;background:linear-gradient(#0003,transparent)} #superior-concept .sc-logo{font-size:28px;letter-spacing:-1.5px}#superior-concept .sc-logo small{font-size:11px;letter-spacing:5px}#superior-concept .sc-links{gap:40px;font-size:14px}.home #superior-concept .sc-contact{border-color:#ffffff80;padding:15px 24px} #superior-concept .sc-hero{min-height:860px;height:100svh;max-width:none;padding:170px 5% 55px;display:flex;flex-direction:column;justify-content:center;color:#fff;isolation:isolate;background:#273e31} #superior-concept .sc-hero .sc-scene{position:absolute;inset:0;margin:0;height:auto;border-radius:0;z-index:-2;background:#273e31;overflow:hidden} #superior-concept .sc-hero .sc-scene img{width:100%;height:120%;top:-10%;object-fit:cover;object-position:center 60%;filter:brightness(.78);will-change:transform} #superior-concept .sc-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#09180db8,#0c190d38 70%),linear-gradient(0deg,#0c180c88,transparent 40%)} #superior-concept .sc-title{font-size:clamp(76px,9.4vw,172px);letter-spacing:-.067em;line-height:.93;margin:36px 0 35px;max-width:1400px;text-shadow:0 4px 40px #0001;font-weight:500} #superior-concept .sc-title em{color:#d5ed8a}#superior-concept .sc-hero .sc-eyebrow{font-size:11px;letter-spacing:3px}#superior-concept .sc-dot{background:#d5ed8a} #superior-concept .sc-hero-bottom{align-items:center;justify-content:flex-start;gap:70px}#superior-concept .sc-copy{font-size:16px;max-width:340px;color:#eeeeea}#superior-concept .sc-hero .sc-cta{background:#d5ed8a;color:#142013;font-size:14px;padding:21px 29px;border-radius:3px;gap:55px}#superior-concept .sc-cta{transition:background .2s,transform .2s}#superior-concept .sc-cta:hover{transform:translateY(-3px)} #superior-concept .sc-floating{left:auto;right:4%;bottom:45px;background:#ffffff13;backdrop-filter:blur(18px);border:1px solid #ffffff45;color:#fff;border-radius:0;padding:20px 25px;box-shadow:none}#superior-concept .sc-swatch{background:#d5ed8a;border:4px solid #ffffff28}#superior-concept .sc-floating small{font-size:10px;color:#d5ed8a}#superior-concept .sc-scene-label{display:none}#superior-concept .sc-hint{position:absolute;left:5%;bottom:48px;color:#fff;text-align:left;font-size:10px;letter-spacing:2px} #superior-concept .sc-strip{background:#d5ed8a;border:0;padding:30px 5%;gap:25px}#superior-concept .sc-strip strong{font-size:clamp(18px,2.5vw,36px);font-weight:500;letter-spacing:-1px}#superior-concept .sc-strip>span{max-width:180px;line-height:1.7;letter-spacing:1.5px;font-size:10px} #superior-concept .sc-section{padding:110px 5% 120px}#superior-concept h2{font-size:clamp(48px,6.5vw,100px);letter-spacing:-.055em;line-height:.98;margin-top:25px}#superior-concept .sc-heading{margin-bottom:60px;gap:40px}#superior-concept .sc-heading p{font-size:16px;max-width:290px}#superior-concept .sc-projects{gap:20px}#superior-concept .sc-project{height:clamp(340px,38vw,550px);padding:28px;background:#7d8c72;color:#fff;isolation:isolate}#superior-concept .sc-project:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111a17b3,transparent 65%);z-index:-1}#superior-concept .sc-project:nth-child(2){background:#94765a}#superior-concept .sc-project:nth-child(3){background:#384c47}#superior-concept .sc-project b{font-size:clamp(22px,2.2vw,34px);bottom:32px;left:28px;max-width:80%;letter-spacing:-1px}#superior-concept .sc-project .sc-no{position:relative;z-index:2;font-size:11px;letter-spacing:2px}#superior-concept .sc-project .sc-arrow{bottom:27px;right:28px;font-size:34px}#superior-concept .sc-arch{width:65%;height:80%;top:18%;background:linear-gradient(110deg,#b4bea1,#879575);box-shadow:30px 20px 45px #16291850;z-index:-2}#superior-concept .sc-wood{inset:12% 15% 15%;background:repeating-linear-gradient(90deg,#695037 0,#695037 3px,#ab875e 5px,#b49068 60px);z-index:-2;transform:rotate(-16deg);box-shadow:25px 30px 50px #0004}#superior-concept .sc-cylinder{width:60%;height:58%;top:20%;background:linear-gradient(90deg,#25463f,#93aaa1,#2e5047);z-index:-2;box-shadow:35px 25px 50px #0005} #superior-concept .sc-service{padding:130px 5%;gap:90px;min-height:85svh;align-items:center;background:#141a17;position:relative;overflow:hidden}#superior-concept .sc-service:before{content:'SUPERIOR';position:absolute;bottom:-4vw;left:1%;font-size:19vw;font-weight:700;letter-spacing:-1.5vw;color:#ffffff04;pointer-events:none}#superior-concept .sc-service h2{font-size:clamp(56px,7.5vw,120px)}#superior-concept .sc-service p{font-size:16px;max-width:380px;margin-top:30px}#superior-concept .sc-service .sc-cta{border-radius:3px;padding:22px 28px;font-size:14px}#superior-concept .sc-service-list :is(button,a){font-size:clamp(18px,2vw,29px);padding:28px 0;letter-spacing:-.5px}#superior-concept .sc-service-list :is(button,a):hover{color:#d5ed8a}#superior-concept .sc-footer{padding:65px 5%;font-size:13px;border-top:1px solid #d8d9cf}#superior-concept .sc-footer .sc-logo{font-size:clamp(25px,3vw,44px)} @media(max-width:900px){#superior-concept .sc-hero{min-height:740px;padding-top:145px}#superior-concept .sc-title{font-size:11vw}#superior-concept .sc-hero-bottom{gap:30px}#superior-concept .sc-projects{gap:12px}#superior-concept .sc-service{gap:40px}#superior-concept .sc-floating{display:none}} @media(max-width:600px){#superior-concept .sc-nav{padding:22px 6%}.home #superior-concept .sc-nav{background:transparent}.home #superior-concept .sc-menu{color:#fff;border-color:#ffffff70}.home #superior-concept .sc-links.is-open{background:#14251ef5;padding:20px;border:1px solid #ffffff40}#superior-concept .sc-logo{font-size:24px}#superior-concept .sc-hero{height:100svh;min-height:740px;padding:150px 6% 90px;justify-content:center}#superior-concept .sc-title{font-size:clamp(52px,12.7vw,77px);line-height:.98;letter-spacing:-.065em;margin:28px 0}#superior-concept .sc-hero .sc-eyebrow{font-size:10px;letter-spacing:1.7px;line-height:1.7}#superior-concept .sc-hero .sc-scene img{object-position:65% center;filter:brightness(.65)}#superior-concept .sc-hero:after{background:linear-gradient(90deg,#0a170caa,#0c190d22),linear-gradient(0deg,#09150c80,transparent)}#superior-concept .sc-hero-bottom{gap:24px}#superior-concept .sc-copy{font-size:14px;max-width:290px}#superior-concept .sc-hero .sc-cta{padding:18px 23px}#superior-concept .sc-hint{left:6%;bottom:30px}#superior-concept .sc-strip{padding:25px 6%;display:grid;grid-template-columns:1fr 1fr}#superior-concept .sc-strip>span{max-width:none;font-size:9px}#superior-concept .sc-strip strong{font-size:24px}#superior-concept .sc-section{padding:70px 6%}#superior-concept h2{font-size:48px}#superior-concept .sc-heading{gap:15px;margin-bottom:30px}#superior-concept .sc-heading p{font-size:14px}#superior-concept .sc-projects{gap:16px}#superior-concept .sc-project{height:400px}#superior-concept .sc-project b{font-size:29px}#superior-concept .sc-service{padding:80px 6%;gap:25px}#superior-concept .sc-service h2{font-size:56px}#superior-concept .sc-service p{font-size:14px}#superior-concept .sc-service-list :is(button,a){font-size:21px;padding:24px 0}#superior-concept .sc-footer{padding:45px 6%}#superior-concept .sc-footer .sc-logo{font-size:32px}} #superior-concept .sc-catalogue-hero{padding:60px 5% 75px;background:#17271f;color:#f2f0e7}#superior-concept .sc-breadcrumb{display:block;font-size:13px;margin-bottom:45px}#superior-concept .sc-catalogue h1,#superior-concept .sc-product-detail h1{font-size:clamp(48px,7vw,110px);letter-spacing:-.06em;line-height:1;margin:25px 0}#superior-concept .sc-catalogue-hero p{font-size:17px;max-width:560px;line-height:1.6}#superior-concept .sc-category-nav{padding:30px 5%;display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid #ccd0c4}#superior-concept .sc-category-nav a{padding:12px 16px;border:1px solid #c5c9be;border-radius:3px;font-size:13px}#superior-concept .sc-category-nav .selected{background:#17271f;color:#fff;border-color:#17271f}#superior-concept .sc-results{padding:45px 5% 80px}#superior-concept .sc-filters{display:flex;flex-wrap:wrap;align-items:end;gap:16px}#superior-concept .sc-filters label{display:flex;flex-direction:column;gap:10px;font-size:12px;flex:1;min-width:180px}#superior-concept .sc-filters input,#superior-concept .sc-filters select{font:inherit;font-size:16px;padding:15px;width:100%;border:1px solid #aeb6a7;background:#fff;color:#17271f;border-radius:3px;min-height:52px}#superior-concept .sc-filters button{min-height:52px;border-radius:3px}#superior-concept .sc-filters>a{padding:18px 5px;font-size:13px;text-decoration:underline}#superior-concept .sc-results-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin:45px 0 25px}#superior-concept .sc-results-heading h2{font-size:30px;margin:0;letter-spacing:-1px}#superior-concept .sc-results-heading span{font-size:13px;color:#526351}#superior-concept .sc-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}#superior-concept .sc-product-card{padding:30px;background:#e5e7dd;border-top:3px solid #738c64;display:flex;flex-direction:column;min-height:240px;transition:background .2s,transform .25s}#superior-concept .sc-product-card:hover{background:#d8e3c6}#superior-concept .sc-product-brand{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#465640}#superior-concept .sc-product-card h3{font-size:27px;letter-spacing:-1px;font-weight:500;margin:22px 0 14px;overflow-wrap:anywhere}#superior-concept .sc-product-card p{font-size:12px;line-height:1.6;color:#526351;margin:0 0 25px}#superior-concept .sc-product-link{margin-top:auto;font-size:12px;display:flex;justify-content:space-between}#superior-concept .sc-product-link span{font-size:20px}#superior-concept .sc-catalogue-help{margin-top:65px;background:#17271f;color:#fff;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:25px}#superior-concept .sc-catalogue-help h2{font-size:38px;margin:0}#superior-concept .sc-catalogue-help .sc-cta{background:#d5ed8a;color:#17271f;border-radius:3px}#superior-concept .sc-empty{padding:40px 0}#superior-concept .sc-product-detail{padding:65px 5% 100px}#superior-concept .sc-detail-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;margin-top:45px}#superior-concept .sc-detail-layout h2{font-size:30px;letter-spacing:-1px;line-height:1.2;margin:30px 0 20px}#superior-concept .sc-detail-layout p{font-size:16px;line-height:1.8}#superior-concept .sc-detail-layout aside{background:#dfe6d4;padding:35px;align-self:start}#superior-concept .sc-detail-layout a:not(.sc-cta){text-decoration:underline;text-underline-offset:4px}#superior-concept .sc-detail-categories{display:flex;flex-direction:column;gap:14px}#superior-concept .sc-detail-layout li{padding:8px 0;font-size:14px}@media(max-width:900px){#superior-concept .sc-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#superior-concept .sc-detail-layout{gap:30px}}@media(max-width:600px){#superior-concept .sc-catalogue-hero{padding:40px 6% 50px}#superior-concept .sc-catalogue h1,#superior-concept .sc-product-detail h1{font-size:48px;overflow-wrap:anywhere}#superior-concept .sc-category-nav{padding:25px 6%}#superior-concept .sc-category-nav a{font-size:12px;padding:10px 12px}#superior-concept .sc-results{padding:30px 6% 60px}#superior-concept .sc-product-grid{grid-template-columns:1fr}#superior-concept .sc-catalogue-help{padding:30px;align-items:start;flex-direction:column}#superior-concept .sc-catalogue-help h2{font-size:32px}#superior-concept .sc-detail-layout{grid-template-columns:1fr}#superior-concept .sc-product-detail{padding:40px 6% 70px}} #superior-concept .sc-range-link{margin-top:30px;border-radius:3px;font-size:14px}#superior-concept a.sc-project{display:block} #superior-concept .sc-pagination{display:flex;flex-wrap:wrap;gap:10px;margin:35px 0}#superior-concept .sc-pagination a,#superior-concept .sc-pagination span{padding:12px 17px;border:1px solid #b5beaa}#superior-concept .sc-pagination .current{background:#17271f;color:#fff} #superior-concept .sc-product-image{height:220px;background:#fff;margin:-12px -12px 25px;padding:20px;display:flex;align-items:center;justify-content:center}#superior-concept .sc-product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}#superior-concept .sc-detail-image{background:#fff;padding:35px;margin-bottom:30px;display:flex;align-items:center;justify-content:center}#superior-concept .sc-detail-image img{width:auto;max-width:100%;height:auto;max-height:480px;object-fit:contain} /* Blend white product-photo backgrounds into the surrounding surface. */ #superior-concept .sc-product-image{background:transparent} #superior-concept .sc-detail-image{background:#e5e7dd} #superior-concept .sc-detail-image img{mix-blend-mode:multiply} #superior-concept .sc-search{position:relative;flex:1;min-width:180px;display:flex;flex-direction:column;gap:10px}#superior-concept .sc-search>label{display:block;min-width:0;flex:none;font-size:12px}#superior-concept #sc-suggestions{position:absolute;top:100%;left:0;right:0;z-index:20;list-style:none;margin:5px 0 0;padding:5px;background:#f9faf5;border:1px solid #aeb6a7;box-shadow:0 16px 30px #17271f22;max-height:360px;overflow-y:auto}#superior-concept #sc-suggestions[hidden]{display:none}#superior-concept #sc-suggestions li{padding:14px 12px;cursor:pointer;color:#17271f}#superior-concept #sc-suggestions li:hover,#superior-concept #sc-suggestions li[aria-selected="true"]{background:#dce6ce}#superior-concept #sc-suggestions strong{display:block;font-size:15px;font-weight:500}#superior-concept #sc-suggestions small{display:block;font-size:11px;margin-top:6px;color:#526351}#superior-concept .sc-search-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} /* Our Specialists */ #superior-concept .sc-team-section{padding:65px 5% 90px}#superior-concept .sc-team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}#superior-concept .sc-team-card{background:#e5e7dd;display:flex;flex-direction:column}#superior-concept .sc-team-photo{aspect-ratio:1;overflow:hidden;background:#d4dacf}#superior-concept .sc-team-photo img{display:block;width:100%;height:100%;object-fit:cover}#superior-concept .sc-team-info{padding:25px;display:flex;flex-direction:column;flex:1}#superior-concept .sc-team-info h2{font-size:29px;letter-spacing:-1px;line-height:1.12;margin:0 0 14px}#superior-concept .sc-team-role{font-size:12px;font-weight:700;line-height:1.6;color:#40563e;margin:0 0 18px}#superior-concept .sc-team-description{font-size:14px;line-height:1.7;margin:0 0 26px}#superior-concept .sc-team-contact{display:flex;justify-content:space-between;gap:15px;margin-top:auto;padding-top:18px;border-top:1px solid #bbc5b1;font-size:13px}#superior-concept .sc-team-contact:hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:1100px){#superior-concept .sc-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#superior-concept .sc-team-section{padding:35px 6% 60px}#superior-concept .sc-team-grid{grid-template-columns:1fr;gap:28px}} /* Brands directory: locally hosted official logos and layered parallax hero. */ #superior-concept .sc-brands-hero{position:relative;isolation:isolate;overflow:hidden;min-height:650px;padding:60px 5% 85px;display:flex;align-items:center} #superior-concept .sc-brands-hero .sc-scene{position:absolute;inset:0;margin:0;height:100%;border-radius:0;z-index:-2;background:#17271f} #superior-concept .sc-brands-hero .sc-scene img{position:absolute;inset:-12% 0;width:100%;height:124%;object-fit:cover;object-position:center;will-change:transform} #superior-concept .sc-brands-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0a1b13eb,#10281bb0 50%,#10281b30)} #superior-concept .sc-brands-intro{max-width:850px}#superior-concept .sc-brands-intro h1{font-size:clamp(55px,7.5vw,112px)}#superior-concept .sc-brands-intro p{max-width:470px;margin-bottom:30px} #superior-concept .sc-brands-intro .sc-cta{background:#d5ed8a;color:#17271f;border-radius:3px} #superior-concept .sc-brands-hero .sc-floating{display:flex;flex-direction:column;align-items:flex-start;gap:0;right:5%;bottom:40px} #superior-concept .sc-brand-card{background:#e8e9e1;padding:25px;min-height:350px;border-top:0} #superior-concept .sc-brand-logo{height:155px;display:flex;align-items:center;justify-content:center;padding:28px;background:transparent;border-radius:3px} #superior-concept .sc-brand-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply} #superior-concept .sc-brand-card:focus-visible{outline:3px solid #506c3e;outline-offset:4px} #superior-concept .sc-brands .sc-results-heading h2{font-size:clamp(28px,3vw,44px)} @media(max-width:600px){#superior-concept .sc-brands-hero{min-height:610px;padding:40px 6% 70px}#superior-concept .sc-brands-hero .sc-floating{display:none}#superior-concept .sc-brands-intro h1{font-size:56px}#superior-concept .sc-brand-card{min-height:330px}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-brands-hero .sc-scene img{will-change:auto}#superior-concept .sc-brands .sc-cta{transition:none}} /* Brand-specific catalogue headers. Original material illustrations. */ #superior-concept .sc-brand-hero{position:relative;overflow:hidden;isolation:isolate;min-height:670px;background:var(--brand-tone);padding:50px 5% 65px} #superior-concept .sc-brand-backdrop{position:absolute;inset:-70px 0;z-index:-2;will-change:transform} #superior-concept .sc-brand-backdrop img{width:100%;height:100%;object-fit:cover} #superior-concept .sc-brand-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101d19f5,#101d19b8 43%,#101d1910 85%)} #superior-concept .sc-brand-hero-content{max-width:780px}#superior-concept .sc-brand-hero .sc-breadcrumb{margin-bottom:30px} #superior-concept .sc-brand-hero-logo{display:flex;align-items:center;background:#f4f3ed;border-radius:3px;width:270px;height:110px;padding:22px 28px;margin:25px 0} #superior-concept .sc-brand-hero-logo img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply} #superior-concept .sc-brand-hero h1{font-size:clamp(44px,5.2vw,78px);line-height:1.04;max-width:700px;margin:25px 0;letter-spacing:-.055em} #superior-concept .sc-brand-hero p{max-width:480px}#superior-concept .sc-brand-hero .sc-cta{background:#d5ed8a;color:#17271f;border-radius:3px;margin-top:15px} #superior-concept .sc-brand-hero-actions{display:inline-flex;flex-wrap:wrap;align-items:center;gap:12px;max-width:100%;margin-top:15px;vertical-align:middle} #superior-concept .sc-brand-hero .sc-brand-hero-actions > .sc-cta{margin:0} #superior-concept .sc-brand-official{display:inline-block;font-size:12px;margin-left:24px;text-decoration:underline;text-underline-offset:4px} @media(max-width:600px){#superior-concept .sc-brand-hero{min-height:650px;padding:35px 6% 50px}#superior-concept .sc-brand-hero-logo{width:230px;height:95px}#superior-concept .sc-brand-hero h1{font-size:48px}#superior-concept .sc-brand-official{display:block;margin:25px 0 0}#superior-concept .sc-brand-backdrop img{object-position:65% center}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-brand-backdrop{will-change:auto}} #superior-concept .sc-application-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 35px}#superior-concept .sc-application-tags a{font-size:12px;padding:10px 14px;border:1px solid #b4bea9;border-radius:3px;text-decoration:none} #superior-concept .sc-document-list{padding-left:20px}#superior-concept .sc-document-list li{line-height:1.7} #superior-concept .sc-product-resources{border-top:1px solid #bbc4b2;padding:22px 0;margin:15px 0}#superior-concept .sc-product-resources summary{font-size:20px;font-weight:600;cursor:pointer;line-height:1.4}#superior-concept .sc-colour-options{white-space:pre-wrap;overflow-wrap:anywhere} #superior-concept .sc-product-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}#superior-concept .sc-product-gallery a{text-decoration:none!important;font-size:11px;line-height:1.5;overflow-wrap:anywhere}#superior-concept .sc-product-gallery img{width:100%;height:180px;object-fit:contain;display:block;background:#e5e7dd;margin-bottom:8px}#superior-concept .sc-product-gallery span{display:block}#superior-concept .sc-manufacturer-source{margin-top:35px;font-size:13px} @media(max-width:600px){#superior-concept .sc-product-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}#superior-concept .sc-product-gallery img{height:130px}} /* Sansin colour gallery */ #superior-concept .sc-colours-link{margin-left:12px}#superior-concept .sc-colour-note{max-width:850px;line-height:1.7;font-size:15px;color:#526351}#superior-concept .sc-colour-controls{margin:35px 0}#superior-concept .sc-colour-controls label{display:block;font-size:13px}#superior-concept #sc-colour-search{display:block;width:100%;max-width:550px;margin:12px 0 24px;padding:16px;background:#fff;border:1px solid #aeb6a7;font:inherit;font-size:16px}#superior-concept .sc-colour-filters{display:flex;flex-wrap:wrap;gap:10px}#superior-concept .sc-colour-filters button{padding:12px 16px;background:transparent;border:1px solid #aeb6a7;color:#17271f;font-size:13px}#superior-concept .sc-colour-filters button[aria-pressed=true]{background:#17271f;color:#fff}#superior-concept .sc-colour-collection{margin:50px 0}#superior-concept .sc-colour-collection h2{font-size:36px;margin:0 0 25px;letter-spacing:-1px}#superior-concept .sc-colour-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px}#superior-concept .sc-colour-card{margin:0;background:#e5e7dd}#superior-concept .sc-colour-card img{width:100%;aspect-ratio:1.85;object-fit:cover;display:block}#superior-concept .sc-colour-card figcaption{padding:16px;font-size:12px;line-height:1.5;font-weight:700}#superior-concept .sc-colour-source{font-size:12px;margin-top:30px}#superior-concept .sc-colour-source a{text-decoration:underline}#superior-concept .sc-colours [hidden]{display:none!important}@media(max-width:1000px){#superior-concept .sc-colour-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){#superior-concept .sc-colour-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 10px}#superior-concept .sc-colour-card figcaption{padding:12px}#superior-concept .sc-colours-link{margin:12px 0 0}} /* Stained deck hero and enlarged colour preview. */ #superior-concept .sc-deck-hero{position:relative;min-height:78vh;min-height:78svh;display:flex;align-items:center;isolation:isolate;overflow:hidden;padding:85px 5%}#superior-concept .sc-deck-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}#superior-concept .sc-deck-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a1c15d9 0%,#0a1c1566 50%,#0a1c1510 100%);z-index:-1}#superior-concept .sc-deck-hero-content{max-width:850px}#superior-concept .sc-deck-hero .sc-cta{margin-top:20px;background:#d5ed8a;color:#17271f}#superior-concept .sc-swatch-modal{border:0;padding:0;background:#f4f3ed;color:#17271f;width: min(850px,calc(100vw - 32px));max-width:850px;max-height:90vh;max-height:90svh;overflow:auto;box-shadow:0 30px 100px #0005;border-radius:5px}#superior-concept .sc-swatch-modal::backdrop{background:#08140de0;backdrop-filter:blur(8px)}#superior-concept .sc-swatch-close{position:absolute;top:15px;right:15px;border:0;border-radius:50%;width:44px;height:44px;background:#f4f3ed;color:#17271f;font-size:20px;box-shadow:0 3px 16px #0003;z-index:1}#superior-concept #sc-swatch-preview{display:block;width:100%;height:auto;max-height:55vh;object-fit:contain;background:#dfe4d6}#superior-concept .sc-swatch-modal-info{padding:30px 35px}#superior-concept .sc-swatch-modal h2{font-size:36px;letter-spacing:-1px;margin:15px 0}#superior-concept .sc-swatch-note{font-size:13px;color:#526351;line-height:1.6}#superior-concept .sc-colour-card a{display:block;cursor:zoom-in}html.sc-colour-modal-open{overflow:hidden}@media(max-width:600px){#superior-concept .sc-deck-hero{min-height:75svh;padding:50px 6%;align-items:end}#superior-concept .sc-deck-hero-image{object-position:60% center}#superior-concept .sc-deck-hero:after{background:linear-gradient(0deg,#0a1c15e6,#0a1c1570)}#superior-concept .sc-swatch-modal-info{padding:24px}#superior-concept .sc-swatch-modal h2{font-size:28px}} /* Photography-led brand pages. */ #superior-concept .sc-brand-hero{min-height:82vh;min-height:82svh;display:flex;align-items:center;padding:65px 5% 80px}#superior-concept .sc-brand-hero:after{background:linear-gradient(90deg,#0a1914e8 0%,#0a1914a6 42%,#0a191433 72%,#0a191414 100%)}@media(max-width:600px){#superior-concept .sc-brand-hero{min-height:85svh;padding:40px 6% 55px}#superior-concept .sc-brand-hero:after{background:linear-gradient(90deg,#0a1914c9,#0a19147a),linear-gradient(0deg,#0a191499,transparent)}} .sc-product-specifications { margin:24px 0; border-top:1px solid var(--line,#d8d6ce); } .sc-product-specifications > div { display:grid;grid-template-columns:minmax(110px,1fr) 2fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line,#d8d6ce); } .sc-product-specifications dt {font-weight:600;} .sc-product-specifications dd {margin:0;overflow-wrap:anywhere;} .sc-recommended-uses {white-space:pre-line;} /* Large, transparent logos over brand photography. */ #superior-concept .sc-brand-hero-logo{background:transparent;border-radius:0;width:min(440px,100%);height:150px;padding:0;margin:25px 0 32px}#superior-concept .sc-brand-hero-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center;mix-blend-mode:normal;filter:none;max-width:100%;max-height:100%}@media(max-width:600px){#superior-concept .sc-brand-hero-logo{width:min(330px,100%);height:120px;margin:22px 0 28px}} /* Diffused light behind official-colour logos, without a solid panel. */ #superior-concept .sc-brand-hero-logo{position:relative;isolation:isolate} #superior-concept .sc-brand-hero-logo:before{content:"";position:absolute;inset:-40px -55px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#f4f3ed47 0%,#f4f3ed26 40%,#f4f3ed0d 70%,transparent 100%);filter:blur(40px)} @media(max-width:600px){#superior-concept .sc-brand-hero-logo:before{inset:-30px -30px;filter:blur(32px)}} #superior-concept .sc-cloverdale-tools{margin:32px 0;padding:28px;background:#e5e7dd}#superior-concept .sc-cloverdale-tools h2{font-size:28px;letter-spacing:-1px;margin:0 0 12px}#superior-concept .sc-cloverdale-tools p{line-height:1.6;max-width:750px}#superior-concept .sc-cloverdale-tools .sc-cta{margin:8px 8px 0 0} #superior-concept .sc-collection-total{display:block;font-size:13px;font-weight:400;letter-spacing:0;margin-top:10px;color:#526351} #superior-concept .sc-colour-family-controls{margin-top:24px}#superior-concept .sc-filter-label{font-size:13px;margin:0 0 12px}#superior-concept .sc-family-filters button{display:inline-flex;align-items:center;gap:10px}#superior-concept .sc-family-dot{width:20px;height:20px;border-radius:50%;border:1px solid #0002;flex-shrink:0} #superior-concept .sc-colour-subgroup{margin-bottom:40px}#superior-concept .sc-colour-subgroup h3{font-size:24px;font-weight:500;margin:28px 0 18px} #superior-concept .sc-saman-code{display:block;font-weight:400;margin-top:4px}#superior-concept .sc-saman-availability{display:block;font-size:10px;font-weight:400;margin-top:8px;color:#526351}#superior-concept .sc-saman-source-swatch{aspect-ratio:1.85;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#eeeee7;border-bottom:1px solid #d4d8ca;cursor:pointer}#superior-concept .sc-saman-source-swatch span{font-size:18px;letter-spacing:.06em}#superior-concept .sc-saman-source-swatch small{font-size:11px}#superior-concept .sc-saman-source-swatch:hover{background:#dbe4c9} /* Careers */ #superior-concept .sc-careers-hero{min-height:65svh;display:flex;align-items:center;background:linear-gradient(90deg,#11281bea 0%,#11281ba6 45%,#11281b26 100%),url("https://iamxrisxross.com/wp-content/themes/superior-modern/assets/image-performance/e77cef1c0e0710db7391-1672.webp") center/cover;padding:70px 5%}#superior-concept .sc-careers-hero .sc-cta{background:#d5ed8a;color:#17271f;margin-top:20px}#superior-concept .sc-career-list{display:grid;gap:24px}#superior-concept .sc-career-card{padding:35px;background:#e5e7dd;border-top:3px solid #738c64}#superior-concept .sc-career-top{display:flex;justify-content:space-between;align-items:center;gap:30px}#superior-concept .sc-career-top h2{font-size:clamp(28px,3vw,42px);letter-spacing:-1px;margin:15px 0}#superior-concept .sc-career-hours{font-size:14px;color:#526351}#superior-concept .sc-career-top .sc-cta{white-space:nowrap}#superior-concept .sc-career-card details{border-top:1px solid #bcc6b4;margin-top:25px;padding-top:20px}#superior-concept .sc-career-card summary{cursor:pointer;font-size:14px;font-weight:700}#superior-concept .sc-career-description{max-width:850px;line-height:1.8;font-size:15px;margin-top:25px}#superior-concept .sc-career-description h3{font-size:22px;font-weight:500}#superior-concept .sc-career-description li{padding:3px 0}@media(max-width:600px){#superior-concept .sc-career-card{padding:25px}#superior-concept .sc-career-top{align-items:start;flex-direction:column;gap:10px}#superior-concept .sc-careers-hero{padding:50px 6%}#superior-concept .sc-careers .sc-heading{align-items:start;flex-direction:column}} /* Career application form */ #superior-concept .sc-application-modal{position:fixed;inset:0;margin:auto;border:0;border-radius:5px;background:#f4f3ed;color:#17271f;padding:40px;width:min(650px,calc(100vw - 32px));max-width:650px;max-height:90svh;overflow:auto;box-shadow:0 25px 100px #0005}#superior-concept .sc-application-modal::backdrop{background:#08140ddd;backdrop-filter:blur(6px)}#superior-concept .sc-application-close{position:absolute;right:16px;top:16px;border:0;background:transparent;color:#17271f;font-size:24px;width:40px;height:40px}#superior-concept .sc-application-modal h2{font-size:38px;letter-spacing:-1px;margin:15px 0}#superior-concept .sc-application-fields{display:grid;gap:18px;margin:25px 0}#superior-concept .sc-application-fields label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:700}#superior-concept .sc-application-fields input,#superior-concept .sc-application-fields textarea{padding:13px;border:1px solid #aeb6a7;background:#fff;color:#17271f;font:inherit;font-size:16px;width:100%;border-radius:3px}#superior-concept .sc-application-fields small{font-size:12px;font-weight:400;color:#526351}#superior-concept .sc-application-privacy{font-size:12px;line-height:1.6;color:#526351}#superior-concept .sc-application-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#superior-concept #sc-application-status{line-height:1.6;font-size:14px}#superior-concept .sc-application-modal button:disabled{opacity:.65;cursor:wait}html.sc-application-open{overflow:hidden}@media(max-width:600px){#superior-concept .sc-application-modal{padding:30px 22px}#superior-concept .sc-application-modal h2{font-size:30px}} #superior-concept .sc-rental-heading{max-width:680px;margin-bottom:35px}#superior-concept .sc-rental-heading p{line-height:1.7;font-size:15px;color:#526351}#superior-concept .sc-rental-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}#superior-concept .sc-rental-card{background:#e5e7dd;border:1px solid #d4d8ca}#superior-concept .sc-rental-image{background:#fff;padding:25px;display:flex;justify-content:center}#superior-concept .sc-rental-image img{width:100%;max-width:300px;height:240px;object-fit:contain}#superior-concept .sc-rental-info{padding:28px}#superior-concept .sc-rental-info h2{font-size:30px;letter-spacing:-1px;line-height:1.15;margin:18px 0 8px}#superior-concept .sc-rental-info p{font-size:14px;line-height:1.7}#superior-concept .sc-rental-type{font-weight:bold;margin-top:0}#superior-concept .sc-rental-info details{border-top:1px solid #b9c0ae;margin:25px 0}#superior-concept .sc-rental-info summary{cursor:pointer;font-size:14px;padding:18px 0;font-weight:bold}#superior-concept .sc-rental-info li{font-size:13px;line-height:1.7;margin:10px 0}#superior-concept .sc-rental-info ul{padding-left:18px}#superior-concept .sc-rental-info h3{font-size:16px}#superior-concept .sc-rental-contact{display:flex;justify-content:space-between;border-top:1px solid #b9c0ae;padding-top:20px;font-size:13px}#superior-concept .sc-rentals .sc-catalogue-hero .sc-cta{margin-top:20px}#superior-concept .sc-rentals .sc-catalogue-help p{font-size:14px;line-height:1.7;max-width:600px}@media(max-width:1000px){#superior-concept .sc-rental-grid{grid-template-columns:1fr}#superior-concept .sc-rental-card{display:grid;grid-template-columns:1fr 1.5fr}#superior-concept .sc-rental-image{align-items:center}}@media(max-width:600px){#superior-concept .sc-rental-card{display:block}#superior-concept .sc-rental-info{padding:24px}#superior-concept .sc-rental-heading h2{font-size:34px}} /* Extra image coverage keeps the layered motion inside the hero. */ #superior-concept .sc-scene img, #superior-concept .sc-hero .sc-scene img, #superior-concept .sc-brands-hero .sc-scene img{inset:-18% -3%;width:106%;height:136%;transition:none} #superior-concept .sc-arch,#superior-concept .sc-cylinder{transform:translate3d(-50%,var(--sc-depth,0px),0)} #superior-concept .sc-wood{transform:translate3d(0,var(--sc-depth,0px),0) rotate(-16deg)} @media(prefers-reduced-motion:reduce){ #superior-concept .sc-scene img,#superior-concept .sc-brand-backdrop,#superior-concept .sc-floating,#superior-concept .sc-scene-label{transform:none!important;will-change:auto} #superior-concept .sc-wood{transform:rotate(-16deg)!important} } /* Oversized typography and scroll-driven bands inspired by editorial motion. */ #superior-concept a.sc-hint{display:inline-flex;align-items:center;min-height:44px;gap:12px} #superior-concept a.sc-hint:hover{text-decoration:underline;text-underline-offset:5px} #superior-concept a.sc-hint:focus-visible{outline-color:var(--accent)} #superior-concept #sc-projects h2:focus-visible{outline:2px solid #64865c;outline-offset:8px} #superior-concept .sc-hint-arrow{display:inline-block;font-size:20px;color:var(--accent);animation:sc-hint-bounce 2.6s cubic-bezier(.36,0,.2,1) infinite} #superior-concept a.sc-hint:is(:hover,:focus-visible) .sc-hint-arrow{animation-duration:1.5s} #superior-concept a.sc-hint.is-scrolling .sc-hint-arrow{animation-duration:.8s} @keyframes sc-hint-bounce{0%,50%,100%{transform:translate3d(0,0,0)}18%{transform:translate3d(0,7px,0)}29%{transform:translate3d(0,-2px,0)}39%{transform:translate3d(0,3px,0)}} #superior-concept .sc-title-line, #superior-concept .sc-reveal-line{display:block;overflow:hidden;padding:.12em 0;margin:-.12em 0} #superior-concept .sc-title-words, #superior-concept .sc-reveal-words{display:block;transition:translate .9s cubic-bezier(.22,1,.36,1),opacity .9s;transition-delay:var(--sc-reveal-delay,0ms)} #superior-concept .sc-title-line{transform:translate3d(calc(var(--sc-hero-travel,0px) * -.18),calc(var(--sc-hero-travel,0px) * -.35),0)} #superior-concept .sc-title-line:nth-child(2){transform:translate3d(calc(var(--sc-hero-travel,0px) * .32),calc(var(--sc-hero-travel,0px) * -.65),0)} #superior-concept .sc-hero-bottom{transform:translate3d(0,calc(var(--sc-hero-travel,0px) * -.25),0)} #superior-concept.sc-motion-ready :is(.sc-title-line,.sc-reveal-line):not(.is-revealed) > span{translate:0 110%;opacity:0} #superior-concept .sc-reveal{transition:translate .85s cubic-bezier(.22,1,.36,1),opacity .85s,transform .25s,background .2s;transition-delay:var(--sc-reveal-delay,0ms),var(--sc-reveal-delay,0ms),0ms,0ms} #superior-concept .sc-hero-bottom.sc-reveal{transition-property:translate,opacity} #superior-concept.sc-motion-ready .sc-reveal:not(.is-revealed){translate:0 42px;opacity:0} #superior-concept .sc-reveal-focused{transition:none!important;translate:0!important;opacity:1!important} #superior-concept .sc-motion-band{display:block;position:relative;overflow:hidden;padding:46px 0 50px;background:var(--accent)} #superior-concept .sc-band-description{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0} #superior-concept .sc-band-row{overflow:hidden;padding:.12em 0;font-size:clamp(42px,6.8vw,110px);line-height:1.05;font-weight:500;letter-spacing:-.055em} #superior-concept .sc-band-track{display:flex;width:max-content;white-space:nowrap;transform:translate3d(calc(-100% / 6),0,0)} #superior-concept .sc-band-track > span{flex:none} #superior-concept .sc-band-track i{font-style:normal;display:inline-block;margin:0 .18em;font-size:.8em} #superior-concept .sc-band-row-outline{color:transparent;-webkit-text-stroke:1px var(--ink)} #superior-concept .sc-band-row-outline .sc-band-track{animation-direction:reverse} #superior-concept .sc-service:before{content:none} #superior-concept .sc-service-word{position:absolute;bottom:-4vw;left:1%;font-size:19vw;line-height:1;font-weight:700;letter-spacing:-1.5vw;color:#ffffff06;pointer-events:none;transform:translate3d(var(--sc-word-shift,0px),0,0)} @media(max-width:600px),(pointer:coarse){ #superior-concept .sc-motion-band{padding:26px 0} #superior-concept .sc-band-row{font-size:clamp(40px,7vw,75px)} #superior-concept .sc-reveal,#superior-concept .sc-title-words,#superior-concept .sc-reveal-words{transition-duration:.6s;transition-delay:0ms} #superior-concept.sc-motion-ready .sc-reveal:not(.is-revealed){translate:0 20px} } @media(prefers-reduced-motion:reduce){ #superior-concept :is(.sc-reveal,.sc-title-words,.sc-reveal-words){translate:none!important;opacity:1!important} #superior-concept .sc-motion-band{padding:30px 5%} #superior-concept .sc-band-description{position:static;width:auto;height:auto;clip-path:none;margin:0;font-size:clamp(24px,3vw,42px);line-height:1.3;letter-spacing:-.03em} #superior-concept .sc-band-row{display:none} } /* Equipment rental photograph and readable headline overlay. */ #superior-concept .sc-rentals-hero{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 98px);display:flex;align-items:center;padding:70px 5% 85px} #superior-concept .sc-rentals-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2} #superior-concept .sc-rentals-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,23,18,.88) 0%,rgba(10,23,18,.68) 43%,rgba(10,23,18,.15) 100%)} #superior-concept .sc-rentals-hero-content{width:100%;max-width:1050px} #superior-concept .sc-rentals-hero h1{font-size:clamp(48px,6.8vw,100px)} @media(max-width:600px){#superior-concept .sc-rentals-hero{min-height:680px;padding:45px 6% 60px}#superior-concept .sc-rentals-backdrop{object-position:64% center}#superior-concept .sc-rentals-hero:after{background:linear-gradient(90deg,rgba(10,23,18,.9),rgba(10,23,18,.55))}} /* Two image layers crossfade without downloading the whole slideshow at once. */ #superior-concept .sc-hero .sc-scene .sc-slide-image{opacity:0;transition:opacity 1.4s ease;will-change:opacity;pointer-events:none} #superior-concept .sc-hero .sc-scene .sc-slide-image.is-active{opacity:1} #superior-concept .sc-specialists-hero{position:relative;isolation:isolate;overflow:hidden;min-height:590px;display:flex;align-items:center}#superior-concept .sc-specialists-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}#superior-concept .sc-specialists-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,30,23,.78),rgba(15,30,23,.45) 48%,rgba(15,30,23,.04));z-index:-1}#superior-concept .sc-specialists-hero-content{max-width:790px}#superior-concept .sc-specialists-hero-content p{max-width:550px}@media(max-width:600px){#superior-concept .sc-specialists-hero{min-height:520px;align-items:end}#superior-concept .sc-specialists-hero-image{object-position:65% center}#superior-concept .sc-specialists-hero::after{background:linear-gradient(0deg,rgba(15,30,23,.85),rgba(15,30,23,.25))}} #superior-concept .sc-products-hero{position:relative;isolation:isolate;overflow:hidden;min-height:590px;display:flex;align-items:center}#superior-concept .sc-products-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}#superior-concept .sc-products-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,30,23,.78),rgba(15,30,23,.4) 48%,rgba(15,30,23,.04))}#superior-concept .sc-products-hero-content{max-width:850px}#superior-concept .sc-brands-hero:after{background:linear-gradient(90deg,rgba(15,30,23,.78),rgba(15,30,23,.4) 48%,rgba(15,30,23,.04))}@media(max-width:600px){#superior-concept .sc-products-hero{min-height:520px;align-items:end}#superior-concept .sc-products-hero-image{object-position:65% center}#superior-concept .sc-products-hero::after{background:linear-gradient(0deg,rgba(15,30,23,.85),rgba(15,30,23,.25))}} /* Gentle photographic dissolves with a restrained glide and coordinated copy fades. */ #superior-concept .sc-hero .sc-scene .sc-slide-image{width:104%;left:-2%;opacity:0;z-index:0;translate:1.2% 0;scale:1.035;transition:opacity 2.4s cubic-bezier(.4,0,.2,1),translate 12s linear,scale 12s linear;will-change:opacity,translate,scale,rotate} #superior-concept .sc-hero .sc-scene .sc-slide-image.is-active{opacity:1;z-index:1;translate:-1.2% 0;scale:1.005} #superior-concept .sc-hero .sc-scene .sc-slide-image.is-outgoing{z-index:0} #superior-concept .sc-hero :is(.sc-floating,.sc-scene-label){z-index:2} #superior-concept [data-sc-slideshow] :is(.sc-title,.sc-eyebrow,.sc-copy,.sc-floating,.sc-scene-label,[data-slide-link]){transition:opacity .8s ease,translate .9s cubic-bezier(.22,1,.36,1)} #superior-concept [data-sc-slideshow].is-text-changing :is(.sc-title,.sc-eyebrow,.sc-copy,.sc-floating,.sc-scene-label,[data-slide-link]){opacity:0;translate:0 -7px;transition:opacity .45s ease,translate .45s ease} @media(prefers-reduced-motion:reduce){#superior-concept .sc-hero .sc-scene .sc-slide-image{translate:none!important;scale:none!important}#superior-concept [data-sc-slideshow].is-text-changing :is(.sc-title,.sc-eyebrow,.sc-copy,.sc-floating,.sc-scene-label,[data-slide-link]){opacity:1;translate:none}} /* Fit the two hero headline lines independently while retaining the brand emphasis. */ #superior-concept [data-sc-slideshow] .sc-title-words{white-space:nowrap;letter-spacing:-.067em} /* A slow, eased zoom and alternating drift begins on every photograph, including the first. */ #superior-concept .sc-hero .sc-scene .sc-slide-image{scale:1.015;translate:var(--sc-drift-from-x,-.7%) var(--sc-drift-from-y,-.25%);transition:opacity 2.4s cubic-bezier(.4,0,.2,1);animation:none} #superior-concept .sc-hero .sc-scene .sc-slide-image.is-active{animation:sc-home-image-drift var(--sc-image-drift-duration,10.4s) cubic-bezier(.65,0,.35,1) both} @keyframes sc-home-image-drift{from{scale:var(--sc-zoom-from,1.015);translate:var(--sc-drift-from-x,-.7%) var(--sc-drift-from-y,-.25%);rotate:var(--sc-rotate-from,0deg)}to{scale:var(--sc-zoom-to,1.15);translate:var(--sc-drift-to-x,.7%) var(--sc-drift-to-y,.25%);rotate:var(--sc-rotate-to,0deg)}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-hero .sc-scene .sc-slide-image.is-active{animation:none!important}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-hero .sc-scene .sc-slide-image{rotate:none!important}} /* Both typography rows drift continuously, one in each direction, with identical loop boundaries. */ #superior-concept .sc-band-track{animation:sc-continuous-marquee 220s linear infinite} #superior-concept .sc-band-row-outline .sc-band-track{animation-direction:reverse} @keyframes sc-continuous-marquee{from{transform:translate3d(calc(-100% / 6),0,0)}to{transform:translate3d(calc(-100% / 3),0,0)}} /* Scroll displacement layers over the marquee without interrupting its continuous loop. */ #superior-concept .sc-band-track{translate:var(--sc-band-shift,0px) 0} #superior-concept .sc-band-row-outline .sc-band-track{translate:calc(0px - var(--sc-band-shift,0px)) 0} @media(prefers-reduced-motion:reduce){#superior-concept .sc-band-track{translate:none!important}} /* The outgoing page stays still while only incoming content glides into place. */ @view-transition{navigation:auto} /* Names exist only on arrival, avoiding geometry interpolation between pages. */ .sc-page-transitioning #sc-main{view-transition-name:sc-page-content} .sc-page-transitioning #superior-concept .sc-nav{view-transition-name:sc-page-navigation} ::view-transition-group(root),::view-transition-group(sc-page-content),::view-transition-group(sc-page-navigation){animation:none} ::view-transition-group(root){z-index:0} ::view-transition-group(sc-page-content){z-index:1} ::view-transition-group(sc-page-navigation){z-index:2} ::view-transition-old(root){animation:sc-page-depart .7s cubic-bezier(.25,.1,.25,1) both;mix-blend-mode:normal} ::view-transition-new(root),::view-transition-new(sc-page-navigation){animation:sc-page-anchor-arrive .7s cubic-bezier(.25,.1,.25,1) both;mix-blend-mode:normal} ::view-transition-new(sc-page-content){animation:sc-page-arrive .7s cubic-bezier(.25,.1,.25,1) both;mix-blend-mode:normal} @keyframes sc-page-depart{from{opacity:1}to{opacity:0}} @keyframes sc-page-arrive{from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:translate3d(0,0,0)}} /* Fallback entrance is applied only after following an internal link. */ .sc-page-entering #sc-main{animation:sc-page-content-arrive .7s cubic-bezier(.25,.1,.25,1) both} @keyframes sc-page-content-arrive{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}} .sc-page-entering.sc-page-arrival-anchor #sc-main{animation-name:sc-page-anchor-arrive} .sc-page-arrival-anchor::view-transition-new(sc-page-content){animation-name:sc-page-anchor-arrive} @keyframes sc-page-anchor-arrive{from{opacity:0}to{opacity:1}} /* Initial fragment placement and history restoration finish before the snapshot. */ html.sc-page-initializing{scroll-behavior:auto} /* Page snapshots contain readable text while homepage reveals initialize. */ .sc-page-transitioning #superior-concept :is(.sc-reveal,.sc-title-words,.sc-reveal-words){opacity:1!important;translate:none!important;transition:none!important} .sc-page-transitioning #superior-concept .sc-slide-image{animation-play-state:paused!important} @media(max-width:600px),(pointer:coarse){ ::view-transition-old(root),::view-transition-new(root),::view-transition-new(sc-page-content),::view-transition-new(sc-page-navigation),.sc-page-entering #sc-main{animation-duration:.55s} } @media(prefers-reduced-motion:reduce){ @view-transition{navigation:none} ::view-transition-group(root),::view-transition-old(root),::view-transition-new(root),::view-transition-new(sc-page-content),::view-transition-new(sc-page-navigation){animation:none!important} .sc-page-entering #sc-main{animation:none!important;opacity:1;translate:none} } /* The footer address opens a map without leaving the current page. */ #superior-concept .sc-address-link{display:inline-block;text-decoration:underline;text-decoration-color:#8f9b88;text-underline-offset:4px} #superior-concept .sc-address-link:hover{color:#48613e} #superior-concept .sc-map-dialog{position:fixed;inset:0;margin:auto;width:min(900px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:0;border:0;border-radius:8px;background:var(--paper);color:var(--ink);overflow:auto;box-shadow:0 25px 100px #0006} #superior-concept .sc-map-dialog::backdrop{background:#0c1b16b8;backdrop-filter:blur(5px)} #superior-concept .sc-map-close{position:absolute;top:12px;right:16px;z-index:1;border:0;background:var(--paper);color:var(--ink);border-radius:50%;width:44px;height:44px;font-size:28px} #superior-concept .sc-map-heading{padding:32px 35px 24px} #superior-concept .sc-map-heading h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.04em;margin:15px 30px 12px 0} #superior-concept .sc-map-heading p{font-size:15px;line-height:1.6;margin:0} #superior-concept .sc-store-map-frame{display:block;width:100%;height:clamp(240px,45svh,450px);border:0;background:#dfe6d8} #superior-concept .sc-map-actions{padding:24px 35px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:14px} @media(max-width:600px){#superior-concept .sc-map-heading{padding:28px 24px 20px}#superior-concept .sc-map-actions{padding:20px 24px;gap:18px}} /* A quiet invitation connects the team directory with career opportunities. */ #superior-concept .sc-team-careers{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;margin:30px 0;background:#e5e7dd;border-left:3px solid #738c64} #superior-concept .sc-team-careers p{font-size:14px;line-height:1.65;margin:0;max-width:660px} #superior-concept .sc-team-careers strong{display:block;font-size:18px;font-weight:500;margin-bottom:4px} #superior-concept .sc-team-careers a{flex:none;font-size:14px;text-decoration:underline;text-underline-offset:5px;display:inline-flex;align-items:center;gap:18px;min-height:44px} @media(max-width:600px){#superior-concept .sc-team-careers{align-items:flex-start;flex-direction:column;gap:12px;padding:22px}} /* Directional card entrances keep the surrounding grids still. */ #superior-concept .sc-card-reveal{--sc-card-distance:44px;--sc-card-x:0px;--sc-card-y:0px;--sc-card-scale:1;transform-origin:center} #superior-concept .sc-card-reveal[data-sc-entrance="left"]{--sc-card-x:calc(0px - var(--sc-card-distance))} #superior-concept .sc-card-reveal[data-sc-entrance="right"]{--sc-card-x:var(--sc-card-distance)} #superior-concept .sc-card-reveal[data-sc-entrance="top"]{--sc-card-y:calc(0px - var(--sc-card-distance))} #superior-concept .sc-card-reveal[data-sc-entrance="bottom"]{--sc-card-y:var(--sc-card-distance)} #superior-concept .sc-card-reveal[data-sc-entrance="zoom"]{--sc-card-scale:.94} #superior-concept .sc-card-reveal.is-card-waiting{opacity:0;translate:var(--sc-card-x) var(--sc-card-y);scale:var(--sc-card-scale);pointer-events:none} #superior-concept .sc-card-reveal.is-card-entering{animation:sc-card-glide .85s cubic-bezier(.25,.1,.25,1) var(--sc-card-delay,0ms) both;will-change:translate,scale,opacity} @keyframes sc-card-glide{from{opacity:0;translate:var(--sc-card-x) var(--sc-card-y);scale:var(--sc-card-scale)}to{opacity:1;translate:0 0;scale:1}} #superior-concept .sc-card-reveal:focus-within{animation:none!important;opacity:1;translate:none;scale:none;pointer-events:auto} @media(max-width:600px),(pointer:coarse){ #superior-concept .sc-card-reveal{--sc-card-distance:24px} #superior-concept .sc-card-reveal[data-sc-entrance="zoom"]{--sc-card-scale:.97} #superior-concept .sc-card-reveal.is-card-entering{animation-duration:.65s} } @media(prefers-reduced-motion:reduce){ #superior-concept .sc-card-reveal{animation:none!important;opacity:1!important;translate:none!important;scale:none!important;pointer-events:auto!important;will-change:auto} } /* Keep card interactions still when visitors request reduced motion. */ @media(prefers-reduced-motion:reduce){#superior-concept :is(.sc-project,.sc-product-card):is(:hover,:focus-visible){transform:none}} /* Services: tactile colour, coating layers and spray-can illustrations. */ #superior-concept .sc-services-hero{min-height:560px} #superior-concept .sc-services-hero h1{font-size:clamp(48px,6.9vw,96px)} #superior-concept .sc-service-tile{min-height:420px;padding:28px} #superior-concept .sc-service-tile:nth-child(2){background:#d8c9b6;border-color:#967655} #superior-concept .sc-service-tile:nth-child(3){background:#cbd5d0;border-color:#638478} #superior-concept .sc-service-art{height:140px;position:relative;margin-top:20px;display:flex;align-items:center;justify-content:center} #superior-concept .sc-matching-art i{display:block;width:58px;height:100px;box-shadow:6px 8px 15px #17271f15;border:5px solid #f4f3ed;background:#6b7c64;transform:rotate(-18deg);margin-right:-20px} #superior-concept .sc-matching-art i:nth-child(2){background:#a7b297;transform:rotate(-6deg)} #superior-concept .sc-matching-art i:nth-child(3){background:#bda286;transform:rotate(7deg)} #superior-concept .sc-matching-art i:nth-child(4){background:#eedac1;transform:rotate(20deg)} #superior-concept .sc-system-art i{position:absolute;width:145px;height:65px;transform:skewY(-12deg);background:#776451;box-shadow:9px 10px 15px #0001;top:62px} #superior-concept .sc-system-art i:nth-child(2){background:#b29d84;top:42px} #superior-concept .sc-system-art i:nth-child(3){background:#f0e7d6;top:22px} #superior-concept .sc-aerosol-art i{display:block;width:62px;height:110px;border-radius:12px 12px 16px 16px;background:linear-gradient(90deg,#648274,#b6c7bd,#7d9b8d);box-shadow:12px 12px 20px #17271f20;position:relative} #superior-concept .sc-aerosol-art i:before{content:"";position:absolute;top:-10px;left:23px;width:17px;height:12px;background:#33493e;border-radius:3px} #superior-concept .sc-aerosol-art i:after{content:"SUPERIOR";position:absolute;top:45px;left:5px;right:5px;padding:12px 0;background:#f4f3ed;color:#33493e;text-align:center;font-size:8px;letter-spacing:.5px} #superior-concept .sc-service-details{margin-top:65px} #superior-concept .sc-service-detail{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:55px 0;border-top:1px solid #c9cec2;scroll-margin-top:35px} #superior-concept .sc-service-detail h2{font-size:clamp(32px,4vw,52px)} #superior-concept .sc-service-detail p{font-size:15px;line-height:1.8;margin:0 0 20px;color:#526351} #superior-concept .sc-service-text-link{font-size:13px;text-decoration:underline;text-underline-offset:5px} #superior-concept .sc-services-rentals{margin-top:25px;min-height:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:30px;padding:35px} #superior-concept .sc-services-rentals h2{font-size:36px;margin-bottom:14px} #superior-concept .sc-services-rentals p{margin:0} #superior-concept .sc-services .sc-catalogue-help h2{margin-top:18px} #superior-concept .sc-services .sc-catalogue-help p{font-size:14px;line-height:1.7;margin-bottom:0} @media(max-width:900px){#superior-concept .sc-services-grid{grid-template-columns:1fr}#superior-concept .sc-service-tile{min-height:350px}#superior-concept .sc-service-art{position:absolute;right:10%;width:150px;opacity:.6}#superior-concept .sc-service-tile{position:relative}#superior-concept .sc-service-tile h3,#superior-concept .sc-service-tile p{max-width:60%}} @media(max-width:600px){#superior-concept .sc-services-hero{min-height:520px}#superior-concept .sc-services-hero h1{font-size:48px}#superior-concept .sc-services .sc-results-heading{align-items:start;flex-direction:column}#superior-concept .sc-service-detail{grid-template-columns:1fr;gap:25px;padding:38px 0}#superior-concept .sc-service-details{margin-top:40px}#superior-concept .sc-services-rentals{align-items:start;flex-direction:column;padding:28px}#superior-concept .sc-service-art{right:6%;width:115px;scale:.8}#superior-concept .sc-service-tile h3{font-size:25px}} /* Specialist departments and editable additional roles. */ #superior-concept .sc-department-intro{max-width:740px;margin-bottom:35px}#superior-concept .sc-department-intro h2{font-size:clamp(38px,5vw,68px);letter-spacing:-.05em;line-height:1.05;margin:20px 0}#superior-concept .sc-department-intro p{max-width:540px;font-size:16px;line-height:1.7;color:#526351}#superior-concept .sc-department-nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:55px}#superior-concept .sc-department-nav a{border:1px solid #bcc6b4;padding:14px 20px;border-radius:3px;display:flex;gap:25px;align-items:center;font-size:14px}#superior-concept .sc-department-nav a:hover{background:#d5ed8a}#superior-concept .sc-department-nav span{font-size:12px;color:#526351}#superior-concept .sc-team-department{scroll-margin-top:130px;margin:0 0 60px}#superior-concept .sc-department-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-top:1px solid #bcc6b4;padding-top:24px;margin-bottom:25px}#superior-concept .sc-department-heading h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.045em;margin:0;line-height:1.1}#superior-concept .sc-department-heading>span{font-size:13px;color:#526351}#superior-concept .sc-team-info h3{font-size:29px;letter-spacing:-1px;line-height:1.12;margin:0 0 14px}#superior-concept .sc-team-specialties{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:0 0 20px}#superior-concept .sc-team-specialties li{font-size:11px;line-height:1.5;padding:6px 10px;background:#d4ddc9;border-radius:3px;color:#314a32}#superior-concept .sc-department-empty{font-size:15px;line-height:1.7}#superior-concept .sc-department-empty a{text-decoration:underline;text-underline-offset:4px}@media(min-width:1101px){#superior-concept .sc-team-department .sc-team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){#superior-concept .sc-department-nav{gap:8px;margin-bottom:35px}#superior-concept .sc-department-nav a{padding:12px 14px;flex:1 1 40%;justify-content:space-between}#superior-concept .sc-team-department{margin-bottom:40px}} /* The whole career heading is a native, keyboard-accessible disclosure. */ #superior-concept .sc-career-card{padding:0} #superior-concept .sc-career-card details{border:0;margin:0;padding:0} #superior-concept .sc-career-card summary{padding:35px;list-style:none;font-weight:400;transition:background .2s} #superior-concept .sc-career-card summary::-webkit-details-marker{display:none} #superior-concept .sc-career-card summary:hover{background:#d8e3c6} #superior-concept .sc-career-card summary:focus-visible{outline:2px solid #48613e;outline-offset:-4px} #superior-concept .sc-career-toggle{border-top:1px solid #bcc6b4;padding-top:20px;margin-top:25px;display:flex;justify-content:space-between;font-size:14px;font-weight:700} #superior-concept .sc-career-hide,#superior-concept .sc-career-card details[open] .sc-career-show{display:none} #superior-concept .sc-career-card details[open] .sc-career-hide{display:inline} #superior-concept .sc-career-description{margin:0;padding:0 35px 25px} #superior-concept .sc-career-apply{padding:0 35px 30px} @media(max-width:600px){#superior-concept .sc-career-card summary{padding:25px}#superior-concept .sc-career-description{padding:0 25px 20px}#superior-concept .sc-career-apply{padding:0 25px 25px}} #superior-concept .sc-brand-wordmark{font-size:clamp(28px,3vw,44px);font-weight:700;line-height:1.1;letter-spacing:-.045em;text-align:center;overflow-wrap:anywhere}#superior-concept .sc-brand-hero-logo .sc-brand-wordmark{font-size:clamp(38px,5vw,68px);text-align:left} /* Official brand artwork uses its original colours on a readable surface. */ #superior-concept .sc-brand-logo.sc-logo-surface-dark{background:#17271f} #superior-concept .sc-brand-logo[class*="sc-logo-surface-"] img{mix-blend-mode:normal} #superior-concept .sc-brand-hero-logo[class*="sc-logo-surface-"]{width:min(360px,100%);height:140px;padding:25px 30px;border-radius:4px;box-sizing:border-box} #superior-concept .sc-brand-hero-logo.sc-logo-surface-light{background:#f4f3ed} #superior-concept .sc-brand-hero-logo.sc-logo-surface-dark{background:#17271f} #superior-concept .sc-brand-hero-logo[class*="sc-logo-surface-"]:before{display:none} #superior-concept .sc-brand-hero-logo[class*="sc-logo-surface-"] img{object-position:center} /* Brands collection: generous editorial spacing and quiet, tactile tiles. */ #superior-concept .sc-brands-editorial{background:#f4f3ed} #superior-concept .sc-brands-editorial .sc-brands-hero{min-height:740px;min-height:calc(100svh - 100px);padding:90px 5% 120px;align-items:center} #superior-concept .sc-brands-editorial .sc-brands-hero:after{background:linear-gradient(90deg,#0c211beb,#10281b88 65%,#10281b20),linear-gradient(0deg,#10281be0,transparent 40%)} #superior-concept .sc-brands-editorial .sc-brands-intro{max-width:1000px} #superior-concept .sc-brands-editorial h1{font-size:clamp(58px,7.4vw,110px);line-height:1.03;letter-spacing:-.065em;margin:30px 0} #superior-concept .sc-brands-editorial em{font-style:normal;color:#bcd69e} #superior-concept .sc-brands-editorial .sc-brands-intro p{font-size:18px;line-height:1.65;max-width:470px} #superior-concept .sc-brands-editorial .sc-cta{border-radius:100px;padding:18px 26px} #superior-concept .sc-brands-hero-foot{position:absolute;bottom:35px;left:5%;right:5%;display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid #ffffff38;font-size:13px;color:#e0e8da} #superior-concept .sc-brands-statement{padding:110px 5%;display:grid;grid-template-columns:1fr 2fr;gap:25px 70px;border-bottom:1px solid #22382b20} #superior-concept .sc-brands-statement .sc-eyebrow{grid-row:span 2;padding-top:15px;color:#567052} #superior-concept .sc-brands-statement h2{font-size:clamp(38px,4.5vw,68px);line-height:1.08;letter-spacing:-.055em;margin:0} #superior-concept .sc-brands-statement em{color:#627d50} #superior-concept .sc-brands-statement p{max-width:540px;line-height:1.75;margin:0;color:#5b665d} #superior-concept .sc-brands-editorial .sc-results{padding:0 5% 90px} #superior-concept .sc-brand-toolbar{position:sticky;top:0;z-index:10;background:#f4f3edf5;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0;border-bottom:1px solid #22382b20;margin-bottom:35px} #superior-concept .sc-brand-toolbar .sc-eyebrow{font-size:10px;color:#627454} #superior-concept .sc-brand-toolbar p{margin:7px 0 0;font-size:14px} #superior-concept .sc-brand-filters{display:flex;flex-wrap:wrap;gap:6px} #superior-concept .sc-brand-filters[hidden],#superior-concept .sc-brand-card[hidden]{display:none!important} #superior-concept .sc-brand-filters button{font:inherit;font-size:12px;cursor:pointer;border:1px solid #263a2926;border-radius:100px;background:transparent;color:#263a29;padding:11px 16px;transition:background .2s,color .2s} #superior-concept .sc-brand-filters button[aria-pressed=true]{background:#203c2e;border-color:#203c2e;color:white} #superior-concept .sc-brand-filters button:focus-visible{outline:2px solid #567052;outline-offset:3px} #superior-concept .sc-brand-collection{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))} #superior-concept .sc-brands-editorial .sc-brand-card{padding:0;min-height:0;background:#fff;border:1px solid #1e382513;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #18352205;transition:transform .35s,box-shadow .35s,border-color .35s;display:flex;flex-direction:column} #superior-concept .sc-brands-editorial .sc-brand-card:hover{transform:translateY(-7px);box-shadow:0 20px 40px #18352214;border-color:#63845455;background:#fff} #superior-concept .sc-brands-editorial .sc-brand-logo{height:195px;background:#eceee8;position:relative;border-radius:0;padding:44px;box-sizing:border-box;margin:10px 10px 0;border-radius:9px} #superior-concept .sc-brands-editorial .sc-brand-logo.sc-logo-surface-dark{background:#20372d} #superior-concept .sc-brands-editorial .sc-brand-logo img{mix-blend-mode:normal;max-width:100%;max-height:100%;transition:transform .5s} #superior-concept .sc-brands-editorial .sc-brand-card:hover img{transform:scale(1.045)} #superior-concept .sc-brand-tile-arrow{position:absolute;right:15px;top:12px;color:#6b806f;font-size:21px;opacity:0;translate:-5px 5px;transition:opacity .3s,translate .3s} #superior-concept .sc-logo-surface-dark .sc-brand-tile-arrow{color:#c4d5bd} #superior-concept .sc-brand-card:is(:hover,:focus-visible) .sc-brand-tile-arrow{opacity:1;translate:0 0} #superior-concept .sc-brand-tile-copy{padding:26px;flex:1;display:flex;flex-direction:column} #superior-concept .sc-brand-tile-copy h3{font-size:25px;letter-spacing:-.045em;margin:0 0 10px} #superior-concept .sc-brand-tile-copy p{font-size:13px;color:#697369;line-height:1.6;margin:0 0 25px;min-height:42px} #superior-concept .sc-brand-tile-copy .sc-product-link{font-size:12px;border-top:1px solid #22382b1a;padding-top:17px;margin-top:auto;color:#354e38} #superior-concept .sc-brand-finale{border-radius:20px;padding:60px;margin-top:70px;gap:35px;background:radial-gradient(ellipse at top right,#496947,#1b3328 65%)} #superior-concept .sc-brand-finale h2{font-size:clamp(38px,4.5vw,66px);line-height:1.1;letter-spacing:-.05em;margin:18px 0} #superior-concept .sc-brand-finale p{max-width:460px;color:#cbd6c8;line-height:1.7;font-size:15px} #superior-concept .sc-brand-finale .sc-eyebrow{color:#bcd69e;font-size:11px} #superior-concept .sc-brand-finale .sc-cta{flex-shrink:0} #superior-concept .sc-brands-editorial #sc-brand-directory{scroll-margin-top:20px} @media(max-width:900px){#superior-concept .sc-brand-toolbar{align-items:flex-start;flex-direction:column;gap:15px}#superior-concept .sc-brand-collection{grid-template-columns:repeat(2,minmax(0,1fr))}#superior-concept .sc-brands-statement{grid-template-columns:1fr;gap:25px}#superior-concept .sc-brands-statement .sc-eyebrow{grid-row:auto}#superior-concept .sc-brand-finale{padding:40px;flex-direction:column;align-items:flex-start}} @media(max-width:600px){#superior-concept .sc-brands-editorial .sc-brands-hero{min-height:690px;padding:60px 6% 115px}#superior-concept .sc-brands-editorial h1{font-size:clamp(46px,10.5vw,63px)}#superior-concept .sc-brands-hero-foot{flex-direction:column;gap:9px}#superior-concept .sc-brands-statement{padding:65px 6%}#superior-concept .sc-brand-filters{flex-wrap:nowrap;overflow:auto;max-width:100%;padding-bottom:5px}#superior-concept .sc-brand-filters button{white-space:nowrap}#superior-concept .sc-brand-toolbar{padding:17px 0;margin-bottom:20px}#superior-concept .sc-brand-collection{grid-template-columns:1fr;gap:20px}#superior-concept .sc-brand-finale{padding:30px;margin-top:45px}#superior-concept .sc-brands-editorial .sc-brand-logo{height:185px}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-brands-editorial .sc-brand-card,#superior-concept .sc-brands-editorial .sc-brand-logo img,#superior-concept .sc-brand-tile-arrow{transition:none}#superior-concept .sc-brands-editorial .sc-brand-card:hover{transform:none}} #superior-concept .sc-brand-toolbar .sc-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} /* Product collection shares the brands page's warm editorial styling. */ #superior-concept .sc-products-editorial{background:#f4f3ed} #superior-concept .sc-products-editorial .sc-products-hero{min-height:690px;padding:80px 5% 110px} #superior-concept .sc-products-editorial .sc-products-hero:after{background:linear-gradient(90deg,#10251cea,#10251c80 60%,#10251c20),linear-gradient(0deg,#10251ce0,transparent 45%)} #superior-concept .sc-products-editorial .sc-products-hero-content{max-width:1000px} #superior-concept .sc-products-editorial h1{line-height:1.04;font-size:clamp(55px,7.4vw,108px)} #superior-concept .sc-products-editorial em{font-style:normal;color:#bcd69e} #superior-concept .sc-products-editorial .sc-cta{border-radius:100px;padding:17px 25px} #superior-concept .sc-products-hero .sc-cta{margin-top:15px;background:#d5ed8a;color:#20372d} #superior-concept .sc-products-hero-foot{position:absolute;left:5%;right:5%;bottom:30px;display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid #ffffff35;font-size:13px;color:#dce5d6} #superior-concept .sc-product-browse{padding:55px 5% 35px;border-bottom:1px solid #22382b20} #superior-concept .sc-product-browse .sc-eyebrow{color:#6a805d} #superior-concept .sc-product-browse h2{font-size:clamp(32px,3.7vw,52px);letter-spacing:-.05em;margin:15px 0 25px;line-height:1.1} #superior-concept .sc-products-editorial .sc-category-nav{padding:0;border:0;gap:8px} #superior-concept .sc-products-editorial .sc-category-nav a{border-radius:100px;padding:12px 19px;background:#fff;border-color:#263a2920;font-size:12px;transition:background .25s} #superior-concept .sc-products-editorial .sc-category-nav a.selected{background:#203c2e;color:#fff} #superior-concept .sc-products-editorial .sc-category-nav a:hover{background:#dce5d2;color:#203c2e} #superior-concept .sc-products-editorial .sc-results{padding-top:45px} #superior-concept .sc-product-filter-heading .sc-eyebrow{color:#6a805d} #superior-concept .sc-product-filter-heading h2{font-size:36px;letter-spacing:-.05em;margin:12px 0} #superior-concept .sc-product-filter-heading p{font-size:14px;color:#657060;margin-bottom:25px} #superior-concept .sc-products-editorial .sc-filters{background:#e9ede3;border:1px solid #21372810;border-radius:16px;padding:25px;gap:18px} #superior-concept .sc-products-editorial .sc-filters input,#superior-concept .sc-products-editorial .sc-filters select{border-radius:9px;border-color:#263a2926;box-sizing:border-box;font-size:14px} #superior-concept .sc-products-editorial .sc-filters label{font-size:11px;color:#52674a} #superior-concept .sc-products-editorial .sc-filters .sc-search{flex:1.5;min-width:220px} #superior-concept .sc-products-editorial .sc-filters button{font-size:12px;background:#203c2e;color:#fff;cursor:pointer} #superior-concept .sc-products-editorial .sc-results-heading{margin:38px 0 25px} #superior-concept .sc-products-editorial .sc-results-heading h2{font-size:25px} #superior-concept .sc-products-editorial .sc-product-grid{gap:24px} #superior-concept .sc-products-editorial .sc-product-card{background:#fff;padding:10px;border:1px solid #203a2715;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #18352205;transition:transform .35s,box-shadow .35s} #superior-concept .sc-products-editorial .sc-product-card:hover{background:#fff;transform:translateY(-6px);box-shadow:0 20px 40px #18352214} #superior-concept .sc-products-editorial .sc-product-image{height:230px;display:flex;align-items:center;justify-content:center;background:#f0f1eb;border-radius:9px;overflow:hidden;margin:0;padding:25px;box-sizing:border-box} #superior-concept .sc-products-editorial .sc-product-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .5s} #superior-concept .sc-products-editorial .sc-product-card:hover img{transform:scale(1.04)} #superior-concept .sc-product-image-placeholder span{font-size:18px;letter-spacing:.22em;line-height:1.7;color:#90a080;text-align:center} #superior-concept .sc-product-card-copy{padding:25px 16px 16px;display:flex;flex-direction:column;flex:1} #superior-concept .sc-products-editorial .sc-product-brand{font-size:10px;color:#647e53;letter-spacing:1.2px} #superior-concept .sc-products-editorial .sc-product-card h3{font-size:25px;line-height:1.2;margin:14px 0 12px;letter-spacing:-.045em} #superior-concept .sc-products-editorial .sc-product-card p{color:#6a7467} #superior-concept .sc-products-editorial .sc-product-link{padding-top:17px;border-top:1px solid #22382b1a;color:#354e38} #superior-concept .sc-products-editorial .sc-pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px} #superior-concept .sc-products-editorial .sc-pagination :is(a,span){border-radius:100px;padding:12px 16px;background:#e7ebdf;font-size:13px} #superior-concept .sc-products-editorial .sc-pagination .current{background:#203c2e;color:white} #superior-concept .sc-product-finale{border-radius:20px;padding:55px;background:radial-gradient(ellipse at top right,#496947,#1b3328 65%)} #superior-concept .sc-product-finale h2{font-size:clamp(35px,4.5vw,62px);letter-spacing:-.05em;line-height:1.1;margin:18px 0} #superior-concept .sc-product-finale .sc-eyebrow{color:#bcd69e} #superior-concept .sc-product-finale p{color:#cbd6c8;font-size:15px;line-height:1.7;max-width:480px} #superior-concept .sc-product-finale .sc-cta{flex-shrink:0} @media(max-width:900px){#superior-concept .sc-product-finale{flex-direction:column;align-items:flex-start;padding:40px}#superior-concept .sc-products-editorial .sc-filters .sc-search{flex-basis:100%}} @media(max-width:600px){#superior-concept .sc-products-editorial .sc-products-hero{min-height:640px;padding:60px 6% 115px;align-items:center}#superior-concept .sc-products-editorial h1{font-size:clamp(46px,11vw,62px)}#superior-concept .sc-products-hero-foot{flex-direction:column;gap:10px}#superior-concept .sc-product-browse{padding:40px 6% 30px}#superior-concept .sc-products-editorial .sc-filters{padding:20px}#superior-concept .sc-products-editorial .sc-filters label{min-width:0;flex-basis:100%}#superior-concept .sc-products-editorial .sc-filters .sc-search{min-width:0}#superior-concept .sc-products-editorial .sc-product-image{height:220px}#superior-concept .sc-product-finale{padding:30px}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-products-editorial .sc-product-card,#superior-concept .sc-products-editorial .sc-product-image img{transition:none}#superior-concept .sc-products-editorial .sc-product-card:hover{transform:none}} /* Our specialists: people first, with space for every department and specialty. */ #superior-concept .sc-specialists-editorial{background:#f4f3ed} #superior-concept .sc-specialists-editorial em{font-style:normal;color:#bcd69e} #superior-concept .sc-specialists-editorial .sc-specialists-hero{min-height:690px;padding:85px 5% 120px} #superior-concept .sc-specialists-editorial .sc-specialists-hero:after{background:linear-gradient(90deg,#10251cef,#10251c88 60%,#10251c20),linear-gradient(0deg,#10251cdb,transparent 45%)} #superior-concept .sc-specialists-editorial .sc-specialists-hero-content{max-width:950px} #superior-concept .sc-specialists-editorial h1{font-size:clamp(56px,7.5vw,110px);line-height:1.04} #superior-concept .sc-specialists-editorial .sc-cta{border-radius:100px;padding:18px 26px} #superior-concept .sc-specialists-hero .sc-cta{background:#d5ed8a;color:#20372d;margin-top:15px} #superior-concept .sc-specialists-hero-foot{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid #ffffff35;font-size:13px;color:#dce5d6} #superior-concept .sc-specialists-editorial .sc-team-section{padding:90px 5%} #superior-concept .sc-specialists-editorial .sc-department-intro{max-width:none;display:grid;grid-template-columns:1fr 1.4fr;gap:20px 80px;margin-bottom:55px} #superior-concept .sc-specialists-editorial .sc-department-intro .sc-eyebrow{grid-row:span 2;color:#6a805d;padding-top:15px} #superior-concept .sc-specialists-editorial .sc-department-intro h2{margin:0;font-size:clamp(38px,4.8vw,68px);line-height:1.08} #superior-concept .sc-specialists-editorial .sc-department-intro em{color:#627d50} #superior-concept .sc-specialists-editorial .sc-department-intro p{margin:0;font-size:15px} #superior-concept .sc-specialists-editorial .sc-department-nav{position:sticky;top:0;z-index:10;background:#f4f3edf5;backdrop-filter:blur(14px);padding:20px 0;border-top:1px solid #22382b20;border-bottom:1px solid #22382b20;gap:8px;margin-bottom:55px} #superior-concept .sc-specialists-editorial .sc-department-nav a{border-radius:100px;padding:12px 20px;background:#fff;border-color:#263a2920;font-size:12px;gap:16px;transition:background .25s} #superior-concept .sc-specialists-editorial .sc-department-nav span{background:#e9eee1;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:10px} #superior-concept .sc-specialists-editorial .sc-department-nav a:is(:hover,:focus-visible){background:#d5ed8a} #superior-concept .sc-specialists-editorial .sc-team-department{margin-bottom:85px;scroll-margin-top:115px} #superior-concept .sc-specialists-editorial .sc-department-heading{border:0;padding-top:0;margin-bottom:30px;align-items:flex-end} #superior-concept .sc-specialists-editorial .sc-department-heading .sc-eyebrow{font-size:10px;color:#6a805d;margin-bottom:15px} #superior-concept .sc-specialists-editorial .sc-department-heading h2{font-size:clamp(36px,4vw,54px)} #superior-concept .sc-specialists-editorial .sc-department-heading p{max-width:590px;color:#687463;font-size:14px;line-height:1.7;margin:15px 0 0} #superior-concept .sc-specialists-editorial .sc-department-heading>span{white-space:nowrap;font-size:12px;padding-bottom:4px} #superior-concept .sc-specialists-editorial .sc-team-grid{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))} #superior-concept .sc-specialists-editorial .sc-team-card{border-radius:16px;overflow:hidden;background:#fff;border:1px solid #203a2715;padding:10px;box-shadow:0 6px 24px #18352205;transition:transform .35s,box-shadow .35s} #superior-concept .sc-specialists-editorial .sc-team-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #18352214} #superior-concept .sc-specialists-editorial .sc-team-photo{border-radius:9px;aspect-ratio:1.05;background:#dfe5d6;position:relative} #superior-concept .sc-specialists-editorial .sc-team-photo img{transition:transform .6s;object-position:center 30%} #superior-concept .sc-specialists-editorial .sc-team-card:hover img{transform:scale(1.035)} #superior-concept .sc-specialists-editorial .sc-team-info{padding:27px 16px 16px} #superior-concept .sc-specialists-editorial .sc-team-info h3{font-size:29px;letter-spacing:-.045em;margin-bottom:10px} #superior-concept .sc-specialists-editorial .sc-team-role{color:#647e53;font-size:12px;font-weight:500;margin-bottom:16px} #superior-concept .sc-specialists-editorial .sc-team-specialties{gap:6px} #superior-concept .sc-specialists-editorial .sc-team-specialties li{border-radius:100px;background:#edf1e7;color:#4d6443;font-size:10px;padding:7px 11px} #superior-concept .sc-specialists-editorial .sc-team-description{color:#687163;font-size:13px;line-height:1.8} #superior-concept .sc-specialists-editorial .sc-team-contact{border-color:#22382b1a;color:#354e38;font-size:12px} #superior-concept .sc-team-monogram{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at top right,#597455,#20372d)!important;color:#d5e1c9;gap:24px} #superior-concept .sc-team-monogram>span{font-size:80px;letter-spacing:-.06em;font-weight:500;line-height:1} #superior-concept .sc-team-monogram small{font-size:9px;letter-spacing:.22em;color:#bacdaf} #superior-concept .sc-specialists-finale{border-radius:20px;padding:60px;background:radial-gradient(ellipse at top right,#496947,#1b3328 65%);margin-top:40px} #superior-concept .sc-specialists-finale h2{font-size:clamp(38px,4.8vw,68px);letter-spacing:-.05em;line-height:1.1;margin:18px 0} #superior-concept .sc-specialists-finale .sc-eyebrow{color:#bcd69e} #superior-concept .sc-specialists-finale p{max-width:470px;font-size:15px;line-height:1.7;color:#cbd6c8} #superior-concept .sc-specialists-finale .sc-cta{flex-shrink:0} #superior-concept .sc-specialists-editorial .sc-team-careers{border:0;border-radius:16px;background:#e8ede0;padding:30px;margin:25px 0 0} @media(max-width:900px){#superior-concept .sc-specialists-editorial .sc-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#superior-concept .sc-specialists-editorial .sc-department-intro{grid-template-columns:1fr;gap:25px}#superior-concept .sc-specialists-editorial .sc-department-intro .sc-eyebrow{grid-row:auto}#superior-concept .sc-specialists-finale{flex-direction:column;align-items:flex-start;padding:40px}} @media(max-width:600px){#superior-concept .sc-specialists-editorial .sc-specialists-hero{min-height:640px;align-items:center;padding:60px 6% 115px}#superior-concept .sc-specialists-editorial h1{font-size:clamp(46px,11vw,62px)}#superior-concept .sc-specialists-hero-foot{flex-direction:column;gap:10px}#superior-concept .sc-specialists-editorial .sc-team-section{padding:60px 6%}#superior-concept .sc-specialists-editorial .sc-department-nav{flex-wrap:nowrap;overflow:auto;gap:8px;margin-bottom:35px;padding:15px 0}#superior-concept .sc-specialists-editorial .sc-department-nav a{flex:none;white-space:nowrap;padding:10px 15px}#superior-concept .sc-specialists-editorial .sc-team-grid{grid-template-columns:1fr}#superior-concept .sc-specialists-editorial .sc-team-department{scroll-margin-top:100px;margin-bottom:55px}#superior-concept .sc-specialists-editorial .sc-department-heading{align-items:flex-start;flex-direction:column;gap:12px}#superior-concept .sc-specialists-finale{padding:30px}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-specialists-editorial .sc-team-card,#superior-concept .sc-specialists-editorial .sc-team-photo img{transition:none}#superior-concept .sc-specialists-editorial .sc-team-card:hover{transform:none}} /* Careers: a welcoming introduction and clear, considered opportunities. */ #superior-concept .sc-careers-editorial{background:#f4f3ed} #superior-concept .sc-careers-editorial em{font-style:normal;color:#bcd69e} #superior-concept .sc-careers-editorial .sc-careers-hero{position:relative;min-height:690px;padding:85px 5% 120px;background:linear-gradient(90deg,#10251cef,#10251c80 65%,#10251c15),linear-gradient(0deg,#10251cc9,transparent 45%),url("https://iamxrisxross.com/wp-content/themes/superior-modern/assets/image-performance/e77cef1c0e0710db7391-1672.webp") center/cover} #superior-concept .sc-careers-editorial h1{font-size:clamp(56px,7.5vw,110px);line-height:1.04} #superior-concept .sc-careers-editorial .sc-cta{border-radius:100px;padding:18px 26px} #superior-concept .sc-careers-hero-foot{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid #ffffff35;font-size:13px;color:#dce5d6} #superior-concept .sc-careers-story{padding:95px 5% 65px;display:grid;grid-template-columns:1fr 1.5fr;gap:70px} #superior-concept .sc-careers-story>.sc-eyebrow{color:#6a805d;padding-top:15px} #superior-concept .sc-careers-story h2{font-size:clamp(38px,4.8vw,68px);letter-spacing:-.055em;line-height:1.08;margin:0 0 25px} #superior-concept .sc-careers-story em{color:#627d50} #superior-concept .sc-careers-story p{max-width:550px;font-size:16px;line-height:1.8;color:#65705f;margin:0 0 25px} #superior-concept .sc-careers-story a{font-size:13px;color:#354e38;text-decoration:underline;text-underline-offset:5px} #superior-concept .sc-careers-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0 5% 80px;border-bottom:1px solid #22382b20} #superior-concept .sc-careers-values article{padding:35px;border:1px solid #203a2715;background:#e9ede2;border-radius:16px} #superior-concept .sc-careers-values .sc-eyebrow{font-size:10px;color:#6a805d} #superior-concept .sc-careers-values h3{font-size:27px;letter-spacing:-.045em;line-height:1.2;margin:28px 0 15px} #superior-concept .sc-careers-values p{font-size:14px;line-height:1.75;color:#65705f;margin:0} #superior-concept .sc-careers-editorial .sc-results{padding-top:65px} #superior-concept .sc-careers-editorial .sc-heading{align-items:center;gap:20px} #superior-concept .sc-careers-editorial .sc-heading .sc-eyebrow{color:#6a805d} #superior-concept .sc-careers-editorial .sc-heading>a{font-size:13px} #superior-concept .sc-careers-editorial .sc-results-heading h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.05em} #superior-concept .sc-careers-editorial .sc-results-heading{margin:30px 0} #superior-concept .sc-careers-editorial .sc-career-list{gap:20px} #superior-concept .sc-careers-editorial .sc-career-card{border:1px solid #203a2715;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #18352205} #superior-concept .sc-careers-editorial .sc-career-card summary{padding:35px 40px} #superior-concept .sc-careers-editorial .sc-career-card summary:hover{background:#f7f8f2} #superior-concept .sc-careers-editorial .sc-career-top .sc-eyebrow{font-size:10px;color:#6a805d} #superior-concept .sc-careers-editorial .sc-career-top h2{font-size:clamp(28px,3.2vw,44px);letter-spacing:-.045em;line-height:1.15;margin:16px 0} #superior-concept .sc-careers-editorial .sc-career-hours{display:inline-block;padding:7px 12px;background:#edf1e7;border-radius:100px;font-size:11px;margin:0;color:#4d6443} #superior-concept .sc-careers-editorial .sc-career-hours:empty{display:none} #superior-concept .sc-careers-editorial .sc-apply-open{background:#203c2e;color:#fff;font-size:12px;border:0;cursor:pointer} #superior-concept .sc-careers-editorial .sc-career-toggle{border-color:#22382b1a;font-size:12px;font-weight:400;color:#526b47} #superior-concept .sc-careers-editorial .sc-career-toggle>span:last-child{font-size:20px;transition:rotate .25s} #superior-concept .sc-careers-editorial details[open] .sc-career-toggle>span:last-child{rotate:90deg} #superior-concept .sc-careers-editorial .sc-career-description{padding:0 40px 35px;max-width:850px;font-size:14px;color:#5b6857;line-height:1.85} #superior-concept .sc-careers-editorial .sc-career-description h3{color:#263a29} #superior-concept .sc-careers-finale{border-radius:20px;padding:60px;background:radial-gradient(ellipse at top right,#496947,#1b3328 65%)} #superior-concept .sc-careers-finale h2{font-size:clamp(38px,4.8vw,68px);letter-spacing:-.05em;line-height:1.1;margin:18px 0} #superior-concept .sc-careers-finale .sc-eyebrow{color:#bcd69e} #superior-concept .sc-careers-finale p{max-width:470px;font-size:15px;line-height:1.7;color:#cbd6c8} #superior-concept .sc-careers-finale .sc-cta{flex-shrink:0} #superior-concept .sc-careers-editorial .sc-application-modal{border-radius:20px;border:1px solid #203a2715;background:#f4f3ed} #superior-concept .sc-careers-editorial .sc-application-fields :is(input,textarea){border-radius:9px;border-color:#263a2926;background:white} #superior-concept .sc-careers-editorial .sc-application-fields input[type=file]{font-size:13px} @media(max-width:900px){#superior-concept .sc-careers-story{grid-template-columns:1fr;gap:25px}#superior-concept .sc-careers-values{gap:16px}#superior-concept .sc-careers-values article{padding:25px}#superior-concept .sc-careers-finale{flex-direction:column;align-items:flex-start;padding:40px}} @media(max-width:600px){#superior-concept .sc-careers-editorial .sc-careers-hero{min-height:640px;padding:60px 6% 115px}#superior-concept .sc-careers-editorial h1{font-size:clamp(46px,11vw,62px)}#superior-concept .sc-careers-hero-foot{flex-direction:column;gap:10px}#superior-concept .sc-careers-story{padding:60px 6% 40px}#superior-concept .sc-careers-values{grid-template-columns:1fr;padding:0 6% 55px}#superior-concept .sc-careers-editorial .sc-career-card summary{padding:25px}#superior-concept .sc-careers-editorial .sc-career-top{gap:20px}#superior-concept .sc-careers-editorial .sc-career-description{padding:0 25px 25px}#superior-concept .sc-careers-finale{padding:30px}} /* Keep slideshow captions above the image and its darkening overlay. */ #superior-concept .sc-hero > .sc-floating{z-index:3;background:#17271fa6;backdrop-filter:none;-webkit-backdrop-filter:none;filter:none;transform:none;box-shadow:0 12px 35px #0002} .sc-product-image{position:relative}.sc-range-image-label{position:absolute;bottom:12px;left:12px;padding:5px 9px;border-radius:5px;background:#17271fcc;color:#fff;font-size:10px;letter-spacing:.06em}.sc-image-caption{font-size:12px;color:#697267;margin:12px 0} /* Catalogue merchandising, comparison and a printable project sheet. */ #superior-concept .sc-catalogue-views{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0} #superior-concept .sc-catalogue-views a{padding:12px 18px;border:1px solid #9aa58d;border-radius:24px;font-size:13px} #superior-concept .sc-catalogue-views a[aria-current="page"]{background:#17271f;color:#fff} #superior-concept .sc-catalogue-item{display:flex;flex-direction:column;min-width:0} #superior-concept .sc-catalogue-item .sc-product-card{flex:1} #superior-concept .sc-stock-label{font-size:12px;display:block;margin:0 0 18px;color:#48613e} #superior-concept .sc-project-sheet{margin-bottom:30px} .sc-compare-bar{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:30;padding:14px 20px;background:#17271f;color:#fff;display:flex;gap:18px;align-items:center;box-shadow:0 6px 30px #0003;border-radius:6px;font:13px Arial,sans-serif;max-width:calc(100% - 24px);width:max-content} .sc-compare-bar[hidden]{display:none}.sc-compare-bar button{cursor:pointer;border:1px solid #d5ed8a;background:#d5ed8a;color:#17271f;padding:10px;border-radius:4px;font:inherit} #sc-product-comparison{background:#f4f3ed;color:#171c1b;border:0;border-radius:6px;padding:35px;width:min(1100px,94vw);max-height:90svh;font:15px Arial,sans-serif} #sc-product-comparison::backdrop{background:#17271fb8;backdrop-filter:blur(4px)} #sc-product-comparison .sc-application-close{float:right;border:0;background:none;font-size:24px;cursor:pointer} .sc-comparison-content{overflow-x:auto}.sc-comparison-content table{border-collapse:collapse;width:100%;min-width:550px}.sc-comparison-content th,.sc-comparison-content td{padding:18px;border:1px solid #bcc6b4;vertical-align:top;text-align:left;font-size:13px;line-height:1.6}.sc-comparison-content th{background:#dfe6d4}.sc-comparison-content a{color:#17271f} #superior-concept .sc-rental-calendar{margin-bottom:25px;font-size:13px;line-height:1.6} #superior-concept .sc-rental-calendar input{padding:10px;border:1px solid #bcc6b4;background:#fff;font:inherit} #superior-concept .sc-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center;margin-top:15px} #superior-concept .sc-calendar-grid button{padding:9px 0;border:1px solid #bcc6b4;background:#dfe6d4;color:#17271f;border-radius:3px} #superior-concept .sc-calendar-grid button:disabled{background:#eee;color:#888;text-decoration:line-through;cursor:not-allowed} #superior-concept .sc-calendar-grid button[aria-pressed="true"]{background:#17271f;color:#fff} @media(max-width:600px){.sc-compare-bar{gap:8px;padding:10px;font-size:11px}#sc-product-comparison{padding:20px}} @media print{.sc-compare-bar,#sc-product-comparison{display:none!important}#superior-concept .sc-project-sheet{border:0;padding:0}#superior-concept .sc-project-sheet input,#superior-concept .sc-project-sheet textarea{border:0;background:none;color:#000;width:100%;overflow:visible}#superior-concept .sc-saved-list article{break-inside:avoid}#superior-concept .sc-saved-list a:after{content:' (' attr(href) ')';font-size:10px;overflow-wrap:anywhere}} @media print{#superior-concept .sc-nav,#superior-concept .sc-heading,#superior-concept .sc-copy-status{display:none!important}#superior-concept .sc-project-sheet textarea{height:150px}#superior-concept{overflow:visible}} .sc-print-project-notes{display:none} @media print{#superior-concept .sc-project-sheet label{display:none}#superior-concept .sc-print-project-notes{display:block;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0}#superior-concept .sc-project-sheet{display:flex;flex-direction:column}#superior-concept .sc-print-project-notes{order:-1}} #superior-concept .sc-rental-pickup-info{white-space:pre-line} /* Preserve Mirka's official yellow logo and give its tools room in the hero. */ #superior-concept .sc-brand-hero:has(.sc-brand-hero-logo img[alt="Mirka"]) .sc-brand-hero-logo:before{display:none} #superior-concept .sc-brand-hero-logo img[alt="Mirka"]{filter:none;mix-blend-mode:normal;object-position:left center;max-width:360px;max-height:100px} #superior-concept .sc-brand-hero:has(img[alt="Mirka"]) .sc-brand-backdrop img{object-position:70% center} #superior-concept .sc-mirka-options-scroll{max-height:420px;overflow:auto;border:1px solid #c9cebf;border-radius:4px} #superior-concept .sc-mirka-options table{width:100%;border-collapse:collapse;font-size:14px;text-align:left} #superior-concept .sc-mirka-options th,#superior-concept .sc-mirka-options td{padding:12px 16px;border-bottom:1px solid #c9cebf} #superior-concept .sc-mirka-options th{position:sticky;top:0;background:#e5e7dd} /* Keep sourced application values readable without crowding the product page. */ #superior-concept .sc-product-use-details dd p{margin:0 0 8px} #superior-concept .sc-product-use-details dd a{font-size:12px;text-underline-offset:3px} #superior-concept .sc-product-use-details details summary{cursor:pointer} #superior-concept .sc-product-use-details details p{margin-top:12px} /* Rich comparison controls and horizontally swipeable product columns. */ #sc-product-comparison .sc-comparison-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 12px;font-size:13px} #sc-product-comparison .sc-comparison-toolbar button,#sc-product-comparison .sc-comparison-toolbar a,#sc-product-comparison .sc-comparison-product-actions button,#sc-product-comparison [data-cancel-replacement]{border:1px solid #9ba78e;border-radius:20px;padding:9px 13px;background:#f4f3ed;color:#17271f;cursor:pointer;text-decoration:none;font:inherit} #sc-product-comparison .sc-comparison-toolbar a{background:#d5ed8a} #sc-product-comparison button:disabled{opacity:.5;cursor:default} #sc-product-comparison :focus-visible{outline:2px solid #48613e;outline-offset:3px} #sc-product-comparison .sc-comparison-picker{padding:20px;background:#e5e7dd;border-radius:6px;margin:20px 0} #sc-product-comparison .sc-comparison-picker[hidden]{display:none} #sc-product-comparison .sc-comparison-picker label{display:block;margin-bottom:10px} #sc-compare-search{width:min(420px,100%);padding:12px;border:1px solid #9ba78e;font:inherit} .sc-comparison-search-results{display:grid;gap:8px;margin-top:14px} .sc-comparison-search-results button{text-align:left;padding:12px;border:1px solid #9ba78e;background:#f4f3ed;cursor:pointer;color:#17271f;font:inherit} .sc-comparison-content{isolation:isolate} .sc-comparison-content .sc-enhanced-comparison{table-layout:fixed;width:100%;min-width:600px} .sc-enhanced-comparison th:first-child{width:150px;position:sticky;left:0;z-index:2;box-shadow:2px 0 0 #bcc6b4} .sc-comparison-product{display:flex;flex-direction:column;gap:14px} .sc-comparison-product-image{display:block;width:100%;height:140px;object-fit:contain;mix-blend-mode:multiply} .sc-comparison-brands{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:28px} .sc-comparison-brand-logo{max-width:110px;height:30px;object-fit:contain} .sc-comparison-brand-logo.sc-logo-on-dark{background:#17271f;padding:5px;height:38px;border-radius:3px} .sc-comparison-product-actions{display:flex;gap:8px;flex-wrap:wrap;font-weight:400} .sc-enhanced-comparison td{white-space:pre-line;overflow-wrap:anywhere} .sc-enhanced-comparison .sc-comparison-different td{background:#e9efdc} .sc-comparison-feedback{font-size:13px;line-height:1.6} .sc-comparison-mobile-hint{display:none;font-size:12px;color:#526351} @media(max-width:600px){#sc-product-comparison{width:96vw;max-width:96vw}.sc-comparison-mobile-hint{display:block}.sc-comparison-content .sc-enhanced-comparison{min-width:730px}.sc-enhanced-comparison th:first-child{width:105px}.sc-comparison-content th,.sc-comparison-content td{padding:12px}.sc-comparison-product-image{height:110px}} @media print{body.sc-print-comparison>*:not(#sc-product-comparison){display:none!important}body.sc-print-comparison #sc-product-comparison{display:block!important;position:static!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important}body.sc-print-comparison #sc-product-comparison::backdrop{display:none}body.sc-print-comparison .sc-comparison-toolbar,body.sc-print-comparison .sc-comparison-product-actions,body.sc-print-comparison .sc-comparison-picker,body.sc-print-comparison .sc-application-close,body.sc-print-comparison .sc-comparison-feedback,body.sc-print-comparison .sc-comparison-mobile-hint{display:none!important}body.sc-print-comparison .sc-comparison-content{overflow:visible}body.sc-print-comparison .sc-enhanced-comparison{min-width:0!important;width:100%!important}body.sc-print-comparison .sc-enhanced-comparison th:first-child{position:static;width:22%}body.sc-print-comparison .sc-enhanced-comparison tr{break-inside:avoid}body.sc-print-comparison .sc-comparison-product-image{height:85px}body.sc-print-comparison .sc-enhanced-comparison th,body.sc-print-comparison .sc-enhanced-comparison td{padding:8px;font-size:10px}} #superior-concept .sc-product-specifications .sc-specification-source{font-size:12px;text-underline-offset:3px} /* Compared products have a visual summary above the enquiry form. */ #superior-concept .sc-enquiry-comparison{margin-bottom:65px} #superior-concept .sc-enquiry-comparison-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:28px} #superior-concept .sc-enquiry-comparison-heading h2{font-size:clamp(32px,4vw,52px);margin-top:16px} #superior-concept .sc-enquiry-comparison-heading p{max-width:650px;font-size:15px;line-height:1.7;color:#526351} #superior-concept .sc-enquiry-count{white-space:nowrap;background:#dfe6d4;padding:10px 16px;border-radius:24px;font-size:12px} #superior-concept .sc-enquiry-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px} #superior-concept .sc-enquiry-product{border:1px solid #d4dacb;background:#fbfcf8;border-radius:12px;overflow:hidden;display:flex;flex-direction:column} #superior-concept .sc-enquiry-product-image{height:210px;padding:25px;background:#e9ede3} #superior-concept .sc-enquiry-product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply} #superior-concept .sc-enquiry-product-copy{padding:25px;display:flex;flex-direction:column;flex:1} #superior-concept .sc-enquiry-product-brands{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:32px} #superior-concept .sc-enquiry-product-brands img{max-width:115px;height:32px;object-fit:contain} #superior-concept .sc-enquiry-product-brands img.sc-logo-on-dark{background:#17271f;padding:5px;border-radius:3px;height:40px} #superior-concept .sc-enquiry-product-copy h3{font-size:clamp(22px,2.2vw,30px);font-weight:500;letter-spacing:-.7px;line-height:1.25;margin:22px 0 18px;overflow-wrap:anywhere} #superior-concept .sc-enquiry-availability{font-size:12px;color:#526351;margin-bottom:24px} #superior-concept .sc-enquiry-product-link{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d4dacb;padding-top:20px;font-size:13px} #superior-concept .sc-enquiry-product-link span{font-size:22px} #superior-concept .sc-enquiry-product-facts{margin-bottom:24px;font-size:13px;line-height:1.6} #superior-concept .sc-enquiry-product-facts summary{cursor:pointer} #superior-concept .sc-enquiry-product-facts dl div{border-top:1px solid #d4dacb;padding:12px 0} #superior-concept .sc-enquiry-product-facts dt{font-weight:700} #superior-concept .sc-enquiry-product-facts dd{margin:6px 0 0;white-space:pre-line;overflow-wrap:anywhere} @media(max-width:600px){#superior-concept .sc-enquiry-comparison-heading{flex-direction:column;gap:10px}#superior-concept .sc-enquiry-product-grid{grid-template-columns:1fr}#superior-concept .sc-enquiry-product-image{height:190px}#superior-concept .sc-enquiry-comparison{margin-bottom:40px}} #superior-concept .sc-coverage-note{display:block;white-space:pre-line;margin-bottom:8px} #superior-concept .sc-calculator-product-count{margin:0;font-size:13px} /* Separate product enquiry links from the product detail links. */ #superior-concept .sc-product-image-link{display:block} #superior-concept .sc-product-summary-link{color:inherit;text-decoration:none} #superior-concept .sc-product-enquiry-link{align-self:flex-start;text-decoration:underline;text-underline-offset:3px} #superior-concept .sc-product-enquiry-link:hover{color:#203c2e} #superior-concept .sc-paint-french-name{display:block;font-size:12px;font-weight:400;margin-top:4px} #superior-concept .sc-paint-colour-source{font-size:12px;text-underline-offset:3px} #superior-concept .sc-paint-colours .sc-colour-card img{height:auto;aspect-ratio:1;object-fit:contain} #superior-concept .sc-paint-colours .sc-paint-colour-source{padding:0 12px 8px;cursor:pointer} /* Catalogue tile action layout */ #superior-concept .sc-tile-actions{margin-top:auto;padding-top:18px;display:grid;gap:12px;border-top:1px solid #22382b1a} #superior-concept .sc-products-editorial .sc-tile-actions .sc-product-link{display:flex;align-items:center;justify-content:space-between;margin:0;padding:12px 14px;border:0;border-radius:8px;background:#20372b;color:#fff;font-size:13px;line-height:1.4} #superior-concept .sc-tile-actions .sc-product-link:hover{background:#39533e} #superior-concept .sc-tile-secondary-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px} #superior-concept .sc-tile-secondary-actions .sc-stock-label{margin:0;font-size:12px;line-height:1.4;align-self:center} #superior-concept .sc-tile-secondary-actions .sc-product-enquiry-link{padding:10px 0;text-decoration:none;border-bottom:1px solid #738c6470} #superior-concept .sc-tile-secondary-actions .sc-save-selection{margin:0;padding:10px 12px;border-radius:7px;font-size:12px;line-height:1.4;border:1px solid #20372b30;background:transparent;color:#20372b} #superior-concept .sc-tile-secondary-actions .sc-save-selection:hover{background:#20372b0b} #superior-concept .sc-tile-secondary-actions .sc-save-selection[aria-pressed=true]{background:#20372b;color:#fff;border-color:#20372b} #superior-concept .sc-footer{flex-wrap:wrap}#superior-concept .sc-footer-navigation{display:flex;flex-basis:100%;width:100%;gap:30px;align-items:center;padding-bottom:28px;margin-bottom:8px;border-bottom:1px solid #d8d9cf}#superior-concept .sc-footer-navigation a{font-size:14px}#superior-concept .sc-footer-navigation a:hover{text-decoration:underline;text-underline-offset:5px}@media(max-width:600px){#superior-concept .sc-footer-navigation{flex-wrap:wrap;gap:18px 24px}} /* Header links: a gentle nudge and a bar along the navigation edge. */ #superior-concept .sc-nav .sc-links{align-self:stretch;align-items:stretch} #superior-concept .sc-nav .sc-links>a{position:relative;display:inline-flex;align-items:center;transition:translate 220ms ease} #superior-concept .sc-nav .sc-links>a::after{content:"";position:absolute;left:0;right:0;bottom:-29px;height:3px;border-radius:3px;background:currentColor;opacity:0;scale:0 1;transform-origin:center;pointer-events:none;transition:scale 220ms ease,opacity 220ms ease,translate 220ms ease} .home #superior-concept .sc-nav .sc-links>a::after{bottom:-29px} #superior-concept .sc-nav .sc-links>a:focus-visible{translate:0 -2px;outline:2px solid currentColor;outline-offset:6px} #superior-concept .sc-nav .sc-links>a:focus-visible::after{opacity:1;scale:1 1;translate:0 2px} @media(hover:hover){#superior-concept .sc-nav .sc-links>a:hover{translate:0 -2px}#superior-concept .sc-nav .sc-links>a:hover::after{opacity:1;scale:1 1;translate:0 2px}} @media(max-width:600px){#superior-concept .sc-nav .sc-links>a{display:flex}#superior-concept .sc-nav .sc-links>a::after,.home #superior-concept .sc-nav .sc-links>a::after{bottom:0;right:auto;width:40px}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-nav .sc-links>a,#superior-concept .sc-nav .sc-links>a::after{transition:none;translate:none!important}} #superior-concept .sc-nav .sc-links>a.sc-nav-current{font-weight:700} /* Paint services refresh. */ #superior-concept .sc-services-refresh .sc-services-hero{min-height:640px;padding:65px 6% 80px} #superior-concept .sc-services-refresh .sc-services-hero h1{font-size:clamp(48px,6.7vw,94px);max-width:850px} #superior-concept .sc-services-refresh .sc-services-hero:after{background:linear-gradient(90deg,#10281be8,#10281b90 52%,#10281b15)} #superior-concept .sc-services-refresh .sc-services-grid{gap:20px} #superior-concept .sc-services-refresh .sc-service-tile{border:0;border-radius:12px;padding:32px;min-height:400px;transition:transform .2s,box-shadow .2s} #superior-concept .sc-services-refresh .sc-service-tile:hover{transform:translateY(-4px);box-shadow:0 14px 28px #17271f12} #superior-concept .sc-services-refresh .sc-service-tile h3{font-size:32px;letter-spacing:-1px} #superior-concept .sc-service-preparation{margin-top:55px;padding:45px;background:#e4e8dc;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:18px 60px;align-items:center} #superior-concept .sc-service-preparation .sc-eyebrow{grid-column:1/-1} #superior-concept .sc-service-preparation h2{font-size:clamp(32px,3.5vw,48px);margin:0;grid-row:2/4} #superior-concept .sc-service-preparation p{line-height:1.8;margin:0;color:#526351} #superior-concept .sc-service-preparation .sc-cta{justify-self:start} #superior-concept .sc-services-refresh .sc-service-detail{padding:65px 0;scroll-margin-top:110px} #superior-concept .sc-services-refresh .sc-services-rentals{border-radius:12px;background:#ede8dd;border:0;padding:40px} #superior-concept .sc-services-refresh .sc-services-rentals+.sc-services-rentals{background:#dce5d5} @media(max-width:600px){#superior-concept .sc-services-refresh .sc-services-hero{min-height:560px;padding:40px 6% 55px}#superior-concept .sc-services-refresh .sc-service-tile{min-height:310px;padding:25px}#superior-concept .sc-service-preparation{grid-template-columns:1fr;padding:28px;gap:20px}#superior-concept .sc-service-preparation h2{grid-row:auto}#superior-concept .sc-services-refresh .sc-services-rentals{padding:28px}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-services-refresh .sc-service-tile{transition:none;transform:none}} /* Services follows the same editorial frame as Products and Brands. */ #superior-concept .sc-services-refresh.sc-brands-editorial .sc-services-hero{min-height:calc(100svh - 100px);padding:90px 5% 120px} #superior-concept .sc-services-refresh.sc-brands-editorial .sc-services-hero h1{font-size:clamp(58px,7.4vw,110px);max-width:1050px;line-height:1.03} #superior-concept .sc-services-refresh.sc-brands-editorial .sc-results{padding-top:45px} #superior-concept .sc-services-refresh.sc-brands-editorial .sc-service-tile{background:#fff;border:1px solid #1e382513;border-radius:16px;box-shadow:0 6px 24px #18352205} #superior-concept .sc-services-refresh.sc-brands-editorial .sc-service-art{background:#eceee8;border-radius:9px;height:150px;margin:22px 0} #superior-concept .sc-services-refresh.sc-brands-editorial .sc-service-tile h3{font-size:30px} #superior-concept .sc-services-refresh.sc-brands-editorial .sc-service-preparation{border-radius:16px;padding:45px;background:#e8ecdf} #superior-concept .sc-services-refresh.sc-brands-editorial .sc-catalogue-help{border-radius:16px;padding:45px;background:#20372b;color:#f4f3ed} #superior-concept .sc-services-refresh.sc-brands-editorial .sc-catalogue-help .sc-cta{background:#d5ed8a;color:#17271f} @media(max-width:900px){#superior-concept .sc-services-refresh.sc-brands-editorial .sc-service-art{background:transparent}} @media(max-width:600px){#superior-concept .sc-services-refresh.sc-brands-editorial .sc-services-hero{min-height:690px;padding:60px 6% 115px}#superior-concept .sc-services-refresh.sc-brands-editorial .sc-services-hero h1{font-size:clamp(46px,10.5vw,63px)}#superior-concept .sc-services-refresh.sc-brands-editorial .sc-service-preparation,#superior-concept .sc-services-refresh.sc-brands-editorial .sc-catalogue-help{padding:28px}} #superior-concept .sc-selectone-detail .sc-detail-image{flex-direction:column;gap:14px} #superior-concept .sc-selectone-detail .sc-detail-image .sc-image-caption{font-size:12px;line-height:1.5;text-align:center;margin:0;width:100%} #superior-concept .sc-korzite-detail .sc-detail-image{flex-direction:column;gap:14px} #superior-concept .sc-korzite-detail .sc-detail-image .sc-image-caption{font-size:12px;line-height:1.5;text-align:center;margin:0;width:100%} #superior-concept .sc-brand-hero-logo:has(img[alt="Korzite"]){height:112px;min-height:112px;flex-shrink:0;padding:18px 30px} #superior-concept .sc-brand-hero-logo img[alt="Korzite"]{height:76px;width:100%;max-height:76px;object-fit:contain} #superior-concept .sc-footer .sc-footer-navigation{width:auto;flex-basis:auto;gap:10px 20px;padding:0;margin:20px 0 0;border:0;flex-wrap:wrap}#superior-concept .sc-footer .sc-footer-navigation a{font-size:13px} #superior-concept .sc-rental-actions{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;align-items:center;margin-top:20px}#superior-concept .sc-rental-actions .sc-cta{margin:0;padding:13px 14px;font-size:12px;justify-content:center;text-align:center;line-height:1.4}#superior-concept .sc-rental-actions .sc-rental-contact{border:0;padding:0;gap:8px;align-items:center;line-height:1.4;font-size:12px} /* Photographic brand discovery and featured collections. */ #superior-concept .sc-brand-spotlights{padding:70px 6% 90px} #superior-concept .sc-brand-spotlight-heading{max-width:760px;margin-bottom:32px} #superior-concept .sc-brand-spotlight-heading h2{font-size:clamp(32px,4vw,54px);line-height:1.08;letter-spacing:-1.7px;margin:15px 0} #superior-concept .sc-brand-spotlight-heading p{color:#647163;line-height:1.7} #superior-concept .sc-brand-spotlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} #superior-concept .sc-brand-spotlight{position:relative;isolation:isolate;min-height:440px;overflow:hidden;border-radius:20px;color:#fff;display:flex;align-items:end;text-decoration:none;background:#17271f;padding:32px} #superior-concept .sc-brand-spotlight>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s} #superior-concept .sc-brand-spotlight::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#10251ff2,transparent 95%)} #superior-concept .sc-brand-spotlight h3{color:#fff;font-size:32px;line-height:1.1;letter-spacing:-.8px;margin:16px 0 24px} #superior-concept .sc-brand-spotlight .sc-eyebrow{color:#dbea88;font-size:10px} #superior-concept .sc-spotlight-link{font-size:12px;border-bottom:1px solid #ffffff60;padding-bottom:8px} #superior-concept .sc-brand-spotlight:is(:hover,:focus-visible)>img{transform:scale(1.06)} #superior-concept .sc-brand-spotlight:focus-visible{outline:3px solid #708842;outline-offset:5px} #superior-concept .sc-brand-discovery{display:flex;flex-direction:column;gap:16px;max-width:100%} #superior-concept .sc-brand-search{display:flex;align-items:center;gap:15px;justify-content:end;font-size:12px} #superior-concept .sc-brand-search input{width:320px;max-width:100%;border:1px solid #253d292b;background:#fff;padding:14px 18px;border-radius:30px;color:#17271f;font:inherit;font-size:14px} #superior-concept .sc-brand-search input:focus-visible{outline:2px solid #647d3b;outline-offset:3px} #superior-concept .sc-filter-count{font-size:10px;opacity:.6;margin-left:4px} #superior-concept .sc-brand-empty{padding:50px;text-align:center;background:#e9ecdf;border-radius:20px;margin-bottom:30px} #superior-concept .sc-brand-empty button{background:#17271f;color:#fff;border:0;border-radius:30px;padding:14px 25px;cursor:pointer} #superior-concept .sc-brand-empty[hidden],#superior-concept .sc-brand-search[hidden]{display:none!important} #superior-concept .sc-brand-tile-scene{height:150px;overflow:hidden;background:#edf0e8} #superior-concept .sc-brand-tile-scene img{width:100%;height:100%;object-fit:cover;transition:transform .7s} #superior-concept .sc-brand-card:hover .sc-brand-tile-scene img{transform:scale(1.06)} #superior-concept .sc-brands-editorial .sc-brand-logo{height:155px} @media(max-width:1100px){#superior-concept .sc-brand-toolbar{align-items:flex-start;flex-direction:column}#superior-concept .sc-brand-search{justify-content:start}} @media(max-width:750px){#superior-concept .sc-brand-spotlight-grid{grid-template-columns:1fr}#superior-concept .sc-brand-spotlight{min-height:330px}#superior-concept .sc-brand-spotlights{padding-bottom:55px}#superior-concept .sc-brand-search{align-items:flex-start;flex-direction:column;gap:8px}#superior-concept .sc-brand-search input{width:100%}#superior-concept .sc-brand-discovery{width:100%}#superior-concept .sc-brand-spotlight h3{font-size:30px}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-brand-spotlight>img,#superior-concept .sc-brand-tile-scene img{transition:none}#superior-concept .sc-brand-spotlight:is(:hover,:focus-visible)>img{transform:none}} /* Keep logo artwork comfortably contained at a consistent visual size. */ #superior-concept .sc-brands-editorial .sc-brand-logo{height:180px;min-height:180px;flex-shrink:0;padding:26px 30px;overflow:hidden} #superior-concept .sc-brands-editorial .sc-brand-logo img{width:240px;height:100px;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transform:none} #superior-concept .sc-brands-editorial .sc-brand-logo[data-logo-shape="wide"] img{width:260px;height:80px} #superior-concept .sc-brands-editorial .sc-brand-logo[data-logo-shape="compact"] img{width:155px;height:120px} #superior-concept .sc-brands-editorial .sc-brand-card:hover .sc-brand-logo img{transform:none} @media(max-width:600px){#superior-concept .sc-brands-editorial .sc-brand-logo{height:180px;min-height:180px;padding:26px 30px}} #superior-concept .sc-brands-editorial .sc-brand-logo[data-brand-logo="selectone"],#superior-concept .sc-brands-editorial .sc-brand-logo[data-brand-logo="u-tech"],#superior-concept .sc-brands-editorial .sc-brand-logo[data-brand-logo="interlux"]{background:#fff} /* Five-column alphabetical brand directory with responsive logo frames. */ #superior-concept .sc-brand-collection{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px} #superior-concept .sc-brands-editorial .sc-brand-logo{padding:22px 16px;height:150px;min-height:150px} #superior-concept .sc-brand-tile-copy{padding:20px} #superior-concept .sc-brand-tile-copy h3{font-size:21px;overflow-wrap:break-word} #superior-concept .sc-brand-tile-scene{height:120px} @media(max-width:1100px){#superior-concept .sc-brand-collection{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:750px){#superior-concept .sc-brand-collection{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:480px){#superior-concept .sc-brand-collection{grid-template-columns:1fr}#superior-concept .sc-brands-editorial .sc-brand-logo{padding:26px 30px;height:180px;min-height:180px}} #superior-concept .sc-brand-spotlight-heading{max-width:none} @media(min-width:1101px){#superior-concept .sc-brand-spotlight-heading h2{white-space:nowrap;font-size:clamp(32px,3.8vw,54px)}} /* Compact Brands hero with a calm architectural background. */ #superior-concept .sc-brands-editorial .sc-brands-hero{min-height:480px;padding:36px 5% 90px} #superior-concept .sc-brands-editorial .sc-brands-intro h1{font-size:clamp(45px,5vw,68px);margin:18px 0;line-height:1.04} #superior-concept .sc-brands-editorial .sc-brands-intro p{font-size:16px;line-height:1.6;max-width:490px;margin-bottom:20px} #superior-concept .sc-brands-editorial .sc-brands-hero .sc-cta{padding:14px 22px} #superior-concept .sc-brands-editorial .sc-brands-hero-foot{bottom:24px;padding-top:16px;font-size:12px} #superior-concept .sc-brands-editorial .sc-brands-hero .sc-scene img{inset:0;width:100%;height:100%;object-position:center} #superior-concept .sc-brands-editorial .sc-brands-hero:after{background:linear-gradient(90deg,#10251bd9,#10251b65 58%,#10251b0d),linear-gradient(0deg,#10251b90,transparent 35%)} @media(max-width:600px){#superior-concept .sc-brands-editorial .sc-brands-hero{min-height:510px;padding:32px 6% 92px}#superior-concept .sc-brands-editorial .sc-brands-intro h1{font-size:42px}#superior-concept .sc-brands-editorial .sc-brands-hero .sc-scene img{object-position:65% center}#superior-concept .sc-brands-editorial .sc-brands-hero:after{background:linear-gradient(90deg,#10251bd9,#10251b75),linear-gradient(0deg,#10251ba0,transparent 60%)}} #superior-concept .sc-brands-editorial .sc-brand-logo[data-brand-logo="sika"]{padding:12px 16px} #superior-concept .sc-brands-editorial .sc-brand-logo[data-brand-logo="sika"] img{width:185px;height:145px} #superior-concept .sc-brands-editorial .sc-brand-logo[data-brand-logo="sika"] img,#superior-concept .sc-brands-editorial .sc-brand-card:hover .sc-brand-logo[data-brand-logo="sika"] img{transform:scale(2)} #superior-concept .sc-brands-editorial .sc-brand-logo{border-radius:9px 9px 0 0} #superior-concept .sc-brands-editorial .sc-brand-tile-scene{margin:0 10px;width:auto;flex-shrink:0} /* Product listings follow the inset logo and image layout of the brand directory. */ #superior-concept .sc-products-editorial .sc-product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px} #superior-concept .sc-products-editorial .sc-product-card{padding:0;border-radius:16px} #superior-concept .sc-products-editorial .sc-listing-logo{height:150px;min-height:150px;flex-shrink:0;box-sizing:border-box;margin:10px 10px 0;padding:22px 16px;background:#eceee8;border-radius:9px 9px 0 0;overflow:hidden;text-decoration:none} #superior-concept .sc-products-editorial .sc-listing-logo.sc-logo-surface-dark{background:#20372d} #superior-concept .sc-products-editorial .sc-listing-logo img{width:240px;height:100px;max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:normal;transform:none} #superior-concept .sc-products-editorial .sc-product-card:hover .sc-listing-logo img{transform:none} #superior-concept .sc-products-editorial .sc-listing-logo:is([data-brand-logo="selectone"],[data-brand-logo="u-tech"],[data-brand-logo="interlux"]){background:#fff} #superior-concept .sc-products-editorial .sc-listing-logo[data-brand-logo="sika"]{padding:12px 16px} #superior-concept .sc-products-editorial .sc-listing-logo[data-brand-logo="sika"] img,#superior-concept .sc-products-editorial .sc-product-card:hover .sc-listing-logo[data-brand-logo="sika"] img{transform:scale(2)} #superior-concept .sc-products-editorial .sc-product-image-link{display:block;margin:0 10px} #superior-concept .sc-products-editorial .sc-product-image{height:190px;padding:18px;background:#fff;border-radius:0;margin:0} #superior-concept .sc-products-editorial .sc-product-image-link:first-child{margin-top:10px} #superior-concept .sc-products-editorial .sc-product-image-link:first-child .sc-product-image{border-radius:9px 9px 0 0} #superior-concept .sc-products-editorial .sc-product-image img{mix-blend-mode:normal} #superior-concept .sc-products-editorial .sc-product-card-copy{padding:20px;min-width:0} #superior-concept .sc-products-editorial .sc-product-card h3{font-size:20px;line-height:1.25;overflow-wrap:break-word} #superior-concept .sc-products-editorial .sc-tile-secondary-actions{gap:8px} #superior-concept .sc-products-editorial .sc-tile-secondary-actions .sc-stock-label{font-size:11px} #superior-concept .sc-products-editorial .sc-products-hero{min-height:480px;padding:36px 5% 90px} #superior-concept .sc-products-editorial .sc-products-hero h1{font-size:clamp(45px,5vw,68px);margin:18px 0;line-height:1.04} #superior-concept .sc-products-editorial .sc-products-hero p{font-size:16px;max-width:490px} #superior-concept .sc-products-editorial .sc-products-hero .sc-cta{padding:14px 22px} @media(max-width:1100px){#superior-concept .sc-products-editorial .sc-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:750px){#superior-concept .sc-products-editorial .sc-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:480px){#superior-concept .sc-products-editorial .sc-product-grid{grid-template-columns:1fr}#superior-concept .sc-products-editorial .sc-listing-logo{height:180px;min-height:180px;padding:26px 30px}#superior-concept .sc-products-editorial .sc-product-image{height:230px}#superior-concept .sc-products-editorial .sc-products-hero{min-height:510px;padding:32px 6% 105px}#superior-concept .sc-products-editorial .sc-products-hero h1{font-size:42px}} /* One compact filter bar replaces the separate category and introduction sections. */ #superior-concept .sc-products-editorial .sc-filters{display:grid;grid-template-columns:1.2fr 1.4fr 1fr 1fr auto auto;align-items:end;padding:20px;gap:14px} #superior-concept .sc-products-editorial .sc-filters label,#superior-concept .sc-products-editorial .sc-filters .sc-search{min-width:0;width:100%} #superior-concept .sc-products-editorial .sc-filters .sc-search label{margin-bottom:0} #superior-concept .sc-products-editorial .sc-filters select,#superior-concept .sc-products-editorial .sc-filters input{min-width:0;text-overflow:ellipsis} #superior-concept .sc-products-editorial .sc-filters button{padding:15px 18px;white-space:nowrap} #superior-concept .sc-products-editorial .sc-results-heading{margin:24px 0 20px} @media(max-width:1100px){#superior-concept .sc-products-editorial .sc-filters{grid-template-columns:repeat(2,minmax(0,1fr))}#superior-concept .sc-products-editorial .sc-filters button{justify-self:start}} @media(max-width:480px){#superior-concept .sc-products-editorial .sc-filters{padding:16px;gap:14px}#superior-concept .sc-products-editorial .sc-filters .sc-search{grid-column:1/-1;grid-row:1}#superior-concept .sc-products-editorial .sc-category-filter{grid-column:1/-1}} #superior-concept .sc-products-editorial .sc-product-grid{transition:opacity .18s ease} #superior-concept .sc-results-updating .sc-product-grid{opacity:.45;pointer-events:none} #superior-concept .sc-results-updating .sc-filters{cursor:progress} @media(prefers-reduced-motion:reduce){#superior-concept .sc-products-editorial .sc-product-grid{transition:none}} /* Product details: focused image stage, immediate actions and readable information. */ #superior-concept .sc-product-editorial{padding:35px 5% 80px} #superior-concept .sc-product-editorial>.sc-breadcrumb{margin-bottom:28px;color:#61705e;font-size:12px} #superior-concept .sc-product-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center} #superior-concept .sc-product-visual{background:#fff;border:1px solid #203a2715;border-radius:20px;padding:10px;overflow:hidden;box-shadow:0 6px 24px #18352205} #superior-concept .sc-product-editorial .sc-detail-image{background:#fff;border-radius:12px;padding:30px;min-height:390px;margin:0;flex-direction:column;gap:16px} #superior-concept .sc-product-editorial .sc-detail-image img{max-height:380px;max-width:100%;mix-blend-mode:normal;object-fit:contain} #superior-concept .sc-product-editorial .sc-image-caption{font-size:12px;color:#6a7467;text-align:center;line-height:1.5} #superior-concept .sc-product-introduction{min-width:0} #superior-concept .sc-product-introduction .sc-eyebrow{font-size:11px;color:#637d51;letter-spacing:1.5px} #superior-concept .sc-product-editorial .sc-product-introduction h1{font-size:clamp(34px,4vw,62px);line-height:1.06;letter-spacing:-.05em;margin:20px 0 28px;overflow-wrap:break-word} #superior-concept .sc-product-editorial .sc-product-actions{margin:0;padding:24px 0 0;border-top:1px solid #263a2926;display:flex;flex-direction:column;gap:25px} #superior-concept .sc-product-editorial .sc-product-selection-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px} #superior-concept .sc-product-editorial .sc-product-selection-actions button{border-radius:100px;padding:12px 17px;font-size:12px} #superior-concept .sc-product-editorial .sc-product-saved-link{font-size:12px} #superior-concept .sc-product-editorial .sc-product-enquiry-actions{padding:22px;background:#e9ede3;border-radius:14px} #superior-concept .sc-product-editorial .sc-stock-label{font-size:12px;line-height:1.6;margin:0 0 16px} #superior-concept .sc-product-editorial .sc-cta{border-radius:100px;background:#203c2e;color:#fff;font-size:13px;padding:16px 23px} #superior-concept .sc-product-detail-nav{display:flex;gap:10px;flex-wrap:wrap;margin:45px 0 0;border-block:1px solid #263a2926;padding:18px 0} #superior-concept .sc-product-detail-nav a{font-size:12px;background:#fff;border:1px solid #263a291a;border-radius:100px;padding:12px 20px;text-decoration:none} #superior-concept .sc-product-detail-nav a:hover{background:#e1e8d6} #superior-concept .sc-product-editorial .sc-detail-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:45px;margin-top:35px} #superior-concept .sc-product-information{min-width:0;background:#fff;border:1px solid #203a2715;border-radius:20px;padding:35px} #superior-concept .sc-product-information h2{font-size:28px;margin-top:36px;line-height:1.2} #superior-concept .sc-product-information p{font-size:15px;color:#576353;line-height:1.8} #superior-concept .sc-product-information #sc-product-overview>:first-child{margin-top:0} #superior-concept .sc-product-editorial .sc-detail-layout aside{position:sticky;top:24px;background:#20372d;color:#fff;border-radius:20px;padding:30px} #superior-concept .sc-product-editorial .sc-detail-layout aside h2{color:#fff;font-size:30px;margin-top:0} #superior-concept .sc-product-editorial .sc-detail-layout aside p{font-size:14px;color:#d4dfcc} #superior-concept .sc-product-editorial .sc-detail-layout aside .sc-cta{background:#dbea88;color:#17271f} #superior-concept .sc-product-editorial .sc-product-resources{border:1px solid #263a2920;border-radius:12px;padding:18px;margin:16px 0;background:#f5f6f0} #superior-concept .sc-product-editorial .sc-product-resources summary{cursor:pointer;font-size:14px;font-weight:600} #superior-concept .sc-product-editorial .sc-document-list{padding-left:0;list-style:none} #superior-concept .sc-product-editorial .sc-document-list li{padding:12px 0;border-bottom:1px solid #263a291a} #superior-concept .sc-product-editorial .sc-product-specifications div{padding:15px 0;border-bottom:1px solid #263a291a} #superior-concept .sc-product-editorial .sc-product-specifications dd{margin-left:0;color:#576353;overflow-wrap:anywhere} #superior-concept .sc-product-editorial :is(#sc-product-overview,#sc-product-specs,#sc-product-docs){scroll-margin-top:25px} @media(max-width:900px){#superior-concept .sc-product-showcase{gap:30px}#superior-concept .sc-product-editorial .sc-detail-layout{grid-template-columns:1fr}#superior-concept .sc-product-editorial .sc-detail-layout aside{position:static}} @media(max-width:600px){#superior-concept .sc-product-editorial{padding:25px 6% 55px}#superior-concept .sc-product-showcase{grid-template-columns:1fr;gap:25px}#superior-concept .sc-product-editorial .sc-detail-image{min-height:260px;padding:20px}#superior-concept .sc-product-editorial .sc-detail-image img{max-height:280px}#superior-concept .sc-product-editorial .sc-product-introduction h1{font-size:36px}#superior-concept .sc-product-information{padding:24px}#superior-concept .sc-product-detail-nav{margin-top:30px}#superior-concept .sc-product-detail-nav a{padding:11px 14px}#superior-concept .sc-product-editorial .sc-product-specifications div{display:block}} body.sc-connected #superior-concept .sc-product-detail.sc-product-editorial .sc-detail-image{float:none;width:auto;max-width:100%;height:auto;margin:0;padding:30px;display:flex;align-items:center;justify-content:center} body.sc-connected #superior-concept .sc-product-detail.sc-product-editorial .sc-detail-image img{width:auto;height:auto;max-width:100%;max-height:380px;object-fit:contain} #superior-concept .sc-product-editorial .sc-product-actions{padding:24px 0 0;border:0;border-top:1px solid #263a2926;border-radius:0;background:transparent} @media(max-width:600px){body.sc-connected #superior-concept .sc-product-detail.sc-product-editorial .sc-detail-image{padding:20px}body.sc-connected #superior-concept .sc-product-detail.sc-product-editorial .sc-detail-image img{max-height:280px}} /* A compact photographic advice card complements the product listings. */ #superior-concept .sc-products-editorial .sc-product-finale{display:grid;grid-template-columns:240px minmax(0,1fr) auto;gap:30px;align-items:center;background:#fff;color:#17271f;border:1px solid #203a2715;border-radius:16px;padding:10px 30px 10px 10px;margin-top:40px;box-shadow:0 6px 24px #18352205} #superior-concept .sc-product-advice-image{width:100%;height:220px;object-fit:cover;border-radius:9px} #superior-concept .sc-products-editorial .sc-product-finale .sc-eyebrow{color:#647e53;font-size:10px} #superior-concept .sc-products-editorial .sc-product-finale h2{font-size:30px;color:#17271f;line-height:1.15;margin:12px 0;letter-spacing:-1px} #superior-concept .sc-products-editorial .sc-product-finale h2 em{color:#17271f;font-style:normal} #superior-concept .sc-products-editorial .sc-product-finale p{color:#64705f;font-size:14px;margin:0;line-height:1.65} body.sc-connected #superior-concept .sc-products-editorial .sc-product-finale .sc-cta{background:#203c2e;color:#fff;border-radius:100px;font-size:12px;white-space:nowrap;padding:14px 20px} @media(max-width:1000px){#superior-concept .sc-products-editorial .sc-product-finale{grid-template-columns:200px minmax(0,1fr);gap:24px;padding-right:24px}#superior-concept .sc-product-advice-image{grid-row:1/3;height:100%;min-height:220px}#superior-concept .sc-products-editorial .sc-product-finale>.sc-cta{grid-column:2;justify-self:start}} @media(max-width:600px){#superior-concept .sc-products-editorial .sc-product-finale{grid-template-columns:1fr;padding:10px;gap:20px}#superior-concept .sc-product-advice-image{grid-row:auto;min-height:0;height:160px}#superior-concept .sc-products-editorial .sc-product-finale>div{padding:0 14px}#superior-concept .sc-products-editorial .sc-product-finale>.sc-cta{grid-column:1;margin:0 14px 14px}#superior-concept .sc-products-editorial .sc-product-finale h2{font-size:28px}} /* A spacious editorial footer with clear navigation and store details. */ #superior-concept .sc-footer{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,1fr);gap:60px;align-items:start;padding:70px 5%;background:#f4f3ed;color:#192d23;border-top:1px solid #203a2720} #superior-concept .sc-footer>.sc-logo{font-size:clamp(32px,3.7vw,56px);line-height:1.05;letter-spacing:-2px;max-width:420px;font-weight:600} #superior-concept .sc-footer>.sc-logo:before{content:'';display:block;width:52px;height:5px;background:#78934a;margin-bottom:25px;border-radius:3px} #superior-concept .sc-footer .sc-footer-center{display:flex;flex-direction:column;align-items:stretch;gap:0;flex-basis:auto;width:auto;margin:0;padding:0;border:0} #superior-concept .sc-footer .sc-footer-center a{font-size:14px;padding:16px 0;text-decoration:none;border-bottom:1px solid #203a271a;transition:color .2s,padding .2s} #superior-concept .sc-footer .sc-footer-center a:first-child{padding-top:0} #superior-concept .sc-footer .sc-footer-center a:hover{color:#647d37;padding-left:6px} #superior-concept .sc-footer-contact{line-height:1.8;justify-self:end;width:100%;max-width:285px;font-size:13px;color:#5b685e} #superior-concept .sc-footer-contact>a:first-child{font-size:23px;font-weight:500;letter-spacing:-.5px;color:#192d23;text-decoration:none} #superior-concept .sc-footer-contact .sc-hours{display:block;margin-top:22px;padding-top:20px;border-top:1px solid #203a271a} #superior-concept .sc-footer-address{margin-top:22px} #superior-concept .sc-footer-address a{display:inline-block;color:#192d23;font-size:14px;text-decoration:none;line-height:1.7} #superior-concept .sc-footer-address a:hover{text-decoration:underline;text-underline-offset:5px} #superior-concept .sc-footer a:focus-visible{outline:2px solid #78934a;outline-offset:5px;border-radius:2px} @media(max-width:900px){#superior-concept .sc-footer{gap:35px;grid-template-columns:1.2fr .8fr 1fr}#superior-concept .sc-footer>.sc-logo{font-size:36px}} @media(max-width:750px){#superior-concept .sc-footer{grid-template-columns:1fr 1fr;gap:38px;padding:50px 6%}#superior-concept .sc-footer>.sc-logo{grid-column:1/-1;max-width:none}#superior-concept .sc-footer-contact{justify-self:start;max-width:none}} @media(max-width:480px){#superior-concept .sc-footer{grid-template-columns:1fr;gap:35px}#superior-concept .sc-footer>.sc-logo{grid-column:auto;font-size:40px;max-width:300px}#superior-concept .sc-footer-contact{padding-top:26px;border-top:1px solid #203a2720}} /* Compact rental hero so the equipment list follows sooner. */ #superior-concept .sc-rentals-hero{min-height:0;padding:45px 5% 50px} #superior-concept .sc-rentals-hero h1{font-size:clamp(42px,4.8vw,68px);margin:18px 0} #superior-concept .sc-rentals-hero p{max-width:620px;margin:16px 0} #superior-concept .sc-rentals .sc-catalogue-hero .sc-cta{margin-top:12px} @media(max-width:600px){#superior-concept .sc-rentals-hero{min-height:0;padding:32px 6% 38px}#superior-concept .sc-rentals-hero h1{font-size:42px}} /* Services introduction follows the site's spacious editorial layout. */ #superior-concept .sc-service-introduction{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:7vw;padding:70px 5%;border-bottom:1px solid #22382b20} #superior-concept .sc-service-introduction .sc-eyebrow{display:block;color:#567052;margin-bottom:22px;font-size:11px;letter-spacing:1.8px} #superior-concept .sc-service-introduction h2{font-size:clamp(38px,4.5vw,64px);line-height:1.1;letter-spacing:-.045em;margin:0;font-weight:500;border:0;padding:0} #superior-concept .sc-service-introduction h2 em{color:#627d50;font-style:normal} #superior-concept .sc-service-introduction>p{max-width:490px;margin:0;font-size:17px;line-height:1.8;color:#526351} @media(max-width:800px){#superior-concept .sc-service-introduction{grid-template-columns:1fr;gap:26px;padding:48px 6%}#superior-concept .sc-service-introduction>p{max-width:600px;font-size:16px}} #superior-concept .sc-brand-help p,#superior-concept .sc-product-help p{font-size:14px;line-height:1.7;max-width:600px} #superior-concept .sc-product-help .sc-eyebrow{margin-bottom:16px;color:#cbd6c8} /* Consistent advice cards across the site, retaining each page's content. */ body.sc-connected #superior-concept .sc-catalogue-help.sc-catalogue-help{background:#17271f;color:#fff;border-radius:0;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:25px} body.sc-connected #superior-concept .sc-catalogue-help.sc-catalogue-help h2{font-size:38px;line-height:1.15;margin:0;letter-spacing:-1px} body.sc-connected #superior-concept .sc-catalogue-help.sc-catalogue-help p{font-size:14px;line-height:1.7;max-width:600px;color:#fff} body.sc-connected #superior-concept .sc-catalogue-help.sc-catalogue-help .sc-eyebrow{color:#cbd6c8;margin-bottom:16px} body.sc-connected #superior-concept .sc-catalogue-help.sc-catalogue-help .sc-cta{background:#d5ed8a;color:#17271f;border-radius:3px;flex-shrink:0} @media(max-width:600px){body.sc-connected #superior-concept .sc-catalogue-help.sc-catalogue-help{padding:30px;flex-direction:column;align-items:flex-start}body.sc-connected #superior-concept .sc-catalogue-help.sc-catalogue-help h2{font-size:32px}} /* Compact Services hero with room for its existing footer line. */ #superior-concept .sc-services-refresh.sc-brands-editorial .sc-services-hero{min-height:0;padding:45px 5% 90px} #superior-concept .sc-services-refresh.sc-brands-editorial .sc-services-hero h1{font-size:clamp(42px,4.8vw,68px);line-height:1.06;margin:18px 0;max-width:790px} #superior-concept .sc-services-refresh .sc-services-hero .sc-breadcrumb{margin-bottom:26px} #superior-concept .sc-services-refresh .sc-services-hero p{font-size:16px;line-height:1.65;margin:16px 0 22px;max-width:500px} @media(max-width:600px){#superior-concept .sc-services-refresh.sc-brands-editorial .sc-services-hero{padding:32px 6% 88px}#superior-concept .sc-services-refresh.sc-brands-editorial .sc-services-hero h1{font-size:42px}#superior-concept .sc-services-refresh .sc-services-hero .sc-breadcrumb{margin-bottom:22px}} /* Image-led brand listings: photography first, with an inset logo panel. */ #superior-concept .sc-brands-editorial .sc-brand-collection{align-items:stretch} #superior-concept .sc-brands-editorial .sc-brand-card{position:relative;padding:0;border-radius:16px;isolation:isolate} #superior-concept .sc-brands-editorial .sc-brand-card .sc-brand-tile-scene{height:220px;margin:9px 9px 0;border-radius:8px 8px 0 0;position:relative} #superior-concept .sc-brands-editorial .sc-brand-tile-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#172c221c,transparent 65%);pointer-events:none} #superior-concept .sc-brands-editorial .sc-brand-card .sc-brand-logo{height:58px;min-height:58px;margin:-29px 20px 0;padding:10px 14px;border-radius:6px;background:#fff;border:1px solid #223e2414;box-shadow:0 5px 12px #17312109;position:relative;z-index:1;flex-shrink:0} #superior-concept .sc-brands-editorial .sc-brand-card .sc-brand-logo.sc-logo-surface-dark{background:#20372d} #superior-concept .sc-brands-editorial .sc-brand-card .sc-brand-logo img{width:100%;height:38px;max-width:100%;max-height:38px;object-fit:contain;transform:none} #superior-concept .sc-brands-editorial .sc-brand-card .sc-brand-logo[data-logo-shape="compact"] img{width:auto;height:44px;max-height:44px} #superior-concept .sc-brands-editorial .sc-brand-card .sc-brand-logo[data-brand-logo="sika"] img{width:110px;height:54px;max-height:54px;transform:scale(2)} #superior-concept .sc-brands-editorial .sc-brand-card .sc-brand-tile-copy{padding:18px 20px 22px;min-height:112px} #superior-concept .sc-brands-editorial .sc-brand-tile-copy h3{display:flex;align-items:start;justify-content:space-between;gap:8px;font-size:20px;line-height:1.25;margin:0 0 8px} #superior-concept .sc-brands-editorial .sc-brand-tile-copy p{margin:0;min-height:0;font-size:13px;line-height:1.5} #superior-concept .sc-brands-editorial .sc-brand-tile-copy .sc-brand-tile-arrow{position:static;flex-shrink:0;font-size:17px;color:#6b806f;line-height:1.3} #superior-concept .sc-brands-editorial .sc-brand-card:hover .sc-brand-logo img{transform:none} #superior-concept .sc-brands-editorial .sc-brand-card:hover .sc-brand-logo[data-brand-logo="sika"] img{transform:scale(2)} @media(max-width:1100px){#superior-concept .sc-brands-editorial .sc-brand-card .sc-brand-tile-scene{height:210px}} @media(max-width:750px){#superior-concept .sc-brands-editorial .sc-brand-card .sc-brand-logo{margin-inline:16px;padding-inline:10px}#superior-concept .sc-brands-editorial .sc-brand-card .sc-brand-tile-copy{padding:16px 16px 20px}#superior-concept .sc-brands-editorial .sc-brand-tile-copy h3{font-size:19px}} @media(max-width:480px){#superior-concept .sc-brands-editorial .sc-brand-card .sc-brand-tile-scene{height:240px}#superior-concept .sc-brands-editorial .sc-brand-card .sc-brand-logo{margin-inline:24px;height:64px;min-height:64px;margin-top:-32px}#superior-concept .sc-brands-editorial .sc-brand-card .sc-brand-tile-copy{padding:18px 22px 22px;min-height:0}} /* Keep the vehicle visible in the narrow Sikkens photograph. */ #superior-concept .sc-brands-editorial .sc-brand-card:has([data-brand-logo="sikkens"]) .sc-brand-tile-scene img{object-position:80% center} /* A future brand without a photo should still show its complete logo. */ #superior-concept .sc-brands-editorial .sc-brand-card>.sc-brand-logo:first-child{margin-top:12px} /* Enlarge the visible uploaded artwork while keeping the standard logo box dimensions. */ #superior-concept .sc-brands-editorial .sc-brand-card .sc-brand-logo:is([data-brand-logo="cloverdale-paint"],[data-brand-logo="interlux"]) img, #superior-concept .sc-brands-editorial .sc-brand-card:hover .sc-brand-logo:is([data-brand-logo="cloverdale-paint"],[data-brand-logo="interlux"]) img{width:100%;height:38px;max-width:100%;max-height:38px;object-fit:cover;object-position:center;transform:none} #superior-concept .sc-brands-editorial .sc-brand-card .sc-brand-logo[data-brand-logo="sansin"] img, #superior-concept .sc-brands-editorial .sc-brand-card:hover .sc-brand-logo[data-brand-logo="sansin"] img{width:auto;height:44px;max-width:100%;max-height:44px;object-fit:contain;transform:scale(1.25);transform-origin:center} /* Canadian maple leaf beside the brand name. */ #superior-concept .sc-brand-name{display:flex;align-items:center;gap:6px} #superior-concept .sc-canadian-badge{display:inline-flex;flex:0 0 20px;width:20px;height:20px} #superior-concept .sc-canadian-badge img{display:block;width:20px;height:20px;max-width:20px;max-height:20px;object-fit:contain;margin:0;transform:none} /* Fit padded horizontal brand artwork into the same hero panel as other logos. */ #superior-concept .sc-brand-hero-logo:is([data-brand-logo="cloverdale-paint"],[data-brand-logo="interlux"]) img{width:180px;height:24px;max-width:100%;max-height:100%;object-fit:cover;object-position:center} #superior-concept .sc-brand-hero-logo:is([data-brand-logo="cloverdale-paint"],[data-brand-logo="interlux"]){justify-content:center} /* Stretch rental cards to the tallest item in each row and align their actions. */ #superior-concept .sc-rental-grid{align-items:stretch} @media(min-width:1001px){ #superior-concept .sc-rental-card{display:flex;flex-direction:column} #superior-concept .sc-rental-info{display:flex;flex-direction:column;flex:1} #superior-concept .sc-rental-actions{margin-top:auto;padding-top:20px} } /* project-tools.css */ .sc-planner-hero{position:relative;min-height:70vh;background:#111}.sc-planner-hero .sc-scene{position:absolute;inset:0;overflow:hidden}.sc-planner-hero .sc-scene img{width:100%;height:100%;object-fit:cover;filter:brightness(.35)}.sc-planner-hero .sc-brands-intro{position:relative;z-index:1}.sc-planner-hero h1 em{color:#dded83;font-style:normal}.sc-tool-nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:64px}.sc-tool-nav a{padding:12px 18px;border:1px solid #8885;border-radius:30px;text-decoration:none}.sc-tool-nav a[aria-current]{background:#dbea88;color:#111}.sc-tool-split,.sc-calculator{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;align-items:start}.sc-tool-split h2,.sc-calculator h2{font-size:clamp(32px,4vw,64px);letter-spacing:-.05em;line-height:1.05}.sc-tool-form{display:grid;gap:24px;max-width:760px}.sc-tool-form label{display:grid;gap:9px;font-size:15px}.sc-tool-form input:not([type=checkbox]):not([type=radio]),.sc-tool-form textarea,.sc-tool-form select{width:100%;box-sizing:border-box;padding:15px;color:inherit;background:transparent;border:1px solid #8888;border-radius:8px;font:inherit}.sc-tool-form select option{color:#111;background:#fff}.sc-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sc-tool-form .sc-consent{display:flex;align-items:flex-start}.sc-tool-form .sc-cta{cursor:pointer;justify-self:start;border:0}.sc-form-status{white-space:pre-line}.sc-window-brands{display:flex;gap:24px;margin:40px 0;font-size:clamp(30px,4vw,50px);font-weight:700}.sc-project-story{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;margin:0 0 90px;align-items:center}.sc-project-story>img{width:100%;height:480px;object-fit:cover;border-radius:14px}.sc-project-story h2{font-size:clamp(28px,3vw,48px);line-height:1.1}.sc-project-story .sc-service-text-link{display:block;margin:12px 0}.sc-comparison-images{position:relative;height:480px;overflow:hidden;border-radius:14px}.sc-comparison-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc-comparison-images .sc-after{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.sc-before-label,.sc-after-label{position:absolute;bottom:16px;background:#111b;color:#fff;padding:8px 12px;border-radius:4px}.sc-before-label{right:16px}.sc-after-label{left:16px}.sc-comparison label{display:grid;gap:8px;margin-top:14px}.sc-comparison input{width:100%;accent-color:#869d35}.sc-finder fieldset{border:1px solid #8886;border-radius:8px;padding:20px;display:flex;gap:20px;flex-wrap:wrap}.sc-finder fieldset label{display:flex;align-items:center}.sc-finder-result{padding:24px;background:#dbea88;color:#111;border-radius:10px}.sc-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:70px}.sc-guide{padding:30px;border:1px solid #8885;border-radius:12px;text-decoration:none}.sc-guide h2{font-size:28px;line-height:1.15;margin-top:0}.sc-guide li{margin-bottom:12px}.sc-calculator{padding-top:60px;border-top:1px solid #8885}.sc-save-selection{border:1px solid #8888;padding:10px 16px;border-radius:25px;background:transparent;color:inherit;cursor:pointer;font:inherit;margin:12px 0}.sc-save-selection[aria-pressed=true]{background:#dbea88;color:#111}.sc-colour-card .sc-save-selection{font-size:12px;padding:7px 12px}.sc-saved-list article{display:flex;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid #8885}.sc-saved-list img{width:100px;height:100px;object-fit:contain}.sc-saved-actions{display:flex;gap:18px;flex-wrap:wrap;margin:36px 0}.sc-saved-actions button{border:0;cursor:pointer}.sc-saved-list button{margin-left:auto}.sc-coverage-result{font-size:26px;font-weight:700}.sc-project-colours{white-space:pre-line}.sc-planner-content a:focus-visible,.sc-tool-form :focus-visible{outline:3px solid #90a733;outline-offset:4px}@media(max-width:800px){.sc-tool-split,.sc-project-story,.sc-calculator{grid-template-columns:1fr;gap:36px}.sc-guide-grid{grid-template-columns:1fr}.sc-form-pair{grid-template-columns:1fr}.sc-project-story>img,.sc-comparison-images{height:320px}.sc-tool-nav{margin-bottom:40px}.sc-window-brands{flex-wrap:wrap}}@media print{header,footer,.sc-planner-hero,.sc-tool-nav,.sc-saved-actions,.sc-save-selection,.sc-saved-list button{display:none!important}.sc-results{padding:0!important}.sc-saved-list article{break-inside:avoid}body{background:#fff!important;color:#111!important}} .sc-project-extra{width:100%;height:auto;border-radius:10px;margin:20px 0}.sc-project-story{scroll-margin-top:30px}.sc-colour-card{scroll-margin-top:30px}.sc-cta:disabled{opacity:.6;cursor:wait}.sc-tool-form small{line-height:1.5} .sc-window-showcase{width:100%;height:auto;border-radius:12px;margin-top:24px}.sc-planner-content [hidden]{display:none!important} #superior-concept .sc-planner-hero{position:relative;min-height:75vh;display:flex;align-items:center;padding:75px 5%;isolation:isolate}#superior-concept .sc-planner-hero .sc-scene{position:absolute;inset:0;margin:0;width:100%;height:100%;border-radius:0;z-index:-1;background:#17271f}#superior-concept .sc-planner-hero .sc-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.32)}#superior-concept .sc-planner-hero .sc-brands-intro{width:100%;position:relative;z-index:1}#superior-concept .sc-planner-hero .sc-cta{background:#dbea88;color:#17271f;margin-top:24px}#superior-concept .sc-window-brands a{font-size:inherit}#superior-concept .sc-guide:hover{background:#e5e7dd}#superior-concept .sc-tool-form .sc-cta{font-size:14px}#superior-concept .sc-project-story>img{width:100%;height:480px;object-fit:cover;border-radius:14px}#superior-concept .sc-tool-split p,#superior-concept .sc-project-story p,#superior-concept .sc-guide li{line-height:1.7}@media(max-width:800px){#superior-concept .sc-planner-hero{min-height:65vh;padding:55px 6%}#superior-concept .sc-project-story>img{height:320px}#superior-concept .sc-planner-hero h1{font-size:clamp(40px,9vw,70px)}} .sc-planner-editor-content{max-width:900px;margin-bottom:50px;line-height:1.7} #superior-concept .sc-guide h2{font-size:clamp(26px,2.5vw,34px);line-height:1.12;letter-spacing:-.04em;margin:0 0 20px}#superior-concept .sc-guide p{font-size:15px;line-height:1.6;margin-bottom:0}#superior-concept .sc-tool-split h2,#superior-concept .sc-calculator h2{font-size:clamp(32px,4vw,64px);line-height:1.05;letter-spacing:-.05em}#superior-concept .sc-project-story h2{font-size:clamp(28px,3.6vw,48px);line-height:1.1;letter-spacing:-.04em}#superior-concept .sc-finder h2{font-size:clamp(30px,3vw,44px);line-height:1.1}#superior-concept .sc-colour-card .sc-save-selection{font-size:12px}#superior-concept .sc-tool-form p,#superior-concept .sc-saved-list{line-height:1.6} /* Product detail actions */ #superior-concept .sc-product-actions{display:grid;gap:24px;margin:28px 0 40px;padding:24px;border:1px solid #8884;border-radius:14px;background:#88808} #superior-concept .sc-product-selection-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px} #superior-concept .sc-product-selection-actions [data-save-product]{display:flex} #superior-concept .sc-product-selection-actions .sc-save-selection{margin:0;padding:12px 18px;border-radius:8px;font-size:14px;line-height:1.4} #superior-concept .sc-product-saved-link{order:3;margin-left:8px;font-size:14px;text-underline-offset:4px} #superior-concept .sc-product-enquiry-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #8884;padding-top:24px} #superior-concept .sc-product-enquiry-actions .sc-stock-label{margin:0;font-size:14px;line-height:1.6} #superior-concept .sc-product-enquiry-actions .sc-cta{margin:0;flex-shrink:0;font-size:14px} @media(max-width:700px){#superior-concept .sc-product-actions{padding:18px}#superior-concept .sc-product-enquiry-actions{align-items:flex-start;flex-direction:column;gap:16px}#superior-concept .sc-product-saved-link{flex-basis:100%;margin:4px 0 0}} /* Project planner: an editorial starting point for the existing planning tools. */ #superior-concept .sc-planner-hub{background:#f2f0e7;color:#17271f} #superior-concept .sc-planner-hub .sc-tool-nav{display:none} #superior-concept .sc-planner-hub .sc-planner-hero{min-height:78vh;padding:95px 6%;overflow:hidden} #superior-concept .sc-planner-hub .sc-scene img{filter:brightness(.75);object-position:center 58%} #superior-concept .sc-planner-hub .sc-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,27,21,.92),rgba(12,27,21,.45) 55%,rgba(12,27,21,.08))} #superior-concept .sc-planner-hub .sc-brands-intro{max-width:850px} #superior-concept .sc-planner-hub .sc-planner-hero h1{font-size:clamp(58px,7.4vw,110px);line-height:.97;letter-spacing:-.065em;margin:30px 0} #superior-concept .sc-planner-hub .sc-planner-hero p{max-width:480px;font-size:18px;line-height:1.65} #superior-concept .sc-planner-hub .sc-planner-content{padding:80px 6% 100px} #superior-concept .sc-plan-intro{display:grid;grid-template-columns:1fr 2fr;gap:50px;align-items:start;margin-bottom:46px} #superior-concept .sc-plan-intro h2,#superior-concept .sc-plan-resource-heading h2,#superior-concept .sc-plan-help h2{font-size:clamp(34px,4vw,62px);line-height:1.05;letter-spacing:-.05em;margin:0 0 25px;font-weight:500} #superior-concept .sc-plan-intro p{max-width:620px;line-height:1.75;margin:0;font-size:17px;color:#526351} #superior-concept .sc-plan-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} #superior-concept .sc-plan-step{display:flex;flex-direction:column;background:#e5e7dd;border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .3s} #superior-concept .sc-plan-step:hover{box-shadow:0 18px 45px #17271f18} #superior-concept .sc-plan-step-image{position:relative;height:270px;overflow:hidden;background:#17271f} #superior-concept .sc-plan-step-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s} #superior-concept .sc-plan-step:hover img{transform:scale(1.045)} #superior-concept .sc-plan-number{position:absolute;left:22px;top:22px;background:#f2f0e7e8;padding:9px 12px;border-radius:8px;font-size:13px} #superior-concept .sc-plan-arrow{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#dbea88;color:#17271f;font-size:24px} #superior-concept .sc-plan-step-image .sc-plan-arrow{position:absolute;bottom:20px;right:20px} #superior-concept .sc-plan-step-copy{padding:30px;display:flex;flex-direction:column;flex:1} #superior-concept .sc-plan-step h3,#superior-concept .sc-plan-resource h3{font-size:clamp(26px,2.6vw,38px);font-weight:500;line-height:1.08;letter-spacing:-.04em;margin:0 0 18px} #superior-concept .sc-plan-step p,#superior-concept .sc-plan-resource p{font-size:15px;line-height:1.7;color:#526351;margin:0 0 30px} #superior-concept .sc-plan-link{font-size:13px;margin-top:auto;font-weight:600} #superior-concept .sc-plan-resources{padding:95px 0} #superior-concept .sc-plan-resource-heading{max-width:660px;margin-bottom:40px} #superior-concept .sc-plan-resource-heading .sc-eyebrow,#superior-concept .sc-plan-help .sc-eyebrow{display:block;margin-bottom:25px} #superior-concept .sc-plan-resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #17271f35;border-bottom:1px solid #17271f35} #superior-concept .sc-plan-resource{padding:30px 24px;position:relative;text-decoration:none;color:inherit;border-right:1px solid #17271f25;transition:background .25s} #superior-concept .sc-plan-resource:first-child{padding-left:0}#superior-concept .sc-plan-resource:last-child{border-right:0} #superior-concept .sc-plan-resource:hover{background:#e5e7dd} #superior-concept .sc-plan-resource-index{display:block;font-size:11px;letter-spacing:2px;margin-bottom:35px;color:#526351} #superior-concept .sc-plan-resource h3{font-size:29px} #superior-concept .sc-plan-help{display:grid;grid-template-columns:1fr 1fr;background:#17271f;color:#f2f0e7;border-radius:20px;overflow:hidden} #superior-concept .sc-plan-help-image img{width:100%;height:100%;min-height:540px;object-fit:cover} #superior-concept .sc-plan-help-copy{padding:60px;align-self:center} #superior-concept .sc-plan-help p{font-size:16px;line-height:1.75;color:#d7dfd1} #superior-concept .sc-plan-help .sc-cta{background:#dbea88;color:#17271f;margin-top:20px} #superior-concept .sc-planner-hub a:focus-visible{outline:3px solid #93ab39;outline-offset:5px} @media(max-width:1000px){#superior-concept .sc-plan-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#superior-concept .sc-plan-resource:first-child{padding-left:24px}#superior-concept .sc-plan-resource:nth-child(2){border-right:0}#superior-concept .sc-plan-help-copy{padding:35px}#superior-concept .sc-plan-step-image{height:220px}#superior-concept .sc-plan-step-copy{padding:24px}} @media(max-width:700px){#superior-concept .sc-planner-hub .sc-planner-hero{min-height:640px;padding:65px 6%}#superior-concept .sc-planner-hub .sc-planner-hero h1{font-size:clamp(48px,12vw,76px)}#superior-concept .sc-planner-hub .sc-planner-content{padding:55px 6% 65px}#superior-concept .sc-plan-intro,#superior-concept .sc-plan-steps,#superior-concept .sc-plan-help{grid-template-columns:1fr;gap:24px}#superior-concept .sc-plan-help{gap:0}#superior-concept .sc-plan-step-image{height:280px}#superior-concept .sc-plan-resources{padding:65px 0}#superior-concept .sc-plan-resource-grid{grid-template-columns:1fr}#superior-concept .sc-plan-resource{border-right:0;border-bottom:1px solid #17271f25;padding:28px 0!important}#superior-concept .sc-plan-resource:last-child{border-bottom:0}#superior-concept .sc-plan-resource-index{margin-bottom:22px}#superior-concept .sc-plan-help-image img{min-height:0;height:280px}#superior-concept .sc-plan-help-copy{padding:32px}#superior-concept .sc-plan-help .sc-cta{font-size:13px}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-plan-step img,#superior-concept .sc-plan-step,#superior-concept .sc-plan-resource{transition:none}} /* customer-journey.css */ .sc-practical-tool .sc-planner-hero{min-height:0!important;padding:35px 6%!important;height:auto!important}.sc-practical-tool .sc-planner-hero .sc-scene{display:none}.sc-practical-tool .sc-planner-hero h1{font-size:clamp(32px,4vw,58px)}.sc-practical-tool .sc-planner-hero .sc-brands-intro{padding:0;max-width:850px}.sc-practical-tool .sc-planner-hero .sc-cta{display:none}.sc-compare-bar.is-collapsed>*:not(.sc-compare-toggle){display:none}.sc-compare-toggle{border:0;background:transparent;color:inherit;cursor:pointer}.sc-colour-palette,.sc-board-tools,.sc-shopping-list{border:1px solid #ccc;padding:24px;margin:24px 0;background:#f5f4ef;color:#203828}.sc-palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:18px}.sc-palette-grid img{width:100%;height:130px;object-fit:cover}.sc-palette-grid select,.sc-board-tools input,.sc-board-tools select{width:100%;padding:10px;margin:8px 0}.sc-board-tools button,.sc-colour-card button{margin:6px 4px 6px 0}.sc-shopping-list li{margin-bottom:12px}.sc-products-hero picture{position:absolute;inset:0}.sc-nav .sc-links{gap:clamp(10px,1.1vw,22px)}@media(max-width:700px){.sc-practical-tool .sc-planner-hero{padding:24px!important}}@media print{.sc-board-tools button,} #superior-concept .sc-practical-tool .sc-planner-hero h1{font-size:clamp(30px,4vw,54px);line-height:1.1;margin:15px 0}#superior-concept .sc-practical-tool .sc-planner-hero p{margin-bottom:0}#superior-concept .sc-practical-tool .sc-planner-hero .sc-cta{display:none}#superior-concept .sc-practical-tool .sc-tool-nav{margin-bottom:30px} #superior-concept .sc-colour-hub{background:#f4f1e9;color:#20372b}.sc-colour-hub-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;padding:85px 6% 75px;align-items:center}.sc-colour-hub-intro h1{font-size:clamp(44px,5.4vw,84px);line-height:1.03;letter-spacing:-.05em;margin:22px 0}.sc-colour-hub-intro h1 em{font-style:normal;color:#6d7f58}.sc-colour-hub-intro p{max-width:480px;font-size:18px;line-height:1.7}.sc-colour-hub .sc-cta{background:#20372b;color:#fff;display:inline-flex;padding:15px 22px;text-decoration:none;border-radius:4px}.sc-hub-text-link{display:block;margin-top:20px}.sc-colour-hub-art{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;transform:rotate(-3deg);padding:20px;background:#fff;box-shadow:0 20px 45px #20372b15}.sc-colour-hub-art>div{height:160px;background:var(--swatch);display:flex;align-items:flex-end}.sc-colour-hub-art>div span{background:#ffffffeb;color:#20372b;width:100%;padding:10px;font-size:11px}.sc-colour-hub-art>p{grid-column:1/-1;font-size:22px;margin:8px;line-height:1.3}.sc-hub-collections{padding:65px 6%;border-top:1px solid #20372b22}.sc-hub-section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:42px}.sc-colour-hub h2{font-size:clamp(32px,4vw,55px);letter-spacing:-.04em;line-height:1.1;margin:15px 0}.sc-hub-section-heading>p{max-width:320px;line-height:1.7}.sc-hub-brand{display:grid;grid-template-columns:1fr 1.1fr;margin-bottom:28px;border:1px solid #20372b25;border-radius:12px;overflow:hidden;background:#fffdf7}.sc-hub-swatch-display{position:relative;background:var(--brand-paper);padding:45px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-content:center;min-height:320px}.sc-hub-swatch-display img{width:100%;height:110px;object-fit:cover;border:6px solid #fff;box-shadow:0 6px 15px #0001;border-radius:2px}.sc-hub-swatch-display>span{position:absolute;bottom:15px;left:25px;font-size:13px;color:#20372b}.sc-hub-brand-copy{padding:40px}.sc-hub-brand-copy h3{font-size:44px;letter-spacing:-.035em;margin:12px 0}.sc-hub-brand-copy p{line-height:1.7;max-width:500px}.sc-hub-collection-names{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0 28px}.sc-hub-collection-names span{border:1px solid #20372b30;border-radius:20px;padding:7px 12px;font-size:12px}.sc-hub-how{background:#20372b;color:#f4f1e9;padding:65px 6%}.sc-hub-how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;margin-top:35px}.sc-hub-how article>span{font-size:14px;color:#c7d7a5}.sc-hub-how h3{font-size:26px;margin:15px 0}.sc-hub-how p{line-height:1.7}.sc-hub-how a{color:#e0edbd}.sc-hub-sample-note{padding:30px 6%;display:flex;gap:50px;align-items:center}.sc-hub-sample-note p{max-width:750px;font-size:14px;line-height:1.6}@media(max-width:800px){.sc-colour-hub-hero{grid-template-columns:1fr;padding:45px 6%;gap:40px}.sc-colour-hub-art{transform:none}.sc-colour-hub-art>div{height:120px}.sc-hub-section-heading{display:block}.sc-hub-brand{grid-template-columns:1fr}.sc-hub-brand-copy{padding:28px}.sc-hub-swatch-display{padding:30px;min-height:270px}.sc-hub-how>div{grid-template-columns:1fr;gap:24px}.sc-hub-sample-note{display:block}.sc-hub-collections{padding-top:35px}} body.sc-colour-hub-page #superior-concept .sc-nav{background:#f4f1e9f5;color:#20372b;border-bottom:1px solid #20372b20}body.sc-colour-hub-page #superior-concept .sc-nav a,body.sc-colour-hub-page #superior-concept .sc-nav .sc-logo,body.sc-colour-hub-page #superior-concept .sc-menu{color:#20372b}body.sc-colour-hub-page #superior-concept .sc-nav .sc-contact{border-color:#20372b55}.sc-colour-hub-hero{padding-top:140px}#sc-colour-brands{scroll-margin-top:110px}@media(max-width:800px){.sc-colour-hub-hero{padding-top:115px}} /* Colour comparison: contained controls and consistent swatch cards. */ #superior-concept .sc-colour-palette{padding:28px;margin:28px 0 40px;border:1px solid #20372b20;border-radius:16px;background:#eaece3;scroll-margin-top:30px} #superior-concept .sc-colour-palette *,#superior-concept .sc-colour-palette{box-sizing:border-box} #superior-concept .sc-palette-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap} #superior-concept .sc-colour-palette h2{font-size:clamp(26px,3vw,36px);line-height:1.15;letter-spacing:-.035em;margin:0} #superior-concept .sc-palette-count{font-size:12px;background:#fffdf7;padding:8px 12px;border-radius:20px;white-space:nowrap} #superior-concept .sc-palette-intro{font-size:14px;line-height:1.65;max-width:650px;margin:14px 0 24px;color:#526351} #superior-concept .sc-palette-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch} #superior-concept .sc-palette-card{min-width:0;overflow:hidden;border-radius:10px;background:#fffdf7;border:1px solid #20372b18;display:flex;flex-direction:column} #superior-concept .sc-palette-card>img{display:block;width:100%;height:170px;object-fit:cover;margin:0;border:0;border-radius:0;mix-blend-mode:normal} #superior-concept .sc-palette-card-body{padding:18px;display:flex;flex-direction:column;flex:1;min-width:0} #superior-concept .sc-palette-card h3{font-size:18px;line-height:1.35;letter-spacing:-.02em;margin:0 0 8px;overflow-wrap:anywhere} #superior-concept .sc-palette-meta{font-size:11px;line-height:1.6;color:#687562;margin:0 0 20px;overflow-wrap:anywhere} #superior-concept .sc-palette-role{display:block;font-size:12px;line-height:1.4;margin-top:auto} #superior-concept .sc-palette-role select{display:block;width:100%;min-width:0;margin:8px 0 0;padding:10px;font:inherit;font-size:14px;border:1px solid #20372b35;border-radius:5px;background:#fff;color:#20372b} #superior-concept .sc-palette-actions{display:flex;align-items:flex-start;gap:14px;flex-direction:column;margin-top:18px} #superior-concept .sc-palette-actions a{font-size:12px;line-height:1.5;color:#20372b;text-underline-offset:3px} #superior-concept .sc-palette-actions button{border:0;padding:0;margin:0;background:none;color:#6d5149;text-decoration:underline;text-underline-offset:3px;font:inherit;font-size:12px;cursor:pointer} #superior-concept .sc-palette-empty{grid-column:1/-1;font-size:14px;margin:0;padding:20px;border:1px dashed #20372b35;border-radius:8px} #superior-concept .sc-palette-add[aria-pressed="true"]{background:#20372b;color:#fff} @media(max-width:1000px){#superior-concept .sc-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:500px){#superior-concept .sc-colour-palette{padding:18px}#superior-concept .sc-palette-grid{gap:10px}#superior-concept .sc-palette-card>img{height:130px}#superior-concept .sc-palette-card-body{padding:12px}#superior-concept .sc-palette-card h3{font-size:15px}#superior-concept .sc-palette-heading{align-items:flex-start}} /* Modern, coordinated actions beneath colour swatches. */ #superior-concept .sc-colour-card{border-radius:10px;overflow:hidden;background:#fffdf7;border:1px solid #20372b16;display:flex;flex-direction:column} #superior-concept .sc-colour-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 12px 14px;margin-top:auto;box-sizing:border-box} #superior-concept .sc-colour-card-actions button{min-width:0;min-height:36px;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 5px;margin:0;border:1px solid #20372b22;border-radius:7px;background:#f1f3ec;color:#354e3b;font:inherit;font-size:11px;font-weight:600;line-height:1.3;cursor:pointer;transition:background .18s,border-color .18s,color .18s} #superior-concept .sc-colour-card-actions button:hover{background:#e4e9d9;border-color:#647e53} #superior-concept .sc-colour-card-actions button[aria-pressed="true"]{background:#20372b;border-color:#20372b;color:#f8faf1} #superior-concept .sc-colour-card-actions .sc-colour-sample-link{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:36px;border-radius:7px;border:1px solid #20372b20;padding:8px 10px;box-sizing:border-box;background:transparent;color:#20372b;text-decoration:none;font-size:11px;font-weight:600;line-height:1.4;transition:background .18s,border-color .18s} #superior-concept .sc-colour-card-actions .sc-colour-sample-link:hover{background:#dce8bb;border-color:#859861} #superior-concept .sc-colour-card-actions :is(a,button):focus-visible{outline:2px solid #64865c;outline-offset:2px} @media(max-width:600px){#superior-concept .sc-colour-card-actions{grid-template-columns:1fr;padding:0 10px 12px;gap:6px}#superior-concept .sc-colour-card-actions button{font-size:12px;min-height:38px}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-colour-card-actions :is(button,a){transition:none}} #superior-concept .sc-palette-heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap} #superior-concept .sc-palette-print{border:1px solid #20372b;border-radius:7px;background:#20372b;color:#fff;padding:10px 14px;margin:0;font:inherit;font-size:12px;line-height:1.3;cursor:pointer} #superior-concept .sc-palette-print:hover{background:#39533e} #superior-concept .sc-palette-print:disabled{opacity:.4;cursor:default} #sc-colour-print{display:none} @media print{ body.sc-print-colours>*:not(#sc-colour-print){display:none!important} body.sc-print-colours #sc-colour-print{display:block!important;color:#17271f;background:#fff;font:14px Arial,sans-serif;padding:12mm;print-color-adjust:exact;-webkit-print-color-adjust:exact} #sc-colour-print h1{font-size:30px;margin:12px 0 28px} #sc-colour-print>p{font-size:11px;line-height:1.6} #sc-colour-print .sc-colour-print-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:28px} #sc-colour-print article{break-inside:avoid;min-width:0} #sc-colour-print img{display:block;width:100%;height:170px;object-fit:cover;border:1px solid #ddd} #sc-colour-print h2{font-size:17px;margin:14px 0 6px} #sc-colour-print article p{font-size:12px;line-height:1.5;margin:6px 0} } #superior-concept .sc-enquiry-visual.sc-practical-tool .sc-planner-hero{min-height:460px!important;padding:55px 6%!important;overflow:hidden;color:#f4f3ed} #superior-concept .sc-enquiry-visual.sc-practical-tool .sc-planner-hero .sc-scene{display:block} #superior-concept .sc-enquiry-visual .sc-planner-hero .sc-scene img{filter:brightness(.65);object-position:center} #superior-concept .sc-enquiry-visual .sc-planner-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10281bdc,#10281b60 60%,transparent)} #superior-concept .sc-enquiry-visual.sc-practical-tool .sc-planner-hero h1{font-size:clamp(42px,5.5vw,76px);line-height:1.04;margin:25px 0} #superior-concept .sc-enquiry-visual .sc-planner-hero p{max-width:450px;line-height:1.7} @media(max-width:600px){#superior-concept .sc-enquiry-visual.sc-practical-tool .sc-planner-hero{min-height:410px!important;padding:40px 6%!important}} /* Shared editorial design for the colour landing page. */ #superior-concept .sc-colours-editorial{background:var(--paper);color:var(--ink)} #superior-concept .sc-colours-editorial .sc-colour-hub-hero{display:flex;gap:0;color:#f4f3ed} #superior-concept .sc-colours-editorial .sc-colour-hub-intro h1{max-width:1050px} #superior-concept .sc-colours-editorial .sc-colour-hub-intro h1 em{color:#bcd69e} #superior-concept .sc-colours-editorial .sc-colour-hub-hero .sc-cta{background:#d5ed8a;color:#17271f} #superior-concept .sc-colours-editorial .sc-hub-collections{padding:55px 5% 90px;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} #superior-concept .sc-colours-editorial .sc-hub-section-heading{grid-column:1/-1;margin-bottom:12px} #superior-concept .sc-colours-editorial .sc-hub-brand{display:flex;flex-direction:column;border:1px solid #1e382513;border-radius:16px;background:#fff;margin:0;box-shadow:0 6px 24px #18352205;transition:transform .35s,box-shadow .35s} #superior-concept .sc-colours-editorial .sc-hub-brand:hover{transform:translateY(-5px);box-shadow:0 20px 40px #18352214} #superior-concept .sc-colours-editorial .sc-hub-swatch-display{margin:10px 10px 0;border-radius:9px;padding:30px 35px 42px;min-height:250px;gap:14px} #superior-concept .sc-colours-editorial .sc-hub-swatch-display img{height:80px;border:4px solid #fff} #superior-concept .sc-colours-editorial .sc-hub-brand-copy{padding:30px;display:flex;flex-direction:column;flex:1} #superior-concept .sc-colours-editorial .sc-hub-brand-copy h3{font-size:36px;margin:12px 0} #superior-concept .sc-colours-editorial .sc-hub-brand-copy .sc-cta{align-self:flex-start;margin-top:auto;background:#17271f;color:#f4f3ed;font-size:12px} #superior-concept .sc-colours-editorial .sc-hub-how{padding:85px 5%;background:#20372b} #superior-concept .sc-colours-editorial .sc-hub-how h2{color:#f4f3ed} body.sc-colour-hub-page #superior-concept .sc-nav{background:#f4f3ed;color:#171c1b} @media(max-width:700px){#superior-concept .sc-colours-editorial .sc-hub-collections{grid-template-columns:1fr;padding:40px 6% 65px}#superior-concept .sc-colours-editorial .sc-hub-brand-copy{padding:25px}#superior-concept .sc-colours-editorial .sc-hub-how{padding:60px 6%}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-colours-editorial .sc-hub-brand{transition:none;transform:none}} #superior-concept .sc-colour-category-nav{padding:35px 5% 0;display:flex;gap:12px;flex-wrap:wrap} #superior-concept .sc-colour-category-nav a{padding:16px 24px;border:1px solid #20372b35;border-radius:100px;font-size:14px} #superior-concept .sc-colour-category-nav a[aria-current]{background:#20372b;color:#f4f3ed;font-weight:700} #superior-concept .sc-colours-editorial .sc-hub-swatch-display .sc-hub-guide-cover{grid-column:1/-1;height:200px;object-fit:contain;border:0;box-shadow:none} #superior-concept .sc-specialty-colours .sc-results{padding-top:45px} #superior-concept .sc-palette-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0 50px} #superior-concept .sc-palette-guide-card{border-radius:16px;border:1px solid #20372b20;background:#fff;padding:25px} #superior-concept .sc-palette-guide-card img{width:100%;height:250px;object-fit:contain;background:#eeefe9} #superior-concept .sc-palette-guide-card h3{font-size:24px;line-height:1.2;margin:22px 0 15px} #superior-concept .sc-palette-guide-card p{font-size:14px;line-height:1.7} #superior-concept .sc-colour-name-only{padding:24px;display:flex;flex-direction:column;justify-content:center;min-height:230px;background:#fff} #superior-concept .sc-colour-name-only h3{font-size:22px;line-height:1.2;margin:0 0 12px} #superior-concept .sc-colour-name-only p,#superior-concept .sc-colour-name-only a{font-size:12px;line-height:1.6} #superior-concept .sc-specialty-colours figcaption small{display:block;font-size:11px;line-height:1.5;margin-top:5px} @media(max-width:800px){#superior-concept .sc-palette-guide-grid{grid-template-columns:1fr}#superior-concept .sc-colour-category-nav{padding:30px 6% 0}} /* A light comparison shelf: selected swatches carry the colour. */ #superior-concept .sc-colour-palette{padding:0;margin:28px 0 40px;border:0;border-radius:0;background:transparent;scroll-margin-top:120px} #superior-concept .sc-palette-heading{padding:0 0 18px;border-bottom:1px solid #20372b24;margin-bottom:20px} #superior-concept .sc-colour-palette h2{font-size:clamp(24px,2.6vw,32px)} #superior-concept .sc-palette-count{background:transparent;padding:0;color:#657366} #superior-concept .sc-palette-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} #superior-concept .sc-palette-card{position:relative;border-radius:12px;background:#fff;border:1px solid #20372b15;box-shadow:0 6px 20px #20372b08} #superior-concept .sc-palette-card>img{height:150px;object-fit:cover} #superior-concept .sc-palette-card-body{padding:16px} #superior-concept .sc-palette-meta{margin-bottom:14px} #superior-concept .sc-palette-role{font-size:11px;color:#657366} #superior-concept .sc-palette-role select{padding:8px;margin-top:5px;font-size:12px;background:#f8f9f5;border-color:#20372b18} #superior-concept .sc-palette-actions{margin-top:12px} #superior-concept .sc-palette-remove{position:absolute;right:8px;top:8px;width:32px;height:32px;padding:0;border:1px solid #20372b18;border-radius:50%;background:#fffffff0;color:#20372b;font:22px/1 sans-serif;cursor:pointer;box-shadow:0 2px 8px #0001} #superior-concept .sc-palette-remove:hover{background:#20372b;color:#fff} #superior-concept .sc-palette-print{background:transparent;color:#20372b;border-color:#20372b30;padding:8px 12px} #superior-concept .sc-palette-print:hover{background:#20372b;color:#fff} #superior-concept .sc-palette-empty{padding:0;border:0;color:#657366;font-size:13px} #superior-concept .sc-colour-palette :is(button,select,a):focus-visible{outline:2px solid #64865c;outline-offset:3px} @media(max-width:850px){#superior-concept .sc-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:500px){#superior-concept .sc-colour-palette{padding:0}#superior-concept .sc-palette-heading{gap:12px}#superior-concept .sc-palette-grid{gap:10px}#superior-concept .sc-palette-card>img{height:125px}#superior-concept .sc-palette-card-body{padding:12px}#superior-concept .sc-palette-heading-actions{gap:12px}} /* Comparison chips follow the gallery's five / three / two column sizing. */ #superior-concept .sc-palette-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px} #superior-concept .sc-palette-swatch{display:block;aspect-ratio:1;overflow:hidden;background:#fff} #superior-concept .sc-palette-swatch img{display:block;width:100%;height:100%;object-fit:cover} #superior-concept .sc-finitec-colours .sc-palette-swatch{padding:12px;aspect-ratio:auto} #superior-concept .sc-finitec-colours .sc-palette-swatch img{max-width:159px;height:auto;margin:0 auto;object-fit:contain} @media(max-width:1000px){#superior-concept .sc-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:600px){#superior-concept .sc-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 10px}} #superior-concept .sc-palette-card{border:0} #superior-concept .sc-palette-card h3{margin:0} /* Match the collection's labelled, image-only chips. */ #superior-concept .sc-palette-card{border-radius:8px;box-shadow:none;background:var(--comparison-colour,#fff);color:var(--comparison-ink,#17271f)} #superior-concept .sc-palette-swatch{position:relative;background:var(--comparison-colour,#fff);color:inherit;text-decoration:none} #superior-concept .sc-palette-solid .sc-palette-swatch img{visibility:hidden} #superior-concept .sc-palette-swatch-label{position:absolute;left:14px;right:14px;bottom:14px;line-height:1.25;color:inherit} #superior-concept .sc-palette-swatch-label strong{display:block;font-size:15px;font-weight:600} #superior-concept .sc-palette-swatch-label small{display:block;font-size:12px;margin-top:4px} #superior-concept .sc-palette-remove{opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s;box-shadow:none;background:transparent;color:inherit;border:0;border-radius:0;width:28px;height:28px} #superior-concept .sc-palette-card:hover .sc-palette-remove,#superior-concept .sc-palette-card:focus-within .sc-palette-remove{opacity:1;visibility:visible} #superior-concept .sc-palette-remove:hover{background:#ffffff30;color:inherit} #superior-concept .sc-finitec-colours .sc-palette-swatch-label{color:#fff;text-shadow:0 1px 5px #000;background:linear-gradient(transparent,#0008);left:12px;right:12px;bottom:12px;padding:12px} @media(hover:none){#superior-concept .sc-palette-remove{opacity:1;visibility:visible}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-palette-remove{transition:none}} #superior-concept .sc-palette-hover-actions{position:absolute;top:10px;right:12px;display:flex;align-items:center;gap:7px;color:inherit;opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s} #superior-concept .sc-palette-card:hover .sc-palette-hover-actions,#superior-concept .sc-palette-card:focus-within .sc-palette-hover-actions{opacity:1;visibility:visible} #superior-concept .sc-palette-hover-actions :is(button,a){position:static;display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-height:28px;margin:0;padding:0;background:transparent;border:0;border-radius:0;color:inherit;cursor:pointer;text-decoration:none;opacity:1;visibility:inherit} #superior-concept .sc-palette-hover-actions svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round} #superior-concept .sc-palette-hover-actions button[aria-pressed=true] svg{fill:currentColor} #superior-concept .sc-palette-hover-actions button>span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} @media(hover:none){#superior-concept .sc-palette-hover-actions{opacity:1;visibility:visible}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-palette-hover-actions{transition:none}} #superior-concept .sc-colour-palette[hidden]{display:none!important} #superior-concept .sc-palette-clear{text-decoration:none} #superior-concept .sc-palette-heading-slot{display:flow-root} #superior-concept .sc-palette-heading.is-pinned{position:fixed;z-index:35;margin:0;padding:14px 16px;background:var(--paper,#f4f3ed);border:1px solid #20372b24;border-radius:0 0 8px 8px;box-shadow:0 8px 22px #17271f12} #superior-concept .sc-palette-heading.is-pinned h2{font-size:clamp(20px,2.4vw,28px)} @media(max-width:600px){#superior-concept .sc-palette-heading.is-pinned{padding:12px;gap:8px}#superior-concept .sc-palette-heading.is-pinned .sc-palette-heading-actions{gap:8px}#superior-concept .sc-palette-heading.is-pinned .sc-palette-count{font-size:11px}} @media print{#superior-concept .sc-palette-heading.is-pinned{position:static;box-shadow:none}} /* A compact comparison tray expands on hover or keyboard focus. */ #superior-concept .sc-palette-tray.is-pinned{position:fixed;z-index:35;padding:8px 12px 10px;background:var(--paper,#f4f3ed);border:1px solid #20372b24;border-radius:0 0 10px 10px;box-shadow:0 8px 22px #17271f18} #superior-concept .sc-palette-tray.is-pinned .sc-palette-heading{margin:0 0 8px;padding:0 0 6px;gap:8px} #superior-concept .sc-palette-tray.is-pinned h2{font-size:20px} #superior-concept .sc-palette-tray.is-pinned .sc-palette-print{padding:6px 10px;font-size:11px} #superior-concept .sc-palette-tray.is-pinned .sc-palette-count{font-size:11px} #superior-concept .sc-palette-tray.is-pinned .sc-palette-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:68px;justify-content:start;gap:8px;overflow-x:auto;padding-bottom:2px;max-height:72px} #superior-concept .sc-palette-tray.is-pinned .sc-palette-swatch{height:68px;aspect-ratio:1;padding:0} #superior-concept .sc-palette-tray.is-pinned .sc-palette-swatch img{width:100%;height:100%;object-fit:cover} #superior-concept .sc-palette-tray.is-pinned .sc-palette-swatch-label{left:5px;right:5px;bottom:5px;padding:0} #superior-concept .sc-palette-tray.is-pinned .sc-palette-swatch-label strong{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #superior-concept .sc-palette-tray.is-pinned .sc-palette-swatch-label small{display:none} #superior-concept .sc-palette-tray.is-pinned .sc-palette-hover-actions{display:none} #superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-grid{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;overflow:auto;max-height:60vh} #superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-swatch{height:auto;aspect-ratio:1} #superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-swatch-label{left:14px;right:14px;bottom:14px} #superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-swatch-label strong{font-size:15px;white-space:normal} #superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-swatch-label small{display:block} #superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-hover-actions{display:flex} @media(max-width:1000px){#superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:600px){#superior-concept .sc-palette-tray.is-pinned h2{font-size:17px}#superior-concept .sc-palette-tray.is-pinned .sc-palette-heading-actions{gap:6px}#superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}} @media print{#superior-concept .sc-palette-tray.is-pinned{position:static;box-shadow:none}} /* Animate chip widths and tray height in both directions. */ #superior-concept .sc-palette-tray.is-pinned{--comparison-columns:5} #superior-concept .sc-palette-tray.is-pinned .sc-palette-grid{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;max-height:72px;overflow:auto;transition:max-height .38s ease,gap .38s ease} #superior-concept .sc-palette-tray.is-pinned .sc-palette-card{flex:0 0 68px;transition:flex-basis .38s cubic-bezier(.22,.61,.36,1)} #superior-concept .sc-palette-tray.is-pinned .sc-palette-swatch{height:auto;aspect-ratio:1} #superior-concept .sc-palette-tray.is-pinned .sc-palette-swatch-label{transition:left .38s ease,right .38s ease,bottom .38s ease} #superior-concept .sc-palette-tray.is-pinned .sc-palette-swatch-label strong{transition:font-size .38s ease} #superior-concept .sc-palette-tray.is-pinned .sc-palette-swatch-label small{display:block;max-height:0;opacity:0;overflow:hidden;transition:max-height .38s ease,opacity .25s ease,margin .38s ease;margin-top:0} #superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-grid{display:flex;gap:18px;max-height:60vh} #superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-card{flex-basis:calc((100% - (var(--comparison-columns) - 1)*18px)/var(--comparison-columns))} #superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-swatch-label small{max-height:24px;opacity:1;margin-top:4px} @media(max-width:1000px){#superior-concept .sc-palette-tray.is-pinned{--comparison-columns:3}} @media(max-width:600px){#superior-concept .sc-palette-tray.is-pinned{--comparison-columns:2}#superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-grid{gap:10px}#superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-card{flex-basis:calc((100% - 10px)/2)}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-palette-tray.is-pinned :is(.sc-palette-grid,.sc-palette-card,.sc-palette-swatch-label,.sc-palette-swatch-label strong,.sc-palette-swatch-label small){transition:none}} #superior-concept .sc-palette-tray.is-pinned{background:rgba(244,243,237,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)} #superior-concept .sc-palette-tray.is-pinned h2{font-size:26px;line-height:1.15} @media(max-width:600px){#superior-concept .sc-palette-tray.is-pinned h2{font-size:22px}} /* Align the compact tray heading with its swatches. */ #superior-concept .sc-palette-tray.is-pinned{background:rgba(244,243,237,.84);display:grid;grid-template-columns:220px minmax(0,1fr) auto;align-items:center;gap:14px} #superior-concept .sc-palette-tray.is-pinned .sc-palette-heading-slot,#superior-concept .sc-palette-tray.is-pinned .sc-palette-heading{display:contents} #superior-concept .sc-palette-tray.is-pinned .sc-palette-heading h2{grid-column:1;grid-row:1;align-self:center;margin:0} #superior-concept .sc-palette-tray.is-pinned .sc-palette-heading-actions{grid-column:3;grid-row:1;align-self:center} #superior-concept .sc-palette-tray.is-pinned .sc-palette-grid{grid-column:2;grid-row:1;min-width:0} #superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within){grid-template-columns:minmax(0,1fr) auto} #superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-heading-actions{grid-column:2} #superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-grid{grid-column:1/-1;grid-row:2} @media(max-width:800px){#superior-concept .sc-palette-tray.is-pinned{grid-template-columns:minmax(0,1fr) auto;gap:10px}#superior-concept .sc-palette-tray.is-pinned .sc-palette-heading-actions{grid-column:2}#superior-concept .sc-palette-tray.is-pinned .sc-palette-grid{grid-column:1/-1;grid-row:2}} /* Keep one layout during expansion; animate space instead of changing grid rows. */ #superior-concept .sc-palette-tray.is-pinned,#superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within){display:block} #superior-concept .sc-palette-tray.is-pinned .sc-palette-heading h2{position:absolute;left:12px;top:28px;transition:top .38s cubic-bezier(.22,.61,.36,1)} #superior-concept .sc-palette-tray.is-pinned .sc-palette-heading-actions{position:absolute;right:12px;top:26px;transition:top .38s cubic-bezier(.22,.61,.36,1)} #superior-concept .sc-palette-tray.is-pinned .sc-palette-grid{padding:0 290px 2px 234px;max-height:72px;transition:padding .38s cubic-bezier(.22,.61,.36,1),max-height .38s cubic-bezier(.22,.61,.36,1),gap .38s ease} #superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-heading h2{top:12px} #superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-heading-actions{top:10px} #superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-grid{padding:44px 0 2px;max-height:calc(60vh + 44px)} @media(max-width:800px){#superior-concept .sc-palette-tray.is-pinned .sc-palette-heading h2{top:12px}#superior-concept .sc-palette-tray.is-pinned .sc-palette-heading-actions{top:10px}#superior-concept .sc-palette-tray.is-pinned .sc-palette-grid{padding:44px 0 2px;max-height:116px}} @media(max-width:600px){#superior-concept .sc-palette-tray.is-pinned .sc-palette-heading-actions{position:relative;top:auto;right:auto;justify-content:flex-end;margin-bottom:10px;min-height:28px}#superior-concept .sc-palette-tray.is-pinned .sc-palette-heading h2{font-size:20px;top:12px}#superior-concept .sc-palette-tray.is-pinned .sc-palette-count{display:none}#superior-concept .sc-palette-tray.is-pinned .sc-palette-grid,#superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-grid{padding:0 0 2px}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-palette-tray.is-pinned .sc-palette-heading h2,#superior-concept .sc-palette-tray.is-pinned .sc-palette-heading-actions,#superior-concept .sc-palette-tray.is-pinned .sc-palette-grid{transition:none}} #superior-concept .sc-palette-tray.is-pinned .sc-palette-heading h2{opacity:0;visibility:hidden;transition:top .38s cubic-bezier(.22,.61,.36,1),opacity .2s ease,visibility .2s ease} #superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-heading h2{opacity:1;visibility:visible} #superior-concept .sc-palette-tray.is-pinned .sc-palette-grid{padding-left:0} @media(prefers-reduced-motion:reduce){#superior-concept .sc-palette-tray.is-pinned .sc-palette-heading h2{transition:none}} #superior-concept .sc-palette-tray.is-pinned{width:var(--comparison-compact-width);max-width:calc(100vw - 24px);transition:width .38s cubic-bezier(.22,.61,.36,1)} #superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within){width:var(--comparison-full-width)} @media(max-width:800px){#superior-concept .sc-palette-tray.is-pinned{width:min(var(--comparison-compact-width),var(--comparison-full-width))}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-palette-tray.is-pinned{transition:none}} #superior-concept .sc-palette-tray.is-pinned:not(:hover):not(:focus-within) .sc-palette-grid{flex-wrap:nowrap;overflow-y:hidden} /* site-cohesion.css */ /* Shared customer page vocabulary, with practical pages kept easy to scan. */ body.sc-connected #superior-concept .sc-cta{background:#ddef9c;color:#17271f;border:1px solid transparent;border-radius:4px;padding:16px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;text-decoration:none;min-height:48px;font-weight:500;transition:background .2s,transform .2s}body.sc-connected #superior-concept .sc-cta:hover{background:#cfe582;transform:translateY(-2px)}body.sc-connected #superior-concept .sc-cta:focus-visible,.sc-next-tile:focus-visible,.sc-filter-chips a:focus-visible{outline:3px solid #73934e;outline-offset:4px}.sc-connected:not(.sc-comparison-context) .sc-compare-bar{display:none!important} body.sc-compact-catalogue #superior-concept .sc-catalogue .sc-catalogue-hero{min-height:0;height:auto;padding:64px 5% 36px}body.sc-compact-catalogue #superior-concept .sc-catalogue-hero h1{font-size:clamp(34px,4.5vw,64px);line-height:1.06}body.sc-compact-catalogue #superior-concept .sc-products-hero-content,body.sc-compact-catalogue #superior-concept .sc-brand-hero-content{padding:0;max-width:820px}body.sc-compact-catalogue #superior-concept .sc-products-hero-foot{position:relative;margin-top:28px;inset:auto}body.sc-compact-catalogue #superior-concept .sc-product-browse{padding-top:30px;padding-bottom:28px}body.sc-compact-catalogue #superior-concept .sc-product-browse h2{font-size:clamp(26px,3vw,42px)}body.sc-compact-task #superior-concept .sc-planner-hero{min-height:0;height:auto;padding:46px 5%}body.sc-compact-task #superior-concept .sc-planner-hero .sc-brands-intro{padding:0;max-width:900px}body.sc-compact-task #superior-concept .sc-planner-hero h1{font-size:clamp(32px,4vw,56px);line-height:1.08}body.sc-compact-task #superior-concept .sc-planner-hero .sc-cta{display:none}body.sc-compact-task #superior-concept .sc-planner-content{padding-top:30px} .sc-filter-chips{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.sc-filter-chips a{display:inline-flex;align-items:center;gap:14px;padding:9px 13px;background:#e6ebdb;border:1px solid #c3ceb5;border-radius:4px;color:#17271f;font-size:13px;text-decoration:none}.sc-filter-chips span{font-size:18px}.sc-filter-chips .sc-filter-clear{background:transparent;border-color:transparent;text-decoration:underline}body.sc-connected #superior-concept .sc-filters{scroll-margin-top:110px}.sc-catalogue-return{display:inline-block;margin-bottom:14px;font-size:13px;color:#31533d}.sc-detail-resources{clear:both;border-top:1px solid #ccd2c6;margin-top:22px;padding:17px 0}.sc-detail-resources>summary{font-size:21px;cursor:pointer;font-weight:500}.sc-detail-resources[open]>summary{margin-bottom:16px}body.sc-connected #superior-concept .sc-product-selection-actions{gap:12px;align-items:center;flex-wrap:wrap} .sc-next-steps{padding:60px 5%;background:#eeefe6;color:#17271f}.sc-next-steps>h2{font-size:clamp(30px,4vw,52px);font-weight:500;line-height:1.1;letter-spacing:-1.5px;margin:14px 0 30px}.sc-next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sc-next-tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:225px;padding:23px;background:#e0e5d7;border:1px solid #cad1c0;color:#17271f;text-decoration:none;overflow:hidden;transition:transform .25s,background .25s}.sc-next-tile:nth-child(2){background:#e9e1d1}.sc-next-tile:nth-child(3){background:#d3dfcb}.sc-next-number{font-size:10px;letter-spacing:1.5px;position:relative;z-index:1}.sc-next-tile strong{font-size:24px;font-weight:500;max-width:80%;position:relative;z-index:1;line-height:1.2}.sc-next-arrow{position:absolute;right:22px;bottom:22px;font-size:28px;transition:transform .25s}.sc-next-art{position:absolute;right:32px;top:40px;width:110px;height:120px;border:1px solid #829777;border-radius:60px 60px 0 0;opacity:.4;transform:rotate(-12deg);transition:transform .3s}.sc-next-tile:nth-child(2) .sc-next-art{border-radius:0;transform:rotate(15deg);border-color:#9a8363}.sc-next-tile:nth-child(3) .sc-next-art{border-radius:50%;height:110px}.sc-next-tile:hover{transform:translateY(-5px);background:#ddef9c}.sc-next-tile:hover .sc-next-arrow{transform:translate(3px,-3px)}.sc-next-tile:hover .sc-next-art{transform:rotate(0) scale(1.08)} @media(max-width:700px){body.sc-compact-catalogue #superior-concept .sc-catalogue-hero,body.sc-compact-task #superior-concept .sc-planner-hero{padding:34px 6%}.sc-next-grid{grid-template-columns:1fr}.sc-next-steps{padding:38px 6%}.sc-next-tile{min-height:155px}.sc-next-art{height:90px;width:85px;top:24px}.sc-next-tile strong{font-size:22px}.sc-filter-chips a{min-height:42px}body.sc-connected #superior-concept .sc-cta{padding:14px 18px}body.sc-compact-catalogue #superior-concept .sc-products-hero-foot{display:none}} @media(prefers-reduced-motion:reduce){body.sc-connected #superior-concept .sc-cta,.sc-next-tile,.sc-next-arrow,.sc-next-art{transition:none}.sc-next-tile:hover,body.sc-connected #superior-concept .sc-cta:hover{transform:none}} body.sc-compact-catalogue #superior-concept .sc-catalogue .sc-products-hero{display:block}body.sc-compact-catalogue #superior-concept .sc-catalogue .sc-brand-hero-logo{height:70px;margin:15px 0}body.sc-compact-catalogue #superior-concept .sc-catalogue .sc-brand-hero-logo img{max-height:65px}body.sc-compact-catalogue #superior-concept .sc-catalogue .sc-catalogue-hero p{margin:18px 0;max-width:650px}body.sc-compact-task #superior-concept .sc-planner-hero .sc-brands-intro h1{font-size:clamp(32px,4vw,56px)} body.sc-connected #superior-concept .sc-product-detail .sc-detail-image{float:right;width:230px;max-width:42%;height:auto;margin:0 0 22px 24px;padding:12px}body.sc-connected #superior-concept .sc-product-detail .sc-detail-image img{width:100%;height:230px;object-fit:contain}body.sc-connected #superior-concept .sc-product-detail .sc-product-use-details{clear:both}body.sc-connected #superior-concept .sc-product-detail .sc-detail-layout>div:after{content:'';display:block;clear:both}body.sc-connected #superior-concept .sc-next-steps>h2{font-size:clamp(30px,4vw,52px);margin:14px 0 30px} @media(max-width:700px){body.sc-connected #superior-concept .sc-product-detail .sc-detail-image{width:140px;margin-left:14px}body.sc-connected #superior-concept .sc-product-detail .sc-detail-image img{height:150px}} @media(min-width:901px){body.sc-connected #superior-concept .sc-filters{position:sticky;top:12px;z-index:20;box-shadow:0 6px 20px #17271f0a}} /* Maintain readable text when colour collection buttons turn lime. */ body.sc-connected #superior-concept .sc-colour-hub .sc-cta:hover, body.sc-connected #superior-concept .sc-colour-hub .sc-cta:focus-visible{color:#17271f;background:#cfe582} /* Give the planning hub a dedicated, visible photographic backdrop. */ body.sc-connected #superior-concept .sc-planner-hub .sc-planner-hero{position:relative;isolation:isolate;overflow:hidden;color:#f4f3ed} body.sc-connected #superior-concept .sc-planner-hub .sc-planner-hero .sc-scene{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:-1} body.sc-connected #superior-concept .sc-planner-hub .sc-planner-hero .sc-scene img{width:100%;height:100%;object-fit:cover;object-position:center} body.sc-connected #superior-concept .sc-planner-hub .sc-planner-hero .sc-scene:after{background:linear-gradient(90deg,#10261be6,#10261b88 55%,#10261b24)} @media(max-width:700px){body.sc-connected #superior-concept .sc-planner-hub .sc-planner-hero .sc-scene img{object-position:65% center}} /* Product finder keeps its compact introduction over a catalogue photograph. */ body.page-template-default.sc-compact-task #superior-concept .sc-finder-hero{position:relative;isolation:isolate;overflow:hidden;color:#f4f3ed} body.sc-compact-task #superior-concept .sc-finder-hero .sc-scene{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:-1} body.sc-compact-task #superior-concept .sc-finder-hero .sc-scene img{width:100%;height:100%;object-fit:cover;object-position:center} body.sc-compact-task #superior-concept .sc-finder-hero .sc-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10261be6,#10261b88 55%,#10261b24)} body.sc-compact-task #superior-concept .sc-finder-hero{color:#f4f3ed;position:relative;isolation:isolate;overflow:hidden} body.sc-compact-task #superior-concept .sc-finder-hero h1 em{color:#ddef9c} body.sc-compact-task #superior-concept .sc-finder-hero .sc-scene:after{background:linear-gradient(90deg,#10261b80,#10261b22 60%,#10261b08)} @media(max-width:700px){body.sc-compact-task #superior-concept .sc-finder-hero .sc-scene img{object-position:58% center}body.sc-compact-task #superior-concept .sc-finder-hero .sc-scene:after{background:linear-gradient(90deg,#10261bb3,#10261b55)}} /* Rich, high-contrast next steps shared across the site. */ #superior-concept .sc-next-steps{background:#14271e;color:#f5f3ec;padding:55px 5%} #superior-concept .sc-next-steps>.sc-eyebrow{color:#dbea88} #superior-concept .sc-next-steps>h2{color:#f5f3ec} #superior-concept .sc-next-tile,#superior-concept .sc-next-tile:nth-child(2),#superior-concept .sc-next-tile:nth-child(3){background:#20392c;color:#f5f3ec;border:1px solid #ffffff24;border-radius:14px;min-height:190px;box-shadow:0 8px 24px #00000012} #superior-concept .sc-next-number{color:#c9d4bf} #superior-concept .sc-next-tile strong{color:#f5f3ec} #superior-concept .sc-next-arrow{color:#dbea88} #superior-concept .sc-next-art{display:none} #superior-concept .sc-next-tile:hover{background:#2c4937;border-color:#dbea8870} #superior-concept .sc-next-tile:focus-visible{outline-color:#dbea88} @media(max-width:700px){#superior-concept .sc-next-steps{padding:38px 6%}#superior-concept .sc-next-tile{min-height:145px}} #superior-concept .sc-next-tile{isolation:isolate;min-height:230px} #superior-concept .sc-next-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s ease} #superior-concept .sc-next-tile:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#10251bf2, #10251b55 75%,#10251b99)} #superior-concept .sc-next-number{color:#f2f0e7;text-shadow:0 1px 5px #0008} #superior-concept .sc-next-tile:hover .sc-next-image{transform:scale(1.045)} @media(max-width:700px){#superior-concept .sc-next-tile{min-height:190px}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-next-image{transition:none}#superior-concept .sc-next-tile:hover .sc-next-image{transform:none}} /* Shared closing links echo the homepage's black editorial service section. */ #superior-concept .sc-next-steps.sc-next-editorial{background:#141a17;display:grid;grid-template-columns:1fr 1fr;column-gap:8vw;padding:85px 5%;color:#f4f3ed} #superior-concept .sc-next-editorial>.sc-eyebrow{grid-column:1;color:#c9d0c6;align-self:end} body.sc-connected #superior-concept .sc-next-editorial>h2{grid-column:1;font-size:clamp(42px,5.5vw,76px);line-height:1.08;letter-spacing:-.05em;margin:24px 0 0;max-width:520px} #superior-concept .sc-next-editorial .sc-next-grid{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;gap:0;justify-content:center} #superior-concept .sc-next-editorial .sc-next-tile{min-height:0;border:0;border-bottom:1px solid #ffffff26;border-radius:0;background:transparent;box-shadow:none;padding:25px 44px 25px 0;gap:10px;transform:none} #superior-concept .sc-next-editorial .sc-next-tile:first-child{border-top:1px solid #ffffff26} #superior-concept .sc-next-editorial .sc-next-tile:after,#superior-concept .sc-next-editorial .sc-next-image{display:none} #superior-concept .sc-next-editorial .sc-next-number{font-size:10px;color:#a4b09f;letter-spacing:1.6px;text-shadow:none} #superior-concept .sc-next-editorial .sc-next-tile strong{font-size:clamp(21px,2.3vw,30px);max-width:100%;font-weight:400} #superior-concept .sc-next-editorial .sc-next-arrow{right:0;bottom:29px;color:#dbea88} #superior-concept .sc-next-editorial .sc-next-tile:hover strong{color:#dbea88} @media(max-width:700px){#superior-concept .sc-next-steps.sc-next-editorial{grid-template-columns:1fr;padding:50px 6%;gap:0}#superior-concept .sc-next-editorial .sc-next-grid{grid-column:1;grid-row:auto;margin-top:35px}body.sc-connected #superior-concept .sc-next-editorial>h2{font-size:44px}} #superior-concept .sc-next-editorial .sc-next-intro-copy{grid-column:1;margin-top:24px;max-width:410px} #superior-concept .sc-next-intro-copy p{font-size:16px;line-height:1.75;color:#cbd1c8;margin:0 0 26px} #superior-concept .sc-next-editorial:has(.sc-next-intro-copy) .sc-next-grid{grid-row:1 / span 3} @media(max-width:700px){#superior-concept .sc-next-editorial:has(.sc-next-intro-copy) .sc-next-grid{grid-row:auto}} #superior-concept .sc-next-editorial{position:relative;overflow:hidden;isolation:isolate} #superior-concept .sc-next-editorial>.sc-service-word{z-index:-1} /* Let the cinematic palettes read without the old green colour wash. */ body.sc-connected.sc-cinematic #superior-concept :is(.sc-products-hero,.sc-brands-hero,.sc-specialists-hero,.sc-rentals-hero)::after{background:linear-gradient(90deg,#080b10b8,#080b1040 52%,#080b1008)} body.sc-connected.sc-cinematic #superior-concept .sc-enquiry-visual .sc-planner-hero .sc-scene img{filter:none} body.sc-connected.sc-cinematic #superior-concept .sc-enquiry-visual .sc-planner-hero:after{background:linear-gradient(90deg,#080b10b8,#080b1020 65%,transparent)} body.sc-cinematic #superior-concept .sc-careers-hero{isolation:isolate} body.sc-cinematic #superior-concept .sc-careers-cinematic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2} body.sc-cinematic #superior-concept .sc-careers-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080b10b8,#080b1020)} @media(max-width:700px){body.sc-connected.sc-cinematic #superior-concept :is(.sc-products-hero,.sc-brands-hero,.sc-specialists-hero,.sc-rentals-hero)::after{background:linear-gradient(90deg,#080b10c9,#080b1050),linear-gradient(0deg,#080b1060,transparent)}body.sc-cinematic #superior-concept .sc-careers-cinematic{object-position:65% center}} /* Finished interior Services hero with a soft shadow from the top left. */ body.sc-connected #superior-concept .sc-services-refresh .sc-services-hero .sc-scene img{filter:none;object-position:center} body.sc-connected #superior-concept .sc-services-refresh .sc-services-hero:after{background:linear-gradient(125deg,rgba(5,13,20,.88) 0%,rgba(5,13,20,.69) 27%,rgba(5,13,20,.3) 53%,rgba(5,13,20,0) 78%)} @media(max-width:600px){body.sc-connected #superior-concept .sc-services-refresh .sc-services-hero:after{background:linear-gradient(125deg,#050d14eb,#050d14a6 55%,#050d1433)}} /* Keep service essentials visible; practical details open on request. */ #superior-concept .sc-services-grid .sc-service-tile{display:flex;flex-direction:column} #superior-concept .sc-service-more{margin:4px 0 22px;border-top:1px solid #c9cec4;padding-top:16px} #superior-concept .sc-service-more summary{cursor:pointer;font-size:14px;font-weight:600;line-height:1.5} #superior-concept .sc-service-more summary:focus-visible{outline:2px solid #637746;outline-offset:5px} #superior-concept .sc-service-more p{font-size:14px;line-height:1.65;margin:12px 0 0} #superior-concept .sc-services-grid .sc-service-text-link{margin-top:auto;font-size:14px} /* Natural interior background for the Brands hero. */ body.sc-connected #superior-concept .sc-brands.sc-brands-editorial .sc-brands-hero .sc-scene img{filter:none;object-position:center} body.sc-connected #superior-concept .sc-brands.sc-brands-editorial .sc-brands-hero:after{background:linear-gradient(125deg,#050d14c7,#050d1470 40%,#050d1400 78%)} @media(max-width:700px){body.sc-connected #superior-concept .sc-brands.sc-brands-editorial .sc-brands-hero .sc-scene img{object-position:65% center}body.sc-connected #superior-concept .sc-brands.sc-brands-editorial .sc-brands-hero:after{background:linear-gradient(125deg,#050d14db,#050d1480)}} /* Match the shared dark closing sections while retaining the colour guide layout. */ #superior-concept .sc-colours-editorial .sc-hub-how{background:#141a17;color:#f4f3ed} #superior-concept .sc-colours-editorial .sc-hub-how h2, #superior-concept .sc-colours-editorial .sc-hub-how h3{color:#f4f3ed} #superior-concept .sc-colours-editorial .sc-hub-how p{color:#cbd1c8} #superior-concept .sc-colours-editorial .sc-hub-how>.sc-eyebrow{color:#a4b09f} #superior-concept .sc-colours-editorial .sc-hub-how article>span, #superior-concept .sc-colours-editorial .sc-hub-how a{color:#dbea88} #superior-concept .sc-colours-editorial .sc-hub-how a:hover{color:#f4f3ed} /* Finished space for the project planning hub. */ body.sc-connected #superior-concept .sc-planner-hub .sc-planner-hero .sc-scene img{filter:none;object-position:center} body.sc-connected #superior-concept .sc-planner-hub .sc-planner-hero:after{background:linear-gradient(125deg,#08110be0,#08110b8c 40%,#08110b00 80%)} @media(max-width:600px){body.sc-connected #superior-concept .sc-planner-hub .sc-planner-hero .sc-scene img{object-position:65% center}body.sc-connected #superior-concept .sc-planner-hub .sc-planner-hero:after{background:linear-gradient(125deg,#08110be8,#08110b80)}} /* A clearer category-first catalogue and simpler secondary controls. */ #superior-concept .sc-category-start{margin-bottom:42px} #superior-concept .sc-category-start>p{line-height:1.7;max-width:650px} #superior-concept .sc-category-start>p a{text-decoration:underline} #superior-concept .sc-category-start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px} #superior-concept .sc-category-start-grid>a{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff;padding:22px;border:1px solid #d7d9d0;border-radius:8px;font-size:16px;line-height:1.4} #superior-concept .sc-category-start-grid>a:hover{background:#e9eedc;border-color:#75865b} #superior-concept .sc-filter-extras{display:contents} #superior-concept .sc-filter-toggle{display:none} #superior-concept .sc-project-more-actions{position:relative} #superior-concept .sc-project-more-actions summary{cursor:pointer;padding:14px;border:1px solid #c5c9bd;border-radius:6px;font-size:14px} #superior-concept .sc-project-more-actions>div{display:grid;gap:8px;padding:12px;background:#fff;border:1px solid #c5c9bd;min-width:210px} #superior-concept .sc-request-next{font-size:13px;line-height:1.65;color:#53614e} #superior-concept .sc-team-monogram{background:#e4e8dd;color:#34482d;min-height:260px} #superior-concept .sc-team-monogram>span{font-weight:400;font-size:80px} #superior-concept .sc-team-role{min-height:2.8em} @media(max-width:700px){ #superior-concept .sc-category-start-grid{grid-template-columns:1fr} #superior-concept .sc-category-start .sc-results-heading{display:block} #superior-concept .sc-filter-toggle{display:block;border:1px solid #b8c1ab;padding:12px;background:transparent;border-radius:5px} #superior-concept .sc-filter-extras{display:none} #superior-concept .sc-filters-open .sc-filter-extras{display:grid;gap:16px;grid-column:1/-1} body.sc-connected .sc-compare-bar,body.sc-connected .sc-compare-bar.is-collapsed{position:fixed;bottom:0;left:0;right:0;width:100%;margin:0;border-radius:0;padding:10px 15px;z-index:40;box-shadow:0 -3px 15px #0002;transform:none;max-width:none} body.sc-connected:has(.sc-compare-bar:not([hidden])){padding-bottom:100px} #superior-concept .sc-projects-actions{align-items:stretch} #superior-concept .sc-project-more-actions{width:100%} } #superior-concept .sc-project-story-details:empty{display:none} #superior-concept .sc-project-story-details>div{margin:18px 0;padding-top:16px;border-top:1px solid #cbd0c4} #superior-concept .sc-project-story-details dt{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px} #superior-concept .sc-project-story-details dd{margin:8px 0 0;line-height:1.65;font-size:15px} @media(min-width:701px){body.sc-connected .sc-compare-bar{left:auto;right:24px;transform:none;max-width:420px}} #superior-concept .sc-request-complete .sc-form-status{padding:22px;background:#e8efd9;border-left:4px solid #6d8746;font-size:16px;line-height:1.7;font-weight:600} /* Consistent white logo panels for every brand hero, independent of source-image shape. */ body.sc-compact-catalogue #superior-concept .sc-catalogue .sc-brand-hero-logo{width:min(360px,100%);height:70px;min-height:70px;flex-shrink:0;box-sizing:border-box;padding:12px 30px;background:#f4f3ed;border-radius:4px;display:flex;align-items:center;justify-content:center} body.sc-compact-catalogue #superior-concept .sc-catalogue .sc-brand-hero-logo:before{display:none} body.sc-compact-catalogue #superior-concept .sc-catalogue .sc-brand-hero-logo img{width:180px;height:46px;max-width:100%;max-height:46px;object-fit:contain;object-position:center;filter:none} body.sc-compact-catalogue #superior-concept .sc-catalogue .sc-brand-hero-logo:is([data-brand-logo="cloverdale-paint"],[data-brand-logo="interlux"]) img{height:24px;object-fit:cover} body.sc-compact-catalogue #superior-concept .sc-catalogue .sc-brand-hero-logo.sc-logo-surface-dark img{filter:brightness(0)} body.sc-compact-catalogue #superior-concept .sc-catalogue .sc-brand-hero-logo .sc-brand-wordmark{font-size:28px;text-align:center;color:#17271f} /* One hero layout for every destination in the project tools hub. */ body #superior-concept main.sc-planning-tool:is(.sc-catalogue,.sc-my-projects) .sc-planner-hero { box-sizing:border-box;position:relative;isolation:isolate;display:flex;align-items:center; height:460px!important;min-height:460px!important;padding:55px 6%!important; overflow:hidden;background:#17271f;color:#f4f3ed; } body #superior-concept main.sc-planning-tool:is(.sc-catalogue,.sc-my-projects) .sc-planner-hero .sc-scene { display:block!important;position:absolute;inset:0;width:100%;height:100%;margin:0;border-radius:0;z-index:-2; } body #superior-concept main.sc-planning-tool:is(.sc-catalogue,.sc-my-projects) .sc-planner-hero .sc-scene img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none;object-position:center; } body #superior-concept main.sc-planning-tool:is(.sc-catalogue,.sc-my-projects) .sc-planner-hero::after { content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080b10c9,#080b1070 65%,#080b1020); } body #superior-concept main.sc-planning-tool:is(.sc-catalogue,.sc-my-projects) .sc-planner-hero .sc-brands-intro { position:relative;z-index:1;width:100%;max-width:1000px;padding:0;margin:0; } body #superior-concept main.sc-planning-tool:is(.sc-catalogue,.sc-my-projects) .sc-planner-hero h1 { font-size:clamp(42px,5vw,64px)!important;line-height:1.04;letter-spacing:-.05em;margin:20px 0; } body #superior-concept main.sc-planning-tool:is(.sc-catalogue,.sc-my-projects) .sc-planner-hero h1 em {color:#dded83;font-style:normal} body #superior-concept main.sc-planning-tool:is(.sc-catalogue,.sc-my-projects) .sc-planner-hero p {max-width:650px;font-size:17px;line-height:1.65;margin:0} body #superior-concept main.sc-planning-tool:is(.sc-catalogue,.sc-my-projects) .sc-planner-hero :is(.sc-breadcrumb,.sc-eyebrow) {color:inherit} body #superior-concept main.sc-planning-tool:is(.sc-catalogue,.sc-my-projects) .sc-planner-hero .sc-breadcrumb {display:block;margin:0 0 16px} body #superior-concept main.sc-planning-tool:is(.sc-catalogue,.sc-my-projects) .sc-planner-hero .sc-eyebrow {display:block;margin:0} body #superior-concept main.sc-planning-tool:is(.sc-catalogue,.sc-my-projects) .sc-planner-hero .sc-cta {display:none} body #superior-concept main.sc-planning-tool:is(.sc-catalogue,.sc-my-projects) .sc-planner-hero .sc-hero-brand-links {margin-top:18px} body #superior-concept main.sc-planning-tool:is(.sc-catalogue,.sc-my-projects) .sc-planner-content {padding-top:30px} body #superior-concept main.sc-planning-tool:is(.sc-catalogue,.sc-my-projects) .sc-tool-nav {margin-bottom:30px} body #superior-concept main.sc-planning-tool:is(.sc-catalogue,.sc-my-projects) .sc-projects-planning-nav {padding-top:30px} @media(max-width:700px) { body #superior-concept main.sc-planning-tool:is(.sc-catalogue,.sc-my-projects) .sc-planner-hero {height:auto!important;min-height:480px!important;padding:40px 6%!important} body #superior-concept main.sc-planning-tool:is(.sc-catalogue,.sc-my-projects) .sc-planner-hero h1 {font-size:clamp(34px,8vw,48px)!important} body #superior-concept main.sc-planning-tool:is(.sc-catalogue,.sc-my-projects) .sc-planner-hero p {font-size:16px} } @media print {body #superior-concept main.sc-planning-tool:is(.sc-catalogue,.sc-my-projects) .sc-planner-hero {display:none}} #superior-concept .sc-mirka-filters{grid-column:1/-1;padding-top:10px;border-top:1px solid #20372b20}#superior-concept .sc-mirka-filters[hidden]{display:none}#superior-concept .sc-mirka-filters summary{cursor:pointer;font-size:13px;font-weight:600;padding:4px 0}#superior-concept .sc-mirka-filters summary span{font-size:11px;font-weight:400;margin-left:10px;padding:3px 8px;border-radius:20px;background:#20372b10}#superior-concept .sc-mirka-filter-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:14px}@media(max-width:700px){#superior-concept .sc-mirka-filter-fields{grid-template-columns:1fr}} #superior-concept .sc-mirka-format-options{border:1px solid #20372b30;border-radius:8px;padding:20px;margin:24px 0}#superior-concept .sc-mirka-format-options summary{cursor:pointer;font-weight:600}#superior-concept .sc-mirka-format-options summary span{display:block;font-weight:400;font-size:13px;margin-top:8px}#superior-concept .sc-mirka-format-table{overflow-x:auto}#superior-concept .sc-mirka-format-table table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}#superior-concept .sc-mirka-format-table th,#superior-concept .sc-mirka-format-table td{padding:12px;border-bottom:1px solid #20372b20} /* Keep Mirka options in the existing actions row; expanded controls float beneath it. */ #superior-concept .sc-products-editorial .sc-filters{position:relative;grid-template-columns:1.1fr 1.5fr 1fr 1fr auto;padding:16px;gap:12px} #superior-concept .sc-filter-actions{display:flex;align-items:center;gap:12px} #superior-concept .sc-filter-actions>.sc-mirka-filters{padding:0;border:0;order:3;grid-column:auto} #superior-concept .sc-mirka-filters summary{white-space:nowrap;font-size:12px;font-weight:400} #superior-concept .sc-mirka-filter-fields{position:absolute;top:calc(100% + 8px);left:0;right:0;padding:18px;background:#f4f3ed;border:1px solid #20372b30;border-radius:9px;box-shadow:0 10px 30px #17271f18;z-index:20} @media(max-width:1100px){#superior-concept .sc-products-editorial .sc-filters{grid-template-columns:repeat(2,minmax(0,1fr))}#superior-concept .sc-filter-actions{grid-column:1/-1;flex-wrap:wrap}} @media(max-width:700px){#superior-concept .sc-mirka-filter-fields{position:static;padding:14px 0 0;border:0;box-shadow:none;background:transparent}#superior-concept .sc-filter-actions>.sc-mirka-filters.is-expanded{flex-basis:100%}} #superior-concept .sc-mirka-filter-fields[hidden]{display:none} #superior-concept .sc-products-editorial .sc-filters .sc-more-options-switch{position:relative;display:inline-flex;align-items:center;gap:8px;width:auto;white-space:nowrap;font-size:12px;color:#20372b;cursor:pointer;margin:0} #superior-concept .sc-products-editorial .sc-filters .sc-more-options-switch input{position:absolute;opacity:0;width:40px;height:24px;margin:0;padding:0} #superior-concept .sc-switch-track{display:block;flex-shrink:0;width:38px;height:22px;border-radius:22px;background:#bec5bb;transition:background .18s} #superior-concept .sc-switch-track:before{content:'';display:block;width:16px;height:16px;margin:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .18s} #superior-concept .sc-more-options-switch input:checked+.sc-switch-track{background:#547349} #superior-concept .sc-more-options-switch input:checked+.sc-switch-track:before{transform:translateX(16px)} #superior-concept .sc-more-options-switch input:focus-visible+.sc-switch-track{outline:2px solid #20372b;outline-offset:3px} @media(prefers-reduced-motion:reduce){#superior-concept .sc-switch-track,#superior-concept .sc-switch-track:before{transition:none}} /* The extra controls unfold as a connected drawer below the compact filter bar. */ #superior-concept .sc-products-editorial .sc-filters{margin-bottom:calc(24px + var(--sc-drawer-space,0px));transition:margin-bottom 520ms cubic-bezier(.4,0,.2,1),border-radius 520ms} #superior-concept .sc-products-editorial .sc-filters:has(.sc-mirka-filters.is-expanded){border-bottom-left-radius:0;border-bottom-right-radius:0} #superior-concept .sc-mirka-filter-fields{position:absolute;top:calc(100% - 1px);left:-1px;right:-1px;box-sizing:border-box;overflow:hidden;padding:0 18px;min-height:0;background:#eef0e8;border:1px solid #20372b30;border-top:0;border-radius:0 0 9px 9px;box-shadow:0 8px 12px #17271f08;z-index:2} #superior-concept .sc-mirka-filter-fields>label{padding:18px 0} @media(max-width:700px){#superior-concept .sc-mirka-filter-fields{grid-template-columns:1fr;gap:0}#superior-concept .sc-mirka-filter-fields>label{padding:10px 0}#superior-concept .sc-filter-actions>.sc-mirka-filters.is-expanded{flex-basis:auto}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-products-editorial .sc-filters{transition:none}} /* A softly lit control bar with a distinct inset options drawer. */ #superior-concept .sc-products-editorial .sc-filters{ background:linear-gradient(115deg,#e5ecdd 0%,#f3f5ec 45%,#d9e5cf 100%); border:1px solid #60765538; box-shadow:inset 0 1px 0 #ffffffc9,0 5px 18px #263d2610; border-radius:12px; } #superior-concept .sc-products-editorial .sc-filters input:not([type="checkbox"]), #superior-concept .sc-products-editorial .sc-filters select{ background:#ffffffb8;border-color:#58704d30;box-shadow:inset 0 1px 2px #20372b05; } #superior-concept .sc-products-editorial .sc-filters .sc-more-options-switch{ padding:10px 12px;border:1px solid #65805530;border-radius:8px; background:linear-gradient(120deg,#ffffff80,#cfddc56b);box-shadow:inset 0 1px 0 #ffffff9c; } #superior-concept .sc-mirka-filter-fields{ left:10px;right:10px;top:calc(100% - 1px); background:linear-gradient(135deg,#dce6d4,#eaf0e3 55%,#d5e1cc); border:1px solid #60765538;border-top:1px solid #667c5633; border-radius:0 0 10px 10px; box-shadow:inset 0 5px 7px -6px #25402370,inset 0 -1px 0 #ffffffa1,0 7px 15px #263d2610; } #superior-concept .sc-mirka-filter-fields>label{color:#405b36} @media(max-width:700px){#superior-concept .sc-mirka-filter-fields{left:6px;right:6px}} /* Soften the drawer join while retaining a separate surface. */ #superior-concept .sc-mirka-filter-fields{ background:linear-gradient(135deg,#e4ebdd,#edf2e7 55%,#e0e9d8); border-color:#60765522;border-top-color:#667c561a; box-shadow:inset 0 1px 0 #ffffff60,0 4px 12px #263d2609; } /* Flush drawer: continuous edges and no inset treatment. */ #superior-concept .sc-mirka-filter-fields{ left:-1px;right:-1px; border-top:0; background:linear-gradient(115deg,#e5ecdd 0%,#f3f5ec 45%,#d9e5cf 100%); box-shadow:0 4px 12px #263d2609; border-radius:0 0 12px 12px; } #superior-concept .sc-products-editorial .sc-filters .sc-more-options-arrow{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:#20372b;box-shadow:none;font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer} #superior-concept .sc-more-options-arrow svg{transition:transform 220ms ease;flex-shrink:0} #superior-concept .sc-more-options-arrow[aria-expanded="true"] svg{transform:rotate(180deg)} #superior-concept .sc-more-options-arrow:hover{background:#ffffff50} #superior-concept .sc-more-options-arrow:focus-visible{outline:2px solid #547349;outline-offset:3px} @media(prefers-reduced-motion:reduce){#superior-concept .sc-more-options-arrow svg{transition:none}} /* Match the drawer, result movement and arrow to one gentle motion curve. */ #superior-concept .sc-products-editorial .sc-filters{transition:margin-bottom 520ms cubic-bezier(.4,0,.2,1),border-radius 520ms cubic-bezier(.4,0,.2,1)} #superior-concept .sc-more-options-arrow svg{transition:transform 520ms cubic-bezier(.4,0,.2,1)} @media(prefers-reduced-motion:reduce){#superior-concept .sc-products-editorial .sc-filters,#superior-concept .sc-more-options-arrow svg{transition:none}} /* Compact catalogue controls without hiding their labels or filter choices. */ #superior-concept .sc-products-editorial .sc-filters{padding:9px 12px;gap:10px;align-items:end;grid-template-columns:1.15fr 1.5fr 1fr 1.25fr auto} #superior-concept .sc-products-editorial .sc-filters:not(:has(.sc-filter-actions>*)){grid-template-columns:1.15fr 1.5fr 1fr 1.25fr} #superior-concept .sc-products-editorial .sc-filters label{gap:3px;font-size:10px;line-height:1.3} #superior-concept .sc-products-editorial .sc-filters input:not([type="checkbox"]),#superior-concept .sc-products-editorial .sc-filters select{min-height:36px;height:36px;padding:7px 10px;font-size:13px;border-radius:6px} #superior-concept .sc-products-editorial .sc-filters button{min-height:36px} #superior-concept .sc-products-editorial .sc-filter-actions:empty{display:none} #superior-concept .sc-products-editorial .sc-results-heading{margin-top:24px} @media(min-width:701px) and (max-width:1100px){#superior-concept .sc-products-editorial .sc-filters,#superior-concept .sc-products-editorial .sc-filters:not(:has(.sc-filter-actions>*)){grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){#superior-concept .sc-products-editorial .sc-filters,#superior-concept .sc-products-editorial .sc-filters:not(:has(.sc-filter-actions>*)){grid-template-columns:1fr auto;padding:10px;gap:8px}#superior-concept .sc-products-editorial .sc-filters>label,#superior-concept .sc-products-editorial .sc-filters>.sc-search{grid-column:1/-1}#superior-concept .sc-products-editorial .sc-filters .sc-filter-toggle{padding:8px 12px;grid-column:1/-1}#superior-concept .sc-products-editorial .sc-filters .sc-filter-extras{grid-column:1/-1}#superior-concept .sc-products-editorial .sc-filters .sc-filter-extras label{width:100%}#superior-concept .sc-products-editorial .sc-filters-open .sc-filter-extras{gap:8px}#superior-concept .sc-products-editorial .sc-filters input:not([type="checkbox"]),#superior-concept .sc-products-editorial .sc-filters select{min-height:40px;height:40px;font-size:16px}} /* Colour inspiration connects finished spaces to existing manufacturer palettes. */ #superior-concept .sc-colour-inspiration{margin:52px 0 70px;scroll-margin-top:110px} #superior-concept .sc-inspiration-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:30px} #superior-concept .sc-inspiration-heading h2{font-size:clamp(36px,4.5vw,60px);line-height:1.04;letter-spacing:-.045em;margin:10px 0 0} #superior-concept .sc-inspiration-heading>p{max-width:430px;margin:0;font-size:15px;line-height:1.7;color:#4c5349} #superior-concept .sc-inspiration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} #superior-concept .sc-inspiration-card{min-width:0;background:#fff;border:1px solid #e1e4db;border-radius:18px;overflow:hidden} #superior-concept .sc-inspiration-scene{display:block;position:relative;overflow:hidden;aspect-ratio:4/3;color:#fff;text-decoration:none} #superior-concept .sc-inspiration-scene>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)} #superior-concept .sc-inspiration-scene:hover>img{transform:scale(1.035)} #superior-concept .sc-inspiration-scene>span{position:absolute;left:18px;right:18px;bottom:16px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;z-index:1} #superior-concept .sc-inspiration-scene::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.6))} #superior-concept .sc-inspiration-copy{padding:24px} #superior-concept .sc-inspiration-copy h3{font-size:26px;line-height:1.12;letter-spacing:-.035em;margin:0 0 10px} #superior-concept .sc-inspiration-copy>p{font-size:14px;line-height:1.65;margin:0 0 22px;color:#4c5349;min-height:46px} #superior-concept .sc-inspiration-pairing-label{font-size:9px;letter-spacing:.13em;color:#59634e;display:block;margin-bottom:10px} #superior-concept .sc-inspiration-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} #superior-concept .sc-inspiration-swatches a{display:block;color:#263226;text-decoration:none;font-size:11px;line-height:1.35;border-radius:8px} #superior-concept .sc-inspiration-swatches img{display:block;width:100%;height:46px;object-fit:cover;border-radius:6px;margin-bottom:8px;border:1px solid rgba(0,0,0,.08);transition:transform .2s} #superior-concept .sc-inspiration-swatches a:hover img{transform:translateY(-3px)} #superior-concept .sc-inspiration-swatches span{display:block;overflow-wrap:anywhere} #superior-concept .sc-inspiration-swatches small{display:block;margin-top:3px;font-size:9px;color:#657060} #superior-concept .sc-inspiration-collection{display:flex;justify-content:space-between;gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid #e1e4db;color:#263c29;text-decoration:none;font-size:12px;font-weight:700} #superior-concept .sc-inspiration-note{font-size:12px;line-height:1.6;color:#657060;margin-top:20px} #superior-concept .sc-colour-inspiration a:focus-visible{outline:3px solid #6b873b;outline-offset:4px} @media(max-width:1000px){#superior-concept .sc-inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){#superior-concept .sc-inspiration-grid{grid-template-columns:1fr}#superior-concept .sc-inspiration-heading{display:block}#superior-concept .sc-inspiration-heading>p{margin-top:18px}#superior-concept .sc-colour-inspiration{margin:36px 0 48px}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-inspiration-scene>img,#superior-concept .sc-inspiration-swatches img{transition:none;transform:none!important}} #superior-concept .sc-colour-inspiration{padding:0 5%} #superior-concept .sc-hub-inspiration-link{display:inline-block;margin:12px 0 12px 22px;color:inherit;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:5px} @media(max-width:800px){#superior-concept .sc-colour-inspiration{padding:0 6%}} /* Photo-led inspiration strip: portrait tiles move beyond the viewport edges. */ #superior-concept .sc-colour-inspiration.sc-inspiration-carousel{padding:0;margin:54px 0 68px;overflow:hidden} #superior-concept .sc-inspiration-carousel-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 5%;margin-bottom:36px} #superior-concept .sc-inspiration-carousel-heading h2{font-size:clamp(36px,4.5vw,60px);line-height:1.05;letter-spacing:-.04em;margin:0;font-weight:500} #superior-concept .sc-inspiration-controls{display:flex;gap:10px} #superior-concept .sc-inspiration-controls button{width:44px;height:44px;padding:0;border:1px solid #b8bcb0;border-radius:50%;background:transparent;color:#24372a;font-size:23px;cursor:pointer} #superior-concept .sc-inspiration-controls button:hover:not(:disabled){background:#24372a;color:#fff} #superior-concept .sc-inspiration-controls button:disabled{opacity:.3;cursor:default} #superior-concept .sc-inspiration-track{display:flex;gap:clamp(24px,5vw,64px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:5%;padding:0 5% 14px;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab} #superior-concept .sc-inspiration-track::-webkit-scrollbar{display:none} #superior-concept .sc-inspiration-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none} #superior-concept .sc-inspiration-slide{flex:0 0 clamp(300px,46vw,600px);min-width:0;scroll-snap-align:start} #superior-concept .sc-inspiration-photo{position:relative;aspect-ratio:4/5;border-radius:5px;overflow:hidden;background:#e1dccd} #superior-concept .sc-inspiration-photo-link{display:block;width:100%;height:100%} #superior-concept .sc-inspiration-photo-link img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none} #superior-concept .sc-inspiration-colour-label{position:absolute;bottom:22px;left:22px;display:flex;align-items:center;gap:11px;max-width:calc(100% - 44px);padding:12px 15px;background:#fff;color:#1e271f;border-radius:4px;box-shadow:0 2px 12px #00000012;text-decoration:none} #superior-concept .sc-inspiration-label-swatch{display:block;width:34px;height:34px;flex:0 0 34px;border:1px solid #00000012;border-radius:3px} #superior-concept .sc-inspiration-colour-label strong{display:block;font-size:14px;font-weight:600;line-height:1.25} #superior-concept .sc-inspiration-colour-label small{display:block;font-size:11px;margin-top:4px;color:#56604f} #superior-concept .sc-inspiration-slide-collection{display:block;padding:20px 8px 6px;text-align:center;color:#24372a;font-size:15px;line-height:1.5;text-decoration:underline;text-underline-offset:5px} #superior-concept .sc-inspiration-carousel-note{padding:0 5%;margin:16px 0 0;font-size:12px;color:#657060} #superior-concept .sc-inspiration-carousel :is(a,button,[tabindex]):focus-visible{outline:3px solid #6b873b;outline-offset:3px} #superior-concept .sc-planner-hub .sc-colour-inspiration{padding:0;margin:48px 0 60px} @media(max-width:600px){#superior-concept .sc-inspiration-slide{flex-basis:82vw}#superior-concept .sc-inspiration-track{gap:20px;padding-inline:6%;scroll-padding-inline:6%}#superior-concept .sc-inspiration-carousel-heading{padding-inline:6%;margin-bottom:24px}#superior-concept .sc-inspiration-colour-label{bottom:16px;left:16px;padding:10px;max-width:calc(100% - 32px)}#superior-concept .sc-inspiration-carousel-note{padding-inline:6%}} #superior-concept [data-hub-panel="plan"]>.sc-colour-inspiration{padding:0;margin:48px 0 16px} #superior-concept [data-hub-panel="plan"] .sc-inspiration-heading{align-items:start} #superior-concept [data-hub-panel="plan"] .sc-inspiration-heading h2{font-size:clamp(28px,3vw,40px)} #superior-concept [data-hub-panel="plan"] .sc-inspiration-heading>p{max-width:370px;font-size:14px} #superior-concept [data-hub-panel="plan"] .sc-inspiration-copy{padding:20px} #superior-concept [data-hub-panel="plan"] .sc-inspiration-copy h3{font-size:23px} #superior-concept #sc-planner-inspiration .sc-inspiration-scene>span,#superior-concept #sc-planner-inspiration .sc-inspiration-scene>span>span{color:#fff} /* Colour boxes and actions follow the reference tile footer. */ #superior-concept .sc-inspiration-tile-footer{position:absolute;left:20px;right:20px;bottom:20px;display:flex;justify-content:space-between;align-items:end;gap:14px} #superior-concept .sc-inspiration-colour-box{display:flex;align-items:center;min-width:0;flex:1;background:#fff;color:#171b17;border-radius:4px;box-shadow:0 2px 12px #00000012;min-height:66px;padding:9px 10px} #superior-concept .sc-inspiration-colour-open{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:3px 4px;border:0;background:transparent;color:#171b17;text-align:left;cursor:pointer} #superior-concept .sc-inspiration-colour-open strong{display:block;font-size:14px;font-weight:600;line-height:1.25} #superior-concept .sc-inspiration-colour-open small{display:block;font-size:12px;margin-top:4px;color:#3c443b} #superior-concept .sc-inspiration-colour-actions{display:flex;gap:4px;flex:0 0 auto;margin-left:5px} #superior-concept .sc-inspiration-colour-actions :is(a,button){display:flex;align-items:center;justify-content:center;width:32px;height:40px;padding:5px;border:0;border-radius:3px;background:transparent;color:#171b17;cursor:pointer} #superior-concept .sc-inspiration-colour-actions :is(a,button):hover{background:#f0f1eb} #superior-concept .sc-inspiration-colour-actions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round} #superior-concept .sc-inspiration-favourite[aria-pressed="true"] svg{fill:#263d29;stroke:#263d29} #superior-concept .sc-inspiration-collection-box{display:flex;align-items:center;justify-content:center;min-height:66px;max-width:38%;padding:12px 18px;background:linear-gradient(135deg,rgba(0,0,0,.025),transparent 65%),var(--collection-colour);color:var(--collection-ink);box-shadow:0 2px 6px rgba(0,0,0,.055);border-radius:4px;font-size:14px;line-height:1.4;text-align:center;text-decoration:none} #superior-concept .sc-inspiration-collection-box:hover{color:var(--collection-ink);text-decoration:underline;text-underline-offset:4px} .sc-inspiration-modal{position:fixed;inset:0;box-sizing:border-box;width:min(820px,calc(100vw - 40px));max-height:calc(100dvh - 40px);padding:0;border:0;border-radius:16px;background:#f7f6ef;color:#202b20;overflow:auto;box-shadow:0 20px 80px #0004} .sc-inspiration-modal[open]{display:grid;grid-template-columns:1fr 1fr} .sc-inspiration-modal::backdrop{background:#111d16b3;backdrop-filter:blur(5px)} .sc-inspiration-modal-close{position:absolute;z-index:2;right:14px;top:14px;width:36px;height:36px;border:1px solid #bcc3b7;border-radius:50%;background:#fff;color:#263226;font-size:25px;cursor:pointer} .sc-inspiration-modal-swatch{min-height:380px;display:flex;background:#e5e7dd} .sc-inspiration-modal-swatch img{display:block;width:100%;height:100%;min-height:380px;object-fit:cover} .sc-inspiration-modal-copy{padding:56px 32px 36px;align-self:center} .sc-inspiration-modal-copy h2{font-size:34px;line-height:1.1;letter-spacing:-.035em;margin:14px 0} .sc-inspiration-modal-code{font-size:19px;margin:0 0 25px} .sc-inspiration-modal-copy dl{margin:0 0 30px;font-size:14px;line-height:1.7} .sc-inspiration-modal-copy dt{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#657060} .sc-inspiration-modal-copy dd{margin:0} .sc-inspiration-modal-links{display:grid;gap:14px} .sc-inspiration-modal-links a{color:#263d29;font-size:14px;text-decoration:underline;text-underline-offset:4px} .sc-inspiration-modal :is(a,button):focus-visible{outline:3px solid #6b873b;outline-offset:3px} @media(max-width:800px){#superior-concept .sc-inspiration-tile-footer{left:16px;right:16px;bottom:16px;flex-wrap:wrap;gap:8px}#superior-concept .sc-inspiration-colour-box{flex-basis:100%}#superior-concept .sc-inspiration-collection-box{max-width:none;margin-left:auto;min-height:42px;padding:10px 14px;font-size:12px}} @media(max-width:600px){.sc-inspiration-modal[open]{grid-template-columns:1fr}.sc-inspiration-modal-swatch{min-height:220px;height:220px}.sc-inspiration-modal-swatch img{min-height:0}.sc-inspiration-modal-copy{padding:26px}.sc-inspiration-modal-copy h2{font-size:28px}} #superior-concept #sc-inspiration-modal .sc-inspiration-modal-copy h2{font-size:34px;line-height:1.1;letter-spacing:-.035em;margin:14px 0} #superior-concept #sc-inspiration-modal .sc-inspiration-modal-copy .sc-inspiration-modal-code{font-size:19px;line-height:1.4} @media(max-width:600px){#superior-concept #sc-inspiration-modal .sc-inspiration-modal-copy h2{font-size:28px}} /* The complete colour information box is the swatch; collection labels stay black. */ #superior-concept .sc-inspiration-colour-box{background:linear-gradient(135deg,rgba(0,0,0,.025),transparent 65%),var(--chip-colour);color:var(--chip-ink);box-shadow:0 2px 6px rgba(0,0,0,.055)} #superior-concept .sc-inspiration-colour-box .sc-inspiration-colour-open,#superior-concept .sc-inspiration-colour-box .sc-inspiration-colour-open small,#superior-concept .sc-inspiration-colour-box .sc-inspiration-colour-actions :is(a,button){color:var(--chip-ink)} #superior-concept .sc-inspiration-colour-box .sc-inspiration-colour-actions :is(a,button):hover{background:rgba(128,128,128,.12)} #superior-concept .sc-inspiration-colour-box .sc-inspiration-favourite[aria-pressed="true"] svg{fill:currentColor;stroke:currentColor} #superior-concept .sc-inspiration-collection-box,#superior-concept .sc-inspiration-collection-box:hover{background:#101210;color:#fff;box-shadow:none} /* Manufacturer trends: reference-height swatches and opposing one-second entrances. */ #superior-concept .sc-colour-trends{background:#efefef;overflow:hidden;padding:45px 0 24px;margin-top:48px;scroll-margin-top:100px} #superior-concept .sc-trends-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 5%;margin-bottom:34px} #superior-concept #sc-colour-trends-title{font-size:36px;font-weight:600;line-height:1.2;letter-spacing:-.025em;margin:0;color:#171b17} #superior-concept .sc-trends-heading>a{display:inline-flex;padding:15px 25px;background:#171b17;color:#fff;border-radius:4px;font-size:16px;font-weight:600;text-decoration:none} #superior-concept .sc-trend-brand-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:0 45px} #superior-concept .sc-trend-brand-heading h3{font-size:16px;font-weight:600;line-height:1.5;margin:0;color:#171b17} #superior-concept .sc-trend-brand-heading>a{font-size:12px;line-height:1.5;color:#51584f;text-decoration:underline;text-underline-offset:3px} #superior-concept .sc-trend-row{padding:24px 45px 24px 0;transform:translateX(0);transition:transform 2.4s ease} #superior-concept .sc-trend-brand:nth-of-type(even) .sc-trend-row{padding:24px 0 24px 45px} #superior-concept .sc-trend-palette{display:flex;height:auto;gap:0;border-radius:0 8px 8px 0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab} #superior-concept .sc-trend-palette::-webkit-scrollbar{display:none} #superior-concept .sc-trend-palette.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none} #superior-concept .sc-trend-brand:nth-of-type(even) .sc-trend-palette{border-radius:8px 0 0 8px} #superior-concept .sc-trend-swatch{position:relative;flex:0 0 25%;min-width:0;height:auto;aspect-ratio:1;border-radius:0;background:var(--trend-colour);color:var(--trend-ink);scroll-snap-align:start} #superior-concept .sc-trend-colour-link{position:absolute;inset:0;display:flex;align-items:end;box-sizing:border-box;padding:16px;color:var(--trend-ink);text-decoration:none} #superior-concept .sc-trend-colour-link strong{display:block;font-size:16px;font-weight:600;line-height:1.25} #superior-concept .sc-trend-colour-link small{display:block;margin-top:3px;font-size:14px;line-height:1.25;color:inherit} #superior-concept .sc-trend-actions{position:absolute;top:16px;right:16px;display:grid;gap:12px;opacity:0;visibility:hidden;transition:opacity .18s;color:var(--trend-ink)} #superior-concept .sc-trend-swatch:hover .sc-trend-actions,#superior-concept .sc-trend-swatch:focus-within .sc-trend-actions{opacity:1;visibility:visible} #superior-concept .sc-trend-actions :is(a,button){display:flex;align-items:center;justify-content:end;gap:12px;padding:4px 0;border:0;background:transparent;color:inherit;font-size:13px;line-height:1.3;text-decoration:none;cursor:pointer} #superior-concept .sc-trend-actions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round} #superior-concept .sc-trend-actions .sc-inspiration-favourite[aria-pressed="true"] svg{fill:currentColor;stroke:currentColor} #superior-concept .sc-colour-trends :is(a,button):focus-visible{outline:3px solid currentColor;outline-offset:-4px} #superior-concept .sc-colour-trends.has-trend-motion .sc-trend-row{transform:translateX(-100vw);transition:none} #superior-concept .sc-colour-trends.has-trend-motion .sc-trend-brand:nth-of-type(even) .sc-trend-row{transform:translateX(100vw)} #superior-concept .sc-colour-trends.has-trend-motion .sc-trend-row.is-trend-visible,#superior-concept .sc-colour-trends.has-trend-motion .sc-trend-brand:nth-of-type(even) .sc-trend-row.is-trend-visible{transform:translateX(0);transition:transform 2.4s ease} @media(max-width:800px){#superior-concept .sc-trends-heading,#superior-concept .sc-trend-brand-heading{padding-inline:6%}#superior-concept .sc-trend-row{padding-right:6%}#superior-concept .sc-trend-brand:nth-of-type(even) .sc-trend-row{padding-left:6%}#superior-concept .sc-trend-palette{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}#superior-concept .sc-trend-swatch{flex:0 0 260px;scroll-snap-align:start}#superior-concept .sc-trend-brand-heading{align-items:start}#superior-concept .sc-trend-brand-heading>a{text-align:right;max-width:60%}} @media(hover:none){#superior-concept .sc-trend-actions{opacity:1;visibility:visible}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-colour-trends [data-trend-row]{transform:none!important;transition:none!important}} @media(max-width:600px){#superior-concept .sc-trends-heading{flex-wrap:wrap;gap:18px}} /* Brand palettes: square, edge-to-edge mosaics with details below. */ #superior-concept .sc-colours-editorial .sc-hub-collections{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} #superior-concept .sc-colours-editorial .sc-hub-brand{border-radius:6px;box-shadow:0 2px 5px #00000014} #superior-concept .sc-colours-editorial .sc-hub-swatch-display{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));aspect-ratio:1;min-height:0;padding:0;margin:0;gap:0;border-radius:0;overflow:hidden} #superior-concept .sc-colours-editorial .sc-hub-swatch-display img,#superior-concept .sc-colours-editorial .sc-hub-mosaic-chip{position:static;display:block;width:100%;height:100%;min-height:0;min-width:0;border:0;border-radius:0;box-shadow:none;padding:0;object-fit:cover} #superior-concept .sc-colours-editorial .sc-hub-swatch-display .sc-hub-guide-cover{grid-column:1/-1;grid-row:1/-1;height:100%;object-fit:contain} #superior-concept .sc-colours-editorial .sc-hub-brand-copy{padding:22px} #superior-concept .sc-colours-editorial .sc-hub-brand-copy h3{font-size:25px;margin:8px 0} #superior-concept .sc-hub-colour-count{font-size:13px;color:#51584f} #superior-concept .sc-colours-editorial .sc-hub-brand-copy p{font-size:14px;line-height:1.6} @media(max-width:1000px){#superior-concept .sc-colours-editorial .sc-hub-collections{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){#superior-concept .sc-colours-editorial .sc-hub-collections{grid-template-columns:1fr}} /* Keep mosaics and individual swatches square regardless of copy length. */ #superior-concept .sc-colours-editorial .sc-hub-swatch-display{flex:none;width:100%;height:auto;align-content:start;grid-template-rows:repeat(7,1fr)} #superior-concept .sc-colours-editorial .sc-hub-swatch-display img:not(.sc-hub-guide-cover),#superior-concept .sc-colours-editorial .sc-hub-mosaic-chip{aspect-ratio:1;height:auto;align-self:start} #superior-concept .sc-colours-editorial .sc-hub-brand-copy{padding:18px} #superior-concept .sc-colours-editorial .sc-hub-brand-copy h3{font-size:23px} @media(min-width:601px) and (max-width:1000px){#superior-concept .sc-colours-editorial .sc-hub-collections{grid-template-columns:repeat(2,minmax(0,1fr))}} #superior-concept .sc-colours-editorial .sc-hub-swatch-display .sc-hub-cropped-swatch{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;padding:0;left:auto;bottom:auto} #superior-concept .sc-colours-editorial .sc-hub-swatch-display .sc-hub-cropped-swatch img{position:absolute;inset:0;width:100%;height:100%;transform:scale(1.5);object-fit:cover} #superior-concept .sc-colours-editorial .sc-hub-brand{position:relative} #superior-concept .sc-colours-editorial .sc-hub-swatch-display{position:static;overflow:visible} #superior-concept .sc-colours-editorial .sc-hub-swatch-display::after{content:"";position:absolute;inset:0;z-index:2;cursor:pointer} #superior-concept .sc-colours-editorial .sc-hub-brand:focus-within{outline:3px solid #20372b;outline-offset:4px} #superior-concept .sc-colours-editorial .sc-hub-category-heading{grid-column:1/-1;font-size:30px;font-weight:600;letter-spacing:-.025em;line-height:1.2;margin:26px 0 4px;padding-top:24px;border-top:1px solid #17271f20} #superior-concept .sc-colours-editorial .sc-hub-section-heading+.sc-hub-category-heading{margin-top:0;padding-top:0;border-top:0} /* SICO chips carry their labels and actions directly on the swatch. */ #superior-concept .sc-colour-card.sc-colour-card-inline{position:relative;border:0;border-radius:8px;overflow:hidden;color:var(--chip-ink)} #superior-concept .sc-colour-card-inline .sc-swatch-open{position:relative;display:block;aspect-ratio:1;color:var(--chip-ink);text-decoration:none} #superior-concept .sc-colour-card-inline .sc-swatch-open img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0} #superior-concept .sc-colour-card-inline .sc-chip-label{position:absolute;left:14px;right:14px;bottom:14px;line-height:1.25;color:var(--chip-ink)} #superior-concept .sc-colour-card-inline .sc-chip-label strong{display:block;font-size:15px;font-weight:600} #superior-concept .sc-colour-card-inline .sc-chip-label small{display:block;font-size:12px;margin-top:4px;color:inherit} #superior-concept .sc-colour-card-inline figcaption{display:none} #superior-concept .sc-colour-card-inline .sc-colour-card-actions{position:absolute;top:10px;right:12px;display:flex;flex-direction:column;align-items:end;gap:4px;margin:0;padding:0;color:var(--chip-ink)} #superior-concept .sc-colour-card-inline .sc-colour-card-actions :is(button,a){display:flex;align-items:center;justify-content:end;gap:7px;min-height:28px;padding:3px 0;border:0;border-radius:0;background:transparent;color:inherit;font-size:11px;line-height:1.3;text-decoration:none} #superior-concept .sc-colour-card-inline .sc-colour-card-actions svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0} #superior-concept .sc-colour-card-inline .sc-colour-card-actions button[aria-pressed=true] svg{fill:currentColor} #superior-concept .sc-colour-card-inline .sc-colour-card-actions .sc-palette-add{font-size:10px;opacity:.8;order:3} #superior-concept .sc-colour-card-inline .sc-colour-card-actions :is(a,button):hover{text-decoration:underline;background:transparent;color:inherit} #superior-concept .sc-colour-card-inline :is(a,button):focus-visible{outline:2px solid var(--chip-ink);outline-offset:2px} @media(max-width:600px){#superior-concept .sc-colour-card-inline .sc-chip-label{left:10px;right:10px;bottom:10px}#superior-concept .sc-colour-card-inline .sc-chip-label strong{font-size:13px}#superior-concept .sc-colour-card-inline .sc-colour-card-actions{right:10px;top:7px}#superior-concept .sc-colour-card-inline .sc-colour-card-actions :is(a,button){font-size:10px;gap:5px;min-height:24px}} #superior-concept .sc-colour-card-inline .sc-colour-card-actions{opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s} #superior-concept .sc-colour-card-inline:hover .sc-colour-card-actions,#superior-concept .sc-colour-card-inline:focus-within .sc-colour-card-actions{opacity:1;visibility:visible} @media(hover:none){#superior-concept .sc-colour-card-inline .sc-colour-card-actions{opacity:1;visibility:visible}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-colour-card-inline .sc-colour-card-actions{transition:none}} /* Icon-only chip actions retain their accessible button names. */ #superior-concept .sc-colour-card-inline .sc-colour-card-actions{flex-direction:row;gap:7px;align-items:center} #superior-concept .sc-colour-card-inline .sc-colour-card-actions :is(a,button){width:28px;height:28px;min-height:28px;justify-content:center;padding:0} #superior-concept .sc-colour-card-inline .sc-colour-card-actions :is(a,button)>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} #superior-concept .sc-colour-card-inline .sc-colour-card-actions .sc-palette-add{font-size:0;order:3;opacity:1} #superior-concept .sc-colour-card-inline .sc-colour-card-actions .sc-chip-compare-icon{position:absolute;right:0;top:0;width:28px;height:28px;display:grid;place-items:center;pointer-events:none} #superior-concept .sc-colour-card-inline .sc-colour-card-actions .sc-chip-compare-icon svg{width:19px;height:19px} #superior-concept .sc-colour-card-solid .sc-swatch-open{background:var(--chip-colour)} #superior-concept .sc-colour-card-solid .sc-swatch-open img{opacity:0} #superior-concept .sc-colour-card-textured .sc-swatch-open:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0008,transparent 35%,transparent 45%,#000b);pointer-events:none} #superior-concept .sc-colour-card-textured .sc-chip-label{z-index:1;text-shadow:0 1px 3px #0006} #superior-concept .sc-colour-card-textured .sc-colour-card-actions{z-index:2;filter:drop-shadow(0 1px 2px #0008)} #superior-concept .sc-colour-card-inline .sc-chip-label small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* Original Renner sample images include printed names at their lower edge. */ #superior-concept .sc-colour-card-inline[data-colour-brand="Renner"] .sc-swatch-open{overflow:hidden} #superior-concept .sc-colour-card-inline[data-colour-brand="Renner"] .sc-swatch-open img{transform:scale(1.4);transform-origin:50% 0} #superior-concept .sc-colour-card-inline[data-colour-brand="Renner"] .sc-chip-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} /* Shared calm hero treatment, scoped to the four simplified page templates. */ body.sc-connected #superior-concept .sc-catalogue .sc-catalogue-hero.sc-simple-hero{display:flex;align-items:center;min-height:520px;height:auto;padding:36px 5% 56px;position:relative;overflow:hidden} body.sc-connected #superior-concept .sc-simple-hero :is(.sc-products-hero-content,.sc-rentals-hero-content,.sc-brands-intro){position:relative;z-index:2;padding:0;width:100%;max-width:650px;margin:0} body.sc-connected #superior-concept .sc-catalogue .sc-simple-hero h1{font-size:clamp(45px,5vw,68px);font-weight:600;line-height:1.04;letter-spacing:-.045em;max-width:650px;margin:18px 0} body.sc-connected #superior-concept .sc-catalogue .sc-simple-hero p{font-size:16px;line-height:1.6;max-width:490px;margin:0 0 24px;color:#f4f3ed} body.sc-connected #superior-concept .sc-simple-hero .sc-breadcrumb{display:inline-block;margin:0 0 32px;font-size:13px} body.sc-connected #superior-concept .sc-simple-hero .sc-eyebrow{display:block;font-size:11px;letter-spacing:1.8px;margin:0} body.sc-connected #superior-concept .sc-simple-hero .sc-cta{background:#ddef9c;color:#17271f;border:1px solid transparent;border-radius:4px;padding:14px 22px;min-height:48px;font-size:14px;line-height:1.4} body.sc-connected #superior-concept .sc-simple-hero:not(.sc-products-hero) :is(.sc-rentals-backdrop,.sc-scene img){object-fit:cover;object-position:65% center;filter:none} body.sc-connected #superior-concept .sc-catalogue .sc-simple-hero:not(.sc-products-hero)::after{background:linear-gradient(100deg,#0a1c16dc 0%,#0a1c16a6 38%,#0a1c1620 75%);pointer-events:none} body.sc-connected #superior-concept .sc-services-content-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0 32px;padding:20px 0;border-top:1px solid #d7d9d0;border-bottom:1px solid #d7d9d0} body.sc-connected #superior-concept .sc-services-content-links a{display:flex;align-items:center;gap:12px;color:#203b2c;text-decoration:none;font-size:16px;min-height:44px} body.sc-connected #superior-concept .sc-services-content-links a:hover{text-decoration:underline;text-underline-offset:4px} body.sc-connected #superior-concept .sc-services-content-links .sc-services-nav-number{color:#5b685e;font-size:11px} body.sc-connected #superior-concept .sc-services-content-links .sc-services-nav-arrow{margin-left:auto} body.sc-connected #superior-concept .sc-service-enquiry-link{margin-top:16px} body.sc-connected #superior-concept .sc-colour-content-actions{display:flex;flex-wrap:wrap;gap:16px 28px;padding:0 5% 28px} body.sc-connected #superior-concept .sc-colour-content-actions a{color:#203b2c;min-height:44px;display:inline-flex;align-items:center;font-size:14px;text-underline-offset:4px} @media(max-width:700px){ body.sc-connected #superior-concept .sc-catalogue .sc-catalogue-hero.sc-simple-hero{min-height:480px;padding:32px 5% 40px} body.sc-connected #superior-concept .sc-catalogue .sc-simple-hero h1{font-size:clamp(36px,9.5vw,45px);max-width:100%} body.sc-connected #superior-concept .sc-catalogue .sc-simple-hero p{font-size:15px;max-width:100%} body.sc-connected #superior-concept .sc-simple-hero .sc-breadcrumb{margin-bottom:24px} body.sc-connected #superior-concept .sc-catalogue .sc-simple-hero:not(.sc-products-hero)::after{background:linear-gradient(90deg,#0a1c16ec,#0a1c1699)} body.sc-connected #superior-concept .sc-services-content-links{grid-template-columns:1fr;gap:8px} } /* Renner supplier samples have embedded labels; show only the unlabelled wood. */ img[src*="/renner-colours/"][src*="-sample-500.png"]{object-view-box:inset(0 0 35% 0);object-fit:cover} #superior-concept .sc-colour-card[data-colour-brand="Renner"] .sc-chip-label{display:none} #superior-concept .sc-colour-card[data-colour-brand="Renner"] figcaption{display:block!important} /* Shared headline scale for colour collections, the hub and colour families. */ body #superior-concept .sc-catalogue:is(.sc-colours,.sc-colour-hub) .sc-catalogue-hero h1, body.sc-connected.sc-cinematic #superior-concept main.sc-catalogue:is(.sc-colours,.sc-colour-hub) .sc-catalogue-hero h1, body.sc-connected #superior-concept main.sc-colour-hub.sc-colours-editorial .sc-colour-hub-hero.sc-simple-hero h1, body #superior-concept .sc-hue-colours .sc-hue-hero h1{font-size:clamp(32px,4.2vw,56px);font-weight:600;line-height:1.08;letter-spacing:-.035em;max-width:700px} /* Public page heroes share one content-sized layout and type scale. */ body:has(#sc-main > :is(.sc-catalogue-hero)) #superior-concept .sc-nav{position:relative;inset:auto} body #superior-concept #sc-main :is(.sc-catalogue-hero,.sc-hub-site-intro){display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:32px;min-height:0!important;height:auto!important;padding:56px 5% 40px!important} body #superior-concept #sc-main :is(.sc-deck-hero-content,.sc-brands-intro,.sc-brand-hero-content,.sc-products-hero-content,.sc-rentals-hero-content,.sc-specialists-hero-content,.sc-hub-intro-copy,.sc-careers-hero > div:first-of-type){position:relative;width:100%;max-width:700px;padding:0;margin:0} body #superior-concept #sc-main :is(.sc-catalogue-hero,.sc-hue-hero,.sc-hub-site-intro) .sc-breadcrumb{display:inline-block;font-size:13px;line-height:1.5;margin:0 0 28px} body #superior-concept #sc-main :is(.sc-catalogue-hero,.sc-hue-hero,.sc-hub-site-intro) .sc-eyebrow{display:block;font-size:11px;line-height:1.5;letter-spacing:1.8px;margin:0} body #superior-concept #sc-main :is(.sc-catalogue-hero,.sc-hue-hero,.sc-hub-site-intro) h1{font-size:clamp(32px,4.2vw,56px)!important;font-weight:600!important;line-height:1.08!important;letter-spacing:-.035em!important;max-width:700px;margin:20px 0 24px!important} body #superior-concept #sc-main :is(.sc-catalogue-hero,.sc-hue-hero,.sc-hub-site-intro) p{font-size:16px!important;line-height:1.6!important;max-width:540px;margin:0 0 28px!important} body #superior-concept #sc-main :is(.sc-catalogue-hero,.sc-hue-hero,.sc-hub-site-intro) .sc-cta{margin:0;min-height:48px;padding:14px 22px;font-size:14px;line-height:1.4;border-radius:4px;gap:16px} body #superior-concept #sc-main :is(.sc-brands-hero-foot,.sc-careers-hero-foot,.sc-specialists-hero-foot){position:relative;inset:auto;width:100%;margin-top:auto;padding:16px 0 0;display:flex;justify-content:space-between;gap:24px;font-size:12px;line-height:1.5} body #superior-concept #sc-main.sc-hue-colours .sc-hue-hero{min-height:0;grid-template-columns:1.1fr 1fr} body #superior-concept #sc-main.sc-hue-colours .sc-hue-hero-copy{padding:56px 9.5% 40px;align-self:start} body #superior-concept #sc-main.sc-brand-catalogue .sc-brand-hero-logo{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:100px;max-width:280px;height:64px;min-height:64px;padding:10px 18px;margin:16px 0 0;flex-shrink:0} body #superior-concept #sc-main.sc-brand-catalogue .sc-brand-hero-logo img{width:auto;height:auto;max-width:210px;max-height:44px;object-fit:contain;object-position:center} body #superior-concept #sc-main.sc-brand-catalogue .sc-brand-hero-logo:is([data-brand-logo="cloverdale-paint"],[data-brand-logo="interlux"]) img{width:180px;height:24px;object-fit:cover} body #superior-concept #sc-main.sc-brand-catalogue .sc-brand-hero-logo .sc-brand-wordmark{font-size:28px;line-height:1.1} body #superior-concept #sc-main.sc-brand-catalogue .sc-brand-hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0;max-width:100%} body #superior-concept #sc-main.sc-brand-catalogue .sc-brand-origin-note{font-size:13px;line-height:1.5;margin:0 0 20px} @media(max-width:900px){ body #superior-concept #sc-main :is(.sc-catalogue-hero,.sc-hub-site-intro){min-height:0!important;height:auto!important;padding:40px 6% 32px!important;gap:28px} body #superior-concept #sc-main :is(.sc-catalogue-hero,.sc-hue-hero,.sc-hub-site-intro) .sc-breadcrumb{margin-bottom:24px} body #superior-concept #sc-main :is(.sc-catalogue-hero,.sc-hue-hero,.sc-hub-site-intro) h1{margin:18px 0 20px!important} body #superior-concept #sc-main :is(.sc-catalogue-hero,.sc-hue-hero,.sc-hub-site-intro) p{font-size:15px!important;margin-bottom:24px!important} body #superior-concept #sc-main :is(.sc-brands-hero-foot,.sc-careers-hero-foot,.sc-specialists-hero-foot){flex-direction:column;gap:8px} body #superior-concept #sc-main.sc-hue-colours .sc-hue-hero{min-height:0;grid-template-columns:1fr} body #superior-concept #sc-main.sc-hue-colours .sc-hue-hero-copy{padding:40px 6% 32px} body #superior-concept #sc-main.sc-hue-colours .sc-hue-room{min-height:240px} body #superior-concept #sc-main.sc-hue-colours .sc-hue-room:not(.sc-page-hero-photo-frame) img{height:240px;object-fit:cover} } /* Page-specific content stays in flow when the surrounding hero shrinks. */ body #superior-concept #sc-main .sc-careers-hero{text-align:left} body #superior-concept #sc-main .sc-careers-hero .sc-eyebrow{justify-content:flex-start} body #superior-concept #sc-main .sc-hub-site-intro .sc-enquiry-hero-actions{margin:0} body #superior-concept #sc-main .sc-hub-site-intro .sc-hub-intro-cta{min-height:48px;margin:0;padding:14px 22px;font-size:14px;line-height:1.4;border-radius:4px} body #superior-concept #sc-main .sc-hub-site-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:stretch} body #superior-concept #sc-main .sc-hub-intro-image{min-height:0;height:auto;position:relative;inset:auto;margin:0} body #superior-concept #sc-main .sc-hub-intro-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} body #superior-concept #sc-main .sc-enquiry-local-note{display:block;margin-top:16px} body #superior-concept #sc-main .sc-planner-hero h1{line-height:1.08!important;letter-spacing:-.035em!important;margin:20px 0 24px!important;font-weight:600} body #superior-concept #sc-main .sc-finder-hero .sc-brands-intro{max-width:48%;min-height:0;justify-content:flex-start} @media(max-width:900px){ body #superior-concept #sc-main .sc-hub-site-intro{grid-template-columns:1fr;gap:28px} body #superior-concept #sc-main .sc-hub-intro-image{height:240px} body #superior-concept #sc-main .sc-planner-hero h1{margin:18px 0 20px!important} } @media(max-width:800px){body #superior-concept #sc-main .sc-finder-hero .sc-brands-intro{max-width:700px}} body #superior-concept #sc-main :is(.sc-product-introduction,.sc-colour-introduction,.sc-colour-detail-heading) h1{font-size:clamp(32px,4.2vw,56px);font-weight:600;line-height:1.08;letter-spacing:-.035em;margin:20px 0 24px} /* Finitec supplies portrait wood samples; show their full grain without enlarging tiny strips. */ #superior-concept .sc-finitec-colours .sc-colour-card>a{padding:12px;background:#fff} #superior-concept .sc-finitec-colours .sc-colour-card img{width:100%;max-width:159px;height:auto;aspect-ratio:auto;object-fit:contain;margin:0 auto} #superior-concept .sc-finitec-colours .sc-swatch-modal{max-width:420px} #superior-concept .sc-finitec-colours #sc-swatch-preview{width:159px;max-width:calc(100% - 48px);height:auto;max-height:none;margin:24px auto 0;background:transparent} /* Compact product actions, matching the colour swatch controls. */ body #superior-concept .sc-catalogue-item .sc-product-card{position:relative} body #superior-concept .sc-catalogue-item .sc-tile-actions{position:absolute;top:12px;right:12px;z-index:3;margin:0;opacity:0;visibility:hidden;transition:opacity .18s ease} body #superior-concept .sc-catalogue-item:is(:hover,:focus-within) .sc-tile-actions{opacity:1;visibility:visible} body #superior-concept .sc-catalogue-item .sc-tile-secondary-actions{display:flex;align-items:center;gap:6px} body #superior-concept .sc-catalogue-item .sc-tile-secondary-actions :is(a,button){display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:34px;padding:7px;border:0;border-radius:50%;background:#f4f3edeb;color:#17271f;box-shadow:0 1px 5px #0002;cursor:pointer} body #superior-concept .sc-catalogue-item .sc-tile-secondary-actions svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5} body #superior-concept .sc-catalogue-item .sc-tile-secondary-actions button[aria-pressed="true"]{background:#d5ed8a} body #superior-concept .sc-catalogue-item [data-save-card-product] button[aria-pressed="true"] svg{fill:currentColor} @media(hover:none){body #superior-concept .sc-catalogue-item .sc-tile-actions{opacity:1;visibility:visible}} /* Search and display choices share one toolbar; filter choices open on demand. */ #superior-concept .sc-products-editorial .sc-filters, #superior-concept .sc-products-editorial .sc-filters:not(:has(.sc-filter-actions>*)){display:grid;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;background:transparent;border:0;box-shadow:none;padding:0;gap:12px;margin-bottom:24px;border-radius:0} #superior-concept .sc-products-editorial .sc-filters .sc-view-switch{grid-column:1;grid-row:1;margin:0;gap:6px} #superior-concept .sc-products-editorial .sc-filters .sc-view-switch button{padding:10px 14px;min-height:42px;white-space:nowrap} #superior-concept .sc-products-editorial .sc-filters>.sc-search{grid-column:2;grid-row:1;width:100%;min-width:0} #superior-concept .sc-products-editorial .sc-filters .sc-search>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #superior-concept .sc-products-editorial .sc-filters .sc-search input{height:42px;min-height:42px;background:#fff} #superior-concept .sc-products-editorial .sc-filters>.sc-filter-toggle{display:block;grid-column:3;grid-row:1;min-height:42px;padding:10px 18px;background:#fff;border:1px solid #58704d30;border-radius:6px;font-size:13px;cursor:pointer} #superior-concept .sc-products-editorial .sc-filter-toggle[aria-expanded="true"]{background:#20372d;color:#fff} #superior-concept .sc-products-editorial .sc-filters .sc-filter-extras{display:none;grid-column:1/-1;padding:14px;background:#e9ede3;border:1px solid #60765538;border-radius:8px} #superior-concept .sc-products-editorial .sc-filters.sc-filters-open .sc-filter-extras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} #superior-concept .sc-products-editorial .sc-filters>.sc-filter-actions{display:none;grid-column:1/-1} #superior-concept .sc-products-editorial .sc-filters.sc-filters-open>.sc-filter-actions:not(:empty){display:flex} #superior-concept .sc-products-editorial .sc-results-heading{margin-top:0;margin-bottom:18px} @media(max-width:700px){#superior-concept .sc-products-editorial .sc-filters,#superior-concept .sc-products-editorial .sc-filters:not(:has(.sc-filter-actions>*)){grid-template-columns:1fr auto;gap:8px}#superior-concept .sc-products-editorial .sc-filters>.sc-search{grid-column:1/-1;grid-row:1}#superior-concept .sc-products-editorial .sc-filters .sc-view-switch{grid-row:2}#superior-concept .sc-products-editorial .sc-filters>.sc-filter-toggle{grid-column:2;grid-row:2}#superior-concept .sc-products-editorial .sc-filters.sc-filters-open .sc-filter-extras{grid-template-columns:1fr}} #superior-concept .sc-products-editorial .sc-filters.sc-filters-open{margin-bottom:calc(24px + var(--sc-drawer-space,0px))} #superior-concept .sc-products-editorial .sc-filters .sc-view-switch button{background:#fff;color:#20372d} #superior-concept .sc-products-editorial .sc-filters .sc-view-switch button[aria-pressed="true"]{background:#20372d;color:#fff} #superior-concept .sc-products-editorial .sc-filters>.sc-filter-toggle{color:#20372d} #superior-concept .sc-products-editorial .sc-filters>.sc-filter-toggle[aria-expanded="true"]{background:#20372d;color:#fff} /* Shared catalogue display icons with hover and keyboard-focus explanations. */ #superior-concept .sc-products-editorial .sc-filters .sc-view-switch button{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:9px} #superior-concept .sc-view-switch button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none} #superior-concept .sc-view-tooltip{position:absolute;bottom:calc(100% + 10px);left:0;width:max-content;padding:8px 11px;border-radius:7px;background:#20372d;color:#fff;font-size:12px;font-weight:400;line-height:1.4;box-shadow:0 3px 12px #0002;opacity:0;visibility:hidden;pointer-events:none;z-index:30;transition:opacity .15s} #superior-concept .sc-view-tooltip:after{content:'';position:absolute;top:100%;left:17px;border:5px solid transparent;border-top-color:#20372d} #superior-concept .sc-view-switch button:hover .sc-view-tooltip,#superior-concept .sc-view-switch button:focus-visible .sc-view-tooltip{opacity:1;visibility:visible} @media(prefers-reduced-motion:reduce){#superior-concept .sc-view-tooltip{transition:none}} #superior-concept .sc-products-editorial .sc-filters>.sc-filter-toggle{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px} #superior-concept .sc-filter-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round} #superior-concept .sc-filter-icon circle{fill:#fff} #superior-concept .sc-filter-toggle[aria-expanded="true"] .sc-filter-icon circle{fill:#20372d} #superior-concept .sc-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 5px;box-sizing:border-box;border-radius:50px;background:#e7eddc;color:#20372d;font-size:11px;font-weight:600;line-height:1} /* Give every product listing room for readable names. */ #superior-concept .sc-products-editorial:not(.sc-compact-catalogue) .sc-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px} #superior-concept .sc-product-grid .sc-product-card-copy{padding:24px} #superior-concept .sc-product-grid .sc-product-summary-link h3{font-size:20px;line-height:1.4;margin:12px 0 16px;letter-spacing:-.025em} #superior-concept .sc-product-grid .sc-product-summary-link>p{display:block;margin:0 0 12px;font-size:11px;line-height:1.45;color:#687064;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #superior-concept .sc-product-grid .sc-product-card-copy>p{margin:0 0 12px} @media(max-width:1100px){#superior-concept .sc-products-editorial:not(.sc-compact-catalogue) .sc-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:850px){#superior-concept .sc-products-editorial:not(.sc-compact-catalogue) .sc-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}} @media(max-width:480px){#superior-concept .sc-products-editorial:not(.sc-compact-catalogue) .sc-product-grid{grid-template-columns:1fr}}#superior-concept .sc-products-editorial:not(.sc-compact-catalogue) .sc-product-image{height:220px;padding:10px} #superior-concept .sc-products-editorial:not(.sc-compact-catalogue) .sc-product-image img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain} @media(max-width:480px){#superior-concept .sc-products-editorial:not(.sc-compact-catalogue) .sc-product-image{height:250px;padding:12px}} #superior-concept .sc-products-editorial .sc-filter-extras>.sc-clear-filters{grid-column:1/-1;justify-self:end;min-height:36px;padding:8px 12px;border:1px solid #58704d30;border-radius:6px;background:#fff;color:#20372d;font-size:13px;cursor:pointer} #superior-concept .sc-products-editorial .sc-filter-extras>.sc-clear-filters[hidden]{display:none} #superior-concept .sc-products-editorial .sc-filter-extras>.sc-clear-filters:hover{background:#f3f5ed} /* Product details share the catalogue's quiet, spacious presentation. */ #superior-concept .sc-product-editorial .sc-product-showcase{gap:clamp(28px,5vw,72px);align-items:center;margin-bottom:28px} #superior-concept .sc-product-editorial .sc-product-introduction h1{font-size:clamp(34px,4.2vw,60px);line-height:1.1;margin:18px 0 20px} #superior-concept .sc-product-editorial .sc-product-lead{font-size:16px;line-height:1.75;color:#526052;margin:0 0 26px;max-width:580px} body.sc-connected #superior-concept .sc-product-detail.sc-product-editorial .sc-detail-image{padding:28px;border-radius:14px;min-height:420px;border:1px solid #20372b0c} body.sc-connected #superior-concept .sc-product-detail.sc-product-editorial .sc-detail-image img{max-height:350px} #superior-concept .sc-product-editorial .sc-product-actions{padding-top:20px;gap:20px} #superior-concept .sc-product-editorial .sc-product-selection-actions button{border-radius:8px;padding:11px 14px;background:transparent;border:1px solid #20372b30;color:#20372b} #superior-concept .sc-product-editorial .sc-product-selection-actions button[aria-pressed=true]{background:#20372b;color:#fff} #superior-concept .sc-product-editorial .sc-product-enquiry-actions{padding:0;border:0;border-radius:0;background:transparent;align-items:center;gap:16px} #superior-concept .sc-product-editorial .sc-product-enquiry-actions .sc-cta{border-radius:8px;background:#20372b;color:#fff;padding:14px 18px} #superior-concept .sc-product-colour-link{font-size:13px;margin:24px 0} #superior-concept .sc-product-detail-nav{margin:28px 0 0;padding:0;gap:28px} #superior-concept .sc-product-detail-nav a{border:0;border-radius:0;background:transparent;padding:18px 0;font-size:13px;border-bottom:2px solid transparent} #superior-concept .sc-product-detail-nav a:hover{background:transparent;border-bottom-color:#20372b} #superior-concept .sc-product-editorial .sc-detail-layout{gap:clamp(30px,5vw,72px);margin-top:40px} #superior-concept .sc-product-editorial .sc-product-information{padding:0;background:transparent;border:0;border-radius:0} #superior-concept .sc-product-information h2{font-size:26px;letter-spacing:-.03em;margin:36px 0 20px} #superior-concept .sc-product-information li{font-size:15px;line-height:1.7;margin-bottom:8px} #superior-concept .sc-product-editorial .sc-detail-layout aside{background:#fff;color:#20372b;border:1px solid #20372b18;border-radius:14px;padding:26px;top:110px} #superior-concept .sc-product-editorial .sc-detail-layout aside h2{color:#20372b;font-size:25px;line-height:1.2} #superior-concept .sc-product-editorial .sc-detail-layout aside p{color:#526052;line-height:1.7} #superior-concept .sc-product-editorial .sc-detail-layout aside .sc-cta{border-radius:8px;background:#20372b;color:#fff;padding:14px 18px} #superior-concept .sc-product-editorial :is(#sc-product-overview,#sc-product-specs,#sc-product-docs){scroll-margin-top:120px} @media(max-width:900px){#superior-concept .sc-product-editorial .sc-detail-layout aside{position:static}} @media(max-width:600px){body.sc-connected #superior-concept .sc-product-detail.sc-product-editorial .sc-detail-image{min-height:300px;padding:20px}#superior-concept .sc-product-editorial .sc-product-enquiry-actions{align-items:flex-start}#superior-concept .sc-product-detail-nav{gap:20px}#superior-concept .sc-product-detail-nav a{padding:14px 0}} body.sc-connected #superior-concept .sc-product-detail.sc-product-editorial .sc-detail-image{padding:16px} body.sc-connected #superior-concept .sc-product-detail.sc-product-editorial .sc-detail-image img{width:100%;height:390px;max-height:390px;object-fit:contain} @media(max-width:600px){body.sc-connected #superior-concept .sc-product-detail.sc-product-editorial .sc-detail-image{padding:12px}body.sc-connected #superior-concept .sc-product-detail.sc-product-editorial .sc-detail-image img{height:300px;max-height:300px}} /* Applications stay quiet and readable without overlays. */ #superior-concept .sc-product-grid .sc-product-summary-link>.sc-product-applications{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis;margin:0 0 12px;font-size:11px;line-height:1.5;color:#687064;overflow-wrap:break-word} /* Document cards follow the formats and options presentation. */ #superior-concept .sc-product-documents{margin:36px 0;padding:26px 0;border-block:1px solid #20372b24} #superior-concept .sc-product-documents>h2{margin:0 0 12px;font-size:28px} #superior-concept .sc-product-documents>p{font-size:14px;line-height:1.65;margin-bottom:22px} #superior-concept .sc-document-group-heading{font-size:14px;font-weight:600;color:#526052;margin:24px 0 14px} #superior-concept .sc-product-editorial .sc-document-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;padding:0;list-style:none;margin:14px 0 22px} #superior-concept .sc-product-editorial .sc-document-list li{padding:0;margin:0;border:0;min-width:0} #superior-concept .sc-document-list a{display:flex;flex-direction:column;gap:12px;height:100%;padding:18px;border:1px solid #20372b20;border-radius:8px;background:#fff;color:#20372b;text-decoration:none;transition:border-color .2s ease,background .2s ease} #superior-concept .sc-document-list a:hover{border-color:#617b4d;background:#fafbf6} #superior-concept .sc-document-list strong{font-size:15px;line-height:1.4;overflow-wrap:anywhere} #superior-concept .sc-document-meta{font-size:11px;color:#65705f} #superior-concept .sc-document-action{margin-top:auto;padding-top:12px;border-top:1px solid #20372b18;font-size:11px;font-weight:600} #superior-concept .sc-product-documents .sc-product-resources{padding:0;background:transparent;border-radius:12px;overflow:hidden} #superior-concept .sc-product-documents .sc-product-resources>summary{padding:15px 19px;background:#f6f7f2;min-height:56px} #superior-concept .sc-product-documents .sc-product-resources .sc-document-list{padding:16px;margin:0} #superior-concept .sc-document-list a:focus-visible{outline:2px solid #64865c;outline-offset:3px} @media(max-width:480px){#superior-concept .sc-product-editorial .sc-document-list{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-document-list a{transition:none}} /* Manufacturer-style product layout, adapted to Superior Coatings. */ body.sc-connected #superior-concept .sc-product-reference{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(36px,7vw,100px);row-gap:0;padding:36px 6% 80px;align-items:start;background:#f7f8f4} #superior-concept .sc-product-reference>.sc-breadcrumb,#superior-concept .sc-product-reference>.sc-catalogue-return{grid-column:1/-1;margin-bottom:44px} #superior-concept .sc-product-reference .sc-product-showcase,#superior-concept .sc-product-reference .sc-detail-layout{display:contents} #superior-concept .sc-product-reference .sc-product-visual{grid-column:1;grid-row:2/span 100;position:sticky;top:120px;align-self:start;max-height:calc(100vh - 145px);padding:0;border:0;border-radius:20px;background:#fff;box-shadow:none} #superior-concept .sc-product-reference .sc-product-introduction,#superior-concept .sc-product-reference>.sc-product-family-options,#superior-concept .sc-product-reference>.sc-product-colour-link,#superior-concept .sc-product-reference>.sc-product-detail-nav,#superior-concept .sc-product-reference .sc-product-information,#superior-concept .sc-product-reference .sc-detail-layout>aside,#superior-concept .sc-product-reference>section{grid-column:2;min-width:0} body.sc-connected #superior-concept .sc-product-detail.sc-product-editorial.sc-product-reference .sc-detail-image{min-height:460px;padding:30px;border:0;border-radius:20px;height:min(580px,calc(100vh - 145px))} body.sc-connected #superior-concept .sc-product-detail.sc-product-editorial.sc-product-reference .sc-detail-image img{width:100%;height:100%;max-height:480px;object-fit:contain} #superior-concept .sc-product-reference .sc-product-introduction h1{font-size:clamp(30px,3vw,42px);font-weight:400;letter-spacing:-.035em;line-height:1.12;margin:16px 0 26px} #superior-concept .sc-product-reference .sc-product-lead{font-size:15px;line-height:1.55;color:#28322c;margin-bottom:26px} #superior-concept .sc-product-reference .sc-eyebrow{font-size:10px;letter-spacing:1.5px} #superior-concept .sc-product-reference .sc-product-actions{border:0;padding-top:0;gap:20px} #superior-concept .sc-product-reference .sc-product-enquiry-actions{flex-direction:column;align-items:flex-start;gap:12px} #superior-concept .sc-product-reference .sc-product-enquiry-actions .sc-cta{border-radius:30px;padding:15px 25px;font-size:14px;min-width:220px;justify-content:center} #superior-concept .sc-product-reference .sc-product-selection-actions{gap:10px} #superior-concept .sc-product-reference .sc-product-selection-actions button{font-size:11px;padding:9px 12px;border-radius:24px} #superior-concept .sc-product-reference .sc-stock-label{font-size:12px;color:#65705f} #superior-concept .sc-product-reference .sc-product-detail-nav{margin:30px 0 0;gap:18px} #superior-concept .sc-product-reference .sc-product-detail-nav a{font-size:11px;padding:14px 0} #superior-concept .sc-product-reference .sc-product-family-options{margin:0;padding:24px 0;border-top:0} #superior-concept .sc-product-reference .sc-family-options-heading{display:block} #superior-concept .sc-product-reference .sc-family-options-heading h2,#superior-concept .sc-product-reference .sc-product-information h2{font-size:24px;font-weight:400;letter-spacing:-.025em} #superior-concept .sc-product-reference .sc-family-options-count{display:block;margin-top:12px} #superior-concept .sc-product-reference .sc-family-option-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))} #superior-concept .sc-product-reference .sc-family-option-list>li>a{padding:15px} #superior-concept .sc-product-reference .sc-product-information{margin-top:20px} #superior-concept .sc-product-reference .sc-product-information p,#superior-concept .sc-product-reference .sc-product-information li{font-size:14px;line-height:1.65} #superior-concept .sc-product-reference .sc-product-fold{border-bottom:1px solid #20372b26;padding:0;background:transparent;scroll-margin-top:115px} #superior-concept .sc-product-reference .sc-product-fold>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none;padding:21px 0;font-size:18px;font-weight:400;letter-spacing:-.02em;cursor:pointer} #superior-concept .sc-product-reference .sc-product-fold>summary::-webkit-details-marker{display:none} #superior-concept .sc-product-reference .sc-product-fold>summary::after{content:'+';font-size:24px;line-height:1} #superior-concept .sc-product-reference .sc-product-fold[open]>summary::after{content:'−'} #superior-concept .sc-product-reference .sc-product-fold-body{padding:0 0 22px} #superior-concept .sc-product-reference .sc-product-fold-body h2{display:none} #superior-concept .sc-product-reference .sc-product-fold-body dl{font-size:13px} #superior-concept .sc-product-reference .sc-document-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))} #superior-concept .sc-product-reference .sc-detail-layout>aside{position:static;margin-top:32px;padding:24px;background:transparent;border:0;border-top:1px solid #20372b26;border-radius:0} #superior-concept .sc-product-reference .sc-detail-layout>aside h2{font-size:22px;font-weight:400} #superior-concept .sc-product-reference .sc-detail-layout>aside p:last-child{display:none} #superior-concept .sc-product-reference .sc-detail-layout>aside .sc-cta{border-radius:30px;background:transparent;color:#20372b;border:1px solid #20372b40} @media(max-width:900px){body.sc-connected #superior-concept .sc-product-reference{column-gap:32px;padding-inline:5%}#superior-concept .sc-product-reference .sc-product-visual{top:100px}body.sc-connected #superior-concept .sc-product-detail.sc-product-editorial.sc-product-reference .sc-detail-image{min-height:350px;height:430px;padding:18px}} @media(max-width:700px){body.sc-connected #superior-concept .sc-product-reference{display:block;padding:24px 6% 65px}#superior-concept .sc-product-reference .sc-product-visual{position:static;margin:24px 0 30px;max-height:none}body.sc-connected #superior-concept .sc-product-detail.sc-product-editorial.sc-product-reference .sc-detail-image{height:340px;min-height:0}#superior-concept .sc-product-reference .sc-product-introduction h1{font-size:32px}#superior-concept .sc-product-reference .sc-family-option-list{grid-template-columns:repeat(2,minmax(0,1fr))}#superior-concept .sc-product-reference .sc-detail-layout>aside{margin-top:28px}} @media print{body.sc-connected #superior-concept .sc-product-reference{display:block}#superior-concept .sc-product-reference .sc-product-visual{position:static}} #superior-concept .sc-product-reference .sc-product-selection-actions button:hover{background:#e4eadb;color:#17271f;border-color:#6b805e;opacity:1} #superior-concept .sc-product-reference .sc-product-selection-actions button[aria-pressed=true]:hover{background:#395442;color:#fff;border-color:#395442} #superior-concept .sc-product-reference .sc-product-enquiry-actions .sc-cta:hover,#superior-concept .sc-product-reference .sc-detail-layout>aside .sc-cta:hover{background:#dbea88;color:#17271f;border-color:#dbea88;opacity:1} #superior-concept .sc-product-reference .sc-family-option-list>li>a:hover{background:#f0f3e9;color:#20372b} #superior-concept .sc-product-reference .sc-family-option-list>li>a[aria-current="page"]:hover{background:#395442;color:#fff} /* Match the tallest product in each row as names and applications wrap. */ #superior-concept .sc-products-editorial .sc-product-grid{align-items:stretch} #superior-concept .sc-products-editorial .sc-product-grid>.sc-catalogue-item{display:flex;flex-direction:column;align-self:stretch;min-width:0} #superior-concept .sc-products-editorial .sc-catalogue-item>.sc-product-card{flex:1 1 auto;width:100%;box-sizing:border-box;align-self:stretch} #superior-concept .sc-product-grid .sc-product-summary-link>.sc-product-applications{min-height:3em} /* Share the name track within each card row so application lines align. */ @supports(grid-template-rows:subgrid){ #superior-concept .sc-products-editorial .sc-product-grid>.sc-catalogue-item{display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:0} #superior-concept .sc-products-editorial .sc-catalogue-item>.sc-product-card{display:grid;grid-row:1/-1;grid-template-rows:subgrid;row-gap:0} #superior-concept .sc-products-editorial .sc-product-card>.sc-product-card-copy{display:grid;grid-row:2/-1;grid-template-rows:subgrid;row-gap:0;padding:24px} #superior-concept .sc-products-editorial .sc-product-card-copy>.sc-product-summary-link{display:grid;grid-row:2/5;grid-template-rows:subgrid;row-gap:0;align-content:start} #superior-concept .sc-products-editorial .sc-product-summary-link>.sc-product-brand{grid-row:1} #superior-concept .sc-products-editorial .sc-product-summary-link>h3{grid-row:2;align-self:start} #superior-concept .sc-products-editorial .sc-product-summary-link>.sc-product-applications{grid-row:3;align-self:start} #superior-concept .sc-products-editorial .sc-product-card-copy>p:not(.sc-image-caption){grid-row:5} #superior-concept .sc-products-editorial .sc-product-card-copy>.sc-image-caption{grid-row:1} #superior-concept .sc-compact-catalogue .sc-catalogue-item>.sc-product-card{grid-template-columns:125px minmax(0,1fr)} #superior-concept .sc-compact-catalogue .sc-product-card>.sc-product-card-copy{grid-column:2;grid-row:1/-1;padding:4px 0} @media(max-width:700px){#superior-concept .sc-compact-catalogue .sc-catalogue-item>.sc-product-card{grid-template-columns:78px minmax(0,1fr)}} } #superior-concept .sc-product-reference>.sc-product-formats-fold{grid-column:2;min-width:0} #superior-concept .sc-product-reference .sc-product-formats-fold .sc-family-options-heading{margin:0 0 18px} #superior-concept .sc-product-reference .sc-product-formats-fold .sc-family-options-count{font-size:11px} /* One opaque surface for catalogue tools, including the sticky scrolling state. */ body.sc-connected #superior-concept .sc-products-editorial .sc-filters, body.sc-connected #superior-concept .sc-products-editorial .sc-filters:not(:has(.sc-filter-actions>*)){ background:#e9ede3;border:1px solid #cdd6c5;border-radius:12px;padding:14px;box-shadow:0 5px 18px #17271f12;isolation:isolate; } body.sc-connected #superior-concept .sc-products-editorial .sc-filters .sc-filter-extras{ background:#e9ede3;border:0;border-top:1px solid #cdd6c5;border-radius:0;padding:14px 0 0; } body.sc-connected #superior-concept .sc-products-editorial .sc-filters :is(input,select){background:#fff;border:1px solid #cdd6c5} @media(min-width:901px){body.sc-connected #superior-concept .sc-products-editorial .sc-filters{top:12px}} /* Compact lists use a short image-and-text row with readable application text. */ #superior-concept .sc-products-editorial .sc-compact-catalogue .sc-product-grid{gap:8px} #superior-concept .sc-products-editorial .sc-compact-catalogue .sc-catalogue-item{display:flex;grid-row:auto;grid-template-rows:none} #superior-concept .sc-products-editorial .sc-compact-catalogue .sc-catalogue-item>.sc-product-card{display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-rows:auto;grid-row:auto;gap:12px;min-height:0;padding:10px 14px;align-items:center;border-radius:10px} #superior-concept .sc-compact-catalogue .sc-product-card>.sc-product-image-link{grid-column:1;grid-row:1;height:80px;margin:0} #superior-concept .sc-compact-catalogue .sc-product-card .sc-product-image{height:80px!important;padding:4px!important;margin:0} #superior-concept .sc-products-editorial .sc-compact-catalogue .sc-product-card>.sc-product-card-copy{display:flex;grid-column:2;grid-row:1;grid-template-rows:none;padding:0;min-width:0} #superior-concept .sc-products-editorial .sc-compact-catalogue .sc-product-card-copy>.sc-product-summary-link{display:block;grid-template-rows:none;grid-row:auto} #superior-concept .sc-compact-catalogue .sc-product-summary-link>h3{font-size:17px;line-height:1.3;margin:4px 0 6px} #superior-concept .sc-compact-catalogue .sc-product-summary-link>.sc-product-applications{font-size:11px;line-height:1.5;min-height:0;margin:0} #superior-concept .sc-compact-catalogue .sc-product-card-copy>p{font-size:11px;margin:5px 0 0} @media(max-width:700px){#superior-concept .sc-products-editorial .sc-compact-catalogue .sc-catalogue-item>.sc-product-card{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:10px}#superior-concept .sc-compact-catalogue .sc-product-card>.sc-product-image-link,#superior-concept .sc-compact-catalogue .sc-product-card .sc-product-image{height:64px!important}} body #superior-concept .sc-products-editorial .sc-results.sc-compact-catalogue .sc-product-grid{grid-template-columns:1fr;gap:8px} #superior-concept .sc-products-editorial .sc-compact-catalogue .sc-product-card>.sc-product-image-link{grid-row:1;grid-column:1;height:80px} @media(max-width:700px){#superior-concept .sc-products-editorial .sc-compact-catalogue .sc-product-card>.sc-product-image-link{height:64px}} #superior-concept .sc-product-reference{overflow-anchor:none} /* Equal compact rows grow only as much as the longest visible product needs. */ body #superior-concept .sc-products-editorial .sc-results.sc-compact-catalogue .sc-product-grid{grid-auto-rows:1fr} #superior-concept .sc-products-editorial .sc-compact-catalogue .sc-catalogue-item>.sc-product-card{height:100%;align-content:center} /* Keep catalogue tools to one compact row until filters are requested. */ body.sc-connected #superior-concept .sc-products-editorial .sc-filters, body.sc-connected #superior-concept .sc-products-editorial .sc-filters:not(:has(.sc-filter-actions>*)){grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:10px;gap:10px} body.sc-connected #superior-concept .sc-products-editorial .sc-filters>.sc-filter-toggle{display:flex;grid-column:3;grid-row:1;align-items:center;gap:8px;min-height:42px} body.sc-connected #superior-concept .sc-products-editorial .sc-filters .sc-search>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} body.sc-connected #superior-concept .sc-products-editorial .sc-filters:not(.sc-filters-open) .sc-filter-extras, body.sc-connected #superior-concept .sc-products-editorial .sc-filters:not(.sc-filters-open)>.sc-filter-actions{display:none} body.sc-connected #superior-concept .sc-products-editorial .sc-filters.sc-filters-open .sc-filter-extras{display:grid;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} @media(max-width:700px){body.sc-connected #superior-concept .sc-products-editorial .sc-filters,body.sc-connected #superior-concept .sc-products-editorial .sc-filters:not(:has(.sc-filter-actions>*)){grid-template-columns:auto minmax(0,1fr) auto;gap:6px}body.sc-connected #superior-concept .sc-products-editorial .sc-filters>.sc-search{grid-column:2;grid-row:1}body.sc-connected #superior-concept .sc-products-editorial .sc-filters .sc-view-switch{grid-column:1;grid-row:1}body.sc-connected #superior-concept .sc-products-editorial .sc-filters.sc-filters-open .sc-filter-extras{grid-template-columns:1fr}body.sc-connected #superior-concept .sc-products-editorial .sc-filters>.sc-filter-toggle>span:not(.sc-filter-count){display:none}} #superior-concept .sc-product-reference .sc-product-fold>summary{scroll-margin-top:120px} /* Keep compact-list text at shared positions even when names wrap. */ #superior-concept .sc-products-editorial .sc-compact-catalogue .sc-catalogue-item>.sc-product-card{align-content:start;align-items:start} #superior-concept .sc-compact-catalogue .sc-product-summary-link>.sc-product-brand{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:15px} #superior-concept .sc-compact-catalogue .sc-product-summary-link>h3{min-height:var(--sc-compact-name-height,0px)} /* These panels use the coordinated height animation, avoiding a second native transition. */ #superior-concept .sc-product-reference .sc-product-fold::details-content{transition:none} body.sc-connected #superior-concept .sc-products-editorial .sc-selected-filter-chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px} body.sc-connected #superior-concept .sc-products-editorial .sc-selected-filter-chips[hidden]{display:none} body.sc-connected #superior-concept .sc-products-editorial .sc-selected-filter-chip{display:inline-flex;align-items:center;gap:10px;width:auto;min-height:28px;padding:4px 10px;border:1px solid #c2ccb9;border-radius:20px;background:#f7f8f3;color:#20372d;font-size:12px;line-height:1.3;cursor:pointer} body.sc-connected #superior-concept .sc-products-editorial .sc-selected-filter-chip:hover{background:#dce6cf} body.sc-connected #superior-concept .sc-products-editorial .sc-selected-filter-chip span:last-child{font-size:17px;line-height:1} #superior-concept .sc-product-reference .sc-product-fold>summary{font-size:20px;transition:background-color .2s ease,color .2s ease,padding .2s ease} #superior-concept .sc-product-reference .sc-product-fold>summary:hover{background:#20372b08;color:#294c36;padding-left:12px;padding-right:12px} #superior-concept .sc-product-reference .sc-product-fold>summary:focus-visible{outline:2px solid #64865c;outline-offset:-2px;background:#20372b08} @media(max-width:600px){#superior-concept .sc-product-reference .sc-product-fold>summary{font-size:19px}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-product-reference .sc-product-fold>summary{transition:none}} /* A single vertical stroke rotates away as the disclosure opens. */ #superior-concept .sc-product-reference .sc-product-fold>summary{position:relative;padding-right:32px} #superior-concept .sc-product-reference .sc-product-fold>summary::after{content:'';position:absolute;right:8px;top:50%;width:14px;height:2px;background:currentColor;transform:translateY(-50%);transition:transform .28s ease} #superior-concept .sc-product-reference .sc-product-fold>summary::before{content:'';position:absolute;right:8px;top:50%;width:14px;height:2px;background:currentColor;transform:translateY(-50%) rotate(90deg);opacity:1;transition:transform .28s ease,opacity .28s ease} #superior-concept .sc-product-reference .sc-product-fold[open]>summary::after{content:''} #superior-concept .sc-product-reference .sc-product-fold[open]>summary::before{transform:translateY(-50%) rotate(0deg);opacity:0} #superior-concept .sc-product-reference .sc-product-fold>summary:hover{padding-right:32px} #superior-concept .sc-product-reference .sc-detail-layout>aside{border-top:0;margin-top:0} @media(prefers-reduced-motion:reduce){#superior-concept .sc-product-reference .sc-product-fold>summary::before,#superior-concept .sc-product-reference .sc-product-fold>summary::after{transition:none}} #superior-concept .sc-product-reference .sc-product-fold.is-closing>summary::before{transform:translateY(-50%) rotate(90deg);opacity:1} #superior-concept .sc-product-reference .sc-product-nested-fold::details-content{transition:none} #superior-concept .sc-product-reference .sc-product-nested-fold>summary{position:relative;display:flex;align-items:center;gap:12px;list-style:none;padding-right:42px;cursor:pointer;transition:background-color .2s ease} #superior-concept .sc-product-reference .sc-product-nested-fold>summary::-webkit-details-marker{display:none} #superior-concept .sc-product-reference .sc-product-nested-fold>summary::after,#superior-concept .sc-product-reference .sc-product-nested-fold>summary::before{content:'';position:absolute;right:18px;top:50%;width:12px;height:2px;background:currentColor;transform:translateY(-50%);margin:0;transition:transform .28s ease,opacity .28s ease} #superior-concept .sc-product-reference .sc-product-nested-fold>summary::before{transform:translateY(-50%) rotate(90deg);opacity:1} #superior-concept .sc-product-reference .sc-product-nested-fold[open]>summary::before{transform:translateY(-50%) rotate(0deg);opacity:0} #superior-concept .sc-product-reference .sc-product-nested-fold.is-closing>summary::before{transform:translateY(-50%) rotate(90deg);opacity:1} #superior-concept .sc-product-reference .sc-product-nested-fold>summary:hover{background:#edf0e6} #superior-concept .sc-product-reference .sc-product-nested-fold>summary:focus-visible{outline:2px solid #64865c;outline-offset:-2px} @media(prefers-reduced-motion:reduce){#superior-concept .sc-product-reference .sc-product-nested-fold>summary,#superior-concept .sc-product-reference .sc-product-nested-fold>summary::before,#superior-concept .sc-product-reference .sc-product-nested-fold>summary::after{transition:none}} #superior-concept .sc-product-reference .sc-product-nested-fold[open]>summary::after{content:''} @media(max-width:700px){ #superior-concept .sc-compact-catalogue .sc-product-summary-link>h3{font-size:16px;line-height:1.4} #superior-concept .sc-compact-catalogue .sc-product-summary-link>.sc-product-applications{font-size:12px;line-height:1.5} body #superior-concept .sc-compact-catalogue .sc-catalogue-item .sc-tile-actions{position:static;align-self:flex-end;opacity:1;visibility:visible;margin:8px 0 0} body #superior-concept .sc-compact-catalogue .sc-tile-secondary-actions :is(a,button){width:30px;height:30px;padding:6px} } #superior-concept .sc-product-reference .sc-product-nested-fold{padding:0} #superior-concept .sc-product-reference .sc-product-nested-fold>summary{padding:15px 42px 15px 19px;min-height:56px;background:#f6f7f2} #superior-concept .sc-product-reference .sc-product-nested-fold>.sc-product-resources{margin:14px 16px} #superior-concept .sc-product-reference .sc-product-nested-fold>.sc-document-list{padding:16px;margin:0} /* A two-line name slot keeps phone lists aligned without oversized blank gaps. */ @media(max-width:700px){ #superior-concept .sc-compact-catalogue .sc-product-summary-link>h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:2.8em;height:2.8em;margin:3px 0 5px} #superior-concept .sc-compact-catalogue .sc-product-summary-link>.sc-product-applications{min-height:3em;margin:0} body #superior-concept .sc-compact-catalogue .sc-catalogue-item .sc-tile-actions{margin:4px 0 0;padding:0;border:0;min-height:0} body #superior-concept .sc-compact-catalogue .sc-tile-secondary-actions{margin:0;padding:0;border:0;gap:5px} body #superior-concept .sc-compact-catalogue .sc-tile-secondary-actions :is(a,button){width:26px;height:26px;padding:4px} #superior-concept .sc-compact-catalogue .sc-product-card-copy>p{margin:3px 0 0} } /* Anchor compact-list actions consistently across equal-height rows. */ body #superior-concept .sc-compact-catalogue .sc-catalogue-item .sc-tile-actions{position:absolute;top:auto;bottom:10px;right:14px;margin:0;padding:0;border:0} @media(min-width:701px){#superior-concept .sc-products-editorial .sc-compact-catalogue .sc-product-card>.sc-product-card-copy{padding-right:125px}} @media(max-width:700px){ #superior-concept .sc-products-editorial .sc-compact-catalogue .sc-catalogue-item>.sc-product-card{padding-bottom:42px} body #superior-concept .sc-compact-catalogue .sc-catalogue-item .sc-tile-actions{bottom:8px;right:10px} } #superior-concept .sc-product-reference .sc-product-nested-fold>summary{font-size:16px;font-weight:500;line-height:1.4;transition:background-color .2s ease,color .2s ease,padding .2s ease} #superior-concept .sc-product-reference .sc-product-nested-fold>summary:hover{background:#20372b08;color:#294c36;padding-left:25px;padding-right:42px} @media(max-width:600px){#superior-concept .sc-product-reference .sc-product-nested-fold>summary{font-size:15px}} @media(prefers-reduced-motion:reduce){#superior-concept .sc-product-reference .sc-product-nested-fold>summary{transition:none}} /* Small action hints, available on hover and keyboard focus. */ body #superior-concept .sc-catalogue-item .sc-tile-secondary-actions :is(a,button)[title]{position:relative} body #superior-concept .sc-catalogue-item .sc-tile-secondary-actions :is(a,button)[title]:after{content:attr(title);position:absolute;bottom:calc(100% + 7px);right:0;width:max-content;max-width:190px;padding:6px 9px;border-radius:6px;background:#20372d;color:#fff;font-size:11px;font-weight:400;line-height:1.4;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;z-index:40;box-shadow:0 2px 8px #0002} body #superior-concept .sc-catalogue-item .sc-tile-secondary-actions :is(a,button)[title]:is(:hover,:focus-visible):after{opacity:1;visibility:visible} body #superior-concept .sc-catalogue-item .sc-product-card:has(.sc-tile-secondary-actions :is(a,button):is(:hover,:focus-visible)){overflow:visible} @media(hover:none) and (pointer:coarse), (max-width:700px){ body #superior-concept .sc-catalogue-item .sc-tile-secondary-actions :is(a,button)[title]:after{content:attr(title) ' · Tap again';max-width:180px} body #superior-concept .sc-catalogue-item .sc-tile-secondary-actions [data-action-hint-open]:after{opacity:1;visibility:visible} body #superior-concept .sc-catalogue-item .sc-product-card:has([data-action-hint-open]){overflow:visible} body #superior-concept .sc-catalogue-item .sc-tile-secondary-actions [data-action-hint-open]{background:#d5ed8a;outline:2px solid #547349;outline-offset:2px} } @media(hover:none) and (pointer:coarse), (max-width:700px){ body #superior-concept .sc-catalogue-item .sc-tile-secondary-actions :is(a,button)[title]:not([data-action-hint-open]):is(:hover,:focus-visible):after{opacity:0;visibility:hidden} } /* Fade touch hints gently, including their timed dismissal. */ @media(hover:none) and (pointer:coarse), (max-width:700px){ body #superior-concept .sc-catalogue-item .sc-tile-secondary-actions :is(a,button)[title]:after{transition:opacity 220ms ease,visibility 0s linear 220ms} body #superior-concept .sc-catalogue-item .sc-tile-secondary-actions [data-action-hint-open]:after{transition-delay:0s} } @media(prefers-reduced-motion:reduce){body #superior-concept .sc-catalogue-item .sc-tile-secondary-actions :is(a,button)[title]:after{transition:none}} /* One gentle entrance and exit for action hints on every input type. */ body #superior-concept .sc-catalogue-item .sc-tile-secondary-actions :is(a,button)[title]:after{transition:opacity 180ms ease,visibility 0s linear 180ms} body #superior-concept .sc-catalogue-item .sc-tile-secondary-actions :is(a,button)[title]:is(:hover,:focus-visible):after, body #superior-concept .sc-catalogue-item .sc-tile-secondary-actions [data-action-hint-open]:after{transition-delay:0s} @media(hover:none) and (pointer:coarse), (max-width:700px){body #superior-concept .sc-catalogue-item .sc-tile-secondary-actions :is(a,button)[title]:not([data-action-hint-open]):after{transition:opacity 220ms ease,visibility 0s linear 220ms}} @media(prefers-reduced-motion:reduce){body #superior-concept .sc-catalogue-item .sc-tile-secondary-actions :is(a,button)[title]:after{transition:none}} /* Keep action hints out of the product copy. */ @media(min-width:701px){ #superior-concept .sc-products-editorial .sc-compact-catalogue .sc-product-card>.sc-product-card-copy{padding-right:190px} body #superior-concept .sc-compact-catalogue .sc-tile-secondary-actions :is(a,button)[title]:after{max-width:110px} } @media(hover:none) and (pointer:coarse), (max-width:700px){ body #superior-concept .sc-catalogue-item .sc-tile-secondary-actions :is(a,button)[title]:after{top:calc(100% + 7px);bottom:auto;max-width:170px} } /* Disclosure indicators share the same timing as their panels. */ #superior-concept .sc-product-reference .sc-product-fold>summary::before,#superior-concept .sc-product-reference .sc-product-fold>summary::after,#superior-concept .sc-product-reference .sc-product-nested-fold>summary::before,#superior-concept .sc-product-reference .sc-product-nested-fold>summary::after{transition:transform .52s cubic-bezier(.4,0,.2,1),opacity .52s ease} @media(prefers-reduced-motion:reduce){#superior-concept .sc-product-reference summary::before,#superior-concept .sc-product-reference summary::after{transition:none}} /* Position hints inside the viewport without changing document layout. */ body #superior-concept .sc-catalogue-item .sc-tile-secondary-actions :is(a,button)[title]:after{transform:translateX(var(--sc-tip-shift,0px));top:var(--sc-tip-top,auto);bottom:var(--sc-tip-bottom,calc(100% + 7px));max-width:min(190px,calc(100vw - 34px));overflow-wrap:anywhere} @media(hover:none) and (pointer:coarse), (max-width:700px){body #superior-concept .sc-catalogue-item .sc-tile-secondary-actions :is(a,button)[title]:after{top:var(--sc-tip-top,calc(100% + 7px));bottom:var(--sc-tip-bottom,auto);max-width:min(170px,calc(100vw - 34px))}} @media(min-width:701px){body #superior-concept .sc-compact-catalogue .sc-tile-secondary-actions :is(a,button)[title]:after{max-width:110px}} /* A quiet product backdrop and grounded shadow, inspired by the reference catalogue. */ body.sc-connected #superior-concept #sc-main.sc-products-editorial #sc-product-results .sc-catalogue-item .sc-product-card .sc-product-image{position:relative;isolation:isolate;background:#efefef;overflow:hidden} body #superior-concept #sc-main.sc-products-editorial .sc-product-image:not(.sc-product-image-placeholder):not(:has(.sc-range-image-label))::before{content:"";position:absolute;left:37%;right:37%;bottom:18%;height:2%;border-radius:50%;background:#252525;opacity:.08;filter:blur(6px);pointer-events:none;z-index:-1} body #superior-concept #sc-main.sc-products-editorial .sc-product-image img{position:relative;mix-blend-mode:multiply;object-fit:contain} body #superior-concept #sc-main.sc-products-editorial .sc-compact-catalogue .sc-product-image{border-radius:8px} body #superior-concept #sc-main.sc-products-editorial .sc-compact-catalogue .sc-product-image::before{filter:blur(4px);opacity:.1} /* Rental equipment shares the catalogue's neutral display surface and shadow. */ body.sc-connected #superior-concept #sc-main.sc-rentals .sc-rental-image{position:relative;isolation:isolate;background:#efefef;border-radius:0;overflow:hidden} body #superior-concept #sc-main.sc-rentals .sc-rental-image:not(.sc-rental-image-placeholder)::before{content:"";position:absolute;left:37%;right:37%;bottom:18%;height:2%;border-radius:50%;background:#252525;opacity:.08;filter:blur(6px);pointer-events:none;z-index:-1} body #superior-concept #sc-main.sc-rentals .sc-rental-image img{position:relative;mix-blend-mode:multiply;object-fit:contain;max-width:72%;max-height:72%} /* Individual product images use the same display surface as catalogue images. */ body.sc-connected #superior-concept #sc-main.sc-product-detail .sc-product-visual{background:transparent;border-radius:0} body.sc-connected #superior-concept #sc-main.sc-product-detail .sc-detail-image{position:relative;isolation:isolate;background:#efefef;border:0;border-radius:0;box-shadow:none;overflow:hidden} body #superior-concept #sc-main.sc-product-detail .sc-detail-image:not(:has(img[alt="Chemcraft wood finishing range inspiration"]))::before{content:"";position:absolute;left:37%;right:37%;bottom:18%;height:2%;border-radius:50%;background:#252525;opacity:.08;filter:blur(6px);pointer-events:none;z-index:-1} body.sc-connected #superior-concept #sc-main.sc-product-detail .sc-detail-image img{position:relative;mix-blend-mode:multiply;object-fit:contain;max-width:72%;max-height:72%} /* Match the reference's image-panel proportions and compact labels in card view. */ body.sc-connected #superior-concept #sc-main.sc-products-editorial #sc-product-results:not(.sc-compact-catalogue){background:#fff} body.sc-connected #superior-concept #sc-main.sc-products-editorial #sc-product-results:not(.sc-compact-catalogue) .sc-product-grid{gap:40px 24px} body.sc-connected #superior-concept #sc-main.sc-products-editorial #sc-product-results:not(.sc-compact-catalogue) .sc-catalogue-item{display:flex;grid-row:auto;grid-template-rows:none} body.sc-connected #superior-concept #sc-main.sc-products-editorial #sc-product-results:not(.sc-compact-catalogue) .sc-product-card{display:flex;flex-direction:column;grid-row:auto;grid-template-rows:none;padding:0} body.sc-connected #superior-concept #sc-main.sc-products-editorial #sc-product-results:not(.sc-compact-catalogue) .sc-product-image-link{display:block;margin:0;height:auto} body.sc-connected #superior-concept #sc-main.sc-products-editorial #sc-product-results:not(.sc-compact-catalogue) .sc-product-card .sc-product-image{height:295px;margin:0;padding:0;border-radius:0} body.sc-connected #superior-concept #sc-main.sc-products-editorial #sc-product-results:not(.sc-compact-catalogue) .sc-product-image img{width:200px;height:200px;max-width:68%;max-height:68%;object-fit:contain} body.sc-connected #superior-concept #sc-main.sc-products-editorial #sc-product-results:not(.sc-compact-catalogue) .sc-product-card-copy{display:flex;flex-direction:column;grid-row:auto;grid-template-rows:none;padding:14px 0 0} body.sc-connected #superior-concept #sc-main.sc-products-editorial #sc-product-results:not(.sc-compact-catalogue) .sc-product-summary-link{display:block;grid-template-rows:none} body.sc-connected #superior-concept #sc-main.sc-products-editorial #sc-product-results:not(.sc-compact-catalogue) .sc-product-brand{display:block;font-size:11px;line-height:1.5;letter-spacing:0;margin:0 0 8px;color:#626262} body.sc-connected #superior-concept #sc-main.sc-products-editorial #sc-product-results:not(.sc-compact-catalogue) .sc-product-summary-link h3{font-size:15px;font-weight:600;line-height:1.4;letter-spacing:0;margin:0 0 14px} body.sc-connected #superior-concept #sc-main.sc-products-editorial #sc-product-results:not(.sc-compact-catalogue) .sc-product-applications{font-size:12px;line-height:1.5;min-height:0;margin:0 0 12px} body.sc-connected #superior-concept #sc-main.sc-products-editorial #sc-product-results:not(.sc-compact-catalogue) .sc-product-card-copy>p{font-size:12px;line-height:1.5;margin:0 0 12px} /* Circular chevrons match the compact About card across content disclosures. */ #superior-concept details.sc-unified-disclosure>summary{position:relative;list-style:none;padding-right:48px!important;min-height:30px} #superior-concept details.sc-unified-disclosure>summary::-webkit-details-marker{display:none} #superior-concept details.sc-unified-disclosure>summary::marker{content:''} #superior-concept details.sc-unified-disclosure>summary::before,#superior-concept details.sc-unified-disclosure>summary::after{content:none!important;display:none!important} #superior-concept details.sc-unified-disclosure>summary>.sc-disclosure-arrow{position:absolute;right:8px;top:50%;display:grid;place-items:center;width:30px;height:30px;margin:0;padding:0;border:1px solid #17271f25;border-radius:50%;background:#ffffff50;color:#17271f;rotate:none!important;transform:translateY(-50%);transition:transform .52s cubic-bezier(.4,0,.2,1),background .52s ease;pointer-events:none} #superior-concept .sc-disclosure-arrow svg{width:17px;height:17px} #superior-concept details.sc-unified-disclosure[open]>summary>.sc-disclosure-arrow{transform:translateY(-50%) rotate(180deg);background:#ddef9c} #superior-concept details.sc-unified-disclosure:is([data-closing],.is-closing)>summary>.sc-disclosure-arrow{transform:translateY(-50%);background:#ffffff50} #superior-concept .sc-more-options-arrow svg{box-sizing:border-box;width:30px;height:30px;padding:6px;border:1px solid #17271f25;border-radius:50%;background:#ffffff50} #superior-concept .sc-more-options-arrow[aria-expanded=true] svg{background:#ddef9c} #superior-concept .sc-filter-toggle .sc-filter-disclosure-arrow{box-sizing:border-box;width:30px;height:30px;padding:6px;border:1px solid #17271f25;border-radius:50%;background:#ffffff50;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .52s cubic-bezier(.4,0,.2,1),background .52s ease} #superior-concept .sc-filter-toggle[aria-expanded=true] .sc-filter-disclosure-arrow{transform:rotate(180deg);background:#ddef9c} @media(prefers-reduced-motion:reduce){#superior-concept details.sc-unified-disclosure>summary>.sc-disclosure-arrow,#superior-concept .sc-filter-toggle .sc-filter-disclosure-arrow{transition:none}} #superior-concept .sc-inspiration-browse-all{margin:20px 5% 0;font-size:14px;font-weight:600}#superior-concept .sc-inspiration-browse-all a{color:#17271f;text-underline-offset:5px} /* Products and brands share the homepage-style closing layout. */ #superior-concept .sc-service.sc-matching-closing{padding:85px 5%;gap:8vw} #superior-concept .sc-matching-closing h2{font-size:clamp(42px,5.5vw,76px);line-height:1.08;letter-spacing:-.05em} @media(max-width:700px){#superior-concept .sc-service.sc-matching-closing{padding:50px 6%;gap:35px}#superior-concept .sc-matching-closing h2{font-size:44px}} /* Closing panels grow with their copy and links, rather than the viewport. */ body #superior-concept .sc-service:is(.sc-matching-closing,.sc-idea-closing){min-height:0;height:auto;padding:60px 5%;align-items:center} @media(max-width:700px){body #superior-concept .sc-service:is(.sc-matching-closing,.sc-idea-closing){min-height:0;padding:40px 6%;gap:30px}} body #superior-concept .sc-colours .sc-service.sc-matching-closing{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin:0;min-height:0;padding:60px 5%;background:#141a17;color:#f4f3ed} @media(max-width:700px){body #superior-concept .sc-colours .sc-service.sc-matching-closing{grid-template-columns:1fr;padding:40px 6%;gap:30px}} /* Shared mobile closing layout: copy first, then links, with natural height. */ @media(max-width:700px){ body #superior-concept .sc-service:is(.sc-matching-closing,.sc-idea-closing){display:grid;grid-template-columns:minmax(0,1fr);height:auto;min-height:0;padding:40px 6%;gap:30px} body #superior-concept .sc-service:is(.sc-matching-closing,.sc-idea-closing)>div{min-width:0} body #superior-concept .sc-service:is(.sc-matching-closing,.sc-idea-closing) h2{font-size:clamp(32px,9vw,44px);line-height:1.12;margin:16px 0 0;overflow-wrap:break-word} body #superior-concept .sc-service:is(.sc-matching-closing,.sc-idea-closing) p{max-width:none;font-size:15px;line-height:1.65;margin:22px 0} body #superior-concept .sc-service:is(.sc-matching-closing,.sc-idea-closing) .sc-service-list{width:100%} body #superior-concept .sc-service:is(.sc-matching-closing,.sc-idea-closing) .sc-service-list a{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:20px;line-height:1.35;padding:20px 0;min-height:44px} body #superior-concept .sc-service:is(.sc-matching-closing,.sc-idea-closing) .sc-service-word{pointer-events:none} } /* Room photography needs the full card image area, rather than packshot sizing. */ body.sc-connected #superior-concept #sc-main.sc-products-editorial #sc-product-results:not(.sc-compact-catalogue) .sc-window-covering-product-image img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;mix-blend-mode:normal} /* Larger equipment and product ranges retain their complete silhouette. */ body.sc-connected #superior-concept #sc-main.sc-products-editorial #sc-product-results:not(.sc-compact-catalogue) .sc-large-packshot-image img{width:90%;height:90%;max-width:90%;max-height:90%;object-fit:contain} /* Homepage services stack naturally on phones, including all service links. */ @media(max-width:700px){ body.home #superior-concept #sc-services.sc-service{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;height:auto;padding:40px 6%;gap:30px;align-items:start} body.home #superior-concept #sc-services.sc-service>div{min-width:0} body.home #superior-concept #sc-services h2{font-size:clamp(32px,9vw,44px);line-height:1.12;letter-spacing:-.05em;margin:16px 0 0} body.home #superior-concept #sc-services p{font-size:15px;line-height:1.65;max-width:none;margin:22px 0} body.home #superior-concept #sc-services .sc-service-list{width:100%} body.home #superior-concept #sc-services .sc-service-list a{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:20px;line-height:1.35;padding:20px 0;min-height:44px} } body.sc-connected #superior-concept #sc-main.sc-specialists .sc-specialists-hero::after{content:'';display:block;position:absolute;inset:0;z-index:0;background:linear-gradient(100deg,#0a1c16b8 0%,#0a1c1670 42%,#0a1c160d 78%,transparent);pointer-events:none} body.sc-connected #superior-concept #sc-main.sc-specialists .sc-specialists-hero-content p{text-shadow:0 1px 4px #0007} /* Give Altex and Graber product images the full image column without cropping. */ body.sc-connected #superior-concept #sc-main.sc-product-detail.sc-window-covering-detail .sc-detail-image{padding:0;height:auto;min-height:0;background:transparent;display:block} body.sc-connected #superior-concept #sc-main.sc-product-detail.sc-window-covering-detail .sc-detail-image img{display:block;width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;mix-blend-mode:normal} body.sc-connected #superior-concept #sc-main.sc-product-detail.sc-window-covering-detail .sc-detail-image::before{content:none} /* Larger, uncropped product photography for tools, epoxy kits and wood coatings. */ body.sc-connected #superior-concept #sc-main.sc-product-detail.sc-large-packshot-detail .sc-detail-image{padding:14px} body.sc-connected #superior-concept #sc-main.sc-product-detail.sc-large-packshot-detail .sc-detail-image img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain} @media(max-width:700px){body.sc-connected #superior-concept #sc-main.sc-product-detail.sc-large-packshot-detail .sc-detail-image{padding:10px}} /* Flooring samples fill their frames and retain the manufacturer's true colours. */ body.sc-connected #superior-concept #sc-main.sc-products-editorial #sc-product-results .sc-product-image.sc-flooring-swatch-image{padding:0;overflow:hidden} body.sc-connected #superior-concept #sc-main.sc-products-editorial #sc-product-results .sc-product-image.sc-flooring-swatch-image img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;mix-blend-mode:normal} body.sc-connected #superior-concept #sc-main.sc-product-detail.sc-flooring-swatch-detail .sc-detail-image{padding:0;min-height:0;height:auto;display:block;background:transparent} body.sc-connected #superior-concept #sc-main.sc-product-detail.sc-flooring-swatch-detail .sc-detail-image img{display:block;width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;mix-blend-mode:normal} body #superior-concept #sc-main.sc-product-detail.sc-flooring-swatch-detail .sc-detail-image::before{content:none} /* Product and brand browsing tools stay in the normal page flow on every screen. */ body.sc-connected #superior-concept .sc-products-editorial .sc-filters, body.sc-connected #superior-concept .sc-brand-toolbar{position:relative;top:auto;bottom:auto;z-index:auto} /* Keep the primary catalogue controls aligned on one row. */ body.sc-connected #superior-concept .sc-products-editorial .sc-results:not(:has(>.sc-category-brand-choices)) .sc-filters{grid-template-columns:auto minmax(0,1fr) minmax(130px,210px) auto;align-items:center} body.sc-connected #superior-concept .sc-products-editorial .sc-filters>.sc-view-switch{grid-column:1;grid-row:1} body.sc-connected #superior-concept .sc-products-editorial .sc-filters>.sc-search{grid-column:2;grid-row:1;min-width:0} body.sc-connected #superior-concept .sc-products-editorial .sc-filters>.sc-prominent-brand{grid-column:3;grid-row:1;min-width:0;width:100%;margin:0} body.sc-connected #superior-concept .sc-products-editorial .sc-filters>.sc-prominent-brand>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} body.sc-connected #superior-concept .sc-products-editorial .sc-results:not(:has(>.sc-category-brand-choices)) .sc-filters>.sc-filter-toggle{grid-column:4;grid-row:1} body.sc-connected #superior-concept .sc-products-editorial .sc-filters>.sc-prominent-brand select{width:100%;min-width:0;height:48px} @media(max-width:700px){ body.sc-connected #superior-concept .sc-products-editorial .sc-results:not(:has(>.sc-category-brand-choices)) .sc-filters{grid-template-columns:auto minmax(60px,1fr) minmax(65px,90px) auto;gap:5px;padding:7px} body.sc-connected #superior-concept .sc-products-editorial .sc-filters .sc-view-switch{gap:3px} body.sc-connected #superior-concept .sc-products-editorial .sc-filters .sc-view-switch button{width:34px;padding:6px} body.sc-connected #superior-concept .sc-products-editorial .sc-filters .sc-search input{padding-inline:8px;font-size:13px} body.sc-connected #superior-concept .sc-products-editorial .sc-filters>.sc-prominent-brand select{padding:8px 3px;font-size:12px} body.sc-connected #superior-concept .sc-products-editorial .sc-filters>.sc-filter-toggle{padding-inline:8px;gap:4px} } /* Phone screens keep a readable search field and comfortable controls without overflow. */ @media(max-width:700px){ body.sc-connected #superior-concept .sc-products-editorial .sc-filters, body.sc-connected #superior-concept .sc-products-editorial .sc-results:not(:has(>.sc-category-brand-choices)) .sc-filters, body.sc-connected #superior-concept .sc-products-editorial .sc-filters:not(:has(.sc-filter-actions>*)){grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:10px;max-width:100%;box-sizing:border-box} body.sc-connected #superior-concept .sc-products-editorial .sc-filters>.sc-search{grid-column:1/-1;grid-row:1;width:100%;min-width:0} body.sc-connected #superior-concept .sc-products-editorial .sc-filters .sc-search input{width:100%;min-width:0;box-sizing:border-box;font-size:16px;padding-inline:12px} body.sc-connected #superior-concept .sc-products-editorial .sc-filters>.sc-view-switch{grid-column:1;grid-row:2;gap:4px} body.sc-connected #superior-concept .sc-products-editorial .sc-filters .sc-view-switch button{width:40px;min-height:44px;padding:8px} body.sc-connected #superior-concept .sc-products-editorial .sc-filters>.sc-prominent-brand{grid-column:2;grid-row:2;min-width:0;max-width:100%} body.sc-connected #superior-concept .sc-products-editorial .sc-filters>.sc-prominent-brand select{width:100%;min-width:0;max-width:100%;font-size:16px;padding:8px 4px;box-sizing:border-box;text-overflow:ellipsis} body.sc-connected #superior-concept .sc-products-editorial .sc-filters>.sc-filter-toggle, body.sc-connected #superior-concept .sc-products-editorial .sc-results:not(:has(>.sc-category-brand-choices)) .sc-filters>.sc-filter-toggle{grid-column:3;grid-row:2;min-height:44px;min-width:44px;padding-inline:8px} body.sc-connected #superior-concept .sc-products-editorial .sc-filters .sc-filter-extras{min-width:0;max-width:100%;box-sizing:border-box} body.sc-connected #superior-concept .sc-products-editorial .sc-filters .sc-filter-extras>label{min-width:0} body.sc-connected #superior-concept .sc-products-editorial .sc-filters .sc-filter-extras select{min-width:0;max-width:100%;width:100%;box-sizing:border-box;font-size:16px} body.sc-connected #superior-concept .sc-brands-editorial .sc-brand-toolbar{min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr)} body.sc-connected #superior-concept .sc-brands-editorial .sc-brand-search{min-width:0;max-width:100%;grid-column:1} body.sc-connected #superior-concept .sc-brands-editorial .sc-brand-search input{box-sizing:border-box;max-width:100%;font-size:16px} }