.selected-gallery{gap:40px;display:grid}.gallery-row-heading{border-top:1px solid var(--line);align-items:center;gap:24px;padding:14px 0;font-size:12px;display:flex}.gallery-row-heading>span{color:var(--blue);font-variant-numeric:tabular-nums;letter-spacing:.06em}.gallery-row-heading p{color:var(--muted)}.gallery-mobile-hint{display:none}.gallery-row-controls{gap:7px;margin-left:auto;display:flex}.gallery-row-controls button{border:1px solid var(--line);width:44px;height:44px;color:var(--blue);cursor:pointer;background:0 0;border-radius:50%;font-size:21px;transition:background .2s,color .2s}.gallery-row-controls button:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.accordion-gallery{--ag-height:clamp(400px,38vw,540px);height:var(--ag-height);isolation:isolate;gap:12px;margin:0;padding:0;list-style:none;display:flex}.ag-panel{background:var(--ag-background);border-radius:8px;flex:1 1 0;min-width:0;position:relative;overflow:hidden}.ag-project-link{border-radius:inherit;width:100%;height:100%;display:block;position:relative;overflow:hidden;outline-offset:-5px!important}.ag-number{z-index:2;color:#0b0b0b;font-variant-numeric:tabular-nums;background:#fff;border-radius:50%;place-items:center;width:35px;height:35px;font-size:11px;font-weight:500;display:grid;position:absolute;top:20px;left:20px}.ag-art-window{pointer-events:none;opacity:0;mix-blend-mode:var(--ag-blend);justify-content:center;align-items:center;transition:opacity .16s;display:flex;position:absolute;inset:64px 0 145px}.ag-panel--active .ag-art-window{opacity:1;transition-delay:80ms}.ag-art{width:min(64%,calc((var(--ag-height) - 225px)*var(--art-ratio)));flex-shrink:0}.ag-mark-reveal{transform-origin:50% 60%;width:100%}.ag-art img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ag-spine{writing-mode:horizontal-tb;text-align:center;color:#0b0b0b;white-space:normal;letter-spacing:-.025em;background:#fff;border-radius:20px;width:max-content;max-width:calc(100% - 24px);padding:10px 14px;font-size:14px;font-weight:550;line-height:1.2;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.ag-project-link:focus-visible{outline:3px solid var(--blue)}.gallery-row-controls button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media (width<=1000px) and (width>=761px){.ag-number{top:16px;left:14px}.gallery-row-heading{gap:18px}}@media (width<=760px){.selected-gallery{gap:28px}.gallery-desktop-hint{display:none}.gallery-mobile-hint{display:block}.gallery-row-heading{gap:16px;font-size:11px}.accordion-gallery{--ag-height:300px;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);overscroll-behavior-x:contain;height:calc(var(--ag-height) + 12px);gap:12px;padding-bottom:12px;position:relative;overflow-x:auto}.ag-panel{height:var(--ag-height);scroll-snap-align:start;border-radius:12px;container-type:inline-size;flex:0 0 clamp(145px,43vw,230px)!important}.ag-art-window{opacity:1;transition:none;inset:60px 0 112px}.ag-art{width:min(65%,calc(120px*var(--art-ratio)))}.ag-spine{padding:10px 12px;font-size:12px;bottom:18px}.ag-number{width:32px;height:32px;top:15px;left:15px}.gallery-row-heading{grid-template-columns:1fr auto;gap:5px 12px;display:grid}.gallery-row-heading>span{grid-column:1;font-size:10px}.gallery-mobile-hint{grid-column:1;font-size:11px}.gallery-row-controls{grid-area:1/2/span 2;gap:6px}.gallery-row-controls button{width:44px;height:44px}.ag-panel{border:1px solid #00000008}}@media (prefers-reduced-motion:reduce){.ag-art,.gallery-row-controls button{transition:none!important}.accordion-gallery{scroll-behavior:auto}.ag-art-window{transition:none!important}.ag-mark-reveal{transform:none!important}}.ag-art--okinso .artwork{filter:url(#okinso-mark-ink)}.gallery-pagination{display:none}@media (width<=760px){.accordion-gallery{--ag-height:clamp(290px,82vw,380px);scrollbar-width:none}.accordion-gallery::-webkit-scrollbar{display:none}.ag-panel{flex-basis:min(74vw,340px)!important}.ag-art-window{inset:68px 0 95px}.ag-art{width:min(62%,calc((var(--ag-height) - 180px)*var(--art-ratio)))}.ag-spine{max-width:calc(100% - 32px);font-size:14px}.gallery-pagination{align-items:center;gap:2px;min-height:44px;margin-top:4px;display:flex}.gallery-pagination button{cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid}.gallery-pagination button>span{width:6px;height:6px;transition:width .3s var(--ease-out),background .3s;background:#bfc7d1;border-radius:10px}.gallery-pagination button[aria-pressed=true]>span{background:var(--blue);width:25px}.gallery-position{font-variant-numeric:tabular-nums;color:var(--muted);margin-left:auto;font-size:11px}.gallery-pagination button:focus-visible{outline:2px solid var(--blue);outline-offset:-4px;border-radius:22px}}@media (prefers-reduced-motion:reduce){.gallery-pagination button>span{transition:none}}
