.design-gallery{color:#f1f0e9;background:#050606;padding:150px 0 84px}.design-gallery [hidden]{display:none!important}.design-gallery h1{letter-spacing:-.04em;margin:18px 0 24px;font:400 clamp(2.7rem,5vw,4.8rem)/1.04 Georgia,serif}.design-gallery h2{letter-spacing:-.025em;font:400 clamp(1.9rem,3vw,2.8rem)/1.12 Georgia,serif}.design-gallery p{margin:12px 0;line-height:1.65}.design-gallery a{text-underline-offset:5px}.gallery-intro{max-width:860px;margin-bottom:44px}.gallery-intro>p{max-width:760px}.gallery-intro>a{margin-top:12px;padding:12px 0;text-decoration:underline;display:inline-block}.gallery-muted{color:#c3c4bd;font-size:.95rem}.gallery-filters{border-block:1px solid #575c57;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:18px;padding:24px 0;display:grid}.design-gallery label{gap:8px;font-size:.95rem;display:grid}.design-gallery input,.design-gallery select,.design-gallery textarea{color:#f1f0e9;width:100%;min-width:0;font:inherit;background:#0c0f0f;border:1px solid #72756e;border-radius:0;min-height:48px;padding:12px}.design-gallery textarea{resize:vertical}.design-gallery button,.design-gallery .gallery-primary{color:#f1f0e9;min-height:48px;font:inherit;cursor:pointer;background:#0c0f0f;border:1px solid #72756e;border-radius:0;justify-content:center;align-items:center;padding:12px 16px;line-height:1.4;text-decoration:none;display:inline-flex}.design-gallery button:hover{border-color:#f1f0e9}.design-gallery button:disabled{opacity:.5;cursor:default}.design-gallery button[aria-pressed=true],.design-gallery .gallery-primary{color:#050606;background:#ff7047;border-color:#ff7047}.design-gallery :focus-visible{outline-offset:4px;outline:3px solid #5ce1ed}.gallery-results{color:#c3c4bd;justify-content:space-between;align-items:center;gap:16px;margin:20px 0;display:flex}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px;display:grid}.gallery-card{background:#0c0f0f;border:1px solid #575c57;min-width:0}.gallery-card.is-selected{border-color:#ff7047;box-shadow:inset 0 -3px #ff7047}.gallery-image-link{background:#f1f0e9;display:block;overflow:hidden}.gallery-card-image{aspect-ratio:1.44;object-fit:cover;object-position:top;color:#111313;width:100%;height:auto;display:block}.gallery-card-copy{padding:26px}.gallery-reference,.gallery-tags{color:#74e5c3;font-size:.875rem}.gallery-card h2{margin:8px 0 12px}.gallery-concept{color:#c3c4bd;border-top:1px solid #575c57;padding-top:12px;font-size:.875rem}.gallery-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0 12px;display:flex}.gallery-demo{padding:12px 0;text-decoration:underline;display:inline-block}.design-gallery .gallery-start{color:#ff9878;width:100%;margin-top:12px;display:flex}.gallery-notice{border:1px solid #72756e;margin:24px 0;padding:24px}.gallery-brief{border-top:1px solid #72756e;grid-template-columns:1fr 1.2fr;gap:60px;margin-top:72px;padding-top:42px;scroll-margin-top:120px;display:grid}.gallery-brief h2{scroll-margin-top:120px}.gallery-shortlist{margin:20px 0;padding:0;list-style:none}.gallery-shortlist li{border-bottom:1px solid #575c57;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.gallery-preferences{gap:16px;margin:24px 0;display:grid}.gallery-dialog{color:#111313;background:#f1f0e9;border:1px solid #72756e;width:min(1100px,100vw - 32px);max-height:90svh;margin:auto;padding:28px;overflow:auto}.gallery-dialog::backdrop{background:#000000d9}.gallery-dialog-head{justify-content:space-between;align-items:start;gap:20px;display:flex}.gallery-dialog-head h2{margin:0}.gallery-dialog figure{margin:24px 0}.gallery-dialog figcaption{margin-top:16px;line-height:1.5}.gallery-preview-image{border:1px solid #72756e;width:100%;height:auto;display:block}.gallery-preview-image.mobile{width:min(100%,390px);margin:auto}@media (max-width:1000px){.gallery-filters{grid-template-columns:1fr 1fr}.gallery-brief{gap:30px}}@media (max-width:700px){.design-gallery{padding-top:120px}.gallery-grid,.gallery-brief{grid-template-columns:1fr}.gallery-card-copy{padding:20px}.gallery-dialog{padding:18px}.gallery-dialog-head{flex-wrap:wrap}.gallery-results{flex-direction:column;align-items:start;gap:0}}@media (max-width:400px){.gallery-filters{grid-template-columns:1fr}.gallery-shortlist li{flex-direction:column;align-items:start}}