/* Practitioner imagery leads the hero; the working sample lives in the showcase. */
.hero-vision{border-left:2px solid var(--sky);padding-left:14px;margin:24px 0 0;font:17px/1.5 var(--body);color:var(--paper);max-width:490px}
.hero-vision>span{display:block;font:8px/1.6 var(--ui);letter-spacing:1px;margin-bottom:7px;color:var(--sky)}
.hero-vision>small{display:block;font:11px/1.7 var(--ui);margin-top:7px;color:#e0f0e5}
.scope-strip>div a{line-height:1.55}
.marketing-grid h3{line-height:1.45}
.hero-workshop{position:relative;min-width:0;max-width:720px;width:100%;margin:0 auto;padding:8px 0 0}
.workshop-kicker{font:9px/1.7 var(--ui);letter-spacing:1.2px;color:var(--paper);margin:0 0 21px;text-align:right}
.workshop-photo{margin:0;border:8px solid var(--paper);border-radius:3px;box-shadow:9px 10px 0 #16365055;overflow:hidden;transform:rotate(1deg)}
.workshop-photo>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.workshop-teaser{position:relative;z-index:1;display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:19px;width:min(350px,88%);margin:-32px -9px 0 auto;padding:15px;background:var(--paper);color:var(--navy);border:1px solid #16365035;border-radius:3px;text-decoration:none;box-shadow:5px 5px 0 #16365065}
.workshop-teaser>img{width:110px;height:78px;object-fit:cover;object-position:left top;border:1px solid #16365025;border-radius:2px}
.workshop-teaser small{font:8px/1.6 var(--ui);letter-spacing:.8px;display:block;margin-bottom:8px}
.workshop-teaser strong{font:400 20px/1.2 var(--body);display:block}
.workshop-teaser svg{width:17px;height:17px;margin-left:5px;vertical-align:middle}
.workshop-teaser:hover{background:var(--sky)}
.workshop-disclosure{font:10px/1.7 var(--ui);color:#d9eee4;text-align:left;margin:20px 0 0}
.showcase-experience{grid-column:2;grid-row:1;min-width:0;padding:29px 29px 25px;background:var(--emerald);color:var(--paper);border-radius:4px;isolation:isolate}
.showcase-experience .visual-kicker{font-size:8px;margin:0 0 23px}
.showcase-experience .hero-preview{position:relative;width:100%;max-width:none;margin:0;padding:19px 19px 15px;background:var(--paper);color:var(--navy);border:1px solid #16365050;border-radius:6px;box-shadow:8px 10px 0 #16365070}
.showcase-experience .hero-preview::before{content:'';position:absolute;inset:5px -6px -6px 6px;background:var(--sky);border:1px solid #16365040;border-radius:6px;transform:rotate(-2deg);z-index:-1}
.showcase-experience .preview-caption{gap:12px;margin-bottom:18px}
.showcase-experience .preview-caption>span:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:11px}
.showcase-experience .preview-caption b{font-size:7px;letter-spacing:1.3px}
.showcase-experience .fictional-label{display:flex;align-items:center;gap:6px;font-size:9px}
.showcase-experience .browser-frame{border-color:#aebdc4;border-radius:4px;background:var(--white)}
.showcase-experience .hero-preview-tools{flex-wrap:wrap;gap:3px;margin-top:12px}
.showcase-experience .hero-screen-choices{width:100%;flex-basis:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.showcase-experience .hero-screen-choices button{font-size:10px;padding:10px 5px;gap:6px}
.showcase-experience .hero-screen-choices button[aria-pressed=true]{background:var(--sky);border-color:#16365025}
.showcase-experience .motion-toggle{min-height:44px;margin-left:auto;font-size:9px}
.showcase-experience .hero-preview figcaption{font-size:8px;line-height:1.7;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:5px;padding-top:12px;border-top:1px solid #16365025;color:var(--navy)}
.showcase-experience .hero-preview figcaption a{font-size:9px;color:var(--navy)}
.showcase-experience .visual-note{font-size:6px;letter-spacing:.75px;margin-top:25px;gap:10px}
.showcase-experience .visual-note span+span::before{margin-right:7px}
.showcase .showcase-footer{grid-row:2}
.showcase-experience a:focus-visible,.showcase-experience button:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
@media(max-width:1100px){.showcase{column-gap:38px;grid-template-columns:minmax(0,.5fr) minmax(0,1fr)}.showcase-experience{padding:24px}.showcase-experience .hero-screen-choices button{font-size:9px}.showcase-experience .hero-screen-choices button>span{display:none}}
@media(max-width:980px){.hero-workshop{max-width:680px}.workshop-photo{transform:none}.showcase-experience{max-width:760px;margin:0 auto}.showcase .showcase-footer{max-width:760px;margin:23px auto 0}}
@media(max-width:760px){.hero-workshop{padding-top:0}.workshop-kicker{text-align:left;font-size:8px;margin-bottom:17px}.workshop-photo{border-width:6px;box-shadow:5px 6px 0 #16365055}.workshop-teaser{grid-template-columns:95px minmax(0,1fr);gap:14px;width:min(330px,90%);padding:12px;margin:-22px 0 0 auto}.workshop-teaser>img{width:95px;height:70px}.workshop-teaser strong{font-size:19px}.workshop-teaser small{font-size:7px;margin-bottom:6px}.workshop-disclosure{margin-top:17px}.showcase-experience{padding:23px 21px}.showcase-experience .hero-preview{padding:17px 15px 13px}.showcase-experience .hero-screen-choices button{font-size:10px;padding:11px 3px}.showcase-experience .visual-note{justify-content:space-between;font-size:6px;gap:8px}.showcase-experience .hero-preview figcaption{display:block}.showcase-experience .hero-preview figcaption a{display:flex;justify-content:space-between;margin-top:9px;font-size:10px}}
@media(max-width:430px){.workshop-teaser{grid-template-columns:80px minmax(0,1fr);width:90%;gap:12px}.workshop-teaser>img{width:80px;height:64px}.workshop-teaser strong{font-size:17px}.workshop-teaser small{font-size:6px}.workshop-teaser svg{width:14px;height:14px}.showcase-experience{padding:21px 16px}.showcase-experience .visual-kicker{font-size:7px;letter-spacing:.7px;margin-bottom:17px}.showcase-experience .hero-preview{padding:14px 11px 12px}.showcase-experience .preview-caption>span:first-child{font-size:9px}.showcase-experience .preview-caption b{font-size:6px;letter-spacing:.8px}.showcase-experience .fictional-label{font-size:7px;padding:0}.showcase-experience .hero-screen-choices button{font-size:8px;gap:0}.showcase-experience .visual-note{font-size:5px;letter-spacing:.35px;gap:5px}.showcase-experience .visual-note span+span::before{margin-right:3px}}