.win-preview,.win-gallery{--win-bg:#08130d;--win-line:#284033;--win-text:#f3f9f2;--win-muted:#bacdc0;--win-accent:#00d477;background:var(--win-bg);color:var(--win-text);overflow:hidden;direction:ltr}
.win-preview-bar,.win-gallery-bar{display:flex;align-items:center;gap:22px;min-height:66px;padding:16px 25px;border-bottom:1px solid var(--win-line)}
.win-logo{width:132px;height:31px;object-fit:contain;flex-shrink:0}
.win-preview-bar>span{font-size:11px;color:var(--win-muted);margin-inline-start:auto}.win-preview-bar>svg{width:17px;height:17px;color:var(--win-accent)}
.win-preview-image{width:100%;height:auto;aspect-ratio:1280/479;object-fit:contain;transition:filter .25s}
.project-media:hover .win-preview-image{filter:brightness(1.08)}
.win-preview-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:15px 25px;font-size:11px;border-top:1px solid var(--win-line);color:var(--win-muted)}
.win-gallery{width:100%;margin:0}.win-gallery-bar{min-height:78px;padding:16px 28px}.win-tabs{margin-inline-start:auto;display:flex;align-items:center;gap:6px}.win-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--win-muted);font-size:13px;line-height:1.4;font-weight:700;transition:background .2s,color .2s}.win-tabs button svg{width:17px;height:17px}.win-tabs button:hover{color:var(--win-text);background:#182d21}.win-tabs button[aria-selected=true]{background:#cffa77;color:#17251b}.win-tabs button:focus-visible,.win-full:focus-visible,.win-panel:focus-visible{outline:3px solid #cffa77;outline-offset:3px}
.win-full{width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:var(--win-text);border:1px solid var(--win-line);border-radius:4px}.win-full:hover{background:#182d21}.win-full svg{width:18px;height:18px}
.win-panel{aspect-ratio:1280/500;display:block}.win-panel[hidden]{display:none}.win-panel>img{display:block;width:100%;height:100%;object-fit:contain}.win-gallery figcaption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--win-muted);padding:13px 28px;border-top:1px solid var(--win-line)}
.win-case .case-heading h1{font-size:76px;line-height:1;margin-block:27px 22px;direction:ltr;max-width:100%}.win-case .case-heading>p{max-width:760px}.win-case .case-meta{margin-top:23px}.win-case .artifact-note{margin-top:16px}
@media(max-width:760px){.win-preview-bar{padding:15px 17px;min-height:58px;gap:12px}.win-logo{width:112px;height:26px}.win-preview-foot{padding:12px 17px;font-size:11px;gap:8px 13px;justify-content:flex-start}.win-preview-bar>span{font-size:11px}.win-gallery-bar{padding:16px;gap:15px;flex-wrap:wrap}.win-gallery-bar .win-full{margin-inline-start:auto}.win-tabs{order:3;width:100%;margin:0;gap:6px}.win-tabs button{flex:1;font-size:12px;min-height:44px;padding:10px 8px}.win-panel{aspect-ratio:1280/500}.win-gallery figcaption{padding:12px 16px;font-size:11px}.win-case .case-heading h1{font-size:56px;margin-block:24px 18px}.win-case .case-heading{padding-bottom:25px}.win-case .case-heading>p{font-size:16px}.win-case .case-meta{font-size:11px;gap:9px}.win-case .artifact-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.win-preview-image,.win-tabs button{transition:none}}