.gallery-home{margin-block:52px 34px}
.gallery-section-heading,.gallery-heading,.gallery-browse-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}
.gallery-section-heading{margin-bottom:24px}
.gallery-section-heading h2{margin-block:6px 10px}
.gallery-section-heading p,.gallery-heading p{color:var(--muted);max-width:65ch}
.gallery-section-heading>.text-link{flex:none;margin-bottom:4px}
.gallery-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.gallery-home-card{display:block;min-width:0;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--surface);transition:border-color .2s}
.gallery-home-card>span{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;font-size:15px;font-weight:650}
.gallery-home-card>span>span{color:var(--teal)}
.gallery-thumbnail{position:relative;aspect-ratio:16/10;padding:10px;background:#080e18;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);overflow:hidden}
.gallery-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}
.gallery-enlarge{position:absolute;inset-inline-end:15px;bottom:15px;display:grid;place-items:center;width:34px;height:34px;color:#d9fffc;background:#091b26ed;border:1px solid #3d7377;border-radius:7px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}
.gallery-enlarge .icon{width:18px;height:18px}
:is(.gallery-home-card,.gallery-card>a,.gallery-stage-image):is(:hover,:focus-visible) .gallery-enlarge{opacity:1;transform:none}
.gallery-home-card:hover,.gallery-card:hover{border-color:#418a91}
.gallery-page{padding-block:48px 22px}
.gallery-heading{margin-bottom:30px;align-items:center}
.gallery-heading h1{font-size:clamp(32px,3.4vw,48px);line-height:1.12;letter-spacing:-1.5px;max-width:20ch;margin-block:10px 16px}
.gallery-total{display:inline-flex;align-items:center;gap:9px;flex:none;padding:9px 13px;border:1px solid #285761;border-radius:999px;font-size:12px;color:#b9d5df;background:#0b2530}
.gallery-stage{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(230px,1fr);overflow:hidden;border:1px solid #315461;border-radius:17px;background:linear-gradient(125deg,#091722,#10323a);margin-bottom:48px}
.gallery-stage-image{display:flex;position:relative;align-items:center;justify-content:center;min-width:0;padding:16px;background:#07101a}
.gallery-stage-image img{display:block;width:100%;height:auto;border:1px solid #263747;border-radius:7px}
.gallery-stage-image .gallery-enlarge{opacity:1;transform:none;inset-inline-end:27px;bottom:27px}
.gallery-stage-copy{display:flex;flex-direction:column;justify-content:center;padding:28px;gap:19px}
.gallery-stage-copy h2{font-size:29px;letter-spacing:-.7px}
.gallery-stage-copy>p{font-size:14px;line-height:1.7;color:#bed0d9}
.gallery-stage-copy .text-link{font-size:13px;line-height:1.65;align-self:flex-start}
.gallery-stage-copy .gallery-example-note{font-size:11px;line-height:1.65;color:#8faebd;border-top:1px solid #2b4c57;padding-top:18px;margin-top:4px}
.gallery-browse-heading h2{font-size:28px;letter-spacing:-.7px}
.gallery-browse-heading p{font-size:12px;color:var(--muted)}
.gallery-filters{display:flex;flex-wrap:wrap;gap:10px;margin-block:22px 26px}
.gallery-filters[hidden],.gallery-card[hidden],.screenshot-error[hidden],.screenshot-toolbar [hidden]{display:none}
.gallery-filters button{display:flex;align-items:center;gap:10px;padding:9px 15px;min-height:40px;background:#0d1d2a;border:1px solid #2b4555;border-radius:8px;color:#c5d5df;font-size:13px}
.gallery-filters button:hover{border-color:#5a9aa5}
.gallery-filters button[aria-pressed=true]{background:#123e46;border-color:var(--teal);color:#54f2df}
.gallery-filter-count{font-size:10px;color:inherit;opacity:.75;font-variant-numeric:tabular-nums}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}
.gallery-card{min-width:0;border:1px solid #293e50;border-radius:14px;overflow:hidden;background:linear-gradient(150deg,#122332,#0c1925);scroll-margin-top:24px;transition:border-color .2s}
.gallery-card:target{border-color:var(--teal);box-shadow:0 0 0 2px #12d1c133}
.gallery-card>a{display:flex;flex-direction:column;height:100%}
.gallery-card-copy{padding:19px 20px 20px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.gallery-category{font-size:10px;font-weight:650;letter-spacing:1px;text-transform:uppercase;color:#65b4ba;margin-bottom:7px}
.gallery-card h3{font-size:19px;letter-spacing:-.3px;line-height:1.3;margin-bottom:10px}
.gallery-card-description{font-size:13px;line-height:1.65;color:#afc2ce;margin-bottom:18px}
.gallery-view-label{color:#2bdecf;font-size:12px;font-weight:600;margin-top:auto}
.gallery-next{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid var(--line);margin-top:48px;padding-block:34px 12px}
.gallery-next h2{font-size:27px;margin-bottom:10px;letter-spacing:-.7px}
.gallery-next p{color:var(--muted);font-size:14px}
.gallery-next>div:last-child{display:flex;flex-wrap:wrap;gap:12px;flex:none}
.gallery-next .button{font-size:14px}
dialog.screenshot-dialog{width:min(1440px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 32px);padding:18px 22px 20px;border:1px solid #41616e;border-radius:14px;overflow:auto;background:#08131f}
.screenshot-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}
.screenshot-heading h2{font-size:22px;letter-spacing:-.4px;margin-top:5px;line-height:1.25}
.screenshot-heading .eyebrow{font-size:9px}
.screenshot-view{display:flex;align-items:center;justify-content:center;position:relative;overflow:auto;min-height:140px;height:min(65dvh,850px);background:#040b12;border:1px solid #263d4c;border-radius:8px;direction:ltr}
.screenshot-view>img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.screenshot-view.is-zoomed{display:block}
.screenshot-view.is-zoomed>img{max-width:none;max-height:none;width:var(--image-width);height:var(--image-height);margin:auto}
.screenshot-error{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;background:#091723;color:#bed0d9}
.screenshot-caption{padding-block:14px 16px;font-size:13px;line-height:1.6;color:#bdd0dc}
.screenshot-keyboard-help{font-size:11px;color:#7e9cab;margin-top:5px}
.screenshot-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #263d4c;padding-top:14px}
.screenshot-navigation,.screenshot-image-tools{display:flex;align-items:center;gap:14px}
.screenshot-toolbar .button{font-size:12px;min-height:37px;padding:8px 14px;border-color:#365462}
.screenshot-counter{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:52px;text-align:center;color:#8fb7c5;direction:ltr}
.screenshot-image-tools .text-link{font-size:12px;white-space:nowrap}
.screenshot-toolbar [aria-pressed=true]{background:#16414b;border-color:var(--teal);color:var(--teal)}
@media(max-width:1000px){.gallery-stage{grid-template-columns:1fr}.gallery-stage-copy{padding:24px;gap:14px}.gallery-stage-copy .gallery-example-note{padding-top:12px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-next{align-items:flex-start;flex-direction:column}.gallery-home-grid{gap:14px}.gallery-home-card>span{padding:14px;font-size:13px}}
@media(max-width:640px){.gallery-home{margin-block:36px 28px}.gallery-section-heading,.gallery-heading{align-items:flex-start;flex-direction:column;gap:17px}.gallery-section-heading h2{font-size:28px}.gallery-section-heading p{font-size:14px}.gallery-section-heading>.text-link{font-size:13px}.gallery-home-grid{grid-template-columns:1fr;gap:18px}.gallery-home-card>span{padding:16px;font-size:15px}.gallery-enlarge{opacity:1;transform:none;width:29px;height:29px;bottom:12px;inset-inline-end:12px}.gallery-page{padding-top:30px}.gallery-heading h1{font-size:34px;letter-spacing:-1px}.gallery-heading p{font-size:14px}.gallery-stage{margin-bottom:32px}.gallery-stage-image{padding:8px}.gallery-stage-copy{padding:22px}.gallery-stage-copy h2{font-size:25px}.gallery-stage-image .gallery-enlarge{inset-inline-end:17px;bottom:17px}.gallery-grid{grid-template-columns:1fr;gap:20px}.gallery-browse-heading h2{font-size:25px}.gallery-browse-heading{align-items:center;gap:12px}.gallery-filters{gap:8px;margin-block:18px}.gallery-filters button{font-size:12px;padding:8px 12px;min-height:40px}.gallery-next{margin-top:32px;padding-top:26px}.gallery-next>div:last-child{width:100%;flex-direction:column}.gallery-next .button{width:100%}.gallery-thumbnail{padding:8px}.screenshot-dialog{margin:auto}dialog.screenshot-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:14px}.screenshot-heading h2{font-size:18px}.screenshot-view{height:48dvh;min-height:130px}.screenshot-caption{font-size:12px;padding-block:11px}.screenshot-keyboard-help{display:none}.screenshot-toolbar{flex-direction:column;gap:13px}.screenshot-navigation{justify-content:space-between;width:100%;gap:9px}.screenshot-image-tools{justify-content:space-between;width:100%}.screenshot-toolbar .button{padding:8px 11px;min-height:38px}.screenshot-counter{min-width:45px}}
@media(prefers-reduced-motion:reduce){.gallery-enlarge,.gallery-card,.gallery-home-card{transition:none}}