.design-story{--design-ink:#20242a;--design-muted:#58616c;--design-paper:#fff;--design-surface:#f5f5f6;--design-line:#dce0e5;color:var(--design-ink);background:var(--design-paper)}
[data-site-theme=dark] .design-story{--design-ink:#edf0f3;--design-muted:#b7bec8;--design-paper:#15181d;--design-surface:#1b1f25;--design-line:#363c45}
.design-intro-panel .design-kicker{color:var(--brand-red)}
.design-story h2{font-size:clamp(3rem,3.3vw,4.8rem);line-height:1.13;letter-spacing:-.035em;max-width:850px;color:var(--design-ink);margin:0 0 28px;font-weight:700}.design-story h3{font-size:2rem;line-height:1.3;color:var(--design-ink);font-weight:700;margin:0 0 12px}.design-story p{font-size:1.6rem;line-height:1.8;color:var(--design-muted)}.design-story .design-kicker{color:#a20404;font-size:1.4rem;font-weight:700;letter-spacing:.11em;margin-bottom:20px}[data-site-theme=dark] .design-story .design-kicker{color:#ff6b70}.design-section{padding:88px 0;scroll-margin-top:120px}.design-lead{max-width:740px;margin-bottom:36px}.design-intro-panel{border-radius:28px;padding:64px;background:#181b21}.design-intro-panel h2{color:#f1f3f5;max-width:760px}.design-intro-panel p{color:#c6cbd3;max-width:740px}.design-intro-panel .design-kicker{color:#ff7378}.design-jump{display:flex;flex-wrap:wrap;gap:16px 32px;padding-top:20px}.design-jump a{color:#f1f3f5;border-bottom:1px solid #59616b;padding:12px 0;display:flex;gap:18px;align-items:center}.design-jump a:hover{color:#ff7378}.design-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.design-service-grid article{padding-top:28px;border-top:1px solid var(--design-line)}.design-service-grid article>i{color:#b70707;font-size:2.6rem;margin-bottom:24px}[data-site-theme=dark] .design-service-grid article>i{color:#ff7378}.design-work,.design-experience{background:var(--design-surface)}.design-work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.design-work-grid figure{margin:0;min-width:0}.design-work-grid a{display:block;border-radius:16px;overflow:hidden;background:var(--design-paper)}.design-work-grid img{width:100%;height:360px;object-fit:contain;padding:12px;transition:transform .2s}.design-work-grid a:hover img{transform:scale(1.025)}.design-work-grid figcaption{padding:22px 0 0}.design-work-grid figcaption span{color:var(--design-muted);font-size:1.4rem;display:block;margin-bottom:8px}.design-work-grid figcaption p{font-size:1.3rem}.design-learning-grid,.design-experience-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:72px;align-items:center}.design-learning-grid article{border-top:1px solid var(--design-line);padding-top:22px;margin-top:24px}.design-learning-grid figure,.design-experience-grid figure{margin:0}.design-learning-grid img,.design-experience-grid img{width:100%;height:auto;max-height:620px;object-fit:contain;border-radius:22px}.design-story figcaption{font-size:1.3rem;color:var(--design-muted);padding-top:14px}.design-experience-grid{grid-template-columns:.8fr 1.2fr}.design-experience .service-gallery-button{margin-top:20px}.design-process{list-style:none;padding:12px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.design-process li>span{display:block;color:#b70707;font-size:3.8rem;font-weight:700;margin-bottom:20px}[data-site-theme=dark] .design-process li>span{color:#ff7378}.design-faq{margin:72px auto 0;max-width:880px}.design-faq details{border-bottom:1px solid var(--design-line);padding:22px 0}.design-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:1.8rem;font-weight:600;list-style:none}.design-faq summary::-webkit-details-marker{display:none}.design-faq details[open] summary i{transform:rotate(45deg)}.design-faq details p{margin:18px 36px 0 0}.design-closing{text-align:center;background:var(--design-surface)}.design-closing h2,.design-closing p{margin-left:auto;margin-right:auto;max-width:780px}.design-closing .service-gallery-button{margin-top:20px}.design-story a:focus-visible,.design-story summary:focus-visible{outline:3px solid #e63946;outline-offset:6px}
@media(max-width:991px){.design-service-grid,.design-work-grid,.design-process{grid-template-columns:repeat(2,minmax(0,1fr))}.design-learning-grid,.design-experience-grid{gap:32px}.design-section{padding:64px 0}.design-intro-panel{padding:40px}.design-work-grid img{height:320px}}
@media(max-width:575px){.design-section{padding:48px 0}.design-intro-panel{padding:30px 24px;border-radius:20px}.design-service-grid,.design-learning-grid,.design-experience-grid,.design-process{grid-template-columns:1fr;gap:24px}.design-work-grid{gap:18px 12px}.design-work-grid img{height:230px;padding:6px}.design-work-grid h3{font-size:1.7rem}.design-jump{display:grid;gap:4px}.design-learning-grid figure{order:-1}.design-learning-grid img,.design-experience-grid img{max-height:360px}.design-faq{margin-top:48px}}
@media(prefers-reduced-motion:reduce){.design-work-grid img{transition:none}}
.design-art-dialog{position:fixed;inset:0;box-sizing:border-box;width:min(760px,92vw);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:48px 24px 20px;border:1px solid #444b56;border-radius:22px;background:#181b21;color:#f1f3f5}.design-art-dialog::backdrop{background:rgb(12 15 19 / .8)}.design-art-dialog img{display:block;max-width:100%;max-height:66vh;width:auto;height:auto;margin:auto;object-fit:contain}.design-art-dialog p{margin:18px 0 0;text-align:center;color:#e3e6ea;font-size:14px}.design-art-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;color:#fff;background:#a20404}.design-art-close:focus-visible{outline:3px solid #ff9297;outline-offset:3px}
.design-intro-panel .design-kicker{color:var(--brand-red)}
.design-intro-panel{background-color:#181b21;background-image:linear-gradient(90deg,rgb(15 18 23 / .97) 0%,rgb(15 18 23 / .9) 52%,rgb(15 18 23 / .5) 100%),var(--design-intro-image);background-size:cover;background-position:center 58%;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .07),0 20px 55px rgb(0 0 0 / .12)}
.design-relationship{display:flex;align-items:center;gap:16px;width:fit-content;max-width:760px;margin:0 0 30px;padding:14px 18px;border:1px solid rgb(255 255 255 / .17);border-radius:14px;background:rgb(9 11 15 / .6);backdrop-filter:blur(8px)}.design-relationship__mark{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:var(--brand-red);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em}.design-intro-panel .design-relationship p{display:grid;gap:3px;margin:0;color:#d9dde3;font-size:1.35rem;line-height:1.5}.design-relationship strong{color:#fff;font-size:1.5rem}.design-relationship span:not(.design-relationship__mark){display:block}@media(max-width:575px){.design-relationship{align-items:flex-start;padding:13px 14px}.design-relationship__mark{flex-basis:40px;width:40px;height:40px}.design-intro-panel .design-relationship p{font-size:1.25rem}.design-relationship strong{font-size:1.35rem}}
.design-art-dialog .design-art-dialog__content{padding:18px 4px 2px;text-align:center}.design-art-dialog .design-art-dialog__content h2{margin:0;color:#f1f3f5;font-size:clamp(22px,3vw,30px);font-weight:750;line-height:1.2;letter-spacing:-.02em}.design-art-dialog .design-art-dialog__content p{margin:7px 0 0;color:#b9c0ca;font-size:14px;line-height:1.5}
.design-learning-grid figure>a,.design-experience-grid figure>a{display:block;border-radius:22px;cursor:zoom-in}.design-learning-grid figure>a:hover img,.design-experience-grid figure>a:hover img{filter:brightness(.94)}