.work{border-top:1px solid var(--line);margin-top:70px;padding-bottom:40px}.work .eyebrow{margin-bottom:18px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.work-card{appearance:none;display:block;width:100%;text-align:left;border:1px solid #cad1bf;background:transparent;border-radius:4px;padding:0;overflow:hidden;color:var(--ink);font:inherit;transition:transform .2s,border-color .2s}.work-card:hover{transform:translateY(-5px);border-color:var(--green)}.work-photo{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#d3d8c7}.work-photo>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.work-card:hover .work-photo>img{transform:scale(1.035)}.work-card[data-gallery=kuhinje] .work-photo>img{object-position:52% 62%}.work-card[data-gallery=demontaze] .work-photo>img{object-position:50% 50%}.work-count{position:absolute;bottom:15px;left:15px;background:var(--paper);padding:7px 10px;border-radius:2px;font-size:10px;letter-spacing:.2px;font-weight:650}.work-card-body{display:flex;flex-direction:column;padding:25px 22px 22px}.work-category{font-size:9px;letter-spacing:1.5px;font-weight:650;color:var(--muted);margin-bottom:14px}.work-title{font-size:25px;letter-spacing:-1px;font-weight:750;line-height:1.2}.work-description{font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px;min-height:44px}.work-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #cdd3c1;padding-top:18px;margin-top:20px;font-size:12px;font-weight:650}.work-link>span{font-size:23px;font-weight:400;line-height:1}.work-dialog{width:min(1100px,calc(100% - 36px));max-height:94dvh;padding:25px 30px 20px;background:var(--paper);overflow:auto}.work-dialog::backdrop{background:#12271feb;backdrop-filter:blur(6px)}.work-dialog-header{display:flex;justify-content:space-between;align-items:start;gap:20px}.work-dialog-header .eyebrow{font-size:9px;margin:0 0 5px}.work-dialog-header h2{font-size:27px;letter-spacing:-1px;margin:0 0 22px}.work-close{background:transparent;border:1px solid #bfc8b4;border-radius:50%;font-size:28px;line-height:1;width:44px;height:44px;flex-shrink:0;color:var(--ink)}.work-stage{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:18px;align-items:center}.work-stage figure{margin:0;min-width:0}.work-image-window{height:min(64dvh,700px);display:flex;justify-content:center;align-items:center;background:#dce1d2;border-radius:3px;overflow:hidden;touch-action:pan-y}.work-image-window>img{display:block;max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}.work-image-window.is-screenshot{aspect-ratio:var(--photo-ratio);height:auto;width:auto;max-height:64dvh;max-width:100%;margin:auto}.work-image-window.is-screenshot>img{height:100%;width:100%;max-height:none;object-fit:cover;aspect-ratio:var(--photo-ratio)}#work-caption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:13px;min-height:20px}.work-prev,.work-next{width:44px;height:44px;border:1px solid #bfc8b4;background:transparent;color:var(--ink);font-size:24px;border-radius:50%}.work-prev:hover,.work-next:hover,.work-close:hover{background:var(--lime)}.work-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #cbd2c1;margin-top:17px;padding-top:15px;font-size:12px}.work-dialog-footer>p{margin:0;color:var(--muted);font-size:11px}body.gallery-open{overflow:hidden}
@media(min-width:1101px){.header-main nav{gap:25px;font-size:16px}}
@media(max-width:1100px){.work-grid{gap:16px}.work-title{font-size:21px}.work-card-body{padding:22px 17px}.work-description{min-height:65px}}
@media(max-width:760px){.work{margin-top:42px;padding-bottom:20px}.work-grid{grid-template-columns:minmax(0,1fr);gap:26px}.work-photo{aspect-ratio:4/3}.work-card[data-gallery=demontaze] .work-photo{aspect-ratio:1/1}.work-card-body{padding:23px}.work-title{font-size:27px}.work-description{min-height:0}.work-dialog{width:calc(100% - 20px);padding:20px 14px 16px;max-height:94dvh}.work-dialog-header h2{font-size:23px}.work-stage{grid-template-columns:1fr 1fr;gap:15px}.work-stage figure{grid-column:1/-1;grid-row:1}.work-prev{grid-row:2;justify-self:start}.work-next{grid-row:2;justify-self:end}.work-image-window{height:52dvh}.work-image-window.is-screenshot{max-height:52dvh}.work-dialog-footer{gap:10px;margin-top:12px}.work-dialog-footer>p{font-size:10px}.work-close{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.work-card,.work-photo>img{transition:none}.work-card:hover,.work-card:hover .work-photo>img{transform:none}}

/* A compact desktop gallery with more space around the photographs. */
@media(min-width:761px){
 .work.wrap{margin-top:55px;padding-top:55px;padding-bottom:25px}
 .work-grid{gap:22px}
 .work-photo{aspect-ratio:4/3}
 .work-card[data-gallery=kuhinje] .work-photo>img{object-position:50% 66%}
 .work-card-body{padding:20px 18px 18px}
 .work-title{font-size:23px}
 .work-description{min-height:44px;margin-top:10px}
 .work-link{margin-top:14px;padding-top:14px}
 .work-dialog{width:min(900px,calc(100% - 64px))}
 .work-image-window{height:min(56dvh,540px)}
 .work-image-window.is-screenshot{height:auto;max-height:min(56dvh,540px)}
}

/* Real kitchen photograph in the opening section. */
.hero-visual{padding-top:0}
.hero-visual>.visual-label{display:none}
.hero-visual>img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:50% 70%;border-radius:4px}
@media(max-width:760px){.hero-visual>img{aspect-ratio:4/3;max-height:none;object-position:50% 68%}}