.pv-page{--pv-ink:#25252b;--pv-wine:#a21f6b;--pv-warm:#f6f3ed;--pv-line:#dad6ce;color:var(--pv-ink);background:#fff;}.pv-page *{box-sizing:border-box}.pv-page h1,.pv-page h2,.pv-page h3,.pv-page h4,.pv-page p,.pv-page figure{margin:0}.pv-page a{color:inherit;text-decoration:none}.pv-page button{cursor:pointer}.pv-page img{display:block;width:100%;object-fit:cover}.pv-wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.pv-section{padding-block:88px;scroll-margin-top:110px}.pv-page h1,.pv-page h2{}.pv-page h1{}.pv-page h2{}.pv-page h3{}.pv-page em{}.pv-page p{color:#5c5b60}.pv-page .pv-kicker{color:var(--pv-wine);}.pv-hero{display:grid;grid-template-columns:.85fr 1.3fr;gap:56px;padding-block:48px 50px;align-items:center}.pv-hero-copy{padding-block:26px}.pv-hero-copy h1{margin:24px 0}.pv-hero-copy>p:not(.pv-kicker){max-width:450px}.pv-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:28px}.pv-page .pv-button{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:16px 24px;background:var(--pv-wine);color:#fff;min-height:52px;}.pv-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #8e8985;min-height:44px}.pv-hero .pv-hero-foot{margin-top:42px}.pv-hero-image{position:relative}.pv-hero-image img{height:570px}.pv-hero-image figcaption{position:absolute;left:0;right:0;bottom:0;padding:60px 24px 23px;display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap;background:linear-gradient(transparent,rgba(0,0,0,.7));color:white;}.pv-jump{border-top:1px solid var(--pv-line);border-bottom:1px solid var(--pv-line);display:flex;justify-content:space-between;gap:24px;padding-block:17px;}.pv-jump a{padding:8px 0}.pv-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px}.pv-heading .pv-kicker{margin-bottom:16px}.pv-heading>p{max-width:390px;}.pv-featured{display:grid;grid-template-columns:1.3fr 1fr;gap:36px}.pv-card{min-width:0}.pv-cover{display:block;position:relative;overflow:hidden;background:#e9e5dd}.pv-cover img{aspect-ratio:auto;height:auto;transition:transform .35s}.pv-cover:hover img{transform:scale(1.025)}.pv-featured .pv-cover img{height:auto;aspect-ratio:auto}.pv-featured .pv-card:nth-child(2){padding-top:65px}.pv-featured .pv-card:nth-child(2) .pv-cover img{height:auto}.pv-image-label,.pv-photo-count{position:absolute;background:rgba(255,255,255,.95);padding:6px 10px;}.pv-image-label{left:12px;top:12px}.pv-photo-count{right:12px;bottom:12px}.pv-card-copy{padding:23px 0 4px}.pv-card-copy h3{margin-top:10px;max-width:580px}.pv-card-copy>p:not(.pv-kicker){margin-top:12px;}.pv-chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px;padding:0;margin:18px 0 12px;color:#646064}.pv-chips li:not(:last-child)::after{content:'·';margin-left:14px;color:#a09a94}.pv-warm{background:var(--pv-warm)}.pv-filters{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--pv-line);padding-bottom:20px}.pv-filters button{border:1px solid #d6d1c8;background:transparent;padding:11px 17px;min-height:46px;color:#474349}.pv-filters button[aria-pressed=true]{background:var(--pv-ink);border-color:var(--pv-ink);color:white}.pv-result{padding:16px 0 26px}.pv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 26px}.pv-grid .pv-card{display:flex;flex-direction:column}.pv-grid .pv-card[hidden]{display:none}.pv-grid .pv-cover{aspect-ratio:4/3;flex-shrink:0}.pv-grid .pv-cover img{width:100%;height:100%;object-fit:cover}.pv-grid .pv-card-copy{display:flex;flex-direction:column;flex:1}.pv-grid .pv-card h3{min-height:2.6em}.pv-grid .pv-card-copy>p:not(.pv-kicker){min-height:5.1em}.pv-grid .pv-card-copy>.pv-link{align-self:flex-start;margin-top:auto}.pv-grid .pv-chips{margin-bottom:16px}.pv-page .pv-note{margin-top:32px;color:#706b70;max-width:980px}.pv-tour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px}.pv-tour>div{position:relative;overflow:hidden}.pv-tour img{aspect-ratio:16/10;filter:brightness(.78);transition:filter .3s}.pv-tour:hover img{filter:brightness(.95)}.pv-tour-icon{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-shadow:0 1px 8px #222;}.pv-tour-icon small{}.pv-tour h3{margin-top:16px}.pv-tour p{margin-top:5px;display:flex;justify-content:space-between}.pv-material{background:#eeeae3}.pv-material-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}.pv-material-layout>figure img{height:550px}.pv-page figcaption{padding-top:10px;color:#666}.pv-material-layout h3{margin:18px 0}.pv-material-layout p{}.pv-material-layout .pv-link{display:flex;max-width:365px;margin-top:8px}.pv-detail-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.pv-detail-strip img{aspect-ratio:1;height:auto}.pv-support{display:grid;grid-template-columns:1fr 1.6fr;gap:60px}.pv-support h2{margin:16px 0}.pv-support ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:0;padding:0;align-items:center}.pv-support li>span{display:block;color:var(--pv-wine);margin-bottom:22px}.pv-support h3{margin-bottom:12px}.pv-support p{}.pv-cta{background:#28292b;padding:75px 0;color:#fff}.pv-cta .pv-kicker{color:#dda9c5}.pv-cta h2{margin:18px 0 24px;}.pv-cta p{color:#d0cdcf;max-width:600px;}.pv-cta .pv-link{color:#fff}.pv-source-stories{padding-block:65px}.pv-source-stories>h2{}.pv-source-stories>p{margin-block:8px 24px}.pv-story{border-top:1px solid var(--pv-line);padding:16px 0;scroll-margin-top:120px}.pv-story summary{cursor:pointer;}.pv-story summary span{float:right;color:#69636b}.pv-story-body{padding:28px 0}.pv-story-body>h3{margin:14px 0 18px}.pv-story-body>p{max-width:840px}.pv-story-body h4{margin-top:22px}.pv-story-gallery{display:flex;flex-direction:column;gap:28px;margin-top:30px}.pv-story-gallery figure{min-width:0}.pv-story-row{display:grid;grid-template-columns:var(--pv-columns);align-items:start;gap:20px}.pv-story-gallery img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:4px}.pv-story-gallery .pv-story-lead{width:100%;max-width:100%}.pv-story-gallery .pv-story-lead img{width:100%;max-width:100%;height:auto}.pv-story-gallery figcaption{padding-top:10px;color:#77706b}.pv-story-gallery figcaption strong{display:block;color:#45403d;margin-bottom:3px}.pv-story-gallery figcaption span{display:block}.pv-story-body>h4{}.pv-story-body>.pv-note{border-top:1px solid var(--pv-line);padding-top:22px;margin-top:30px}.pv-story-body>.pv-button{margin-top:20px}.pv-page dialog{width:min(1080px,calc(100% - 48px));max-height:90dvh;border:0;padding:0 32px 28px;color:var(--pv-ink);background:white}.pv-page dialog::backdrop{background:rgba(20,20,25,.72)}.pv-dialog-bar{position:sticky;top:0;background:white;z-index:2;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--pv-line);padding:14px 0;}.pv-dialog-bar button{background:transparent;border:1px solid #aaa;padding:10px 16px;}.pv-modal-open{overflow:hidden}.pv-page :focus-visible{outline:3px solid #a21f6b;outline-offset:5px}.pv-page [id]{scroll-margin-top:110px} @media(max-width:1100px){.pv-wrap{width:calc(100% - 56px)}.pv-hero{gap:30px}.pv-hero-image img{height:510px}.pv-hero h1{}.pv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pv-material-layout{gap:28px}.pv-support{grid-template-columns:1fr}.pv-support ol{gap:35px}.pv-featured .pv-cover img{height:auto}.pv-featured .pv-card:nth-child(2) .pv-cover img{height:auto}} @media(max-width:700px){.pv-wrap{width:calc(100% - 40px)}.pv-section{padding-block:52px}.pv-hero{grid-template-columns:1fr;padding-top:28px;gap:25px}.pv-hero-copy{padding:0}.pv-hero h1{}.pv-hero-copy>p{}.pv-hero-copy h1{margin:18px 0}.pv-hero .pv-hero-foot{margin-top:25px}.pv-hero-image img{height:310px}.pv-hero-image figcaption{padding:50px 15px 15px}.pv-actions{gap:12px 20px}.pv-jump{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;}.pv-heading{display:block;margin-bottom:28px}.pv-heading>p{margin-top:18px}.pv-page h2{}.pv-featured,.pv-grid{grid-template-columns:1fr;gap:30px}.pv-featured .pv-card:nth-child(2){padding-top:0}.pv-featured .pv-cover img,.pv-featured .pv-card:nth-child(2) .pv-cover img{height:auto;aspect-ratio:auto}.pv-card-copy h3{}.pv-grid .pv-card h3,.pv-grid .pv-card-copy>p:not(.pv-kicker){min-height:0}.pv-card-copy{padding-top:18px}.pv-filters{gap:7px}.pv-filters button{padding:10px 12px}.pv-tour-grid{grid-template-columns:1fr 1fr;gap:25px 14px}.pv-tour h3{}.pv-tour p{}.pv-tour-icon{}.pv-tour-icon small{}.pv-material-layout{grid-template-columns:1fr;gap:25px}.pv-material-layout>figure img{height:auto;aspect-ratio:4/3}.pv-detail-strip{gap:8px}.pv-page figcaption{}.pv-support{gap:26px}.pv-support ol{grid-template-columns:1fr;gap:26px}.pv-support li{display:grid;grid-template-columns:40px 1fr;gap:0 12px}.pv-support li>span{grid-row:span 2;margin:0}.pv-support li h3{margin:0 0 8px}.pv-cta{padding:50px 0}.pv-cta h2{}.pv-story summary{}.pv-story summary span{display:block;float:none;margin-top:8px}.pv-source-stories{padding-block:40px}.pv-story-gallery{gap:22px}.pv-story-row{grid-template-columns:1fr;gap:22px}.pv-story-gallery .pv-story-lead img{width:100%;max-height:none}.pv-story-gallery figcaption{}.pv-story-body>h3{}.pv-page dialog{width:calc(100% - 20px);padding:0 18px 24px;max-height:94dvh}.pv-dialog-bar{}.pv-page .pv-button{padding:15px 20px;}.pv-source-stories .pv-story-body>p{}} @media(prefers-reduced-motion:reduce){.pv-page *{transition:none!important;scroll-behavior:auto!important}} .pv-page .pv-hero-image figcaption{color:#fff}.pv-page .pv-hero-image figcaption span{color:#fff} .pv-page .pv-cta h2{color:#fff}.pv-page .pv-cta h2 em{color:#f3cadf} .pv-film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.pv-film-grid article>h3{margin:10px 0}.pv-film-grid article>.pv-kicker{margin-top:20px}.pv-page .pv-film video{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#19191b;border:0}.pv-film figcaption{padding-top:8px}.pv-record-films{margin:28px 0}.pv-record-films .pv-film video{max-height:60vh;aspect-ratio:16/9}.pv-page video:focus-visible{outline:3px solid var(--pv-wine);outline-offset:4px}@media(max-width:700px){.pv-film-grid{grid-template-columns:1fr;gap:32px}.pv-record-films .pv-film video{max-height:55dvh}.pv-photo-count{}} /* 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;} /* 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}} /* 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{}} /* * 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 and kuci-site to the PUBLIC , * 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;} } /* Page-scoped final layer: Services panorama migration, 2026-10-31. */ .svc720{padding:88px 0;background:#f5f3ef;scroll-margin-top:110px} .svc720 .svc720-wrap{width:calc(100% - 80px);max-width:1360px;margin:auto} .svc720 .svc720-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:end;margin-bottom:36px} .svc720 .svc720-kicker{color:#a50c64;font-size:12px;letter-spacing:.14em;font-weight:600;margin:0 0 14px} .svc720 h2{font-size:clamp(32px,3.2vw,48px);line-height:1.12;letter-spacing:-.035em;margin:0;max-width:650px} .svc720 .svc720-intro{font-size:17px;line-height:1.7;margin:0;max-width:490px;color:#555} .svc720 .svc720-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px} .svc720 a.svc720-card{display:block;color:#272727;text-decoration:none;min-width:0} .svc720 .svc720-image{position:relative;overflow:hidden;background:#e5e1da;aspect-ratio:4/3} .svc720 .svc720-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease} .svc720 .svc720-badge{position:absolute;top:16px;left:16px;padding:8px 12px;background:#fff;color:#292929;font-size:13px;font-weight:600;letter-spacing:.04em} .svc720 .svc720-arrow{position:absolute;right:16px;bottom:16px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#222;font-size:24px} .svc720 a.svc720-card:hover img{transform:scale(1.035)} .svc720 a:focus-visible{outline:3px solid #a50c64;outline-offset:5px} .svc720 .svc720-card h3{font-size:20px;line-height:1.3;margin:16px 0 6px;letter-spacing:-.02em} .svc720 .svc720-card p{font-size:14px;line-height:1.5;margin:0;color:#606060} .svc720 .svc720-foot{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:36px;padding-top:24px;border-top:1px solid #d6d1c9} .svc720 .svc720-foot p{font-size:14px;line-height:1.6;margin:0;max-width:700px;color:#606060} .svc720 .svc720-cta{color:#292929;font-size:15px;white-space:nowrap;text-underline-offset:6px} #how-to-order.svc720-workflow{background:#fff;padding:68px 0} #how-to-order.svc720-workflow .su28-lower{padding-block:0} #how-to-order.svc720-workflow h2{margin-bottom:32px} #how-to-order.svc720-workflow .su28-steps{gap:32px} #how-to-order.svc720-workflow .su28-steps h3{font-size:22px;line-height:1.3;max-width:240px} #how-to-order.svc720-workflow .su28-steps p{font-size:16px;line-height:1.7;max-width:300px} #panoramic-tours.svc720-project-link{scroll-margin-top:110px} @media(max-width:900px){.svc720{padding:56px 0}.svc720 .svc720-wrap{width:calc(100% - 40px)}.svc720 .svc720-heading{grid-template-columns:1fr;gap:22px}.svc720 .svc720-intro{max-width:650px}.svc720 .svc720-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svc720 .svc720-foot{align-items:flex-start;flex-direction:column}#how-to-order.svc720-workflow .su28-steps{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.svc720{padding:44px 0}.svc720 .svc720-grid{grid-template-columns:1fr;gap:28px}.svc720 .svc720-heading{margin-bottom:28px}.svc720 h2{font-size:34px}.svc720 .svc720-intro{font-size:16px}.svc720 .svc720-card h3{margin-top:12px}.svc720 .svc720-foot{margin-top:28px}#how-to-order.svc720-workflow{padding:44px 0}#how-to-order.svc720-workflow .su28-steps{grid-template-columns:1fr;gap:24px}#how-to-order.svc720-workflow .su28-steps h3,#how-to-order.svc720-workflow .su28-steps p{max-width:none}} @media(prefers-reduced-motion:reduce){.svc720 .svc720-image img{transition:none}.svc720 a.svc720-card:hover img{transform:none}} /* Local review: unified text family with medium headings; retain size and spacing. */ @font-face { font-family: 'KUCI Unified Sans'; src: url("/assets/fonts/inter/inter-variable-a7259775c640.woff2") format('woff2'); font-style: normal; font-weight: 100 900; font-display: swap; } @font-face { font-family: 'KUCI Unified Sans'; src: url("/assets/fonts/inter/inter-variable-italic-1254fd1aea50.woff2") format('woff2'); font-style: italic; font-weight: 100 900; font-display: swap; } /* Important layered declarations override legacy unlayered font shorthands, including dynamically inserted quotation forms, without changing their layout. */ @layer kuciUnifiedSans { html, body, body *:not(svg, svg *, .fa, .fas, .far, .fab, .iconfont, .material-icons, .material-symbols-outlined) { font-family: 'KUCI Unified Sans', 'Inter', Arial, 'Microsoft YaHei', sans-serif !important; } /* A lighter title treatment, including emphasized words inside headings. */ body :is(h1, h2, h3, h4, h5, h6), body :is(h1, h2, h3, h4, h5, h6) * { font-weight: 500 !important; } } /* T08 public navigation only. Light mode releases all existing colour rules. */ @font-face { font-family: 'KUCI Unified Sans'; src: url("/assets/fonts/inter/inter-variable-a7259775c640.woff2") format('woff2'); font-style: normal; font-weight: 100 900; font-display: swap; } @layer kuciNavigationTheme { /* Link labels and the Services button must share one typography rule. */ header[data-kuci-nav-theme] :is(#kc6-navigation > a, .pm-nav-group > a, .pm-service-trigger, .kc6-menu) { font-family: 'KUCI Unified Sans', 'Inter', Arial, 'Microsoft YaHei', sans-serif !important; font-size: 16px !important; font-weight: 500 !important; font-style: normal !important; line-height: 1.4 !important; letter-spacing: 0 !important; text-transform: none !important; } header[data-kuci-nav-theme] { transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease !important; } header[data-kuci-nav-theme] :is(nav, .ks-submenu, a, button) { transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease !important; } html:not([data-kuci-nav-ready]) header[data-kuci-nav-theme], html:not([data-kuci-nav-ready]) header[data-kuci-nav-theme] * { transition: none !important; } html:not([data-kuci-nav-mode="light"]) header[data-kuci-nav-theme] { --kuci-nav-accent: #d85aa7; background: #191919 !important; color: #fff !important; border-color: #ffffff24 !important; box-shadow: none !important; color-scheme: dark; } html:not([data-kuci-nav-mode="light"]) header[data-kuci-nav-theme] :is(#kc6-navigation, .ks-submenu, [data-products-menu-local]) { background: #191919 !important; color: #fff !important; border-color: #ffffff24 !important; } html:not([data-kuci-nav-mode="light"]) header[data-kuci-nav-theme] :is(a, button) { color: #fff !important; background-color: transparent !important; border-color: #ffffff24 !important; } html:not([data-kuci-nav-mode="light"]) header[data-kuci-nav-theme] :is(.pm-heading, small, .pm-description) { color: #e5e5e5 !important; border-color: #ffffff24 !important; } html:not([data-kuci-nav-mode="light"]) header[data-kuci-nav-theme] :is(a, button):is(:hover, :focus-visible, [aria-current="page"]), html:not([data-kuci-nav-mode="light"]) header[data-kuci-nav-theme] .pm-nav-group.is-open > a { color: var(--kuci-nav-accent) !important; } html:not([data-kuci-nav-mode="light"]) header[data-kuci-nav-theme] .ks-submenu a:is(:hover, :focus-visible, [aria-current="page"]) { background: #ffffff08 !important; } html:not([data-kuci-nav-mode="light"]) header[data-kuci-nav-theme] :is(a, button):focus-visible { outline-color: var(--kuci-nav-accent) !important; } html:not([data-kuci-nav-mode="light"]) header[data-kuci-nav-theme] :is([data-kc6-search], .ks-sub-toggle) img { filter: brightness(0) invert(1) !important; } /* Brand images are deliberately excluded from icon recolouring. */ header[data-kuci-nav-theme] :is(#kc6-navigation > a, .pm-nav-group > a, .pm-service-trigger)::after { content: "" !important; display: block !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: 10px !important; height: 1px !important; background: currentColor !important; transform: scaleX(0); transform-origin: left center; transition: transform 180ms ease !important; pointer-events: none; } header[data-kuci-nav-theme] :is(#kc6-navigation > a, .pm-nav-group > a, .pm-service-trigger):is(:hover, :focus-visible, [aria-current="page"])::after { transform: scaleX(1); } @media (prefers-reduced-motion: reduce) { header[data-kuci-nav-theme], header[data-kuci-nav-theme] *, header[data-kuci-nav-theme] *::after { transition: none !important; } } } /* 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}} /* 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; } }