/* /type-public/home-coastal.css */ .coastal-page{--co-paper:#f5f3ef;--co-sand:#eeebe6;--co-ink:#20211f;--co-accent:#a92268;--co-muted:#75756f;margin:0;background:var(--co-paper);color:var(--co-ink);} .coastal-page *{box-sizing:border-box;}.coastal-page :where(h1,h2,h3,p,figure,dl,dd,ul,ol){margin:0;}.coastal-page a{color:inherit;text-decoration:none;}.coastal-page button,.coastal-page input,.coastal-page select,.coastal-page textarea{}.coastal-page button,.coastal-page a,.coastal-page input[type=file]{-webkit-tap-highlight-color:transparent;}.coastal-page button{cursor:pointer;}.coastal-page img{max-width:100%;display:block;object-fit:cover;}.coastal-page :where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--co-accent);outline-offset:5px;}.coastal-page [hidden]{display:none!important;}.co-wrap{width:86.4%;max-width:1660px;margin-inline:auto;}.coastal-page h1,.coastal-page h2{}.coastal-page h2{}.coastal-page h3{}.co-kicker{color:var(--co-accent);margin-bottom:16px!important;}.co-icon{width:22px;height:22px;object-fit:contain!important;flex:none;}.co-link{display:inline-flex;align-items:center;gap:8px;color:var(--co-accent)!important;padding-block:8px;}.co-link .co-icon{width:14px;height:14px;filter:invert(27%) sepia(49%) saturate(1718%) hue-rotate(289deg) brightness(84%);}.co-button{min-height:40px;display:inline-flex;justify-content:center;align-items:center;gap:14px;background:var(--co-accent);border:1px solid var(--co-accent);padding:13px 22px;color:white!important;border-radius:3px;transition:background .16s,box-shadow .16s;}.co-button:hover{background:#8b1754;box-shadow:0 4px 16px #22141b1a;}.co-button .co-icon{height:15px;width:15px;filter:brightness(0) invert(1);}.co-outline{background:transparent;color:var(--co-ink)!important;border-color:#777e7e;}.co-outline .co-icon{display:none;}.co-outline:hover{background:#ffffff70;}.co-actions{display:flex;gap:14px;align-items:center;margin-top:23px;}.co-skip{position:fixed;top:-100px;left:12px;background:white;padding:12px;z-index:99;}.co-skip:focus{top:12px;} .co-header{position:absolute;inset:0 0 auto;z-index:5;background:#ece7dd4d;backdrop-filter:blur(8px);}.co-header>.co-wrap{height:clamp(64px,4.8vw,92px);display:flex;align-items:center;gap:30px;}.co-logo{display:flex;align-items:center;gap:1px;flex:none;width:116px;}.co-logo img:first-child{width:27px;height:31px;object-fit:contain;}.co-logo img:last-child{width:85px;height:auto;object-fit:contain;}.co-header nav{display:flex;align-items:center;justify-content:space-between;gap:clamp(13px,2vw,40px);margin-left:auto;}.co-header nav a{padding:12px 0;}.co-header nav a:hover{color:var(--co-accent);}.co-header-actions{display:flex;align-items:center;gap:25px;}.co-header .co-button{padding:11px 18px;min-height:38px;}.co-search,.co-menu{background:none;border:0;padding:8px;display:flex;align-items:center;justify-content:center;}.co-search .co-icon{width:17px;height:17px;}.co-menu{display:none;}.co-hero{height:39.1vw;min-height:490px;max-height:800px;position:relative;isolation:isolate;}.co-hero-image{position:absolute;inset:0;width:100%;height:100%;object-position:center;z-index:-1;}.co-hero>.co-wrap{height:100%;position:relative;}.co-hero-copy{position:absolute;top:24.5%;left:0;width:48%;}.co-hero .co-kicker{margin-bottom:17px!important;}.co-hero h1{}.co-hero h1 span{color:var(--co-accent);}.co-hero-copy>p:not(.co-kicker){margin-top:22px;max-width:540px;}.co-image-note{position:absolute;bottom:22px;right:0;color:white;text-shadow:0 1px 4px #000;}.co-trust{background:#f4f1ec;border-bottom:1px solid #e7e2db;padding:23px 0;}.co-trust>.co-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:38px;}.co-trust>.co-wrap>div{display:flex;align-items:center;gap:22px;}.co-trust .co-icon{width:31px;height:31px;filter:invert(27%) sepia(49%) saturate(1718%) hue-rotate(289deg) brightness(84%);}.co-trust strong{display:block;}.co-trust p span{color:var(--co-muted);display:block;margin-top:2px;} .co-product-intro{display:grid;grid-template-columns:59% 41%;min-height:310px;}.co-product-intro>div{padding:55px 0 32px 11.5%;}.co-product-intro h2{}.co-product-intro p:not(.co-kicker){color:var(--co-muted);margin:17px 0 9px;}.co-product-intro figure{position:relative;overflow:hidden;}.co-product-intro figure>img{width:100%;height:100%;position:absolute;object-position:center;}.co-product-intro figcaption{position:absolute;right:8%;top:27%;color:white;text-shadow:0 1px 6px #0009;}.co-product-grid{padding:20px 3.5% 50px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;}.co-product{min-width:0;}.co-product>img{width:100%;aspect-ratio:.71;object-fit:cover;border-radius:5px;transition:filter .2s;}.co-product:hover>img{filter:brightness(1.08);}.co-product h3{margin-top:12px;}.co-product h3 .co-icon{display:inline-block;width:13px;height:13px;vertical-align:middle;margin-left:7px;filter:invert(27%) sepia(49%) saturate(1718%) hue-rotate(289deg) brightness(84%);} .co-paths{padding:40px 4% 43px;background:var(--co-sand);}.co-paths>.co-wrap{width:93.9%;}.co-paths>.co-wrap>p:not(.co-kicker){margin-top:10px;}.co-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:26px;max-width:1766px;margin-inline:auto;}.co-path-grid article{position:relative;padding-bottom:27px;}.co-path-grid article>img{width:100%;aspect-ratio:1.68;border-radius:4px;object-fit:cover;}.co-path-panel{display:flex;gap:25px;position:absolute;bottom:0;left:4.5%;width:78%;padding:25px 30px 14px;background:#f5f2ed;min-height:174px;}.co-path-panel>.co-icon{width:29px;height:29px;margin-top:1px;filter:invert(27%) sepia(49%) saturate(1718%) hue-rotate(289deg) brightness(84%);}.co-path-panel h3{margin-bottom:12px;}.co-path-panel p{}.co-path-panel .co-link{margin-top:7px;} .co-section-heading{display:flex;justify-content:space-between;align-items:center;gap:35px;}.co-section-heading h2{}.co-section-heading .co-link{white-space:nowrap;}.co-section-heading>div>p:not(.co-kicker){margin-top:8px;color:var(--co-muted);}.co-spaces>.co-section-heading{padding:30px 0 20px;}.co-spaces .co-kicker{margin-bottom:7px!important;}.co-space-grid{display:grid;grid-template-columns:1.3fr .85fr .93fr .98fr;gap:3px;}.co-space-grid>a{position:relative;aspect-ratio:1.13;overflow:hidden;background:#40382f;}.co-space-grid>a>img{width:100%;height:100%;object-fit:cover;transition:transform .3s;filter:brightness(.84);}.co-space-grid>a:hover>img{transform:scale(1.025);}.co-space-grid>a>div{position:absolute;bottom:20px;left:24px;right:14px;color:white;text-shadow:0 1px 5px #000b;}.co-space-grid h3{margin-bottom:4px;}.co-space-grid p{}.co-process{padding:31px 0 36px;}.co-process .co-kicker{margin-bottom:8px!important;}.co-process .co-section-heading h2{}.co-process-note{max-width:28%;color:var(--co-muted);}.co-process-note .co-link{}.co-process ol{list-style:none;padding:0;margin-top:30px;display:grid;grid-template-columns:repeat(5,1fr);gap:55px;}.co-process li{position:relative;}.co-step-photo{width:78%;max-width:170px;margin-inline:auto;margin-bottom:8px;}.co-step-photo img{width:100%;aspect-ratio:1.35;border-radius:50%;object-fit:cover;}.co-process li:not(:last-child)::after{content:"";position:absolute;top:40px;right:-32px;width:20px;height:20px;background:url("/assets/home-reference/icons/arrow-right.svg") center/contain no-repeat;}.co-process li>span{color:var(--co-accent);}.co-process li h3{margin:1px 0 8px;}.co-process li p{color:var(--co-muted);} .co-showroom{display:grid;grid-template-columns:55% 45%;background:#eae6df;}.co-showroom-photo{position:relative;display:block;min-height:350px;}.co-showroom-photo>img{position:absolute;inset:0;width:100%;height:100%;}.co-tour{position:absolute;inset:0;display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center;color:white;text-shadow:0 1px 6px #0009;}.co-tour>.co-icon{background:#faf8f1;width:48px;height:48px;padding:15px;border-radius:50%;box-shadow:0 2px 20px #0003;}.co-showroom-copy{padding:35px 8% 25px 6%;}.co-showroom .co-kicker{margin-bottom:10px!important;}.co-showroom h2{}.co-showroom-copy>p:not(.co-kicker){margin-top:14px;color:var(--co-muted);}.co-showroom dl{display:grid;grid-template-columns:.9fr .8fr .85fr 1.3fr;margin:26px 0;gap:16px;}.co-showroom dl>div{border-right:1px solid #d1cbc2;padding-right:10px;}.co-showroom dl>div:last-child{border:0;}.co-showroom dt{color:var(--co-accent);}.co-showroom dd{margin-top:10px;white-space:nowrap;}.co-showroom .co-showroom-note{margin-top:10px!important;}.co-showroom-note .co-link{padding:0;gap:4px;}.co-showroom-note .co-icon{display:none;}.co-applications{padding:27px 0 24px;}.co-applications .co-kicker{margin-bottom:6px!important;}.co-applications h2{}.co-applications .co-section-heading>div>p:not(.co-kicker){margin-top:4px;color:var(--co-ink);}.co-application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:17px;}.co-application-grid>a>img{width:100%;aspect-ratio:2.85;object-fit:cover;border-radius:4px;}.co-application-grid h3{margin-top:12px;}.co-application-grid p{color:var(--co-muted);margin-top:3px;}.co-portfolio-note{color:var(--co-muted);margin-top:13px!important;} .co-inquiry{background:#eae6dd url("/assets/home-coastal/design.webp") left center/58% auto no-repeat;}.co-inquiry>.co-wrap{display:grid;grid-template-columns:58% 42%;align-items:center;gap:0;padding-block:20px;}.co-inquiry>.co-wrap>div{padding-right:36px;background:#f5f2eddb;padding-block:22px;}.co-inquiry .co-kicker{margin-bottom:12px!important;}.co-inquiry h2{}.co-inquiry>.co-wrap>div>p:not(.co-kicker){margin-top:19px;}.co-form{background:#f2eee8e8;padding:17px;box-shadow:0 2px 20px #342d1d0a;position:relative;}.co-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;}.co-fields label{display:block;min-width:0;}.co-fields label>span{position:absolute;width:1px;height:1px;padding:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap;}.co-fields :where(input,select,textarea){display:block;width:100%;border:1px solid transparent;border-radius:0;color:var(--co-ink);background:#fff;padding:9px 11px;min-height:34px;resize:vertical;}.co-fields textarea{min-height:63px;}.co-fields :where(input,textarea)::placeholder{color:#8c8b88;opacity:1;}.co-fields select:has(option:checked[value=""]){color:#8c8b88;}.co-form>small{color:var(--co-muted);display:block;margin-top:5px;}.co-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px;align-items:stretch;}.co-upload{position:relative;background:#e9e5df;border:1px dashed #d1c9bd;padding:7px;min-width:0;cursor:pointer;}.co-upload strong{}.co-upload span{display:block;margin-top:3px;}.co-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;}.co-upload:focus-within{outline:3px solid var(--co-accent);outline-offset:3px;}.co-form-actions>.co-button{padding:10px 8px;min-width:0;gap:7px;}.co-consent{display:flex;align-items:flex-start;gap:5px;margin-top:9px;color:#6c6a65;}.co-consent input{margin:0;accent-color:var(--co-accent);}.co-consent a{text-decoration:underline;}.co-files{color:var(--co-accent);overflow-wrap:anywhere;margin-top:6px!important;}.co-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}.co-local-note{color:#6c6a65;margin-top:6px!important;}.stage5-result{padding:12px;margin-top:10px;background:#fff;border:1px solid #d7c6cf;overflow-wrap:anywhere;}.stage5-result[data-state=error]{border-color:#af2950;color:#9b2044;}.stage5-result[data-state=success]{border-color:#47785c;color:#27583b;} .co-footer{background:#242625;color:#eee;padding:27px 0 0;}.co-footer-grid{display:grid;grid-template-columns:1.25fr .8fr .75fr .65fr 1.75fr;gap:40px;padding-bottom:27px;}.co-footer .co-logo img:last-child{filter:brightness(0) invert(1);}.co-footer .co-logo{margin-bottom:10px;}.co-footer h3{margin-bottom:6px;}.co-footer p,.co-footer small,.co-footer nav a{color:#c2c3bf;}.co-footer nav a{display:block;}.co-footer nav a:hover{color:white;}.co-footer small{display:block;margin-top:13px;}.co-footer-global{position:relative;min-height:150px;}.co-footer-global h2{}.co-footer-global>.co-icon{position:absolute;width:140px;height:140px;right:0;top:8px;opacity:.15;filter:invert(1);}.co-footer-global p{margin-top:12px;}.co-footer-global .co-link{color:#f2a8cf!important;}.co-footer-bottom{border-top:1px solid #ffffff12;display:flex;justify-content:space-between;padding-block:16px;color:#b5b6b2;} .co-search-dialog{width:min(620px,calc(100% - 36px));max-height:85vh;border:0;padding:40px;background:var(--co-paper);color:var(--co-ink);box-shadow:0 20px 90px #0004;}.co-search-dialog::backdrop{background:#201c1b77;backdrop-filter:blur(4px);}.co-search-dialog h2{margin:0 0 24px;}.co-search-dialog label{display:block;}.co-search-dialog input{width:100%;padding:14px;border:1px solid #c9c4bc;background:white;margin-top:8px;}.co-search-close{position:absolute;top:14px;right:14px;padding:8px;background:transparent;border:0;}.co-search-dialog>p{color:var(--co-muted);margin-top:12px;}.co-search-dialog ul{list-style:none;padding:0;margin-top:14px;}.co-search-dialog li a{display:block;padding:12px 0;border-bottom:1px solid #ddd5cb;color:var(--co-accent);} @media(min-width:1920px){.co-product-intro{min-height:410px;}.co-trust{padding:30px 0;}.co-paths{padding-top:53px;padding-bottom:57px;}.co-path-panel{padding:34px 40px 20px;min-height:230px;}.co-process{padding:40px 0 48px;}.co-showroom-copy{padding-top:45px;}.co-showroom-photo{min-height:450px;}.co-product-grid{padding-bottom:65px;}} @media(max-width:1200px){.co-header>.co-wrap{gap:20px;width:91%;}.co-header nav{gap:16px;}.co-header-actions{gap:12px;}.co-header .co-button{padding-inline:12px;}.co-logo{width:100px;}.co-logo img:first-child{width:23px;}.co-logo img:last-child{width:76px;}.co-product-intro>div{padding-top:38px;}.co-path-panel{width:88%;padding:19px 22px 12px;gap:14px;min-height:165px;}.co-path-panel h3{}.co-path-panel p{}.co-process ol{gap:32px;}.co-process li:not(:last-child)::after{right:-24px;}.co-showroom-copy{padding-block:28px;}.co-showroom dl{gap:10px;}.co-footer-grid{gap:24px;}} @media(max-width:980px){.co-header>.co-wrap{height:64px;}.co-header nav{display:none;position:absolute;left:0;right:0;top:64px;background:var(--co-paper);padding:20px 7%;grid-template-columns:1fr 1fr;gap:8px;border-bottom:1px solid #ddd;}.co-header nav.is-open{display:grid;}.co-header nav a{padding:12px;}.co-header-actions{margin-left:auto;gap:16px;}.co-menu{display:flex;}.co-hero{min-height:480px;}.co-hero-copy{top:25%;width:58%;}.co-hero h1{}.co-hero-copy>p:not(.co-kicker){}.co-trust>.co-wrap{gap:20px;}.co-trust>.co-wrap>div{gap:10px;}.co-trust .co-icon{width:24px;height:24px;}.co-trust strong{}.co-trust p span{}.co-product-intro{min-height:255px;}.co-product-intro h2{}.co-product-intro>div{padding-top:30px;padding-bottom:22px;}.co-product-intro p:not(.co-kicker){}.co-product-grid{grid-template-columns:repeat(4,1fr);gap:20px 14px;padding-top:12px;}.co-product>img{aspect-ratio:1.1;}.co-product h3{}.co-path-grid{gap:24px;}.co-path-grid article{padding-bottom:130px;}.co-path-panel{left:5%;width:90%;min-height:190px;}.co-path-panel p br{display:none;}.co-path-panel h3{}.co-path-panel p{}.co-path-panel .co-link{}.co-paths h2{}.co-spaces>.co-section-heading{padding-top:28px;}.co-space-grid{grid-template-columns:repeat(4,1fr);}.co-space-grid>a{aspect-ratio:.85;}.co-space-grid>a>div{left:15px;bottom:15px;}.co-space-grid h3{}.co-space-grid p{}.co-process ol{gap:22px;}.co-process li:not(:last-child)::after{width:16px;right:-18px;}.co-process .co-section-heading{align-items:flex-start;}.co-process .co-section-heading h2{}.co-process-note{max-width:30%;}.co-process li h3{}.co-process li p{}.co-showroom{grid-template-columns:48% 52%;}.co-showroom dl{margin:19px 0;}.co-showroom dt{}.co-showroom dd{white-space:normal;}.co-showroom h2{}.co-showroom-copy>p:not(.co-kicker){}.co-showroom-photo{min-height:365px;}.co-inquiry>.co-wrap{grid-template-columns:1fr 1fr;width:92%;}.co-inquiry h2{}.co-inquiry>.co-wrap>div>p:not(.co-kicker){}.co-footer-grid{grid-template-columns:1.2fr 1fr 1fr 1fr;}.co-footer-global{display:none;}} @media(max-width:600px){.coastal-page{}.co-wrap{width:88%;}.co-desktop{display:none;}.co-header>.co-wrap{width:92%;gap:12px;}.co-header-actions{gap:6px;}.co-header .co-button{padding:10px;min-height:34px;gap:6px;}.co-header .co-button .co-icon{width:12px;}.co-search .co-icon{width:17px;}.co-logo{width:95px;}.co-logo img:first-child{width:22px;height:27px;}.co-logo img:last-child{width:71px;}.co-hero{min-height:650px;height:calc(100svh - 55px);max-height:790px;background:#e1e6e4;}.co-hero-image{height:57%;top:auto;bottom:0;object-position:59% center;}.co-hero-copy{top:99px;width:100%;}.co-hero h1{}.co-hero .co-kicker{margin-bottom:17px!important;}.co-hero-copy>p:not(.co-kicker){max-width:335px;margin-top:17px;}.co-actions{margin-top:20px;gap:10px;}.co-button{padding:12px 16px;min-height:42px;}.co-image-note{bottom:12px;right:-4px;}.co-trust{padding:21px 0;}.co-trust>.co-wrap{grid-template-columns:1fr 1fr;gap:20px 12px;}.co-trust>.co-wrap>div{gap:10px;}.co-trust strong{}.co-trust p span{}.co-product-intro{display:flex;flex-direction:column;min-height:0;}.co-product-intro>div{padding:35px 6% 25px;}.co-kicker{margin-bottom:12px!important;}.co-product-intro h2{}.co-product-intro p:not(.co-kicker){margin-top:14px;}.co-product-intro figure{height:195px;}.co-product-intro figcaption{top:27%;right:10%;}.co-product-grid{padding:22px 6% 32px;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;}.co-product>img{aspect-ratio:.92;}.co-product h3{margin-top:10px;}.co-paths{padding:32px 6% 28px;}.co-paths>.co-wrap{width:100%;}.co-paths h2{}.co-paths>.co-wrap>p:not(.co-kicker){}.co-path-grid{grid-template-columns:1fr;gap:28px;margin-top:22px;}.co-path-grid article{padding-bottom:114px;}.co-path-grid article>img{aspect-ratio:1.55;}.co-path-panel{left:5%;width:90%;padding:20px 18px 10px;gap:14px;min-height:172px;}.co-path-panel>.co-icon{width:24px;height:24px;}.co-path-panel h3{margin-bottom:9px;}.co-path-panel p{}.co-path-panel .co-link{margin-top:2px;}.co-spaces>.co-section-heading{padding-block:30px 22px;display:block;}.co-section-heading h2{}.co-spaces .co-section-heading>div>p:not(.co-kicker){}.co-section-heading>.co-link{margin-top:8px;}.co-space-grid{grid-template-columns:1fr 1fr;gap:3px;}.co-space-grid>a{aspect-ratio:.93;}.co-space-grid h3{}.co-space-grid p{}.co-space-grid>a>div{left:14px;right:10px;bottom:14px;}.co-process{padding:31px 0 30px;}.co-process .co-section-heading{display:block;}.co-process .co-section-heading h2{}.co-section-heading>div>p:not(.co-kicker){}.co-process-note{max-width:none;margin-top:15px;}.co-process-note .co-link{}.co-process ol{grid-template-columns:1fr;gap:20px;margin-top:16px;}.co-process li{display:grid;grid-template-columns:89px 1fr;grid-template-rows:21px auto auto;column-gap:18px;align-items:start;min-height:84px;}.co-step-photo{grid-column:1;grid-row:1/4;width:89px;margin:0;}.co-step-photo img{aspect-ratio:1.2;}.co-process li>span{grid-column:2;grid-row:1;}.co-process li h3{grid-column:2;grid-row:2;margin-bottom:5px;}.co-process li p{grid-column:2;grid-row:3;}.co-process li p br{display:none;}.co-process li:not(:last-child)::after{display:none;}.co-showroom{grid-template-columns:1fr;}.co-showroom-photo{min-height:270px;}.co-showroom-copy{padding:29px 6% 24px;}.co-showroom h2{}.co-showroom dl{margin:24px 0;gap:12px;}.co-showroom dt{}.co-showroom dd{}.co-showroom .co-showroom-note{}.co-applications{padding:30px 0 26px;}.co-applications .co-section-heading{display:block;}.co-applications h2{}.co-applications .co-section-heading>div>p:not(.co-kicker){margin-top:9px;}.co-application-grid{grid-template-columns:1fr;gap:23px;margin-top:16px;}.co-application-grid>a>img{aspect-ratio:2.05;}.co-application-grid h3{margin-top:10px;}.co-application-grid p{}.co-portfolio-note{margin-top:20px!important;}.co-inquiry{background-size:auto 380px;background-position:center top;}.co-inquiry>.co-wrap{display:block;width:88%;padding-block:24px;}.co-inquiry>.co-wrap>div{padding:20px 12px;margin-bottom:20px;}.co-inquiry h2{}.co-inquiry>.co-wrap>div>p:not(.co-kicker){margin-top:14px;}.co-form{padding:14px;}.co-fields{gap:8px;}.co-fields :where(input,select,textarea){min-height:42px;padding:10px 8px;}.co-fields textarea{min-height:83px;}.co-form-actions{grid-template-columns:1fr;gap:10px;}.co-upload{padding:11px;min-height:50px;}.co-upload span{}.co-form-actions>.co-button{min-height:44px;}.co-consent{gap:7px;margin-top:13px;}.co-consent input{width:16px;height:16px;flex:none;}.co-local-note{margin-top:10px!important;}.co-form>small{margin-top:8px;}.co-footer{padding-top:28px;}.co-footer-grid{grid-template-columns:repeat(3,1fr);gap:23px 14px;}.co-footer-grid>div:first-child{grid-column:1/-1;}.co-footer .co-logo{width:108px;}.co-footer h3{margin-bottom:10px;}.co-footer p,.co-footer small,.co-footer nav a{}.co-footer nav a{padding-block:3px;}.co-footer-bottom{gap:15px;padding-block:18px;}.co-search-dialog{padding:37px 24px 24px;}.co-search-dialog h2{}.co-search-dialog input{}} @media(prefers-reduced-motion:reduce){.coastal-page *{scroll-behavior:auto!important;transition:none!important;}} .co-product>img,.co-path-grid article>img,.co-step-photo img,.co-application-grid>a>img{height:auto;} .co-space-grid>a{aspect-ratio:auto;height:22.6vw;max-height:435px;min-height:220px;} @media(min-width:981px) and (max-width:1919px){.co-product-intro{min-height:285px;}.co-product-intro>div{padding-top:40px;padding-bottom:24px;}.co-process{padding-top:27px;padding-bottom:28px;}.co-process ol{margin-top:22px;}} @media(max-width:600px){.co-space-grid>a{height:54vw;min-height:0;max-height:none;}} @media(max-width:600px){.co-menu,.co-search{min-width:38px;min-height:44px;}} @media(min-width:601px) and (max-width:980px){.co-hero-copy{background:#f5f3efed;padding:24px;left:-12px;top:19%;width:60%;}.co-hero .co-kicker{}.co-hero h1{}.co-hero-copy>p:not(.co-kicker){}.co-hero .co-button{padding:12px;}.co-hero .co-actions{gap:9px;}} /* Homepage consumer of the maintained four-column footer component. */ .coastal-page .cc-footer{background:#262521;color:#e7dfe4;padding:64px 0 0;margin:0;text-align:left;} .coastal-page .cc-footer-grid{width:min(1360px,calc(100% - 88px));margin:auto;display:grid;grid-template-columns:1.08fr .82fr 1fr 1.18fr;gap:44px;} .coastal-page .cc-footer-brand{border-right:1px solid #51474b;padding-right:34px;} .coastal-page .cc-footer .co-logo{width:158px;gap:1px;margin:0;background:transparent;filter:none;} .coastal-page .cc-footer .co-logo img:first-child{width:53px;height:51px;object-fit:contain;} .coastal-page .cc-footer .co-logo img:last-child{width:104px;height:auto;object-fit:contain;filter:none;} .coastal-page .cc-footer h2{color:#edb9d3;margin:0 0 26px;} .coastal-page .cc-footer .cc-footer-tagline{color:#fff8fc;margin:25px 0 16px;max-width:250px;} .coastal-page .cc-footer .cc-footer-description{color:#c6bbc3;margin:0 0 24px;max-width:255px;} .coastal-page .cc-footer .ks-social{display:flex;justify-content:flex-start;gap:10px;margin:0;flex-wrap:wrap;} .coastal-page .cc-footer .ks-social a{display:grid;place-items:center;width:38px;height:38px;border:1px solid #63575d;border-radius:50%;background:transparent;} .coastal-page .cc-footer .ks-social img{width:17px;height:17px;object-fit:contain;filter:brightness(0) invert(1);} .coastal-page .cc-footer .ks-social a:hover{background:#a21f6b;border-color:#a21f6b;} .coastal-page .cc-footer-nav>a{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:42px;margin:0;color:#e7dfe4;text-decoration:none;} .coastal-page .cc-footer-nav>a img{width:12px;height:12px;flex:none;object-fit:contain;filter:brightness(0) invert(1);opacity:.45;} .coastal-page .cc-footer-contact{border-left:1px solid #51474b;padding-left:34px;min-width:0;} .coastal-page .cc-footer-direct{display:grid;gap:12px;padding:0 0 23px;border-bottom:1px solid #51474b;} .coastal-page .cc-contact-link{display:flex;align-items:center;gap:9px;color:#fff5fa;white-space:normal;overflow-wrap:anywhere;} .coastal-page .cc-footer .cc-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #63575d;background:#3b3438;border-radius:2px;} .coastal-page .cc-footer .cc-icon img{width:19px;height:19px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9;} .coastal-page .cc-footer .cc-location-label{color:#edb9d3;margin:23px 0 12px;} .coastal-page .cc-footer address{color:#c6bbc3;margin:0;} .coastal-page .cc-footer .cc-footer-quote{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#a21f6b;color:white;padding:15px 18px;min-height:48px;border-radius:2px;margin-top:24px;text-decoration:none;} .coastal-page .cc-footer-quote img{width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1);} .coastal-page .cc-footer .cc-footer-quote:hover{background:#bb2b7f;} .coastal-page .cc-footer a:focus-visible{outline:2px solid #edb9d3;outline-offset:5px;} .coastal-page .cc-footer-nav>a:hover,.coastal-page .cc-contact-link:hover{color:#fff;text-decoration:underline;text-underline-offset:5px;} .coastal-page .cc-footer-bottom{width:min(1360px,calc(100% - 88px));margin:46px auto 0;border-top:1px solid #51474b;padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#bfb1ba;} .coastal-page .cc-footer-bottom small,.coastal-page .cc-footer-bottom a{color:inherit;} @media(max-width:1380px){.coastal-page .cc-footer-grid{gap:28px;grid-template-columns:1fr .8fr 1fr 1.15fr;}.coastal-page .cc-footer-brand{padding-right:24px;}.coastal-page .cc-footer-contact{padding-left:24px;}} @media(max-width:1000px){.coastal-page .cc-footer-grid{grid-template-columns:1fr 1fr;gap:40px 48px;}.coastal-page .cc-footer-brand,.coastal-page .cc-footer-contact{border:0;padding:0;}.coastal-page .cc-footer-brand{grid-column:1;}.coastal-page .cc-footer-contact{grid-column:2;grid-row:1;}.coastal-page .cc-footer-bottom>span{display:none;}} @media(max-width:600px){.coastal-page .cc-footer{padding-top:40px;}.coastal-page .cc-footer-grid,.coastal-page .cc-footer-bottom{width:88%;}.coastal-page .cc-footer-grid{grid-template-columns:1fr;gap:32px;}.coastal-page .cc-footer-brand,.coastal-page .cc-footer-contact{grid-column:auto;grid-row:auto;}.coastal-page .cc-footer-tagline{max-width:none;}.coastal-page .cc-footer .cc-footer-description{max-width:340px;}.coastal-page .cc-footer-bottom{margin-top:34px;gap:15px;flex-wrap:wrap;}.coastal-page .cc-footer-nav>a{min-height:44px;}.coastal-page .cc-footer .ks-social a{width:44px;height:44px;}} /* /type-public/rc-delivery.css */ /* T08 RC: shared light palette and functional selection controls. */ /* Legacy review pages give every image 100% dimensions and every section
   body-section spacing. Keep the footer's icon and contact column intrinsic. */ .review-home #site-footer .cc-footer-quote > img{ width:18px;height:18px;min-width:18px;max-width:18px; flex:0 0 18px;object-fit:contain; } @media(min-width:1001px){ .review-home #site-footer .cc-footer-contact{padding-top:0;padding-bottom:0} } :root{--rc-accent:#a21f6b;--rc-ink:#262521;--rc-paper:#f7f5f0;--rc-line:#dedad2} body{background-color:var(--rc-paper)} :where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--rc-accent);outline-offset:4px} button,input,select,textarea{} .rc-button,.rc-reference-grid button,.rc-list-trigger{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;background:var(--rc-accent);color:#fff;border:1px solid var(--rc-accent);text-decoration:none;cursor:pointer;border-radius:2px} .rc-reference-section{max-width:1360px;margin:auto;padding:72px 32px;color:var(--rc-ink)} .rc-reference-section h2{margin:0 0 18px} .rc-reference-section>p{max-width:760px;margin-bottom:28px;color:#615e58} .rc-reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px} .rc-reference-grid article{min-width:0;display:flex;flex-direction:column;gap:12px;background:#fff;padding:14px;border:1px solid var(--rc-line)} .rc-reference-grid img{width:100%;aspect-ratio:4/3;object-fit:cover} .rc-reference-grid a{color:inherit;text-decoration:none;} .rc-reference-grid button{margin-top:auto} .rc-reference-grid small{color:#716d65} .rc-reference-detail{padding:24px;border:1px solid var(--rc-line);margin:32px 0;background:#f5f1e9} .rc-reference-detail p{max-width:700px;margin:0 0 16px} .rc-list-trigger{position:fixed;right:24px;bottom:22px;z-index:120;box-shadow:0 4px 24px #26252126;} .rc-list-trigger[hidden],.rc-button[hidden]{display:none} .rc-list-dialog{box-sizing:border-box;border:0;border-radius:4px;padding:30px;width:min(740px,calc(100% - 32px));max-height:85dvh;color:var(--rc-ink);background:#fff;box-shadow:0 20px 100px #0004} .rc-list-dialog::backdrop{background:#18161188} .rc-list-dialog h2{margin:0 64px 16px 0;} .rc-list-dialog>p{color:#615e58} .rc-list-close{position:absolute;right:20px;top:20px;background:transparent;border:1px solid var(--rc-line);padding:10px;min-height:44px;cursor:pointer} .rc-list-item{border-top:1px solid var(--rc-line);padding:22px 0;display:grid;gap:16px} .rc-list-item>a{color:var(--rc-accent);} .rc-list-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px} .rc-list-fields label{display:grid;gap:6px;} .rc-list-fields input,.rc-list-fields select{min-width:0;width:100%;box-sizing:border-box;min-height:44px;border:1px solid #918b81;padding:10px;color:var(--rc-ink);background:#fff} .rc-list-item>button{justify-self:start;min-height:44px;border:0;border-bottom:1px solid #918b81;background:#fff;cursor:pointer} .rc-list-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:20px} .rc-list-actions>button{padding:12px;background:#fff;border:1px solid var(--rc-line);min-height:44px;cursor:pointer} .rc-reference-summary{padding:18px;background:#f7f2e9;border-left:3px solid var(--rc-accent);margin:20px 0} /* Empty approved-SKU widgets stay available in source without duplicating the
   usable reference-selection workflow in the current empty formal catalogue. */ body:has(.rc-reference-section) #approved-product-selection,body:has(.rc-reference-section) #materials-list{display:none} /* Existing homepage composition, refined with the established V3 light system. */ .fg-page{background:var(--rc-paper)} .fg-dark{background:#f7f5f0;color:var(--rc-ink)} .fg-charcoal{background:#ece8df;color:var(--rc-ink)} .fg-header{max-width:1560px;margin:auto;gap:18px;height:96px} .fg-logo .fg-symbol{width:34px;height:40px}.fg-logo .fg-wordmark{width:91px}.fg-logo small{font-size:8px} .fg-header nav{gap:20px;}.fg-header-actions{gap:18px}.fg-header .fg-button{width:auto;min-width:160px} .fg-hero{height:690px;background:var(--rc-paper);color:var(--rc-ink);max-width:1560px;margin:auto} .fg-hero>img{left:45%;width:55%;height:100%;object-position:55% center} .fg-hero-shade{background:linear-gradient(90deg,#f7f5f0 0%,#f7f5f0 36%,#f7f5f0e0 44%,#f7f5f000 60%)} .fg-hero-inner{padding-top:40px;padding-bottom:32px}.fg-hero .fg-eyebrow{color:var(--rc-accent)} .fg-hero-copy{margin-top:78px;max-width:610px}.fg-hero h1{} .fg-hero-copy>p{max-width:430px;margin-top:26px;color:#615e58} .fg-hero .fg-actions{gap:24px}.fg-hero .fg-actions>.fg-link{} .fg-hero-foot{}.fg-hero-foot>span{background:#f7f5f0ed;padding:10px 12px;margin-left:-12px} .fg-trust{background:#f0ece3;border-bottom:1px solid var(--rc-line);color:var(--rc-ink);height:84px;justify-content:center;gap:9vw} .fg-trust span{color:var(--rc-accent)} .fg-section{padding-top:88px;padding-bottom:88px} .fg-page h2{} .fg-dark .fg-section-head>div>p,.fg-charcoal .fg-section-head>div>p,.fg-dark .fg-meta,.fg-dark .fg-steps p,.fg-perspectives article>p:not(.fg-meta),.fg-showroom>div>p,.fg-showroom-benefits p,.fg-insights article>p:not(.fg-meta){color:#615e58} .fg-dark .fg-eyebrow,.fg-dark .fg-steps>li>span,.fg-dark .fg-showroom-benefits h3 span{color:var(--rc-accent)} .fg-charcoal .fg-arrow{filter:invert(30%) sepia(45%) saturate(1800%) hue-rotate(278deg)} .fg-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .fg-paths article{padding:30px;background:#fff;display:flex;flex-direction:column;gap:20px;border-top:2px solid var(--rc-accent)} .fg-paths h3{}.fg-paths p{color:#615e58} .fg-paths .fg-link{margin-top:auto;min-height:44px}.fg-paths .fg-button{margin-top:0} .fg-products img:not(.fg-arrow){height:auto;aspect-ratio:4/3}.fg-products h3{} .fg-perspectives .fg-caption,.fg-showroom .fg-caption{color:#615e58} .fg-showroom figure{align-self:center}.fg-showroom img:not(.fg-arrow){object-fit:cover} .fg-footer{background:#252620;color:#f7f5f0} @media(max-width:1200px) and (min-width:701px){.fg-header nav{gap:12px;}.fg-header .fg-button{min-width:140px}.fg-header-actions{gap:10px}.fg-hero-copy{max-width:52%}.fg-hero h1{}.fg-paths article{padding:24px}.fg-paths h3{}} @media(max-width:900px){.rc-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fg-paths{grid-template-columns:1fr}.fg-paths article{display:grid;grid-template-columns:1fr 1fr}.fg-paths h3,.fg-paths p{grid-column:1/-1}} @media(max-width:700px){.rc-reference-section{padding:48px 20px}.rc-reference-grid{gap:14px}.rc-reference-grid article{padding:10px}.rc-reference-grid a{}.rc-reference-grid button{padding:10px}.rc-list-trigger{right:16px;bottom:16px}.rc-list-dialog{padding:24px 18px}.rc-list-fields{grid-template-columns:1fr 1fr}.fg-header{height:78px}.fg-hero{height:auto;padding-top:300px}.fg-hero>img{left:0;top:0;width:100%;height:320px;object-position:center}.fg-hero-shade{background:linear-gradient(0deg,#f7f5f0 0%,#f7f5f000 100%);top:260px;height:60px;bottom:auto}.fg-hero-inner{padding:26px 24px 24px}.fg-hero .fg-eyebrow{}.fg-hero-copy{margin-top:22px;max-width:none}.fg-hero h1{}.fg-hero-copy>p{margin-top:20px}.fg-hero .fg-actions{align-items:flex-start;flex-direction:column;gap:16px}.fg-hero-foot{margin-top:24px;gap:20px;align-items:center}.fg-trust{height:auto;min-height:76px;gap:12px;padding:18px 24px;flex-wrap:wrap}.fg-trust p{gap:8px}.fg-section{padding-top:56px;padding-bottom:56px}.fg-page h2{}.fg-paths article{padding:24px;display:flex}.fg-paths h3{}.fg-paths .fg-button{align-self:flex-start}.fg-section-head{gap:24px}.fg-header nav.is-open{background:#f7f5f0;color:#262521}.fg-header .fg-mobile-contact{color:#a21f6b}} /* /type-public/home-chrome-refinement.css */ /* T08 homepage-only consumer styling. Shared component sources stay with T02. */ .home-chrome-refined{--hc-accent:#a21f6b;--hc-ink:#25252b;--hc-line:#e7e2e4} .home-chrome-refined header.ks{position:relative;z-index:100;background:#fff;color:var(--hc-ink);border-bottom:1px solid var(--hc-line);box-shadow:0 3px 18px #25252b05} .home-chrome-refined .ks-header-inner{max-width:1920px;margin:auto;padding:0 clamp(20px,3vw,64px);min-height:84px;display:flex;align-items:center;gap:28px} .home-chrome-refined header.ks :is(a,button){text-decoration:none;color:inherit;} .home-chrome-refined header.ks button{cursor:pointer;border:0;background:transparent;padding:10px;display:grid;place-items:center} .home-chrome-refined header.ks .ks-brand{display:flex;align-items:center;gap:2px;flex-shrink:0;margin-right:auto} .home-chrome-refined header.ks .kuci-logo-symbol{width:40px;height:40px;object-fit:contain} .home-chrome-refined header.ks .kuci-logo-wordmark{width:105px;height:40px;object-fit:contain} .home-chrome-refined #ks-navigation{display:flex;align-items:center;gap:22px} .home-chrome-refined #ks-navigation>a,.home-chrome-refined .ks-nav-group>a{padding:29px 0;white-space:nowrap;position:relative} .home-chrome-refined #ks-navigation>a[aria-current=page]{color:var(--hc-accent)} .home-chrome-refined #ks-navigation>a[aria-current=page]:after{content:'';position:absolute;bottom:19px;left:0;right:0;height:2px;background:var(--hc-accent)} .home-chrome-refined .ks-nav-group{display:flex;align-items:center;gap:2px} .home-chrome-refined header.ks .ks-sub-toggle{padding:10px 2px} .home-chrome-refined header.ks .ks-sub-toggle img{width:14px;height:14px} .home-chrome-refined header.ks .ks-icon{width:21px;height:21px;object-fit:contain} .home-chrome-refined .ks-header-actions{display:flex;align-items:center;gap:12px;margin-left:auto} .home-chrome-refined header.ks .cc-header-contact{display:flex;align-items:center;gap:18px;border-left:1px solid var(--hc-line);padding-left:20px} .home-chrome-refined header.ks .cc-contact-link{display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--hc-ink);} .home-chrome-refined header.ks .cc-icon{display:grid;place-items:center;width:30px;height:30px;background:#faf8f6;border:1px solid var(--hc-line)} .home-chrome-refined header.ks .cc-icon img{width:18px;height:18px} .home-chrome-refined header.ks .ks-button{display:flex;align-items:center;justify-content:center;background:var(--hc-accent);color:white;min-height:44px;padding:10px 20px;border-radius:3px;} .home-chrome-refined header.ks .ks-menu{display:none} .home-chrome-refined header.ks .ks-submenu{display:none;position:absolute;top:100%;background:#fff;padding:24px;border:1px solid var(--hc-line);box-shadow:0 18px 36px #25252b14;max-height:70vh;overflow:auto} .home-chrome-refined .ks-nav-group.is-open>.ks-submenu{display:block} .home-chrome-refined #ks-products-menu{left:5%;right:5%;max-width:1320px;margin:auto} .home-chrome-refined .pn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px} .home-chrome-refined .pn-group{padding:0;margin:0;min-width:0} .home-chrome-refined .pn-group>a{display:block;margin-bottom:10px} .home-chrome-refined .ps-children a{display:block;padding:9px 0;white-space:normal} .home-chrome-refined .ps-children[hidden]{display:none!important} .home-chrome-refined header.ks .ps-sub-toggle{display:none} .home-chrome-refined .pn-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--hc-line);padding-top:20px;margin-top:20px;} .home-chrome-refined #ks-services-menu{width:260px} .home-chrome-refined #ks-services-menu>a{display:block;padding:10px 0} .home-chrome-refined header.ks a:hover{color:var(--hc-accent)} .home-chrome-refined header.ks .ks-button:hover{background:#851956;color:#fff} .home-chrome-refined :is(header.ks,footer.cc-footer) :is(a,button):focus-visible{outline:2px solid #b83c82;outline-offset:5px} .home-chrome-refined footer.cc-footer{background:var(--hc-ink);padding-top:64px;color:#eee8ec} .home-chrome-refined footer.cc-footer .cc-footer-grid,.home-chrome-refined footer.cc-footer .cc-footer-bottom{width:calc(100% - 112px);max-width:1328px} .home-chrome-refined footer.cc-footer .cc-footer-grid{grid-template-columns:1.08fr .85fr 1fr 1.18fr;gap:36px} .home-chrome-refined footer.cc-footer h2{color:#efb9d5;margin-bottom:22px} .home-chrome-refined footer.cc-footer .cc-footer-tagline{} .home-chrome-refined footer.cc-footer :is(.cc-footer-description,address){color:#cec7cd;} .home-chrome-refined footer.cc-footer .cc-footer-nav>a{min-height:44px;color:#eee8ec} .home-chrome-refined footer.cc-footer .cc-footer-nav>a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px} .home-chrome-refined footer.cc-footer :is(.cc-footer-brand,.cc-footer-contact,.cc-footer-direct,.cc-footer-bottom){border-color:#ffffff21} .home-chrome-refined footer.cc-footer .cc-icon{background:#ffffff05;border-color:#ffffff28} .home-chrome-refined footer.cc-footer .cc-footer-quote{min-height:48px;background:var(--hc-accent);border-radius:3px} .home-chrome-refined footer.cc-footer .cc-footer-quote:hover{background:#851956} .home-chrome-refined footer.cc-footer .cc-footer-bottom{color:#c2bac1;padding-block:24px;margin-top:44px} .home-chrome-refined #ks-search{margin:auto;width:min(650px,calc(100% - 40px));padding:32px;max-height:80vh;overflow:auto;border:1px solid var(--hc-line);background:#fff;color:var(--hc-ink)} .home-chrome-refined #ks-search::backdrop{background:#25252b99} .home-chrome-refined #ks-search input{width:100%;padding:12px;border:1px solid #aaa} .home-chrome-refined #ks-search h2{margin-bottom:24px} .home-chrome-refined #ks-search [data-close-dialog]{float:right;padding:10px;background:none;border:0;cursor:pointer} .home-chrome-refined #ks-search .ks-icon{width:20px;height:20px} .home-chrome-refined #ks-search li{padding:14px 0;border-bottom:1px solid var(--hc-line)} .home-chrome-refined #ks-search ul{list-style:none;padding:0} @media(min-width:1361px) and (hover:hover){.home-chrome-refined .ks-nav-group:not([data-menu-dismissed]):hover>.ks-submenu{display:block}} @media(min-width:1361px) and (max-width:1600px){.home-chrome-refined .ks-header-inner{gap:18px;padding-inline:32px;flex-wrap:wrap;padding-block:14px}.home-chrome-refined #ks-navigation{gap:20px}.home-chrome-refined .ks-header-actions{gap:10px}.home-chrome-refined header.ks .cc-header-contact{gap:12px;padding-left:14px}.home-chrome-refined #ks-navigation>a,.home-chrome-refined .ks-nav-group>a{padding-block:14px}.home-chrome-refined #ks-navigation>a[aria-current=page]:after{bottom:6px}} @media(max-width:1360px){ .home-chrome-refined .ks-header-inner{padding:14px 24px;gap:10px;flex-wrap:wrap} .home-chrome-refined header.ks .ks-menu{display:grid} .home-chrome-refined .ks-header-actions{display:contents} .home-chrome-refined header.ks .cc-header-contact{order:5;width:100%;justify-content:flex-end;border:0;border-top:1px solid var(--hc-line);padding:10px 0 0;margin-top:2px} .home-chrome-refined #ks-navigation{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--hc-line);padding:20px 24px;max-height:70vh;overflow:auto;box-shadow:0 18px 30px #25252b12} .home-chrome-refined #ks-navigation.is-open{display:block} .home-chrome-refined #ks-navigation>a{display:block;padding:12px 0} .home-chrome-refined #ks-navigation>a[aria-current=page]:after{display:none} .home-chrome-refined .ks-nav-group{display:grid;grid-template-columns:1fr 44px} .home-chrome-refined .ks-nav-group>a{padding:12px 0} .home-chrome-refined header.ks .ks-submenu{position:static;grid-column:1/-1;padding:15px;background:#faf8f6;border:0;box-shadow:none;width:100%!important;max-height:none} .home-chrome-refined .pn-grid{grid-template-columns:1fr;gap:16px} .home-chrome-refined .pn-group{display:grid;grid-template-columns:1fr 44px} .home-chrome-refined .pn-group>a{align-self:center;margin:0} .home-chrome-refined header.ks .ps-sub-toggle{display:grid} .home-chrome-refined .ps-children{grid-column:1/-1} .home-chrome-refined .pn-footer{align-items:flex-start;flex-direction:column} .home-chrome-refined footer.cc-footer .cc-footer-grid{grid-template-columns:1fr 1fr;gap:36px} .home-chrome-refined footer.cc-footer .cc-footer-contact{padding:0;border:0} } @media(max-width:600px){ .home-chrome-refined .ks-header-inner{padding:12px 20px;gap:6px} .home-chrome-refined header.ks .kuci-logo-symbol{width:30px;height:32px} .home-chrome-refined header.ks .kuci-logo-wordmark{width:84px;height:32px} .home-chrome-refined header.ks .ks-button{padding-inline:14px;} .home-chrome-refined header.ks .cc-header-contact{justify-content:space-between;gap:8px} .home-chrome-refined header.ks .cc-contact-link{gap:5px} .home-chrome-refined header.ks .cc-icon{width:22px;height:22px} .home-chrome-refined header.ks .cc-icon img{width:15px;height:15px} .home-chrome-refined footer.cc-footer{padding-top:44px} .home-chrome-refined footer.cc-footer .cc-footer-grid,.home-chrome-refined footer.cc-footer .cc-footer-bottom{width:calc(100% - 40px)} .home-chrome-refined footer.cc-footer .cc-footer-grid{gap:32px 20px} .home-chrome-refined footer.cc-footer .cc-footer-brand{grid-column:1/-1;border:0;padding:0} .home-chrome-refined footer.cc-footer .cc-footer-description{max-width:330px} .home-chrome-refined footer.cc-footer .cc-footer-contact{grid-column:1/-1;border-top:1px solid #ffffff21;padding-top:28px} .home-chrome-refined footer.cc-footer .cc-footer-nav>a{gap:6px} .home-chrome-refined footer.cc-footer .cc-footer-bottom{flex-wrap:wrap;gap:12px;margin-top:32px} } /* /type-public/home-architecture-v6.css */ /* Homepage-only V6 composition: architectural imagery, clear sourcing paths. */ .ha-page{--ha-berry:#a21f6b;--ha-ink:#25252b;--ha-muted:#68666a;--ha-paper:#f7f5f2;background:#fff;color:var(--ha-ink)} .ha-main{background:#fff} .ha-main *{box-sizing:border-box}.ha-main :is(p,h1,h2,h3,figure){margin:0}.ha-main a{color:inherit;text-decoration:none}.ha-main img{display:block;max-width:100%} .ha-main h1,.ha-main h2{}.ha-main h2{}.ha-main h3{} .ha-wrap{width:calc(100% - 112px);max-width:1680px;margin-inline:auto}.ha-section{padding-block:42px}.ha-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:24px}.ha-heading p{color:var(--ha-muted);margin-top:10px}.ha-kicker{}.ha-main .ha-icon{width:22px;height:22px;object-fit:contain;flex:none} .ha-text-link{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;color:var(--ha-berry)!important;min-height:44px}.ha-text-link .ha-icon{width:18px;height:18px}.ha-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:28px} .ha-main .ha-button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:50px;padding:13px 21px;background:var(--ha-berry);border:1px solid var(--ha-berry);color:#fff;border-radius:3px;}.ha-button .ha-icon{width:18px;height:18px;filter:brightness(0) invert(1)}.ha-main .ha-secondary{background:transparent;color:var(--ha-berry)}.ha-main .ha-secondary .ha-icon{filter:none}.ha-main .ha-button:hover{background:#851956;color:white}.ha-main .ha-secondary:hover .ha-icon{filter:brightness(0) invert(1)} .ha-main a:focus-visible,.ha-main summary:focus-visible,.ha-main :is(input,textarea,select,button):focus-visible{outline:3px solid #a21f6b;outline-offset:4px} .ha-hero{position:relative;isolation:isolate;min-height:620px;height:42vw;max-height:790px;color:#fff}.ha-hero>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 58%}.ha-hero-shade{position:absolute;inset:0;background:#0b142025;z-index:-1}.ha-hero-copy{padding-top:clamp(70px,6vw,120px)}.ha-hero h1{max-width:920px;text-shadow:0 2px 24px #0009;margin-top:14px}.ha-hero .ha-kicker{color:#fff}.ha-hero-services{margin-top:18px!important}.ha-hero-description{margin-top:16px!important;max-width:690px;text-shadow:0 1px 6px #000}.ha-hero .ha-secondary{border-color:#ffffffc9;color:#fff;background:#17212d30}.ha-hero .ha-secondary .ha-icon{filter:brightness(0) invert(1)}.ha-concept{position:absolute;right:30px;bottom:112px;background:#171c2266;padding:4px 8px;color:#fff} .ha-proof{position:absolute;bottom:0;left:0;right:0;background:#14191dd1;border-top:1px solid #ffffff27;backdrop-filter:blur(5px)}.ha-proof>.ha-wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:23px;gap:20px}.ha-proof>.ha-wrap>div{display:flex;gap:16px;align-items:center;border-right:1px solid #ffffff29}.ha-proof>.ha-wrap>div:last-child{border:0}.ha-proof .ha-icon{width:30px;height:30px;filter:brightness(0) invert(1)}.ha-proof strong{display:block}.ha-proof span{display:block;color:#e2e2e3;margin-top:4px} .ha-products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,195px);gap:16px}.ha-product{min-width:0;display:flex;flex-direction:column;background:var(--ha-paper);overflow:hidden;border-radius:3px}.ha-product>img{width:100%;height:calc(100% - 45px);object-fit:cover;transition:transform .25s}.ha-product>div{display:flex;gap:12px;align-items:center;justify-content:space-between;flex:1;padding:11px 14px;background:var(--ha-paper);z-index:1}.ha-product h3{}.ha-product .ha-icon{width:17px;height:17px}.ha-product-feature{grid-column:span 2;grid-row:span 2;position:relative}.ha-product-feature>img{height:100%;width:100%}.ha-product-feature>div{position:absolute;bottom:0;left:0;right:0;background:#ffffffef;padding:18px 22px}.ha-product-feature h3{}.ha-product:hover>img{transform:scale(1.035)}.ha-main .ha-note{color:#767178;margin-top:13px} .ha-design{display:grid;grid-template-columns:1.05fr 1fr;background:#f7f5f2}.ha-design>figure{position:relative;min-height:490px;margin:0}.ha-design>figure>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.ha-design figcaption{position:absolute;bottom:14px;left:22px;background:#ffffffe6;color:#68666a;padding:4px 8px}.ha-design-copy{padding:48px clamp(28px,4vw,72px);align-self:center}.ha-design-copy>.ha-kicker{color:var(--ha-berry);margin-bottom:12px}.ha-design-copy>p:not(.ha-kicker):not(.ha-note){color:var(--ha-muted);max-width:600px;margin-top:16px}.ha-design-paths{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.ha-design-paths article{padding:20px;background:#fff;border:1px solid #eee9ec;border-radius:5px;box-shadow:0 7px 18px #25252b05}.ha-design-paths article>.ha-icon{filter:invert(20%) sepia(76%) saturate(1396%) hue-rotate(290deg) brightness(85%);margin-bottom:12px}.ha-design-paths h3{}.ha-design-paths p{color:var(--ha-muted);margin:8px 0 17px;min-height:38px}.ha-design-paths .ha-button{padding:11px 13px;min-height:43px;gap:8px;width:100%} .ha-halls{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:18px}.ha-halls>a{position:relative;height:280px;border-radius:3px;overflow:hidden;background:#25252b}.ha-halls>a>img{width:100%;height:100%;object-fit:cover}.ha-hall-copy{position:absolute;bottom:0;left:0;right:0;padding:20px;background:#14191dde;color:white}.ha-hall-copy>span{display:block;margin-bottom:5px}.ha-hall-copy h3{padding-right:28px}.ha-hall-copy small{display:block;color:#ddd;margin-top:6px}.ha-hall-copy .ha-icon{position:absolute;right:18px;top:38px;filter:brightness(0) invert(1)} .ha-solutions{background:#f7f5f2}.ha-solutions-grid,.ha-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ha-story-card,.ha-project-card{display:block;overflow:hidden;border-radius:3px}.ha-story-card>img,.ha-project-card>img{width:100%;height:230px;object-fit:cover}.ha-story-card>div,.ha-project-card>div{position:relative;padding:17px 20px;background:#fff}.ha-story-card h3,.ha-project-card h3{padding-right:24px}.ha-story-card p,.ha-project-card p{color:var(--ha-muted);margin-top:7px}.ha-story-card .ha-icon,.ha-project-card .ha-icon{position:absolute;right:16px;top:18px;width:18px;height:18px}.ha-project-card>div{background:#f7f5f2}.ha-project-card small{display:block;color:var(--ha-berry);margin-bottom:7px}.ha-project-card .ha-icon{top:39px} .ha-process{border-top:1px solid #eee9ec}.ha-process ol{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px;margin:28px 0 0;padding:0}.ha-process li{position:relative;padding-right:12px}.ha-step-icon{display:grid;place-items:center;width:48px;height:48px;background:#f7eaf1;border-radius:50%;margin-bottom:15px}.ha-step-icon img{filter:invert(20%) sepia(76%) saturate(1396%) hue-rotate(290deg) brightness(85%)}.ha-process li>small{color:var(--ha-berry);display:block;margin-bottom:4px}.ha-process h3{}.ha-process li>p{color:var(--ha-muted);margin-top:6px}.ha-process-end{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.ha-process-end>.ha-note{margin:0} .ha-why{padding:36px 0;background:#f7f5f2}.ha-why-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:34px;align-items:start}.ha-why .ha-kicker{color:var(--ha-berry);margin-bottom:8px}.ha-why h2{}.ha-why h3{max-width:240px;margin-top:12px}.ha-why p:not(.ha-kicker):not(.ha-note){color:var(--ha-muted);margin-top:9px}.ha-why .ha-icon{filter:invert(20%) sepia(76%) saturate(1396%) hue-rotate(290deg) brightness(85%)} .ha-inquiry{padding:60px 0;background:#fff}.ha-inquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.ha-inquiry .ha-kicker{color:var(--ha-berry);margin-bottom:14px}.ha-inquiry-grid>div>p:not(.ha-kicker){color:var(--ha-muted);max-width:490px;margin-top:20px}.ha-faq{margin-top:30px}.ha-faq details{border-top:1px solid #e7e2e4}.ha-faq details:last-child{border-bottom:1px solid #e7e2e4}.ha-faq summary{padding:15px 4px;cursor:pointer;}.ha-faq details p{color:var(--ha-muted);padding:0 4px 18px} .ha-main .co-form{padding:28px;background:#f7f5f2;border:1px solid #e7e2e4;box-shadow:none}.ha-main .co-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ha-main .co-fields label>span{display:block;position:static;width:auto;height:auto;clip:auto;clip-path:none;overflow:visible;margin-bottom:6px}.ha-main .co-fields :is(input,select,textarea){width:100%;color:var(--ha-ink);padding:11px 12px;border:1px solid #d4cfd2;background:#fff;border-radius:2px;min-height:44px}.ha-main .co-fields textarea{resize:vertical;min-height:84px}.ha-wide{grid-column:1/-1}.ha-main .co-form>small{display:block;color:var(--ha-muted);margin-top:10px}.ha-main .co-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.ha-main .co-upload{padding:10px 12px;border:1px dashed #aaa;background:#fff;min-width:0}.ha-main .co-upload input{max-width:100%;}.ha-main .co-upload strong{}.ha-main .co-upload span{}.ha-main .co-form-actions>.co-button{background:var(--ha-berry);color:#fff;border:0;min-height:48px;padding:12px;cursor:pointer}.ha-main .co-consent{display:flex;align-items:flex-start;gap:9px;margin-top:18px}.ha-main .co-consent input{width:16px;height:16px;margin-top:2px;flex:none}.ha-main .co-consent a{color:var(--ha-berry);text-decoration:underline}.ha-main .co-local-note{color:#767178;margin-top:12px}.ha-main .co-trap{position:absolute;left:-9999px}.ha-main .stage5-result{padding:14px;background:#fff;border-left:3px solid var(--ha-berry);margin-top:14px}.ha-main .stage5-result[hidden],.ha-main .co-files[hidden]{display:none}.ha-main .co-files{overflow-wrap:anywhere} @media(min-width:1800px){.ha-hero-copy{padding-top:100px}.ha-products{grid-template-rows:repeat(2,230px)}.ha-halls>a{height:330px}.ha-story-card>img,.ha-project-card>img{height:280px}} @media(max-width:1100px){.ha-wrap{width:calc(100% - 64px)}.ha-hero{height:650px;min-height:0}.ha-hero h1{max-width:760px}.ha-proof>.ha-wrap{gap:14px}.ha-proof>.ha-wrap>div{gap:10px}.ha-proof strong{}.ha-proof span{}.ha-proof .ha-icon{width:24px;height:24px}.ha-products{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,185px)}.ha-product-feature{grid-column:span 1}.ha-product-feature h3{}.ha-design-copy{padding:35px 25px}.ha-design-copy h2{}.ha-design-paths{gap:10px}.ha-design-paths article{padding:14px}.ha-design-paths .ha-button{padding:10px 7px;gap:5px}.ha-halls>a{height:230px}.ha-hall-copy{padding:14px}.ha-hall-copy h3{}.ha-story-card>img,.ha-project-card>img{height:190px}.ha-inquiry-grid{gap:35px}.ha-why-grid{gap:22px}} @media(max-width:800px){.ha-hero h1{max-width:620px}.ha-hero-description{max-width:550px}.ha-design{grid-template-columns:1fr}.ha-design>figure{height:500px;min-height:0}.ha-design-copy{padding:35px 32px}.ha-design-copy h2 br{display:none}.ha-inquiry-grid{grid-template-columns:1fr}.ha-why-grid{grid-template-columns:1fr 1fr;gap:26px}.ha-halls{gap:12px}.ha-solutions-grid,.ha-projects{gap:14px}.ha-story-card>div,.ha-project-card>div{padding:14px}.ha-story-card h3,.ha-project-card h3{}.ha-process ol{gap:18px}.ha-main .ha-note{}} @media(max-width:600px){.ha-wrap{width:calc(100% - 40px)}.ha-section{padding-block:30px}.ha-main h2{}.ha-heading{display:block;margin-bottom:20px}.ha-heading p{margin-top:9px}.ha-heading .ha-text-link{margin-top:5px;min-height:36px}.ha-hero{height:760px;max-height:none}.ha-hero>img{object-position:65% center}.ha-hero-shade{background:#08111f66}.ha-hero-copy{padding-top:48px}.ha-hero .ha-kicker{max-width:310px}.ha-hero h1{margin-top:16px;max-width:360px}.ha-hero h1 br{display:none}.ha-hero-services{margin-top:19px!important;max-width:310px}.ha-hero-description{max-width:330px;margin-top:14px!important}.ha-hero-description br{display:none}.ha-actions{align-items:flex-start;gap:12px;margin-top:24px}.ha-main .ha-button{min-height:46px;padding:12px 16px}.ha-hero .ha-actions{flex-direction:column}.ha-proof>.ha-wrap{grid-template-columns:1fr 1fr;gap:18px 14px;padding-block:20px}.ha-proof>.ha-wrap>div{align-items:start;border:0;gap:9px}.ha-proof strong{}.ha-proof span{}.ha-proof .ha-icon{width:20px;height:20px;margin-top:2px}.ha-concept{right:20px;bottom:160px;}.ha-products{grid-template-columns:1fr 1fr;grid-template-rows:260px repeat(3,170px);gap:12px}.ha-product-feature{grid-column:1/-1;grid-row:span 1}.ha-product-feature>div{padding:14px 16px}.ha-product-feature h3{}.ha-product>div{padding:10px}.ha-product h3{}.ha-product .ha-icon{width:14px;height:14px}.ha-design>figure{height:330px}.ha-design-copy{padding:30px 20px}.ha-design-copy>.ha-kicker{}.ha-design-copy>p:not(.ha-kicker):not(.ha-note){}.ha-design-paths{grid-template-columns:1fr;gap:12px;margin-top:20px}.ha-design-paths article{padding:20px}.ha-design-paths h3{}.ha-design-paths p{min-height:0;}.ha-design-paths .ha-button{width:auto;min-height:44px}.ha-halls{grid-template-columns:1fr;gap:16px}.ha-halls>a{height:260px}.ha-hall-copy{padding:18px}.ha-hall-copy h3{}.ha-solutions-grid,.ha-projects{grid-template-columns:1fr;gap:20px}.ha-story-card>img,.ha-project-card>img{height:230px}.ha-story-card h3,.ha-project-card h3{}.ha-story-card>div,.ha-project-card>div{padding:18px}.ha-process ol{grid-template-columns:1fr;gap:18px;margin-top:20px}.ha-process li{display:grid;grid-template-columns:48px 1fr;gap:1px 16px;padding:0}.ha-step-icon{grid-row:1/4;margin:0}.ha-process li>small{grid-column:2;margin:0}.ha-process li>h3,.ha-process li>p{grid-column:2}.ha-process li>p{margin-top:3px}.ha-process-end{display:block}.ha-process-end>.ha-text-link{margin-top:8px}.ha-why{padding-block:30px}.ha-why-grid{grid-template-columns:1fr;gap:22px}.ha-why-grid>div:not(:first-child){display:grid;grid-template-columns:28px 1fr;column-gap:14px}.ha-why-grid>div>.ha-icon{grid-row:1/3;margin-top:2px}.ha-why h3{max-width:none;margin:0;}.ha-why p:not(.ha-note):not(.ha-kicker){margin-top:5px}.ha-inquiry{padding:36px 0}.ha-inquiry-grid{gap:26px}.ha-inquiry .ha-kicker{}.ha-inquiry-grid>div>p:not(.ha-kicker){margin-top:15px}.ha-faq summary{}.ha-main .co-form{padding:20px 16px}.ha-main .co-fields{grid-template-columns:1fr;gap:13px}.ha-main .co-fields :is(input,select,textarea){}.ha-main .co-form-actions{grid-template-columns:1fr}.ha-main .co-form-actions>.co-button{}.ha-main .co-form .co-button>.co-icon{width:18px;height:18px}} @media(prefers-reduced-motion:reduce){.ha-main *{transition:none!important;scroll-behavior:auto!important}} .ha-project-card figcaption{padding:18px 20px;background:var(--ha-paper)} /* User-requested supplied-material hero. Keep the room's vertical volume visible. */ .ha-main .ha-hero{display:grid;grid-template-columns:34% 66%;grid-template-rows:minmax(0,1fr) auto;width:calc(100% - 64px);max-width:1920px;margin:28px auto 0;height:clamp(640px,42vw,820px);min-height:0;max-height:none;background:#f4f1eb;color:var(--ha-ink);isolation:auto} .ha-hero>img{position:static;grid-column:2;grid-row:1;z-index:auto;width:100%;height:100%;min-height:0;object-fit:cover;object-position:53% 50%} .ha-hero-shade{display:none} .ha-hero .ha-hero-copy{grid-column:1;grid-row:1;align-self:center;width:100%;max-width:none;margin:0;padding:30px clamp(26px,3vw,62px)} .ha-hero .ha-kicker{color:var(--ha-berry);max-width:280px} .ha-hero h1{max-width:470px;margin-top:20px;text-shadow:none} .ha-hero h1 br{display:none} .ha-hero-services{max-width:330px;margin-top:24px!important} .ha-hero-description{color:#625e59;max-width:350px;margin-top:18px!important;text-shadow:none} .ha-hero-description br{display:none} .ha-hero .ha-actions{gap:10px;flex-direction:column;align-items:stretch;max-width:300px;margin-top:28px} .ha-hero .ha-button{min-height:48px;justify-content:space-between;padding:12px 18px} .ha-hero .ha-secondary{border-color:#b9b2a8;color:var(--ha-ink);background:transparent} .ha-hero .ha-secondary .ha-icon{filter:none} .ha-hero .ha-secondary:hover{background:#e7e1d8;color:var(--ha-ink)} .ha-hero .ha-proof{position:static;grid-column:1/-1;grid-row:2;background:#fff;border-top:0;border-bottom:1px solid #e8e3dd;backdrop-filter:none} .ha-hero .ha-proof>.ha-wrap{width:100%;padding:24px 28px;gap:24px} .ha-hero .ha-proof>.ha-wrap>div{border-color:#e3ddd4;gap:14px} .ha-hero .ha-proof .ha-icon{filter:none;width:26px;height:26px} .ha-hero .ha-proof strong{color:var(--ha-ink);} .ha-hero .ha-proof span{color:#6c675f;} .ha-hero .ha-concept{right:16px;bottom:112px;color:#fff;background:#25252bb3;} @media(min-width:1800px){.ha-main .ha-hero{grid-template-columns:32% 68%}.ha-hero .ha-hero-copy{padding-inline:56px}.ha-hero h1{max-width:none}.ha-hero-description{max-width:430px}.ha-hero-services{max-width:430px}} @media(min-width:801px) and (max-width:1100px){.ha-main .ha-hero{width:calc(100% - 40px);grid-template-columns:40% 60%;height:660px}.ha-hero h1{}.ha-hero .ha-hero-copy{padding:28px}.ha-hero .ha-proof>.ha-wrap{padding:20px 16px;gap:12px}.ha-hero .ha-proof>.ha-wrap>div{gap:8px}.ha-hero .ha-proof strong{}.ha-hero .ha-proof span{}} @media(max-width:800px){.ha-main .ha-hero{width:100%;margin:0;height:auto;display:flex;flex-direction:column;background:#f4f1eb}.ha-hero>img{order:0;height:auto;aspect-ratio:16/10;object-position:center;width:100%}.ha-hero .ha-hero-copy{order:1;padding:28px 24px 30px}.ha-hero .ha-kicker{max-width:none;}.ha-hero h1{max-width:580px;margin-top:14px}.ha-hero-services{max-width:none;margin-top:18px!important}.ha-hero-description{max-width:560px;margin-top:12px!important}.ha-hero .ha-actions{max-width:none;flex-direction:row;flex-wrap:wrap;margin-top:22px}.ha-hero .ha-button{min-height:46px;justify-content:center}.ha-hero .ha-proof{order:2}.ha-hero .ha-proof>.ha-wrap{grid-template-columns:1fr 1fr;padding:22px 24px;gap:20px}.ha-hero .ha-proof>.ha-wrap>div{border:0;align-items:flex-start}.ha-hero .ha-proof strong{}.ha-hero .ha-proof span{}.ha-hero .ha-proof .ha-icon{width:22px;height:22px}.ha-hero .ha-concept{top:12px;bottom:auto;right:12px;}.ha-hero h1 br{display:none}} @media(max-width:360px){.ha-hero h1{}.ha-hero .ha-hero-copy{padding-inline:20px}.ha-hero .ha-proof>.ha-wrap{padding-inline:20px;gap:16px 12px}.ha-hero .ha-proof>.ha-wrap>div{gap:8px}} /* Direct customer paths replace the gallery/process/benefits stack. */ .ha-next{display:grid;grid-template-columns:1fr 1.35fr;gap:clamp(40px,7vw,120px);padding-block:72px;border-bottom:1px solid #e7e1dc} .ha-next-intro .ha-kicker{color:var(--ha-berry);margin-bottom:18px} .ha-next-intro>p:not(.ha-kicker){color:var(--ha-muted);margin-top:20px} .ha-next-intro>.ha-text-link{margin-top:22px} .ha-next-links{border-top:1px solid #d9d1ca} .ha-next-links>a{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:100px;padding:22px 8px;border-bottom:1px solid #e7e1dc;transition:background .2s} .ha-next-links>a:hover{background:var(--ha-paper)} .ha-next-links strong{display:block;} .ha-next-links span>span{display:block;color:var(--ha-muted);margin-top:6px} .ha-next-links .ha-icon{width:24px;height:24px} .ha-design{max-width:1920px;margin-inline:auto} .ha-design-paths{gap:24px} .ha-design-paths article{padding:18px 0 0;border:0;border-top:1px solid #d9d1ca;border-radius:0;background:transparent;box-shadow:none} .ha-design-paths p{min-height:0;margin-bottom:8px} .ha-design-paths .ha-text-link{gap:10px;white-space:normal} .ha-halls{grid-template-columns:repeat(3,minmax(0,1fr))} .ha-hall-copy .ha-icon{top:20px} @media(max-width:800px){.ha-next{grid-template-columns:1fr;gap:30px;padding-block:40px}.ha-next-intro h2 br{display:none}.ha-next-intro>.ha-text-link{margin-top:10px}.ha-next-links>a{min-height:94px}.ha-next-links strong{}} @media(max-width:600px){.ha-halls{grid-template-columns:1fr}.ha-next-links span>span{}.ha-design-paths{gap:16px}.ha-design-paths article{padding:16px 0 0}} /* Reference-led homepage: collection, support, process, showroom, spaces, guides. */ .ha-reference-layout{--ha-paper:#f5f2ed} .ha-reference-layout .ha-wrap{width:calc(100% - 96px);max-width:1320px} .ha-reference-layout .ha-section{padding-block:88px} .ha-reference-layout h2{} .ha-reference-layout .ha-kicker{color:var(--ha-berry)} .ha-reference-layout .ha-heading{align-items:flex-end;gap:32px;margin-bottom:32px} .ha-reference-layout .ha-heading p{max-width:640px;margin-top:14px} .ha-reference-layout .ha-text-link{white-space:normal;flex-shrink:0} .ha-reference-layout .ha-hero{width:calc(100% - 48px);max-width:1600px;height:650px;margin-top:24px;grid-template-columns:38% 62%} .ha-reference-layout .ha-hero .ha-hero-copy{width:100%;max-width:none;margin:0;padding:38px clamp(28px,3.5vw,64px)} .ha-reference-layout .ha-hero h1{} .ha-reference-layout .ha-hero-description{max-width:360px} .ha-reference-layout .ha-hero .ha-proof>.ha-wrap{max-width:none;width:100%;padding:24px 32px} .ha-reference-layout .ha-hero .ha-proof strong{} .ha-section-intro{text-align:center;max-width:760px;margin:0 auto 38px} .ha-section-intro h2{margin-top:14px} .ha-section-intro>p:last-child{color:var(--ha-muted);max-width:620px;margin:18px auto 0} .ha-reference-layout .ha-products{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;gap:26px 20px} .ha-reference-layout .ha-product{border-radius:0;background:transparent} .ha-reference-layout .ha-product>img{height:auto;aspect-ratio:1.12;object-fit:cover} .ha-reference-layout .ha-product>div{padding:15px 0;min-height:56px;border-bottom:1px solid #ded7cf;background:#fff} .ha-reference-layout .ha-product h3{} .ha-reference-layout .ha-product .ha-icon{width:18px;height:18px} .ha-section-action{text-align:center;margin-top:34px} .ha-section-action .ha-button{display:inline-flex;border-color:#b8afa7;color:var(--ha-ink);min-height:48px} .ha-reference-layout .ha-design{grid-template-columns:1fr 1fr;background:var(--ha-paper);margin-bottom:0} .ha-reference-layout .ha-design>figure{min-height:600px} .ha-reference-layout .ha-design-copy{padding:48px 48px} .ha-reference-layout .ha-design-copy>p:not(.ha-kicker){} .ha-benefits{margin-top:26px} .ha-benefits article{display:grid;grid-template-columns:30px 1fr;gap:14px;padding:18px 0;border-top:1px solid #ded7cf} .ha-benefits article>span{color:var(--ha-berry);padding-top:3px} .ha-benefits h3{} .ha-benefits p{color:var(--ha-muted);margin-top:7px} .ha-reference-layout .ha-design-paths{display:flex;flex-wrap:wrap;gap:18px 28px;margin-top:20px} .ha-order ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:40px 0 0} .ha-order li{border-top:1px solid #c9bfb5;padding-top:22px} .ha-step-number{color:#a21f6b;display:block;margin-bottom:24px} .ha-order h3{} .ha-order li>p{color:var(--ha-muted);margin-top:12px} .ha-showroom-band{padding:64px 0;background:#ece7df} .ha-showroom-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center} .ha-showroom-copy h2{margin-top:18px} .ha-showroom-copy>p:not(.ha-kicker){color:#666057;margin-top:22px} .ha-showroom-copy ul{padding-left:18px;margin:22px 0 28px;color:#666057;} .ha-showroom-copy>.ha-text-link{display:flex;width:fit-content;margin-top:18px} .ha-showroom-copy>.ha-button{} .ha-showroom-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:16px} .ha-showroom-mosaic a{display:block;position:relative;overflow:hidden} .ha-showroom-mosaic img{height:180px;width:100%;object-fit:cover;transition:transform .25s} .ha-showroom-mosaic .ha-showroom-large{grid-column:1/-1} .ha-showroom-mosaic .ha-showroom-large img{height:310px} .ha-showroom-mosaic a:hover img{transform:scale(1.025)} .ha-showroom-mosaic span{display:block;padding:11px 0 0;} .ha-reference-layout .ha-story-card{border-radius:0} .ha-reference-layout .ha-story-card>img{height:auto;aspect-ratio:1.4;object-fit:cover} .ha-reference-layout .ha-story-card>div{padding:22px 0;background:#fff;border-bottom:1px solid #ded7cf;min-height:122px} .ha-reference-layout .ha-story-card h3{} .ha-reference-layout .ha-story-card p{max-width:340px} .ha-reference-layout .ha-story-card .ha-icon{right:0;top:24px} .ha-guides-band{background:var(--ha-paper)} .ha-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px} .ha-guides>a{display:flex;flex-direction:column} .ha-guides>a>img{width:100%;aspect-ratio:1.7;object-fit:cover;height:auto} .ha-guides>a>div{padding:24px 0 0;flex:1;display:flex;flex-direction:column} .ha-guides .ha-kicker{} .ha-guides h3{margin-top:12px} .ha-guides p{color:var(--ha-muted);margin-top:12px;margin-bottom:20px} .ha-guide-link{display:flex;gap:16px;align-items:center;margin-top:auto} .ha-guide-link .ha-icon{width:18px;height:18px} .ha-reference-layout .ha-inquiry{padding:88px 0} .ha-reference-layout .ha-inquiry-grid{gap:64px;grid-template-columns:.85fr 1.15fr} .ha-reference-layout a:focus-visible,.ha-reference-layout summary:focus-visible{outline:2px solid var(--ha-berry);outline-offset:5px} @media(min-width:1800px){.ha-reference-layout .ha-hero{height:720px}.ha-reference-layout .ha-hero h1{}} @media(max-width:1100px){.ha-reference-layout .ha-wrap{width:calc(100% - 64px)}.ha-reference-layout .ha-hero{grid-template-columns:40% 60%;height:620px}.ha-reference-layout .ha-hero h1{}.ha-reference-layout .ha-hero-copy{padding:30px}.ha-reference-layout .ha-design-copy{padding:34px 30px}.ha-showroom-layout{gap:34px}.ha-showroom-mosaic .ha-showroom-large img{height:280px}.ha-showroom-mosaic img{height:150px}.ha-reference-layout .ha-inquiry-grid{gap:36px}.ha-guides{gap:20px}} @media(max-width:800px){.ha-reference-layout .ha-section{padding-block:56px}.ha-reference-layout .ha-hero{display:flex;width:100%;height:auto;margin:0}.ha-reference-layout .ha-hero-copy{padding:32px}.ha-reference-layout .ha-hero h1{max-width:600px}.ha-reference-layout .ha-hero-description{max-width:560px}.ha-reference-layout .ha-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.ha-reference-layout .ha-design{grid-template-columns:1fr}.ha-reference-layout .ha-design>figure{height:390px;min-height:0}.ha-reference-layout .ha-design-copy{padding:36px}.ha-order ol{grid-template-columns:1fr 1fr;gap:30px}.ha-showroom-layout{grid-template-columns:1fr;gap:32px}.ha-showroom-copy{max-width:580px}.ha-showroom-mosaic .ha-showroom-large img{height:360px}.ha-showroom-mosaic img{height:210px}.ha-reference-layout .ha-inquiry-grid{grid-template-columns:1fr;gap:36px}.ha-guides h3{}.ha-reference-layout .ha-heading{display:block}.ha-reference-layout .ha-heading>.ha-text-link{margin-top:18px}} @media(max-width:600px){.ha-reference-layout .ha-wrap{width:calc(100% - 40px)}.ha-reference-layout .ha-section{padding-block:44px}.ha-reference-layout h2{}.ha-reference-layout .ha-hero-copy{padding:28px 24px}.ha-reference-layout .ha-hero h1{}.ha-reference-layout .ha-hero .ha-proof>.ha-wrap{padding:22px 24px;gap:20px 14px}.ha-reference-layout .ha-hero .ha-proof strong{}.ha-reference-layout .ha-hero-description{}.ha-section-intro{margin-bottom:28px;text-align:left}.ha-section-intro h2 br{display:none}.ha-section-intro>p:last-child{margin-top:14px}.ha-reference-layout .ha-products{gap:16px 12px}.ha-reference-layout .ha-product h3{}.ha-reference-layout .ha-product>img{aspect-ratio:1}.ha-reference-layout .ha-product>div{min-height:60px;gap:6px;padding:12px 0}.ha-reference-layout .ha-product .ha-icon{width:15px;height:15px;flex-shrink:0}.ha-section-action{margin-top:26px}.ha-reference-layout .ha-design{width:100%}.ha-reference-layout .ha-design>figure{height:300px}.ha-reference-layout .ha-design-copy{padding:30px 24px}.ha-benefits article{padding:16px 0;gap:10px}.ha-reference-layout .ha-design-paths{display:flex;flex-direction:column;gap:16px}.ha-order ol{gap:26px 20px;margin-top:28px}.ha-step-number{margin-bottom:18px}.ha-order h3{}.ha-order li>p{}.ha-showroom-band{padding:38px 0}.ha-showroom-copy>p:not(.ha-kicker){}.ha-showroom-mosaic{gap:12px}.ha-showroom-mosaic .ha-showroom-large img{height:240px}.ha-showroom-mosaic img{height:140px}.ha-showroom-mosaic span{}.ha-reference-layout .ha-solutions-grid{grid-template-columns:1fr;gap:26px}.ha-reference-layout .ha-story-card>div{padding:18px 0;min-height:0}.ha-reference-layout .ha-story-card h3{}.ha-guides{grid-template-columns:1fr;gap:30px}.ha-guides>a>img{aspect-ratio:1.7}.ha-guides>a>div{padding-top:18px}.ha-guides h3{}.ha-reference-layout .ha-inquiry{padding:44px 0}} @media(prefers-reduced-motion:reduce){.ha-showroom-mosaic img{transition:none}} /* Homepage showroom hero: owner-requested full-width exterior visual. */ #main.ha-reference-layout #hero{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;width:100%;max-width:none;height:auto;min-height:0;margin:0;background:#18212a;color:#fff;isolation:isolate} #main.ha-reference-layout #hero>img{position:absolute;inset:0;width:100%;height:calc(100% - 88px);min-height:0;object-fit:cover;object-position:center 43%;z-index:-2;grid-column:auto;grid-row:auto;aspect-ratio:auto} #main.ha-reference-layout #hero .ha-hero-shade{display:block;position:absolute;inset:0 0 88px;background:linear-gradient(90deg,rgba(9,18,24,.82) 0%,rgba(9,18,24,.66) 34%,rgba(9,18,24,.22) 72%,rgba(9,18,24,.12) 100%);z-index:-1} #main.ha-reference-layout #hero .ha-hero-copy{grid-column:1;grid-row:1;align-self:center;width:min(1560px,calc(100% - 128px));max-width:none;margin:0 auto;padding:90px 0 96px;min-height:610px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box} #main.ha-reference-layout #hero .ha-kicker{color:#fff;max-width:none;} #main.ha-reference-layout #hero h1{color:#fff;max-width:700px;text-shadow:0 2px 22px #0005;margin-top:20px} #main.ha-reference-layout #hero h1 br{display:block} #main.ha-reference-layout #hero .ha-hero-services{color:#fff;max-width:540px;margin-top:22px!important} #main.ha-reference-layout #hero .ha-hero-description{color:#f4f2ee;max-width:520px;text-shadow:0 1px 6px #0005} #main.ha-reference-layout #hero .ha-actions{flex-direction:row;flex-wrap:wrap;align-items:center;max-width:none;gap:14px;margin-top:28px} #main.ha-reference-layout #hero .ha-button{min-width:210px;min-height:50px;justify-content:space-between} #main.ha-reference-layout #hero .ha-secondary{color:#fff;border-color:#ffffffb3;background:#ffffff0c} #main.ha-reference-layout #hero .ha-secondary:hover{background:#ffffff24} #main.ha-reference-layout #hero .ha-secondary .ha-icon{filter:brightness(0) invert(1)} #main.ha-reference-layout #hero .ha-proof{grid-row:2;grid-column:1;background:#fff;min-height:88px} #main.ha-reference-layout #hero .ha-proof>.ha-wrap{width:min(1560px,calc(100% - 128px));margin:auto;padding:22px 0;max-width:none} @media(max-width:800px){ #main.ha-reference-layout #hero>img{height:100%;object-position:48% center} #main.ha-reference-layout #hero .ha-hero-shade{inset:0;background:linear-gradient(90deg,#091218d9,#09121866)} #main.ha-reference-layout #hero .ha-hero-copy{width:calc(100% - 48px);padding:72px 0;min-height:580px} #main.ha-reference-layout #hero h1{} #main.ha-reference-layout #hero .ha-hero-services{} #main.ha-reference-layout #hero .ha-hero-description{} #main.ha-reference-layout #hero .ha-proof>.ha-wrap{width:calc(100% - 48px);grid-template-columns:1fr 1fr;padding:24px 0} } @media(max-width:480px){ #main.ha-reference-layout #hero .ha-hero-copy{padding:58px 0;min-height:600px} #main.ha-reference-layout #hero h1{} #main.ha-reference-layout #hero .ha-actions{align-items:stretch;flex-direction:column;width:100%;max-width:300px} #main.ha-reference-layout #hero .ha-button{min-width:0;width:100%} #main.ha-reference-layout #hero .ha-kicker{} } /* /type-public/site-coherence.css */ /* T08 accepted audit integration. One shell; purpose-specific retained mains. */ .kc6-site{--kc6-ink:#242421;--kc6-muted:#62625e;--kc6-paper:#f6f3ed;--kc6-brand:#9f206c;--kc6-line:#ddd9d2;background:#fff;color:var(--kc6-ink);} .kc6-site *{box-sizing:border-box} .kc6-site [hidden]{display:none!important} .kc6-site :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #9f206c;outline-offset:4px} .kc6-site main h1{max-width:850px} .kc6-site main h2{} .kc6-site main h3{} html body.kc6-site[data-coherence-page] :is(main,#main) :is(h1,h2){} .kc6-site main p{} .kc6-site main em{} .kc6-site main :is(figcaption,small){color:#62625e} .kc6-site main img{max-width:100%} .kc6-site main :is(section,[id]){scroll-margin-top:105px} .kc6-wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto} .kc6-header{position:sticky!important;top:0;z-index:1000;background:#fff!important;border-bottom:1px solid var(--kc6-line);box-shadow:none!important} .kc6-header-inner{width:min(1500px,calc(100% - 64px));height:88px;margin:auto;display:flex;align-items:center;gap:34px} .kc6-brand{display:flex;align-items:center;gap:2px;flex:none;text-decoration:none} .kc6-brand img:first-child{width:37px;height:auto}.kc6-brand img:last-child{width:103px;height:auto} #kc6-navigation{margin-left:auto;display:flex;align-items:center;gap:25px} #kc6-navigation>a{position:relative;color:var(--kc6-ink);text-decoration:none;padding:20px 0;white-space:nowrap} #kc6-navigation>a[aria-current],#kc6-navigation>a:hover{color:var(--kc6-brand)} #kc6-navigation>a[aria-current]:after{content:"";position:absolute;bottom:10px;left:0;right:0;height:2px;background:var(--kc6-brand)} #kc6-navigation>.rc-list-trigger{position:static!important;inset:auto!important;box-shadow:none!important;transform:none!important;flex:none;min-height:44px;padding:8px 0;background:transparent;color:var(--kc6-brand);border:0;white-space:nowrap;text-align:left;justify-content:flex-start} .kc6-header-actions{display:flex;align-items:center;gap:18px} .kc6-header-actions>button{background:none;border:0;padding:10px;cursor:pointer;display:flex;color:var(--kc6-ink)} .kc6-header-actions img{width:22px;height:22px} .kc6-menu{display:none} .kc6-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border:1px solid var(--kc6-line);background:transparent;color:var(--kc6-ink);text-decoration:none!important;cursor:pointer;border-radius:2px;gap:10px} .kc6-button:hover{border-color:var(--kc6-brand);color:var(--kc6-brand)} .kc6-primary{background:var(--kc6-brand);border-color:var(--kc6-brand);color:#fff!important}.kc6-primary:hover{background:#7d1955;border-color:#7d1955} .kc6-header .kc6-button{min-height:42px;padding:11px 20px} .kc6-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px} .kc6-kicker{color:var(--kc6-brand);margin:0 0 22px;} .kc6-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;padding-block:68px 55px;border-bottom:1px solid var(--kc6-line)} .kc6-intro h1{margin:0}.kc6-intro-side{align-self:end;max-width:450px}.kc6-intro-side>p{margin:0;color:var(--kc6-muted);} .kc6-breadcrumb{padding-block:23px 0!important;color:var(--kc6-muted)} .kc6-breadcrumb a{color:inherit} .kc6-anchor{display:block;position:relative;height:0;overflow:hidden;scroll-margin-top:105px} .kc6-ending{background:var(--kc6-paper);margin-top:50px;padding-block:56px} .kc6-ending>.kc6-wrap{display:flex;justify-content:space-between;align-items:center;gap:40px} .kc6-ending h2{margin:0 0 12px;max-width:750px}.kc6-ending p{margin:0;color:var(--kc6-muted);max-width:720px}.kc6-ending a{flex:none} .kc6-paths{padding-block:64px 60px}.kc6-section-heading h2{margin:0 0 30px}.kc6-section-heading .kc6-kicker{margin-bottom:14px} .kc6-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-block:1px solid var(--kc6-line)} .kc6-three>a{padding:30px 28px 32px 0;color:var(--kc6-ink);text-decoration:none;border-right:1px solid var(--kc6-line)} .kc6-three>a+a{padding-left:28px}.kc6-three>a:last-child{border-right:0;padding-right:0} .kc6-three span{color:var(--kc6-muted)} .kc6-three h3{margin:18px 0 12px} .kc6-three p{color:var(--kc6-muted);margin:0 0 22px}.kc6-three b{color:var(--kc6-brand);} .kc6-three>a:hover b{text-decoration:underline} .kc6-proof{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:45px 70px}.kc6-proof h2{margin:0;max-width:440px} .kc6-proof-links a{display:block;padding:20px 0;border-bottom:1px solid var(--kc6-line);color:var(--kc6-ink);text-decoration:none}.kc6-proof-links a:first-child{padding-top:0}.kc6-proof-links strong{display:block;}.kc6-proof-links span{display:block;color:var(--kc6-muted);margin-top:8px} .kc6-site .ha-section{padding-block:50px}.kc6-site .ha-hero{margin-top:24px}.kc6-site .ha-hero h1{} .kc6-site .ha-section h2{max-width:660px;margin-inline:auto}.kc6-site .ha-design,.kc6-site .ha-guides-band{display:none} .kc6-directory{padding-block:45px!important;width:min(1280px,calc(100% - 80px))!important;max-width:none!important} .kc6-directory .pd-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:32px 24px!important} .kc6-directory .pd-item{min-width:0!important;grid-column:auto!important;border:0!important;background:transparent!important} .kc6-directory .pd-card{display:block!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important} .kc6-directory .pd-card-image{height:auto!important;aspect-ratio:4/3;overflow:hidden} .kc6-directory .pd-card-image img{height:100%!important;width:100%!important;object-fit:cover} .kc6-directory .pd-card-copy{padding:18px 0 10px!important}.kc6-directory .pd-card-copy h3{margin:0 0 8px!important} .kc6-directory .pd-card-copy p{margin:0!important;color:var(--kc6-muted)} .kc6-directory .pd-heading{margin-bottom:24px!important}.kc6-directory .pd-heading h2{} .kc6-directory .pe-discovery{padding:0!important;border:0!important;margin-bottom:28px!important}.kc6-directory .pe-discovery>summary{display:none!important} .kc6-directory .pd-tools{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between} .kc6-directory .pd-filters{display:flex;flex-wrap:wrap;gap:8px}.kc6-directory .pd-filters button{min-height:42px;border-radius:2px} .kc6-directory .pd-search input{min-height:44px!important;width:100%}.kc6-directory .pd-search>span[aria-hidden]{display:none} .kc6-site .px4-topics{padding-block:48px!important}.kc6-site .px4-topic-grid{gap:28px!important} .kc6-site[data-coherence-page="services.html"] .svx-six{gap:24px!important}.kc6-site[data-coherence-page="services.html"] .svx-steps li{padding:24px!important;border:1px solid var(--kc6-line);background:#fff} .kc6-site[data-coherence-page="services.html"] .svx-steps figure{max-width:160px;margin:0 0 18px!important}.kc6-site[data-coherence-page="services.html"] .svx-steps h3{}.kc6-site[data-coherence-page="services.html"] .svx-steps p{} .kc6-site[data-coherence-page="services.html"] .svx-workflow{background:var(--kc6-paper);margin-top:40px} .kc6-evidence{margin-block:36px;border-block:1px solid var(--kc6-line)}.kc6-evidence>summary{padding:22px 0;cursor:pointer;}.kc6-evidence .svx-document{padding-block:20px!important} .kc6-site .sr-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}.kc6-site .sr-gallery>figure{grid-column:auto!important;grid-row:auto!important;margin:0!important}.kc6-site .sr-gallery img{aspect-ratio:4/3!important;height:auto!important;object-fit:cover!important}.kc6-site .sr-gallery a{height:auto!important} .kc6-site[data-coherence-page="showrooms.html"] .sr-section{padding-block:55px!important} .kc6-site .v5-solution-row{gap:60px}.kc6-site .v5-solution-row img{max-height:500px;object-fit:cover} .kc6-site[data-coherence-list="guides"] #blog-list{width:min(1280px,calc(100% - 80px));margin-inline:auto;padding-block:20px 60px} .kc6-site[data-coherence-list="guides"] #blog-filters{width:min(1280px,calc(100% - 80px));padding-block:28px!important;margin-inline:auto} .kc6-site[data-coherence-list="guides"] #blog-list>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px} .kc6-site[data-coherence-list="guides"] #blog-list article{display:flex!important;flex-direction:column!important;grid-column:auto!important;gap:0!important;border:0!important;margin:0!important;padding:0!important;background:#fff!important;min-width:0} .kc6-site[data-coherence-list="guides"] #blog-list article>a{display:block!important;width:100%!important;flex:none!important} .kc6-site[data-coherence-list="guides"] #blog-list article img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important} .kc6-site[data-coherence-list="guides"] #blog-list article>div{padding:20px 0!important;display:block!important} .kc6-site[data-coherence-list="guides"] #blog-list article h2{}.kc6-site[data-coherence-list="guides"] #blog-list article p{} .kc6-site[data-coherence-list="guides"] #blog-list article.kc6-text-guide{background:var(--kc6-paper)!important;padding:28px!important;justify-content:center!important;min-height:380px} .kc6-site[data-coherence-list="guides"] .kb-pagination{display:flex;gap:10px;padding:30px 0;grid-column:1/-1} .kc6-site .cr-contact-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.15fr)!important;gap:72px!important;align-items:start!important} .kc6-site .cr-contact-band{background:var(--kc6-paper)!important;padding-block:60px!important}.kc6-site .cr-contact-intro{padding-top:12px}.kc6-site .cr-contact-intro h1{} .kc6-site .cr-form-card{border:1px solid #e1ddd5!important;padding:36px!important;border-radius:3px!important;min-width:0} .kc6-site .cr-form-heading h2{}.kc6-site .cr-form-heading{margin-bottom:24px!important} .kc6-site .kc-form fieldset{border:0;margin:0;padding:0;min-width:0}.kc6-site .kc-form legend{margin-bottom:20px} .kc6-site .kc-field{display:flex;flex-direction:column;gap:8px;margin-bottom:19px!important;min-width:0} .kc6-site .kc-field :is(input,select,textarea){width:100%;border:1px solid #aaa9a3;border-radius:2px;padding:12px;min-height:46px;background:#fff;color:var(--kc6-ink)} .kc6-site .cr-form-grid{gap:0 18px!important}.kc6-site .kc-field textarea{min-height:100px}.kc6-site .kc-consent{display:flex;gap:10px;align-items:start;}.kc6-site .kc-consent input{width:17px;height:17px;flex:none;margin-top:2px} .kc6-site .cr-actions{display:flex;gap:12px;margin-top:24px}.kc6-site .cr-button{min-height:46px!important;border-radius:2px!important} .kc6-contact-links{display:flex;flex-direction:column;gap:18px;margin:32px 0}.kc6-contact-links a{color:var(--kc6-brand);text-decoration:underline;text-underline-offset:4px} .kc6-expect{border-top:1px solid var(--kc6-line);padding-top:28px}.kc6-expect ol{padding-left:18px;color:var(--kc6-muted)}.kc6-expect>p:last-child{color:var(--kc6-muted)} .kc6-selection-context{padding:18px;background:#f6f3ed;border-left:3px solid var(--kc6-brand);margin-bottom:22px}.kc6-selection-context p{margin:8px 0}.kc6-selection-context a{color:var(--kc6-brand)} .kc6-location{padding-block:28px;border-bottom:1px solid var(--kc6-line)}.kc6-location>summary{cursor:pointer;padding-block:14px} .kc6-site .cr-local-note{color:var(--kc6-muted);margin-top:24px}.kc6-site .rc-reference-summary{margin-block:14px 22px} #kc6-search{width:min(680px,calc(100% - 32px));max-height:82vh;border:0;border-radius:4px;padding:32px;color:#242421;background:#fff;overflow:auto} #kc6-search::backdrop{background:rgba(0,0,0,.4)}#kc6-search h2{margin:24px 0}#kc6-search label{display:block;}#kc6-search input{display:block;width:100%;padding:13px;margin-top:8px;border:1px solid #aaa} .kc6-close{display:block;margin-left:auto;border:1px solid var(--kc6-line);background:#fff;padding:8px 14px;min-height:40px;cursor:pointer}#kc6-search ul{list-style:none;padding:0}#kc6-search li{border-top:1px solid var(--kc6-line);padding:14px 0}#kc6-search a{color:var(--kc6-brand);}#kc6-search li p{color:#62625e;margin:6px 0 0} @media(max-width:1200px){.kc6-header-inner{gap:20px;width:calc(100% - 40px)}#kc6-navigation{gap:17px}.kc6-brand img:first-child{width:29px}.kc6-brand img:last-child{width:85px}.kc6-header-actions{gap:8px}.kc6-directory .pd-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.kc6-intro{gap:50px}.kc6-site .cr-contact-layout{gap:36px!important}} @media(max-width:1000px){.kc6-header-inner{height:74px}.kc6-menu{display:block;margin-left:auto;border:1px solid var(--kc6-line);background:#fff;padding:10px 14px;min-height:42px;}.kc6-header-actions{margin-left:0}#kc6-navigation{display:none;position:absolute;top:74px;left:0;right:0;margin:0;background:#fff;border-bottom:1px solid var(--kc6-line);padding:20px 32px;max-height:calc(100dvh - 74px);overflow:auto}#kc6-navigation.is-open{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}#kc6-navigation>a{padding:16px 0;border-bottom:1px solid #eee}#kc6-navigation>a[aria-current]:after{display:none}.kc6-site main :is(section,[id]),.kc6-anchor{scroll-margin-top:85px}.kc6-wrap,.kc6-directory,.kc6-site[data-coherence-list="guides"] #blog-list,.kc6-site[data-coherence-list="guides"] #blog-filters{width:calc(100% - 48px)!important}.kc6-site .cr-contact-layout{grid-template-columns:1fr!important}.kc6-site .cr-contact-intro{max-width:660px}.kc6-site .cr-contact-options{display:none}.kc6-expect{display:none}.kc6-intro{gap:35px}.kc6-three h3{}.kc6-proof{gap:35px}.kc6-ending>.kc6-wrap{align-items:start;flex-direction:column}.kc6-site .sr-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:700px){.kc6-header-inner{width:calc(100% - 28px);gap:10px;height:70px}.kc6-brand img:first-child{width:25px}.kc6-brand img:last-child{width:73px}.kc6-header .kc6-button{padding:10px 13px;}.kc6-menu{padding:10px}.kc6-header-actions{gap:3px}.kc6-header-actions>button{padding:8px}#kc6-navigation{top:70px}.kc6-wrap,.kc6-directory,.kc6-site[data-coherence-list="guides"] #blog-list,.kc6-site[data-coherence-list="guides"] #blog-filters{width:calc(100% - 36px)!important}.kc6-intro{grid-template-columns:1fr;gap:25px;padding-block:38px 32px}.kc6-intro-side{max-width:none}.kc6-intro h1{}.kc6-paths{padding-block:38px}.kc6-three{grid-template-columns:1fr}.kc6-three>a,.kc6-three>a+a{padding:24px 0;border-right:0;border-bottom:1px solid var(--kc6-line)}.kc6-three>a:last-child{border-bottom:0}.kc6-three h3{margin-block:13px 10px}.kc6-three p{margin-bottom:14px}.kc6-proof{grid-template-columns:1fr;gap:30px;padding-block:30px 40px}.kc6-ending{padding-block:36px;margin-top:28px}.kc6-ending>.kc6-wrap{gap:24px}.kc6-kicker{margin-bottom:16px}.kc6-directory .pd-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 16px!important}.kc6-directory .pd-card-copy h3{}.kc6-directory .pd-card-copy p{}.kc6-directory .pd-search{width:100%}.kc6-directory .pd-filters button{padding:9px}.kc6-site[data-coherence-list="guides"] #blog-list>div{grid-template-columns:1fr!important}.kc6-site[data-coherence-list="guides"] #blog-list article{margin-bottom:24px!important}.kc6-site[data-coherence-list="guides"] #blog-list article.kc6-text-guide{min-height:260px}.kc6-site .cr-form-card{padding:23px 18px!important}.kc6-site .cr-contact-band{padding-block:30px!important}.kc6-site .cr-form-heading h2{}.kc6-site .cr-form-grid{grid-template-columns:1fr!important}.kc6-site .cr-actions{flex-wrap:wrap}.kc6-site .sr-gallery{grid-template-columns:1fr!important}.kc6-site main .v5-solution-row{gap:28px}.kc6-site .ha-hero{margin-top:12px}.kc6-site .ha-section{padding-block:30px}} @media(prefers-reduced-motion:reduce){.kc6-site *{scroll-behavior:auto!important;transition:none!important;animation:none!important}} .kc6-site .kc-form legend{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .kc6-site[data-coherence-page^="collection-ref-"] .y-hero{padding-block:34px 12px!important} .kc6-site[data-coherence-page^="collection-ref-"] main h1{max-width:1000px} .kc6-site[data-coherence-page^="collection-ref-"] .y-section{padding-block:35px!important} .kc6-site[data-coherence-page^="collection-ref-"] aside [data-rc-add]{margin-top:18px} @media(max-width:700px){.kc6-site .cr-direct{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:22px!important}.kc6-site .cr-direct a{margin:0!important;}.kc6-site .cr-contact-layout{gap:24px!important}.kc6-contact-links{margin:18px 0 0;gap:12px}.kc6-contact-links a{}.kc6-site .cr-hero-copy>p{}.kc6-site .svx-family{position:static!important}} /* /type-public/products-menu-local.css */ /* T08 product-menu integration. Original shared component sources are retained. */ /* Keep both panels closed before deferred navigation JavaScript initializes. */ html body :is(header[data-shared-chrome],header.kc6-header) .ks-nav-group:not([data-pm-controlled])>:is(#ks-products-menu,#ks-services-menu)[data-products-menu-local]{display:none!important;} html body :is(header[data-shared-chrome],header.kc6-header) :is(#ks-products-menu,#ks-services-menu)[data-products-menu-local]{box-sizing:border-box;background:#fff;color:#312a2e;border:0;border-top:1px solid #ece6e9;border-bottom:1px solid #ece6e9;border-radius:0;padding:18px clamp(24px,3vw,64px) 24px;box-shadow:0 12px 22px #30242d0c;} html body :is(header[data-shared-chrome],header.kc6-header) :is(#ks-products-menu,#ks-services-menu) .pm-inner{width:100%;max-width:1600px;margin:0 auto;} html body :is(header[data-shared-chrome],header.kc6-header) :is(#ks-products-menu,#ks-services-menu) .pm-heading{margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #e6dfe2;} html body :is(header[data-shared-chrome],header.kc6-header) :is(#ks-products-menu,#ks-services-menu) .pm-heading>a{display:inline-flex;align-items:center;gap:16px;min-height:44px;margin:0;padding:8px 12px;color:#a21f6b;text-decoration:none;} html body :is(header[data-shared-chrome],header.kc6-header) :is(#ks-products-menu,#ks-services-menu) .pm-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 16px;} html body :is(header[data-shared-chrome],header.kc6-header) #ks-services-menu .pm-links{grid-template-columns:repeat(3,minmax(0,1fr));} html body :is(header[data-shared-chrome],header.kc6-header) :is(#ks-products-menu,#ks-services-menu) .pm-links>a{display:flex;align-items:center;min-height:48px;padding:10px 12px;margin:0;border:0;border-radius:4px;background:transparent;color:#312a2e;text-decoration:none;overflow-wrap:break-word;} html body :is(header[data-shared-chrome],header.kc6-header) :is(#ks-products-menu,#ks-services-menu) a:is(:hover,:focus-visible,[aria-current=page]){background:#f8f1f5;color:#a21f6b;} html body :is(header[data-shared-chrome],header.kc6-header) :is(#ks-products-menu,#ks-services-menu) a:focus-visible{outline:2px solid #a21f6b;outline-offset:2px;} html body :is(header[data-shared-chrome],header.kc6-header)[data-pm-layout=wide] :is(#ks-products-menu,#ks-services-menu)[data-products-menu-local]{position:fixed;inset:var(--pm-top,84px) 0 auto;transform:none;width:auto!important;max-width:none;max-height:calc(100dvh - var(--pm-top,84px) - 12px);overflow:auto;overscroll-behavior:contain;} /* One state prevents legacy hover/focus rules reopening after Escape. */ html body :is(header[data-shared-chrome],header.kc6-header) [data-pm-controlled]:not(.is-open)>:is(#ks-products-menu,#ks-services-menu){display:none!important;} html body :is(header[data-shared-chrome],header.kc6-header) [data-pm-controlled].is-open>:is(#ks-products-menu,#ks-services-menu){display:block!important;animation:pm-reveal 140ms ease-out;} html body :is(header[data-shared-chrome],header.kc6-header) [data-pm-controlled].is-open>a{color:#a21f6b;background:#f8f1f5;border-radius:4px;} html body :is(header[data-shared-chrome],header.kc6-header) [data-pm-controlled]>.ks-sub-toggle img{transition:transform 140ms ease;} html body :is(header[data-shared-chrome],header.kc6-header) [data-pm-controlled].is-open>.ks-sub-toggle img{transform:rotate(180deg);} @keyframes pm-reveal{from{opacity:0;}to{opacity:1;}} html body :is(header[data-shared-chrome],header.kc6-header)[data-pm-layout=compact] :is(#ks-navigation,#kc6-navigation){justify-content:flex-start;} html body :is(header[data-shared-chrome],header.kc6-header)[data-pm-layout=compact] :is(#ks-navigation,#kc6-navigation)>a,html body :is(header[data-shared-chrome],header.kc6-header)[data-pm-layout=compact] :is(#ks-navigation,#kc6-navigation)>.ks-nav-group{flex-shrink:0;} html body :is(header[data-shared-chrome],header.kc6-header)[data-pm-layout=compact] :is(#ks-products-menu,#ks-services-menu)[data-products-menu-local]{position:static;inset:auto;transform:none;grid-column:1/-1;flex-basis:100%;width:100%!important;max-width:none;max-height:none;padding:8px 0 12px;overflow:visible;box-shadow:none;} html body :is(header[data-shared-chrome],header.kc6-header)[data-pm-layout=compact] :is(#ks-products-menu,#ks-services-menu) .pm-links{grid-template-columns:minmax(0,1fr);gap:4px 8px;} html body :is(header[data-shared-chrome],header.kc6-header)[data-pm-layout=compact] #ks-services-menu .pm-links{grid-template-columns:1fr;} html body :is(header[data-shared-chrome],header.kc6-header)[data-pm-layout=compact] :is(#ks-products-menu,#ks-services-menu) .pm-links>a{padding:10px 8px;} @media(prefers-reduced-motion:reduce){html body :is(header[data-shared-chrome],header.kc6-header) [data-pm-controlled].is-open>:is(#ks-products-menu,#ks-services-menu){animation:none;}html body :is(header[data-shared-chrome],header.kc6-header) [data-pm-controlled]>.ks-sub-toggle img{transition:none;}} html body .kc6-header .pm-nav-group{display:flex;align-items:center;gap:0;flex-shrink:0;} html body .kc6-header .pm-nav-group>a{padding:14px 8px;text-decoration:none;color:#242421;white-space:nowrap;} html body .kc6-header .pm-nav-group>.ks-sub-toggle{display:grid;place-items:center;background:transparent;border:0;width:28px;height:44px;padding:0;cursor:pointer;} html body .kc6-header .pm-nav-group>.ks-sub-toggle img{width:14px;height:14px;} html body .kc6-header[data-pm-layout=compact] .pm-nav-group{display:grid;grid-column:1/-1;grid-template-columns:1fr 44px;width:100%;} html body .kc6-header[data-pm-layout=compact] .pm-nav-group>a{padding:12px 8px;} html body .kc6-header[data-pm-layout=compact] .pm-nav-group>.ks-sub-toggle{width:44px;} /* Keep the longer single-column menu scrollable at every compact breakpoint. */ html:has(header[data-pm-layout=compact] :is(.ks-menu,.kc6-menu)[aria-expanded=true]){overflow:hidden;} html body :is(header[data-shared-chrome],header.kc6-header)[data-pm-layout=compact] :is(#ks-navigation,#kc6-navigation){max-height:calc(100dvh - var(--pm-top,84px));overflow-y:auto;overscroll-behavior:contain;align-content:start;} /* /type-public/reference-navigation.css */ /* Owner's eight-link navigation, with the original white and brand-color palette. */ html body .kc6-header{background:#fff!important;border-color:#ddd9d2;color:#242421;} html body .kc6-header-inner{gap:30px} html body #kc6-navigation{gap:28px;flex-wrap:nowrap} html body #kc6-navigation>a,html body .kc6-header .pm-nav-group>a{color:#242421!important;padding:20px 0;position:relative;white-space:nowrap} html body .kc6-header .pm-nav-group{gap:3px} html body .kc6-header .pm-nav-group>.ks-sub-toggle{width:22px} html body .kc6-header .pm-nav-group>.ks-sub-toggle img,html body .kc6-header [data-kc6-search] img,html body .kc6-header .kc6-brand img{filter:none} html body #kc6-navigation>a[aria-current]:after,html body .kc6-header .pm-nav-group>a[aria-current]:after{content:"";position:absolute;bottom:10px;left:0;right:0;height:2px;background:#9f206c} html body #kc6-navigation>a:is(:hover,[aria-current]),html body .kc6-header .pm-nav-group>a:is(:hover,[aria-current]){color:#9f206c!important;text-decoration:none} html body .kc6-header [data-pm-controlled].is-open>a{background:transparent!important;color:#9f206c!important} html body .kc6-header-actions{gap:12px;flex:none} html body.kc6-site .rc-list-trigger{display:none!important} @media(min-width:1201px) and (max-width:1450px){html body .kc6-header-inner{width:calc(100% - 48px);gap:22px}html body #kc6-navigation{gap:20px}html body #kc6-navigation>a,html body .kc6-header .pm-nav-group>a{}html body .kc6-brand img:last-child{width:88px}html body .kc6-brand img:first-child{width:30px}} @media(max-width:1200px){ html body .kc6-header-inner{height:74px;gap:16px} html body .kc6-menu{display:block;margin-left:auto;min-height:42px;padding:10px 12px;background:#fff;color:#242421;border:1px solid #ddd9d2;} html body #kc6-navigation{display:none;position:absolute;top:74px;left:0;right:0;margin:0;background:#fff;border-bottom:1px solid #ddd9d2;padding:16px 24px;max-height:calc(100dvh - 74px);overflow:auto} html body #kc6-navigation.is-open{display:grid;grid-template-columns:1fr;gap:0} html body #kc6-navigation>a,html body .kc6-header .pm-nav-group>a{padding:16px 0;border-bottom:1px solid #eee;} html body #kc6-navigation>a[aria-current]:after,html body .kc6-header .pm-nav-group>a[aria-current]:after{display:none} html body .kc6-header .pm-nav-group{display:grid;grid-column:1/-1;grid-template-columns:1fr 44px;width:100%} html body .kc6-header .pm-nav-group>.ks-sub-toggle{width:44px} } @media(max-width:700px){html body .kc6-header-inner{height:70px;gap:10px}html body #kc6-navigation{top:70px}html body .kc6-header-actions{gap:6px}html body .kc6-header-actions>.rc-list-trigger{}html body .kc6-header-actions>button{padding:6px}html body .kc6-header .kc6-brand img:first-child{width:25px}html body .kc6-header .kc6-brand img:last-child{width:73px}} /* Service needs only a short, single-column dropdown beneath its trigger. */ html body .kc6-header .pm-service-group{position:relative} html body .kc6-header .pm-service-group>.pm-service-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:7px;width:auto;min-height:44px;padding:20px 0;border:0;background:transparent;color:#242421;cursor:pointer;white-space:nowrap} html body .kc6-header .pm-service-group:is(:hover,.is-open)>.pm-service-trigger,html body .kc6-header .pm-service-trigger[aria-current]{color:#9f206c} html body .kc6-header .pm-service-trigger img{width:14px;height:14px;flex:0 0 14px} html body .kc6-header[data-pm-layout=wide] .pm-service-group>#ks-services-menu[data-products-menu-local]{position:absolute;inset:calc(100% + 12px) auto auto -14px;transform:none;width:270px!important;max-width:calc(100vw - 32px);max-height:calc(100dvh - 100px);overflow:auto;border:1px solid #e4dedf;border-radius:3px;box-shadow:0 8px 24px #2820261a;background:#fff!important;padding:0!important} html body .kc6-header .pm-service-group #ks-services-menu .pm-inner{width:100%!important;max-width:none!important;margin:0!important;padding:8px!important} html body .kc6-header .pm-service-group #ks-services-menu .pm-links{display:flex!important;flex-direction:column!important;gap:2px!important;width:100%!important} html body .kc6-header .pm-service-group #ks-services-menu .pm-links>a{display:block!important;min-height:44px;width:100%!important;padding:12px!important;white-space:normal!important} @media(min-width:1201px) and (max-width:1450px){html body .kc6-header .pm-service-group>.pm-service-trigger{}} @media(max-width:1200px){html body .kc6-header .pm-service-group{display:block;grid-column:1/-1}html body .kc6-header .pm-service-group>.pm-service-trigger{width:100%;padding:16px 0;border-bottom:1px solid #eee}html body .kc6-header .pm-service-group>#ks-services-menu{position:static;inset:auto;transform:none;width:100%!important;max-width:none;box-shadow:none}} /* /type-public/home-intro.css */ /* Homepage opening only: align the showroom message and the three next steps. */ #main.ha-reference-layout[data-home-intro] #hero{display:block;grid-template-rows:none;max-height:none;background:#17232e;overflow:hidden} #main.ha-reference-layout[data-home-intro] #hero>img{width:100%;max-width:none;height:100%;object-position:center 12%} #main.ha-reference-layout[data-home-intro] #hero .ha-hero-shade{inset:0;background:linear-gradient(90deg,#0b1924cf 0%,#0b192480 32%,#0b19241a 62%,#0b192400 100%)} #main.ha-reference-layout[data-home-intro] #hero .ha-hero-copy{width:min(1760px,calc(100% - 128px));min-height:clamp(660px,80svh,1000px);margin:auto;padding:88px 0;justify-content:flex-end} #main.ha-reference-layout[data-home-intro] #hero .ha-kicker{margin:0} #main.ha-reference-layout[data-home-intro] #hero h1{max-width:680px;margin:22px 0 0;} #main.ha-reference-layout[data-home-intro] #hero .ha-hero-description{max-width:500px;margin:24px 0 0!important} #main.ha-reference-layout[data-home-intro] #hero .ha-actions{margin-top:30px;gap:14px} #main.ha-reference-layout[data-home-intro] #hero .ha-button{min-width:190px;min-height:48px;} #main[data-home-intro] #start{width:min(1280px,calc(100% - 80px));margin-inline:auto;padding:48px 0 44px;border-bottom:1px solid #e5e0da} #main[data-home-intro] .hi-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:26px} #main[data-home-intro] .hi-heading h2{margin:0} #main[data-home-intro] .hi-heading>p{color:#6a6862;margin:0} #main[data-home-intro] .hi-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0} #main[data-home-intro] .hi-paths>a{display:block;padding:8px 32px 8px 0;color:#25252b;text-decoration:none} #main[data-home-intro] .hi-paths>a+a{border-left:1px solid #e5e0da;padding-left:32px} #main[data-home-intro] .hi-paths>a:last-child{padding-right:0} #main[data-home-intro] .hi-paths>a>div{display:flex;align-items:center;justify-content:space-between;gap:20px} #main[data-home-intro] .hi-paths h3{margin:0} #main[data-home-intro] .hi-paths a>div>span{color:#9f206c} #main[data-home-intro] .hi-paths p{color:#66645e;max-width:330px;margin:13px 0 0} #main[data-home-intro] .hi-paths>a:hover h3{color:#9f206c} #main[data-home-intro] .hi-paths>a:focus-visible{outline:2px solid #9f206c;outline-offset:6px} @media(max-width:800px){ #main.ha-reference-layout[data-home-intro] #hero .ha-hero-copy{width:calc(100% - 48px);min-height:clamp(620px,82svh,820px);padding:48px 0} #main.ha-reference-layout[data-home-intro] #hero>img{width:100%;object-position:43% center} #main.ha-reference-layout[data-home-intro] #hero .ha-hero-shade{background:linear-gradient(0deg,#0b1924ed 0%,#0b192499 46%,#0b192426 100%)} #main[data-home-intro] #start{width:calc(100% - 48px)!important;padding:32px 0} #main[data-home-intro] .hi-heading h2{} #main[data-home-intro] .hi-paths{grid-template-columns:1fr} #main[data-home-intro] .hi-paths>a,#main[data-home-intro] .hi-paths>a+a{padding:20px 0;border-left:0;border-top:1px solid #e5e0da} #main[data-home-intro] .hi-paths p{max-width:560px;margin-top:8px} #main[data-home-intro] .hi-paths h3{} } @media(max-width:480px){ #main.ha-reference-layout[data-home-intro] #hero h1{} #main.ha-reference-layout[data-home-intro] #hero .ha-hero-description{} #main.ha-reference-layout[data-home-intro] #hero .ha-actions{margin-top:24px;max-width:300px} #main[data-home-intro] .hi-heading{display:block;margin-bottom:22px} #main[data-home-intro] .hi-heading>p{margin-top:8px} } /* Preserve the complete homepage body alongside the enlarged showroom hero. */ #main[data-home-body="complete"] .ha-design{display:grid} #main[data-home-body="complete"] .ha-guides-band{display:block} /* /type-public/home-density-t08.css */ /* T08 homepage opening: one continuous real-photo composition with a light readability scrim. */ #main.ha-reference-layout[data-home-density="blended"] #hero{display:block;position:relative;isolation:isolate;overflow:hidden;width:100%;margin:0;background:#f5f1eb;color:#292622} #main.ha-reference-layout[data-home-density="blended"] #hero>img{position:absolute;left:24%;top:0;right:0;bottom:0;width:76%;height:100%;object-fit:cover;object-position:center 35%;z-index:0;filter:saturate(.8)} #main.ha-reference-layout[data-home-density="blended"] #hero .ha-hero-shade{display:block;position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#f5f1eb 0%,#f5f1eb00 18%),linear-gradient(90deg,#f5f1eb 0%,#f5f1eb 26%,#f5f1ebf5 39%,#f5f1ebd9 48%,#f5f1eb66 59%,#f5f1eb00 73%);pointer-events:none} #main.ha-reference-layout[data-home-density="blended"] #hero .ha-hero-copy{position:relative;z-index:2;width:50%;max-width:none;margin:0;min-height:580px;padding:50px clamp(40px,5.3vw,104px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:flex-start} #main.ha-reference-layout[data-home-density="blended"] #hero .ha-kicker{color:#74675e;margin:0;max-width:none} #main.ha-reference-layout[data-home-density="blended"] #hero h1{max-width:650px;color:#292622;text-shadow:none;margin:23px 0 0} #main.ha-reference-layout[data-home-density="blended"] #hero h1 span{color:#9f206c} #main.ha-reference-layout[data-home-density="blended"] #hero h1 br{display:block} #main.ha-reference-layout[data-home-density="blended"] #hero .hd-subtitle{color:#3e3933;max-width:530px;margin:24px 0 0} #main.ha-reference-layout[data-home-density="blended"] #hero .ha-hero-description{color:#68615b;text-shadow:none;max-width:540px;margin:15px 0 0!important} #main.ha-reference-layout[data-home-density="blended"] #hero .ha-actions{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px;max-width:none;margin:27px 0 0} #main.ha-reference-layout[data-home-density="blended"] #hero .ha-button{display:flex;justify-content:space-between;gap:24px;min-width:0;min-height:50px;padding:13px 20px;border:1px solid #9f206c;background:#9f206c;color:#fff;border-radius:2px;box-shadow:none} #main.ha-reference-layout[data-home-density="blended"] #hero .ha-button .ha-icon{width:18px;height:18px;filter:brightness(0) invert(1)} #main.ha-reference-layout[data-home-density="blended"] #hero .ha-button:hover{background:#831b59;border-color:#831b59} #main.ha-reference-layout[data-home-density="blended"] #hero .ha-secondary{border-color:#beb5ab;background:transparent;color:#38332e} #main.ha-reference-layout[data-home-density="blended"] #hero .ha-secondary .ha-icon{filter:none} #main.ha-reference-layout[data-home-density="blended"] #hero .ha-secondary:hover{border-color:#9f206c;color:#9f206c;background:#eee7de} #main.ha-reference-layout[data-home-density="blended"] #hero .ha-button:focus-visible{outline:2px solid #292622;outline-offset:4px} #main.ha-reference-layout[data-home-density="blended"] #hero .hd-note{color:#81766b;max-width:500px;margin:17px 0 0} #main.ha-reference-layout[data-home-density="blended"] #hero .hd-image-caption{position:absolute;z-index:2;right:28px;bottom:26px;background:#fcfaf6f2;color:#51483f;padding:13px 18px;} .hd-benefits{background:#f5f1eb;color:#39332e;border-top:0;border-bottom:1px solid #e8e0d6} .hd-benefits-inner{width:min(1680px,calc(100% - 112px));margin:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:24px 0} .hd-benefit{display:flex;align-items:flex-start;gap:12px;padding:0 20px;border-left:1px solid #e5dcd1;min-width:0} .hd-benefit:first-child{border:0;padding-left:0}.hd-benefit:last-child{padding-right:0} .hd-benefit img{width:24px;height:24px;flex:none;opacity:.65;margin-top:1px} .hd-benefit strong{display:block;}.hd-benefit span{display:block;color:#8a7c6f;margin-top:7px} @media(min-width:1800px){#main.ha-reference-layout[data-home-density="blended"] #hero .ha-hero-copy{min-height:710px;padding-left:max(7vw,calc((100vw - 1680px)/2));padding-right:70px}.hd-benefits-inner{padding-block:30px}.hd-benefit strong{}.hd-benefit span{}} @media(max-width:1100px) and (min-width:801px){#main.ha-reference-layout[data-home-density="blended"] #hero .ha-hero-copy{padding:48px 36px;min-height:660px}#main.ha-reference-layout[data-home-density="blended"] #hero h1{}#main.ha-reference-layout[data-home-density="blended"] #hero .ha-hero-description{}.hd-benefits-inner{width:calc(100% - 72px);grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 0}.hd-benefit:nth-child(4){border:0;padding-left:0}} @media(max-width:800px){#main.ha-reference-layout[data-home-density="blended"] #hero{display:block;padding-top:240px}#main.ha-reference-layout[data-home-density="blended"] #hero .ha-hero-copy{width:100%;min-height:0;padding:22px 32px 36px}#main.ha-reference-layout[data-home-density="blended"] #hero h1{max-width:640px;margin-top:20px}#main.ha-reference-layout[data-home-density="blended"] #hero .hd-subtitle{margin-top:22px}#main.ha-reference-layout[data-home-density="blended"] #hero .ha-hero-description{max-width:620px;}#main.ha-reference-layout[data-home-density="blended"] #hero>img{position:absolute;inset:0 0 auto;left:0;width:100%;height:390px;max-height:none;aspect-ratio:auto;object-position:center 42%}#main.ha-reference-layout[data-home-density="blended"] #hero .hd-image-caption{right:16px;bottom:16px;padding:10px 12px}.hd-benefits-inner{width:calc(100% - 64px);grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 0}.hd-benefit{padding:0 14px;gap:9px}.hd-benefit:nth-child(4){border:0;padding-left:0}.hd-benefit strong{}.hd-benefit span{}.hd-benefit img{width:20px;height:20px}} @media(max-width:480px){#main.ha-reference-layout[data-home-density="blended"] #hero{padding-top:205px}#main.ha-reference-layout[data-home-density="blended"] #hero .ha-hero-copy{padding:20px 24px 30px}#main.ha-reference-layout[data-home-density="blended"] #hero .ha-kicker{}#main.ha-reference-layout[data-home-density="blended"] #hero h1{}#main.ha-reference-layout[data-home-density="blended"] #hero .hd-subtitle{max-width:330px}#main.ha-reference-layout[data-home-density="blended"] #hero .ha-actions{flex-direction:row;gap:10px;width:100%;max-width:none}#main.ha-reference-layout[data-home-density="blended"] #hero .ha-button{padding:12px 14px;gap:12px;min-height:46px}#main.ha-reference-layout[data-home-density="blended"] #hero .hd-note{margin-top:15px}#main.ha-reference-layout[data-home-density="blended"] #hero>img{height:310px;max-height:none}.hd-benefits-inner{width:calc(100% - 48px);grid-template-columns:repeat(2,minmax(0,1fr));padding:24px 0;gap:22px 0}.hd-benefit{padding:0 12px}.hd-benefit:nth-child(odd){border:0;padding-left:0}.hd-benefit:nth-child(even){border-left:1px solid #e5dcd1;padding-left:12px}.hd-benefit strong{}.hd-benefit span{margin-top:5px}} @media(max-width:360px){#main.ha-reference-layout[data-home-density="blended"] #hero h1{}#main.ha-reference-layout[data-home-density="blended"] #hero .ha-button{gap:8px;padding-inline:12px;}.hd-benefit{gap:7px}.hd-benefit img{width:17px;height:17px}.hd-benefit strong{}} /* On small screens the same photograph fades down into the copy. */ @media(max-width:800px){#main.ha-reference-layout[data-home-density="blended"] #hero .ha-hero-shade{background:linear-gradient(180deg,#f5f1eb00 0px,#f5f1eb33 130px,#f5f1ebeb 225px,#f5f1eb 310px)}} @media(max-width:480px){#main.ha-reference-layout[data-home-density="blended"] #hero .ha-hero-shade{background:linear-gradient(180deg,#f5f1eb00 0px,#f5f1eb44 105px,#f5f1ebed 185px,#f5f1eb 265px)}} /* /type-public/home-cms.css */ /* Homepage-only enhancements. Existing grid, type, spacing and chrome retained. */ [data-home-cms] [hidden]{display:none!important} [data-home-cms] .hcms-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px} [data-home-cms] #materials .hcms-filters{justify-content:center} [data-home-cms] .hcms-filters button,.hcms-review-button,.hcms-review button{padding:10px 16px;border:1px solid #d9d0c5;border-radius:24px;background:transparent;color:#51483f;cursor:pointer;min-height:40px} [data-home-cms] .hcms-filters button[aria-pressed=true]{background:#8B1E5B;color:#fff;border-color:#8B1E5B} [data-home-cms] .hcms-filters button:focus-visible,.hcms-review-button:focus-visible,.hcms-review button:focus-visible{outline:2px solid #8B1E5B;outline-offset:3px} [data-home-cms] .hcms-project{min-width:0} [data-home-cms] .hcms-country{display:block;color:#8B1E5B;margin-bottom:8px} [data-home-cms] .hcms-note{color:#756b61;margin-top:20px} [data-home-cms] .hcms-restoration{margin-top:30px;border-top:1px solid #ded6cb;padding-top:20px} [data-home-cms] .hcms-restoration summary{cursor:pointer;} [data-home-cms] .hcms-comparison{position:relative;aspect-ratio:16/9;margin-top:20px;overflow:hidden;background:#F0ECE1} [data-home-cms] .hcms-comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} [data-home-cms] .hcms-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)} [data-home-cms] .hcms-label-before,[data-home-cms] .hcms-label-after{position:absolute;bottom:16px;background:#FAF8F5e8;padding:6px 10px;} [data-home-cms] .hcms-label-before{left:16px}[data-home-cms] .hcms-label-after{right:16px} [data-home-cms] .hcms-slider-label{display:block;margin-top:12px;} [data-home-cms] [data-compare]{display:block;width:100%;accent-color:#8B1E5B;min-height:44px} .hcms-review{max-width:520px;width:calc(100% - 48px);border:1px solid #d9d0c5;padding:30px;background:#FAF8F5;color:#332c27} .hcms-review::backdrop{background:#211c1855}.hcms-review blockquote{margin:0 0 24px;} @media(max-width:600px){[data-home-cms] .hcms-filters{gap:6px}[data-home-cms] .hcms-filters button{padding:9px 12px;min-height:44px}} /* /type-public/case-study-evidence.css */ /* Local evidence blocks only. Brand, typography and shared layouts are inherited. */ .cse-content,.cse-block{box-sizing:border-box;color:inherit} .cse-content p{max-width:76ch;margin:0 0 18px;} .cse-content .cse-hero{margin:24px 0}.cse-content .cse-hero img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain} .cse-content figure,.cse-block figure{margin:0;min-width:0} .cse-content figcaption,.cse-block figcaption{padding-top:10px;color:#57535a} .cse-content figcaption strong,.cse-block figcaption strong{display:block;color:#343037;} .cse-content .cse-facts{display:flex;flex-wrap:wrap;gap:20px 36px;margin:25px 0 32px;padding:20px 0;border-block:1px solid #ddd} .cse-facts div{min-width:120px}.cse-facts dt{color:#656069}.cse-facts dd{margin:4px 0 0;} .cse-pair{margin:32px 0}.cse-pair h4{margin:0 0 18px}.cse-pair>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start} .cse-pair img,.cse-content .cse-gallery img{display:block;width:100%;height:auto;object-fit:contain} .cse-content .cse-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;margin:26px 0 36px;align-items:start} .cse-content .cse-category-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin:22px 0} .cse-content .cse-category-links a,.cse-block a.cse-link{display:inline-block;min-height:44px;padding:10px 0;color:var(--brand-accent,#a21f6b);text-decoration:underline;text-underline-offset:4px} .cse-block{width:min(1280px,calc(100% - 80px));margin:64px auto;padding-block:32px;border-top:1px solid #ddd;scroll-margin-top:110px} .cse-block h2{margin:0 0 18px;color:inherit} .cse-block p{margin:0 0 18px;max-width:76ch} .cse-application{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center} .cse-application img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain} .cse-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px} .cse-evidence-grid article{min-width:0}.cse-evidence-grid img{display:block;width:100%;height:240px;object-fit:cover}.cse-evidence-grid h3{margin:18px 0 12px}.cse-evidence-grid p{} .cse-about-photos{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:780px;margin:24px 0}.cse-about-photos img{display:block;width:100%;height:230px;object-fit:cover} .cse-contact-context{margin:0 0 24px;padding:0 0 22px;border-bottom:1px solid #ddd}.cse-contact-context img{display:block;width:100%;max-width:320px;height:auto;max-height:210px;object-fit:contain;object-position:left}.cse-contact-context h3{margin:14px 0 6px}.cse-contact-context p{} .cse-content .cse-section-title{margin:36px 0 18px} @media(max-width:700px){.cse-block{width:calc(100% - 40px);margin:42px auto;padding-block:25px}.cse-pair>div,.cse-content .cse-gallery,.cse-application,.cse-evidence-grid{grid-template-columns:1fr}.cse-content .cse-hero img{max-height:none}.cse-application{gap:24px}.cse-evidence-grid{gap:32px}.cse-evidence-grid img{height:auto;max-height:360px;object-fit:contain}.cse-about-photos{gap:12px}.cse-about-photos img{height:155px}.cse-content .cse-facts{gap:16px}.cse-content p{}.cse-pair img{height:auto}} /* Four-case photo editing: grouped stories, balanced rows, complete source images. */ .cse-content.cse-case-lead{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,.75fr);gap:42px;align-items:center;margin:30px 0 40px} .cse-case-lead[data-case="dr"]{grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr)} .cse-case-lead .cse-hero{margin:0}.cse-case-lead .cse-hero img{max-height:500px;object-position:left center} .cse-case-lead .cse-facts{display:grid;grid-template-columns:1fr;margin:0;padding:22px 0;gap:20px} .cse-content .cse-facts-heading{margin:0 0 12px;color:#666} .cse-content .cse-narrative,.cse-narrative.cse-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px} .cse-narrative>p:first-child{grid-column:1/-1;max-width:90ch} .cse-narrative>p:last-child:nth-child(even){grid-column:1/-1} .cse-case-page .pd-overview{display:block;padding-block:24px 32px}.cse-case-page .pd-overview>div:first-child{margin-bottom:22px} .cse-case-page .pd-overview h2{} .cse-content.cse-case-story>.cse-case-title{max-width:30ch;margin:12px 0 18px} .pv-page #pv-dialog .cse-case-title{max-width:38ch} .cse-content .cse-case-gallery{display:block;margin:26px 0 36px} .cse-gallery-group{padding:28px 0 35px;border-top:1px solid #dedbe0} .cse-group-heading{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(0,1.25fr);align-items:baseline;gap:20px 36px;margin-bottom:24px} .cse-group-heading h3,.cse-group-heading h4{margin:0!important;} .cse-group-heading p{margin:0!important;max-width:70ch} .cse-media-row{display:grid;grid-template-columns:var(--cse-columns);gap:20px;align-items:start;width:min(100%,var(--cse-row-width));margin-inline:auto} .cse-media-row figure{min-width:0}.cse-media-row .pd-photo{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in} .cse-media-row .pd-photo img,.cse-media-row>figure>img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:0} .cse-media-row figcaption{min-height:60px} .cse-content .cse-pair{padding:28px 0;border-top:1px solid #dedbe0;margin:28px 0} .cse-case-page .cse-pair>div,.cse-case-story .cse-pair>div{align-items:stretch} .cse-case-page .cse-pair img,.cse-case-story .cse-pair img{height:330px;object-fit:contain;object-position:center;background:#f7f7f7} .pv-grid.cse-project-collection{grid-template-columns:repeat(12,minmax(0,1fr))} .pv-grid.cse-project-collection>.pv-card{grid-column:span 4} .pv-grid.cse-project-collection>.pv-card[data-case]{grid-column:span 3} .cse-project-collection>.pv-card[data-case] h3{min-height:2.6em} @media(min-width:1101px){.pv-grid.cse-project-collection:has(>.pv-card[data-case][hidden])>.pv-card[data-case]{grid-column:span 4}} @media(max-width:1100px){.pv-grid.cse-project-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.pv-grid.cse-project-collection>.pv-card,.pv-grid.cse-project-collection>.pv-card[data-case]{grid-column:auto}.cse-content.cse-case-lead{gap:25px;grid-template-columns:minmax(0,1.4fr) minmax(180px,.8fr)}} @media(max-width:700px){.cse-content.cse-case-lead,.cse-case-lead[data-case="dr"]{grid-template-columns:1fr;gap:24px;margin:22px 0 30px}.cse-case-lead .cse-hero img{max-height:none}.cse-case-lead .cse-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cse-facts div{min-width:0}.cse-narrative.cse-content,.cse-content .cse-narrative{grid-template-columns:1fr;gap:0}.cse-narrative>p:first-child{}.cse-group-heading{grid-template-columns:1fr;gap:10px;margin-bottom:20px}.cse-gallery-group{padding:24px 0}.cse-media-row{grid-template-columns:1fr;gap:24px;width:100%}.cse-media-row figcaption{min-height:0}.cse-case-page .cse-pair img,.cse-case-story .cse-pair img{height:auto;background:transparent}.pv-grid.cse-project-collection{grid-template-columns:1fr}.cse-project-collection>.pv-card[data-case] h3{min-height:0}.cse-case-page .pd-overview{padding-block:10px 24px}} @media(max-width:700px){.pv-page #pv-dialog .cse-case-title{}} /* /public-type.css */ /*
 * KUCI GALLERY — Manrope + Inter typography reference, 2026-10-29
 *
 * IMPORTANT: This is a selector/role contract, NOT a verified drop-in patch.
 * Merge it into the existing public-site stylesheet after auditing the cascade.
 * Add kuci-public to the PUBLIC <html> and kuci-site to the PUBLIC <body>,
 * or map these scopes to existing public-site selectors. Exclude the admin UI.
 * Map data-kuci-type roles to existing components; do not rebuild the HTML.
 *
 * Font binaries are NOT included. Build the WOFF2 files from the user's local
 * uploaded TTFs and retain their original license files. Adjust asset URLs to
 * the application's real base path / asset helper before using this file.
 * The italic declaration also needs its real asset; it is not preloaded.
 *
 * Sizes in the brief assume the browser's default 16px root. Do not force a
 * 16px root; respect user preferences. If the project uses a 62.5% root, migrate
 * affected rem tokens before enabling html.kuci-public { font-size: 100%; }.
 */ html.kuci-public { } body.kuci-site { /* Fluid targets: 390px -> 1440px viewport, with a default 16px root. */ font-kerning: normal; /* Real weight axes + real Inter italic; do not fake unavailable styles. */ } /* No universal-selector font reset: preserve existing icon-font classes. */ body.kuci-site :is(button, input, select, textarea) { } body.kuci-site :is(h1, h2, h3, h4, h5, h6) { overflow-wrap: break-word; } body.kuci-site h1 { } body.kuci-site h2 { } body.kuci-site h3 { } body.kuci-site h4 { } body.kuci-site h5 { } body.kuci-site h6 { } /* Explicit visual roles override heading defaults without changing semantics. */ body.kuci-site [data-kuci-type="hero-title"] { text-wrap: balance; } body.kuci-site [data-kuci-type="page-title"] { text-wrap: balance; } body.kuci-site [data-kuci-type="section-title"] { text-wrap: balance; } body.kuci-site [data-kuci-type="content-title"] { } body.kuci-site [data-kuci-type="product-title"], body.kuci-site [data-kuci-type="step-title"] { word-break: normal; overflow-wrap: break-word; white-space: normal; } body.kuci-site [data-kuci-type="card-title"] { word-break: normal; overflow-wrap: break-word; white-space: normal; } body.kuci-site [data-kuci-type="lead"] { } body.kuci-site [data-kuci-type="body"] { } body.kuci-site [data-kuci-type="eyebrow"] { } body.kuci-site [data-kuci-type="meta"] { } body.kuci-site [data-kuci-type="nav"] { } body.kuci-site [data-kuci-type="mobile-menu"] { } body.kuci-site [data-kuci-type="button"] { min-block-size: 3rem; padding-block: 0.75rem; white-space: normal; height: auto; } body.kuci-site [data-kuci-type="form-label"] { } /* Apply only to text-like inputs, selects and textareas, NOT checkboxes/radios. */ body.kuci-site [data-kuci-type="field"] { min-block-size: 3rem; padding-block: 0.75rem; min-inline-size: 0; max-inline-size: 100%; box-sizing: border-box; } body.kuci-site [data-kuci-type="field"]::placeholder { opacity: 1; /* Use the existing accessible text-muted color; do not invent a brand color. */ } body.kuci-site textarea[data-kuci-type="field"] { min-block-size: 9rem; resize: vertical; } body.kuci-site [data-kuci-type="help"], body.kuci-site [data-kuci-type="error"], body.kuci-site [data-kuci-type="consent"] { overflow-wrap: break-word; } body.kuci-site [data-kuci-type="faq-question"] { min-block-size: 3rem; padding-block: 0.875rem; height: auto; white-space: normal; } body.kuci-site [data-kuci-type="faq-answer"] { } body.kuci-site [data-kuci-type="step-number"] { } body.kuci-site [data-kuci-type="footer-statement"] { } body.kuci-site [data-kuci-type="footer-heading"] { } body.kuci-site [data-kuci-type="footer-link"], body.kuci-site [data-kuci-type="footer-copy"] { white-space: normal; } body.kuci-site [data-kuci-type="footer-contact"] { overflow-wrap: anywhere; } body.kuci-site [data-kuci-type="legal"] { } /* Add this class to the article BODY only, not the whole blog-page container. */ body.kuci-site .kuci-article-prose { max-inline-size: 68ch; } body.kuci-site .kuci-article-prose :is(p, li, dd) { } body.kuci-site .kuci-article-prose :is(strong, b) { } body.kuci-site .kuci-article-prose :is(em, i) { font-style: italic; } body.kuci-site .kuci-article-prose p + p { margin-block-start: 1.1em; } /* Headline fluid sizing must still pass zoom and text-spacing tests. */ @media (max-width: 47.99rem) { body.kuci-site [data-kuci-type="button"] { } } /* Actual public component mapping. All legacy font declarations are removed
   from the scoped input styles by t08_typography_build.py before this is used. */ body.kuci-site :is(main, p, li, dd, address) { } body.kuci-site :is(p, li, dd) { } body.kuci-site :is(strong,b) { } body.kuci-site address { font-style:normal; } body.kuci-site :is(button,input,select,textarea) { } body.kuci-site button {} body.kuci-site :is(input,select):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=file]) { min-height:3rem;height:auto;max-width:100%;min-width:0; } body.kuci-site textarea,body.kuci-site textarea[data-kuci-type=field] {min-height:9rem;height:auto;max-width:100%;min-width:0;} body.kuci-site :is(input,textarea)::placeholder {color:#68615b;opacity:1;} body.kuci-site :is(small,figcaption,[class*=breadcrumb],[class*=byline],[class*=caption]) {} body.kuci-site :is([class*=consent],[class*=help],[class*=local-note],[class*=result],[class*=error],.co-files,.co-upload span,.cr-upload small) { } body.kuci-site :is(.co-fields label>span,.kc-field>span) {} body.kuci-site :is(.co-upload strong,.cr-upload>span) {} body.kuci-site :is(summary,summary span) {white-space:normal;} body.kuci-site [data-kuci-type=filter],body.kuci-site :is([class*=filters],[role=tablist],[class*=pagination]) :is(button,a) { white-space:normal; } body.kuci-site :is(.ka-copy,.tb-article-body,.blog-article-body,.article-body) {max-inline-size:68ch;} body.kuci-site :is(.ka-copy,.tb-article-body,.blog-article-body,.article-body) :is(p,li,dd) {} body.kuci-site .ka-copy :is(em,i) {font-style:italic;} body.kuci-site :is(.ka-table,.spec-table) :is(td,th) {} body.kuci-site :is(.ha-product,.ha-story-card,.ha-guides a) h3 {min-width:0;white-space:normal;overflow:visible;text-overflow:clip;-webkit-line-clamp:unset;max-height:none;} body.kuci-site .hd-benefit strong {} body.kuci-site .hd-benefit span {color:#685e55;} body.kuci-site .hd-note {color:#685e55;} body.kuci-site .ha-showroom-mosaic>a>span {} body.kuci-site .ha-story-card>div>p:last-child {} body.kuci-site .ha-heading p,body.kuci-site .hd-subtitle,body.kuci-site .ha-hero-description {} /* The heading fits two desktop lines without shrinking; mobile grows naturally. */ html body.kuci-site #main.ha-reference-layout[data-home-density=blended] #hero .ha-hero-copy {width:58%;padding-right:2.5rem;} html body.kuci-site #main.ha-reference-layout[data-home-density=blended] #hero h1 {max-width:42rem;text-wrap:initial;} html body.kuci-site #main.ha-reference-layout[data-home-density=blended] #hero .ha-hero-description {margin-top:1.25rem;} html body.kuci-site #main.ha-reference-layout[data-home-density=blended] #hero .hd-note {} body.kuci-site .ha-product>div {min-width:0;align-items:flex-start;min-height:5rem;} body.kuci-site .ha-product>div>h3 {flex:1;} body.kuci-site .ha-product h3 {} body.kuci-site :is(.ha-story-card,.ha-guides a) h3 {} body.kuci-site .ha-product>div>.ha-icon {flex:none;margin-top:.25rem;} body.kuci-site .ha-order ol {grid-template-columns:repeat(4,minmax(0,1fr));} body.kuci-site .ha-benefits article>span {} body.kuci-site .ha-text-link {white-space:normal;} /* Shared Header, including the service button and dynamically opened menu. */ html body.kuci-site .kc6-header :is(nav a,.pm-service-trigger,.kc6-menu) {} html body.kuci-site .kc6-header .pm-links>a {white-space:normal;} html body.kuci-site .kc6-header-inner {min-height:5rem;height:auto;} html body.kuci-site .kc6-menu {min-height:3rem;} /* Shared Footer: preserve brand palette and icons, and distinguish its levels. */ html body.kuci-site .cc-footer :is(p,address,a) {} html body.kuci-site .cc-footer .cc-footer-tagline {} html body.kuci-site .cc-footer :is(h2,h3,.cc-location-label) {} html body.kuci-site .cc-footer a {min-height:2.25rem;height:auto;white-space:normal;} html body.kuci-site .cc-footer a[href^="mailto:"],html body.kuci-site .cc-footer a[href^="tel:"] {overflow-wrap:anywhere;} html body.kuci-site .cc-footer :is(.cc-footer-bottom,small) {} html body.kuci-site .cc-footer .cc-footer-bottom :is(a,span) {} html body.kuci-site .cc-footer :is(.cc-footer-grid>*,.cc-footer-brand,.cc-footer-contact) {min-width:0;} html body.kuci-site.products-editorial .pd :is(.pd-heading>p,.pd-card-copy p,.pt-children summary,.pe-featured-card p) {color:#68615b;} body.kuci-site .kt-count {color:#68615b;} body.kuci-site .qa-badges span {color:#625b50;} body.kuci-site[data-coherence-page="project-solutions.html"] .cv2-intro {color:#68615b;} html body.kuci-site .ha-benefits article {grid-template-columns:2.25rem minmax(0,1fr);} /* The PHP public renderer supplies this current form at request time. Its
   markup/validation remain owned by that renderer; these are typography roles. */ body.kuci-site .ku-enquiry {} body.kuci-site .ku-enquiry label {} body.kuci-site .ku-enquiry :is(.ku-hint,.ku-consent,.ku-result,.ku-selection,label small,[data-files] li) {} body.kuci-site .ku-enquiry :is(input:not([type=file]):not([type=checkbox]),select,textarea) {} html body.kuci-site .ku-enquiry textarea {min-height:9rem;min-block-size:9rem;height:auto;} body.kuci-site .ku-enquiry .ku-file-button {min-height:3rem;align-items:center;} body.kuci-site .ku-enquiry .ku-send {min-height:3rem;} @media(max-width:75rem) { html body.kuci-site .kc6-header :is(nav a,.pm-service-trigger) {} html body.kuci-site #kc6-navigation {top:100%;} body.kuci-site .ha-order ol {grid-template-columns:repeat(2,minmax(0,1fr));} } @media(max-width:50rem) { html body.kuci-site #main.ha-reference-layout[data-home-density=blended] #hero .ha-hero-copy {width:100%;padding-right:2rem;} html body.kuci-site #main.ha-reference-layout[data-home-density=blended] #hero h1 {max-width:100%;} body.kuci-site .ha-design-paths {grid-template-columns:1fr;} } @media(max-width:37.5rem) { body.kuci-site .ku-enquiry .ku-send {} html body.kuci-site .hd-benefits-inner {grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));} body.kuci-site .hd-benefit>div {min-width:0;} html body.kuci-site footer.cc-footer .cc-footer-grid {grid-template-columns:minmax(0,1fr);} html body.kuci-site footer.cc-footer .cc-footer-grid>* {grid-column:1/-1;} html body.kuci-site .ha-showroom-mosaic {grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));} html body.kuci-site .ha-showroom-mosaic>.ha-showroom-large {grid-column:1/-1;} body.kuci-site .ha-showroom-mosaic>a>span {overflow-wrap:break-word;} body.kuci-site .ha-order ol {grid-template-columns:1fr;} html body.kuci-site .ha-main :is(.co-fields,.co-form-actions) {grid-template-columns:1fr;} body.kuci-site .co-form-actions>button {width:100%;} html body.kuci-site #main.ha-reference-layout[data-home-density=blended] #hero .ha-hero-copy {padding-right:1.5rem;} } /* inline */ /* Homepage module only; inherit the site's local Manrope / Inter typography. */ .kuci-geo { color: #24332f; min-width: 0; } .kuci-geo .kuci-geo-intro { max-width: 880px; margin-bottom: 32px; } .kuci-geo .kuci-geo-intro h2 { margin: 12px 0 20px; text-wrap: balance; } .kuci-geo .kuci-geo-intro > p:last-child { max-width: 78ch; color: #53605b; } .kuci-geo .kuci-geo-scroll-hint { color: #53605b; margin: 0 0 12px; } .kuci-geo .kuci-geo-table { overflow-x: auto; border: 1px solid #d6ddd8; border-radius: 4px; overscroll-behavior-x: contain; } .kuci-geo table { border-collapse: collapse; width: 100%; min-width: 780px; table-layout: fixed; text-align: left; } .kuci-geo th, .kuci-geo td { padding: 22px 24px; vertical-align: top; border-bottom: 1px solid #d6ddd8; border-right: 1px solid #d6ddd8; overflow-wrap: break-word; } .kuci-geo thead th { background: #f2f3ef; } .kuci-geo thead th:first-child { width: 20%; } .kuci-geo tbody th { background: #fafaf7; } .kuci-geo th:last-child, .kuci-geo td:last-child { border-right: 0; background: #edf2ec; } .kuci-geo thead th:last-child { background: #34483d; color: #fff; } .kuci-geo tbody tr:last-child > * { border-bottom: 0; } .kuci-geo strong { } .kuci-geo .kuci-geo-faq { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 48px; margin-top: 56px; } .kuci-geo .kuci-geo-faq h3 { margin: 0; text-wrap: balance; } .kuci-geo details { border-top: 1px solid #d6ddd8; } .kuci-geo details:last-child { border-bottom: 1px solid #d6ddd8; } .kuci-geo summary { padding: 22px 4px; cursor: pointer; } .kuci-geo summary::marker { color: #34483d; } .kuci-geo details p { margin: 0; padding: 0 4px 24px; color: #53605b; } .kuci-geo summary:focus-visible, .kuci-geo .kuci-geo-table:focus-visible { outline: 2px solid #34483d; outline-offset: 4px; } .kuci-geo .kuci-geo-sr { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } @media (max-width: 800px) { .kuci-geo .kuci-geo-faq { grid-template-columns: minmax(0, 1fr); gap: 24px; margin-top: 36px; } .kuci-geo th, .kuci-geo td { padding: 18px; } .kuci-geo .kuci-geo-intro { margin-bottom: 24px; } } /* /typography-phase1.css */ /* Public-site typography, Phase 1. Loaded after cleaned legacy styles.
   Existing layout, colour, visibility, icons and content remain in their owners' CSS. */ :root { --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif; --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; --font-mono: 'JetBrains Mono', monospace; --type-h1: clamp(2.25rem, 4vw + 1rem, 3.75rem); --type-h2: clamp(1.75rem, 2.5vw + .5rem, 2.5rem); --type-h3: clamp(1.25rem, 1.5vw + .5rem, 1.5rem); --type-h4: 1.125rem; --type-lead: 1.125rem; --type-body: 1rem; --type-ui: .9375rem; --type-spec: .875rem; --type-small: .8125rem; --type-eyebrow: .75rem; --line-body: 1.65; } html[data-kuci-type-system="phase1"] { font-size: 100%; } html[data-kuci-type-system="phase1"] body { --kuci-font-body: var(--font-sans); --kuci-font-heading: var(--font-heading); --font-body: var(--font-sans); font-family: var(--font-sans); font-size: var(--type-body); font-weight: 400; line-height: var(--line-body); letter-spacing: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-optical-sizing: auto; } /* CSS is only linked by public pages, never the administration application. */ body :is(p, li, dd, address) { font-family: var(--font-sans); font-size: var(--type-body); line-height: var(--line-body); font-weight: 400; } body :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-heading); font-weight: 600; overflow-wrap: break-word; word-break: normal; } body h1 { font-size: var(--type-h1); line-height: 1.1; letter-spacing: -.025em; font-weight: 700; } body h2 { font-size: var(--type-h2); line-height: 1.18; letter-spacing: -.02em; } body h3 { font-size: var(--type-h3); line-height: 1.3; letter-spacing: -.015em; } body h4 { font-size: var(--type-h4); line-height: 1.4; letter-spacing: -.01em; } body :is(h5, h6) { font-size: var(--type-body); line-height: 1.4; letter-spacing: normal; } body :is(strong, b) { font-weight: 600; } body :is(em, i) { font-style: italic; } body :is(button, input, select, textarea, option) { font-family: var(--font-sans); } body :is(input, select, textarea) { font-size: var(--type-body); font-weight: 400; line-height: 1.5; } body :is(button, nav a, [data-kuci-type="nav"], [data-kuci-type="button"], [data-kuci-type="filter"], .ty-button, .ty-nav) { font-family: var(--font-sans); font-size: var(--type-ui); font-weight: 500; line-height: 1.4; letter-spacing: .01em; } body :is(.ty-eyebrow, [data-kuci-type="eyebrow"], .ku-form-heading > p) { font-family: var(--font-sans); font-size: var(--type-eyebrow); font-weight: 600; text-transform: uppercase; letter-spacing: .12em; line-height: 1.4; } body :is(.ty-lead, [data-kuci-type="lead"]) { font-family: var(--font-sans); font-size: var(--type-lead); line-height: 1.65; font-weight: 400; max-width: 65ch; letter-spacing: normal; } body :is(table, th, td) { font-family: var(--font-sans); font-size: var(--type-spec); line-height: 1.5; font-variant-numeric: tabular-nums; } body :is(.ty-spec, .price, .sku, .dimension, .dimensions, code, kbd, samp, [data-kuci-type="spec"]) { font-family: var(--font-mono); font-size: var(--type-spec); font-weight: 400; line-height: 1.5; font-variant-numeric: tabular-nums; } body :is(th, .ty-spec strong) { font-weight: 500; } body :is(.badge, .pill, [data-kuci-type="meta"], [data-kuci-type="help"], [data-kuci-type="error"], [data-kuci-type="consent"], small, figcaption) { font-family: var(--font-sans); font-size: var(--type-spec); line-height: 1.5; font-weight: 400; letter-spacing: normal; } body :is(label, [data-kuci-type="form-label"]) { font-family: var(--font-sans); font-size: var(--type-spec); font-weight: 500; line-height: 1.5; letter-spacing: normal; } body :is(summary, [data-kuci-type="faq-question"]) { font-family: var(--font-sans); font-size: var(--type-body); line-height: 1.5; font-weight: 500; letter-spacing: normal; } body [data-kuci-type="faq-answer"] { font-family: var(--font-sans); font-size: var(--type-body); line-height: var(--line-body); font-weight: 400; } body [data-kuci-type="step-number"] { font-family: var(--font-mono); font-size: var(--type-h3); font-weight: 500; line-height: 1.3; font-variant-numeric: tabular-nums; } body [data-kuci-type="footer-statement"] { font-family: var(--font-heading); font-size: var(--type-h4); line-height: 1.4; font-weight: 500; } body [data-kuci-type="footer-heading"] { font-family: var(--font-sans); font-size: var(--type-eyebrow); font-weight: 600; line-height: 1.4; letter-spacing: .12em; } body :is([data-kuci-type="footer-link"], [data-kuci-type="footer-copy"], [data-kuci-type="footer-contact"]) { font-family: var(--font-sans); font-size: var(--type-ui); line-height: 1.65; font-weight: 400; } body [data-kuci-type="legal"] { font-family: var(--font-sans); font-size: var(--type-small); line-height: 1.5; font-weight: 400; } body [data-kuci-type="mobile-menu"] { font-family: var(--font-sans); font-size: var(--type-body); font-weight: 500; line-height: 1.5; letter-spacing: .01em; } /* The server-rendered quotation form has no legacy data-kuci-type attributes. */ body .ku-quotation { font-family: var(--font-sans); font-size: var(--type-body); line-height: var(--line-body); } body .ku-quotation :is(.ku-hint, .ku-result, .ku-consent, [data-files] li) { font-family: var(--font-sans); font-size: var(--type-spec); line-height: 1.5; font-weight: 400; } body .ku-quotation .ku-send { font-family: var(--font-sans); font-size: var(--type-body); font-weight: 500; line-height: 1.4; letter-spacing: .01em; } body :is(.ac-contact-summary, .bc-selected-reference, [class$="-contact-context"]) { font-family: var(--font-sans); font-size: var(--type-spec); line-height: 1.5; } body :is(.ac-contact-summary, .bc-selected-reference, [class$="-contact-context"]) :is(p, a, strong) { font-size: inherit; line-height: inherit; } /* Keep full labels readable rather than truncating business/product names. */ body :is(h1, h2, h3, h4, [data-kuci-type="product-title"], [data-kuci-type="card-title"]) { white-space: normal; } body :is(button, [data-kuci-type="button"]) { overflow-wrap: break-word; } body :is(.kc6-header, .pm-mega) :is(a, button) { letter-spacing: .01em; } /* The compact menu's shared icon-toggle width must not clip the Services label. */ html[data-kuci-type-system="phase1"] body .kc6-header[data-pm-layout="compact"] .pm-service-group > .pm-service-trigger { width: 100%; } /* /brand-lockup.css */ /* Shared header/footer lockup. Review only until the owner confirms the artwork. */ html body .kc6-header a.kc6-brand[data-kuci-logo="building-material"] { display: inline-flex; flex: 0 0 auto; width: 152px; max-width: none; gap: 0; align-items: center; } html body .kc6-header a.kc6-brand[data-kuci-logo="building-material"] > img.kuci-building-material-logo { display: block; width: 152px; height: auto; max-width: none; max-height: none; object-fit: contain; margin: 0; filter: none; } html body footer a.kuci-logo:is(.co-logo, .ks-brand, .kp-brand)[data-kuci-logo="building-material"] { display: inline-flex; width: 188px; max-width: 100%; gap: 0; align-items: center; } html body footer a.kuci-logo:is(.co-logo, .ks-brand, .kp-brand)[data-kuci-logo="building-material"] > img.kuci-building-material-logo { display: block; width: 188px; height: auto; max-width: 100%; max-height: none; object-fit: contain; margin: 0; filter: brightness(0) invert(1); } @media (max-width: 700px) { html body .kc6-header a.kc6-brand[data-kuci-logo="building-material"], html body .kc6-header a.kc6-brand[data-kuci-logo="building-material"] > img.kuci-building-material-logo { width: 132px; } } /* Approved header/footer spacing refinement, 2026-10-31. */ html body .kc6-header .kc6-header-inner { width: calc(100% - 80px); max-width: 1328px; margin-inline: auto; box-sizing: border-box; height: 96px; gap: 28px; } @media (min-width: 1201px) { html body .kc6-header #kc6-navigation { flex: 1 1 auto; margin-inline: 0; justify-content: center; gap: clamp(16px, 1.6vw, 26px); } } html[data-kuci-type-system="phase1"] body footer.cc-footer :is(.cc-footer-grid, .cc-footer-bottom) { width: calc(100% - 80px); max-width: 1328px; margin-inline: auto; box-sizing: border-box; } html[data-kuci-type-system="phase1"] body footer.cc-footer .cc-footer-grid { display: grid; grid-template-columns: 1.05fr .9fr 1.05fr 1.3fr; gap: 32px; align-items: start; } html[data-kuci-type-system="phase1"] body footer.cc-footer .cc-footer-grid > * { min-width: 0; } html[data-kuci-type-system="phase1"] body footer.cc-footer .cc-footer-brand { text-align: center; padding-right: 24px; } html[data-kuci-type-system="phase1"] body footer.cc-footer .cc-footer-brand .kuci-logo { margin-inline: auto; } html[data-kuci-type-system="phase1"] body footer.cc-footer .cc-footer-brand :is(.cc-footer-tagline, .cc-footer-description) { max-width: 30ch; margin-inline: auto; } html[data-kuci-type-system="phase1"] body footer.cc-footer .cc-footer-brand .ks-social { justify-content: center; flex-wrap: wrap; } html[data-kuci-type-system="phase1"] body footer.cc-footer .cc-footer-contact { padding-left: 24px; } html[data-kuci-type-system="phase1"] body footer.cc-footer .cc-footer-nav > a { min-height: 44px; gap: 12px; } html[data-kuci-type-system="phase1"] body footer.cc-footer .cc-footer-bottom { align-items: center; gap: 24px; } @media (max-width: 1200px) { html body .kc6-header .kc6-header-inner { width: calc(100% - 48px); height: 84px; gap: 18px; } html[data-kuci-type-system="phase1"] body footer.cc-footer :is(.cc-footer-grid, .cc-footer-bottom) { width: calc(100% - 48px); } html[data-kuci-type-system="phase1"] body footer.cc-footer .cc-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px; } html[data-kuci-type-system="phase1"] body footer.cc-footer :is(.cc-footer-brand, .cc-footer-contact) { padding-inline: 0; border-inline: 0; } } @media (max-width: 700px) { html body .kc6-header .kc6-header-inner { width: calc(100% - 32px); height: 80px; gap: 10px; } html body .kc6-header #kc6-navigation { top: 100%; } } @media (max-width: 600px) { html[data-kuci-type-system="phase1"] body footer.cc-footer :is(.cc-footer-grid, .cc-footer-bottom) { width: calc(100% - 40px); } html[data-kuci-type-system="phase1"] body footer.cc-footer .cc-footer-grid { gap: 32px 20px; } html[data-kuci-type-system="phase1"] body footer.cc-footer :is(.cc-footer-brand, .cc-footer-contact) { grid-column: 1 / -1; } html[data-kuci-type-system="phase1"] body footer.cc-footer .cc-footer-contact { text-align: center; } html[data-kuci-type-system="phase1"] body footer.cc-footer .cc-contact-link { justify-content: center; } html[data-kuci-type-system="phase1"] body footer.cc-footer .cc-footer-quote { max-width: 320px; margin-inline: auto; } html[data-kuci-type-system="phase1"] body footer.cc-footer .cc-footer-bottom { justify-content: center; text-align: center; flex-wrap: wrap; gap: 12px 24px; } } /* /typography-refinement-20261031.css */ /* User-directed refinement of the existing production typography system. */ html[data-kuci-type-system="phase1"] body #kc6-navigation > a, html[data-kuci-type-system="phase1"] body #kc6-navigation > .ks-nav-group > a, html[data-kuci-type-system="phase1"] body #kc6-navigation .pm-service-trigger, html[data-kuci-type-system="phase1"] body .kc6-menu { font-family: var(--font-sans); font-size: 1.0625rem; font-weight: 600; letter-spacing: 0; } html[data-kuci-type-system="phase1"] body[data-kuci-refinement] main :is(h1,h2,h3) { text-wrap: balance; overflow-wrap: break-word; word-break: normal; hyphens: manual; } html[data-kuci-type-system="phase1"] body[data-kuci-refinement] main h1 { margin-bottom: 1.5rem; } html[data-kuci-type-system="phase1"] body[data-kuci-refinement] main h2 { margin-bottom: 1.25rem; } html[data-kuci-type-system="phase1"] body[data-kuci-refinement] main h3 { line-height: 1.35; } html[data-kuci-type-system="phase1"] body[data-kuci-refinement] main :is(h2,h3) + p { margin-top: .75rem; } html[data-kuci-type-system="phase1"] body[data-kuci-refinement] main p { text-wrap: pretty; } html[data-kuci-type-system="phase1"] body[data-kuci-refinement] main [data-kuci-type="button"] { white-space: normal; text-wrap: balance; line-height: 1.4; min-height: 44px; } html[data-kuci-type-system="phase1"] body .ha-hero-copy .ha-actions { margin-top: 2rem; } @media (max-width: 700px) { html[data-kuci-type-system="phase1"] body #kc6-navigation > a, html[data-kuci-type-system="phase1"] body #kc6-navigation > .ks-nav-group > a, html[data-kuci-type-system="phase1"] body #kc6-navigation .pm-service-trigger, html[data-kuci-type-system="phase1"] body .kc6-menu { font-size: 1rem; } html[data-kuci-type-system="phase1"] body[data-kuci-refinement] main h1 { font-size: clamp(2rem, 5vw + .875rem, 2.25rem); line-height: 1.15; margin-bottom: 1.25rem; } html[data-kuci-type-system="phase1"] body[data-kuci-refinement] main h2 { line-height: 1.22; margin-bottom: 1rem; } html[data-kuci-type-system="phase1"] body[data-kuci-refinement] main h3 { font-size: 1.125rem; line-height: 1.4; } html[data-kuci-type-system="phase1"] body[data-kuci-refinement] main :is(.sr-card-copy,.sr-step-copy,.pj-card-copy) { min-width: 0; } } @media (max-width: 480px) { html[data-kuci-type-system="phase1"] body[data-kuci-refinement="service"] .sr-steps { grid-template-columns: minmax(0,1fr); row-gap: 1.75rem; } } /* /assets/home-refresh-20261031/home-guides.css */ /* Scoped homepage editorial refinement; leaves the shared type system intact. */ #material-guides.hg31{padding-block:64px!important} #material-guides.hg31 .ha-heading{align-items:end;gap:28px;margin-bottom:30px} #material-guides.hg31 .ha-heading>div{max-width:750px} #material-guides.hg31 .ha-heading h2{max-width:720px;font-size:clamp(30px,2.5vw,40px)!important;line-height:1.18!important;margin:0 0 14px} #material-guides.hg31 .ha-heading p{max-width:640px;font-size:16px!important;line-height:1.65!important;margin:0} #material-guides.hg31 .ha-guides{gap:24px!important;align-items:stretch} #material-guides.hg31 .ha-guides>a{display:flex;flex-direction:column;background:#fff!important;border:1px solid #e5dfd7;border-radius:2px!important;overflow:hidden;color:inherit;text-decoration:none} #material-guides.hg31 .ha-guides>a>img{display:block;width:100%;height:auto!important;aspect-ratio:16/9!important;object-fit:cover;transition:filter .2s ease} #material-guides.hg31 .ha-guides>a>div{padding:24px!important;display:flex;flex:1;flex-direction:column;gap:0} #material-guides.hg31 .ha-guides .ha-kicker{font-size:11px!important;letter-spacing:.11em;line-height:1.5;margin:0 0 14px} #material-guides.hg31 .ha-guides h3{font-size:24px!important;line-height:1.25!important;margin:0 0 14px;letter-spacing:-.025em} #material-guides.hg31 .ha-guides p{font-size:16px!important;line-height:1.65!important;margin:0 0 26px;color:#57534e} #material-guides.hg31 .ha-guide-link{margin-top:auto!important;padding-top:4px;font-size:15px;display:flex;align-items:center;gap:12px} #material-guides.hg31 .ha-guides>a:hover>img{filter:brightness(.96)} #material-guides.hg31 .ha-guides>a:hover .ha-guide-link{color:#a20e67} #material-guides.hg31 a:focus-visible{outline:3px solid #a20e67;outline-offset:5px} #kuci-home-refresh .kr-project-banner.hg31-banner{height:220px;min-height:0;padding:0!important;background-position:center;background-size:cover} @media(max-width:900px){#material-guides.hg31 .ha-guides{grid-template-columns:1fr!important;gap:24px!important}#material-guides.hg31 .ha-guides>a{display:grid;grid-template-columns:42% 1fr}#material-guides.hg31 .ha-guides>a>img{height:100%!important;aspect-ratio:auto!important}#material-guides.hg31 .ha-heading{display:block}#material-guides.hg31 .ha-heading>.ha-text-link{display:inline-flex;margin-top:20px}} @media(max-width:560px){#material-guides.hg31{padding-block:40px!important}#material-guides.hg31 .ha-guides>a{display:flex}#material-guides.hg31 .ha-guides>a>img{height:auto!important;aspect-ratio:16/9!important}#material-guides.hg31 .ha-guides>a>div{padding:22px!important}#material-guides.hg31 .ha-guides h3{font-size:23px!important}#kuci-home-refresh .kr-project-banner.hg31-banner{height:160px;background-size:cover;background-position:left center}} @media(prefers-reduced-motion:reduce){#material-guides.hg31 .ha-guides>a>img{transition:none}} /* /assets/home-refresh-20261031/home-refresh.css */ /* Homepage presentation only. Navigation, inquiry and footer are outside this scope. */ #kuci-home-refresh {background:#f8f5f1;color:#252323;--ha-berry:#9c0750;--ha-paper:#f2ede7;} #kuci-home-refresh .ha-wrap {width:calc(100% - 96px);max-width:1440px;} #kuci-home-refresh h2 {} #kuci-home-refresh h3 {} #kuci-home-refresh p {} #kuci-home-refresh .ha-kicker {color:#9c0750!important;} #kuci-home-refresh .ha-section {padding-block:36px!important;} #kuci-home-refresh .ha-heading {margin-bottom:22px;gap:28px;} #kuci-home-refresh .ha-heading p {max-width:540px;} #kuci-home-refresh .ha-button {background:#9c0750;border-color:#9c0750;border-radius:3px;} #kuci-home-refresh .ha-button.ha-secondary {background:transparent!important;color:#9c0750!important;} #kuci-home-refresh .ha-text-link {color:#9c0750!important;} #kuci-home-refresh .hd-benefits {background:#f5f0eb!important;border:0!important;padding:26px 0!important;} #kuci-home-refresh .hd-benefits-inner {width:calc(100% - 96px);max-width:1440px;gap:20px;margin:auto;} #kuci-home-refresh .hd-benefit {border:0!important;gap:12px;} #kuci-home-refresh .hd-benefit>img {background:#fff8fa;border-radius:50%;padding:9px;width:42px;height:42px;} #kuci-home-refresh .hd-benefit strong {} #kuci-home-refresh .hd-benefit span {} #kuci-home-refresh #how-it-works {display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;align-items:start;} #kuci-home-refresh #how-it-works .ha-heading {display:block;} #kuci-home-refresh #how-it-works .ha-text-link {margin-top:14px;} #kuci-home-refresh #how-it-works ol {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;} #kuci-home-refresh #how-it-works li {display:block;border:0;background:#f0ebe5;padding:0 0 15px;min-width:0;} #kuci-home-refresh .kr-process-image {width:100%;height:140px;object-fit:cover;margin-bottom:12px;border-radius:3px 3px 0 0;} #kuci-home-refresh #how-it-works li :is(h3,p,.ha-step-number) {margin-inline:12px;} #kuci-home-refresh #how-it-works h3 {margin-block:6px;} #kuci-home-refresh #how-it-works li p {} #kuci-home-refresh #how-it-works .ha-step-number {color:#9c0750;} #kuci-home-refresh #materials {display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;align-items:start;} #kuci-home-refresh #materials .ha-section-intro {display:block!important;margin:0!important;text-align:left!important;padding:0!important;} #kuci-home-refresh #materials .ha-section-action {margin-top:18px!important;text-align:left!important;} #kuci-home-refresh #materials .ha-section-intro h2 {margin:10px 0 16px;} #kuci-home-refresh #materials .ha-section-intro p {} #kuci-home-refresh #materials .hcms-filters {display:none;} #kuci-home-refresh .ha-products {display:grid!important;grid-template-rows:none!important;gap:10px!important;} #kuci-home-refresh .ha-products {grid-template-columns:repeat(6,minmax(0,1fr))!important;} #kuci-home-refresh .ha-product {position:relative;height:210px!important;min-height:0!important;grid-column:auto!important;grid-row:auto!important;border:0;border-radius:3px;background:#e4ded6;} #kuci-home-refresh .ha-product>img {height:100%!important;width:100%;object-fit:cover;} #kuci-home-refresh .ha-product>div {position:absolute;bottom:0;left:0;right:0;min-height:60px;padding:10px 8px!important;background:#231c18d9!important;color:white!important;gap:4px;} #kuci-home-refresh .ha-product h3 {color:white!important;} #kuci-home-refresh .ha-product .ha-icon {width:24px;height:24px;padding:5px;border-radius:50%;background:#fff;flex:none;} #kuci-home-refresh #design {display:grid;grid-template-columns:1fr 1fr;gap:0;padding-block:28px!important;margin-block:0!important;background:none;} #kuci-home-refresh #design>figure {height:auto;min-height:0;margin:0;} #kuci-home-refresh #design>figure>img {height:100%;width:100%;object-fit:cover;} #kuci-home-refresh .ha-design-copy {padding:30px 36px!important;background:#f0ebe5;} #kuci-home-refresh .ha-design-copy>p {margin-top:12px;} #kuci-home-refresh .ha-benefits {margin-top:20px;gap:15px;} #kuci-home-refresh .ha-benefits article {padding-block:12px;border-color:#ded4ca;} #kuci-home-refresh .ha-benefits h3 {} #kuci-home-refresh .ha-benefits p {} #kuci-home-refresh .ha-design-paths {display:flex;flex-wrap:wrap;gap:3px 20px;margin-top:14px;} #kuci-home-refresh #project-spaces .ha-solutions-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;} #kuci-home-refresh .ha-story-card {background:#efe9e2;border-radius:3px;overflow:hidden;} #kuci-home-refresh .ha-story-card>img {width:100%;height:260px!important;object-fit:cover;} #kuci-home-refresh .ha-story-card>div {padding:20px!important;} #kuci-home-refresh .ha-story-card h3 {} #kuci-home-refresh .ha-story-card p {margin-top:10px;} #kuci-home-refresh #home-showrooms {background:#f0ebe5!important;padding:36px 0!important;} #kuci-home-refresh .ha-showroom-layout {display:grid;grid-template-columns:1fr 1.3fr;gap:36px;} #kuci-home-refresh .ha-showroom-copy p,#kuci-home-refresh .ha-showroom-copy li {} #kuci-home-refresh .ha-showroom-copy h2 {margin:12px 0 18px;} #kuci-home-refresh .ha-showroom-copy ul {padding-left:18px;} #kuci-home-refresh .ha-showroom-mosaic {height:390px;} #kuci-home-refresh .ha-showroom-mosaic img {object-fit:cover;width:100%;height:100%;} #kuci-home-refresh .ha-showroom-mosaic span {background:#231c18c9;} #kuci-home-refresh .ha-guides-band {background:#f8f5f1!important;} #kuci-home-refresh .ha-guides {gap:18px;} #kuci-home-refresh .ha-guides>a {background:#eee8e1;overflow:hidden;border-radius:3px;} #kuci-home-refresh .ha-guides>a>img {height:180px!important;object-fit:cover;} #kuci-home-refresh .ha-guides>a>div {padding:20px!important;} #kuci-home-refresh .ha-guides h3 {} #kuci-home-refresh .ha-guides p {} #kuci-home-refresh .kr-project-banner {background:#f8f5f1 url("/assets/home-refresh-20261031/project-background.webp") center/cover no-repeat;padding:60px 0;min-height:300px;display:flex;align-items:center;} #kuci-home-refresh .kr-project-banner-copy {width:38%;margin-left:auto;} #kuci-home-refresh .kr-project-banner h2 {margin:14px 0 24px;} @media(max-width:1100px){ #kuci-home-refresh .ha-wrap,#kuci-home-refresh .hd-benefits-inner{width:calc(100% - 48px);} #kuci-home-refresh #materials,#kuci-home-refresh #how-it-works{grid-template-columns:220px minmax(0,1fr);gap:24px;} #kuci-home-refresh .ha-products{grid-template-columns:repeat(3,minmax(0,1fr))!important;} #kuci-home-refresh #how-it-works ol{grid-template-columns:repeat(2,minmax(0,1fr));} #kuci-home-refresh .ha-product{height:185px!important;} } @media(max-width:760px){ #kuci-home-refresh .ha-wrap,#kuci-home-refresh .hd-benefits-inner{width:calc(100% - 36px);} #kuci-home-refresh h2{} #kuci-home-refresh .ha-section{padding-block:28px!important;} #kuci-home-refresh #materials,#kuci-home-refresh #how-it-works,#kuci-home-refresh #design,#kuci-home-refresh .ha-showroom-layout{grid-template-columns:1fr;gap:22px;} #kuci-home-refresh .ha-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;} #kuci-home-refresh .ha-product{height:220px!important;} #kuci-home-refresh #design>figure{height:260px;} #kuci-home-refresh .ha-design-copy{padding:24px!important;} #kuci-home-refresh #project-spaces .ha-solutions-grid,#kuci-home-refresh .ha-guides{grid-template-columns:1fr;} #kuci-home-refresh .ha-story-card>img{height:260px!important;} #kuci-home-refresh .ha-showroom-mosaic{height:330px;} #kuci-home-refresh .ha-heading{display:block;} #kuci-home-refresh .ha-heading .ha-text-link{margin-top:10px;} #kuci-home-refresh .kr-project-banner{background-size:auto 230px;background-position:left top;padding:240px 0 30px;} #kuci-home-refresh .kr-project-banner-copy{width:100%;margin:0;} } /* /assets/home-showroom-balance-20261031/balance.css */ /* Restricted to the two homepage sections requested by the owner. */ #kuci-home-refresh #home-showrooms {padding:52px 0!important;} #kuci-home-refresh #home-showrooms .ha-showroom-layout {grid-template-columns:minmax(0,.88fr) minmax(0,1.35fr);gap:52px;align-items:center;} #kuci-home-refresh #home-showrooms .ha-showroom-copy {max-width:520px;} #kuci-home-refresh #home-showrooms .ha-showroom-copy h2 {font-size:clamp(32px,2.6vw,42px)!important;line-height:1.12!important;margin:14px 0 22px;} #kuci-home-refresh #home-showrooms .ha-showroom-copy>p:not(.ha-kicker) {line-height:1.7!important;} #kuci-home-refresh #home-showrooms .ha-showroom-copy ul {margin:20px 0 26px;padding-left:18px;} #kuci-home-refresh #home-showrooms .ha-showroom-copy li {margin:6px 0;line-height:1.55;} #kuci-home-refresh #home-showrooms .ha-showroom-copy>.ha-button {margin:0 20px 0 0;vertical-align:middle;} #kuci-home-refresh #home-showrooms .ha-showroom-copy>.ha-text-link {display:inline-flex;margin:8px 0;vertical-align:middle;} #kuci-home-refresh #home-showrooms .ha-showroom-mosaic {height:440px;display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:1fr 1fr;gap:14px;} #kuci-home-refresh #home-showrooms .ha-showroom-mosaic>a {display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;min-width:0;overflow:hidden;border-radius:4px;background:#fff;} #kuci-home-refresh #home-showrooms .ha-showroom-mosaic .ha-showroom-large {grid-column:1;grid-row:1/3;} #kuci-home-refresh #home-showrooms .ha-showroom-mosaic img {width:100%;height:100%!important;min-height:0;object-fit:cover;object-position:center;} #kuci-home-refresh #home-showrooms .ha-showroom-mosaic span {display:block!important;position:static!important;padding:11px 12px!important;background:#fff!important;color:#37302c!important;font:400 12px/1.45 Arial,sans-serif!important;} #kuci-home-refresh #project-spaces {padding-top:48px!important;padding-bottom:48px!important;} #kuci-home-refresh #project-spaces .ha-heading {align-items:center;margin-bottom:26px;} #kuci-home-refresh #project-spaces .ha-solutions-grid {gap:22px;align-items:stretch;} #kuci-home-refresh #project-spaces .ha-story-card {display:flex;flex-direction:column;min-width:0;border:1px solid #e5ddd5;border-radius:4px;background:#fff;} #kuci-home-refresh #project-spaces .ha-story-card>img {width:100%;height:auto!important;aspect-ratio:3/2;object-fit:cover;flex:none;} #kuci-home-refresh #project-spaces .ha-story-card>div {display:flex;flex-direction:column;flex:1;min-height:0;padding:22px!important;border:0;background:#fff;} #kuci-home-refresh #project-spaces .ha-story-card h3 {font-size:clamp(22px,1.65vw,26px)!important;line-height:1.2!important;min-height:2.4em;padding-right:0;} #kuci-home-refresh #project-spaces .ha-story-card p {margin-top:12px;line-height:1.6!important;} #kuci-home-refresh #project-spaces .ha-story-card p:last-child {margin-top:auto;padding-top:18px;color:#74695f;font-size:12px!important;} #kuci-home-refresh #project-spaces .hcms-note {margin-top:20px;font-size:12px!important;} @media(max-width:1050px){ #kuci-home-refresh #home-showrooms .ha-showroom-layout {grid-template-columns:1fr 1.15fr;gap:28px;} #kuci-home-refresh #home-showrooms .ha-showroom-mosaic {height:420px;gap:10px;grid-template-columns:1fr 1fr;} #kuci-home-refresh #project-spaces .ha-story-card>div {padding:18px!important;} } @media(max-width:760px){ #kuci-home-refresh #home-showrooms {padding:30px 0!important;} #kuci-home-refresh #home-showrooms .ha-showroom-layout {grid-template-columns:1fr;gap:24px;} #kuci-home-refresh #home-showrooms .ha-showroom-copy {max-width:none;} #kuci-home-refresh #home-showrooms .ha-showroom-mosaic {height:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:12px;} #kuci-home-refresh #home-showrooms .ha-showroom-mosaic .ha-showroom-large {grid-column:1/-1;grid-row:1;} #kuci-home-refresh #home-showrooms .ha-showroom-mosaic img {height:auto!important;aspect-ratio:4/3;} #kuci-home-refresh #home-showrooms .ha-showroom-mosaic .ha-showroom-large img {aspect-ratio:16/10;} #kuci-home-refresh #home-showrooms .ha-showroom-mosaic span {padding:10px!important;font-size:11px!important;} #kuci-home-refresh #project-spaces {padding-block:30px!important;} #kuci-home-refresh #project-spaces .ha-story-card h3 {min-height:0;} #kuci-home-refresh #project-spaces .ha-solutions-grid {gap:20px;} } /* /assets/home-overlay-20261031/overlay.css */ /* Homepage hero and category cards only. */ #kuci-home-refresh #hero {height:clamp(540px,43vw,700px)!important;min-height:540px!important;max-height:none!important;display:flex;align-items:center;} #kuci-home-refresh #hero>img {inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;} #kuci-home-refresh #hero .ha-hero-shade {opacity:.38!important;} #kuci-home-refresh #hero .ha-hero-copy {padding-top:0!important;padding-bottom:0!important;width:calc(100% - 96px)!important;max-width:1440px!important;margin-inline:auto!important;} #kuci-home-refresh #hero h1 {font-size:clamp(38px,3.65vw,60px)!important;line-height:1.12!important;letter-spacing:-1.6px!important;font-weight:600!important;max-width:650px!important;margin:0!important;text-shadow:none!important;} #kuci-home-refresh #hero h1 span {display:block;margin-top:8px;} #kuci-home-refresh #hero .ha-actions {margin-top:28px!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:12px!important;max-width:760px;} #kuci-home-refresh #hero .ha-button {font-size:13px!important;line-height:1.35!important;padding:14px 18px!important;min-height:48px!important;gap:14px!important;} #kuci-home-refresh #hero .ha-secondary {background:#ffffffb8!important;} #kuci-home-refresh #materials .ha-products {gap:12px!important;} #kuci-home-refresh #materials .ha-product {height:230px!important;border-radius:4px;} #kuci-home-refresh #materials .ha-product>div {min-height:90px!important;height:90px!important;padding:12px!important;align-items:center!important;background:#211b17a6!important;gap:8px!important;} #kuci-home-refresh #materials .ha-product h3 {font-family:inherit!important;font-size:15px!important;font-weight:500!important;line-height:1.3!important;letter-spacing:0!important;margin:0!important;padding:0!important;color:#fff!important;max-width:calc(100% - 28px);} #kuci-home-refresh #materials .ha-product .ha-icon {width:23px!important;height:23px!important;padding:5px!important;flex:none!important;} @media(min-width:1600px){#kuci-home-refresh #materials .ha-product h3{font-size:16px!important;}} @media(min-width:1101px) and (max-width:1450px){#kuci-home-refresh #materials .ha-products{grid-template-columns:repeat(4,minmax(0,1fr))!important;}} @media(max-width:1100px){ #kuci-home-refresh #hero .ha-hero-copy {width:calc(100% - 48px)!important;} #kuci-home-refresh #hero h1 {max-width:560px!important;font-size:44px!important;} } @media(max-width:760px){ #kuci-home-refresh #hero {height:auto!important;min-height:540px!important;padding-block:48px!important;} #kuci-home-refresh #hero .ha-hero-copy {width:calc(100% - 36px)!important;} #kuci-home-refresh #hero>img {object-position:58% center!important;opacity:.5;} #kuci-home-refresh #hero .ha-hero-shade {opacity:.7!important;} #kuci-home-refresh #hero h1 {font-size:clamp(32px,8.5vw,40px)!important;letter-spacing:-1px!important;max-width:500px!important;} #kuci-home-refresh #hero .ha-actions {align-items:flex-start!important;flex-direction:column!important;gap:10px!important;} #kuci-home-refresh #materials .ha-product {height:220px!important;} #kuci-home-refresh #materials .ha-product h3 {font-size:14px!important;} #kuci-home-refresh #materials .ha-product>div {padding:12px 10px!important;} } /* /assets/footer-colors-20261031/footer-colors.css */ /* Scoped footer identity colors; preserve navigation and shared typography. */ html body footer.cc-footer .ks-social>a{width:40px;height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent!important;border-radius:50%;opacity:1!important;transition:transform .15s ease,box-shadow .15s ease} html body footer.cc-footer .ks-social>a img{width:20px;height:20px;opacity:1!important;filter:brightness(0) invert(1)!important} html body footer.cc-footer .ks-social>a[href*="tiktok.com"]{background:#080808!important;border-color:#696969!important} html body footer.cc-footer .ks-social>a[href*="tiktok.com"] img{filter:brightness(0) invert(1) drop-shadow(-1px -1px 0 #25f4ee) drop-shadow(1px 1px 0 #fe2c55)!important} html body footer.cc-footer .ks-social>a[href*="instagram.com"]{background:radial-gradient(circle at 28% 105%,#ffdc80 0%,#fcaf45 22%,#f56040 38%,#e1306c 58%,#833ab4 82%,#405de6 100%)!important} html body footer.cc-footer .ks-social>a[href*="facebook.com"]{background:#1877f2!important} html body footer.cc-footer .ks-social>a[href*="youtube.com"]{background:#ff0000!important} html body footer.cc-footer .ks-social>a[href*="linkedin.com"]{background:#0a66c2!important} html body footer.cc-footer .ks-social>a:hover{transform:translateY(-2px);box-shadow:0 0 0 3px #ffffff20} html body footer.cc-footer :is(.ks-social>a,.cc-contact-link):focus-visible{outline:2px solid #fff;outline-offset:4px} html body footer.cc-footer .cc-whatsapp .cc-icon{background:#25d366!important;border-color:#25d366!important} html body footer.cc-footer .cc-email .cc-icon{background:#a21f6b!important;border-color:#ca70a3!important} html body footer.cc-footer .cc-contact-link .cc-icon img{filter:brightness(0) invert(1)!important;opacity:1!important} html body footer.cc-footer a[data-footer-logo-colors]{display:inline-flex;width:188px;max-width:100%;gap:0;align-items:center} html body footer.cc-footer a[data-footer-logo-colors]>img.kuci-building-material-logo{display:block;width:188px!important;height:auto!important;max-width:100%;max-height:none;object-fit:contain;filter:none!important;opacity:1!important} @media(prefers-reduced-motion:reduce){html body footer.cc-footer .ks-social>a{transition:none}html body footer.cc-footer .ks-social>a:hover{transform:none}} html{scroll-behavior:smooth}#materials,#inquiry{scroll-margin-top:110px}.hc-related{margin-top:18px;font-size:14px}.hc-related a{text-decoration:underline;text-underline-offset:4px}@media(max-width:760px){#kuci-home-refresh .hd-benefit{flex-direction:column;align-items:flex-start;gap:8px}#kuci-home-refresh .hd-benefit span{font-size:13px;line-height:1.5}#kuci-home-refresh .hd-benefit strong{font-size:14px;line-height:1.4}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}