/* A shared corona: warm white at the edge, amber and ember light outside it. */
:root{--solar:#ffb34d;--solar-rgb:255,157,51;--blue:#e78927;--solar-border:#ffc477b3;--solar-shadow:0 0 2px #fff0be88,0 0 9px #ffb23a48,0 0 24px #ff651222,inset 0 0 14px #ff9a1910}
.page-shell{border:0;border-radius:0;box-shadow:none;background:none}
.solar-window{position:relative;border:1px solid var(--solar-border);border-radius:24px;box-shadow:var(--solar-shadow);background:linear-gradient(135deg,#0a0b10a6,#080a115e 60%,#120e0a75)}
.solar-window:after{content:'';position:absolute;inset:-2px;z-index:9;pointer-events:none;border-radius:inherit;padding:2px;background:conic-gradient(from 20deg,#ff9a2b70,#fff3c9ed 12%,#ff5b216e 24%,#ffc26bac 38%,#fff5d1d9 48%,#ff77204d 62%,#ffd58daa 77%,#ff8f2380 90%,#ff9a2b70);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:coronaFlicker 4.6s ease-in-out infinite alternate}
@keyframes coronaFlicker{0%,100%{opacity:.62}26%{opacity:.9}42%{opacity:.72}64%{opacity:1}82%{opacity:.75}}
.work-section,.category-section,.services-section,.footer{margin-top:38px;border-radius:24px;scroll-margin-top:30px}
.hero{--reveal:50%;border-top-color:transparent;border-radius:24px;background:radial-gradient(ellipse at 50% 50%,#11142442,#03050a66 70%)}
.hero:after{clip-path:polygon(0 -5px,37% -5px,37% 8px,63% 8px,63% -5px,100% -5px,100% 100%,0 100%)}
.hero-new{position:absolute;inset:0;border-radius:inherit}
.hero-character{filter:hue-rotate(115deg) saturate(1.15) drop-shadow(0 12px 22px #0007)}
.logo span,.links a:last-child span,.chapter,.hero-signature i,.scroll-note span,.section-number,.service-orbit,summary b{color:#ffc374}
.nav-note i,.eyebrow span{background:#ffc778;box-shadow:0 0 9px #ff971a80}
.links a:first-child:after{background:#ffc474;box-shadow:0 0 8px #ff9f31}
.hero h1:before{background:#ec8d1d;box-shadow:0 0 30px #ff97194d}
.red-blob{background:#df771a;filter:drop-shadow(0 0 20px #ff9a224d)}
.service-orbit,.service-orbit i{border-color:#ffb85a44}.service-orbit:after{background:#ffe4ac;box-shadow:0 0 10px #ffad4c}
summary>.mono{color:#c9ab89}.back-top{border-color:#ffbd7355}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#ffd59b}
.nav{background:none;border-radius:24px 24px 0 0}
/* The two complete layouts retain their width while the cut moves over them. */
.hero-old{display:none;position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;background:#67635c}
.comparison-ready .hero-old{display:block}
.legacy-site{position:absolute;inset:0;padding:117px 4.5% 35px;color:#47453c;background:linear-gradient(180deg,#19191b 0,#282725 96px,#b3ac94 128px,#c8c1a7 70%,#a49d87);font:13px/1.55 Arial,sans-serif;filter:saturate(.45)}
.legacy-masthead{display:flex;flex-direction:column;gap:3px;padding:0 21px 16px;border-bottom:5px ridge #9b9989;color:#253955}
.legacy-masthead>span{font:bold 24px Georgia,serif;letter-spacing:.06em;color:#585d64;text-shadow:1px 1px #ece8d2}
.legacy-masthead strong{font-size:12px;letter-spacing:.06em}.legacy-masthead small{font-size:10px;color:#747163}
.legacy-ticker{font-size:10px;color:#55594c;background:#a39f8c;border:1px inset #d2cbb0;padding:6px 12px;margin:13px 0}
.legacy-columns{display:grid;grid-template-columns:17% 1fr 22%;gap:18px}
.legacy-menu{font-size:11px;border:1px ridge #d1cab1;background:#b0ab99;padding:10px;display:flex;flex-direction:column;gap:9px;align-self:start}
.legacy-menu>b{background:#596676;color:#d7d6c9;padding:5px;font-size:12px;margin:-10px -10px 0}.legacy-menu>span{color:#3d5067;text-decoration:underline;border-bottom:1px solid #8b8878;padding-bottom:4px}
.legacy-badge{font:bold 8px/1.4 Verdana,sans-serif;text-align:center;background:#8b8e87;border:2px outset #c2c3b6;padding:7px 2px;color:#3c413e;margin:14px 0 4px;transform:rotate(-3deg)}
.legacy-menu>small{font-size:8px;color:#726d60}.legacy-content{padding:10px 14px 0;border:1px solid #a7a18e;background:#d0c9af8a;min-width:0}.legacy-content>small{font-size:8px;color:#817b68}
.legacy-content h2{font:bold clamp(22px,3.2vw,45px)/1.05 Georgia,serif;color:#55594f;margin:15px 0 20px;letter-spacing:-.035em}.legacy-content p{font-size:11px;max-width:420px;color:#77715e}.legacy-content hr{border:0;border-top:2px groove #b6b09b}
.legacy-placeholder{height:75px;max-width:260px;display:flex;align-items:center;gap:10px;color:#918a72;font:10px Verdana,sans-serif;border:1px inset #b9b29d;background:#c4bda5;margin:15px 0}.legacy-placeholder>span{font-size:32px;margin-left:12px;color:#8d8c78}.legacy-construction{font:bold 9px Verdana,sans-serif;padding:9px 5px;background:repeating-linear-gradient(135deg,#aaa489 0 8px,#c4bda2 8px 16px);border:1px solid #a39c84;text-align:center;color:#5f5b4c}.legacy-content .legacy-more{font-size:9px;color:#565f71;text-decoration:underline}
.legacy-news{background:#bab39b;border:2px ridge #d4cbb0;padding:10px;font-size:11px;align-self:start}.legacy-news>b{font-size:10px;color:#775b48}.legacy-news>div{font-size:9px;border-top:1px dashed #958e77;padding-top:15px;margin-top:24px}.legacy-news strong{display:inline-block;font:14px monospace;letter-spacing:3px;background:#6f7269;color:#d5d8b9;padding:4px 6px;margin-top:8px}.legacy-bottom{position:absolute;bottom:28px;left:5.5%;font-size:9px;color:#67614f}.legacy-bottom small{font-size:8px;opacity:.75}
.legacy-dust{position:absolute;inset:0;border-radius:inherit;opacity:.8;background:radial-gradient(ellipse at 17% 28%,#e1d4af63,transparent 48%),radial-gradient(ellipse at 12% 94%,#6e5c4180,transparent 55%),radial-gradient(circle at 7% 22%,#b7aa82aa 0 1px,transparent 2px) 0 0/71px 89px,radial-gradient(circle at 66% 11%,#ece0bc88 0 .6px,transparent 1.5px) 0 0/43px 67px;box-shadow:inset 0 0 90px #3b332977;pointer-events:none}
/* A narrow SVG corona follows the same irregular cut used by both layers. */
.comparison-fire{display:none;position:absolute;left:var(--reveal);top:0;width:80px;height:100%;transform:translateX(-50%);z-index:11;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 5px #ffac43a8)}
.comparison-ready .comparison-fire{display:block}
.fire-bloom,.fire-edge,.fire-core{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.fire-bloom{stroke:#ff5e16;stroke-width:15;opacity:.16}.fire-edge{stroke:#ffad40;stroke-width:5;opacity:.85}.fire-core{stroke:#fff4c6;stroke-width:1.5}
.solar-flame{fill:url(#flame-color);opacity:.7;transform-box:fill-box;transform-origin:center bottom;animation:flameLick 2.2s ease-in-out infinite alternate;animation-delay:var(--delay)}
@keyframes flameLick{0%{transform:scale(.8,.68) skewX(-9deg);opacity:.35}48%{transform:scale(.95,1) skewX(5deg);opacity:.65}100%{transform:scale(1.1,.8) skewX(-3deg);opacity:.45}}
.solar-ember{fill:#ffdda1;opacity:0;animation:emberRise 4s linear infinite;animation-delay:var(--delay)}
@keyframes emberRise{0%{opacity:0;transform:translate(0,7px)}20%{opacity:.75}80%{opacity:.3}100%{opacity:0;transform:translate(var(--drift),-50px)}}
.compare-handle{display:none;position:absolute;left:clamp(29px,var(--reveal),calc(100% - 29px));top:50%;width:56px;height:56px;transform:translate(-50%,-50%);border:1px solid #ffe8b9;border-radius:50%;background:radial-gradient(circle,#362213f2,#100e0cf2 70%);box-shadow:0 0 3px #fff1c2,0 0 16px #ff99196e,inset 0 0 12px #ffc57633;z-index:14;cursor:ew-resize;touch-action:none;user-select:none;-webkit-user-select:none;outline-offset:6px}
.comparison-ready .compare-handle{display:grid;place-items:center}.compare-handle>span{display:flex;align-items:center;gap:7px;font-size:23px;line-height:1;color:#ffe8bc}.compare-handle i{height:15px;width:1px;background:#ffcb87;box-shadow:0 0 4px #ffae4e}.compare-handle>small{position:absolute;top:65px;font:6px 'DM Mono',monospace;letter-spacing:.16em;color:#ffdfac;padding:5px 7px;border-radius:4px;background:#0a0909cc}.compare-handle:focus-visible{outline:2px solid #ffe0aa}.comparison-dragging .compare-handle{box-shadow:0 0 3px #fff3da,0 0 26px #ff9919aa,inset 0 0 12px #ffc57644}
.compare-labels{display:none;position:absolute;bottom:16px;left:5.5%;right:5.5%;z-index:12;pointer-events:none;justify-content:space-between;gap:20px;font:7px 'DM Mono',monospace;letter-spacing:.12em;color:#ffe0ae}
.comparison-ready .compare-labels{display:flex}.compare-labels>span{padding:8px 10px;border:1px solid #b79e7855;background:#13100de0;border-radius:5px}.compare-labels>span:last-child{text-align:right}.compare-labels i{font-style:normal;font-size:6px;color:#b6ada0;letter-spacing:.025em;display:block;margin-top:4px}.hero-bottom{bottom:76px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero.reveal-paused:after,.hero.reveal-paused .solar-flame,.hero.reveal-paused .solar-ember,.hero.reveal-paused .hero-new *{animation-play-state:paused!important}
/* Every preview window uses the same restrained solar edge. */
.category{--glow:var(--solar-rgb)}
.project-preview,.category-trigger,.orbit-window,.concept-dialog{border:1px solid var(--solar-border);box-shadow:var(--solar-shadow);border-radius:17px}
.project-preview:hover,.category-trigger:hover,.category.is-open .category-trigger,.orbit-window:hover{border-color:#ffe2af;box-shadow:0 0 3px #fff0beaa,0 0 13px #ffad3a66,0 0 30px #ff65122b,inset 0 0 14px #ff9a1915}
.project-preview video{border-radius:0 0 15px 15px}.view-project{border-color:#ffc16e44;border-radius:5px}.project-preview:hover .view-project{background:#75431a}
.chrome,.window-bar,.orbit-chrome,.concept-dialog-bar{background:#18140f}.chrome i,.window-bar>i{background:#d9984d}.category-caption small{color:#b6a99b}.orbit-window{border-radius:10px;overflow:hidden}.orbit-chrome{border-radius:9px 9px 0 0}.orbit-label{background:#17120e;border-radius:0 0 9px 9px}
.wheel-center{background:#18120cc7}.wheel-center>small{color:#c7b49a}.wheel-pause{background:#21170fbb;border-color:#ffbd6d44}.wheel-pause:hover{background:#49301d}
.concept-dialog{border-radius:20px;background:#13100d}.preview-size-controls button.active{background:#5b361c}.dialog-close:hover{background:#68401f}
@media(min-width:1550px){.legacy-content h2{font-size:48px}.legacy-content p{font-size:12px}.legacy-placeholder{height:100px}}
@media(max-width:1100px){.legacy-columns{grid-template-columns:19% 1fr 17%;gap:12px}.legacy-menu{padding:8px;font-size:9px}.legacy-menu>b{margin:-8px -8px 0}.legacy-news{font-size:9px;padding:7px}.legacy-content{padding:9px 11px}.legacy-content p{font-size:10px}.legacy-masthead>span{font-size:21px}}
@media(max-width:760px){
 .page-shell{margin-top:28px;width:calc(100% - 28px)}
 .solar-window,.work-section,.category-section,.services-section,.footer{border-radius:19px}.work-section,.category-section,.services-section,.footer{margin-top:25px}
 .hero{height:890px;overflow:hidden}.hero:after{clip-path:polygon(0 -5px,42% -5px,42% 8px,89% 8px,89% -5px,100% -5px,100% 100%,0 100%)}
 .nav{border-radius:19px 19px 0 0}.hero-bottom{bottom:81px}.hero-copy{top:515px}.hero-copy p{min-height:0}
 .comparison-fire{width:80px}.compare-handle{width:48px;height:48px;left:clamp(25px,var(--reveal),calc(100% - 25px));top:49%}.compare-handle>small{top:56px}
 .compare-labels{bottom:17px;left:6%;right:6%;font-size:6px;gap:10px}.compare-labels>span{padding:7px 8px}.compare-labels i{font-size:5px}
 .legacy-site{padding:108px 6% 35px}.legacy-masthead{padding:0 4px 15px;border-bottom-width:4px}.legacy-masthead>span{font-size:20px}.legacy-masthead strong{font-size:10px;max-width:190px}.legacy-masthead small{font-size:8px}
 .legacy-ticker{font-size:8px;line-height:1.5;margin:13px 0;padding:7px}.legacy-columns{grid-template-columns:27% 1fr;gap:9px}.legacy-menu{font-size:8px;padding:6px;gap:10px}.legacy-menu>b{font-size:9px;padding:6px;margin:-6px -6px 0}.legacy-menu>small{font-size:7px}.legacy-badge{font-size:6px;padding:5px 1px}.legacy-news{display:none}
 .legacy-content{padding:9px 8px}.legacy-content>small{font-size:6px}.legacy-content h2{font-size:27px;margin:17px 0 18px}.legacy-content p{font-size:10px;line-height:1.7}.legacy-placeholder{height:85px;gap:6px;font-size:8px}.legacy-placeholder>span{font-size:25px;margin-left:6px}.legacy-construction{font-size:7px;padding:10px 4px;line-height:1.7}.legacy-content .legacy-more{font-size:8px}.legacy-bottom{bottom:80px;left:6%;font-size:7px;max-width:230px}.legacy-bottom small{font-size:7px}
 .project-preview,.category-trigger{border-radius:16px}.concept-dialog{border-radius:16px}
}
@media(prefers-reduced-motion:reduce){.solar-window:after,.solar-flame,.solar-ember{animation:none}.solar-ember{display:none}.solar-flame{opacity:.4}}
.video-play-hint{margin:28px 0 0;text-align:right;color:#b1a491;font-size:7px;line-height:1.8;letter-spacing:.06em}
.project-preview:after{content:'▷ Vorschau beim Darüberfahren';position:absolute;left:10px;bottom:10px;max-width:calc(100% - 130px);padding:7px 9px;background:#100d09e8;border:1px solid #ffbd6d44;border-radius:5px;color:#f6d4a4;font:6px/1.4 'DM Mono',monospace;transition:opacity .2s;pointer-events:none}
.project-preview.is-playing:after{opacity:0}
@media(hover:none){.project-preview:after{display:none}.video-play-hint{display:none}}