/* PROPER MADE V30 — launch design polish. Layered over the V29 design, no baseline styles overwritten. */
:root{--pm-lime:#c7fa63;--pm-paper:#f3f2ec;--pm-charcoal:#101310}
html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:focus-visible{outline:3px solid #c7fa63!important;outline-offset:4px}
.pm-skip-link{position:fixed;top:-80px;left:12px;z-index:9999;background:#c7fa63;color:#111;padding:12px 20px;font-weight:800}
.pm-skip-link:focus{top:12px}
.hero .hero-content{position:relative;z-index:2}
.hero h1{letter-spacing:-.065em;text-wrap:balance}
.hero .hero-intro{max-width:650px;line-height:1.7}
.hero .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero .hero-actions a{transition:transform .2s ease,box-shadow .2s ease}
.hero .hero-actions a:hover{transform:translateY(-3px)}
.starter-offer{border-radius:4px}
.pm-services-heading h2,.pm-portfolio-head h2{text-wrap:balance;letter-spacing:-.055em}
.pm-feature{transition:transform .25s ease,box-shadow .25s ease}
.pm-feature:hover{transform:translateY(-4px)}
.pm-service-list a{transition:background .2s ease,padding-left .2s ease}
.pm-service-list a:hover{padding-left:14px}
.pm-portfolio-feature{position:relative}
.pm-portfolio-grid{align-items:stretch}
.pm-portfolio-grid>a{display:flex;flex-direction:column;transition:transform .25s ease}
.pm-portfolio-grid>a:hover{transform:translateY(-5px)}
.pm-portfolio-grid>a:focus-visible{outline-offset:7px}
.pm-portfolio-grid>a .pm-portfolio-image{overflow:hidden;isolation:isolate}
.pm-portfolio-grid>a .pm-portfolio-image:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.3));z-index:0}
.pm-portfolio-grid>a .pm-portfolio-image>*{position:relative;z-index:1}
.pm-portfolio-grid>a h3{margin-top:18px;letter-spacing:-.03em}
.pm-portfolio-disclaimer{font-size:12px;opacity:.8}
@media(max-width:800px){
 .hero h1{font-size:clamp(48px,10vw,78px);line-height:1.04}
 .hero .hero-intro{font-size:15px;line-height:1.65}
 .hero .hero-actions>a{min-height:48px;display:inline-flex;align-items:center;justify-content:center}
 .pm-services-heading h2,.pm-portfolio-head h2{font-size:clamp(36px,8vw,56px)}
 .pm-portfolio-grid>a{min-width:0}
 .pm-portfolio-grid>a .pm-portfolio-image{min-height:210px}
 .pm-portfolio-grid>a .pm-portfolio-image strong{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pm-feature,.pm-portfolio-grid>a,.hero .hero-actions a{transition:none}}