.preview-ribbon{position:sticky;top:0;z-index:50;padding:10px 18px;background:#171717;color:#fff;text-align:center;font:600 13px/1.4 Arial,sans-serif}.preview-ribbon a{margin-left:12px;color:#fff;text-decoration:underline}.video-project-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.video-project-tabs button{border:1px solid rgba(23,23,23,.2);border-radius:999px;background:transparent;color:#242424;padding:8px 12px;font:inherit;font-size:12px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.video-project-tabs button:hover,.video-project-tabs button[aria-pressed="true"]{background:#171717;color:#fff;border-color:#171717}.admin-footer-link{font-size:11px;opacity:.65}.admin-footer-link:hover{opacity:1}

:root[data-theme="hangat"]{color-scheme:light;--paper:#f7f3ed;--ink:#2d2520;--soft:#efe8de;--silver:#e5d9cc;--muted:#72665c;--line:#d8ccbf}
:root[data-theme="malam"]{color-scheme:dark;--paper:#151617;--ink:#f3f1eb;--soft:#202224;--silver:#323538;--muted:#b1b0aa;--line:#3b3d3f}
.theme-switcher{display:flex;align-items:center;gap:7px;color:var(--muted);font:600 9px/1 Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}
.theme-switcher select{max-width:112px;padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font:500 10px/1.2 Arial,sans-serif;cursor:pointer}
.theme-switcher select:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.hero-portrait figcaption,.video-showcase,.video-slide-count,.slide-arrow,.video-project-tabs button,.project-dialog,.dialog-close,.mobile-nav:not([hidden]){background:var(--paper);color:var(--ink)}
.video-project-tabs button{border-color:var(--line)}
.video-project-tabs button:hover,.video-project-tabs button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:var(--paper);color:var(--ink)}
.contact{background:var(--ink);color:var(--paper)}.button-light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.button-light:hover{background:var(--ink);color:var(--paper)}
.project-visual.has-upload-image{background:#232323;color:#fff}
.project-upload-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.project-visual.has-upload-image::after{position:absolute;inset:0;content:"";z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.34),transparent 36%,rgba(0,0,0,.68))}
.project-visual.has-upload-image .project-category,.project-visual.has-upload-image .editable-project-word,.project-visual.has-upload-image .project-visual-caption,.project-visual.has-upload-image .round-arrow{z-index:2;color:#fff}
#dialog-media>img{display:block;width:100%;max-height:58vh;margin:20px auto;object-fit:contain}
@media(max-width:600px){.theme-switcher{gap:5px;font-size:8px}.theme-switcher select{max-width:96px;padding:7px 8px;font-size:9px}.site-header{gap:8px}}
:root[data-theme="monokrom"]{color-scheme:light}
.skip-link{color:var(--paper)}
.slide-arrow:hover{background:var(--ink);color:var(--paper)}
@media(max-width:760px){.site-header{height:76px}.monogram{font-size:37px}.desktop-nav,.nav-contact{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;background:transparent;border:1px solid var(--line);width:42px;height:38px;padding:10px}.menu-toggle span{height:1px;width:20px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:12px 20px 22px;gap:2px;border-bottom:1px solid var(--line);background:var(--paper)}.mobile-nav a{font-size:12px;padding:9px 0}}