.atelier-page {
    --atelier-paper: #f6f7f9;
    --atelier-ink: #192b42;
    --atelier-muted: #6c7787;
    --atelier-line: #e1e5eb;
    background: var(--atelier-paper);
    color: var(--atelier-ink);
}

.atelier-page .atelier-section { padding-block: 72px; }
.atelier-page .atelier-raster-section-head {
    margin-bottom: 24px;
    border: 1px solid #162d4710;
    border-radius: 24px;
    box-shadow: 0 8px 24px #18283e07;
}
.atelier-page .atelier-service-grid { gap: 22px; }
.atelier-page .atelier-raster-service {
    border: 1px solid #192b4212;
    border-radius: 22px;
    box-shadow: 0 5px 16px #192b4206;
    transition: transform .22s, box-shadow .22s, border-color .22s;
}
.atelier-page .atelier-raster-service:nth-child(1) { background: #edf0ff; }
.atelier-page .atelier-raster-service:nth-child(2) { background: #e7f5ed; }
.atelier-page .atelier-raster-service:nth-child(3) { background: #e9f2ff; }
.atelier-page .atelier-raster-service:nth-child(4) { background: #fff0e5; }
.atelier-page .atelier-raster-service:nth-child(5) { background: #fbf4df; }
.atelier-page .atelier-raster-service:nth-child(6) { background: #f3eafb; }
.atelier-page .atelier-raster-service img,
.atelier-page .atelier-raster-process img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
}
.atelier-page .atelier-raster-band {
    margin-top: 24px;
    border: 1px solid #61457614;
    border-radius: 24px;
    background: #f4eff9;
    box-shadow: 0 5px 20px #192b4205;
}
.atelier-page .atelier-approach {
    background: #edf3f1;
    border-block: 1px solid #dce7e2;
}
.atelier-page .atelier-raster-process { gap: 20px; }
.atelier-page .atelier-raster-process > article {
    border: 1px solid #dce5df;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 5px 16px #174c4605;
}
.atelier-page .atelier-raster-contact-band {
    padding: 0;
    margin-top: 0;
    margin-bottom: 60px;
    background: #26305b;
    border-color: #26305b;
}
.atelier-page .atelier-featured,
.atelier-page .atelier-project {
    background: #fff;
    border-color: #e1e5eb;
    box-shadow: 0 4px 16px #192b4204;
}
.atelier-page .atelier-featured-art,
.atelier-page .atelier-project-art { background: #f0f2f6; }
.atelier-page .atelier-featured-copy h3,
.atelier-page .atelier-project-copy h2 { color: #243552; }
.atelier-page .atelier-featured > p,
.atelier-page .atelier-project-copy > p { color: #6c7787; }
.atelier-page .atelier-project-bottom strong { color: #254f79; }
.atelier-page .atelier-raster-heading {
    overflow: hidden;
    border-radius: 24px;
    margin-bottom: 24px;
    box-shadow: 0 8px 24px #192b4206;
}
.atelier-page .atelier-raster-contact-details,
.atelier-page .atelier-contact-form {
    overflow: hidden;
    border: 1px solid #dfe5ec;
    border-radius: 22px;
    background: #fff;
}
.atelier-page .atelier-raster-footer {
    border: 1px solid #e1e5eb;
    border-radius: 24px;
}

@media (hover:hover) {
    .atelier-page .atelier-raster-service:hover {
        transform: translateY(-4px);
        border-color: #192b4230;
        box-shadow: 0 12px 28px #192b4210;
    }
}

@media (max-width:760px) {
    .atelier-page .atelier-section,
    .atelier-page.atelier-inner .atelier-main { width: calc(100% - 24px); }
    .atelier-page .atelier-section { padding-block: 26px; }
    .atelier-page .atelier-raster-section-head {
        margin-bottom: 16px;
        border-radius: 19px;
    }
    .atelier-page .atelier-service-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 12px;
    }
    .atelier-page .atelier-raster-service { border-radius: 18px; }
    .atelier-page .atelier-raster-band { margin-top: 18px; border-radius: 19px; }
    .atelier-page .atelier-raster-process { gap: 12px; }
    .atelier-page .atelier-raster-process > article { border-radius: 19px; }
    .atelier-page .atelier-raster-contact-band { padding: 0; margin-top: 0; margin-bottom: 30px; }
    .atelier-page .atelier-raster-heading { margin-bottom: 18px; border-radius: 19px; }
    .atelier-page .atelier-raster-footer { width: calc(100% - 24px); border-radius: 19px; }
    .atelier-page .atelier-raster-header,
    .atelier-page.page-home .atelier-raster-header {
        border-color: #e1e5eb;
        background: #ffffffed;
        box-shadow: 0 6px 24px #192b420c;
    }
    .atelier-page .atelier-raster-header .atelier-menu-button { background: #f0f2f6; border-color: #e2e6ed; }
    .atelier-page .atelier-raster-header .atelier-header-cta { background: #263d66; }
    .siteAppDock { border-color: #e1e5eb; box-shadow: 0 10px 32px #192b4217; }
    .siteAppLink { color: #7a8594; }
    .siteAppLink[aria-current] { color: #284b7c; background: #e9eef8; }
    .siteAppMenu[open] { background: #f6f7f9; }
    .siteAppMenuLinks .siteAppLink[aria-current] { background: #e9eef8; border-color: #d6dfef; }
    .siteAppMenuContact { background: #263d66; }
    .atelier-page .atelier-raster-tools .raster-category[aria-pressed=true] { background: #263d66; border-color: #263d66; }
}

@media (prefers-reduced-motion:reduce) {
    .atelier-page .atelier-raster-service { transition: none; }
}