/* Curated design gallery — source artworks stay separate from the site UI. */
.design-service{padding-block:88px;background:var(--low);color:var(--text)}
.design-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:end;margin-bottom:48px}.design-service .eyebrow{color:#a9bbff;letter-spacing:.09em}.design-service h2{font:700 clamp(38px,4.5vw,64px)/1.03 var(--display);letter-spacing:-.05em;margin:18px 0 0}.design-intro p{max-width:49ch;margin:24px 0 0;font-size:17px;line-height:1.7;color:#c1c6d1}.design-contact{width:100%;max-width:390px;justify-self:end}.design-contact p{margin:0 0 22px;font-size:16px}.design-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:54px;padding:14px 18px;background:var(--lime);color:var(--deep);font-size:14px;font-weight:700}.design-cta:hover{background:#a9bbff}.design-phone{display:block;margin-top:12px;font-size:14px;color:#c1c6d1}.design-gallery-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-block:18px;border-top:1px solid var(--line);margin-bottom:16px}.design-gallery-heading p{margin:0;font-size:13px;color:#c1c6d1}.design-gallery-heading span{color:#969faf}.design-gallery-heading>p:last-child{font-size:12px}.design-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}.design-example{min-width:0;margin:0}.design-preview-link{display:block}.design-thumb{position:relative;isolation:isolate;overflow:hidden;background:#0b0d12;border:1px solid #343a49}.design-example img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;transition:transform 220ms ease}.design-preview-link:hover img{transform:scale(1.025)}.design-count{position:absolute;top:12px;left:12px;z-index:1;font:600 9px/1.4 var(--mono);letter-spacing:.04em;padding:6px 8px;background:#0b0d12e8;color:#fff;pointer-events:none}.design-image-action{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:10px 14px;font-size:12px;color:#e5e9f2;background:#0b0d12;border-top:1px solid #343a49}.design-preview-link:hover .design-image-action{color:#a9bbff}.design-example figcaption{padding-top:16px}.design-example .design-category{margin:0 0 6px;color:#a9bbff;font:500 10px/1.6 var(--mono);letter-spacing:.04em}.design-example h3{font:600 23px/1.2 var(--display);letter-spacing:-.03em;margin:0 0 8px}.design-status{font-size:12px;line-height:1.6;color:#b3b8c4;margin:0}.design-disclosure{font-size:12px;color:#b3b8c4;line-height:1.8;padding-top:24px;margin:36px 0 0;border-top:1px solid #343a49;max-width:88ch}
#design-dialog{width:min(1200px,calc(100% - 48px));max-height:92svh;padding:0;border:1px solid #566078;background:#11141c;color:#f3f4f7;overflow:auto;overscroll-behavior:contain}#design-dialog::backdrop{background:#05060bed}.design-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;position:sticky;top:0;background:#11141cf5;z-index:2;border-bottom:1px solid #343a49}.design-dialog-heading .eyebrow{margin:0 0 6px;color:#a9bbff;font-size:10px}.design-dialog-heading h2{font:600 clamp(24px,3vw,34px)/1.1 var(--display);letter-spacing:-.03em;margin:0}#design-dialog-close{width:44px;height:44px;flex-shrink:0;background:#1d2330;color:#fff;font-size:28px;border:1px solid #566078}.design-dialog-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}.design-viewer{min-width:0;background:#080a0f;padding:24px}.design-image-stage{position:relative;display:grid;place-items:center;min-height:180px}.design-image-stage img{width:auto;max-width:100%;height:auto;max-height:65svh;object-fit:contain}#design-image-status{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;margin:0;background:#080a0fe8;color:#d4d9e5;font-size:14px}#design-image-status:empty{display:none}.design-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.design-carousel-controls button{min-width:44px;min-height:44px;background:#192031;color:#e8edff;font-size:22px;border:1px solid #566078}.design-carousel-controls button:disabled{opacity:.3;cursor:default}#design-slide-caption{font-size:12px;margin:0;color:#d4d9e5;text-align:center}#design-full-image{display:flex;align-items:center;min-height:44px;width:fit-content;margin:12px auto 0;font-size:12px;color:#a9bbff;text-decoration:underline;text-underline-offset:4px}.design-brief{padding:28px;border-left:1px solid #343a49}.design-brief>.design-status{color:#a9bbff;margin-bottom:28px}.design-brief h3{font:600 15px/1.4 var(--display);margin:24px 0 10px}.design-brief h3:first-of-type{margin-top:0}.design-brief p{font-size:14px;color:#b3b8c4;line-height:1.8}.design-credit{padding-top:22px;border-top:1px solid #343a49;font-size:12px!important;margin:28px 0 0}.design-preview-link:focus-visible,#design-dialog button:focus-visible,#design-dialog a:focus-visible{outline:3px solid #a9bbff;outline-offset:4px}
@media(max-width:1000px){.design-intro{gap:32px}.design-dialog-layout{grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr)}.design-gallery{gap:30px 18px}}
@media(max-width:767px){.design-service{padding-block:64px}.design-intro{display:block;margin-bottom:32px}.design-contact{max-width:none;margin-top:30px}.design-intro p{font-size:16px}.design-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.design-gallery-heading{display:block}.design-gallery-heading>p:last-child{margin-top:8px}.design-example h3{font-size:19px}.design-example .design-category{font-size:9px}.design-example .design-status{font-size:11px}.design-count{font-size:8px;top:8px;left:8px;padding:4px 6px}.design-image-action{font-size:11px;padding-inline:10px}#design-dialog{width:calc(100% - 24px);max-height:94svh}.design-dialog-heading{padding:16px}.design-dialog-layout{display:block}.design-viewer{padding:16px}.design-image-stage img{max-height:62svh}.design-brief{border-left:0;border-top:1px solid #343a49;padding:22px}.design-brief p{font-size:14px}}
@media(max-width:359px){.design-gallery{grid-template-columns:1fr}.design-count{font-size:10px}.design-example h3{font-size:23px}.design-example .design-category{font-size:10px}}
@media(prefers-reduced-motion:reduce){.design-example img{transition:none}.design-preview-link:hover img{transform:none}}
