.showcase-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0 0 30px}
.showcase-tabs button{appearance:none;border:0;border-bottom:1px solid #b6a18e;background:none;padding:0 0 22px;text-align:left;color:#252725;cursor:pointer;opacity:.55;transition:opacity .3s ease,border-color .3s ease;min-height:90px}
.showcase-tabs button[aria-selected=true]{opacity:1;border-bottom:2px solid #94735b}
.showcase-tabs button:hover{opacity:1}
.showcase-tabs button:focus-visible{outline:2px solid #94735b;outline-offset:6px}
.showcase-tabs span{display:block;color:#87654c;font:400 12px/1.6 var(--sans);text-transform:uppercase;letter-spacing:.15em;margin-bottom:12px}
.showcase-tabs strong{display:block;font:400 clamp(20px,2.6vw,36px)/1.18 Georgia,serif;letter-spacing:-.035em}
.showcase-tabs button[aria-selected=true] strong{font-weight:600}
.showcase-stage{position:relative;aspect-ratio:2.2;overflow:hidden;background:#e5dfd6}
.showcase-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;pointer-events:none}
.showcase-panel.is-active{opacity:1;visibility:visible}
.showcase-panel svg{display:block;width:100%;height:100%}
.cinematic-home .showcase-panel p{position:absolute;left:0;right:0;bottom:0;margin:0;padding:50px 30px 25px;background:linear-gradient(transparent,#151712bd);color:#fff;font:400 18px/1.5 var(--sans)}



@media(max-width:700px){.showcase-tabs{gap:14px;margin-bottom:24px}.showcase-tabs button{padding-bottom:18px}.showcase-tabs span{font-size:10px;letter-spacing:.07em;margin-bottom:10px}.showcase-tabs strong{font-size:18px;line-height:1.2}.showcase-stage{aspect-ratio:1.18}.cinematic-home .showcase-panel p{font-size:16px;padding:50px 22px 22px;max-width:none}}
@media(prefers-reduced-motion:reduce){.showcase-panel,.showcase-tabs button{transition:none}}

/* Align labels and first title lines; the grid stretches all three selectors equally. */
.showcase-tabs{align-items:stretch}
.showcase-tabs button{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;vertical-align:top;border-bottom-width:2px}
.showcase-tabs button>span{flex:none;min-height:1.6em}
.showcase-tabs button>strong{flex:1}

/* A quiet experience band between the services and shoreline story. */
.cinematic-home .home-experience{background:#dbd2cb;color:#252725;padding:64px 0}
.experience-inner{display:grid;grid-template-columns:auto 1px minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,90px);max-width:1120px;margin:auto}
.home-experience .experience-year{margin:0;text-align:center}
.experience-year span{display:block;font:400 12px/1.5 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#755640;margin-bottom:10px}
.experience-year strong{display:block;font:400 clamp(64px,8vw,108px)/.95 Georgia,serif;letter-spacing:-.055em}
.experience-divider{background:#9b796080;align-self:stretch;min-height:90px}
.home-experience .experience-craft{margin:0;font:400 clamp(23px,3vw,38px)/1.25 Georgia,serif;letter-spacing:-.025em;color:#252725}
.experience-craft em{font-weight:400;color:#64584d}
@media(max-width:700px){.cinematic-home .home-experience{padding:45px 0}.experience-inner{grid-template-columns:100px 1px minmax(0,1fr);gap:20px}.experience-year span{font-size:10px;letter-spacing:.1em}.experience-year strong{font-size:58px}.home-experience .experience-craft{font-size:22px;line-height:1.28}.experience-craft br{display:none}}


.showcase-service-link{display:block;position:absolute;inset:0;color:inherit;text-decoration:none}
.showcase-panel.is-active .showcase-service-link{pointer-events:auto;cursor:pointer}
.showcase-service-link:focus-visible{outline:3px solid #d7b89b;outline-offset:-6px}