/* M12 review only: additions to chapters 1–3. */
#sg .m11-kicker{font-size:10px;letter-spacing:1.65px;line-height:1.7;color:#cad7b0;font-weight:600}
#sg #sg-ablauf h2 em{font:inherit;color:#c5d29f}
#sg .m11-project{margin-top:45px;display:grid;grid-template-columns:255px minmax(0,1fr);border:1px solid #c5d29f35;border-radius:28px;overflow:hidden;background:#102019ed;backdrop-filter:blur(20px)}
#sg .m11-project-nav{padding:28px 22px;background:#0e1a13a6;border-right:1px solid #c5d29f24;display:flex;flex-direction:column;gap:12px}
#sg .m11-stage{display:flex;align-items:center;gap:13px;padding:20px 13px;text-align:left;border:1px solid #c5d29f20;background:#c5d29f04;color:#cad3c0;border-radius:15px;transition:border-color .3s,background .3s}
#sg .m11-stage>span{font-size:11px;align-self:flex-start;margin-top:4px;color:#b7c39d}#sg .m11-stage>div{flex:1}#sg .m11-stage b{display:block;font-size:18px;letter-spacing:-.4px;font-weight:600}#sg .m11-stage small{display:block;font-size:11px;margin-top:6px;line-height:1.5;color:#a9b69d}#sg .m11-stage i{font-style:normal;opacity:.4}#sg .m11-stage[aria-selected=true]{color:#f5f4ed;border-color:#c5d29f7a;background:linear-gradient(130deg,#c5d29f18,#c5d29f05)}#sg .m11-stage[aria-selected=true] i{opacity:1;color:#c5d29f}#sg .m11-stage:hover{border-color:#c5d29f60}
#sg .m11-nav-note{margin-top:auto;padding:26px 8px 5px;color:#b2bea8;font-size:12px;line-height:1.8;border-top:1px solid #c5d29f18}
#sg .m11-project-panel{min-width:0;display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);align-items:stretch}
#sg .m11-project-visual{position:relative;min-height:560px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 50% 48%,#c5d29f11,transparent 70%),linear-gradient(150deg,#13292033,#0a151000);border-right:1px solid #c5d29f18;padding:25px 15px}
#sg .m11-visual-caption{position:absolute;left:25px;right:25px;top:28px;display:flex;align-items:center;justify-content:space-between;color:#cedaba;font-size:9px;letter-spacing:1.2px}
#sg .m11-visual-dot{width:5px;height:5px;background:#c5d29f;border-radius:50%;box-shadow:0 0 10px #c5d29f66}
#sg .m11-blueprint{width:100%;color:#c5d29f;overflow:visible}
#sg .m11-blueprint .m11-line{stroke:#c5d29fc9;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1700;animation:m11-draw 1.5s ease-out both}
#sg .m11-blueprint .m11-windows{stroke:#c5d29f66;stroke-width:1.2;transition:fill .7s,stroke .7s}
#sg .m11-site-outline{stroke:#c5d29f22;stroke-width:1;stroke-dasharray:4 8}
#sg .m11-pin circle{fill:#c5d29f;stroke:#c5d29f22;stroke-width:12;animation:m11-pin-pulse 4s ease-in-out infinite}
#sg .m11-pin circle:nth-child(2){animation-delay:-1.3s}#sg .m11-pin circle:nth-child(3){animation-delay:-2.6s}
#sg .m11-dimensions{stroke:#7eb6cc88;stroke-width:1;opacity:0;transition:opacity .6s}
#sg .m11-solid{opacity:0;transition:opacity .6s}
#sg .m11-grid{opacity:.4;transition:opacity .6s}
#sg .m11-complete{opacity:0;transition:opacity .6s;stroke:#c5d29f;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#sg .m11-complete circle{fill:#14271be6;stroke:#c5d29f55}
#sg .m11-project[data-phase="1"] .m11-dimensions{opacity:1}#sg .m11-project[data-phase="1"] .m11-grid{opacity:1}#sg .m11-project[data-phase="1"] .m11-pin{opacity:.2}
#sg .m11-project[data-phase="2"] .m11-solid,#sg .m11-project[data-phase="2"] .m11-complete{opacity:1}#sg .m11-project[data-phase="2"] .m11-windows{fill:#c5d29f44;stroke:#e1edbd}#sg .m11-project[data-phase="2"] .m11-pin{opacity:0}#sg .m11-project[data-phase="2"] .m11-grid{opacity:.15}
#sg .m11-sketch-badge{margin:25px auto 0;max-width:92%;border:1px solid #c5d29f30;padding:10px 13px;border-radius:8px;background:#0b1814bc;line-height:1.6;font-size:11px;color:#d6dfc9;text-align:center}
#sg .m11-stage-copy{padding:30px 27px;display:flex;flex-direction:column;min-width:0}
#sg .m11-stage-copy h3{font-size:29px;line-height:1.17;letter-spacing:-1px;margin:17px 0}
#sg .m11-stage-copy>p{font-size:13px;line-height:1.8;color:#c7cec1}
#sg .m11-stage-checks{padding:0;list-style:none;margin:22px 0;display:grid;gap:10px}
#sg .m11-stage-checks li{font-size:12px;line-height:1.6;color:#d5dfcc;display:flex;gap:10px;align-items:baseline}#sg .m11-stage-checks li:before{content:'↗';color:#c5d29f}
#sg .m11-takeaway{padding:16px 0;border-top:1px solid #c5d29f25;border-bottom:1px solid #c5d29f25;margin-bottom:23px}
#sg .m11-takeaway>span{font-size:8px;letter-spacing:1.5px;color:#adbd97}#sg .m11-takeaway p{margin-top:7px;color:#e1e7d6;font-size:12px;line-height:1.7}
#sg .m11-project-actions{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:15px}#sg .m11-project-actions .button{font-size:11px;padding:13px 16px;gap:10px}#sg .m11-project-actions button{border:0;border-bottom:1px solid #c5d29f50;padding:0 0 5px;background:none;color:#d6e0c9;font-size:11px;border-radius:0}
@keyframes m11-draw{from{stroke-dashoffset:1700}to{stroke-dashoffset:0}}
@keyframes m11-rotate{to{transform:rotate(360deg)}}
@keyframes m11-symbol-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes m11-pin-pulse{0%,100%{stroke-opacity:.1}50%{stroke-opacity:.6}}
@keyframes m11-value-pulse{0%,35%,100%{background:#243d28;box-shadow:none}15%{background:#c5d29f;box-shadow:0 0 16px #c5d29f60}}
@media(max-width:1100px){#sg .m11-project{grid-template-columns:220px 1fr}#sg .m11-project-panel{grid-template-columns:1fr}#sg .m11-project-visual{min-height:300px;max-height:330px;border-right:0;border-bottom:1px solid #c5d29f18}#sg .m11-blueprint{max-width:370px;margin:auto}#sg .m11-sketch-badge{margin:10px auto 0}#sg .m11-stage-copy{padding:30px}#sg .m11-stage-copy h3{font-size:34px}#sg .m11-project-actions{flex-direction:row;align-items:center;flex-wrap:wrap}}
@media(max-width:700px){#sg .m11-project{grid-template-columns:1fr;margin-top:30px;border-radius:22px}#sg .m11-project-nav{border-right:0;border-bottom:1px solid #c5d29f24;padding:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#sg .m11-stage{display:block;padding:12px 9px;min-width:0;border-radius:10px}#sg .m11-stage>span{font-size:10px}#sg .m11-stage b{font-size:12px;margin-top:8px;letter-spacing:-.2px}#sg .m11-stage small,#sg .m11-stage i,#sg .m11-nav-note{display:none}#sg .m11-project-visual{min-height:285px;max-height:300px;padding:42px 10px 20px}#sg .m11-visual-caption{left:22px;right:22px;top:22px;font-size:8px}#sg .m11-sketch-badge{font-size:10px}#sg .m11-stage-copy{padding:25px 22px}#sg .m11-stage-copy h3{font-size:29px}#sg .m11-project-actions{flex-direction:column;align-items:flex-start}#sg .m11-kicker{font-size:9px;letter-spacing:1.3px}}
@media(prefers-reduced-motion:reduce){#sg .m11-blueprint .m11-line{stroke-dashoffset:0}}

/* Refined M12: merge the visual accents into the existing service cards. */
#sg .m11-service-card .division-symbol{position:relative;isolation:isolate;overflow:visible}
#sg .m11-service-card .division-symbol:before{content:'';position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(var(--service-glow),.3);pointer-events:none}
#sg .m11-service-card .division-symbol:after{content:'';position:absolute;inset:-17px;border-radius:50%;border:1px dashed rgba(var(--service-glow),.2);animation:m11-service-orbit 65s linear infinite;pointer-events:none}
#sg .m11-service-card .division-symbol img{position:relative;z-index:1;filter:drop-shadow(0 0 12px rgba(var(--service-glow),.15));animation:m11-service-float 8s ease-in-out infinite}
#sg .m11-service-card:nth-child(2) .division-symbol img{animation-delay:-2.6s}#sg .m11-service-card:nth-child(3) .division-symbol img{animation-delay:-5.3s}
#sg .m11-service-note{display:inline-block;margin:15px 0 4px;color:rgba(var(--service-glow),1);font-size:11px;letter-spacing:.4px;line-height:1.7}
#sg .m11-service-card:not(:hover){background:radial-gradient(ellipse at 100% 0,rgba(var(--service-glow),.1),transparent 55%),linear-gradient(145deg,#14261af2,#101d15ed)}
#sg #sg-ueber h2 em{display:inline-block;position:relative}
#sg #sg-ueber h2 em:after{content:'';position:absolute;left:0;right:0;bottom:-9px;height:1px;background:linear-gradient(90deg,#c5d29f00,#c5d29f18,#dce9ba88,#c5d29f18,#c5d29f00);background-size:240% 100%;animation:m11-about-glint 10s ease-in-out infinite;pointer-events:none}
#sg .team-grid .m11-person-solo{grid-column:2}
#sg .career-next{position:relative}
#sg .m11-career-mark{width:66px;height:66px;margin-bottom:20px;display:grid;place-items:center;color:#c5d29f;animation:m11-career-breathe 7s ease-in-out infinite}
#sg .m11-career-mark svg{width:100%;height:100%;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#sg .m11-career-mark circle{stroke-width:1;stroke:#c5d29f44;stroke-dasharray:4 9}
#sg .career-next .button{background:#d3e3a8;box-shadow:0 0 0 5px #c5d29f09,0 8px 28px #0003;gap:15px}
#sg .career-next .button:hover{box-shadow:0 0 0 5px #c5d29f18,0 8px 30px #c5d29f25}
#sg .career-teaser:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 95% 20%,#c5d29f0c,transparent 55%)}
#sg .career-teaser>div{position:relative;z-index:1}
@keyframes m11-service-orbit{to{transform:rotate(360deg)}}
@keyframes m11-service-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes m11-about-glint{0%,100%{background-position:0 50%;opacity:.4}50%{background-position:100% 50%;opacity:.9}}
@keyframes m11-career-breathe{0%,100%{transform:translateY(0);filter:drop-shadow(0 0 0 transparent)}50%{transform:translateY(-4px);filter:drop-shadow(0 0 10px #c5d29f25)}}
@media(max-width:700px){#sg .team-grid .m11-person-solo{grid-column:1/-1;justify-self:center;width:calc((100% - 14px)/2)}#sg .m11-career-mark{width:54px;height:54px;margin-bottom:15px}#sg .m11-service-note{font-size:11px;margin-top:17px}}
@media(prefers-reduced-motion:reduce){#sg .m11-service-card .division-symbol img,#sg .m11-service-card .division-symbol:after,#sg #sg-ueber h2 em:after,#sg .m11-career-mark{animation:none!important}}