/* Portfolio layout: two featured projects, full-width project covers, and thumbnail navigation. */
.hero .hero-slogan{line-height:.96}
.hero-slogan span:nth-child(4){text-align:left;margin-left:24%}
.projects{display:grid;grid-template-columns:minmax(0,1fr);gap:54px}
.projects .project img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.projects .project-meta{padding-top:20px}
.portfolio-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:64px}
.portfolio-grid .work-card{display:block;width:100%;min-width:0;grid-column:auto;text-align:left}
.portfolio-grid .work-card .work-photo img,.portfolio-grid .work-card:first-child img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.portfolio-grid .work-meta{padding-top:18px}
.gallery-dialog[open]{display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:0}
.gallery-stage{height:auto;min-height:0;padding:58px 64px 0}
.gallery-dialog .gallery-stage img{height:100%;width:100%;min-height:0;max-height:100%;object-fit:contain}
.gallery-controls{height:auto;min-height:86px;padding:10px 5%}
.gallery-thumbnails{display:flex;gap:10px;align-items:center;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#aa957d #2c251e;padding:8px 5% max(18px,env(safe-area-inset-bottom));min-width:0;min-height:100px;background:#201b17}
.gallery-thumbnail{position:relative;display:block;flex:0 0 88px;width:88px;height:60px;padding:3px;border:2px solid transparent;background:transparent;opacity:.55;transition:opacity .15s,border-color .15s}
.gallery-thumbnail[aria-current="true"]{border-color:#f1ebe2;opacity:1}
.gallery-thumbnail:hover,.gallery-thumbnail:focus-visible{opacity:1}
.gallery-dialog .gallery-thumbnail img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;background:#322a22}
.gallery-thumbnail:focus-visible{outline:2px solid #dec3a5;outline-offset:2px}
@media(max-width:800px){.hero-slogan span:nth-child(4){margin-left:16%}.projects{gap:36px}.portfolio-grid{gap:40px}.gallery-stage{padding:62px 8px 0}.gallery-controls{min-height:78px;padding:8px 4%;gap:10px}.gallery-thumbnails{gap:7px;padding-left:4%;padding-right:4%;min-height:86px}.gallery-thumbnail{flex-basis:72px;width:72px;height:50px}.gallery-dialog h2{font-size:17px}.gallery-caption p{font-size:11px}}
@media(max-height:500px) and (min-width:601px){.gallery-stage{padding:12px 70px 0}.gallery-controls{min-height:57px;padding:5px 4%}.gallery-thumbnails{min-height:68px;padding-top:4px;padding-bottom:8px}.gallery-thumbnail{height:44px;flex-basis:65px}.gallery-dialog h2{font-size:16px;margin-bottom:3px}.gallery-caption p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.gallery-thumbnail{transition:none}}