.home-page .site-header{position:fixed;inset:0 0 auto;opacity:0;visibility:hidden;transform:translateY(-100%);pointer-events:none;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .25s ease,visibility .38s}
.home-page.header-revealed .site-header{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.home-page .hero-layout{padding-top:64px}
.hero-logo{display:flex;justify-content:center;margin:0 auto 42px}
.hero-logo img{display:block;width:180px;height:auto;max-width:60vw;filter:drop-shadow(0 1px 1px #0003)}
html[data-theme="light"] .hero-logo img{content:url('/wp-content/plugins/skp-consulting-preview/website/assets/logo.svg');filter:drop-shadow(0 1px 1px #1d1d1b66) drop-shadow(0 4px 7px #1d1d1b22)}
html[data-theme="dark"] .hero-logo img{content:url('/wp-content/plugins/skp-consulting-preview/website/assets/logo-light.svg')}
@media(max-width:700px){.home-page .hero-layout{padding-top:40px}.hero-logo{margin-bottom:32px}.hero-logo img{width:145px}}
@media(prefers-reduced-motion:reduce){.home-page .site-header{transition:none}}

html[data-theme="dark"] .new-hero{background:#1d1d1b}
html[data-theme="dark"] .hero-layout{padding-bottom:48px}
html[data-theme="dark"] .hero-showcase{width:calc(100% - 80px);max-width:1280px;border-radius:28px;background:#1d1d1b;box-shadow:0 20px 60px #00000024}
html[data-theme="dark"] .hero-background{mask-image:none;-webkit-mask-image:none;filter:none}
html[data-theme="dark"] .hero-shade{display:none}
html[data-theme="dark"] .hero-logo img{filter:none}
@media(max-width:700px){html[data-theme="dark"] .hero-layout{padding-bottom:32px}html[data-theme="dark"] .hero-showcase{width:calc(100% - 32px);border-radius:22px;min-height:340px}}

html[data-theme="dark"] .hero-showcase{width:calc(100% - 24px);max-width:none;min-height:0;height:auto;aspect-ratio:3/2;border-radius:32px;box-shadow:none;transform:scale(.96);transform-origin:center center;mask-image:linear-gradient(to right,transparent,#000 16px,#000 calc(100% - 16px),transparent),linear-gradient(to bottom,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-composite:intersect}
html[data-theme="dark"] .hero-background{position:relative;inset:auto;display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important}
@media(max-width:700px){html[data-theme="dark"] .hero-showcase{width:calc(100% - 16px);min-height:0;border-radius:24px;mask-image:linear-gradient(to right,transparent,#000 10px,#000 calc(100% - 10px),transparent),linear-gradient(to bottom,transparent,#000 10px,#000 calc(100% - 10px),transparent)}}
@media(prefers-reduced-motion:reduce){html[data-theme="dark"] .hero-showcase{transform:none!important}}

html[data-theme="dark"] .hero-showcase{mask-image:none;-webkit-mask-image:none;border-radius:16px;box-shadow:none}
@media(max-width:700px){html[data-theme="dark"] .hero-showcase{mask-image:none;-webkit-mask-image:none;border-radius:12px}}

@media(min-width:901px){
html[data-theme="dark"] .home-page .hero-layout{padding-top:32px;padding-bottom:28px}
html[data-theme="dark"] .hero-logo{margin-bottom:24px}
html[data-theme="dark"] .hero-logo img{width:140px}
html[data-theme="dark"] .hero-statement h1{font-size:clamp(54px,5.5vw,80px);line-height:1.06}
html[data-theme="dark"] .hero-showcase{transform:scale(.6);transform-origin:center top}
}
@media(min-width:901px) and (prefers-reduced-motion:reduce){html[data-theme="dark"] .hero-showcase{transform:scale(var(--hero-static-scale,.6))!important}}

html[data-theme="dark"] .home-page .hero-layout{min-height:68svh;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding-block:36px}
html[data-theme="dark"] .hero-showcase{transform-origin:center top}
@media(max-width:700px){html[data-theme="dark"] .home-page .hero-layout{min-height:70svh;padding-block:36px}}
@media(prefers-reduced-motion:reduce){html[data-theme="dark"] .home-page .hero-layout{min-height:0}}

.hero-viewport-edge{display:none;pointer-events:none}
@media(min-width:901px){
html[data-theme="dark"] .home-page .hero-viewport-edge{display:block;position:fixed;inset:auto 0 0;height:86px;z-index:80;pointer-events:none;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);mask-image:linear-gradient(to bottom,transparent,#000);opacity:var(--hero-edge-opacity,1)}
}

@media(max-width:900px){
html[data-theme="dark"] .home-page .hero-layout{min-height:0;padding-top:44px;padding-bottom:30px;display:block}
html[data-theme="dark"] .hero-logo{margin-bottom:28px}
html[data-theme="dark"] .hero-logo img{width:126px}
html[data-theme="dark"] .hero-statement h1{font-size:clamp(34px,8.8vw,58px);line-height:1.12}
html[data-theme="dark"] .hero-statement h1 em{font-size:.88em}
html[data-theme="dark"] .hero-showcase{width:calc(100% - 32px);border-radius:14px;transform:none!important}
html[data-theme="dark"] .hero-summary{padding-top:54px}
}
@media(prefers-reduced-motion:reduce){html[data-theme="dark"] .home-page .hero-viewport-edge{display:none}}
@media(max-width:900px){html[data-theme="dark"] body.home-page .hero-summary{padding-top:54px}}

html[data-theme="light"] .hero-showcase{width:100%;max-width:none;min-height:0;height:auto;aspect-ratio:3/2;background:#fff;overflow:hidden}
html[data-theme="light"] .hero-background{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center;mask-image:none;-webkit-mask-image:none;transform:none!important;filter:none}
html[data-theme="light"] .hero-shade{display:block;position:absolute;inset:-1px;z-index:1;background:linear-gradient(to bottom,#fff 0%,#fffffff5 2%,#ffffffcf 4%,#ffffff80 7%,#ffffff26 10%,#ffffff00 13%),linear-gradient(to top,#fff 0%,#fffffffa 2%,#ffffffcc 6%,#ffffff66 12%,#ffffff14 20%,#ffffff00 26%);pointer-events:none}
html[data-theme="light"] .hero-background{mask-image:linear-gradient(to bottom,transparent 0%,transparent 2%,#0000000a 4%,#00000040 7%,#000000bf 10%,#000 13%,#000 74%,#000000eb 80%,#00000099 88%,#00000033 94%,#00000005 98%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 2%,#0000000a 4%,#00000040 7%,#000000bf 10%,#000 13%,#000 74%,#000000eb 80%,#00000099 88%,#00000033 94%,#00000005 98%,transparent 100%)}
html[data-theme="light"] .hero-shade{display:none}