/* This prototype is deliberately scoped to darbai-testas.html. */
html[data-work-preview] .work-filter-panel{box-sizing:border-box;max-width:1600px;margin:0 auto;padding:40px 20px 24px;color:#111;}
html[data-work-preview] #work-title{margin:0;font-size:38px;line-height:1.15;letter-spacing:-.025em;font-weight:600;}
html[data-work-preview] .work-filter-form{margin-top:32px;}
.work-filter-tools{display:flex;justify-content:center;}
.work-filter-fields{width:min(var(--work-pill-width,600px),calc((100vw - 40px)/1.1 - 128px));min-width:0;}
html[data-work-preview] .work-filter-instruction{margin:0 0 12px;color:#333;font-size:14px;line-height:1.4;font-weight:500;text-align:center;}
.work-filter-control-slot{height:var(--work-control-height,56px);}
.work-filter-unit{--work-extra:0px;position:relative;box-sizing:content-box;width:100%;min-width:0;padding-right:var(--work-extra);margin-right:calc(-1 * var(--work-extra));transform:scale(1);transform-origin:center;transition:transform .2s ease;}
.work-filter-unit:has(.work-filter-reset:not([hidden])){--work-extra:calc(var(--work-control-height,56px) + 8px);}
.work-filter-measure{position:absolute!important;visibility:hidden;pointer-events:none;}
.work-filter-pill{--work-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;min-width:0;box-sizing:border-box;height:var(--work-control-height,56px);border:var(--work-filter-stroke,2px) solid #888;border-radius:999px;transition:box-shadow .2s ease;}
.work-filter-pill select{box-sizing:border-box;appearance:none;width:100%;min-width:0;height:100%;padding:10px 34px;border:0;border-radius:0 999px 999px 0;background-color:transparent;background-image:var(--work-arrow);background-repeat:no-repeat;background-size:18px;background-position:right 12px center;color:#111;font:inherit;font-size:16px;font-weight:600;line-height:1.4;text-align:center;text-align-last:center;text-overflow:ellipsis;cursor:pointer;outline:none;transition:background-color .2s ease,color .2s ease;}
.work-filter-pill select:first-child{border-radius:999px 0 0 999px;}
.work-filter-pill select+select{border-left:var(--work-filter-stroke,2px) solid #888;}
.work-filter-pill select.is-selected{background-color:#3a3a3a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");color:#fff;}
.work-filter-pill option{background:#fff;color:#111;}
html[data-work-preview]:not(.work-keyboard-navigation) :focus{outline:none!important;}
html[data-work-preview].work-keyboard-navigation :is(.work-filter-pill select,.work-filter-reset):focus{outline:2px solid #111;outline-offset:3px;}
.work-filter-status{margin-top:20px;text-align:center;}
html[data-work-preview] #work-results{margin:0;color:#4d4d4d;font-size:14px;line-height:1.4;}
.work-filter-reset{position:absolute;left:calc(100% - var(--work-control-height,56px));top:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--work-control-height,56px);height:var(--work-control-height,56px);min-height:0;margin:0;padding:0;border:var(--work-filter-stroke,2px) solid #888;border-radius:50%;background:transparent;color:#111;font:inherit;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;}
.work-filter-reset::before{content:"";position:absolute;right:100%;top:0;width:8px;height:100%;}
/* Match the search stroke after each icon is scaled from its 24-unit viewBox. */
.work-filter-reset svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:calc(1.6px * 24 / 22);stroke-linecap:round;}
html[data-work-preview] .work-filter-reset{box-shadow:none;}
.work-filter-reset[hidden]{display:none!important;}
@media(hover:hover) and (pointer:fine){
 .work-filter-unit:hover{transform:scale(1.1);}
 html[data-work-preview] .work-filter-unit:hover :is(.work-filter-pill,.work-filter-reset){box-shadow:0 3px 8px rgba(0,0,0,.18);}
 .work-filter-pill select:hover{background-color:#000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");color:#fff;}
 html[data-work-preview] .work-filter-reset:hover:not(:disabled){background:#000;color:#fff;box-shadow:0 3px 8px rgba(0,0,0,.18);}
}
html[data-work-preview].work-keyboard-navigation .work-filter-unit:focus-within{transform:scale(1.1);}
html[data-work-preview].work-keyboard-navigation .work-filter-unit:focus-within :is(.work-filter-pill,.work-filter-reset){box-shadow:0 3px 8px rgba(0,0,0,.18);}
html[data-work-preview].work-keyboard-navigation .work-filter-reset:focus{background:#000;color:#fff;box-shadow:0 3px 8px rgba(0,0,0,.18);}
.work-filter-reset:disabled{color:#666;border-color:rgba(0,0,0,.1);box-shadow:none!important;cursor:default;}
html[data-work-preview] main>.work-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:0;}
html[data-work-preview] #work-gallery+.gallery-contact-cta{padding-top:153.6px;padding-bottom:153.6px;}
html[data-work-preview] .work-gallery>.project-cover{box-sizing:border-box;width:100%;min-width:0;margin:0;float:none;clear:none;animation:none!important;transition:none!important;opacity:1!important;transform:none!important;}
html.work-loading-enabled[data-work-preview] .work-gallery>.project-cover[data-work-pending]{display:none!important;}
html.work-loading-enabled[data-work-preview]:not(.work-gallery-complete) :is(.gallery-contact-cta,.footer-reveal-slot){display:none!important;}
html.work-loading-enabled[data-work-preview]:not(.work-gallery-complete) :is(.site-footer,.footer-reveal-backdrop){visibility:hidden!important;}
.work-load-status{grid-column:1/-1;padding:24px 20px;text-align:center;color:#4d4d4d;font-size:14px;line-height:1.5;}
.work-load-status[hidden],.work-load-status button[hidden]{display:none!important;}
.work-load-status button{margin:12px 0 0;padding:10px 18px;border:1px solid #111;border-radius:999px;background:transparent;color:#111;font:inherit;cursor:pointer;}
.work-load-status button:hover{background:#000;color:#fff;}
.work-load-status button:focus-visible{outline:2px solid #111;outline-offset:3px;}
html[data-work-preview] .work-gallery>.project-cover:is(:hover,:focus-visible,.touch-hover) .cover-image::after{background:#000;opacity:.35;}
html[data-work-preview] .work-gallery>.project-cover:focus-visible{outline:3px solid #111;outline-offset:-3px;z-index:1;}
html[data-work-preview] .work-gallery>.project-cover:focus-visible .details-wrap{opacity:1;}
html[data-work-preview] .work-gallery>.project-cover[hidden],.work-filter-form[hidden],.work-filter-empty[hidden]{display:none!important;}
html[data-work-preview] .work-filter-empty{box-sizing:border-box;max-width:800px;margin:0 auto;padding:70px 20px 100px;text-align:center;color:#4d4d4d;font-size:18px;line-height:1.6;}
.work-filter-dock[hidden],.site-header:not(.is-pinned) .work-filter-dock{display:none!important;}
/* The compact navigation breakpoint stays at 932px. Only filters dock from 741px. */
@media(min-width:741px){
 html[data-work-preview] #work-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
 html[data-work-preview] .work-filter-panel{display:flex;align-items:center;min-height:240px;padding-top:28px;padding-bottom:28px;}
 html[data-work-preview] .work-filter-form{width:100%;margin:0;}
 html[data-work-preview] .site-header.is-pinned{height:auto!important;min-height:64px!important;padding:12px 20px!important;}
 .work-filter-dock{--work-control-height:40px;--work-filter-stroke:1.3px;position:absolute;z-index:1;top:50%;left:50%;width:var(--work-dock-width,360px);transform:translate(-50%,-50%);}
 .work-filter-dock .work-filter-pill select{font-size:13px;padding:6px 22px;background-size:14px;background-position:right 7px center;}
 .work-filter-dock .work-filter-reset svg{width:18px;height:18px;stroke-width:calc(1.6px * 1.2 * 24 / 18);}
}
@media(min-width:933px){html[data-work-preview] .work-filter-panel{min-height:267px;}}
@media(max-width:740px){
 html[data-work-preview] #work-title{text-align:center;}
 .work-filter-unit:has(.work-filter-reset:not([hidden])){--work-extra:0px;}
 .work-filter-fields{width:min(var(--work-pill-width,600px),calc((100vw - 40px)/1.1));}
 .work-filter-control-slot{height:auto;min-height:var(--work-control-height,56px);}
 .work-filter-reset{position:relative;left:auto;top:auto;margin:8px auto 0;}
 .work-filter-reset::before{top:-8px;left:0;right:auto;width:100%;height:8px;}
}
@media(max-width:932px){
 html[data-work-preview] main>.work-gallery{grid-template-columns:repeat(2,minmax(0,1fr));}
 html[data-work-preview] .work-filter-panel{padding-top:28px;}
 html[data-work-preview] #work-title{font-size:32px;}
}
@media(max-width:540px){
 html[data-work-preview] main>.work-gallery{grid-template-columns:minmax(0,1fr);}
 html[data-work-preview] #work-gallery+.gallery-contact-cta{padding-top:115.2px;padding-bottom:115.2px;}
 html[data-work-preview] .work-gallery .project-cover .title{font-size:22px;line-height:25px;}
 html[data-work-preview] .work-filter-panel{padding:24px 20px 20px;}
 html[data-work-preview] #work-title{font-size:30px;}
 html[data-work-preview] .work-filter-form{margin-top:24px;}
 html[data-work-preview] .work-filter-instruction{margin-bottom:10px;font-size:13px;}
 html[data-work-preview]{--work-control-height:52px;}
 .work-filter-pill select{padding:10px 24px;background-size:14px;background-position:right 6px center;font-size:13px;}
 html[data-work-preview] #work-results{font-size:13px;}
}
@media(prefers-reduced-motion:reduce){.work-filter-unit{transform:none!important;transition:none!important;}.work-filter-pill,.work-filter-reset{transition:none!important;}.work-filter-pill select{transition:none;}}

/* Test-page navigation uses actual, equally tall capsule hit areas. */
html:root[data-work-preview] body .site-header:not(.is-pinned){position:relative;display:flex!important;align-items:center!important;min-height:94px;box-sizing:border-box;padding:20px!important;}
html:root[data-work-preview] body .site-header .logo{margin:0!important;padding:0!important;}
html:root[data-work-preview] body .site-header .logo-wrap{margin:0!important;padding:0!important;}
html:root[data-work-preview] body .site-header :is(nav a,.logo a,.site-search-trigger){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:40px;margin:0;min-height:0;padding:0 20px!important;border-radius:999px;text-decoration:none;transform:scale(1)!important;transition:transform .2s ease,box-shadow .2s ease!important;}
html:root[data-work-preview] body .site-header :is(nav a,.logo a,.site-search-trigger)::before{inset:0;height:100%;border-radius:999px;background:transparent;}
html:root[data-work-preview] body .site-header :is(nav a,.logo a,.site-search-trigger)[aria-current]::before{background:#3a3a3a;}
html:root[data-work-preview] body .site-header :is(nav a,.logo a,.site-search-trigger)[aria-current]{color:#fff!important;}
html:root[data-work-preview] body .site-header :is(nav a,.logo a,.site-search-trigger):is(:hover,:focus-visible)::before{background:#000;}
html:root[data-work-preview] body .site-header :is(nav a,.logo a,.site-search-trigger):is(:hover,:focus-visible),
html:root[data-work-preview] body .site-header :is(nav a,.logo a,.site-search-trigger):is(:hover,:focus-visible) *{color:#fff!important;}
html:root[data-work-preview] body .site-header :is(nav a,.logo a,.site-search-trigger):is(:hover,:focus-visible){transform:scale(1.1)!important;box-shadow:0 3px 8px rgba(0,0,0,.14);}
html:root[data-work-preview] body .site-header button.site-search-trigger{width:40px;padding:8px!important;flex-basis:40px;}
html:root[data-work-preview] body .site-header nav{column-gap:12px;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;}
html[data-work-preview].work-keyboard-navigation .site-header :is(nav a,.logo a,.site-search-trigger):focus{outline:2px solid #111;outline-offset:3px;}
@media(max-width:932px){
 html:root[data-work-preview] body .site-header .logo-container{gap:12px;}
 html:root[data-work-preview] body .site-header .hamburger-click-area{width:40px;height:40px;flex-basis:40px;}
}
@media(prefers-reduced-motion:reduce){html:root[data-work-preview] body .site-header :is(nav a,.logo a,.site-search-trigger){transform:none!important;transition:none!important;}}
@media(min-width:741px) and (max-width:1024px){
 .work-filter-dock .work-filter-pill select{font-size:12px;padding:6px 12px;background-size:10px;background-position:right 3px center;}
}
@media(max-width:360px){
 html:root[data-work-preview] body .site-header .logo a{font-size:16px!important;line-height:20px;white-space:nowrap!important;}
}