/* Shared Figma scenes. Each image includes its own approved background. */
body .d030-handwerk {
 --d030-handwerk-viewer-height:760px;
 position:relative; z-index:0; overflow:clip; color:#111112;
 background:#f6f6f8; font-family:"Work Sans",sans-serif;
}
body.home .d030-handwerk { padding:80px 64px; }
body .d030-handwerk *,body .d030-handwerk *::before,body .d030-handwerk *::after { box-sizing:border-box; }
body .d030-handwerk__inner { width:100%; max-width:1312px; margin:0 auto; }
body .d030-handwerk__header { margin:0; padding:0 0 64px; text-align:center; }
body .d030-handwerk__header h2 { margin:0; color:#111112; font:700 48px/1.08 "Work Sans",sans-serif; letter-spacing:-.052em; }
body .d030-handwerk__scene { position:relative; width:100%; min-height:760px; margin:0 auto; overflow:hidden; border-radius:36px; isolation:isolate; }
body .d030-handwerk__overlay { position:relative; min-height:760px; border-radius:inherit; overflow:hidden; }
body .d030-handwerk__overlay-media,body .d030-handwerk__overlay-frame { position:absolute; inset:0; width:100%; height:100%; }
body .d030-handwerk__overlay-media { z-index:0; pointer-events:none; }
body .d030-handwerk__overlay-frame { margin:0; opacity:0; overflow:hidden; background:var(--d030-handwerk-edge,#111112); transition:opacity .52s ease; }
body .d030-handwerk__overlay-frame.is-active { opacity:1; z-index:1; }
body .d030-handwerk__overlay-frame > img,body .d030-handwerk__overlay-frame > noscript > img {
 display:block; width:100%; height:auto; min-height:760px; max-width:none; object-fit:cover; object-position:center top;
}
body .d030-handwerk__overlay-frame > noscript > img { position:absolute; top:0; left:0; }
body .d030-handwerk__overlay-controls { position:relative; z-index:2; top:auto; left:auto; width:min(424px,calc(100% - 80px)); margin:40px; }
body .d030-handwerk__overlay-list { display:flex; flex-direction:column; align-items:flex-start; gap:16px; margin:0; padding:0; list-style:none; }
body .d030-handwerk__overlay-item { display:block; width:auto; max-width:100%; margin:0; }
body .d030-handwerk__overlay-item.is-active { width:100%; }
body .d030-handwerk__detail-card { display:block; width:100%; margin:0; padding:14px 24px; border:0; border-radius:36px; background:#fff; color:#111112; box-shadow:none; backdrop-filter:none; overflow-wrap:anywhere; }
body .d030-handwerk__detail-title { margin:0; color:#111112; font:600 16px/1.6 "Work Sans",sans-serif; letter-spacing:0; }
body .d030-handwerk__detail-description { margin:8px 0 0; padding:0; color:#111112; font:500 14px/24px "Work Sans",sans-serif; letter-spacing:0; overflow:visible; }
body .d030-handwerk__detail-description > p { margin:0; font:inherit; line-height:inherit; letter-spacing:inherit; }
body .d030-handwerk__detail-description > p + p { margin-top:8px; }
body .d030-handwerk__pill { display:none; align-items:center; gap:8px; max-width:100%; min-height:54px; padding:14px 24px; border:0; border-radius:36px; background:#fff; color:#111112; cursor:pointer; font:600 16px/1.6 "Work Sans",sans-serif; letter-spacing:0; white-space:normal; text-align:left; transition:background .26s ease; }
body .d030-handwerk__pill-icon { display:block; flex:0 0 15px; width:15px; height:15px; border:0; }
body .d030-handwerk.is-enhanced .d030-handwerk__overlay-item:not(.is-active) > .d030-handwerk__pill { display:inline-flex; }
body .d030-handwerk.is-enhanced .d030-handwerk__overlay-item:not(.is-active) > .d030-handwerk__detail-card { display:none; }
body .d030-handwerk__pill:focus-visible,body .d030-handwerk__detail-card:focus-visible { outline:2px solid #5965e3; outline-offset:4px; }
body .d030-handwerk__mobile-viewer { display:none; }
body .d030-handwerk__sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
body .d030-handwerk--service { max-width:1312px; width:100%; margin:48px auto 0; padding:0; }
@media (hover:hover) and (pointer:fine) { body .d030-handwerk__pill:hover { background:#cdf7ad; transform:none; } }
@media (min-width:768px) {
 body .d030-service-landing .d030-service-team { padding-block:80px; }
 body .d030-service-landing .d030-service-team .d030-handwerk--service { width:100%; max-width:1312px; margin:48px auto 0; }
 body .d030-service-landing .d030-handwerk--service .d030-handwerk__inner { max-width:1312px; }
}
@media (max-width:1024px) {
 body.home .d030-handwerk { padding:64px 32px; }
 body .d030-handwerk__header h2 { font-size:32px; }
}
@media (max-width:767px) {
 body.home .d030-handwerk { padding:64px 16px; }
 body .d030-service-landing .d030-service-team { padding-block:64px; }
 body .d030-handwerk--service { margin:0; }
 body .d030-handwerk__header,body .d030-handwerk__overlay { display:none; }
 body .d030-handwerk__scene { min-height:0; border-radius:36px; }
 body .d030-handwerk__mobile-viewer { touch-action:pan-y; position:relative; display:block; min-height:0; width:100%; }
 body .d030-handwerk__mobile-panels { position:relative; }
 body .d030-handwerk__mobile-panel { position:relative; display:flex; flex-direction:column; justify-content:flex-end; min-height:560px; padding:calc(100% * 248.2/343 + 32px) 0 24px; margin:0; overflow:hidden; background:var(--d030-handwerk-edge,#111112); }
 body .d030-handwerk.is-enhanced .d030-handwerk__mobile-panel:not(.is-active) { display:none; }
 /* Temporary layers share one bottom edge throughout the mobile dissolve. */
 body .d030-handwerk.is-enhanced .d030-handwerk__mobile-panels.is-transitioning > .d030-handwerk__mobile-panel.is-active,
 body .d030-handwerk.is-enhanced .d030-handwerk__mobile-panels.is-transitioning > .d030-handwerk__mobile-panel.is-leaving { position:absolute; inset:0; display:flex; min-height:0; height:100%; padding-top:0; }
 body .d030-handwerk__mobile-panels.is-transitioning > .d030-handwerk__mobile-panel.is-active { z-index:2; }
 body .d030-handwerk__mobile-panels.is-transitioning > .d030-handwerk__mobile-panel.is-leaving { z-index:1; pointer-events:none; }
 body .d030-handwerk__mobile-frame { position:absolute; z-index:0; inset:0; margin:0; pointer-events:none; }
 body .d030-handwerk__mobile-frame > img,body .d030-handwerk__mobile-frame > noscript > img { display:block; width:100%; height:auto; min-height:0; max-width:none; object-fit:contain; object-position:center top; }
 body .d030-handwerk__mobile-frame > noscript > img { position:absolute; top:0; left:0; }
 body .d030-handwerk__mobile-row { position:relative; z-index:1; display:flex; gap:11px; align-items:flex-end; padding:0 44px; }
 body .d030-handwerk.is-enhanced .d030-handwerk__mobile-row { padding:0; }
 body .d030-handwerk__mobile-detail-card { position:relative; z-index:1; flex:1 1 0; top:auto; left:auto; right:auto; bottom:auto; width:100%; min-width:0; max-height:none; min-height:0; padding:12px; border-radius:24px; }
 body .d030-handwerk__mobile-detail-card .d030-handwerk__detail-title { font-size:16px; line-height:1.6; letter-spacing:0; }
 body .d030-handwerk__mobile-detail-card .d030-handwerk__detail-description { margin:8px 0 0; padding:0; overflow:visible; font-size:14px; line-height:24px; letter-spacing:0; }
 body .d030-handwerk__mobile-nav { position:relative; z-index:3; display:none; flex:0 0 33px; width:33px; height:40px; margin:0; padding:0; border:0; border-radius:12px; background:transparent; cursor:pointer; }
 body .d030-handwerk.is-enhanced .d030-handwerk__mobile-nav { display:block; }
 body .d030-handwerk__mobile-nav--previous { left:0; }
 body .d030-handwerk__mobile-nav--next { right:0; }
 body .d030-handwerk__mobile-nav img { display:block; width:33px; height:40px; max-width:none; }
 body .d030-handwerk__mobile-nav--previous img { transform:scaleX(-1); }
 body .d030-handwerk__mobile-nav:disabled { opacity:.35; cursor:default; }
 body .d030-handwerk__mobile-nav:focus-visible { outline:2px solid #5965e3; outline-offset:-2px; }
}
@media (prefers-reduced-motion:reduce) {
 body .d030-handwerk *,body .d030-handwerk *::before,body .d030-handwerk *::after { transition-duration:.01ms!important; animation-duration:.01ms!important; }
}
/* Keep the existing native editor preview readable. */
.d030-handwerk-editor { padding:24px; background:#f6f6f8; color:#111112; font-family:"Work Sans",sans-serif; }
.d030-handwerk-editor h2 { margin:0 0 20px; font-size:32px; line-height:1.1; }
.d030-handwerk-editor__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.d030-handwerk-editor__card { padding:16px; border-radius:12px; background:#fff; }
.d030-handwerk-editor__card span,.d030-handwerk-editor__card h3,.d030-handwerk-editor__card p { margin:0; }
.d030-handwerk-editor__card span { display:block; margin-bottom:8px; font-size:12px; font-weight:600; }
.d030-handwerk-editor__card h3 { margin-bottom:8px; font-size:18px; }
.d030-handwerk-editor__card p { font-size:13px; line-height:1.5; }
@media (max-width:767px) { .d030-handwerk-editor__grid { grid-template-columns:1fr; } }