.gallery-opening{grid-template-columns:1.4fr .6fr;align-items:end;gap:90px;display:grid}.gallery-disclosure{border-left:3px solid var(--stoa-green);max-width:340px;padding-left:24px}.gallery-disclosure p{color:var(--stoa-muted);margin-bottom:24px;font-size:14px}.gallery-toolbar{z-index:4;border-bottom:1px solid var(--stoa-line);backdrop-filter:blur(12px);background:#f3f6f7f5;position:sticky;top:0}.gallery-controls{grid-template-columns:1fr .55fr auto;align-items:end;gap:28px;padding-block:24px;display:grid}.gallery-controls label{margin-bottom:8px;font-size:12px;font-weight:600;display:block}.gallery-controls :is(input,select){width:100%;height:48px;color:var(--stoa-ink);background:#fff;border:1px solid #a6b7c1;border-radius:0;padding:10px 14px;font-size:14px}.gallery-controls :is(input,select):focus-visible{outline:3px solid var(--stoa-green);outline-offset:3px}.gallery-controls>p{color:var(--stoa-muted);min-width:90px;padding-bottom:14px;font-size:12px}.gallery-collection{border-bottom:1px solid var(--stoa-line);padding-block:68px;scroll-margin-top:150px}.gallery-collection .section-intro{margin-bottom:34px}.gallery-collection h2{font-size:38px}.gallery-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 30px;display:grid}.gallery-project{flex-direction:column;min-width:0;display:flex}.gallery-project__image{background:var(--project-color,var(--stoa-blue));border-top:2px solid var(--stoa-ink);padding:16px 14px 0;display:block;overflow:hidden}.gallery-project__image img{aspect-ratio:1.45;object-fit:cover;object-position:top;background:#fff;border:1px solid #172f3d15;width:100%;display:block}.gallery-project__copy{flex-direction:column;flex:1;padding-top:22px;display:flex}.gallery-project__copy .site-label{margin-bottom:10px;font-size:11px!important}.gallery-project h3{font-size:25px;line-height:1.2}.gallery-project h3 a{color:inherit;text-decoration:none}.gallery-project__copy>p:not(.site-label){color:var(--stoa-muted);margin-top:16px;font-size:13px}.gallery-tags{color:var(--stoa-muted);flex-wrap:wrap;gap:8px 14px;margin-top:20px;font-size:10px;display:flex}.gallery-tags li{border-left:2px solid #a6b7c1;padding-left:8px;line-height:1.4}.gallery-project .project-actions{gap:12px 20px;margin-top:auto;padding-top:24px}.gallery-project .project-actions :is(a){font-size:12px}.gallery-empty{max-width:600px;color:var(--stoa-muted);padding-block:60px;font-size:18px}.gallery-empty button{color:var(--stoa-ink);text-underline-offset:4px;cursor:pointer;padding-block:16px;font-size:14px;font-weight:600;text-decoration:underline;display:block}.gallery-map{background:var(--stoa-paper);padding-top:64px}.gallery-map>div>h2{font-size:40px}.gallery-map .site-intro{font-size:16px}.concept-hint{color:var(--stoa-muted);max-width:700px;margin-top:20px;font-size:13px}.stoa-main .concept-label{margin-bottom:18px;font-size:26px;line-height:1.2}.concept-demo{background:#fff}.concept-working-site{color:var(--stoa-ink);background:var(--stoa-paper);border-top:4px solid var(--stoa-ink);padding:28px;text-decoration:none;display:block}.concept-working-site img{object-fit:cover;object-position:top;border:1px solid var(--stoa-line);width:100%;height:auto;max-height:700px;display:block}.concept-working-site>div{justify-content:space-between;align-items:center;gap:20px;padding:25px 0 0;font-size:16px;font-weight:600;display:flex}@media (width<=1000px){.gallery-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-opening{grid-template-columns:1.2fr .8fr;gap:44px}}@media (width<=760px){.gallery-opening{grid-template-columns:1fr;gap:28px}.gallery-disclosure{max-width:none;padding-left:20px}.gallery-disclosure p{margin-bottom:18px;font-size:13px}.gallery-controls{grid-template-columns:1fr 1fr;gap:14px;padding-block:18px}.gallery-controls>div:first-child{grid-column:1/-1}.gallery-controls>p{text-align:right;padding-bottom:12px}.gallery-controls :is(input,select){font-size:13px}.gallery-collection{padding-block:44px;scroll-margin-top:205px}.gallery-project-grid{grid-template-columns:1fr;gap:38px}.gallery-project__image{padding:20px 18px 0}.gallery-project h3{font-size:27px}.gallery-project__copy>p:not(.site-label){font-size:14px}.gallery-tags{font-size:11px}.gallery-project .project-actions :is(a){font-size:13px}.gallery-collection h2{font-size:33px}.gallery-map{padding-top:44px}.concept-working-site{padding:16px}.concept-working-site>div{align-items:start;font-size:14px}.gallery-toolbar{position:relative}}
