/* 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}}