.portfolio{border-top:1px solid #393024}.portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 0 24px;border-bottom:1px solid #574832;margin-bottom:32px}.portfolio-filters{display:flex;gap:26px;flex-wrap:wrap}.portfolio-filters button{background:transparent;border:0;color:#a29b8d;padding:8px 0;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid transparent;transition:color .2s}.portfolio-filters button.active{color:#dec59a;border-color:#dec59a}.portfolio-filters button:hover{color:#e9dfce}#portfolio-count{font:italic 14px Georgia;color:#a59579;white-space:nowrap}.portfolio-grid{columns:3;column-gap:28px}.portfolio-card{break-inside:avoid;margin:0 0 34px;display:block}.portfolio-card button{display:block;text-align:left;width:100%;padding:0;border:0;background:transparent;color:inherit}.portfolio-image{display:block;position:relative;overflow:hidden;background:#24211a;border:1px solid #4e412b55}.portfolio-image img{width:100%;height:auto;display:block;transition:transform .5s ease}.portfolio-card button:hover img{transform:scale(1.025)}.portfolio-badge{position:absolute;left:12px;top:12px;background:#111d;border:1px solid #a38e655c;padding:6px 9px;color:#d8c199;font-size:7px;letter-spacing:1.4px;text-transform:uppercase}.portfolio-open{position:absolute;right:12px;bottom:12px;background:#0f0f0ddd;color:#d8c199;border:1px solid #a38e6566;padding:5px 12px;font-size:18px}.portfolio-card h3{font:20px/1.3 Georgia;margin:14px 0 6px}.portfolio-card p{font-size:10px;color:#928b7e;line-height:1.8;margin:0}.portfolio-note{color:#968a72;font-size:10px;margin-top:15px}.brand-stamp{display:flex;justify-content:center;margin:0 0 42px;padding-bottom:40px;border-bottom:1px solid #40382b}.brand-stamp img{height:150px;width:260px;object-fit:cover;border:1px solid #ae9771;object-position:center}.photo-dialog{max-width:none;width:100vw;height:100dvh;max-height:none;position:fixed;inset:0;margin:0;border:0;padding:24px 40px;background:#0e0e0dfc;color:#e9e3d9;overflow:auto}.photo-dialog::backdrop{background:#000e}.photo-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #443a29;padding-bottom:15px;font-size:10px;letter-spacing:1.5px;color:#baa580}.photo-top button{border:0;background:none;color:#ddc49a;font-size:12px;letter-spacing:1px;min-height:36px;margin:0;padding:0 5px}.photo-stage{display:grid;grid-template-columns:45px 1fr 45px;align-items:center;gap:20px;height:calc(100dvh - 190px);min-height:250px;padding:20px 0}.photo-stage img{max-width:100%;max-height:100%;height:100%;width:100%;object-fit:contain}.photo-stage button{color:#d9bd89;font:45px Georgia;background:transparent;border:1px solid #64543966;min-height:58px;margin:0}.photo-stage button:hover{background:#64543944}.photo-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #443a29;padding-top:15px}.photo-bottom small{font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:#bca273}.photo-bottom h3{font:22px Georgia;margin:6px 0}.photo-bottom p{font-size:11px;color:#a29784;margin:0}.photo-hint{font-size:9px;color:#897f6d}.portfolio-error{font-size:13px;color:#cfba92}.nav .links{gap:21px}.nav .links a{font-size:9px}.portfolio-card[hidden]{display:none}@media(max-width:1100px){.portfolio-grid{columns:2}.nav .links{gap:14px}.nav .links a{font-size:8px}}@media(max-width:800px){.portfolio-toolbar{align-items:start;gap:15px}.portfolio-filters{gap:16px}.portfolio-filters button{font-size:8px;letter-spacing:.8px}#portfolio-count{font-size:12px;margin-top:7px}.portfolio-grid{column-gap:15px}.portfolio-card{margin-bottom:25px}.portfolio-card h3{font-size:17px}.portfolio-card p{font-size:9px}.portfolio-badge{font-size:6px;padding:5px 6px;left:7px;top:7px;letter-spacing:.7px}.portfolio-open{font-size:14px;right:7px;bottom:7px;padding:2px 8px}.brand-stamp img{width:230px;height:130px}.photo-dialog{padding:15px}.photo-stage{gap:7px;grid-template-columns:28px 1fr 28px;height:calc(100dvh - 205px);padding:15px 0}.photo-stage button{font-size:30px;min-height:45px}.photo-bottom h3{font-size:20px}.photo-hint{display:none}.nav .links{gap:23px}.nav .links a{font-size:10px}}@media(max-width:500px){.portfolio-grid{columns:1}.portfolio-card h3{font-size:22px}.portfolio-card p{font-size:10px}.portfolio-badge{font-size:8px;padding:6px 8px;left:12px;top:12px}.portfolio-open{font-size:18px;right:12px;bottom:12px;padding:4px 10px}.portfolio-filters{gap:14px}.portfolio-toolbar{flex-wrap:wrap}.portfolio-note{font-size:9px}}@media(prefers-reduced-motion:reduce){.portfolio-image img{transition:none}.portfolio-card button:hover img{transform:none}}

.screenshot-frame{aspect-ratio:666/350}.screenshot-frame img{width:144.144%;max-width:none;position:relative;left:-21.92%;height:auto}.photo-stage img.screenshot-photo{clip-path:inset(0 15.2% 22% 15.2%)}.photo-top button[hidden]{display:none}.portfolio-card button:focus-visible{outline:2px solid #c3a575;outline-offset:6px}