html{scroll-padding-top:100px}.header nav{font-size:14px;gap:18px}.header nav a[aria-current=page]{color:var(--acid)}.menu-button{min-width:44px;min-height:44px;cursor:pointer}.portfolio-intro{padding-top:140px;padding-bottom:40px}.portfolio-intro h1{font-size:clamp(3rem,8vw,6.5rem);letter-spacing:-.055em;line-height:1;margin:25px 0}.portfolio-intro p{font-size:18px}.portfolio-intro .breadcrumbs{color:var(--muted);font-size:14px;margin:0}.works-section .section{padding-top:50px;padding-bottom:50px}.works-section .works-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.works-section .work-card{grid-column:auto;height:auto;padding:0;background:#fff;color:var(--ink);text-align:left;border:0;cursor:pointer;display:block}.work-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;transition:transform .2s}.work-card:hover img{transform:scale(1.025)}.work-caption{display:grid;gap:8px;padding:20px}.work-caption strong{font-size:18px}.work-caption>span{font-size:14px;color:#61635d}.filter-row{flex-wrap:wrap}.filter-row button{min-height:44px;font-size:14px}.portfolio-dialog{border:0;border-radius:12px;padding:24px;max-width:min(850px,94vw);max-height:92dvh;overflow:auto;color:var(--ink)}.portfolio-dialog::backdrop{background:#000b}.portfolio-dialog img{width:100%;max-height:60dvh;object-fit:contain}.portfolio-dialog h2{font-size:24px;margin:20px 0 12px}.dialog-close{display:block;margin-left:auto;width:44px;height:44px;font-size:30px;border:0;background:#eee;cursor:pointer}.portfolio-cta{display:flex;align-items:center;justify-content:space-between;gap:30px}.portfolio-cta h2{font-size:clamp(2rem,4vw,4rem)}:focus-visible{outline:3px solid #ac6500;outline-offset:4px}
@media(max-width:1100px){.header .phone{display:none}.header nav{gap:13px}}
@media(max-width:1000px){.header .menu-button{display:block}.header nav{display:none}.header nav.open{display:flex;position:absolute;top:78px;left:0;width:100%;background:#111315;padding:24px;flex-direction:column;gap:0}.header nav.open a{padding:14px;font-size:16px}.works-section .works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.works-section .works-grid{grid-template-columns:1fr}.portfolio-cta{flex-direction:column;align-items:flex-start}.header-actions{gap:6px}.header{padding:0 16px}.header-actions .button{padding:0 12px}.portfolio-intro{padding-top:120px}.filter-row{gap:8px}.portfolio-dialog{padding:14px}}