:root{--blue:#38AEE4;--dark:#1f2021;--grey:#F7F7F7;--pad:clamp(24px,4vw,64px);--max:1400px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--dark);font-family:Inter,sans-serif;background:#fff;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Quicksand,sans-serif}a{color:inherit}.pko-header{height:76px;background:#fff;position:relative;z-index:50}.pko-header-inner{height:100%;max-width:var(--max);padding:0 var(--pad);margin:auto;display:flex;align-items:center;justify-content:space-between}.pko-logo img{width:155px;display:block}.pko-nav,.pko-nav ul{display:flex;align-items:center;gap:28px}.pko-nav ul{list-style:none;margin:0;padding:0}.pko-nav a{text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.pko-button,.wp-element-button{display:inline-block;border:1px solid var(--blue)!important;border-radius:999px!important;padding:13px 27px!important;background:transparent!important;color:var(--blue)!important;text-decoration:none!important;font:600 12px/1 Inter,sans-serif!important;letter-spacing:.12em;text-transform:uppercase;transition:.25s}.pko-button:hover,.wp-element-button:hover{background:var(--blue)!important;color:#fff!important}.pko-button.white{border-color:#fff!important;color:#fff!important}.pko-button.white:hover{background:#fff!important;color:var(--blue)!important}.pko-menu-toggle{display:none;border:0;background:none;letter-spacing:.12em}.pko-hero{height:350vh}.pko-hero-sticky{height:100vh;position:sticky;top:0;overflow:hidden;background:#111}.pko-frames,.pko-frame{position:absolute;inset:0;width:100%;height:100%}.pko-frame{object-fit:cover;opacity:0}.pko-frame:first-child{opacity:1}.pko-hero-gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.4) 40%,transparent 75%)}.pko-hero-inner{position:absolute;inset:0;display:flex;align-items:center}.pko-hero-copy{width:min(620px,88%);margin-left:max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));color:#fff}.pko-hero-copy h1{font-size:clamp(52px,6vw,92px);line-height:1;margin:0 0 24px}.pko-hero-copy p{max-width:500px;color:#ffffffd1;font-size:18px;margin:0 0 34px}.pko-scroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);color:#fff;font-size:10px;letter-spacing:.15em;text-transform:uppercase;text-align:center;opacity:.65}.pko-scroll span{display:block;width:1px;height:30px;background:#fff;margin:8px auto}.pko-section{padding:clamp(84px,10vw,150px) var(--pad)!important}.pko-section>*{max-width:var(--max);margin-left:auto;margin-right:auto}.pko-eyebrow{font-size:11px!important;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:28px!important}.pko-eyebrow.light{color:#ffffffcc}.pko-section h2{font-size:clamp(46px,6vw,86px);line-height:1.02}.pko-intro .pko-lead{max-width:650px;margin-left:0;font-size:18px;color:#666}.pko-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 32px;margin-top:54px}.pko-work-card h3{font-size:20px;margin:15px 0 4px}.pko-work-card h3 a{text-decoration:none}.pko-work-card p{margin:0;color:#8a8a8a;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.pko-work-image{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:#e9e9e9}.pko-work-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.pko-work-image:hover img{transform:scale(1.025)}.pko-placeholder{display:block;width:100%;height:100%;background:#e8e8e8}.pko-view{position:absolute;inset:0;margin:auto;width:max-content;height:max-content;border:1px solid #fff;border-radius:999px;padding:13px 24px;color:#fff;text-transform:uppercase;letter-spacing:.12em;font-size:11px;opacity:0;transition:.25s}.pko-work-image:hover .pko-view{opacity:1}.pko-services h2{color:#fff}.pko-services>p:not(.pko-eyebrow){max-width:430px;margin-left:0;color:#ffffffd1}.pko-service-list{list-style:none;padding:0;margin-top:50px;border-top:1px solid #ffffff38}.pko-service-list li{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:24px 0;border-bottom:1px solid #ffffff38;font:700 clamp(25px,3vw,48px)/1.1 Quicksand,sans-serif}.pko-service-list small{font:400 14px/1.5 Inter,sans-serif;text-align:right}.pko-service-list.dark{border-color:#ddd}.pko-service-list.dark li{border-color:#ddd}.pko-cta{padding:clamp(65px,7vw,105px) var(--pad)!important}.pko-cta>*{max-width:var(--max);margin-left:auto;margin-right:auto}.pko-cta h2{font-size:clamp(48px,6vw,80px);margin-bottom:18px}.pko-cta p{max-width:600px;font-size:18px;color:#ffffffc7}.pko-cta .wp-element-button{border-color:#fff!important;color:#fff!important}.pko-cta .wp-element-button:hover{background:#fff!important;color:var(--blue)!important}.pko-page-hero{padding:clamp(80px,9vw,140px) var(--pad)!important;max-width:var(--max)!important}.pko-page-hero h1,.pko-project-head h1{font-size:clamp(58px,7vw,100px);line-height:1}.pko-lead{font-size:20px;max-width:650px;color:#666}.pko-project-head{max-width:var(--max);margin:auto;padding:clamp(90px,10vw,150px) var(--pad) 70px}.pko-project-meta{display:flex;gap:40px;color:#777;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.pko-project-hero{margin:0}.pko-project-hero img{display:block;width:100%;max-height:85vh;object-fit:cover}.pko-project-content{max-width:1100px;margin:auto;padding:clamp(70px,8vw,120px) var(--pad)}.pko-project-content .alignfull{width:100vw;margin-left:calc(50% - 50vw)}.pko-next{max-width:var(--max);margin:auto;padding:50px var(--pad) 100px;font:700 28px Quicksand}.pko-footer{background:#f7f7f7;padding:70px var(--pad) 24px}.pko-footer-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.pko-footer nav,.pko-social{display:flex;flex-direction:column;gap:12px}.pko-footer a{text-decoration:none;font-size:12px;letter-spacing:.1em}.pko-footer-bottom{max-width:var(--max);margin:60px auto 0;padding-top:20px;border-top:1px solid #ddd;font-size:11px;color:#999}@media(max-width:900px){.pko-menu-toggle{display:block}.pko-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:30px var(--pad);flex-direction:column;align-items:flex-start}.pko-nav.is-open{display:flex}.pko-nav ul{flex-direction:column;align-items:flex-start}.pko-work-grid{grid-template-columns:repeat(2,1fr)}.pko-service-list li{grid-template-columns:1fr;gap:8px}.pko-service-list small{text-align:left}.pko-footer-inner{grid-template-columns:1fr 1fr}}@media(max-width:600px){.pko-logo img{width:125px}.pko-hero-copy{margin-left:24px}.pko-hero-copy h1{font-size:50px}.pko-work-grid{grid-template-columns:1fr}.pko-footer-inner{grid-template-columns:1fr}.pko-project-meta{flex-direction:column;gap:8px}}

/* v1.0.1 — consistent content alignment */
.pko-section,
.pko-cta {
  display: grid !important;
  grid-template-columns: minmax(0, min(100%, var(--max))) !important;
  justify-content: center !important;
}

.pko-section > *,
.pko-cta > * {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Keep readable body copy aligned to the same left edge as its heading. */
.pko-intro > p:not(.pko-eyebrow),
.pko-services > p:not(.pko-eyebrow),
.pko-cta > p,
.pko-page-hero > p,
.pko-project-content > p {
  width: min(100%, 720px) !important;
  max-width: 720px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Buttons should follow the copy rather than centring themselves. */
.pko-cta > .wp-block-buttons,
.pko-section > .wp-block-buttons {
  justify-content: flex-start !important;
}

/* WordPress constrained-layout defaults can re-centre individual blocks. */
.pko-section > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.pko-cta > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Maintain consistent paragraph rhythm site-wide. */
.pko-section p,
.pko-cta p,
.pko-page-hero p,
.pko-project-content p {
  line-height: 1.65;
}

@media (max-width: 600px) {
  .pko-intro > p:not(.pko-eyebrow),
  .pko-services > p:not(.pko-eyebrow),
  .pko-cta > p,
  .pko-page-hero > p,
  .pko-project-content > p {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* v1.0.2 — complete Work post layouts */
.pko-project-intro{font-size:clamp(22px,2.2vw,32px);line-height:1.45;max-width:820px!important;margin:0 0 70px!important;color:#333}.pko-project-story{width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:clamp(70px,8vw,120px) max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)))!important}.pko-project-story p{max-width:720px!important;margin:0 0 0 33.333%!important;font-size:18px;line-height:1.7;color:#666}.pko-project-content>.wp-block-image.alignfull{margin-top:0;margin-bottom:clamp(20px,3vw,40px)}.pko-project-content>.wp-block-image.alignfull img{width:100%;max-height:75vh;object-fit:cover;display:block}.pko-project-gallery{gap:clamp(16px,2vw,28px);margin-top:0!important;margin-bottom:clamp(70px,8vw,120px)!important}.pko-project-gallery figure{height:100%;margin:0}.pko-project-gallery img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;display:block}.pko-project-quote{border:0!important;margin:clamp(80px,9vw,140px) 0!important;padding:0!important}.pko-project-quote p{font:700 clamp(42px,5vw,74px)/1.08 Quicksand,sans-serif!important;max-width:1050px!important;color:var(--dark)!important}.pko-project-meta span:empty{display:none}@media(max-width:900px){.pko-project-story p{margin-left:0!important}}@media(max-width:600px){.pko-project-intro{margin-bottom:48px!important}.pko-project-story{padding:60px 24px!important}.pko-project-gallery{gap:16px}}


/* v1.0.4 — internal pages synced to the Figma Make design */
.pko-inner-main{padding-top:0}
.pko-inner-section{padding:80px var(--pad)}
.pko-inner-container{width:100%;max-width:var(--max);margin:0 auto}
.pko-inner-eyebrow{margin:0 0 24px;font:600 11px/1.2 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
.pko-inner-hero{padding:80px var(--pad) 112px;background:#fff}
.pko-inner-hero h1{max-width:1000px;margin:0 0 32px;font:700 clamp(58px,7vw,112px)/1 Quicksand,sans-serif;letter-spacing:-.035em;color:var(--dark)}
.pko-inner-hero .pko-inner-lead{max-width:560px;margin:0;font:400 20px/1.7 Inter,sans-serif;color:#666}
.pko-full-image{width:100%;height:60vh;min-height:320px;overflow:hidden;background:#eee}
.pko-full-image img{width:100%;height:130%;margin-top:-15%;object-fit:cover;display:block}
.pko-about-split{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,5vw,80px);align-items:start}
.pko-about-split h2,.pko-about-image-copy h2{margin:0;font:700 clamp(42px,5vw,72px)/1.08 Quicksand,sans-serif;letter-spacing:-.025em}
.pko-copy-stack{display:flex;flex-direction:column;gap:24px}
.pko-copy-stack p{margin:0;font:400 18px/1.75 Inter,sans-serif;color:#666}
.pko-about-image-copy{display:grid;grid-template-columns:7fr 5fr;gap:clamp(40px,5vw,80px);align-items:start}
.pko-about-image-copy.reverse{grid-template-columns:5fr 7fr}
.pko-about-image{aspect-ratio:4/3;background:#f1f1f1;overflow:hidden}
.pko-about-image img{width:100%;height:100%;object-fit:cover;display:block}
.pko-grey-section{background:#f7f7f7}

.pko-work-filter{background:#f7f7f7;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.pko-work-filter-inner{max-width:var(--max);margin:auto;padding:16px var(--pad);display:flex;gap:24px;overflow:auto}
.pko-work-filter button{appearance:none;border:0;background:none;padding:4px 0;white-space:nowrap;font:600 11px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#aaa;cursor:pointer}
.pko-work-filter button.is-active,.pko-work-filter button:hover{color:var(--blue)}
.pko-work-page-grid{background:#f7f7f7;padding:64px var(--pad) 80px}
.pko-work-page-grid .pko-work-grid{max-width:var(--max);margin:0 auto;gap:40px}
.pko-work-card .pko-work-image:after{content:"";position:absolute;inset:0;background:rgba(31,32,33,.58);opacity:0;transition:.3s}
.pko-work-card .pko-work-image:hover:after{opacity:1}
.pko-work-card .pko-view{z-index:2;border-color:#fff;color:#fff}

.pko-services-hero{padding-bottom:80px}
.pko-services-list-wrap{background:#f7f7f7;padding:32px var(--pad) 64px}
.pko-services-list{max-width:var(--max);margin:0 auto;border-top:1px solid #ddd}
.pko-service-row{display:grid;grid-template-columns:60px minmax(240px,3fr) minmax(320px,4fr) minmax(240px,3fr);gap:28px;align-items:start;padding:56px 0;border-bottom:1px solid #ddd}
.pko-service-num{font:400 10px/1.4 Inter,sans-serif;color:#ccc;padding-top:8px}
.pko-service-title h2{margin:0 0 12px;font:700 clamp(30px,3vw,44px)/1.08 Quicksand,sans-serif;letter-spacing:-.02em}
.pko-service-title p{margin:0;font:600 14px/1.45 Inter,sans-serif;color:var(--blue)}
.pko-service-desc{margin:0;font:400 16px/1.75 Inter,sans-serif;color:#666}
.pko-service-image{aspect-ratio:4/3;overflow:hidden;background:#f1f1f1}
.pko-service-image img{width:100%;height:100%;object-fit:cover;display:block}
.pko-service-quote{margin:0 calc(-1 * var(--pad));padding:72px max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));background:var(--blue);color:#fff}
.pko-service-quote-inner{max-width:800px}
.pko-service-quote-mark{font:700 52px/1 Quicksand,sans-serif;color:rgba(255,255,255,.3);margin-bottom:12px}
.pko-service-quote blockquote{margin:0 0 28px;font:700 clamp(28px,3.5vw,48px)/1.15 Quicksand,sans-serif}
.pko-service-quote cite{font:500 14px/1.4 Inter,sans-serif;color:rgba(255,255,255,.72);font-style:normal}
.pko-services-bottom{padding:80px var(--pad) 96px;background:#fff}
.pko-services-bottom-inner{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;align-items:end;gap:40px}
.pko-services-bottom h2{margin:0 0 16px;font:700 clamp(42px,5vw,68px)/1.08 Quicksand,sans-serif}
.pko-services-bottom p{max-width:480px;margin:0;font:400 18px/1.65 Inter,sans-serif;color:#666}

.pko-contact-page{padding:80px var(--pad) 112px;background:#fff}
.pko-contact-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:5fr 7fr;gap:clamp(64px,7vw,110px)}
.pko-contact-copy h1{margin:0 0 28px;font:700 clamp(58px,6vw,92px)/1 Quicksand,sans-serif;letter-spacing:-.03em}
.pko-contact-copy>p{max-width:430px;margin:0 0 48px;font:400 18px/1.7 Inter,sans-serif;color:#666}
.pko-contact-details{border-top:2px solid var(--blue);padding-top:36px;display:flex;flex-direction:column;gap:30px}
.pko-contact-kicker{margin:0 0 9px!important;font:600 10px/1 Inter,sans-serif!important;letter-spacing:.15em;text-transform:uppercase;color:#888!important}
.pko-contact-details a{text-decoration:none;font:500 16px/1.4 Inter,sans-serif}
.pko-contact-social{display:flex;flex-direction:column;gap:10px}
.pko-contact-form{display:flex;flex-direction:column;gap:36px}
.pko-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.pko-field label{display:block;margin-bottom:10px;font:600 11px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.pko-field input,.pko-field select,.pko-field textarea{width:100%;border:0;border-bottom:2px solid #e5e5e5;background:transparent;padding:13px 0;font:400 16px/1.5 Inter,sans-serif;color:var(--dark);outline:none;border-radius:0}
.pko-field input:focus,.pko-field select:focus,.pko-field textarea:focus{border-color:var(--blue)}
.pko-field textarea{resize:vertical;min-height:110px}

.pko-reviews{background:#f7f7f7;padding:64px 0 80px;overflow:hidden}
.pko-reviews-head{max-width:var(--max);margin:0 auto 40px;padding:0 var(--pad)}
.pko-review-track{display:flex;gap:20px;width:max-content;animation:pkoReviewMarquee 50s linear infinite}
.pko-review-card{width:360px;flex:0 0 360px;background:#fff;border-radius:20px;padding:28px}
.pko-review-mark{color:rgba(56,174,228,.35);font:700 42px/1 Quicksand,sans-serif}
.pko-review-card blockquote{margin:10px 0 24px;font:400 16px/1.7 Inter,sans-serif;color:#555}
.pko-review-card strong{display:block;font:600 14px/1.4 Inter,sans-serif}
.pko-review-card small{font:400 12px/1.4 Inter,sans-serif;color:#aaa}
@keyframes pkoReviewMarquee{to{transform:translateX(-50%)}}

/* Exact Figma footer */
.pko-footer{background:#1f2021!important;color:#fff;padding:64px var(--pad) 30px}
.pko-footer-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:50px}
.pko-footer .pko-logo img{filter:brightness(0) invert(1);width:100px}
.pko-footer p{color:rgba(255,255,255,.4)}
.pko-footer nav,.pko-social{display:flex;flex-direction:column;gap:16px}
.pko-footer a{color:rgba(255,255,255,.7);text-decoration:none;font-size:14px;letter-spacing:0}
.pko-footer a:hover{color:#fff}
.pko-footer-heading{margin:0 0 8px!important;font:500 10px/1 Inter,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase;color:rgba(255,255,255,.3)!important}
.pko-footer-bottom{max-width:var(--max);margin:64px auto 0;padding-top:28px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:rgba(255,255,255,.3)}

/* Stop Gutenberg constrained layout from silently re-centring Figma page children. */
.pko-inner-hero > .pko-inner-container > *,
.pko-inner-section > .pko-inner-container > *{margin-left:0;margin-right:0}

@media(max-width:1000px){
 .pko-about-split,.pko-about-image-copy,.pko-about-image-copy.reverse,.pko-contact-grid{grid-template-columns:1fr}
 .pko-service-row{grid-template-columns:50px 1fr 1fr}.pko-service-desc{grid-column:2/3}.pko-service-image{grid-column:3/4;grid-row:1/3}
 .pko-footer-inner{grid-template-columns:2fr 1fr 1fr}
 .pko-footer-contact{grid-column:2/4}
}
@media(max-width:700px){
 .pko-inner-hero{padding-top:56px;padding-bottom:72px}.pko-inner-section{padding-top:72px;padding-bottom:72px}
 .pko-service-row{grid-template-columns:40px 1fr}.pko-service-title,.pko-service-desc,.pko-service-image{grid-column:2/3}.pko-service-image{grid-row:auto;margin-top:8px}
 .pko-services-bottom-inner{align-items:flex-start;flex-direction:column}.pko-contact-row{grid-template-columns:1fr}
 .pko-footer-inner{grid-template-columns:1fr 1fr}.pko-footer-contact{grid-column:auto}.pko-footer-bottom{flex-direction:column}
 .pko-review-card{width:310px;flex-basis:310px}
}


/* v1.0.7 — requested consistency and page-specific updates only */
body{padding-top:76px;font-family:Inter,sans-serif}
button,input,select,textarea{font-family:Inter,sans-serif}
h1,h2,h3,h4,h5,h6{font-family:Quicksand,sans-serif;font-weight:700}
.pko-header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:transform .28s ease,box-shadow .28s ease;will-change:transform}
.pko-header.is-hidden{transform:translateY(-100%)}
.pko-nav .current-menu-item>a,.pko-nav .current_page_item>a,.pko-nav a[aria-current="page"],.pko-nav a.is-current{color:var(--blue)!important}
.pko-button,.wp-element-button,.pko-contact-form button{padding:13px 27px!important;border-radius:999px!important;font:600 12px/1 Inter,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.pko-cta{background:var(--blue)!important;color:#fff!important}
.pko-cta h2,.pko-cta p{color:#fff!important}
.pko-cta .pko-button,.pko-cta .wp-element-button{border-color:#fff!important;color:#fff!important}
.pko-cta .pko-button:hover,.pko-cta .wp-element-button:hover{background:#fff!important;color:var(--blue)!important}
.pko-intro>p:not(.pko-eyebrow){font:400 18px/1.65 Inter,sans-serif!important;color:#666!important;max-width:650px!important}
.pko-selected-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:54px}
.pko-selected-head h2{margin-bottom:0}
.pko-selected-head .pko-button{flex:0 0 auto}
.pko-service-list.pko-home-service-list{margin-top:50px}
.pko-home-service-list li{padding:0!important;font:inherit!important}
.pko-home-service-list li>a{display:grid;grid-template-columns:64px minmax(260px,1fr) minmax(280px,1fr);gap:24px;align-items:center;padding:22px 18px;text-decoration:none;transition:background .2s ease}
.pko-home-service-list li>a:hover{background:#62bdea}
.pko-home-service-list .pko-service-num-home{font:500 11px/1 Inter,sans-serif;color:rgba(255,255,255,.48);letter-spacing:.08em}
.pko-home-service-list .pko-service-name{font:700 clamp(26px,3vw,48px)/1.08 Quicksand,sans-serif;color:#fff}
.pko-home-service-list small{font:400 14px/1.5 Inter,sans-serif;text-align:right;color:rgba(255,255,255,.86)}
.pko-parallax{width:100%;height:65vh;min-height:400px;overflow:hidden;background:#eee}
.pko-parallax img{width:100%;height:130%;margin-top:-15%;object-fit:cover;display:block;will-change:transform}
.pko-about-founder{border-left:2px solid var(--blue);padding-left:20px!important;font-size:14px!important;line-height:1.7!important;color:#9a9a9a!important;font-style:italic}
.pko-about-actions{margin-top:12px}
.pko-reviews:hover .pko-review-track{animation-play-state:paused}
.pko-inner-hero .pko-inner-lead.pko-work-lead{max-width:50%;width:50%}
.pko-service-quote{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.pko-full-image.pko-parallax{height:60vh;min-height:320px}
.pko-footer{background:#1f2021;color:#fff}
.pko-footer-inner{grid-template-columns:2fr 1fr 1fr}
.pko-footer p,.pko-footer a{color:rgba(255,255,255,.68)}
.pko-footer-heading{color:rgba(255,255,255,.32)!important}
.pko-footer-bottom{border-top-color:rgba(255,255,255,.1);color:rgba(255,255,255,.3)}
.pko-footer .pko-logo img{filter:brightness(0) invert(1)}
@media(max-width:900px){.pko-home-service-list li>a{grid-template-columns:48px 1fr}.pko-home-service-list small{grid-column:2;text-align:left}.pko-inner-hero .pko-inner-lead.pko-work-lead{max-width:100%;width:100%}}
@media(max-width:600px){body{padding-top:76px}.pko-selected-head{align-items:flex-start;flex-direction:column;margin-bottom:42px}.pko-parallax{height:50vh;min-height:320px}}


/* v1.0.8 — targeted refinements only */
/* Header: subtle 20% drop shadow, retain existing reveal-on-scroll behaviour. */
.pko-header{box-shadow:0 8px 22px rgba(0,0,0,.20)}

/* Footer: pages navigation replaces Get in Touch. */
.pko-footer-inner{grid-template-columns:2fr 1fr 1fr!important}
.pko-footer-nav nav{display:flex;flex-direction:column;gap:16px}

/* Buttons: keep every site button content-width, never stretched by constrained blocks. */
.pko-button,.wp-element-button,.pko-contact-form button{width:max-content!important;max-width:100%!important;align-self:flex-start!important}
.pko-cta>.pko-button,.pko-cta .wp-block-button,.pko-cta .wp-block-button__link{width:max-content!important}

/* Fancy a Chat sits directly against the footer. */
.pko-cta{margin-bottom:0!important}
.pko-footer{margin-top:0!important}

/* Homepage Selected Work: exact light-grey field. */
.pko-selected-work{background:#f7f7f7!important}

/* Homepage What We Do: Figma layout and colour. */
.pko-services{background:var(--blue)!important;color:#fff!important;padding-top:clamp(64px,7vw,96px)!important;padding-bottom:clamp(64px,7vw,96px)!important}
.pko-services .pko-eyebrow{display:flex!important;align-items:center;gap:12px;color:rgba(255,255,255,.8)!important;margin-bottom:20px!important}
.pko-services .pko-eyebrow:before{content:"";display:block;width:32px;height:1px;background:rgba(255,255,255,.5)}
.pko-services h2{font-size:clamp(58px,7.5vw,112px)!important;line-height:1!important;margin:0 0 20px!important;color:#fff!important}
.pko-services>p:not(.pko-eyebrow){width:min(100%,390px)!important;max-width:390px!important;margin:0 0 40px!important;color:rgba(255,255,255,.8)!important;font-size:16px!important;line-height:1.65!important}
.pko-service-list.pko-home-service-list{margin-top:0!important;border-top:1px solid rgba(255,255,255,.2)!important}
.pko-home-service-list li{border-bottom:1px solid rgba(255,255,255,.2)!important}
.pko-home-service-list li>a{grid-template-columns:48px minmax(260px,5fr) minmax(280px,6fr)!important;gap:24px!important;padding:22px 0!important}
.pko-home-service-list li>a:hover{background:#62bdea!important;padding-left:18px!important;padding-right:18px!important}
.pko-home-service-list .pko-service-num-home{font-size:11px!important}
.pko-home-service-list .pko-service-name{font-size:clamp(28px,3.2vw,50px)!important}

/* Homepage parallax image below What We Do. */
.pko-parallax[data-pko-home-parallax]{display:block!important;width:100%!important;height:65vh!important;min-height:400px!important;margin:0!important}

/* Homepage About PKO: exact 5/7 Figma split. */
.pko-home-about{background:#fff!important}
.pko-home-about .wp-block-columns{display:grid!important;grid-template-columns:5fr 7fr!important;gap:clamp(48px,5vw,64px)!important;align-items:start!important;margin:0!important}
.pko-home-about .wp-block-column{margin:0!important}
.pko-home-about .wp-block-column:first-child h2{font-size:clamp(48px,6vw,86px)!important;line-height:1.02!important;margin-bottom:30px!important}
.pko-home-about .wp-block-column:last-child{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:24px!important}
.pko-home-about .wp-block-column:last-child p{margin:0!important;font-size:clamp(16px,1.4vw,18px)!important;line-height:1.7!important;color:#666!important}
.pko-home-about .pko-about-founder{font-size:14px!important;color:#aaa!important;border-left:2px solid var(--blue)!important;padding-left:20px!important;font-style:italic!important}

/* Services page: tighter number/title spacing, centred quote, stacked CTA button. */
.pko-service-row{grid-template-columns:46px minmax(240px,3fr) minmax(320px,4fr) minmax(240px,3fr)!important;column-gap:14px!important}
.pko-service-quote-inner{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.pko-service-quote cite{display:block!important;text-align:center!important}
.pko-services-bottom-inner{display:block!important}
.pko-services-bottom .pko-button{display:inline-block!important;margin-top:30px!important}

/* About page: all buttons content-width; reviews sit above Fancy a Chat. */
.pko-about-image-copy .pko-button{width:max-content!important}

@media(max-width:1000px){
 .pko-home-about .wp-block-columns{grid-template-columns:1fr!important}
 .pko-service-row{grid-template-columns:42px 1fr 1fr!important;column-gap:12px!important}
}
@media(max-width:700px){
 .pko-home-service-list li>a{grid-template-columns:40px 1fr!important}
 .pko-home-service-list small{grid-column:2!important;text-align:left!important}
 .pko-service-row{grid-template-columns:36px 1fr!important;column-gap:10px!important}
}

/* v1.0.9 — targeted layout/typography refinements only */

/* One type family everywhere on the public-facing site. */
body{font-family:Quicksand,sans-serif!important}
main *, .pko-header *, .pko-footer *{font-family:Quicksand,sans-serif!important}

/* Use the same content edges as the page sections. */
.pko-header-inner{max-width:calc(var(--max) + (2 * var(--pad)))!important}

/* The fixed header overlays the homepage hero rather than pushing it down. */
.pko-header{position:fixed!important;top:0;left:0;right:0}
.pko-inner-main{padding-top:76px!important}
body.home main{padding-top:0!important}

/* Major page blocks must meet each other with no browser/Gutenberg gap. */
main>*,main>.wp-block-group,.pko-section,.pko-cta,.pko-reviews,.pko-parallax,.pko-full-image{margin-top:0!important;margin-bottom:0!important}

/* Buttons: one consistent content-width rounded rectangle across the site. */
.pko-button,.wp-element-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;max-width:100%!important;padding:13px 27px!important;border-radius:999px!important;white-space:nowrap!important}
.wp-block-button{width:auto!important;max-width:100%!important}
.wp-block-buttons{align-items:flex-start!important}

/* Homepage: Pop the Kettle On occupies the left half of the content grid. */
.pko-intro>p,.pko-intro>h2{width:50%!important;max-width:700px!important;margin-left:0!important;margin-right:auto!important}
.pko-intro .pko-lead,.pko-intro>p:not(.pko-eyebrow){font-size:18px!important;line-height:1.65!important;color:#667085!important}

/* Homepage: What We Do exactly follows the blue Figma treatment. */
.pko-services{background:#38AEE4!important;color:#fff!important}
.pko-services .pko-eyebrow{color:rgba(255,255,255,.82)!important}
.pko-services h2{color:#fff!important;margin:0 0 22px!important}
.pko-services>p:not(.pko-eyebrow){color:rgba(255,255,255,.82)!important;max-width:430px!important}
.pko-home-service-list{border-top:1px solid rgba(255,255,255,.24)!important}
.pko-home-service-list li{border-bottom:1px solid rgba(255,255,255,.24)!important}
.pko-home-service-list li>a{display:grid!important;grid-template-columns:72px minmax(280px,1.5fr) minmax(300px,1fr)!important;gap:28px!important;align-items:center!important;padding:30px 0!important;color:#fff!important}
.pko-home-service-list li>a:hover{background:#62BDEA!important;padding-left:18px!important;padding-right:18px!important}
.pko-home-service-list .pko-service-num-home{font-size:10px!important;color:rgba(255,255,255,.5)!important;letter-spacing:.08em!important}
.pko-home-service-list .pko-service-name{font-size:clamp(34px,3.35vw,54px)!important;line-height:1.05!important;color:#fff!important}
.pko-home-service-list small{font-size:14px!important;line-height:1.5!important;color:rgba(255,255,255,.84)!important;text-align:right!important}

/* Homepage parallax must be a real visual block, flush to its neighbours. */
.pko-parallax[data-pko-home-parallax]{height:65vh!important;min-height:400px!important;overflow:hidden!important;background:#eee!important}
.pko-parallax[data-pko-home-parallax] img{display:block!important;width:100%!important;height:130%!important;object-fit:cover!important;margin-top:-15%!important;will-change:transform!important}

/* Homepage About PKO: Figma 5/7 split. */
.pko-home-about .wp-block-columns{display:grid!important;grid-template-columns:5fr 7fr!important;gap:clamp(52px,6vw,90px)!important;align-items:center!important}
.pko-home-about .wp-block-column:first-child{display:flex!important;flex-direction:column!important;align-items:flex-start!important}
.pko-home-about .wp-block-column:last-child{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:24px!important}
.pko-home-about .pko-about-founder{border-left:2px solid var(--blue)!important;padding-left:24px!important;font-size:14px!important;color:#a3a9b4!important;font-style:italic!important}

/* Fancy a Chat meets the footer directly. */
.pko-cta{margin-bottom:0!important}
.pko-cta+.pko-footer{margin-top:0!important}

/* Footer: Social remains central and Navigation occupies the former Get in Touch position. */
.pko-footer-inner{grid-template-columns:2fr 1fr 1.2fr!important}
.pko-footer-nav{justify-self:end!important;min-width:180px}

/* Contact: no email block; social remains aligned with the page grid. */
.pko-contact-details{border-top:2px solid var(--blue)!important}

@media(max-width:900px){
  .pko-intro>p,.pko-intro>h2{width:100%!important;max-width:100%!important}
  .pko-home-service-list li>a{grid-template-columns:52px 1fr!important;gap:16px!important}
  .pko-home-service-list small{grid-column:2!important;text-align:left!important}
  .pko-home-about .wp-block-columns{grid-template-columns:1fr!important}
  .pko-footer-nav{justify-self:start!important}
}

/* v1.0.10 — homepage section layouts matched to supplied references only */

/* Pop the Kettle On */
.pko-home-kettle{
  background:#fff!important;
  padding:clamp(95px,9vw,145px) var(--pad)!important;
}
.pko-home-kettle-inner{
  max-width:var(--max);
  margin:0 auto;
}
.pko-home-kettle .pko-eyebrow{
  margin:0 0 clamp(54px,6vw,82px)!important;
}
.pko-home-kettle h2{
  width:52%;
  max-width:760px;
  margin:0 0 clamp(48px,5vw,70px)!important;
  font-size:clamp(58px,6.35vw,96px)!important;
  line-height:1.02!important;
  letter-spacing:-.035em;
}
.pko-home-kettle-copy{
  width:50%;
  max-width:690px;
}
.pko-home-kettle-copy p{
  margin:0 0 28px!important;
  font-size:17px!important;
  line-height:1.65!important;
  color:#667085!important;
}
.pko-home-kettle-copy p:last-child{margin-bottom:0!important}

/* Selected Work */
.pko-home-selected{
  background:#f7f7f7!important;
  padding:clamp(90px,8vw,130px) var(--pad)!important;
}
.pko-home-selected-inner{max-width:var(--max);margin:0 auto}
.pko-home-selected-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:40px;
  align-items:end;
  margin-bottom:clamp(64px,6vw,90px);
}
.pko-home-selected-head .pko-eyebrow{margin:0 0 42px!important}
.pko-home-selected-head h2{
  margin:0!important;
  font-size:clamp(58px,5.6vw,88px)!important;
  line-height:1.02!important;
  letter-spacing:-.035em;
}
.pko-home-selected-head .pko-button{margin-bottom:6px}
.pko-home-selected .pko-work-grid{margin-top:0!important}

/* What We Do */
.pko-home-services{
  background:#38AEE4!important;
  color:#fff!important;
  padding:clamp(70px,7vw,100px) var(--pad) 0!important;
}
.pko-home-services-inner{max-width:var(--max);margin:0 auto}
.pko-home-services .pko-eyebrow{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 34px!important;
  color:rgba(255,255,255,.86)!important;
}
.pko-home-services .pko-eyebrow:before{
  content:"";
  width:32px;
  height:1px;
  background:rgba(255,255,255,.55);
  flex:0 0 32px;
}
.pko-home-services h2{
  margin:0 0 26px!important;
  color:#fff!important;
  font-size:clamp(70px,7.2vw,112px)!important;
  line-height:.96!important;
  letter-spacing:-.035em;
}
.pko-home-services-intro{
  width:440px;
  max-width:100%;
  margin:0 0 66px!important;
  color:rgba(255,255,255,.82)!important;
  font-size:17px!important;
  line-height:1.7!important;
}
.pko-home-services-list{
  border-top:1px solid rgba(255,255,255,.25);
}
.pko-home-service-row{
  border-bottom:1px solid rgba(255,255,255,.25);
}
.pko-home-service-row a{
  display:grid;
  grid-template-columns:95px minmax(300px,1.25fr) minmax(360px,1fr);
  align-items:center;
  gap:28px;
  min-height:124px;
  padding:22px 0;
  color:#fff!important;
  text-decoration:none!important;
  transition:background .2s ease,padding .2s ease;
}
.pko-home-service-row a:hover{
  background:#62BDEA;
  padding-left:18px;
  padding-right:18px;
}
.pko-home-service-num{
  color:rgba(255,255,255,.45);
  font-size:11px;
  font-weight:500;
  letter-spacing:.04em;
}
.pko-home-service-title{
  font-size:clamp(34px,3.15vw,52px);
  font-weight:700;
  line-height:1.05;
  letter-spacing:-.02em;
}
.pko-home-service-desc{
  color:rgba(255,255,255,.8);
  font-size:14px;
  line-height:1.55;
  text-align:right;
}

/* About PKO */
.pko-home-about-exact{
  background:#fff!important;
  padding:clamp(90px,8vw,130px) var(--pad)!important;
}
.pko-home-about-exact-inner{
  max-width:var(--max);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  gap:clamp(60px,7vw,110px);
  align-items:center;
}
.pko-home-about-exact-left .pko-eyebrow{margin:0 0 48px!important}
.pko-home-about-exact h2{
  margin:0 0 48px!important;
  font-size:clamp(58px,6vw,92px)!important;
  line-height:1.02!important;
  letter-spacing:-.035em;
}
.pko-home-about-exact-right{
  display:flex;
  flex-direction:column;
  gap:28px;
}
.pko-home-about-exact-right p{
  margin:0!important;
  color:#667085!important;
  font-size:18px!important;
  line-height:1.7!important;
}
.pko-home-about-exact-right .pko-about-founder{
  margin-top:8px!important;
  border-left:3px solid var(--blue)!important;
  padding:4px 0 4px 28px!important;
  color:#a2a9b5!important;
  font-size:15px!important;
  line-height:1.6!important;
  font-style:italic!important;
}

@media(max-width:900px){
  .pko-home-kettle h2,.pko-home-kettle-copy{width:100%;max-width:100%}
  .pko-home-selected-head{grid-template-columns:1fr;align-items:start}
  .pko-home-selected-head .pko-button{margin:0}
  .pko-home-service-row a{grid-template-columns:52px 1fr;gap:14px;min-height:auto;padding:24px 0}
  .pko-home-service-desc{grid-column:2;text-align:left}
  .pko-home-about-exact-inner{grid-template-columns:1fr;gap:52px}
}

/* v1.0.11 — supplied homepage reference layouts. These selectors intentionally
   override earlier iterations without changing other pages. */
body.home .pko-ref-kettle,
body.home .pko-ref-selected,
body.home .pko-ref-services,
body.home .pko-ref-about{width:100%;margin:0!important;border:0!important}

/* POP THE KETTLE ON — reference: left aligned, roughly half-page copy column. */
body.home .pko-ref-kettle{padding:clamp(90px,8vw,130px) var(--pad)!important;background:#fff!important}
body.home .pko-ref-kettle .pko-home-kettle-inner{width:100%!important;max-width:none!important;margin:0!important}
body.home .pko-ref-kettle .pko-eyebrow{margin:0 0 clamp(54px,5vw,76px)!important}
body.home .pko-ref-kettle h2{width:52%!important;max-width:900px!important;margin:0 0 clamp(48px,4vw,64px)!important;font-size:clamp(64px,6.5vw,112px)!important;line-height:1.02!important;letter-spacing:-.035em!important}
body.home .pko-ref-kettle .pko-home-kettle-copy{width:50%!important;max-width:700px!important}
body.home .pko-ref-kettle .pko-home-kettle-copy p{margin:0 0 28px!important;font-size:18px!important;line-height:1.7!important;color:#667085!important}
body.home .pko-ref-kettle .pko-home-kettle-copy p:last-child{margin-bottom:0!important}

/* SELECTED WORK — reference: grey section, title left and All Work aligned right. */
body.home .pko-ref-selected{padding:clamp(90px,8vw,130px) var(--pad)!important;background:#f7f7f7!important}
body.home .pko-ref-selected .pko-home-selected-inner{width:100%!important;max-width:none!important;margin:0!important}
body.home .pko-ref-selected .pko-home-selected-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:48px!important;align-items:end!important;margin:0 0 clamp(64px,6vw,90px)!important}
body.home .pko-ref-selected .pko-eyebrow{margin:0 0 46px!important}
body.home .pko-ref-selected h2{margin:0!important;font-size:clamp(58px,5.8vw,100px)!important;line-height:1.02!important;letter-spacing:-.035em!important}
body.home .pko-ref-selected .pko-button{align-self:end!important;margin:0 0 5px!important;width:auto!important;min-width:0!important;justify-self:end!important}
body.home .pko-ref-selected .pko-work-grid{margin-top:0!important}

/* WHAT WE DO — reference: full blue panel and true three-column service rows. */
body.home .pko-ref-services{padding:clamp(68px,6vw,92px) var(--pad) 0!important;background:#38AEE4!important;color:#fff!important}
body.home .pko-ref-services .pko-home-services-inner{width:100%!important;max-width:none!important;margin:0!important}
body.home .pko-ref-services .pko-eyebrow{display:flex!important;align-items:center!important;gap:14px!important;margin:0 0 34px!important;color:rgba(255,255,255,.88)!important}
body.home .pko-ref-services .pko-eyebrow:before{content:"";display:block;width:32px;height:1px;background:rgba(255,255,255,.6);flex:0 0 32px}
body.home .pko-ref-services h2{margin:0 0 28px!important;color:#fff!important;font-size:clamp(72px,7.4vw,118px)!important;line-height:.96!important;letter-spacing:-.04em!important}
body.home .pko-ref-services .pko-home-services-intro{width:460px!important;max-width:100%!important;margin:0 0 68px!important;color:rgba(255,255,255,.82)!important;font-size:17px!important;line-height:1.65!important}
body.home .pko-ref-services .pko-home-services-list{border-top:1px solid rgba(255,255,255,.25)!important}
body.home .pko-ref-services .pko-home-service-row{border-bottom:1px solid rgba(255,255,255,.25)!important}
body.home .pko-ref-services .pko-home-service-row a{display:grid!important;grid-template-columns:82px minmax(360px,1.1fr) minmax(360px,1fr)!important;gap:28px!important;align-items:center!important;width:100%!important;min-height:126px!important;padding:22px 0!important;color:#fff!important;text-decoration:none!important;transition:background .2s ease,padding .2s ease!important}
body.home .pko-ref-services .pko-home-service-row a:hover{background:#62BDEA!important;padding-left:18px!important;padding-right:18px!important}
body.home .pko-ref-services .pko-home-service-num{display:block!important;color:rgba(255,255,255,.5)!important;font-size:11px!important;font-weight:500!important;line-height:1!important;text-decoration:none!important}
body.home .pko-ref-services .pko-home-service-title{display:block!important;color:#fff!important;font-size:clamp(34px,3.25vw,56px)!important;font-weight:700!important;line-height:1.05!important;letter-spacing:-.02em!important;text-decoration:none!important}
body.home .pko-ref-services .pko-home-service-desc{display:block!important;color:rgba(255,255,255,.82)!important;font-size:14px!important;line-height:1.55!important;text-align:right!important;text-decoration:none!important}

/* PARALLAX — actual image block between What We Do and About. */
body.home .pko-home-parallax-real{width:100%!important;height:64vh!important;min-height:420px!important;margin:0!important;overflow:hidden!important;background:#eee!important}
body.home .pko-home-parallax-real img{display:block!important;width:100%!important;height:130%!important;object-fit:cover!important;margin-top:-15%!important;will-change:transform!important}

/* ABOUT PKO — reference: strong 5/7 split with founder callout. */
body.home .pko-ref-about{padding:clamp(90px,8vw,130px) var(--pad)!important;background:#fff!important}
body.home .pko-ref-about .pko-home-about-exact-inner{width:100%!important;max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important;gap:clamp(60px,7vw,110px)!important;align-items:center!important}
body.home .pko-ref-about .pko-home-about-exact-left{display:flex!important;flex-direction:column!important;align-items:flex-start!important}
body.home .pko-ref-about .pko-eyebrow{margin:0 0 48px!important}
body.home .pko-ref-about h2{margin:0 0 48px!important;font-size:clamp(58px,6.2vw,104px)!important;line-height:1.02!important;letter-spacing:-.035em!important}
body.home .pko-ref-about .pko-button{width:auto!important;min-width:0!important}
body.home .pko-ref-about .pko-home-about-exact-right{display:flex!important;flex-direction:column!important;gap:28px!important}
body.home .pko-ref-about .pko-home-about-exact-right p{margin:0!important;color:#667085!important;font-size:18px!important;line-height:1.7!important}
body.home .pko-ref-about .pko-home-about-exact-right .pko-about-founder{margin-top:8px!important;border-left:3px solid #38AEE4!important;padding:4px 0 4px 28px!important;color:#a2a9b5!important;font-size:15px!important;line-height:1.6!important;font-style:italic!important}

@media(max-width:900px){
 body.home .pko-ref-kettle h2,body.home .pko-ref-kettle .pko-home-kettle-copy{width:100%!important;max-width:100%!important}
 body.home .pko-ref-selected .pko-home-selected-head{grid-template-columns:1fr!important;align-items:start!important}
 body.home .pko-ref-selected .pko-button{justify-self:start!important;margin:0!important}
 body.home .pko-ref-services .pko-home-service-row a{grid-template-columns:52px 1fr!important;gap:14px!important;min-height:auto!important;padding:26px 0!important}
 body.home .pko-ref-services .pko-home-service-desc{grid-column:2!important;text-align:left!important}
 body.home .pko-ref-about .pko-home-about-exact-inner{grid-template-columns:1fr!important;gap:52px!important}
}

/* v1.0.13 — hero sequence only: no crossfade, no homepage gap below fixed header. */
body.home{padding-top:0!important}
body.home .pko-hero{margin-top:0!important;padding-top:0!important}
body.home .pko-hero-sticky{top:0!important}
.pko-frame{transition:none!important;animation:none!important;opacity:0;visibility:hidden}
.pko-frame:first-child{opacity:1;visibility:visible}

/* v1.0.16 heading semantics: preserve existing layouts while using correct hierarchy. */
.pko-home-service-title{margin:0!important;}
.pko-work-card h2,.pko-work-card h3{margin:15px 0 4px;}
.pko-work-card h2 a,.pko-work-card h3 a{text-decoration:none;}