.gallery-main{max-width:1400px;margin:auto;padding:50px 5% 70px}.gallery-heading h1{font-weight:500;font-size:clamp(34px,5vw,68px);letter-spacing:-.06em;margin:18px 0 35px}.filters{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.filters button{padding:12px 18px;border:1px solid var(--line);border-radius:5px;font-size:13px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.design-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 28px}.design-card figure{position:relative;margin:0;overflow:hidden;background:#e7e2d9;border-radius:5px}.design-card figure>img{width:100%;height:auto;object-fit:contain}.design-card h2{font-size:26px;font-weight:500;letter-spacing:-.04em;margin:17px 0 7px}.design-card .credit{font-size:11px;color:var(--muted)}.expand-look{position:absolute;min-width:46px}.piece-list{display:flex;gap:10px;margin-top:16px;overflow:auto;padding-bottom:6px}.piece-list a{flex:0 0 70px;border:1px solid var(--line);background:white;border-radius:4px;padding:6px}.piece-list img{width:100%;height:60px;object-fit:contain}.back-app{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:60px;padding-top:25px}footer{max-width:1400px;margin:auto;padding:30px 5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}footer small{font-size:11px;color:var(--muted)}dialog{border:0;padding:0;background:#141d18;color:white;width:min(1100px,96vw);height:94dvh;border-radius:6px;overflow:hidden}dialog::backdrop{background:#102019e8}#close-look{position:absolute;z-index:5;right:15px;top:15px;width:48px;height:48px;border-radius:5px;background:#202e25;color:white;font-size:28px}#expanded-look{height:100%;display:flex;justify-content:center;align-items:center;touch-action:none;overflow:hidden}#expanded-look figure{margin:0;position:relative;max-width:100%;max-height:100%;transform-origin:center}#expanded-look figure>img{height:90dvh;width:auto;max-width:94vw;object-fit:contain;pointer-events:none}body:has(dialog[open]){overflow:hidden}#gallery-status:not(:empty){padding:25px 0;color:var(--muted)}
@media(max-width:700px){.header{height:82px;gap:16px;padding:0 6%}.brand{font-size:25px}.header nav{margin-left:auto;gap:0}.header nav a:first-child{display:none}.header nav a{font-size:11px}#language{padding:9px;min-width:36px}.gallery-main{padding:25px 6% 50px}.gallery-heading h1{font-size:39px;line-height:1.2}.design-grid{grid-template-columns:1fr;gap:35px}.filters{gap:7px}.filters button{padding:10px 12px;font-size:11px}.design-card h2{font-size:25px}footer{flex-wrap:wrap;padding:25px 6%;gap:20px}footer small:first-of-type{order:3;width:100%}#expanded-look figure>img{height:auto;width:94vw;max-height:90dvh}#expanded-look figure{width:94vw}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* The photo itself opens the expanded view; product controls remain above it. */
.design-card .expand-look { inset: 0; width: 100%; height: 100%; padding: 0; border: 0; border-radius: 0; background: transparent; z-index: 1; cursor: zoom-in; }
.design-card .expand-look:focus-visible { outline: 2px solid white; outline-offset: -5px; }