.site-header{position:relative;z-index:100;background:var(--page-bg)}.site-header .navbar{min-height:106px;border-bottom:1px solid var(--line);padding-block:20px}.navbar-brand{font-weight:750;font-size:1.8rem;letter-spacing:-.04em;display:flex;align-items:center;gap:9px;color:var(--text)}.navbar-brand:hover{color:var(--text)}.brand-mark{width:20px;height:20px;display:inline-block;border:2px solid currentColor;border-radius:50%;position:relative}.brand-mark:after{content:'';position:absolute;inset:2px;border:1px solid currentColor;border-radius:50%}.navbar-nav{gap:16px}.navbar .nav-link{font-size:.95rem;color:var(--text-secondary);padding-inline:9px;font-weight:400;background:none;border:0}.navbar .nav-link.active,.navbar .nav-link:hover,.navbar .nav-link:focus{color:var(--brand-accent)}.nav-link .bi{font-size:.8rem}.dropdown-menu{--bs-dropdown-bg:var(--panel);--bs-dropdown-link-color:var(--brand-muted);--bs-dropdown-link-hover-bg:var(--brand-primary);--bs-dropdown-link-hover-color:var(--brand-white);padding:10px;border:1px solid var(--line)}.dropdown-item{border-radius:7px;padding:9px 14px}.dropdown-item .bi{margin-inline-end:10px}.icon-button{border:1px solid var(--line);color:var(--text);background:var(--panel);border-radius:10px;padding:8px 12px;font-size:1.5rem;line-height:1.2}.navbar-toggler:focus{box-shadow:0 0 0 3px rgba(110,220,221,.5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:13px 22px;border-radius:14px;font-weight:700;font-size:.98rem;line-height:1.5;border:1px solid transparent;transition:background .2s,color .2s,transform .2s;white-space:normal}.btn-brand{background:var(--brand-accent);color:var(--brand-dark)}.btn-brand:hover,.btn-brand:focus{background:var(--brand-accent-light);color:var(--brand-dark);transform:translateY(-2px)}.btn-secondary{--bs-btn-bg:var(--panel);--bs-btn-color:var(--text);--bs-btn-border-color:var(--line);--bs-btn-hover-bg:var(--brand-primary);--bs-btn-hover-color:var(--brand-white);--bs-btn-hover-border-color:var(--brand-primary);--bs-btn-disabled-bg:var(--panel);--bs-btn-disabled-color:var(--brand-muted);--bs-btn-disabled-border-color:var(--line)}.btn:disabled{opacity:.7}.breadcrumb{--bs-breadcrumb-divider:' / ';--bs-breadcrumb-item-active-color:var(--text-secondary);--bs-breadcrumb-divider-color:var(--text-secondary);font-size:.8rem;line-height:1.6;margin-bottom:34px}.breadcrumb a{color:var(--text-secondary)}.breadcrumb a:hover{color:var(--brand-accent)}.studio-card{background:var(--card-bg);border:1px solid transparent;border-radius:18px;padding:28px;transition:border-color .2s,transform .2s;min-width:0}.studio-card:hover{border-color:rgba(110,220,221,.25)}.studio-card p{font-size:.95rem;line-height:1.8}.studio-card h3 a:hover{color:var(--brand-accent)}.design-icon{display:block;flex-shrink:0}.icon-tile{background:var(--brand-primary);width:54px;height:54px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:36px}.icon-tile img{max-width:28px}.service-card{display:flex;flex-direction:column;align-items:flex-start;min-height:300px}.service-card h3{margin-bottom:16px}.service-card p{margin-bottom:24px}.project-card,.product-card,.team-card,.article-card{padding:18px;overflow:hidden}.card-copy{padding:22px 5px 10px}.card-copy .eyebrow{font-size:.65rem;margin-bottom:10px}.card-copy h3{margin-bottom:12px}.card-copy>p{font-size:.9rem}.card-copy .text-link{font-size:.85rem}.product-visual,.project-visual,.article-visual{background:var(--brand-primary);min-height:170px;border-radius:13px;display:flex;align-items:center;justify-content:center;position:relative;color:var(--brand-accent)}.product-visual img{width:73px;max-width:73px;height:auto}.project-visual{min-height:220px;background:linear-gradient(135deg,#252c73,#202951)}.project-visual img{transform:scale(1.8)}.project-visual>span{position:absolute;bottom:18px;inset-inline-start:20px;font-size:.75rem;color:var(--brand-accent-light)}.project-visual>.bi{position:absolute;bottom:18px;inset-inline-end:20px}.card-meta{display:flex;justify-content:space-between;align-items:center;padding-top:20px;margin-top:24px;border-top:1px solid var(--line);font-size:.78rem;color:var(--text-secondary)}.card-meta a{color:var(--brand-accent);font-size:1.2rem}.product-card{min-height:350px}.team-photo{position:relative;background:linear-gradient(135deg,var(--brand-primary),#132842);border-radius:13px;height:330px;overflow:hidden}.team-photo img{width:100%;height:100%;object-fit:contain;object-position:center;filter:saturate(.75)}.photo-caption{position:absolute;bottom:14px;inset-inline-start:16px;font-size:.65rem;letter-spacing:.12em;background:var(--brand-dark);border:1px solid var(--line);padding:5px 9px;border-radius:5px;color:var(--brand-accent)}.team-card .card-copy{padding:28px 10px 14px}.team-card h3{font-size:1.7rem}.repository-card{display:flex;flex-direction:column}.repository-card h3{overflow-wrap:anywhere}.repository-card>.d-flex:last-child{margin-top:auto}.repository-card .bi-github{color:var(--brand-accent)}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(115deg,#1b2551 0%,#252c73 100%);border:1px solid var(--line);border-radius:22px;padding:54px}.cta-panel h2{margin-bottom:20px}.cta-panel p{max-width:600px}.cta-panel>.btn{flex-shrink:0}.process-step{border-top:1px solid var(--line);padding:28px 4px 0}.step-number{display:block;font-size:.8rem;color:var(--brand-accent);margin-bottom:35px;letter-spacing:.1em}.process-step h3{font-size:1.4rem}.process-step p{font-size:.92rem;margin-top:15px}.site-footer{background:var(--panel-deep);border-top:1px solid rgba(174,187,208,.08);padding:64px 0 22px;margin-top:48px}.footer-brand{font-weight:750;font-size:1.8rem;letter-spacing:-.04em}.site-footer p{font-size:.9rem;max-width:340px}.site-footer .eyebrow{color:var(--brand-accent);font-size:.7rem}.footer-links{font-size:.85rem;display:grid;gap:10px;color:var(--brand-muted)}.footer-links .bi{margin-inline-end:5px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:24px;margin-top:48px;font-size:.75rem;color:var(--brand-muted)}.back-top{position:fixed;bottom:24px;inset-inline-end:24px;z-index:99;font-size:1.2rem;border-color:var(--brand-accent);box-shadow:0 4px 20px #0003}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.filter-button{border:1px solid var(--line);background:transparent;color:var(--text-secondary);border-radius:9px;padding:9px 16px;font-size:.85rem;min-height:44px}.filter-button.active{background:var(--brand-accent);color:var(--brand-dark);border-color:var(--brand-accent)}.filter-button:hover{border-color:var(--brand-accent)}.empty-state{text-align:center;padding:70px 24px;border:1px dashed var(--line);border-radius:18px;background:var(--card-bg);margin-top:30px}.empty-state>.bi{font-size:2.8rem;color:var(--brand-accent);display:block;margin-bottom:20px}.empty-state .btn{margin-top:18px}.loading-state{display:flex;gap:12px;align-items:center;color:var(--brand-accent);font-size:.85rem;padding:16px}.accordion{--bs-accordion-bg:var(--panel);--bs-accordion-color:var(--brand-muted);--bs-accordion-border-color:var(--line);--bs-accordion-btn-color:var(--brand-white);--bs-accordion-active-color:var(--brand-accent);--bs-accordion-active-bg:var(--panel);--bs-accordion-btn-focus-box-shadow:0 0 0 3px #6edcdd55;--bs-accordion-border-radius:14px}.accordion-button{padding:25px;font-size:1rem;font-weight:600}.accordion-body{padding:0 25px 25px}.accordion-item{overflow:hidden}.member-links{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:.85rem;margin:22px 0}.member-links a{display:inline-flex;align-items:center;gap:10px;overflow-wrap:anywhere;word-break:break-word}.member-links .bi{color:var(--brand-accent);flex-shrink:0}.contact-person .member-links{display:grid;gap:10px}.form-label{color:var(--text);font-size:.9rem;font-weight:500;margin-bottom:10px}.form-label>span:not(.optional){color:var(--brand-accent)}.optional{font-size:.75rem;color:var(--text-secondary);font-weight:400}.form-control,.form-select{--bs-body-bg:var(--panel-deep);--bs-body-color:var(--brand-white);background-color:var(--panel-deep);color:var(--brand-white);border:1px solid #45537d;border-radius:9px;min-height:52px;padding:12px 15px;font-size:.95rem}.form-select{padding-inline-end:36px}.form-control:focus,.form-select:focus{background-color:var(--panel-deep);color:var(--brand-white);border-color:var(--brand-accent);box-shadow:0 0 0 3px #6edcdd22}.form-control::placeholder{color:#8898b7;font-size:.85rem}.invalid-feedback{color:#ffb9be;font-size:.8rem}.was-validated .form-control:invalid,.was-validated .form-select:invalid{border-color:#ff9ca7}.validation-summary{background:#602e414d;border:1px solid #b46e7a;border-radius:8px;padding:14px 18px;margin-block:20px;color:#ffccd1;font-size:.9rem}.form-result{padding:16px 20px;border-radius:8px;background:#6edcdd15;border:1px solid var(--brand-accent);color:var(--brand-accent-light);font-size:.9rem}.form-panel{padding:36px}.form-panel .content-note{margin-block:22px 30px}.form-panel h2{margin-top:4px}.preview-form .btn{margin-top:5px}.preview-stage{min-height:350px;background:linear-gradient(135deg,var(--panel),var(--brand-primary));border-radius:16px;border:1px dashed #6edcdd66;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:40px;text-align:center}.preview-stage>.bi{font-size:3rem;color:var(--brand-accent)}.preview-stage p{margin:0}.preview-stage .h3{color:var(--brand-white)}.preview-stage .preview-caption{color:var(--brand-muted)}.preview-stage .tag{border-color:#6edcdd66;color:var(--brand-accent-light)}.gallery-controls{display:flex;gap:12px;margin-top:16px}.gallery-thumb{flex:1;padding:16px 20px;background:var(--card-bg);border:1px solid var(--line);border-radius:10px;color:var(--text-secondary);display:flex;justify-content:center;align-items:center;gap:10px;font-size:.85rem}.gallery-thumb.active{border-color:var(--brand-accent);color:var(--brand-accent)}

/* Motion enhances visible content; no pending or hidden state is required. */
:root{--dp-motion-fast:220ms;--dp-motion-base:320ms;--dp-motion-reveal:420ms;--dp-motion-ease:cubic-bezier(.22,.61,.36,1);--dp-motion-inline:2px}
[dir="rtl"]{--dp-motion-inline:-2px}
html{scroll-padding-top:124px}
.site-header{position:sticky;top:0;transition:box-shadow var(--dp-motion-base) var(--dp-motion-ease)}
.site-header.is-scrolled{box-shadow:0 5px 22px color-mix(in srgb,var(--dp-text) 9%,transparent)}
.btn,.icon-button,.preference-button,.filter-button,.gallery-thumb{transition:background-color var(--dp-motion-fast) var(--dp-motion-ease),color var(--dp-motion-fast) var(--dp-motion-ease),border-color var(--dp-motion-fast) var(--dp-motion-ease),box-shadow var(--dp-motion-fast) var(--dp-motion-ease),transform var(--dp-motion-fast) var(--dp-motion-ease)}
.studio-card{transition:border-color var(--dp-motion-base) var(--dp-motion-ease),box-shadow var(--dp-motion-base) var(--dp-motion-ease),transform var(--dp-motion-base) var(--dp-motion-ease)}
.form-control,.form-select{transition:border-color var(--dp-motion-fast) var(--dp-motion-ease),background-color var(--dp-motion-fast) var(--dp-motion-ease),box-shadow var(--dp-motion-fast) var(--dp-motion-ease)}
.nav-link,.dropdown-item,.footer-links a,.text-link{transition:color var(--dp-motion-fast) var(--dp-motion-ease),background-color var(--dp-motion-fast) var(--dp-motion-ease)}
.btn>.bi,.btn>img,.text-link>.bi,.text-link>.design-icon{transition:translate var(--dp-motion-fast) var(--dp-motion-ease)}
.product-visual,.project-visual{overflow:hidden}
.team-photo img,.product-visual>.design-icon,.project-visual>.design-icon,.article-visual>.design-icon,.product-visual img,.project-visual img,.article-visual img{transition:scale var(--dp-motion-base) var(--dp-motion-ease)}
.studio-card:not(.form-panel):focus-within{border-color:var(--dp-hover-border);box-shadow:var(--dp-shadow)}
@media(prefers-reduced-motion:no-preference){
    .motion-enter{animation:dp-rise var(--dp-motion-reveal) var(--dp-motion-ease) var(--dp-reveal-delay,0ms) backwards}
    .case-banner.motion-enter,.product-emblem.motion-enter,.profile-portrait.motion-enter{animation-name:dp-fade}
    .navbar .dropdown-menu.show{animation:dp-menu var(--dp-motion-fast) var(--dp-motion-ease) backwards}
    #main-nav.collapsing{transition:height var(--dp-motion-base) var(--dp-motion-ease)}
    #main-nav.show>.navbar-nav,#main-nav.show>.preference-controls{animation:dp-menu var(--dp-motion-fast) var(--dp-motion-ease) backwards}
    .btn:active:not(:disabled),.icon-button:active:not(:disabled),.preference-button:active:not(:disabled){transform:translateY(1px)}
    @media(hover:hover) and (pointer:fine){
        .studio-card:not(.form-panel):hover{transform:translateY(-3px);box-shadow:var(--dp-shadow);border-color:var(--dp-hover-border)}
        .studio-card:hover .team-photo img,.studio-card:hover .product-visual>.design-icon,.studio-card:hover .project-visual>.design-icon,.studio-card:hover .article-visual>.design-icon,.studio-card:hover .product-visual img,.studio-card:hover .project-visual img,.studio-card:hover .article-visual img{scale:1.025}
        .btn:not(:disabled):hover,.icon-button:not(:disabled):hover,.preference-button:not(:disabled):hover{transform:translateY(-2px)}
        .btn:hover>.bi,.btn:hover>img,.text-link:hover>.bi,.text-link:hover>.design-icon{translate:var(--dp-motion-inline) 0}
    }
}
@keyframes dp-rise{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes dp-fade{from{opacity:0}to{opacity:1}}
@keyframes dp-menu{from{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}
@media(max-width:1199.98px){#main-nav{max-height:calc(100dvh - 110px);overflow-y:auto;overflow-x:hidden}html{scroll-padding-top:110px}}
@media(prefers-reduced-motion:reduce){.motion-enter{opacity:1;translate:none}.studio-card,.btn,.icon-button,.preference-button{transform:none!important}}
@media print{.motion-enter{animation:none!important;opacity:1!important;translate:none!important}}