/* Full-bleed project imagery with a compact, interactive glass navigator. */
.hero{overflow:clip}
.hero.carousel-ready .hero-photo{animation:none;transform:scale(1.015);background-image:none!important}
.hero-frame{position:absolute;inset:0;background-position:72% 50%;background-size:cover;opacity:0;transform:scale(1.055);transition:opacity 1.1s ease,transform 8s linear;will-change:opacity}
.hero-frame.is-active{opacity:1;transform:scale(1)}
.hero-showcase{position:absolute;right:var(--gutter,6vw);bottom:205px;width:430px;padding:18px 22px 16px;border:1px solid #ffffffb3;border-radius:16px;background:linear-gradient(130deg,#ffffffb5,#f7fbff80);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);box-shadow:0 14px 48px #182b4012,inset 0 1px 0 #ffffffb3;overflow:hidden;z-index:1}
.showcase-top,.showcase-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
.showcase-top>span{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.6px;color:#475964;font-weight:600}
.showcase-top .signal{width:6px;height:6px;margin:0;background:var(--brand);box-shadow:0 0 0 4px #cc373212}
.showcase-controls{display:flex;gap:4px}
.showcase-controls button{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff80;background:#ffffff3b;color:#273741;font-size:16px;transition:background .2s,transform .2s,border-color .2s}
.showcase-controls button:hover{background:#fff;border-color:#fff;transform:translateY(-2px)}
.showcase-controls button:active{transform:scale(.92)}
#hero-pause{font-size:11px}
.hero-project{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:17px 0 19px;background:none;border:0;color:#23343e}
.project-number{font-size:32px;font-weight:300;letter-spacing:-1.5px;color:#9b514e;font-variant-numeric:tabular-nums}
.project-info{min-width:0;flex:1;display:grid;gap:6px}
.project-info strong{font-size:15px;font-weight:600;line-height:1.5}
.project-info>span{font-size:10px;line-height:1.6;color:#51626c}
.project-open{width:30px;height:30px;border-radius:50%;border:1px solid #74889450;display:grid;place-items:center;transition:transform .3s,background .3s,color .3s;flex-shrink:0}
.hero-project:hover .project-open{background:var(--brand);color:#fff;border-color:transparent;transform:rotate(45deg)}
.hero-thumbnails{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.hero-thumb{position:relative;border:2px solid transparent;padding:0;border-radius:5px;background:#c6d0d6;height:44px;overflow:hidden;opacity:.65;transition:opacity .3s,border-color .3s,transform .3s}
.hero-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.hero-thumb:hover{opacity:1;transform:translateY(-3px)}
.hero-thumb:hover img{transform:scale(1.12)}
.hero-thumb[aria-pressed="true"]{opacity:1;border-color:var(--brand);box-shadow:0 0 0 2px #ffffffa3}
.showcase-bottom{font-size:9px;color:#586b76;letter-spacing:1px;margin-top:12px}
#hero-page{font-variant-numeric:tabular-nums;letter-spacing:2px}
.carousel-track{height:2px;background:#bccbd046;position:absolute;bottom:0;left:0;right:0}
#hero-progress{display:block;width:100%;height:100%;background:var(--brand);transform:scaleX(0);transform-origin:left}
.carousel-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-showcase :focus-visible{outline:2px solid var(--brand);outline-offset:4px}
@media(min-width:1800px){.hero-showcase{right:max(var(--gutter,6vw),calc((100vw - 1450px)/2));bottom:225px;width:455px}}
@media(max-width:1150px){.hero-showcase{bottom:190px;width:390px}.hero-content{padding-bottom:310px}.hero{min-height:920px}}
@media(max-width:900px){.hero-showcase{bottom:174px;right:var(--gutter,5vw);width:370px}.hero{min-height:1000px}.hero-content{padding-bottom:390px}.hero-photo .hero-frame{background-position:62% 50%}}
@media(max-width:640px){.hero{min-height:950px;min-height:max(950px,100svh)}.hero-content{padding-bottom:430px}.hero-showcase{left:24px;right:24px;bottom:159px;width:auto;padding:12px 16px 13px;border-radius:12px;background:linear-gradient(125deg,#ffffffa3,#ffffff63);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.showcase-top>span{font-size:8px;letter-spacing:1.1px}.showcase-controls button{width:32px;height:32px}.hero-project{gap:10px;padding:12px 0 15px}.project-number{font-size:27px}.project-info strong{font-size:13px}.project-info>span{font-size:9px}.project-open{width:27px;height:27px}.hero-thumbnails{gap:6px}.hero-thumb{height:37px}.showcase-bottom{margin-top:10px;font-size:8px}.hero-photo .hero-frame{background-position:62% 50%}}
@media(prefers-reduced-motion:reduce){.hero-frame,.hero-thumb,.hero-thumb img,.project-open,.showcase-controls button{transition:none}.hero-frame{transform:none}.hero.carousel-ready .hero-photo{transform:none;translate:none!important}}