/* Light client palette, with the original gold detail and movement restored. */
:root{--gold:#A7773F;--gold2:#B88448;--line:#DDCCB4;--radius:12px;--flow-metal:linear-gradient(115deg,#B27A41 0%,#DBAE78 20%,#F9DFC0 38%,#D4A36C 54%,#EAC394 72%,#B27A41 100%);--grad:var(--flow-metal);--soft-sheen:linear-gradient(115deg,#FBF7F0 0%,#F8EAD7 24%,#FFFCF7 43%,#F5E5CF 65%,#FBF7F0 100%);--gold-shadow:0 0 14px #C9995D52,0 0 34px #DBAE782A,inset 0 1px 1px #FFF4DF}
body.client-light{font-family:'Jost',Arial,sans-serif;font-size:18px}
body.client-light :is(p,a,span,b,strong,small,button,input,select,textarea,blockquote,li,figcaption,summary,h3,h4){font-family:'Jost',Arial,sans-serif}
body.client-light :is(h1,h2),body.client-light section h2 .script{font-family:'Inter',Arial,sans-serif}
body.client-light section:not(#intro) h2{font-weight:500;letter-spacing:-.045em;line-height:1.16}
body.client-light .script{color:#A47742!important}
body.client-light .eyebrow,body.client-light .lab{font-size:15px;letter-spacing:.1em;color:#8A6238}
body.client-light>nav .brand-name{font-family:'Inter',Arial,sans-serif;font-weight:400;letter-spacing:.055em}
body.client-light>nav .menu a{color:#292621}
/* Photo retains the original hero actions and social placement. */
.hero-photo img{object-position:50% 53%}
.photo-hero{height:calc(91svh - var(--compact-nav));max-height:730px}
.photo-hero:after{inset:44% 0 0;background:linear-gradient(0deg,#FCFAF6 0%,#FCFAF6E8 15%,#FCFAF660 40%,transparent 76%)}
body.client-light .pill,body.client-light .package-open,body.client-light .gold-action,body.client-light .offer-request{display:inline-flex;align-items:center;justify-content:center;gap:16px;width:fit-content;max-width:100%;min-height:54px;padding:14px 29px;border:1px solid #BF9156;border-radius:999px;background:var(--flow-metal);background-size:250% 100%;color:#342419;font:500 18px/1.35 'Jost',Arial,sans-serif;box-shadow:var(--gold-shadow);animation:flow-metal 6s ease-in-out infinite alternate;transition:transform .55s var(--flow-ease),box-shadow .55s,border-color .55s;text-shadow:none;cursor:pointer}
body.client-light :is(.pill,.package-open,.gold-action,.offer-request):hover{background:var(--flow-metal);background-size:250% 100%;transform:translateY(-3px);border-color:#A16A30;box-shadow:0 0 20px #C38B4F73,0 0 42px #DBAE784A,inset 0 1px 2px #FFF3DC}
body.client-light :is(a,button):focus-visible{outline:2px solid #895A2C;outline-offset:5px}
body.client-light .photo-hero .hero-actions .pill{background:#FCFAF638;color:#29241D;border-color:#BA8A4F;box-shadow:0 0 14px #C58F4B73,0 0 32px #DBAE7840,inset 0 0 12px #FFEFCE65;backdrop-filter:blur(7px);min-width:230px;min-height:58px;font-weight:500;animation:none}
body.client-light .photo-hero .hero-actions .pill:hover{background:#FFFAF070;box-shadow:0 0 22px #BD864A88,0 0 42px #DBAE7859,inset 0 0 12px #FFF5DF80}
body.client-light .soc a,body.client-light footer .soc a{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:1px solid #C3955D;background:var(--flow-metal);background-size:250% 100%;box-shadow:var(--gold-shadow);animation:flow-metal 6s ease-in-out infinite alternate;transition:transform .5s,box-shadow .5s}
body.client-light .soc a:nth-child(2){animation-delay:-2s}
body.client-light .soc a:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 0 22px #C38B4F73,0 0 40px #DBAE7842,inset 0 1px 1px #FFF4DF}
body.client-light .soc svg{fill:#35251B;width:23px;height:23px}
body.client-light #intro.cinema-intro{padding:40px 6vw 68px}
body.client-light #intro h1{font-size:clamp(33px,3.7vw,53px);font-weight:500;letter-spacing:-.035em;line-height:1.17;max-width:1080px;margin-bottom:28px;text-align:center}
body.client-light #intro h1 span{font-family:inherit;font-size:.92em;font-weight:400;line-height:1.22;letter-spacing:-.03em;margin-top:20px;color:#A47742;text-shadow:none;filter:none;background:none;animation:none;-webkit-text-fill-color:currentColor}
body.client-light #intro p{font-size:21px;line-height:1.7;max-width:780px;color:#4C4944}
/* Related cards share the same rounded edge, subtle sheen and illuminated border. */
body.client-light #help .card,body.client-light .process-step{border:1px solid #D5AD7A;border-radius:12px;background:var(--soft-sheen);background-size:260% 100%;box-shadow:0 0 19px #DBAE7845,0 0 38px #DBAE7820,inset 0 1px 0 #FFFDF7;animation:flow-metal 9s ease-in-out infinite alternate}
body.client-light #help .card:nth-child(2),body.client-light .process-step:nth-child(even){animation-delay:-4s}
body.client-light #help .card h3{font-family:'Jost',Arial,sans-serif;font-size:36px;font-weight:400;letter-spacing:-.02em}
body.client-light #help .card p{font-size:19px}
body.client-light #help .card .pill{background:var(--flow-metal);background-size:250% 100%;box-shadow:var(--gold-shadow);border-radius:999px;padding:13px 25px;animation:flow-metal 6s ease-in-out infinite alternate;align-self:center;margin-inline:auto}
body.client-light #help .card{display:flex;flex-direction:column;align-items:flex-start}
body.client-light #help .card .pill{margin-top:auto}
body.client-light .strength-coin,body.client-light .strength-item.is-flow-visible .strength-coin{background:var(--flow-metal);background-size:240% 100%;border:1px solid #D5A66C;box-shadow:var(--gold-shadow);color:#392719;animation:flow-metal 5s ease-in-out infinite alternate,coin-light 1.2s ease-out both}
body.client-light .strength-item h3{font-family:'Jost',Arial,sans-serif;font-weight:500;font-size:29px;letter-spacing:-.02em}
body.client-light .strength-item p{font-size:18px;line-height:1.7}
body.client-light .strength-source{color:#8C673C;font-size:15px}
body.client-light .service-number{border-radius:50%;background:var(--flow-metal);background-size:240% 100%;box-shadow:0 0 15px #DBAE7845;animation:flow-metal 7s ease-in-out infinite alternate;color:#674421}
body.client-light .process-step h3{font-size:22px;font-weight:500;letter-spacing:-.02em}
body.client-light .process-step p{font-size:17px;line-height:1.65;color:#51483D}
body.client-light .process-number{font-family:'Jost',Arial,sans-serif;color:#916333;font-size:28px}
body.client-light .flow-item.flow-pending{transform:translateY(34px) scale(.945)}
body.client-light :is(#help .card,.package-card,.process-step).is-flow-visible:hover{box-shadow:0 0 24px #C9955466,0 0 44px #DBAE782E,inset 0 1px 0 #FFF9ED;transform:translateY(-5px) scale(1.022)}
@media(hover:none){body.client-light :is(#help .card,.package-card,.process-step).is-in-view{box-shadow:0 0 22px #C9955466,0 0 42px #DBAE782D,inset 0 1px 0 #FFF9ED}}
/* Pricing stays light; the benefit is the heading and the gold action is the emphasis. */
body.client-light #pakete.package-area{background:linear-gradient(140deg,#F8F0E4,#FCFAF6 65%);border:1px solid #E5D3B9;border-radius:12px;padding:40px 28px;margin:40px -24px 44px;box-shadow:0 0 30px #DBAE7819;color:#292621}
body.client-light #pakete .package-heading h3{font:500 clamp(30px,3.3vw,43px)/1.2 'Inter',Arial,sans-serif;letter-spacing:-.04em;color:#292621}
body.client-light #pakete .package-heading p{font-size:19px;color:#62574A}
body.client-light #pakete .package-card{background:var(--soft-sheen);background-size:260% 100%;animation:flow-metal 9s ease-in-out infinite alternate;border:1px solid #D3AC78;border-radius:12px;color:#292621;box-shadow:0 0 18px #DBAE7845,0 0 36px #DBAE7820,inset 0 1px 0 #FFFDF8;padding:29px 25px}
body.client-light #pakete .package-card:nth-child(2){animation-delay:-3s}
body.client-light #pakete .package-card:nth-child(3){animation-delay:-6s}
body.client-light #pakete .package-card h4{font-size:16px;font-weight:500;letter-spacing:.11em;color:#885A2A}
body.client-light #pakete .package-position{font-family:'Jost',Arial,sans-serif;font-weight:500;font-size:27px;line-height:1.3;min-height:4em;color:#302A23}
body.client-light #pakete .package-points{color:#544C41;font-size:17px;border-color:#D9BD93}
body.client-light #pakete .package-points li:before{color:#9B6B32}
body.client-light #pakete .package-price{color:#8E612E;font-size:29px;font-weight:500;margin-bottom:8px}
body.client-light #pakete .price-currency{color:#8E612E;font-size:.8em;font-family:'Jost',Arial,sans-serif}
body.client-light #pakete .package-period{font-size:15px;line-height:1.5;color:#655A4C}
body.client-light #pakete .package-investment{margin-top:auto;padding-top:16px}
body.client-light #pakete .package-open{margin:25px auto 2px;max-width:100%;min-width:0;font-size:17px;padding:14px 25px;align-self:center;flex:none}
body.client-light #social>.wrap>.cta{margin:34px 0 14px;padding:0;text-align:center}
body.client-light #social>.wrap>.cta .pill{font-size:19px;min-width:0;min-height:56px;padding:15px 30px}
body.client-light .event-intro-actions{display:flex;justify-content:center;margin:30px 0 32px}
body.client-light .event-intro-actions .event-detail-open{width:fit-content;max-width:100%;font-size:18px;min-height:54px;padding:15px 28px}
body.client-light #events #facts-g{width:100%;max-width:800px;margin:26px auto 0;padding:10px 0 0;gap:24px}
body.client-light #events #facts-g>div{padding:8px 0;text-align:center}
body.client-light #events #facts-g .gt{display:flex;justify-content:center;align-items:baseline;gap:2px;font:500 clamp(42px,5vw,64px)/1.1 'Jost',Arial,sans-serif;filter:none;background:none;text-shadow:none;animation:none}
body.client-light #events #facts-g :is(.fact-value,.fact-plus){background:linear-gradient(110deg,#875426 0%,#BF8641 27%,#F0CE94 43%,#A16B30 58%,#D9A85F 75%,#875426 100%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:flow-metal 3.5s linear infinite alternate;filter:drop-shadow(0 0 7px #DBAE7829);color:#A16B30}
body.client-light #events #facts-g .lab{font-size:16px;line-height:1.45;letter-spacing:0;max-width:190px;margin:13px auto 0;color:#65533E}
body.client-light .fctl button{color:#74502C!important;font:500 16px/1.35 'Jost',Arial,sans-serif;min-height:44px;border-color:#CDA66D}
body.client-light .fctl button.on{color:#30251A!important;background:#F2E3CB}
body.client-light .evi>.script{color:#936630!important;font-size:27px}
body.client-light .evi .cta{margin:26px 0 0;text-align:center!important}
body.client-light .event-feature :is(.flipwrap,.mafia-poster){border-radius:12px;box-shadow:0 0 20px #DBAE7855,0 0 38px #DBAE7826}
body.client-light .flipwrap :is(.flip,.fi,.fa,.fb),body.client-light .flipwrap img,body.client-light .mafia-poster,body.client-light .mafia-poster>img{border-radius:12px}
body.client-light .mafia-poster-action .pill{background:var(--flow-metal);background-size:250% 100%;box-shadow:var(--gold-shadow)}
body.client-light :is(.review-card,.project-card,.project-metrics>div,.offer-dialog,.detail-dialog,#ueber .oval){border-radius:12px}
body.client-light .review-card{box-shadow:0 0 20px #DBAE7820;border-color:#DAC29F}
body.client-light .offer-footer{justify-content:center}
body.client-light .offer-request{width:fit-content}
body.client-light footer .signature-mark{width:250px;filter:none}
body.client-light footer .signature-mark .signature{opacity:0}
body.client-light footer .signature-shimmer{background:linear-gradient(110deg,#7F501F 0%,#A97133 28%,#D3A362 44%,#956126 60%,#BF8747 80%,#7F501F);background-size:250% 100%;animation:signature-lustre 6s ease-in-out infinite alternate;filter:drop-shadow(0 0 1px #A06C3030)}
body.client-light footer .soc{justify-content:center;margin-top:26px}
/* A visible, swipable project rail with individual editorial cover photographs. */
#projekte{margin:56px 0 28px}
.carousel-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#896438;font-size:15px;margin-bottom:12px}
.project-grid.carousel-rail{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#C39A64 #F0E6D8;margin:0 -12px;padding:16px 12px 26px;-webkit-overflow-scrolling:touch}
body.client-light .project-card{flex:0 0 calc((100% - 48px)/3);min-width:0;min-height:540px;display:flex;position:relative;isolation:isolate;justify-content:flex-end;border:1px solid #D6BA93;border-radius:12px;background:#F9F4EB;overflow:hidden;padding:0;box-shadow:0 0 18px #DBAE7829;scroll-snap-align:start;scroll-margin-left:12px;transition:transform .6s var(--flow-ease),box-shadow .6s;cursor:pointer}
body.client-light .project-card:hover{transform:translateY(-5px);box-shadow:0 0 24px #DBAE7860}
.project-card .project-cover{position:absolute;inset:0 0 auto;height:360px;width:100%;aspect-ratio:auto;z-index:-2;overflow:hidden}
.project-cover svg{display:block;width:100%;height:100%;transition:transform .8s var(--flow-ease)}
.project-card:hover .project-cover svg{transform:scale(1.035)}
.project-card .project-card-body{display:flex;flex-direction:column;flex:0 0 auto;min-height:270px;padding:75px 24px 25px;gap:13px;background:linear-gradient(180deg,#FCFAF600,#FCFAF6F2 19%,#FCFAF6 38%);position:relative;width:100%;box-sizing:border-box}
.project-card .project-field{font:500 13px/1.45 'Jost',Arial,sans-serif;color:#875C2D;letter-spacing:.055em;min-height:2.9em}
.project-card strong{font:500 25px/1.18 'Jost',Arial,sans-serif;letter-spacing:-.025em;color:#292622;min-height:2.36em}
.project-card .project-summary{font:400 16px/1.55 'Jost',Arial,sans-serif;color:#544C43;min-height:6.2em}
.project-card .project-action{font-size:16px;color:#7F5527;padding-top:15px;border-top:1px solid #DBC5A6;margin-top:3px}
.project-card .project-type-cover{background:var(--soft-sheen);background-size:260% 100%;animation:flow-metal 10s ease-in-out infinite alternate;justify-content:flex-start;padding-top:55px;gap:18px}
.project-type-cover>span{font-family:'Inter',Arial,sans-serif!important;font-size:46px;color:#9A6E36;letter-spacing:-.06em;font-weight:500}
.project-type-cover small{font-size:16px;color:#80582E}
.carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:6px}
.carousel-count{color:#805C32;font-size:16px;letter-spacing:.07em;margin-right:8px;font-variant-numeric:tabular-nums}
.carousel-controls button{width:48px;height:48px;border:1px solid #C39A65;border-radius:50%;background:var(--soft-sheen);color:#73502C;font-size:25px;cursor:pointer;transition:background .4s,box-shadow .4s;box-shadow:0 0 12px #DBAE7820}
.carousel-controls button:hover{background:#F1DFC4;box-shadow:0 0 16px #DBAE7850}
.carousel-controls button:disabled{opacity:.3;cursor:default;box-shadow:none}
/* Case evidence is a gallery, never a stack of full-height Instagram screens. */
.project-evidence.carousel-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#BF985E #EFE7DA;padding:8px 3px 16px;align-items:stretch}
.project-evidence figure{flex:0 0 calc((100% - 22px)/2);min-width:0;scroll-snap-align:start;margin:0}
.project-evidence a{height:min(58dvh,540px);display:flex;align-items:center;justify-content:center;border:1px solid #DCC7A9;border-radius:12px;background:#F2ECE2;box-shadow:0 0 16px #DBAE7820;padding:10px;overflow:hidden}
.project-evidence img{height:100%;width:100%;max-width:100%;object-fit:contain;border-radius:5px}
.project-evidence figcaption{font-size:15px;line-height:1.5;margin:12px 2px 0}
.project-evidence-hint{font-size:16px!important}
.evidence-gallery .carousel-controls{margin:4px 0 20px}
.project-metrics>div{background:var(--soft-sheen);border-color:#D9BD97;box-shadow:0 0 15px #DBAE782C}
@media(min-width:1400px){.hero-photo img{object-position:50% 52%}}
@media(max-width:1000px){body.client-light .project-card{flex-basis:calc((100% - 24px)/2.15)}.project-card .project-card-body{padding-inline:22px}.process-step h3{overflow-wrap:anywhere}}
@media(max-width:760px){
 body.client-light>nav .brand-name{font-size:clamp(17px,4.7vw,22px);letter-spacing:.015em}
 .photo-hero{height:calc(88svh - 72px);min-height:530px;max-height:760px}
 .hero-photo{bottom:70px}
 .hero-photo img{object-fit:cover;object-position:22% 100%;height:130%;position:absolute;bottom:0;left:0}
 .photo-hero:after{inset:55% 0 0;background:linear-gradient(0deg,#FCFAF6 0%,#FCFAF6E6 25%,#FCFAF650 53%,transparent 90%)}
 .photo-hero .hero-actions{gap:12px;margin-bottom:22px}
 body.client-light .photo-hero .hero-actions .pill{font-size:16px;min-width:0;min-height:60px;padding:12px 14px;flex:1;line-height:1.35}
 body.client-light .soc a,body.client-light footer .soc a{width:46px;height:46px}
 body.client-light #intro.cinema-intro{padding:28px 22px 48px}
 body.client-light #intro h1{font-size:clamp(27px,7.1vw,35px);line-height:1.2;letter-spacing:-.035em;margin-bottom:23px}
 body.client-light #intro h1 span{font-size:.9em;line-height:1.3;margin-top:17px;letter-spacing:-.025em}
 body.client-light #intro p{font-size:19px;line-height:1.7}
 body.client-light .strength-item h3{font-size:26px}
 body.client-light section:not(#intro) h2{font-size:clamp(31px,8.5vw,39px)}
 body.client-light #help .card h3{font-size:33px}
 body.client-light #pakete.package-area{margin:32px -12px;padding:31px 18px}
 body.client-light #pakete .package-position{font-size:27px;min-height:0}
 body.client-light #pakete .package-card{padding:27px 24px}
 body.client-light #pakete .package-open{margin-top:24px}
 body.client-light #events #facts-g{gap:12px;margin-top:22px;padding-top:0}
 body.client-light #events #facts-g .gt{font-size:clamp(38px,10vw,47px)}
 body.client-light #events #facts-g .lab{font-size:14px;line-height:1.4;max-width:125px;margin-top:10px}
 body.client-light .event-intro-actions{margin:28px 0 24px}
 body.client-light .fctl{gap:8px}
 body.client-light .fctl button{font-size:15px}
 .project-grid.carousel-rail{gap:18px;margin-inline:-10px;padding-inline:10px}
 body.client-light .project-card{flex-basis:88%;min-height:535px}
 .project-card .project-card-body{padding:72px 23px 24px}
 .project-card strong{font-size:26px}
 .project-card .project-summary{font-size:16px}
 .carousel-intro{font-size:14px;gap:10px}
 .carousel-controls button{width:46px;height:46px}
 .project-evidence figure{flex-basis:88%}
 .project-evidence a{height:min(58dvh,480px);padding:8px}
 body.client-light .offer-request{font-size:17px;padding:14px 22px}
}
@media(max-width:360px){.photo-hero{min-height:505px}.photo-hero-bottom{left:16px;right:16px}body.client-light .photo-hero .hero-actions .pill{font-size:15px;padding-inline:10px}.carousel-intro{font-size:13px}.project-card .project-card-body{padding-inline:19px}.project-card strong{font-size:24px}.project-card .project-field{font-size:12px}}
@media(prefers-reduced-motion:reduce){
 body.client-light *,body.client-light *:before,body.client-light *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}
 body.client-light .flow-item.flow-pending{opacity:1;transform:none}
}