/* The former opening slideshow, now below the living-space animation. */
body[data-page=home] .work-section.section-shell{width:100%;max-width:none;margin:0;padding:0}
.project-slideshow{position:relative}
.showcase-stage{position:relative;display:grid;touch-action:pan-y pinch-zoom}
.project-slideshow .project-spread{grid-area:1/1;min-width:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity 1.1s ease,visibility 1.1s}
.project-slideshow .project-spread.is-active{visibility:visible;opacity:1;pointer-events:auto}
.showcase-image-link{position:relative;display:block;isolation:isolate}
.showcase-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.showcase-image-link:after{content:"";position:absolute;inset:50% 0 0;z-index:1;background:linear-gradient(transparent,rgba(15,24,19,.68));pointer-events:none}
.showcase-caption{position:absolute;inset-inline:var(--gutter);bottom:28px;z-index:2;color:white;text-shadow:0 1px 12px #0005}
.showcase-caption h3{display:flex;align-items:baseline;gap:18px;font-size:clamp(21px,2.1vw,34px);line-height:1.3;font-weight:450;letter-spacing:-.025em}
.showcase-caption h3>span{align-self:center}
.showcase-caption p{font-size:12px;line-height:1.7;margin-top:7px;color:#f0f2ed}
.project-slideshow .ui-icon{width:19px;height:19px;flex:none}
.showcase-image-link:focus-visible{outline:3px solid var(--blue);outline-offset:-5px}
.showcase-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:8px var(--gutter) 10px}
.showcase-footer>.text-link{font-size:12px;border:0;min-height:40px;padding-block:6px}
.showcase-controls{display:flex;align-items:center;gap:8px;direction:ltr}
.showcase-controls button{display:grid;place-items:center;min-width:40px;height:40px;background:none;border:0;color:var(--ink);cursor:pointer}
.showcase-controls button:hover{color:var(--blue)}
.showcase-controls button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.showcase-dots{display:flex;align-items:center;gap:4px}
.showcase-controls .showcase-dot{min-width:22px;width:22px}
.showcase-dot span{width:5px;height:5px;border-radius:50%;background:#a1aaa4;transition:width .35s,background .35s}
.showcase-dot[aria-pressed=true] span{width:18px;border-radius:4px;background:var(--ink)}
.project-slideshow:not([data-enhanced]) .showcase-controls{display:none}
html[lang=fa] .showcase-caption h3{letter-spacing:0;line-height:1.5;font-size:clamp(20px,2.05vw,32px)}
@media(min-width:761px){
 .showcase-caption{padding-inline-end:270px}
 .showcase-footer{position:relative}
 .showcase-controls{position:absolute;inset-inline-end:var(--gutter);bottom:calc(100% + 28px);z-index:3;color:white}
 .showcase-controls button{color:inherit}
 .showcase-controls button:hover{background:#ffffff16;color:white}
 .showcase-dot span{background:#ffffff75}
 .showcase-dot[aria-pressed=true] span{background:white}
}
@media(max-width:760px){
 .showcase-image-link:after{display:none}
 .showcase-caption{position:static;padding:12px var(--gutter) 2px;color:var(--ink);text-shadow:none}
 .showcase-caption h3,html[lang=fa] .showcase-caption h3{font-size:clamp(17px,4.2vw,24px);line-height:1.45;gap:12px}
 .showcase-caption h3>span{margin-inline-start:auto}
 .showcase-caption p{font-size:11px;line-height:1.6;color:var(--muted);margin-top:4px}
 .showcase-footer{flex-wrap:wrap;gap:0 16px;padding-block:4px 10px}
 .showcase-footer>.text-link{font-size:11px}
 .showcase-controls{margin-inline-start:auto;gap:4px}
 .showcase-controls button{min-width:34px;height:38px}
 .showcase-controls .showcase-dot{min-width:18px;width:18px}
}
@media(prefers-reduced-motion:reduce){.project-slideshow *{transition:none!important}}

/* A quiet second line, using the existing project's type and scope verbatim. */
.showcase-caption .showcase-metadata{font-size:11px;line-height:1.65;margin-top:3px;color:#e0e5df;font-weight:400}
@media(max-width:760px){.showcase-caption .showcase-metadata{font-size:10.5px;line-height:1.65;color:var(--muted);max-width:60ch}}