.showcase-page{min-height:100svh}.showcase-main{padding:25px 0 45px}.showcase-intro{position:relative;padding:5px 0 22px}.back-home{font-size:12px;color:var(--muted);text-decoration:none;display:inline-block;margin-bottom:28px}.showcase-intro .eyebrow{margin-bottom:15px}.showcase-intro h1{font-size:clamp(38px,4.5vw,60px);margin:0 0 16px}.showcase-intro>p:last-child{font-size:15px;color:var(--muted);max-width:650px;margin:0}.project-carousel{margin-top:15px}.carousel-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c5dbee;padding-top:18px;margin-bottom:22px}.carousel-label{font-size:10px;font-weight:700;letter-spacing:1.4px}.carousel-arrows{display:flex;gap:12px}.carousel-arrows button{border:1px solid #adc9e3;background:#fff;border-radius:50%;width:43px;height:43px;color:var(--ink);font-size:22px;cursor:pointer}.carousel-arrows button:hover:enabled{background:#e5ddf8}.carousel-arrows button:disabled{opacity:.3;cursor:default}.project-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative;border-radius:17px;overscroll-behavior-x:contain}.project-track::-webkit-scrollbar{display:none}.project-slide{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:55px;flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;padding:12px 10px 18px 0;box-sizing:border-box}.project-preview{min-width:0;padding:0 9px 0 0}.preview-chrome{background:#dfecfa;border:1.5px solid #9dbbd8;border-bottom:0;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;font-size:10px;color:#587b9d}.chrome-dots{display:flex;gap:5px}.chrome-dots i{width:6px;height:6px;border-radius:50%;background:#c4b5e9}.chrome-dots i:nth-child(2){background:#f1d18b}.chrome-dots i:nth-child(3){background:#a8d6d2}.project-preview>a{display:block;border:1.5px solid #9dbbd8;border-radius:0 0 12px 12px;overflow:hidden;box-shadow:7px 7px 0 #c5dcef;background:#e6f1fa;line-height:0}.project-preview img{display:block;width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;object-position:top}.preview-note{font-size:10px;color:#708aa5;margin:17px 0 0;text-align:center}.project-story .eyebrow{font-size:9px;margin-bottom:13px}.project-story h2{font-size:clamp(30px,3vw,43px);margin:0 0 20px}.project-description{font-size:14px;color:var(--muted);margin-bottom:20px;line-height:1.8}.project-story .feature-chips{margin:18px 0 21px}.project-story .text-link{font-size:13px}.owner-feedback{border-top:1px solid #c6d9eb;margin-top:28px;padding:21px 0 3px}.feedback-label{font-size:9px;font-weight:700;letter-spacing:1.4px;margin:0 0 10px;color:#7184a2}.quote-pending{font:500 20px/1.4 'Outfit',sans-serif;color:#8977b3;margin:0}.carousel-bottom{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #c5dbee;gap:20px}.project-dots{display:flex;gap:6px}.project-dots button{display:grid;place-items:center;width:30px;height:30px;border:0;background:transparent;cursor:pointer;padding:0}.project-dots button>span{width:8px;height:8px;border-radius:50%;background:#c4d7e9;transition:width .25s,background .25s}.project-dots button[aria-pressed=true]>span{background:#8b7ab6;width:25px;border-radius:10px}#carousel-status{font-size:11px;color:var(--muted);margin:0}.showcase-invitation{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px 0 10px}.showcase-invitation p{font:500 24px/1.2 'Outfit',sans-serif;margin:0;color:#7d6aaf}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}header a[aria-current=page]{color:#8270be}button:focus-visible,.project-track:focus-visible{outline:3px solid #8d79bd;outline-offset:3px}.project-preview>a:focus-visible{outline-offset:-4px}
@media(max-width:1000px){.project-slide{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.project-story h2{font-size:30px}.project-description{font-size:13px}.owner-feedback{margin-top:20px;padding-top:17px}.quote-pending{font-size:18px}}
@media(max-width:700px){.showcase-main{padding-top:15px}.back-home{margin-bottom:24px}.showcase-intro h1{font-size:40px}.showcase-intro>p:last-child{font-size:14px}.project-slide{grid-template-columns:1fr;gap:25px;align-content:start;padding:8px 9px 14px 2px}.project-preview{padding-right:6px}.project-preview img{aspect-ratio:1.55}.project-story{padding:0 5px}.project-story h2{font-size:31px}.project-description{font-size:14px}.carousel-controls{margin-bottom:12px}.carousel-label{font-size:9px;letter-spacing:1px}.preview-note{margin-top:14px}.owner-feedback{margin-top:24px}.quote-pending{font-size:20px}.carousel-bottom{align-items:center;gap:8px}#carousel-status{font-size:10px}.showcase-invitation{align-items:flex-start;flex-direction:column;gap:18px;padding:28px 0}.showcase-invitation p{font-size:23px}.showcase-page header nav>a[href="testimonials.html"]{display:inline-block}.showcase-page header nav{gap:18px}}
@media(prefers-reduced-motion:reduce){.project-dots button>span{transition:none}.project-track{scroll-behavior:auto}}

/* The showcase lives within the main one-page site. */
.work-section{padding:65px 0 45px;background:#f4faff}.work-section .showcase-intro h2{font-size:clamp(36px,4.3vw,56px);margin:0 0 18px}.work-section .showcase-intro h2 span{color:#7d6aaf}.work-section .showcase-intro{padding-top:0}.work-section .showcase-intro>p:last-child{margin-bottom:0}.work-section .showcase-invitation{padding-bottom:0}
@media(max-width:780px){header nav>a[href="#work"]{display:inline-block}}
@media(max-width:650px){.work-section{padding:48px 0 35px}.work-section .showcase-intro h2{font-size:37px}}
/* Preserve the full width of the wider Jacked Up Lawns capture. */

/* Browse with the dots, swipe or keyboard; no arrow controls. */
.carousel-arrows{display:none}
/* Preview images are display-only; external visits use the labelled text link. */
.project-preview>.preview-image{display:block;border:1.5px solid #9dbbd8;border-radius:0 0 12px 12px;overflow:hidden;box-shadow:7px 7px 0 #c5dcef;background:#e6f1fa;line-height:0;cursor:default}
.carousel-pause{margin-left:auto;border:1px solid #b9cfe5;background:#ffffff90;color:#547495;border-radius:20px;padding:7px 12px;font:500 11px 'DM Sans',sans-serif;cursor:pointer}.carousel-pause:hover{background:#e9e2f7}.carousel-pause:focus-visible{outline:3px solid #8d79bd;outline-offset:3px}


.project-carousel .project-preview img{object-fit:contain;object-position:center;background:#edf4fb}

/* Hug the screenshot at its existing display size instead of letterboxing it. */
.project-carousel .project-preview{width:min(100%,489.6px);max-width:100%;padding-right:0;justify-self:center}
.project-carousel .preview-chrome{border:0;box-shadow:none}
.project-carousel .project-preview>.preview-image,.project-carousel .project-preview>a{border:0;box-shadow:none;background:transparent}
.project-carousel .project-preview img{background:transparent;object-fit:contain;object-position:center}
@media(max-width:1000px){.project-carousel .project-preview{width:min(100%,374.4px)}}
@media(max-width:650px){.project-carousel .project-preview{width:min(100%,230.4px)}}
/* Keep previews left-aligned and give the project description more room. */
@media(min-width:701px){
 .project-carousel .project-slide{grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);gap:36px;padding-right:0}
 .project-carousel .project-preview{justify-self:start}
 .project-carousel .project-story{min-width:0;width:100%}
}
@media(min-width:1200px){
 #work>.screen-content>.wrap{width:min(1320px,92%)}
 .project-carousel .project-slide{grid-template-columns:minmax(0,490px) minmax(0,1fr);gap:45px}
}
@media(max-width:700px){.project-carousel .project-preview{justify-self:start}}
.carousel-playback{display:flex;align-items:center;gap:10px;margin-left:auto}.carousel-playback .carousel-pause{margin-left:0}.carousel-countdown{min-width:29px;font:600 12px 'DM Sans',sans-serif;font-variant-numeric:tabular-nums;color:#7d6aaf;text-align:right}

/* Approved KCS Therapy owner feedback. */
.owner-quote{margin:0;color:var(--ink);font-size:14px;line-height:1.65}.owner-quote p{margin:0 0 12px}.owner-quote p:last-child{margin-bottom:0}.quote-credit{margin:12px 0 0;font-size:12px;font-weight:600;color:var(--muted)}