*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#152333;background:#fff;line-height:1.65}body.menu-open{overflow:hidden}:root{--navy:#081c2c;--steel:#0f3d56;--blue:#176b87;--gold:#d7ae55;--light:#f3f7f9;--line:#d9e3e8;--text:#152333;--muted:#5c6c78;--white:#fff;--shadow:0 18px 50px rgba(8,28,44,.12)}a{color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:1000;background:rgba(8,28,44,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{min-height:82px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:baseline;gap:8px;text-decoration:none;color:white;white-space:nowrap}.brand-mark{font-size:28px;font-weight:900;letter-spacing:.04em}.brand-name{font-size:12px;font-weight:800;letter-spacing:.24em;color:var(--gold)}.main-nav{display:flex;align-items:center;gap:18px;margin-left:auto}.nav-link{font-size:14px;text-decoration:none;color:#dbe6ec;padding:28px 2px 24px;border-bottom:3px solid transparent}.nav-link:hover,.nav-link.active{color:white;border-bottom-color:var(--gold)}.header-actions{display:flex;align-items:center;gap:14px}.language-switcher{display:flex;gap:2px}.language-switcher button{border:0;background:transparent;color:#9fb0bc;font-size:11px;padding:6px;cursor:pointer}.language-switcher button.active{color:var(--gold);font-weight:800}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 24px;border:1px solid var(--gold);background:var(--gold);color:#102435;text-decoration:none;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(215,174,85,.25)}.btn-small{min-height:40px;padding:0 16px;font-size:13px}.btn-ghost{background:transparent;color:white;border-color:rgba(255,255,255,.45)}.btn-light{background:white;border-color:white;color:var(--navy)}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:25px;height:2px;background:white;margin:5px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 35%,rgba(23,107,135,.45),transparent 32%),linear-gradient(135deg,#071a29,#0f3d56);color:white}.hero-home{min-height:720px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding:90px 0}.eyebrow{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin:0 0 16px}.hero h1,.page-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.06;letter-spacing:-.04em;margin:0 0 24px;max-width:880px}.hero-lead,.page-hero p:last-child{font-size:19px;color:#d7e2e8;max-width:720px}.hero-actions{display:flex;gap:14px;margin:34px 0}.hero-trust{display:flex;gap:36px;margin-top:52px}.hero-trust span{display:flex;flex-direction:column}.hero-trust strong{font-size:28px;color:white}.hero-trust small{color:#a9bac4}.tech-card{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);padding:38px;box-shadow:var(--shadow);position:relative}.tech-kicker{font-size:11px;letter-spacing:.16em;color:#c7d6df}.tech-ring{height:210px;display:grid;place-items:center}.tech-ring:before,.tech-ring:after,.tech-ring div{content:"";position:absolute;border:1px solid rgba(215,174,85,.45);border-radius:50%}.tech-ring:before{width:190px;height:190px}.tech-ring:after{width:130px;height:130px}.tech-ring div{width:65px;height:65px;background:var(--gold);box-shadow:0 0 50px rgba(215,174,85,.45)}.tech-card ul{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.tech-card li{font-size:13px;color:#e8f0f4;border-top:1px solid rgba(255,255,255,.15);padding-top:11px}.section{padding:100px 0}.section-soft{background:var(--light)}.dark{background:var(--navy);color:white}.split{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;align-items:start}.section-heading h2{font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-.035em;margin:0}.section-heading.centered{text-align:center;max-width:780px;margin:0 auto 52px}.section-heading.centered p{color:var(--muted)}.prose{font-size:18px;color:var(--muted)}.text-link,.card a{color:var(--steel);font-weight:800;text-decoration:none}.cards{display:grid;gap:24px}.cards-3{grid-template-columns:repeat(3,1fr)}.card,.service-card,.industry-card,.training-card,.case-card{background:white;border:1px solid var(--line);padding:34px;transition:.25s}.card:hover,.service-card:hover,.industry-card:hover,.training-card:hover,.case-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent}.card-number{display:block;color:var(--gold);font-weight:900;margin-bottom:38px}.card h3,.service-card h3,.industry-card h3,.training-card h3,.case-card h3{font-size:23px;line-height:1.25;margin:0 0 14px}.card p,.service-card p,.industry-card p,.training-card p,.case-card p{color:var(--muted)}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.13);margin-top:50px}.outcome-grid div{background:var(--navy);padding:30px;font-size:18px}.outcome-grid div:before{content:'✓';color:var(--gold);margin-right:12px}.pathway{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:45px 0}.path-step{padding:30px;border-left:3px solid var(--gold);background:var(--light)}.path-step strong{color:var(--gold)}.path-step h3{margin:14px 0 8px}.center{text-align:center}.cta-section{padding:0 0 100px}.cta-box{display:flex;justify-content:space-between;align-items:center;gap:40px;background:linear-gradient(130deg,var(--steel),var(--blue));color:white;padding:55px}.cta-box h2{font-size:40px;line-height:1.15;margin:0 0 12px}.page-hero{background:linear-gradient(135deg,#071a29,#0f3d56);color:white;padding:110px 0 90px}.page-hero h1{font-size:clamp(42px,5vw,66px)}.page-hero .container{max-width:1180px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.service-card{min-height:220px;border-top:4px solid var(--gold)}.process-line{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px}.process-line div{padding:28px;border:1px solid rgba(255,255,255,.17);display:flex;flex-direction:column;gap:15px}.process-line strong{color:var(--gold);font-size:28px}.training-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.training-card>span{color:var(--gold);font-weight:900;font-size:12px}.training-card ul,.check-list{padding-left:20px;color:var(--muted)}.training-card li,.check-list li{margin:8px 0}.expertise-list{border-top:1px solid var(--line)}.expertise-row{display:grid;grid-template-columns:100px 1fr;gap:35px;padding:36px 0;border-bottom:1px solid var(--line)}.expertise-row>span{color:var(--gold);font-size:28px;font-weight:900}.expertise-row h3{font-size:25px;margin:0}.expertise-row p{color:var(--muted);max-width:800px}.industry-card{min-height:220px}.tag-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.tag-cloud span{padding:13px 18px;background:var(--light);border:1px solid var(--line);font-weight:700}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.case-card>span{font-size:12px;color:var(--gold);font-weight:900;text-transform:uppercase}.case-card strong{display:block;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);color:var(--steel)}.note-box{max-width:800px;text-align:center;margin:auto}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-points{display:grid;gap:20px;margin-top:35px}.contact-points div{display:flex;flex-direction:column;padding-left:18px;border-left:3px solid var(--gold)}.contact-points span{color:var(--muted)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:var(--light);padding:34px}.contact-form label{display:flex;flex-direction:column;font-size:13px;font-weight:800;gap:7px}.contact-form label:nth-last-of-type(1),.contact-form label:nth-last-of-type(2){grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #cbd7dd;background:white;padding:13px;font:inherit}.contact-form button,.form-status{grid-column:1/-1}.form-status{margin:0;color:var(--steel)}.site-footer{background:#061520;color:#b7c5ce;padding:70px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:45px}.footer-grid h3{color:white;font-size:14px}.footer-grid a{display:block;text-decoration:none;margin:8px 0}.footer-brand{margin-bottom:18px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;font-size:13px}.back-to-top{position:fixed;right:22px;bottom:22px;width:42px;height:42px;border:0;background:var(--gold);color:var(--navy);font-weight:900;opacity:0;pointer-events:none;transition:.2s}.back-to-top.visible{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(max-width:1050px){.main-nav{position:fixed;inset:82px 0 auto;background:var(--navy);padding:20px;display:none;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.nav-link{padding:10px 0}.menu-toggle{display:block;margin-left:auto}.header-actions .btn{display:none}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.hero-visual{display:none}.cards-3,.training-grid,.case-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.header-inner{gap:10px}}@media(max-width:700px){.container{width:min(100% - 26px,1180px)}.header-inner{min-height:72px}.main-nav{inset:72px 0 auto}.brand-mark{font-size:23px}.language-switcher button{padding:4px}.hero-home{min-height:auto}.hero-grid{padding:80px 0}.hero h1,.page-hero h1{font-size:42px}.hero-actions,.hero-trust{flex-direction:column;align-items:flex-start;gap:12px}.section{padding:72px 0}.split{gap:35px}.cards-3,.training-grid,.case-grid,.service-grid,.outcome-grid,.process-line{grid-template-columns:1fr}.cta-box{padding:35px;align-items:flex-start;flex-direction:column}.cta-box h2{font-size:32px}.expertise-row{grid-template-columns:55px 1fr}.contact-form{grid-template-columns:1fr;padding:22px}.contact-form label{grid-column:1/-1}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.page-hero{padding:80px 0 65px}}
.legal-hero{padding-bottom:72px}.legal-section{padding-top:72px}.legal-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:70px;align-items:start}.legal-aside{position:sticky;top:112px}.legal-alert{margin:0;padding:22px;border-left:4px solid var(--gold);background:#fff8e8;color:#5f4b1b;font-size:14px}.legal-document{max-width:820px}.legal-document section{padding:0 0 38px;margin:0 0 38px;border-bottom:1px solid var(--line)}.legal-document section:last-child{border-bottom:0}.legal-document h2{font-size:26px;line-height:1.25;margin:0 0 16px;color:var(--navy)}.legal-document p{color:var(--muted);margin:0 0 14px}.legal-identity{margin-top:24px;border:1px solid var(--line);background:var(--light)}.legal-identity dl{margin:0}.legal-identity dl>div{display:grid;grid-template-columns:minmax(190px,.75fr) 1.25fr;gap:22px;padding:15px 20px;border-bottom:1px solid var(--line)}.legal-identity dl>div:last-child{border-bottom:0}.legal-identity dt{font-weight:800;color:var(--navy)}.legal-identity dd{margin:0;color:var(--muted);overflow-wrap:anywhere}.legal-meta{display:grid;grid-template-columns:220px 1fr;gap:10px 20px;margin-top:24px;padding:22px;background:var(--light)}.legal-meta strong{color:var(--navy)}.legal-meta span{color:var(--muted)}@media(max-width:900px){.legal-layout{grid-template-columns:1fr;gap:35px}.legal-aside{position:static}.legal-document{max-width:none}}@media(max-width:600px){.legal-identity dl>div,.legal-meta{grid-template-columns:1fr;gap:5px}.legal-document h2{font-size:22px}}
/* CLC Solution premium visual identity */
.brand-logo{align-items:center}.brand-logo img{display:block;width:180px;height:auto}.footer-brand img{width:190px}.hero{background:radial-gradient(circle at 80% 28%,rgba(23,107,135,.42),transparent 30%),linear-gradient(135deg,#061621,#0d344b 58%,#0b2638)}
.hero-image-frame{position:relative;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.04);padding:14px;box-shadow:0 30px 80px rgba(0,0,0,.3);overflow:hidden}.hero-image-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.08),transparent 60%);transform:translateX(-100%);animation:scan 7s infinite}.hero-image-frame img{width:100%;height:auto;display:block}.hero-image-label{position:absolute;left:28px;right:28px;bottom:26px;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:13px 16px;background:rgba(6,21,32,.82);border-left:3px solid var(--gold);backdrop-filter:blur(8px)}.hero-image-label span{font-size:10px;letter-spacing:.2em;color:var(--gold);font-weight:900}.hero-image-label strong{font-size:11px;letter-spacing:.11em;color:#eaf2f6}@keyframes scan{0%,55%{transform:translateX(-110%)}85%,100%{transform:translateX(110%)}}
.visual-hero{position:relative;overflow:hidden;min-height:430px;display:flex;align-items:center}.visual-hero>.container{position:relative;z-index:2;padding-right:min(48vw,580px)}.page-hero-art{position:absolute;right:max(2vw,20px);top:50%;transform:translateY(-50%);width:min(50vw,620px);opacity:.92}.page-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071a29 0,transparent 22%,transparent 100%);pointer-events:none}.page-hero-art img{display:block;width:100%;height:auto;filter:saturate(.9) contrast(1.05)}
.card,.service-card,.industry-card,.training-card{position:relative;overflow:hidden}.card:after,.service-card:after,.industry-card:after,.training-card:after{content:"";position:absolute;right:-28px;bottom:-28px;width:90px;height:90px;border:1px solid rgba(23,107,135,.16);transform:rotate(45deg)}.card:hover:after,.service-card:hover:after,.industry-card:hover:after,.training-card:hover:after{border-color:rgba(215,174,85,.45)}
.section-soft{background:linear-gradient(180deg,#f4f8fa,#eef4f6)}.cta-box{position:relative;overflow:hidden}.cta-box:after{content:"CLC";position:absolute;right:25px;bottom:-45px;font-size:180px;font-weight:900;letter-spacing:-.08em;color:rgba(255,255,255,.055);line-height:1}.cta-box>*{position:relative;z-index:1}
@media(max-width:1050px){.visual-hero>.container{padding-right:0}.page-hero-art{opacity:.22;width:80vw;right:-15vw}.page-hero-art:after{background:linear-gradient(90deg,#071a29 10%,rgba(7,26,41,.5) 70%,transparent)}.hero-visual{display:block}.hero-grid{grid-template-columns:1fr}.hero-image-frame{max-width:760px}.brand-logo img{width:156px}}
@media(max-width:700px){.brand-logo img{width:138px}.hero-image-label{position:static;flex-direction:column;align-items:flex-start}.page-hero-art{width:115vw;right:-45vw}.visual-hero{min-height:390px}.visual-hero>.container{position:relative}.cta-box:after{font-size:110px}}
/* V5 — original home logo and client technical part */
.home-brand-legacy{display:inline-flex;align-items:baseline;gap:8px;text-decoration:none;color:#fff;white-space:nowrap}
.home-brand-legacy .brand-mark{font-size:28px;font-weight:900;letter-spacing:.04em;line-height:1}
.home-brand-legacy .brand-name{font-size:12px;font-weight:800;letter-spacing:.24em;color:var(--gold)}
.hero-part-stage{position:relative;min-height:470px;display:grid;place-items:center;isolation:isolate}
.hero-part-stage:before{content:"";position:absolute;inset:5% 0;border:1px solid rgba(255,255,255,.08);background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;transform:perspective(700px) rotateX(64deg);transform-origin:center bottom;z-index:-2;mask-image:linear-gradient(to bottom,transparent,#000 35%,#000 75%,transparent)}
.hero-part-glow{position:absolute;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(23,107,135,.38),rgba(215,174,85,.09) 42%,transparent 70%);filter:blur(8px);z-index:-1}
.hero-part-image{display:block;width:min(100%,720px);height:auto;object-fit:contain;filter:drop-shadow(0 24px 22px rgba(0,0,0,.38)) drop-shadow(0 0 18px rgba(126,183,207,.18));transform:rotate(-1.5deg);animation:partFloat 7s ease-in-out infinite}
.hero-part-caption{position:absolute;left:5%;right:5%;bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 16px;background:rgba(6,21,32,.78);border-left:3px solid var(--gold);backdrop-filter:blur(8px)}
.hero-part-caption span{font-size:10px;letter-spacing:.2em;color:var(--gold);font-weight:900}.hero-part-caption strong{font-size:11px;letter-spacing:.11em;color:#eaf2f6}
@keyframes partFloat{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-10px) rotate(-.7deg)}}
@media(max-width:1050px){.home-brand-legacy .brand-mark{font-size:25px}.hero-part-stage{min-height:420px;max-width:760px;margin:auto}.hero-part-image{width:min(92%,720px)}}
@media(max-width:700px){.home-brand-legacy .brand-mark{font-size:22px}.home-brand-legacy .brand-name{font-size:10px;letter-spacing:.18em}.hero-part-stage{min-height:310px}.hero-part-caption{position:static;width:100%;flex-direction:column;align-items:flex-start;margin-top:8px}.hero-part-image{width:100%;animation:none}}
@media(prefers-reduced-motion:reduce){.hero-part-image{animation:none}}
/* V6 — premium homepage inspired by the approved visual concept */
.premium-home{background:#031426}.premium-home .section,.premium-home .cta-section,.premium-home .site-footer{background:#fff;color:var(--text)}
.premium-header{position:absolute;left:0;right:0;top:0;background:linear-gradient(180deg,rgba(2,14,28,.94),rgba(2,14,28,.28),transparent);border:0;backdrop-filter:none}
.premium-header .header-inner{width:min(1410px,calc(100% - 64px));min-height:118px;position:relative;z-index:5}
.premium-wordmark{display:flex;flex-direction:column;text-decoration:none;color:#fff;line-height:1}.premium-clc{font-size:68px;font-weight:900;letter-spacing:.025em;font-family:Arial Black,Inter,sans-serif;transform:scaleX(1.08);transform-origin:left center}.premium-consulting{font-size:17px;letter-spacing:.06em;margin-top:8px}.premium-consulting b{color:#dcae42;font-weight:500;letter-spacing:.08em}
.premium-nav{margin-left:auto;gap:36px}.premium-nav .nav-link{padding:40px 0 27px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#e2e8ed;border-width:2px}.premium-nav .nav-link:hover,.premium-nav .nav-link.active{color:#dcae42;border-bottom-color:#dcae42}
.premium-language{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.45);padding:9px 12px;color:#fff;margin-left:20px}.premium-language select{background:transparent;color:#fff;border:0;outline:0;font:inherit;cursor:pointer}.premium-language option{color:#102435;background:#fff}
.premium-hero{position:relative;min-height:1000px;padding-top:118px;color:#fff;overflow:hidden;background:radial-gradient(circle at 68% 40%,rgba(26,95,145,.24),transparent 35%),linear-gradient(105deg,#021225 0%,#061d34 48%,#0a2e4c 100%)}
.premium-blueprint{position:absolute;inset:0;background-image:linear-gradient(rgba(107,167,205,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(107,167,205,.045) 1px,transparent 1px),linear-gradient(115deg,transparent 46%,rgba(87,155,201,.1) 46.2%,transparent 46.5%);background-size:100% 58px,58px 100%,100% 100%;mask-image:linear-gradient(to bottom,transparent 6%,#000 30%,#000 80%,transparent)}
.premium-hero-media{position:absolute;right:0;top:110px;width:58%;height:710px;background:url('assets/hero-premium.webp') center/cover no-repeat;filter:saturate(.88) contrast(1.04);mask-image:linear-gradient(90deg,transparent 0,#000 21%,#000 100%),linear-gradient(180deg,#000 0,#000 86%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
.premium-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,38,.75),transparent 25%),linear-gradient(180deg,transparent 65%,#031426)}
.premium-hero-layout{width:min(1410px,calc(100% - 64px));min-height:700px;display:flex;align-items:center;position:relative;z-index:2}
.premium-hero-copy{width:52%;padding:74px 0 62px}.premium-hero-copy h1{font-size:clamp(42px,4.3vw,67px);font-weight:400;line-height:1.22;letter-spacing:.045em;text-transform:uppercase;margin:0;max-width:720px;text-shadow:0 3px 18px rgba(0,0,0,.25)}
.premium-kicker{margin:24px 0 0;max-width:600px;color:#dcae42;font-size:17px;font-weight:500;line-height:1.7;letter-spacing:.21em;text-transform:uppercase}.premium-rule{display:block;width:62px;height:3px;background:#dcae42;margin:22px 0}.premium-intro{max-width:590px;color:#dde6ec;font-size:18px;line-height:1.75;margin:0}
.premium-benefits{display:flex;gap:42px;margin-top:42px}.premium-benefit{display:flex;align-items:center;gap:15px;max-width:180px;color:#f0f4f7;font-size:12px;line-height:1.55;letter-spacing:.06em;text-transform:uppercase}.premium-benefit svg{width:44px;height:44px;flex:0 0 auto;fill:none;stroke:#dcae42;stroke-width:1.6}.premium-benefit:nth-child(3) span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.premium-actions{display:flex;align-items:center;gap:48px;margin-top:42px}.premium-primary,.premium-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700;min-height:60px}.premium-primary{padding:0 31px;color:#fff;background:linear-gradient(135deg,#b98728,#e0b753);border:1px solid #efca75;box-shadow:inset 0 0 22px rgba(255,255,255,.1),0 10px 28px rgba(0,0,0,.22)}.premium-primary:after{content:'→';font-size:22px;margin-left:20px}.premium-secondary{color:#fff;border-bottom:1px solid #dcae42;padding:0 4px}.premium-secondary:after{content:'›';font-size:24px;margin-left:17px;color:#dcae42}
.premium-capabilities{position:absolute;left:0;right:0;bottom:0;z-index:4;border-top:1px solid rgba(255,255,255,.12);background:rgba(2,15,29,.78);backdrop-filter:blur(8px)}.premium-capability-grid{width:min(1410px,calc(100% - 64px));display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0}.premium-capability-grid article{display:grid;grid-template-columns:58px 1fr;gap:18px;min-height:112px;padding:12px 30px;border-right:1px solid rgba(255,255,255,.16)}.premium-capability-grid article:first-child{padding-left:0}.premium-capability-grid article:last-child{border-right:0;padding-right:0}.premium-capability-grid svg{width:48px;height:48px;fill:none;stroke:#dfe8ee;stroke-width:1.4;margin-top:4px}.premium-capability-grid strong{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#f3f6f8;margin-bottom:6px}.premium-capability-grid p{font-size:12px;line-height:1.55;color:#aebcc7;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.premium-home main>.section:first-of-type{padding-top:105px}
@media(max-width:1200px){.premium-header .header-inner,.premium-hero-layout,.premium-capability-grid{width:min(100% - 38px,1410px)}.premium-nav{gap:19px}.premium-nav .nav-link{font-size:11px}.premium-clc{font-size:52px}.premium-hero-media{width:61%;opacity:.78}.premium-hero-copy{width:57%}.premium-capability-grid article{padding:10px 18px}}
@media(max-width:1050px){.premium-header{position:absolute}.premium-header .header-inner{min-height:88px}.premium-wordmark{margin-right:auto}.premium-clc{font-size:40px}.premium-consulting{font-size:12px}.premium-language{margin-left:0}.premium-nav{position:fixed;inset:88px 0 auto;background:#031426;padding:22px;gap:5px}.premium-nav .nav-link{padding:10px 0}.premium-hero{padding-top:88px;min-height:auto}.premium-hero-media{top:88px;width:100%;height:620px;opacity:.45;mask-image:linear-gradient(90deg,rgba(0,0,0,.35),#000),linear-gradient(180deg,#000 0,#000 75%,transparent 100%)}.premium-hero-layout{min-height:690px}.premium-hero-copy{width:75%;padding-top:70px}.premium-capabilities{position:relative}.premium-capability-grid{grid-template-columns:repeat(2,1fr)}.premium-capability-grid article:nth-child(2){border-right:0}.premium-capability-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}}
@media(max-width:700px){.premium-header .header-inner,.premium-hero-layout,.premium-capability-grid{width:min(100% - 26px,1410px)}.premium-clc{font-size:32px}.premium-consulting{font-size:10px;margin-top:5px}.premium-language{padding:7px 8px}.premium-hero-media{height:510px;opacity:.33;background-position:61% center}.premium-hero-layout{min-height:660px;align-items:flex-start}.premium-hero-copy{width:100%;padding:72px 0 52px}.premium-hero-copy h1{font-size:35px;line-height:1.28;letter-spacing:.025em}.premium-kicker{font-size:13px;letter-spacing:.14em;line-height:1.6}.premium-intro{font-size:16px}.premium-benefits{flex-direction:column;gap:15px;margin-top:30px}.premium-benefit{max-width:none}.premium-actions{flex-direction:column;align-items:flex-start;gap:20px;margin-top:30px}.premium-primary{min-height:54px}.premium-capability-grid{grid-template-columns:1fr;padding:12px 0}.premium-capability-grid article{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.13);padding:20px 0!important}.premium-capability-grid article:last-child{border-bottom:0}.premium-capability-grid p{-webkit-line-clamp:2}}
/* V7.2 — unified premium language selector across all pages */
.site-header:not(.premium-header) .premium-language{margin-left:0;flex:0 0 auto}
.site-header:not(.premium-header) .header-actions .premium-language{height:40px;padding:7px 10px}
.site-header:not(.premium-header) .premium-language select{font-size:12px;font-weight:700;letter-spacing:.04em}
@media(max-width:1050px){.site-header:not(.premium-header) .header-actions{gap:10px}.site-header:not(.premium-header) .premium-language{margin-left:auto}}
/* V7.4 — homepage wordmark used consistently on every page */
.site-header:not(.premium-header) .internal-premium-wordmark{
flex:0 0 auto;
min-width:150px;
margin-right:0;
}
.site-header:not(.premium-header) .internal-premium-wordmark .premium-clc{
font-size:37px;
line-height:.82;
}
.site-header:not(.premium-header) .internal-premium-wordmark .premium-consulting{
font-size:10px;
line-height:1;
margin-top:7px;
letter-spacing:.055em;
}
@media(max-width:1200px){
.site-header:not(.premium-header) .internal-premium-wordmark{min-width:128px}
.site-header:not(.premium-header) .internal-premium-wordmark .premium-clc{font-size:32px}
.site-header:not(.premium-header) .internal-premium-wordmark .premium-consulting{font-size:9px}
}
@media(max-width:700px){
.site-header:not(.premium-header) .internal-premium-wordmark{min-width:105px}
.site-header:not(.premium-header) .internal-premium-wordmark .premium-clc{font-size:27px}
.site-header:not(.premium-header) .internal-premium-wordmark .premium-consulting{font-size:8px;margin-top:5px}
}
/* V7.5 — professional finishing layer */
:root{--focus-ring:0 0 0 3px rgba(215,174,85,.34)}
::selection{background:rgba(215,174,85,.28);color:inherit}
a,button,input,select,textarea{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px;box-shadow:var(--focus-ring)}
.btn,.premium-primary,.premium-secondary{position:relative;overflow:hidden;isolation:isolate}
.btn:hover,.premium-primary:hover,.premium-secondary:hover{transform:translateY(-2px)}
.btn:active,.premium-primary:active,.premium-secondary:active{transform:translateY(0)}
.card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.card:hover{transform:translateY(-5px);box-shadow:0 22px 54px rgba(8,28,44,.14);border-color:rgba(215,174,85,.5)}
.nav-link{transition:color .2s ease,border-color .2s ease}
.page-hero-art img{filter:drop-shadow(0 20px 34px rgba(3,20,38,.2));transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.visual-hero:hover .page-hero-art img{transform:translateY(-5px) scale(1.01)}
.reveal{transform:translateY(24px);opacity:0;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.visible{transform:none;opacity:1}
.cards .reveal:nth-child(2){transition-delay:.08s}.cards .reveal:nth-child(3){transition-delay:.16s}.cards .reveal:nth-child(4){transition-delay:.24s}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-form input:valid:not(:placeholder-shown),.contact-form textarea:valid:not(:placeholder-shown){border-color:rgba(23,107,135,.55)}
.contact-form button[disabled]{opacity:.62;cursor:wait;transform:none}
img{max-width:100%;height:auto}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.page-hero-art img{transform:none!important}}
@media (hover:none){.card:hover,.btn:hover,.premium-primary:hover,.premium-secondary:hover{transform:none}.visual-hero:hover .page-hero-art img{transform:none}}
/* V7.7 — horizontal premium language selector */
.language-links{
display:flex;
align-items:center;
justify-content:center;
gap:7px;
height:auto;
min-height:40px;
margin-left:20px;
padding:5px 10px;
border:0;
color:rgba(255,255,255,.42);
white-space:nowrap;
}
.language-links .language-link{
position:relative;
appearance:none;
border:0;
background:transparent;
color:rgba(255,255,255,.68);
padding:8px 2px 9px;
font:700 11px/1 Inter,Segoe UI,Arial,sans-serif;
letter-spacing:.12em;
cursor:pointer;
transition:color .22s ease,transform .22s ease;
}
.language-links .language-link::after{
content:"";
position:absolute;
left:2px;
right:calc(2px + .12em);
bottom:3px;
height:1px;
background:var(--gold);
transform:scaleX(0);
transform-origin:center;
transition:transform .22s ease;
}
.language-links .language-link:hover,
.language-links .language-link:focus-visible{color:#fff;transform:translateY(-1px)}
.language-links .language-link:focus-visible{outline:1px solid var(--gold);outline-offset:3px}
.language-links .language-link.active{color:var(--gold)}
.language-links .language-link.active::after{transform:scaleX(1)}
.header-actions .language-links{margin-left:0}
@media(max-width:1100px){
.language-links{margin-left:auto;margin-right:4px;padding-inline:4px;gap:5px}
.language-links .language-link{font-size:10px;letter-spacing:.08em}
}
@media(max-width:760px){
.header-actions .language-links{order:-1}
.language-links{width:100%;margin:0;padding:8px 0 2px;gap:10px}
.language-links .language-link{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
.language-links .language-link,.language-links .language-link::after{transition:none}
}
/* V7.8 — smooth language transition */
body.language-fade-out [data-i18n],
body.language-fade-out [data-title-key]{
opacity:0;
transform:translateY(3px);
}
body.language-fade-in [data-i18n],
body.language-fade-in [data-title-key]{
animation:clc-language-fade-in 260ms ease both;
}
[data-i18n], [data-title-key]{
transition:opacity 180ms ease, transform 180ms ease;
}
@keyframes clc-language-fade-in{
from{opacity:0;transform:translateY(3px)}
to{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){
[data-i18n], [data-title-key]{transition:none!important}
body.language-fade-in [data-i18n],
body.language-fade-in [data-title-key]{animation:none!important}
}
/* V7.9 — Prevent homepage capability bar overlap at reduced viewport heights or browser zoom */
@media (min-width:1051px){
.premium-hero{
min-height:0;
}
.premium-hero-layout{
min-height:700px;
padding-bottom:44px;
}
.premium-capabilities{
position:relative;
left:auto;
right:auto;
bottom:auto;
}
}
/* V8.0 production accessibility and interaction refinements */
.skip-link{position:fixed;left:16px;top:12px;z-index:10000;padding:10px 14px;background:#fff;color:#081c2c;font-weight:800;text-decoration:none;transform:translateY(-160%);transition:transform .2s ease;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.skip-link:focus{transform:translateY(0)}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.nav-link[aria-current="page"]{color:#fff;border-bottom-color:var(--gold)}
.premium-primary,.premium-secondary,.btn,.card a,.text-link{transition:transform .22s ease,box-shadow .22s ease,color .22s ease,border-color .22s ease,background-color .22s ease}
.premium-primary:hover,.premium-secondary:hover{transform:translateY(-2px)}
.back-to-top{border-radius:2px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@700&display=swap');
.script-solutions{font-family:'Caveat',cursive;font-size:1.15em;font-weight:700;letter-spacing:.02em;color:inherit;}
/* V8.2 — CLC Solution definitive wordmark */
.premium-consulting{margin-top:2px;line-height:.85;letter-spacing:0;}
.premium-consulting b{display:block;color:var(--gold);font-family:"Segoe Script","Brush Script MT","Lucida Handwriting",cursive;font-size:31px;font-weight:600;letter-spacing:0;text-transform:none;transform:rotate(-2deg);transform-origin:left center;}
.brand-name-script{font-family:"Segoe Script","Brush Script MT","Lucida Handwriting",cursive;font-size:19px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none;line-height:1;color:var(--gold);}
@media(max-width:1200px){.premium-consulting b{font-size:25px}}
@media(max-width:1050px){.premium-consulting b{font-size:21px}.site-header:not(.premium-header) .internal-premium-wordmark .premium-consulting b{font-size:18px}}
@media(max-width:700px){.premium-consulting b{font-size:18px}.site-header:not(.premium-header) .internal-premium-wordmark .premium-consulting b{font-size:16px}.brand-name-script{font-size:16px!important}}
/* V8.3 — stacked CLC Solution wordmark */
@font-face{
font-family:"Benedict";
src:local("Benedict"),local("Mr Benedict Pro"),local("Benedict Hamer");
font-display:swap;
}
.premium-wordmark,
.internal-premium-wordmark{
display:inline-flex;
flex-direction:column;
align-items:center;
justify-content:center;
min-width:92px;
line-height:1;
text-align:center;
}
.premium-clc{
display:block;
width:100%;
text-align:center;
font-size:29px;
font-weight:900;
letter-spacing:.18em;
padding-left:.18em;
}
.premium-consulting{
display:block;
width:100%;
margin-top:4px;
line-height:.9;
text-align:center;
}
.premium-consulting b{
display:block;
width:100%;
color:var(--gold);
font-family:"Benedict","Mr Benedict Pro","Benedict Hamer","Segoe Script","Brush Script MT",cursive;
font-size:27px;
font-weight:400;
letter-spacing:0;
text-align:center;
text-transform:none;
transform:none;
}
.home-brand-legacy,
.footer-brand{
display:inline-flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:3px;
min-width:104px;
line-height:1;
text-align:center;
}
.home-brand-legacy .brand-mark,
.footer-brand .brand-mark{
display:block;
width:100%;
font-size:28px;
font-weight:900;
letter-spacing:.18em;
padding-left:.18em;
text-align:center;
}
.home-brand-legacy .brand-name-script,
.footer-brand .brand-name-script{
display:block;
width:100%;
color:var(--gold);
font-family:"Benedict","Mr Benedict Pro","Benedict Hamer","Segoe Script","Brush Script MT",cursive;
font-size:24px!important;
font-weight:400!important;
letter-spacing:0!important;
line-height:.9;
text-align:center;
text-transform:none;
}
@media(max-width:900px){
.premium-wordmark,.internal-premium-wordmark{min-width:82px}
.premium-clc{font-size:25px}
.premium-consulting b{font-size:23px}
}
@media(max-width:520px){
.premium-wordmark,.internal-premium-wordmark{min-width:72px}
.premium-clc{font-size:22px}
.premium-consulting{margin-top:3px}
.premium-consulting b{font-size:20px}
.home-brand-legacy .brand-mark,.footer-brand .brand-mark{font-size:23px}
.home-brand-legacy .brand-name-script,.footer-brand .brand-name-script{font-size:20px!important}
}
/* V8.4 White premium header */
.site-header,.header,.navbar,header{
background:#ffffff !important;
box-shadow:0 2px 14px rgba(0,0,0,.06);
}
.logo,.brand-logo{
display:flex;flex-direction:column;align-items:flex-start;line-height:1;
}
.logo .clc,.brand-logo .clc{
font-size:2rem;font-weight:700;letter-spacing:.22em;color:#0b2341;
}
.logo .solutions,.brand-logo .solutions{
font-family:"Virtual","Benedict","Brush Script MT",cursive;
font-size:1.55rem;
margin-top:-4px;
margin-left:.2em;
color:#0b2341;
}
/* V8.5 — final vector logo and premium white header */
.site-header,
.premium-header,
.site-header:not(.premium-header){
background:rgba(255,255,255,.97)!important;
border-bottom:1px solid rgba(11,35,65,.10)!important;
box-shadow:0 8px 28px rgba(11,35,65,.08)!important;
backdrop-filter:blur(14px)!important;
}
.premium-header{position:absolute}
.brand-logo-image{display:block;width:172px;height:auto;max-height:86px;object-fit:contain}
.internal-premium-wordmark .brand-logo-image{width:142px;max-height:68px}
.footer-logo-image{display:block;width:165px;height:auto;object-fit:contain}
.premium-nav .nav-link,
.site-header .nav-link{color:#0b2341!important}
.premium-nav .nav-link:hover,
.premium-nav .nav-link.active,
.site-header .nav-link:hover,
.site-header .nav-link.active,
.nav-link[aria-current="page"]{color:#b98728!important;border-bottom-color:#b98728!important}
.language-links{color:rgba(11,35,65,.38)!important}
.language-links .language-link{color:rgba(11,35,65,.68)!important}
.language-links .language-link:hover,
.language-links .language-link:focus-visible{color:#0b2341!important}
.language-links .language-link.active{color:#b98728!important}
.menu-toggle span{background:#0b2341!important}
.premium-hero{padding-top:118px}
@media(max-width:1050px){
.premium-header{position:absolute}
.brand-logo-image{width:136px;max-height:72px}
.internal-premium-wordmark .brand-logo-image{width:122px}
.premium-nav{background:#fff!important;box-shadow:0 16px 30px rgba(11,35,65,.12)}
.premium-nav .nav-link{color:#0b2341!important}
.premium-hero{padding-top:88px}
}
@media(max-width:700px){
.brand-logo-image{width:116px;max-height:62px}
.internal-premium-wordmark .brand-logo-image{width:108px}
.footer-logo-image{width:145px}
}
/* V8.6 — uniform header and navigation on every page, homepage as reference */
.site-header .header-inner{
width:min(1410px,calc(100% - 64px));
min-height:118px;
position:relative;
z-index:5;
}
.site-header .premium-wordmark,
.site-header .internal-premium-wordmark{
flex:0 0 auto;
min-width:172px;
}
.site-header .brand-logo-image,
.site-header .internal-premium-wordmark .brand-logo-image{
width:172px;
max-height:86px;
}
.site-header .main-nav,
.site-header .premium-nav{
margin-left:auto;
gap:36px;
}
.site-header .main-nav .nav-link,
.site-header .premium-nav .nav-link{
padding:40px 0 27px;
font-size:13px;
line-height:1;
letter-spacing:.12em;
text-transform:uppercase;
border-bottom-width:2px;
white-space:nowrap;
}
.site-header .header-actions{
flex:0 0 auto;
margin-left:0;
}
.site-header .premium-language,
.site-header .header-actions .premium-language{
min-height:40px;
margin-left:20px;
padding:9px 12px;
}
@media(max-width:1200px){
.site-header .header-inner{width:min(100% - 38px,1410px)}
.site-header .main-nav,.site-header .premium-nav{gap:19px}
.site-header .main-nav .nav-link,.site-header .premium-nav .nav-link{font-size:11px}
}
@media(max-width:1050px){
.site-header .header-inner{min-height:88px}
.site-header .premium-wordmark,
.site-header .internal-premium-wordmark{min-width:136px;margin-right:auto}
.site-header .brand-logo-image,
.site-header .internal-premium-wordmark .brand-logo-image{width:136px;max-height:72px}
.site-header .main-nav,
.site-header .premium-nav{inset:88px 0 auto;gap:5px;background:#fff!important}
.site-header .main-nav .nav-link,
.site-header .premium-nav .nav-link{padding:10px 0;font-size:12px}
.site-header .premium-language,
.site-header .header-actions .premium-language{margin-left:0}
}
@media(max-width:700px){
.site-header .header-inner{width:min(100% - 26px,1410px);min-height:78px}
.site-header .premium-wordmark,
.site-header .internal-premium-wordmark{min-width:116px}
.site-header .brand-logo-image,
.site-header .internal-premium-wordmark .brand-logo-image{width:116px;max-height:62px}
.site-header .main-nav,
.site-header .premium-nav{inset:78px 0 auto}
}
/* V8.7 — unified premium “Discuss a project” header action */
.site-header .header-actions{
display:flex;
align-items:center;
gap:18px;
flex:0 0 auto;
}
.site-header .header-actions .premium-language{
margin-left:0;
}
.project-cta{
display:inline-flex;
align-items:center;
justify-content:center;
gap:11px;
min-height:46px;
padding:0 20px;
border:1px solid rgba(185,135,40,.55);
border-radius:3px;
background:linear-gradient(135deg,#b98728 0%,#d9ad4c 52%,#f0ce78 100%);
color:#07182b!important;
text-decoration:none;
text-transform:uppercase;
letter-spacing:.105em;
font-size:11px;
line-height:1;
font-weight:800;
white-space:nowrap;
box-shadow:0 8px 20px rgba(8,31,54,.12),inset 0 1px 0 rgba(255,255,255,.38);
transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.project-cta::before{
content:"";
width:18px;
height:18px;
flex:0 0 18px;
background:currentColor;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M5 5.75h14a2 2 0 0 1 2 2v7.5a2 2 0 0 1-2 2H10l-4.5 3v-3H5a2 2 0 0 1-2-2v-7.5a2 2 0 0 1 2-2Z M8 10.5h8 M8 13.75h5'/%3E%3C/svg%3E") center/contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M5 5.75h14a2 2 0 0 1 2 2v7.5a2 2 0 0 1-2 2H10l-4.5 3v-3H5a2 2 0 0 1-2-2v-7.5a2 2 0 0 1 2-2Z M8 10.5h8 M8 13.75h5'/%3E%3C/svg%3E") center/contain no-repeat;
}
.project-cta::after{
content:"↗";
font-size:15px;
line-height:1;
margin-left:1px;
transition:transform .22s ease;
}
.project-cta:hover{
transform:translateY(-2px);
filter:saturate(1.06) brightness(1.03);
box-shadow:0 12px 26px rgba(8,31,54,.18),inset 0 1px 0 rgba(255,255,255,.44);
}
.project-cta:hover::after{transform:translate(2px,-2px)}
.project-cta:focus-visible{
outline:3px solid rgba(185,135,40,.3);
outline-offset:3px;
}
@media(max-width:1200px){
.site-header .header-actions{gap:10px}
.project-cta{padding:0 14px;font-size:10px;letter-spacing:.08em}
}
@media(max-width:1050px){
.project-cta{display:none}
.site-header .header-actions{margin-left:0}
}
/* V8.9 — HPDC sketch beside the singular CLC Solution brand */
.site-header .brand-composite{
display:flex;align-items:center;gap:10px;min-width:315px!important;text-decoration:none;overflow:visible;
}
.header-sketch-wrap{
width:132px;height:92px;display:block;overflow:hidden;flex:0 0 132px;
-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 82%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100%);
-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 82%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100%);mask-composite:intersect;
opacity:.78;
}
.header-sketch{width:100%;height:100%;object-fit:cover;object-position:center;display:block;mix-blend-mode:multiply;filter:contrast(.92) brightness(1.08)}
.site-header .brand-composite .brand-logo-image{width:154px!important;max-height:82px!important;flex:0 0 auto}
@media(max-width:1200px){
.site-header .brand-composite{min-width:265px!important;gap:6px}
.header-sketch-wrap{width:104px;height:76px;flex-basis:104px}
.site-header .brand-composite .brand-logo-image{width:136px!important}
}
@media(max-width:1050px){
.site-header .brand-composite{min-width:235px!important}
.header-sketch-wrap{width:92px;height:66px;flex-basis:92px}
.site-header .brand-composite .brand-logo-image{width:126px!important}
}
@media(max-width:700px){
.site-header .brand-composite{min-width:150px!important;gap:2px}
.header-sketch-wrap{display:none}
.site-header .brand-composite .brand-logo-image{width:116px!important}
}
/* V9.0 — fixed horizontal brand composition on every page */
.site-header .brand-composite{
display:inline-flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:flex-start!important;
white-space:nowrap!important;
}
.site-header .brand-composite .header-sketch-wrap{order:1!important;display:block;flex-shrink:0}
.site-header .brand-composite .brand-logo-image{order:2!important;display:block;flex-shrink:0}
@media(max-width:700px){
.site-header .brand-composite .header-sketch-wrap{display:none!important}
}
/* V9.2 — official CLC Solution master logo integration */
.site-header .brand-composite .brand-logo-image{
width:158px!important;
max-height:88px!important;
object-fit:contain;
filter:none;
}
.footer-logo-image{
width:205px;
max-height:112px;
object-fit:contain;
}
@media (max-width:1100px){
.site-header .brand-composite .brand-logo-image{width:142px!important;max-height:80px!important}
}
@media (max-width:820px){
.site-header .brand-composite .brand-logo-image{width:126px!important;max-height:72px!important}
.footer-logo-image{width:180px;max-height:100px}
}
@media (max-width:560px){
.site-header .brand-composite .brand-logo-image{width:116px!important;max-height:66px!important}
.footer-logo-image{width:165px;max-height:92px}
}