/* Project index: compact, readable, and always starts with the complete collection. */
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-work-intro{position:sticky;top:0;z-index:4;background:var(--cotton);margin:0;padding:16px 0 22px;border-bottom:1px solid #cf0e0e24}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-work-intro>p{display:block;text-align:center}
html[data-sieryne-refinement="on"] #sieryne-red-site .project-index-heading{font:400 clamp(32px,3.2vw,48px)/1.1 var(--font-display);margin:0 0 18px}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-work-note{font:400 13px/1.4 var(--font-body);margin:14px 0 0;opacity:.8}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-filters{flex-wrap:wrap;gap:6px}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-filters button{font-size:13px;padding:8px 12px}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project-grid{grid-template-columns:1fr;gap:0;margin:0;max-width:none}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project{border-bottom:1px solid #cf0e0e24}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project>a{display:grid;grid-template-columns:88px minmax(0,1fr) 22px;align-items:center;gap:20px;padding:18px 0;text-align:left;min-height:124px}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project-image{width:88px;height:88px!important;aspect-ratio:1!important;background:transparent}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project h2{min-height:0;margin:0 0 8px;text-align:left;font:400 clamp(23px,2.4vw,33px)/1.12 var(--font-display)}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project p{margin:0;text-align:left;font:400 13px/1.5 var(--font-body)}
#sieryne-red-site .project-index-arrow{font:22px var(--font-body);transition:transform .25s}
#sieryne-red-site .menu-project>a:is(:hover,:focus-visible) .project-index-arrow{transform:translate(2px,-2px)}
#sieryne-red-site .menu-project a[aria-current]{background:#cf0e0e06}
#sieryne-red-site .sry-studio-deck{white-space:pre-line}
#sieryne-red-site .studio-extra-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px}
#sieryne-red-site .studio-extra-images:empty{display:none}
#sieryne-red-site .studio-extra-images img{width:100%;height:auto}
#sieryne-red-site .menu-window{transition:opacity 460ms cubic-bezier(.22,1,.36,1),transform 560ms cubic-bezier(.22,1,.36,1)!important;will-change:opacity,transform}
html[data-sieryne-refinement="on"] #sieryne-red-site[data-menu-phase="opening"] .menu-window,html[data-sieryne-refinement="on"] #sieryne-red-site[data-menu-phase="closing"] .menu-window{opacity:0;transform:translateY(12px) scale(.992)}
html[data-sieryne-refinement="on"] #sieryne-red-site[data-menu-phase="open"] .menu-window{opacity:1;transform:none}
#sieryne-red-site .menu-window :is(.menu-navigation,.menu-scroll){translate:none!important}
#sieryne-red-site [data-preview-waiting]{--intent-waiting:1}
#sieryne-red-site .brand-intro-animation{background:#cf0e0e}
@media(max-width:700px){
 html[data-sieryne-refinement="on"] #sieryne-red-site .menu-work-intro{padding:12px 0 18px}
 html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project>a{grid-template-columns:68px minmax(0,1fr) 18px;gap:14px;min-height:98px;padding:14px 0}
 html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project-image{width:68px;height:68px!important}
 html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project h2{font-size:25px}
 html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project p{font-size:12px}
 #sieryne-red-site .project-index-heading{font-size:34px}
 #sieryne-red-site .studio-extra-images{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){#sieryne-red-site .menu-window{transition:none!important}}
#sieryne-red-site .project-search{display:block;width:100%;min-height:44px;padding:10px 14px;margin:0 0 18px;border:1px solid #cf0e0e40;background:transparent;color:var(--ink);font:400 15px var(--font-body);border-radius:0}
#sieryne-red-site .project-search:focus-visible{outline:2px solid var(--red);outline-offset:3px}
#sieryne-red-site .project-facts{display:grid;gap:16px;border-top:1px solid #f8f7f455;margin:28px 0;padding:24px 0;font:14px/1.5 var(--font-body)}
#sieryne-red-site .project-facts>div{display:grid;grid-template-columns:110px 1fr;gap:16px}#sieryne-red-site .project-facts dt{opacity:.7}#sieryne-red-site .project-facts dd{margin:0}