.site-header nav{align-items:center;gap:12px}.site-header nav>a{padding:10px 11px}.site-header nav .nav-feature{position:relative;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.035);transition:.25s ease}.site-header nav .nav-feature i{width:6px;height:6px;border-radius:50%;background:var(--feature-color);box-shadow:0 0 13px var(--feature-color)}.site-header nav .nav-feature:hover,.site-header nav .nav-feature.active{color:#fff;border-color:color-mix(in srgb,var(--feature-color) 55%,transparent);background:color-mix(in srgb,var(--feature-color) 11%,transparent);transform:translateY(-1px)}.nav-catalogue{--feature-color:#ccff3d}.nav-about{--feature-color:#ff815f}.nav-showroom{--feature-color:#ffd38a}.nav-achievements{--feature-color:#cba5ff}.nav-why{--feature-color:#58d8ff}
.section-feature-label{--feature-color:#ccff3d;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:13px;margin-bottom:28px;text-transform:uppercase;letter-spacing:.16em}.section-feature-label b{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:var(--feature-color);color:#080a09;font:700 10px "Space Grotesk"}.section-feature-label span{font:700 clamp(18px,2vw,29px) "Space Grotesk";letter-spacing:.08em}.section-feature-label i{display:flex;align-items:center;gap:13px;color:#78817c;font:500 9px "DM Sans";font-style:normal;white-space:nowrap}.section-feature-label i:before{content:"";height:1px;width:min(16vw,180px);background:linear-gradient(90deg,var(--feature-color),transparent)}.feature-about{--feature-color:#ff815f}.feature-achievements{--feature-color:#cba5ff}.feature-why{--feature-color:#58d8ff}
.catalogue{position:relative;background:radial-gradient(circle at 8% 4%,rgba(204,255,61,.075),transparent 24%)}.catalogue:before{content:"CATALOGUE";position:absolute;right:4vw;top:54px;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.045);font:700 clamp(58px,10vw,150px) "Space Grotesk";letter-spacing:-.07em;pointer-events:none}.catalogue>.section-feature-label,.catalogue>.section-heading,.catalogue>.catalogue-tools,.catalogue>.brand-results-bar,.catalogue>.product-grid,.catalogue>.empty-state{position:relative;z-index:1}
.process{position:relative;overflow:hidden}.process:after{content:"WHY PK?";position:absolute;right:-.03em;bottom:-.23em;color:transparent;-webkit-text-stroke:1px rgba(11,13,12,.07);font:700 clamp(80px,13vw,190px) "Space Grotesk";letter-spacing:-.08em;pointer-events:none}.process>.section-feature-label,.process>.section-heading,.process>.process-grid{position:relative;z-index:1}.process .section-feature-label i{color:#6d7771}.process .section-feature-label span{color:#0b0d0c}
.about-hero-copy>.section-feature-label{max-width:670px;margin-bottom:24px}.about-hero-copy>.section-feature-label i{color:#bac2bd}.about-hero-copy>.section-feature-label span{color:#fff}.about-hero-copy>.section-feature-label b{box-shadow:0 0 34px rgba(255,129,95,.34)}
@media(max-width:1100px){.site-header nav{gap:5px}.site-header nav>a{padding:9px 7px}.site-header nav .nav-feature{border-color:transparent;background:transparent}.site-header nav .nav-feature i{display:none}}
@media(max-width:760px){.section-feature-label{grid-template-columns:auto 1fr}.section-feature-label i{grid-column:2}.section-feature-label i:before{width:48px}.catalogue:before{top:38px}.about-hero-copy>.section-feature-label{margin-bottom:18px}.about-hero-copy>.section-feature-label span{font-size:18px}}
.site-header nav .nav-feature{font-family:"Space Grotesk",sans-serif;font-weight:800;letter-spacing:.015em}.section-feature-label span{font-weight:800}.catalogue .section-heading h2,.process .section-heading h2,.about-hero h1{font-weight:700}
.process{scroll-margin-top:0!important}
.process-grid article{position:relative;overflow:hidden}
.process-grid article:after{content:"";position:absolute;right:26px;top:34px;width:min(155px,34%);height:75px;background:url("assets/pk-holding-logo-reference-font.png") center/contain no-repeat;opacity:.13;filter:grayscale(1) contrast(1.05);pointer-events:none}
.process-grid article>*{position:relative;z-index:1}
@media(max-width:760px){.process-grid article:after{right:0;top:24px;width:130px;opacity:.1}}