/* Scoped v67 changes. FLOW surface #232526 is the existing reference. */
:root{--pjk-dark-surface:#232526}
#price.price-cards-section,#contact.contact,#business.business,#works .work-entry .ys-card{background:var(--pjk-dark-surface)}
.hero .tiles i,.hero .hero-curtain{background:var(--pjk-dark-surface)}
#business .curtain::after{background:var(--pjk-dark-surface)}
body.contact-mist-page,body.contact-mist-page>.page-mist{background:var(--pjk-dark-surface)}
#contact-form :is(input,select,textarea){border-radius:9px}
#price .plan-header{min-height:108px;padding-block:16px}
#price .plan-body{padding-top:20px;padding-bottom:22px}
#price .plan-pricing{min-height:240px;padding-bottom:16px}
#price .plan-services{gap:14px;margin-top:20px;margin-bottom:30px}
#price .plan-initial-free strong{font-size:45.76px}
#works .work-entry-copy h3{font-size:clamp(27px,2.7vw,43.2px)}
@media(max-width:900px){
#price .plan-header{min-height:88px;padding-block:14px}
#price .plan-pricing{min-height:0;padding-bottom:16px}
#price .plan-body{padding-top:20px;padding-bottom:22px}
#price .plan-services{gap:12px;margin-top:20px;margin-bottom:26px}
#price .plan-initial-free strong{font-size:58.08px}
#works .work-entry-copy h3{font-size:27px}
}
@media(max-width:650px){
#price .plans-grid{width:96%;margin-inline:auto}
#price .plan-body{padding-inline:14px}
#works .work-entry-copy .pjk-link{min-height:50px;padding:12px 18px;gap:24px}
}

/* v68: WORKS palette only; preserve all dimensions and motion. */
#works{background:var(--pjk-dark-surface);color:#f1f0e9}
#works .works-title,#works .work-entry-copy h3{color:#f1f0e9}
#works .work-entry-copy p,#works .work-entry-copy small{color:#d4d4d2}
#works .work-entry-copy .pjk-link,#works .work-entry-copy .pjk-link:link,#works .work-entry-copy .pjk-link:visited{--link-ink:#f1f0e9;background:transparent;color:#f1f0e9;border-color:#f1f0e9}
#works .work-entry-copy .pjk-link:hover,#works .work-entry-copy .pjk-link:focus-visible{background:#f1f0e9;color:#232526;border-color:#f1f0e9}
#works .work-entry-copy .pjk-link:focus-visible{outline-color:#f1f0e9}

/* v69: Y’s Select media surface only; transparent logo remains untouched. */
#works .work-entry .ys-card{background:#c0c0c0}
#works .work-entry .ys-card .ys-coming{color:#141513}