.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.gallery-hero{text-align:center;padding:64px 24px 42px}.gallery-hero .eyebrow{margin-bottom:18px}.gallery-hero h1{font-size:clamp(46px,5.7vw,68px);font-weight:650;letter-spacing:-.055em}.gallery-hero>p:not(.eyebrow){color:var(--body);font-size:16px;line-height:1.8;margin-top:20px}.gallery-hero-actions{display:flex;justify-content:center;gap:12px;margin-top:27px}.gallery-hero-actions .button{padding:10px 20px}.gallery-stats{display:flex;justify-content:center;gap:24px;margin-top:26px;color:var(--muted);font-size:11px}.gallery-stats span+span{border-left:1px solid #d6d2ca;padding-left:24px}.gallery-stats b{color:var(--body);font-weight:600;margin-right:3px}.gallery-explorer{max-width:1290px;margin:auto;padding:0 36px 55px;scroll-margin-top:22px}.suite-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);flex-wrap:wrap}.suite-tabs button{font-size:12px;color:#868990;padding:16px 0;border-bottom:2px solid transparent;display:flex;align-items:center;gap:9px}.suite-tabs button[aria-selected=true]{border-color:var(--ink);color:var(--ink)}.suite-tabs button span{font-size:9px;background:#ece9e2;padding:0 6px;border-radius:4px;color:#8b8577}.explorer-tools{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:25px 0 18px}.gallery-search{display:flex;align-items:center;gap:11px;padding:10px 14px;border:1px solid #dedbd5;background:#fff;border-radius:9px;width:470px;max-width:65%}.gallery-search:focus-within{border-color:#92836a}.gallery-search svg{color:#a2a19d;width:16px;height:16px}.gallery-search input{background:transparent;border:0;outline:none;font-size:12px;min-width:0;flex:1;color:var(--ink)}.gallery-search input::placeholder{color:#9a9a9c}.gallery-search input:focus-visible{outline:0}.result-count{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}.result-count b{color:var(--ink);font-weight:500}.result-count button{font-size:10px;color:#80715a;margin-left:12px;text-decoration:underline;text-underline-offset:3px}.category-filters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 28px}.category-filters button{display:inline-flex;align-items:center;gap:6px;border:1px solid #e0dcd4;background:transparent;border-radius:6px;font-size:10px;line-height:1.4;padding:7px 10px;color:#76756f;transition:background .15s,border-color .15s}.category-filters button b{font-weight:500;color:#555a63}.category-filters button[aria-pressed=true]{background:#eae5d9;border-color:#c8bfa7;color:#534832}.category-filters button:hover{background:#ede9e1}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.case-card{border:1px solid #e2dfd9;border-radius:14px;overflow:hidden;background:#fff;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s}.case-card:hover{transform:translateY(-4px);border-color:#bfb7a6;box-shadow:0 8px 22px #18191c09}.card-open{display:block;width:100%;padding:0;text-align:left}.card-visual{position:relative;background:#eae7e1;aspect-ratio:1.55;overflow:hidden}.card-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.case-card:hover .card-visual>img{transform:scale(1.025)}.card-ref-count{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.93);border-radius:5px;padding:3px 7px;font-size:9px;color:#44474f;box-shadow:0 1px 4px #0000000a}.card-ref-count svg{width:11px;height:11px}.card-copy{padding:20px 20px 17px}.card-category{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted);margin-bottom:11px;gap:10px}.category-code{font-size:9px;color:#81714b;background:#f1ece0;border-radius:4px;padding:2px 7px}.card-copy h2{font-size:19px;font-weight:550;letter-spacing:-.4px;line-height:1.3}.card-id{font-size:10px;color:#9c9c98;margin-top:6px;font-family:monospace;letter-spacing:.03em}.card-prompt{font-size:12px;color:#737780;margin:12px 0 0;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:65px}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;margin-top:16px;font-size:10px;color:#5e626b}.card-bottom>span:last-child{font-size:16px}.load-more-wrap{text-align:center;margin:38px 0 0}.load-more-wrap p{font-size:11px;color:var(--muted);margin-bottom:14px}.load-more-wrap button{background:transparent;min-width:165px}.gallery-status{border:1px solid var(--line);padding:60px 20px;text-align:center;border-radius:12px;color:var(--body);font-size:14px}.gallery-status strong{display:block;font-size:20px;letter-spacing:-.5px;color:var(--ink);margin-bottom:8px}.gallery-status button{margin-top:22px}.gallery-help{max-width:1218px;display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);padding:65px 0 80px;margin:0 auto}.gallery-help h2{font-size:30px}.gallery-help>div:last-child{padding-top:27px}.gallery-help p:not(.eyebrow){font-size:14px;color:var(--body);line-height:1.9}.gallery-help a{display:inline-flex;gap:20px;font-size:12px;margin-top:20px;border-bottom:1px solid #c7c0b2;padding-bottom:5px}.case-dialog{width:min(1240px,calc(100vw - 64px));max-width:none;max-height:calc(100dvh - 60px);padding:0;border:1px solid #d9d4cc;border-radius:18px;background:var(--paper);color:var(--ink);overscroll-behavior:contain;box-shadow:0 24px 100px #10131b2b}.case-dialog::backdrop,.target-dialog::backdrop{background:#14182499;backdrop-filter:blur(6px)}body:has(.case-dialog[open]){overflow:hidden}.case-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(247,245,242,.97);z-index:2;backdrop-filter:blur(10px)}.case-header>div:first-child>p{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);margin-bottom:6px}.case-header h2{font-size:25px;font-weight:600}.case-header .case-id{font-family:monospace;font-size:10px;color:#858079;margin-top:5px}.modal-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.modal-controls button{border:1px solid #dad5cb;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--paper);font-size:15px}.modal-controls button:hover{background:#e7e1d5}.modal-controls span{font-size:10px;color:var(--muted);padding-inline:4px}.modal-controls .close-dialog{margin-left:10px;font-size:21px}.case-body{padding:28px}.case-overview{display:grid;grid-template-columns:1fr 1.1fr;gap:25px;align-items:start}.target-panel{position:relative;border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden;display:block;padding:0;width:100%}.target-panel img{width:100%;max-height:410px;object-fit:contain;min-height:200px;background:#eae7e1}.target-panel span{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#818077;padding:11px 15px}.target-panel b{font-weight:500}.instruction-panel{border:1px solid var(--line);padding:22px 24px;border-radius:12px;background:#fff}.instruction-panel .eyebrow{margin-bottom:14px;font-size:9px}.instruction-content{font-size:12px;line-height:1.95;color:#535963;max-height:355px;overflow-y:auto;padding-right:10px;scrollbar-width:thin}.reference-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:32px 0 18px}.reference-heading h3{font-size:19px}.reference-heading h3 span{color:#97938a;margin-left:7px;font-size:14px;font-weight:400}.reference-heading p{font-size:10px;color:var(--muted)}.reference-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.reference-item{border:1px solid #e0dcd4;border-radius:7px;background:white;overflow:hidden;position:relative}.reference-item img{width:100%;aspect-ratio:1;object-fit:contain;padding:5px}.reference-item span{position:absolute;bottom:0;left:0;background:#f7f5f2e6;padding:1px 5px;border-radius:0 4px 0 0;font-size:8px;color:#9c968b}.case-footnote{font-size:10px;color:var(--muted);margin-top:18px}.target-dialog{width:min(1100px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.target-dialog img{max-height:calc(100dvh - 100px);width:100%;object-fit:contain}.target-preview-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px;font-size:12px}.target-preview-header button{font-size:23px;line-height:1;padding:0 3px}.target-dialog::backdrop{background:#111827bd}
@media(min-width:1500px){.gallery-explorer{max-width:1380px}.gallery-help{max-width:1308px}.case-grid{gap:28px}.card-visual{aspect-ratio:1.5}}
@media(max-width:1000px){.gallery-explorer{padding-inline:28px}.suite-tabs{gap:23px}.suite-tabs button{font-size:11px}.case-grid{gap:18px}.card-copy{padding:16px}.card-copy h2{font-size:17px}.card-category{font-size:8px}.gallery-help{padding:55px 28px;gap:40px}.reference-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.case-dialog{width:calc(100vw - 36px)}.case-header{padding:20px}.case-header h2{font-size:21px}.case-body{padding:20px}.instruction-panel{padding:18px}.instruction-content{max-height:300px}}
@media(max-width:700px){.gallery-hero{padding:45px 22px 32px}.gallery-hero h1{font-size:45px}.gallery-hero>p:not(.eyebrow){font-size:14px}.gallery-hero-actions{gap:9px}.gallery-hero-actions .button{font-size:11px;padding:10px 14px}.gallery-stats{gap:14px;font-size:9px}.gallery-stats span+span{padding-left:14px}.gallery-explorer{padding:0 20px 35px}.suite-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.suite-tabs button{font-size:11px;padding:14px 0;justify-content:space-between}.explorer-tools{flex-wrap:wrap;gap:13px;margin-top:20px}.gallery-search{width:100%;max-width:100%;padding:11px 12px}.gallery-search input{font-size:11px}.category-filters{gap:6px;margin-bottom:22px}.category-filters button{font-size:9px;padding:6px 8px}.category-filters .chip-label{display:none}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card-copy{padding:14px 12px 12px}.card-visual{aspect-ratio:1.25}.card-copy h2{font-size:15px;min-height:39px;letter-spacing:-.3px}.card-category>span:first-child{display:none}.card-category{margin-bottom:9px}.card-ref-count{font-size:8px;padding:3px 5px;bottom:7px;right:7px}.card-prompt{font-size:10px;line-height:1.85;min-height:55px;-webkit-line-clamp:3;margin-top:10px}.card-id{font-size:9px}.card-bottom{font-size:9px;margin-top:12px;padding-top:10px}.gallery-help{grid-template-columns:1fr;gap:18px;padding:40px 22px 50px}.gallery-help h2{font-size:29px}.gallery-help>div:last-child{padding:0}.gallery-help p:not(.eyebrow){font-size:13px}.gallery-help br{display:none}.case-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.case-header{padding:15px;gap:15px;align-items:start}.case-header h2{font-size:18px;max-width:230px;line-height:1.35}.case-header>div:first-child>p{font-size:8px}.modal-controls{gap:4px}.modal-controls button{width:27px;height:27px;font-size:12px}.modal-controls span{display:none}.modal-controls .close-dialog{margin-left:3px;font-size:19px}.case-body{padding:16px}.case-overview{grid-template-columns:1fr;gap:17px}.target-panel img{max-height:300px;min-height:0}.instruction-panel{padding:18px}.instruction-content{max-height:220px;font-size:11px}.reference-heading{margin:24px 0 14px;display:block}.reference-heading h3{font-size:17px}.reference-heading p{margin-top:6px;font-size:9px}.reference-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.case-footnote{font-size:9px}}
@media(max-width:370px){.case-grid{grid-template-columns:1fr}.card-copy h2{min-height:0}.card-visual{aspect-ratio:1.55}.card-category>span:first-child{display:block}}