* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, sans-serif; color: #2C2A26; background: #F5F0E6; line-height: 1.6; }
img, video { max-width: 100%; display: block; }
a { color: inherit; }

.pk-preview { background: #F5F0E6; }
.pk-preview * { box-sizing: border-box; }
.pk-browser-bar { background: #E8E2D5; padding: 10px 14px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid rgba(0,0,0,0.08); }
.pk-dot { width: 10px; height: 10px; border-radius: 50%; background: #C5BCA8; }
.pk-url { margin-left: 8px; font-size: 11px; color: #6F7A68; font-family: monospace; }
.pk-page-tabs { display: flex; background: #E8E2D5; border-bottom: 1px solid rgba(0,0,0,0.08); padding: 0 14px; gap: 0; flex-wrap: wrap; }
.pk-tab { padding: 10px 16px; font-family: 'Montserrat', sans-serif; font-size: 10px; letter-spacing: 0.15em; text-transform: uppercase; cursor: pointer; color: #6F7A68; border-bottom: 2px solid transparent; user-select: none; }
.pk-tab.active { color: #2C2A26; border-bottom-color: #E29B8C; background: #F5F0E6; }
.pk-tab:hover { color: #2C2A26; }
.pk-page { display: none; }
.pk-page.active { display: block; }
.pk-nav { background: rgba(245,240,230,0.95); padding: 18px 32px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(44,42,38,0.08); }
.pk-logo-wrap { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.pk-logo-mark { width: 32px; height: 32px; }
.pk-logo-text-wrap { display: flex; flex-direction: column; line-height: 1; }
.pk-logo-text { font-family: 'Montserrat', sans-serif; font-size: 14px; letter-spacing: 0.18em; color: #2C2A26; font-weight: 400; }
.pk-logo-sub { font-family: 'Montserrat', sans-serif; font-size: 8px; letter-spacing: 0.3em; color: #9CA994; margin-top: 3px; }
.pk-nav-links { display: flex; gap: 24px; }
.pk-nav-links a { font-family: 'Montserrat', sans-serif; font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase; color: #2C2A26; text-decoration: none; cursor: pointer; }
.pk-nav-cta { background: #E29B8C; color: white !important; padding: 8px 16px; border-radius: 2px; font-family: 'Montserrat', sans-serif; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer; text-decoration: none; }

.pk-hero { position: relative; height: 600px; overflow: hidden; }
.pk-hero-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.pk-hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(44,42,38,0.3) 0%, rgba(44,42,38,0.6) 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 32px; }
.pk-eyebrow { font-family: 'Montserrat', sans-serif; font-size: 11px; letter-spacing: 0.25em; text-transform: uppercase; color: #6F7A68; margin-bottom: 24px; }
.pk-eyebrow.light { color: #E8E2D5; opacity: 0.9; }
.pk-h1 { font-family: 'Cormorant Garamond', serif; font-size: 56px; font-weight: 400; line-height: 1.1; letter-spacing: -0.01em; max-width: 820px; margin: 0 auto 24px; color: #F5F0E6; }
.pk-h1 em { font-style: italic; color: #E29B8C; }
.pk-sub { font-size: 16px; line-height: 1.6; color: #E8E2D5; max-width: 580px; margin: 0 auto 36px; opacity: 0.9; }
.pk-buttons { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.pk-btn-primary { background: #E29B8C; color: white !important; padding: 14px 28px; border-radius: 2px; font-family: 'Montserrat', sans-serif; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 500; cursor: pointer; border: none; text-decoration: none; display: inline-block; }
.pk-btn-secondary { border: 1px solid #F5F0E6; color: #F5F0E6 !important; background: transparent; padding: 13px 28px; border-radius: 2px; font-family: 'Montserrat', sans-serif; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; cursor: pointer; text-decoration: none; display: inline-block; }
.pk-btn-secondary.dark { border-color: #2C2A26; color: #2C2A26 !important; }

.pk-trust { background: #2C2A26; color: #E8E2D5; padding: 18px 32px; display: flex; justify-content: center; flex-wrap: wrap; gap: 32px; font-family: 'Montserrat', sans-serif; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; }
.pk-trust span { opacity: 0.7; }
.pk-trust em { font-style: normal; color: #E29B8C; font-weight: 500; }

.pk-section { padding: 90px 32px; }
.pk-section-light { background: #FAF7F0; }
.pk-section-cream { background: #F5F0E6; }
.pk-section-sage { background: #E8E2D5; }
.pk-section-dark { background: #2C2A26; color: #E8E2D5; }
.pk-h2 { font-family: 'Cormorant Garamond', serif; font-size: 38px; font-weight: 400; line-height: 1.15; color: #2C2A26; margin: 0 0 16px; max-width: 600px; }
.pk-section-dark .pk-h2 { color: #F5F0E6; }
.pk-h2-italic { font-style: italic; color: #9CA994; }
.pk-h2-italic.coral { color: #E29B8C; }
.pk-section-intro { max-width: 720px; margin: 0 auto 40px; text-align: center; }
.pk-section-intro.left { text-align: left; margin: 0 0 40px; }
.pk-body { font-size: 15px; line-height: 1.75; color: #5A574F; max-width: 580px; margin: 0 auto; }
.pk-section-intro.left .pk-body { margin: 0; }
.pk-section-dark .pk-body { color: #C5BCA8; }

.pk-services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 1100px; margin: 50px auto 0; }
.pk-service-card-img { background: #FAF7F0; border-radius: 2px; overflow: hidden; border-top: 2px solid #9CA994; }
.pk-service-card-img.accent { border-top-color: #E29B8C; }
.pk-service-img-wrap { aspect-ratio: 16/10; overflow: hidden; }
.pk-service-img-wrap img { width: 100%; height: 100%; object-fit: cover; }
.pk-service-content { padding: 22px 20px 26px; }
.pk-service-num { font-family: 'Montserrat', sans-serif; font-size: 11px; letter-spacing: 0.2em; color: #9CA994; }
.pk-service-num.accent { color: #E29B8C; }
.pk-service-name { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 500; color: #2C2A26; margin: 10px 0 8px; }
.pk-service-desc { font-size: 13px; line-height: 1.65; color: #5A574F; }

.pk-philosophy-rows { max-width: 1000px; margin: 50px auto 0; display: flex; flex-direction: column; gap: 60px; }
.pk-philosophy-row { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
.pk-philosophy-row.reverse .pk-philosophy-img { order: 2; }
.pk-philosophy-img { aspect-ratio: 3/2; border-radius: 2px; overflow: hidden; }
.pk-philosophy-img img { width: 100%; height: 100%; object-fit: cover; }
.pk-philosophy-h3 { font-family: 'Cormorant Garamond', serif; font-size: 28px; font-weight: 400; color: #2C2A26; margin: 0 0 14px; line-height: 1.2; }
.pk-philosophy-h3 em { font-style: italic; color: #9CA994; }
.pk-philosophy-text { font-size: 14px; line-height: 1.75; color: #5A574F; }

.pk-process-section { position: relative; padding: 0; min-height: 480px; overflow: hidden; }
.pk-process-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.pk-process-overlay { position: relative; min-height: 480px; background: linear-gradient(180deg, rgba(44,42,38,0.55) 0%, rgba(44,42,38,0.7) 100%); display: flex; flex-direction: column; justify-content: center; padding: 80px 32px; text-align: center; }
.pk-process-h2 { font-family: 'Cormorant Garamond', serif; font-size: 42px; font-weight: 400; color: #F5F0E6; margin: 0 auto 20px; max-width: 720px; line-height: 1.15; }
.pk-process-h2 em { font-style: italic; color: #E29B8C; }
.pk-process-body { font-size: 15px; line-height: 1.75; color: #E8E2D5; max-width: 640px; margin: 0 auto 32px; opacity: 0.95; }

.pk-mid-video-section { position: relative; padding: 0; height: 360px; overflow: hidden; }
.pk-mid-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.pk-mid-video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(44,42,38,0.7) 0%, rgba(44,42,38,0.3) 100%); display: flex; align-items: center; padding: 0 60px; }
.pk-mid-video-text { max-width: 480px; }
.pk-mid-video-text h3 { font-family: 'Cormorant Garamond', serif; font-size: 36px; font-weight: 400; color: #F5F0E6; margin: 0 0 14px; line-height: 1.15; }
.pk-mid-video-text h3 em { font-style: italic; color: #E29B8C; }
.pk-mid-video-text p { font-size: 14px; line-height: 1.7; color: #E8E2D5; opacity: 0.9; }

.pk-pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; max-width: 1000px; margin: 56px auto 0; }
.pk-pillar-num { font-family: 'Cormorant Garamond', serif; font-size: 48px; font-style: italic; color: #E29B8C; line-height: 1; }
.pk-pillar-title { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 500; color: #2C2A26; margin: 16px 0 12px; line-height: 1.3; }
.pk-pillar-desc { font-size: 13px; line-height: 1.7; color: #5A574F; }

.pk-testimonials { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 1100px; margin: 50px auto 0; }
.pk-testimonial { padding: 30px 26px; background: #FAF7F0; border-left: 2px solid #E29B8C; }
.pk-testimonial p { font-family: 'Cormorant Garamond', serif; font-size: 16px; font-style: italic; line-height: 1.6; color: #2C2A26; margin: 0 0 18px; }
.pk-testimonial .pk-attr { font-family: 'Montserrat', sans-serif; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: #6F7A68; }
.pk-testimonial.featured { grid-column: span 2; border-left-color: #9CA994; background: #F5F0E6; }
.pk-testimonial.featured p { font-size: 17px; }

.pk-cta-final { padding: 100px 32px; text-align: center; background: #F5F0E6; }
.pk-cta-h2 { font-family: 'Cormorant Garamond', serif; font-size: 44px; font-weight: 400; color: #2C2A26; margin-bottom: 20px; }
.pk-cta-h2 em { font-style: italic; color: #9CA994; }
.pk-cta-body { font-size: 15px; line-height: 1.7; color: #5A574F; max-width: 540px; margin: 0 auto 36px; }

.pk-tech-hero { position: relative; height: 480px; overflow: hidden; background: #2C2A26; }
.pk-tech-hero-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.7; }
.pk-tech-hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(44,42,38,0.4) 0%, rgba(44,42,38,0.75) 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 32px; }
.pk-tech-pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 900px; margin: 50px auto 0; }
.pk-tech-pillar { padding: 28px 22px; background: #FAF7F0; border-radius: 2px; text-align: center; border-top: 2px solid #9CA994; }
.pk-tech-pillar:nth-child(2) { border-top-color: #E29B8C; }
.pk-tech-pillar-icon { width: 36px; height: 36px; margin: 0 auto 14px; }
.pk-tech-pillar-title { font-family: 'Cormorant Garamond', serif; font-size: 18px; font-weight: 500; color: #2C2A26; margin-bottom: 6px; }
.pk-tech-pillar-desc { font-size: 12px; line-height: 1.55; color: #6F7A68; }

.pk-tech-feature { display: grid; grid-template-columns: 1.1fr 1fr; gap: 50px; align-items: center; max-width: 1000px; margin: 0 auto 70px; }
.pk-tech-feature.reverse > div:first-child { order: 2; }
.pk-tech-feature-img { aspect-ratio: 4/3; border-radius: 2px; overflow: hidden; }
.pk-tech-feature-img img { width: 100%; height: 100%; object-fit: cover; }
.pk-tech-feature h3 { font-family: 'Cormorant Garamond', serif; font-size: 32px; font-weight: 400; color: #2C2A26; margin: 0 0 16px; line-height: 1.15; }
.pk-tech-feature h3 em { font-style: italic; color: #9CA994; }
.pk-tech-feature p { font-size: 14px; line-height: 1.75; color: #5A574F; margin: 0 0 18px; }
.pk-tech-feature ul { list-style: none; padding: 0; margin: 18px 0 0; }
.pk-tech-feature ul li { padding: 6px 0 6px 22px; position: relative; font-size: 13px; line-height: 1.6; color: #5A574F; }
.pk-tech-feature ul li::before { content: ""; position: absolute; left: 0; top: 14px; width: 12px; height: 1px; background: #E29B8C; }

.pk-speaker-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; max-width: 1000px; margin: 50px auto 0; }
.pk-speaker-card { background: #FAF7F0; border-radius: 2px; overflow: hidden; text-align: center; }
.pk-speaker-img { aspect-ratio: 1/1; overflow: hidden; background: #F5F0E6; padding: 14px; display: flex; align-items: center; justify-content: center; }
.pk-speaker-img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.pk-speaker-content { padding: 14px 12px 18px; }
.pk-speaker-name { font-family: 'Cormorant Garamond', serif; font-size: 16px; font-weight: 500; color: #2C2A26; }

.pk-smarthome-features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; max-width: 1000px; margin: 50px auto 0; }
.pk-sf-card { background: #FAF7F0; padding: 28px 18px; border-radius: 2px; text-align: center; }
.pk-sf-icon { width: 48px; height: 48px; margin: 0 auto 14px; }
.pk-sf-icon img { width: 100%; height: 100%; object-fit: contain; }
.pk-sf-title { font-family: 'Cormorant Garamond', serif; font-size: 16px; font-weight: 500; color: #2C2A26; }

.pk-spec-strip { background: #E8E2D5; padding: 50px 32px; }
.pk-spec-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; max-width: 1000px; margin: 0 auto; }
.pk-spec-item { text-align: center; }
.pk-spec-num { font-family: 'Cormorant Garamond', serif; font-size: 36px; font-style: italic; color: #E29B8C; line-height: 1; }
.pk-spec-label { font-family: 'Montserrat', sans-serif; font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: #6F7A68; margin-top: 10px; }

.pk-page-header { padding: 100px 32px 80px; background: #F5F0E6; text-align: center; }
.pk-page-header h1 { font-family: 'Cormorant Garamond', serif; font-size: 56px; font-weight: 400; color: #2C2A26; margin: 18px 0 20px; line-height: 1.1; }
.pk-page-header h1 em { font-style: italic; color: #9CA994; }
.pk-page-header p { font-size: 16px; line-height: 1.7; color: #5A574F; max-width: 620px; margin: 0 auto; }

.pk-svc-detail { display: grid; grid-template-columns: 1fr 1.2fr; gap: 60px; align-items: start; max-width: 1100px; margin: 0 auto 80px; padding: 0 32px; }
.pk-svc-detail.reverse > div:first-child { order: 2; }
.pk-svc-detail-img { position: sticky; top: 20px; aspect-ratio: 4/5; border-radius: 2px; overflow: hidden; }
.pk-svc-detail-img img { width: 100%; height: 100%; object-fit: cover; }
.pk-svc-detail-content { padding-top: 10px; }
.pk-svc-num-large { font-family: 'Cormorant Garamond', serif; font-size: 14px; font-style: italic; color: #E29B8C; letter-spacing: 0.05em; }
.pk-svc-detail h2 { font-family: 'Cormorant Garamond', serif; font-size: 40px; font-weight: 400; color: #2C2A26; margin: 8px 0 18px; line-height: 1.1; }
.pk-svc-detail h2 em { font-style: italic; color: #9CA994; }
.pk-svc-detail p { font-size: 14px; line-height: 1.75; color: #5A574F; margin: 0 0 16px; }
.pk-svc-detail .pk-svc-included { margin-top: 28px; padding-top: 24px; border-top: 1px solid rgba(44,42,38,0.15); }
.pk-svc-included-label { font-family: 'Montserrat', sans-serif; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: #6F7A68; margin-bottom: 14px; }
.pk-svc-detail ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 20px; }
.pk-svc-detail ul li { padding: 4px 0 4px 18px; position: relative; font-size: 13px; line-height: 1.5; color: #5A574F; }
.pk-svc-detail ul li::before { content: ""; position: absolute; left: 0; top: 11px; width: 10px; height: 1px; background: #E29B8C; }
.pk-svc-meta-strip { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 22px; padding-top: 22px; border-top: 1px solid rgba(44,42,38,0.1); }
.pk-svc-meta-item { font-family: 'Montserrat', sans-serif; font-size: 10px; letter-spacing: 0.15em; text-transform: uppercase; color: #6F7A68; }
.pk-svc-meta-item em { font-style: normal; color: #2C2A26; font-weight: 500; }

.pk-svc-divider { padding: 60px 32px; text-align: center; background: #FAF7F0; }
.pk-svc-divider .pk-divider-line { width: 40px; height: 1px; background: #E29B8C; margin: 0 auto 20px; }
.pk-svc-divider h3 { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 400; font-style: italic; color: #2C2A26; max-width: 540px; margin: 0 auto; line-height: 1.4; }

.pk-contact-hero { padding: 90px 32px 60px; background: #F5F0E6; text-align: center; }
.pk-contact-hero h1 { font-family: 'Cormorant Garamond', serif; font-size: 52px; font-weight: 400; color: #2C2A26; margin: 18px 0 20px; line-height: 1.1; }
.pk-contact-hero h1 em { font-style: italic; color: #9CA994; }
.pk-contact-hero p { font-size: 16px; line-height: 1.7; color: #5A574F; max-width: 560px; margin: 0 auto; }

.pk-contact-quick { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 900px; margin: 40px auto 0; }
.pk-quick-card { background: #FAF7F0; padding: 24px 20px; border-radius: 2px; text-align: center; border-top: 2px solid #9CA994; }
.pk-quick-card.coral { border-top-color: #E29B8C; }
.pk-quick-icon { width: 24px; height: 24px; margin: 0 auto 10px; }
.pk-quick-label { font-family: 'Montserrat', sans-serif; font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase; color: #6F7A68; margin-bottom: 6px; }
.pk-quick-value { font-family: 'Cormorant Garamond', serif; font-size: 17px; font-weight: 500; color: #2C2A26; }
.pk-quick-value a { color: #2C2A26; text-decoration: none; }

.pk-contact-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 60px; max-width: 1100px; margin: 0 auto; padding: 60px 32px 100px; }
.pk-contact-form { background: #FAF7F0; padding: 44px 40px; border-radius: 2px; border-top: 2px solid #E29B8C; }
.pk-contact-form h2 { font-family: 'Cormorant Garamond', serif; font-size: 28px; font-weight: 400; color: #2C2A26; margin: 0 0 8px; }
.pk-contact-form h2 em { font-style: italic; color: #9CA994; }
.pk-contact-form .pk-form-sub { font-size: 13px; color: #6F7A68; margin: 0 0 28px; }
.pk-form-row { margin-bottom: 18px; }
.pk-form-row.split { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.pk-form-label { display: block; font-family: 'Montserrat', sans-serif; font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: #6F7A68; margin-bottom: 8px; }
.pk-form-input, .pk-form-select, .pk-form-textarea { width: 100%; background: white; border: 1px solid rgba(44,42,38,0.2); border-radius: 2px; padding: 12px 14px; font-family: 'Inter', sans-serif; font-size: 14px; color: #2C2A26; transition: border-color 0.15s; }
.pk-form-input:focus, .pk-form-select:focus, .pk-form-textarea:focus { outline: none; border-color: #E29B8C; }
.pk-form-textarea { resize: vertical; min-height: 120px; font-family: 'Inter', sans-serif; }
.pk-form-submit { background: #E29B8C; color: white; padding: 14px 32px; border-radius: 2px; font-family: 'Montserrat', sans-serif; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 500; border: none; cursor: pointer; width: 100%; margin-top: 10px; }
.pk-form-microcopy { font-family: 'Montserrat', sans-serif; font-size: 9px; letter-spacing: 0.15em; text-transform: uppercase; color: #6F7A68; text-align: center; margin-top: 14px; }

.pk-contact-aside { padding-top: 10px; }
.pk-contact-block { margin-bottom: 36px; padding-bottom: 32px; border-bottom: 1px solid rgba(44,42,38,0.1); }
.pk-contact-block:last-child { border-bottom: none; }
.pk-contact-block-label { font-family: 'Montserrat', sans-serif; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: #6F7A68; margin-bottom: 12px; }
.pk-contact-block-value { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 400; color: #2C2A26; line-height: 1.3; }
.pk-contact-block-value a { color: #2C2A26; text-decoration: none; border-bottom: 1px solid #E29B8C; padding-bottom: 2px; }
.pk-contact-block-text { font-size: 14px; line-height: 1.7; color: #5A574F; margin-top: 8px; }

.pk-faq-section { background: #E8E2D5; padding: 90px 32px; }
.pk-faq-grid { max-width: 800px; margin: 50px auto 0; }
.pk-faq-item { background: #FAF7F0; padding: 24px 28px; margin-bottom: 12px; border-radius: 2px; border-left: 2px solid #9CA994; }
.pk-faq-q { font-family: 'Cormorant Garamond', serif; font-size: 18px; font-weight: 500; color: #2C2A26; margin: 0 0 8px; }
.pk-faq-a { font-size: 13px; line-height: 1.7; color: #5A574F; margin: 0; }

/* TECHNOLOGY PROJECTS PAGE */
.pk-breadcrumb { background: #E8E2D5; padding: 12px 32px; font-family: 'Montserrat', sans-serif; font-size: 10px; letter-spacing: 0.15em; text-transform: uppercase; color: #6F7A68; }
.pk-breadcrumb a { color: #6F7A68; text-decoration: none; cursor: pointer; }
.pk-breadcrumb .sep { margin: 0 10px; opacity: 0.5; }
.pk-breadcrumb .current { color: #2C2A26; }

.pk-projects-strip { background: #2C2A26; padding: 36px 32px; }
.pk-strip-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; max-width: 1000px; margin: 0 auto; }
.pk-strip-item { text-align: center; }
.pk-strip-num { font-family: 'Cormorant Garamond', serif; font-size: 32px; font-style: italic; color: #E29B8C; line-height: 1; }
.pk-strip-label { font-family: 'Montserrat', sans-serif; font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase; color: #C5BCA8; margin-top: 8px; }

.pk-installations-section { background: #1F1D1A; padding: 100px 32px; color: #E8E2D5; }
.pk-installations-section .pk-section-intro h2 { font-family: 'Cormorant Garamond', serif; font-size: 38px; font-weight: 400; color: #F5F0E6; margin: 16px 0 18px; line-height: 1.15; }
.pk-installations-section .pk-section-intro h2 em { font-style: italic; color: #E29B8C; }
.pk-installations-section .pk-section-intro p { font-size: 15px; line-height: 1.75; color: #C5BCA8; max-width: 580px; margin: 0 auto; }

.pk-install-card { display: grid; grid-template-columns: 1.4fr 1fr; gap: 0; max-width: 1200px; margin: 0 auto 50px; background: #2C2A26; border-radius: 2px; overflow: hidden; }
.pk-install-card.reverse { grid-template-columns: 1fr 1.4fr; }
.pk-install-card.reverse .pk-install-img { order: 2; }
.pk-install-img { aspect-ratio: 4/5; min-height: 500px; overflow: hidden; }
.pk-install-img img { width: 100%; height: 100%; object-fit: cover; }
.pk-install-content { padding: 50px 44px; display: flex; flex-direction: column; justify-content: center; }
.pk-install-loc { font-family: 'Montserrat', sans-serif; font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: #E29B8C; margin-bottom: 14px; }
.pk-install-name { font-family: 'Cormorant Garamond', serif; font-size: 28px; font-weight: 400; color: #F5F0E6; margin: 0 0 18px; line-height: 1.2; }
.pk-install-name em { font-style: italic; color: #9CA994; }
.pk-install-desc { font-size: 14px; line-height: 1.75; color: #C5BCA8; margin: 0 0 24px; }
.pk-install-scope { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 24px; padding-top: 24px; border-top: 1px solid rgba(229,225,213,0.15); margin-bottom: 24px; }
.pk-install-scope-item { font-size: 12px; line-height: 1.5; }
.pk-install-scope-label { font-family: 'Montserrat', sans-serif; font-size: 9px; letter-spacing: 0.18em; text-transform: uppercase; color: #6F7A68; margin-bottom: 4px; }
.pk-install-scope-value { color: #E8E2D5; font-family: 'Cormorant Garamond', serif; font-size: 15px; font-style: italic; }
.pk-install-credit { padding-top: 22px; border-top: 1px solid rgba(229,225,213,0.15); font-family: 'Montserrat', sans-serif; font-size: 10px; letter-spacing: 0.15em; text-transform: uppercase; color: #9CA994; line-height: 1.6; }
.pk-install-credit em { font-style: normal; color: #E29B8C; }

.pk-coming-soon-section { padding: 80px 32px; background: #E8E2D5; }
.pk-coming-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 1100px; margin: 40px auto 0; }
.pk-coming-card { background: #FAF7F0; padding: 40px 28px; border-radius: 2px; text-align: center; border: 1px dashed #9CA994; }
.pk-coming-icon { width: 36px; height: 36px; margin: 0 auto 14px; opacity: 0.5; }
.pk-coming-card h4 { font-family: 'Cormorant Garamond', serif; font-size: 18px; font-weight: 500; color: #6F7A68; margin: 0 0 8px; font-style: italic; }
.pk-coming-card p { font-size: 12px; line-height: 1.55; color: #6F7A68; margin: 0; }

.pk-footer { background: #2C2A26; color: #C5BCA8; padding: 60px 32px 30px; }
.pk-footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 50px; max-width: 1100px; margin: 0 auto; }
.pk-footer-brand-logo { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.pk-footer-brand-text { font-family: 'Montserrat', sans-serif; font-size: 14px; letter-spacing: 0.18em; color: #F5F0E6; }
.pk-footer-tagline { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 16px; color: #C5BCA8; line-height: 1.5; max-width: 280px; }
.pk-footer h4 { font-family: 'Montserrat', sans-serif; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: #9CA994; margin: 0 0 18px; font-weight: 500; }
.pk-footer ul { list-style: none; padding: 0; margin: 0; }
.pk-footer ul li { margin-bottom: 10px; font-size: 13px; }
.pk-footer ul li a { color: #C5BCA8; text-decoration: none; cursor: pointer; }
.pk-footer-bottom { max-width: 1100px; margin: 50px auto 0; padding-top: 24px; border-top: 1px solid rgba(229,225,213,0.15); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; font-family: 'Montserrat', sans-serif; font-size: 9px; letter-spacing: 0.15em; text-transform: uppercase; color: #6F7A68; }

@media (max-width: 700px) {
  .pk-h1 { font-size: 36px; }
  .pk-h2 { font-size: 28px; }
  .pk-process-h2 { font-size: 28px; }
  .pk-cta-h2 { font-size: 32px; }
  .pk-page-header h1, .pk-contact-hero h1 { font-size: 36px; }
  .pk-installations-section .pk-section-intro h2 { font-size: 28px; }
  .pk-services-grid, .pk-pillars, .pk-tech-pillars, .pk-spec-grid, .pk-testimonials, .pk-speaker-grid, .pk-smarthome-features, .pk-contact-quick, .pk-strip-grid, .pk-coming-grid { grid-template-columns: 1fr 1fr; }
  .pk-testimonial.featured { grid-column: span 2; }
  .pk-philosophy-row, .pk-tech-feature, .pk-svc-detail, .pk-contact-grid, .pk-footer-grid, .pk-install-card, .pk-install-card.reverse { grid-template-columns: 1fr; }
  .pk-philosophy-row.reverse .pk-philosophy-img, .pk-tech-feature.reverse > div:first-child, .pk-svc-detail.reverse > div:first-child, .pk-install-card.reverse .pk-install-img { order: 0; }
  .pk-svc-detail-img { position: static; }
  .pk-form-row.split { grid-template-columns: 1fr; }
  .pk-svc-detail ul, .pk-install-scope { grid-template-columns: 1fr; }
  .pk-install-content { padding: 32px 24px; }
  .pk-install-img { min-height: 360px; aspect-ratio: 4/3; }
  .pk-nav-links { display: none; }
  .pk-trust { gap: 12px; font-size: 9px; }
  .pk-section, .pk-faq-section, .pk-installations-section, .pk-coming-soon-section { padding: 60px 20px; }
  .pk-page-header, .pk-contact-hero { padding: 70px 20px 50px; }
  .pk-contact-grid { padding: 40px 20px 70px; }
  .pk-contact-form { padding: 30px 24px; }
  .pk-hero, .pk-tech-hero { height: 480px; }
  .pk-mid-video-section { height: 280px; }
  .pk-mid-video-overlay { padding: 0 24px; }
  .pk-footer { padding: 40px 20px 24px; }
}

/* PORTFOLIO PAGE */
.pk-portfolio-featured { display: grid; grid-template-columns: 1.3fr 1fr; gap: 0; max-width: 1300px; margin: 0 auto 0; background: #1F1D1A; border-radius: 0; overflow: hidden; }
.pk-portfolio-featured-img { aspect-ratio: 4/3; min-height: 480px; overflow: hidden; }
.pk-portfolio-featured-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pk-portfolio-featured-content { padding: 60px 50px; display: flex; flex-direction: column; justify-content: center; background: #2C2A26; color: #E8E2D5; }
.pk-portfolio-featured-content .pk-install-loc { font-family: 'Montserrat', sans-serif; font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: #E29B8C; margin-bottom: 14px; }
.pk-portfolio-name { font-family: 'Cormorant Garamond', serif; font-size: 36px; font-weight: 400; color: #F5F0E6; margin: 0 0 18px; line-height: 1.15; }
.pk-portfolio-name em { font-style: italic; color: #9CA994; }
.pk-portfolio-desc { font-size: 14px; line-height: 1.8; color: #C5BCA8; margin: 0 0 28px; }
.pk-install-scope-item-light { font-size: 12px; line-height: 1.5; }
.pk-install-scope-value-light { color: #E8E2D5; font-family: 'Cormorant Garamond', serif; font-size: 15px; font-style: italic; }

.pk-portfolio-gallery-section { padding: 90px 32px; background: #FAF7F0; }
.pk-portfolio-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 1200px; margin: 50px auto 0; }
.pk-portfolio-img-card { position: relative; overflow: hidden; border-radius: 2px; aspect-ratio: 4/3; }
.pk-portfolio-img-card.large { aspect-ratio: 4/3; }
.pk-portfolio-img-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.pk-portfolio-img-card:hover img { transform: scale(1.03); }
.pk-portfolio-img-caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 18px 22px; background: linear-gradient(0deg, rgba(31,29,26,0.85), transparent); color: #F5F0E6; font-family: 'Cormorant Garamond', serif; font-size: 14px; font-style: italic; }

@media (max-width: 700px) {
  .pk-portfolio-featured { grid-template-columns: 1fr; }
  .pk-portfolio-featured-img { min-height: 320px; aspect-ratio: 4/3; }
  .pk-portfolio-featured-content { padding: 36px 24px; }
  .pk-portfolio-name { font-size: 28px; }
  .pk-portfolio-grid { grid-template-columns: 1fr; gap: 16px; }
  .pk-portfolio-gallery-section { padding: 60px 20px; }
}


/* ABOUT PAGE */
.pk-about-hero { background: #2C2A26; padding: 100px 32px 80px; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; max-width: 1200px; margin: 0 auto; }
.pk-about-hero-text { color: #E8E2D5; }
.pk-about-hero-text h1 { font-family: 'Cormorant Garamond', serif; font-size: 56px; font-weight: 400; color: #F5F0E6; margin: 18px 0 24px; line-height: 1.1; }
.pk-about-hero-text h1 em { font-style: italic; color: #E29B8C; }
.pk-about-hero-text p { font-size: 16px; line-height: 1.75; color: #C5BCA8; margin: 0 0 18px; }
.pk-about-hero-img { aspect-ratio: 3/4; border-radius: 2px; overflow: hidden; background: #3A3835; display: flex; align-items: center; justify-content: center; }
.pk-about-hero-img svg { opacity: 0.2; }
.pk-about-hero-placeholder { color: #6F7A68; font-family: 'Cormorant Garamond', serif; font-size: 16px; font-style: italic; text-align: center; padding: 40px; }

.pk-about-wrap { background: #2C2A26; padding: 0 32px 0; }
.pk-about-wrap-inner { max-width: 1200px; margin: 0 auto; }

.pk-expertise-section { padding: 90px 32px; background: #F5F0E6; }
.pk-expertise-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; max-width: 1100px; margin: 50px auto 0; }
.pk-expertise-card { background: #FAF7F0; padding: 36px 28px; border-radius: 2px; border-top: 2px solid #9CA994; }
.pk-expertise-card.accent { border-top-color: #E29B8C; }
.pk-expertise-num { font-family: 'Cormorant Garamond', serif; font-size: 40px; font-style: italic; color: #E29B8C; line-height: 1; margin-bottom: 16px; }
.pk-expertise-title { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 500; color: #2C2A26; margin-bottom: 10px; line-height: 1.25; }
.pk-expertise-desc { font-size: 13px; line-height: 1.7; color: #5A574F; }

.pk-credentials-section { padding: 90px 32px; background: #E8E2D5; }
.pk-credentials-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; max-width: 1000px; margin: 50px auto 0; align-items: start; }
.pk-credential-list { list-style: none; padding: 0; margin: 0; }
.pk-credential-list li { padding: 14px 0 14px 26px; position: relative; border-bottom: 1px solid rgba(44,42,38,0.1); font-size: 14px; line-height: 1.6; color: #2C2A26; }
.pk-credential-list li:last-child { border-bottom: none; }
.pk-credential-list li::before { content: ""; position: absolute; left: 0; top: 22px; width: 14px; height: 1px; background: #E29B8C; }
.pk-credential-list li strong { display: block; font-family: 'Montserrat', sans-serif; font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: #6F7A68; margin-bottom: 4px; font-weight: 500; }

.pk-philosophy-dark { background: #1F1D1A; padding: 90px 32px; }
.pk-philosophy-dark-inner { max-width: 800px; margin: 0 auto; text-align: center; }
.pk-philosophy-dark h2 { font-family: 'Cormorant Garamond', serif; font-size: 42px; font-weight: 400; color: #F5F0E6; margin: 18px 0 28px; line-height: 1.15; }
.pk-philosophy-dark h2 em { font-style: italic; color: #E29B8C; }
.pk-philosophy-dark p { font-size: 16px; line-height: 1.85; color: #C5BCA8; margin: 0 0 20px; }

.pk-collab-section { padding: 90px 32px; background: #FAF7F0; }
.pk-collab-inner { max-width: 900px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.pk-collab-text h2 { font-family: 'Cormorant Garamond', serif; font-size: 36px; font-weight: 400; color: #2C2A26; margin: 16px 0 18px; line-height: 1.2; }
.pk-collab-text h2 em { font-style: italic; color: #9CA994; }
.pk-collab-text p { font-size: 14px; line-height: 1.8; color: #5A574F; margin: 0 0 16px; }
.pk-collab-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.pk-collab-stat { text-align: center; padding: 24px 16px; background: #F5F0E6; border-radius: 2px; }
.pk-collab-stat-num { font-family: 'Cormorant Garamond', serif; font-size: 40px; font-style: italic; color: #E29B8C; line-height: 1; }
.pk-collab-stat-label { font-family: 'Montserrat', sans-serif; font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase; color: #6F7A68; margin-top: 8px; }

@media (max-width: 700px) {
  .pk-about-hero { grid-template-columns: 1fr; gap: 40px; padding: 70px 20px 60px; }
  .pk-about-hero-text h1 { font-size: 36px; }
  .pk-about-hero-img { aspect-ratio: 1/1; }
  .pk-expertise-grid { grid-template-columns: 1fr; }
  .pk-credentials-grid, .pk-collab-inner { grid-template-columns: 1fr; gap: 36px; }
  .pk-philosophy-dark h2 { font-size: 30px; }
  .pk-expertise-section, .pk-credentials-section, .pk-philosophy-dark, .pk-collab-section { padding: 60px 20px; }
}