/* Canonical light-site hierarchy. Wordmark and hero typography remain approved. */
:root{--title-size:clamp(34px,3.45vw,46px);--subtitle-size:clamp(25px,2.25vw,30px);--card-title-size:26px;--luxe-ease:cubic-bezier(.2,.7,.2,1)}
body.client-light section:not(#intro) h2,
body.client-light section:not(#intro) h2 .script{
 font-family:'Inter',Arial,sans-serif!important;font-size:var(--title-size)!important;font-weight:500!important;line-height:1.18!important;letter-spacing:-.04em!important;text-align:center!important;text-wrap:balance;
}
body.client-light .section-head,body.client-light .service-chapter,
body.client-light .service-heading,body.client-light .strengths-heading,
body.client-light .moments-copy,body.client-light .package-heading{
 text-align:center!important;margin-inline:auto;justify-content:center;width:100%;
}
body.client-light .section-head h2,body.client-light .strengths-heading h2,
body.client-light .moments-copy h2{max-width:900px;margin:0 auto 24px}
body.client-light .section-head>p,body.client-light .moments-copy p,
body.client-light .strengths-heading p{margin-inline:auto;text-align:center!important;max-width:650px}
body.client-light section h2 .script{display:block;width:100%;margin:9px auto 0!important}
body.client-light .eyebrow,body.client-light .lab{font:500 18px/1.5 'Jost',Arial,sans-serif;letter-spacing:.09em}
body.client-light .process-title,body.client-light #pakete .package-heading h3,
body.client-light .service-copy>h3,body.client-light .production-copy>h3{
 font:500 var(--subtitle-size)/1.3 'Jost',Arial,sans-serif!important;letter-spacing:-.02em!important;text-align:center!important;text-wrap:balance;margin:0 auto 25px;color:#302820;
}
body.client-light .process-title{margin:48px auto 28px!important}
body.client-light #pakete .package-heading{margin:0 auto 30px;max-width:660px}
body.client-light #pakete .package-heading h3{margin-bottom:0;color:#302820}
body.client-light #help{padding-top:16px;padding-bottom:54px}
body.client-light #help .three{gap:28px}
body.client-light #help .card{padding:38px 32px;min-height:285px;justify-content:flex-start;text-align:center;align-items:center}
body.client-light #help .card h3{font:500 36px/1.2 'Jost',sans-serif;margin:0 auto 20px;letter-spacing:-.025em}
body.client-light #help .card .pill{position:relative;min-width:210px;justify-content:center;text-align:center;padding:14px 43px;gap:0}
body.client-light #help .card .pill>span{position:absolute;right:20px}
body.client-light :is(.pill,.package-open,.gold-action,.offer-request){text-align:center;justify-content:center;white-space:normal}
body.client-light .pill:has(>span[aria-hidden]),body.client-light .package-open:has(>span[aria-hidden]){position:relative;padding-inline:43px;gap:0}
body.client-light .pill>span[aria-hidden],body.client-light .package-open>span[aria-hidden]{position:absolute;right:18px}
/* Problems are a clear sequence, with a real photographic surface behind it. */
body.client-light .need-column{padding:32px;box-shadow:0 0 24px #DBAE7828;border-color:#D7B58E}
body.client-light .need-column h3{text-align:center;font-size:var(--card-title-size);margin-bottom:28px}
.need-column:before{opacity:.56;filter:saturate(.7);transition:transform 1.2s var(--luxe-ease),filter .8s}
.need-column:after{background:linear-gradient(105deg,#FCFAF6F5 0%,#FCFAF6D9 48%,#FCFAF675 100%)}
.need-event:before{background-image:url('../portraits/show.jpg');background-position:70% 39%;filter:saturate(.65)}
.need-column ul{margin-bottom:14px}
body.client-light .need-column li{padding:0 0 28px 30px;line-height:1.65;color:#302820}
.need-column li:before{width:11px;height:11px;left:0;top:10px;background:radial-gradient(circle at 28% 23%,#FFF5DF 0%,#EAC394 28%,#C38B55 65%,#996333 100%);box-shadow:0 0 10px #DBAE7877;z-index:1}
.need-column li:not(:last-child):after{content:'';position:absolute;left:5px;top:26px;bottom:8px;width:1px;background:linear-gradient(#CDA778AA,#CDA77822)}
.need-column li.is-flow-visible:before{animation:orb-light 2.2s ease-in-out infinite alternate;animation-delay:var(--flow-delay,0ms)}
.need-column a{display:flex;width:fit-content;margin:4px auto 0;text-align:center}
@keyframes orb-light{from{box-shadow:0 0 6px #DBAE7844}to{box-shadow:0 0 13px #DBAE7899,0 0 24px #DBAE7833}}
/* Every message in the phone section shares the same centered axis. */
body.client-light .moments-copy{text-align:center!important}
body.client-light .moments-copy :is(h2,p,.eyebrow,.script){text-align:center!important;margin-inline:auto}
body.client-light #warum-hanna{padding-top:52px!important}
.strengths-layout{grid-template-columns:1fr;gap:32px;max-width:1000px}
.strengths-heading{position:static;max-width:790px}
.strengths-heading p{max-width:650px}
.strengths-list{max-width:850px;margin:0 auto;width:100%}
body.client-light .strength-item h3{font:500 var(--card-title-size)/1.3 'Jost',sans-serif;letter-spacing:-.02em}
/* Marketing: full client copy, separated into a story and three focal points. */
.strategy-story{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,5vw,64px);align-items:stretch;max-width:1180px}
.strategy-story .service-photo{min-height:600px;margin:0;order:0}
.strategy-story .service-photo img{height:100%;min-height:600px;object-fit:cover;object-position:50% 32%}
body.client-light .service-copy{max-width:none;min-width:0;padding:16px 0}
body.client-light .service-copy>h3{margin-bottom:10px}
body.client-light .service-copy .strategy-lead{font-size:24px;line-height:1.4;text-align:center;color:#8F6038;margin:0 0 28px;text-wrap:balance}
body.client-light .service-copy>p{font-size:19px;line-height:1.7}
.focus-block{padding-top:6px}
.focus-block h4{font:500 19px/1.4 'Jost',sans-serif;text-align:center;color:#926239;margin:0 0 17px}
.focus-path{list-style:none;margin:0;padding:0}
.focus-path li{position:relative;padding:13px 0 13px 29px;border-bottom:1px solid #DCC6AB;font:500 21px/1.45 'Jost',sans-serif;color:#302820}
.focus-path li:before{content:'+';display:grid;place-items:center;position:absolute;left:0;top:16px;width:18px;height:18px;border-radius:50%;background:var(--flow-metal);color:#50341C;font:400 16px/1 'Jost',sans-serif;box-shadow:0 0 12px #DBAE7850}
body.client-light .focus-note{margin:22px 0 0;font-size:18px;color:#86603B;text-align:center}
.production-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:0;background:#F3EEE6;border:1px solid #DCC3A3;border-radius:12px;overflow:hidden;margin:44px 0 0;box-shadow:0 0 28px #DBAE7820}
.production-copy{padding:40px;align-self:center;min-width:0}
.production-copy p{font:400 19px/1.7 'Jost',sans-serif;margin:0 0 20px;color:#453C33}
.production-copy p:last-child{margin-bottom:0}
.production-photo{margin:0;min-height:580px;border-radius:0!important}
.production-photo img{display:block;width:100%;height:100%;min-height:580px;object-fit:cover;object-position:50% 46%}
.production-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:28px 0 30px;gap:20px;text-align:center}
.production-path li{position:relative;color:#80532F}
.production-path li:not(:last-child):after{content:'';position:absolute;left:calc(50% + 28px);width:calc(100% - 36px);height:1px;top:24px;background:linear-gradient(90deg,#C89966,#DCC8AB)}
.production-path span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--flow-metal);background-size:250% 100%;animation:flow-metal 6s ease-in-out infinite alternate;box-shadow:var(--gold-shadow);margin:0 auto 12px;font-size:24px;color:#5C3D26}
.production-path strong{font:500 19px/1.4 'Jost',sans-serif}
/* Package hierarchy: benefit first; every heading and price on the center axis. */
body.client-light #pakete .package-card h4,
body.client-light #pakete .package-card .package-position,
body.client-light #pakete .package-card .package-investment,
body.client-light #pakete .package-card .package-period{text-align:center!important;width:100%;margin-inline:auto}
body.client-light #pakete .package-card h4{font:500 20px/1.35 'Jost',sans-serif;letter-spacing:.08em}
body.client-light #pakete .package-card .package-position{font:500 26px/1.35 'Jost',sans-serif;letter-spacing:-.02em;text-wrap:balance}
body.client-light #pakete .package-card .package-price{display:flex;align-items:baseline;justify-content:center!important;gap:7px;text-align:center;margin-inline:auto}
body.client-light #pakete .package-open{white-space:nowrap!important;padding-inline:38px;margin:28px auto 0;font-size:17px}
/* A visible texture with a restrained veil protects the case-study copy. */
body.client-light .project-card .project-cover{opacity:.46;filter:saturate(.7);transition:opacity .8s,filter .8s}
body.client-light .project-card:after{background:linear-gradient(145deg,#FCFAF6C2 0%,#FCFAF65C 45%,#F8F1E5ED 100%)}
body.client-light .project-card strong{font-size:28px}
body.client-light .project-card .project-summary{color:#342C24}
body.client-light .project-card .project-card-body{padding:32px 26px}
/* Events: one main title; the client differentiator is supporting copy. */
body.client-light .event-introduction .event-lead{font:500 var(--subtitle-size)/1.35 'Jost',sans-serif!important;color:#805835;text-align:center;text-wrap:balance;max-width:700px;margin:0 auto 26px!important}
body.client-light .event-introduction>p:not(.event-lead){font-size:19px;line-height:1.75}
.event-options{margin:32px 0 24px;gap:26px;align-items:stretch}
.event-options>div{position:relative;isolation:isolate;overflow:hidden;padding:34px;box-shadow:0 0 24px #DBAE7825}
body.client-light .event-options h4{font:500 var(--card-title-size)/1.3 'Jost',sans-serif;letter-spacing:-.02em;text-align:center;margin:0 auto 24px;max-width:330px;text-wrap:balance}
.event-options .event-community{background:#F6F0E7}
.event-community .surface-image{opacity:.5;object-position:50% 37%}
.event-community:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(95deg,#FCFAF6EA 0%,#FCFAF6C4 55%,#FCFAF68C)}
.event-bespoke{display:flex;flex-direction:column;justify-content:center}
.event-options .event-format-list li{padding-block:9px;font-size:19px}
body.client-light .fctl button,body.client-light .fctl button.on{background:transparent!important;box-shadow:none!important;border-radius:0;color:#855A35!important;font-size:16px}
body.client-light .fctl button.on{border-bottom-color:#AA7546}
/* The host photograph is now visible, without competing with the poster. */
body.client-light #mafia:before,body.client-light #mafia:after{display:none}
.mafia-host-panel{position:relative;isolation:isolate;overflow:hidden;min-height:620px;display:flex;align-items:flex-end;border-radius:12px;background:#E9E7E3;box-shadow:0 0 25px #DBAE7825}
.photo-surface .surface-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.mafia-host-panel .surface-image{opacity:.88;object-position:50% 35%}
.mafia-host-panel:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#FAF5EE05 0%,#FAF5EE10 35%,#FAF5EEE3 65%,#FAF5EEF5 100%)}
body.client-light #mafia .mafia-event-copy{background:none;padding:300px 32px 28px;width:100%}
body.client-light #mafia .mafia-event-copy h3{font:500 30px/1.3 'Jost',sans-serif;text-align:center}
body.client-light #mafia .mafia-event-copy>p{color:#342D26;font-size:19px}
body.client-light #mafia .mafia-event-copy .mafia-language{font-size:18px}
body.client-light #stimmen .section-head h2{max-width:850px}
body.client-light #ueber .split>div:last-child{text-align:center}
body.client-light #ueber h2 .script{font-size:var(--title-size)!important}
body.client-light #ueber p{font-size:19px;line-height:1.75}
body.client-light #kontakt h2,body.client-light #kontakt p{text-align:center!important}
body.client-light #kontakt .contact-action{margin:28px 0 0!important}
body.client-light #kontakt .contact-action .pill{min-width:180px}
body.client-light #kontakt :is(input,textarea,select){border-radius:10px}
/* Native scroll, gently enlarging images; no scroll hijacking. */
.luxe-media{overflow:hidden;border-radius:12px;box-shadow:0 0 24px #DBAE7830;transition:box-shadow .8s}
.luxe-media>img,.photo-surface>.surface-image{transform:scale(calc(var(--scroll-scale,1.015) + var(--hover-zoom,0)));transform-origin:center;transition:transform 1.1s var(--luxe-ease),filter .8s;filter:saturate(.88) brightness(.98)}
body.client-light .flow-item.flow-pending{opacity:0;transform:translateY(30px) scale(.965)}
body.client-light .flow-item.is-flow-visible{opacity:1;transform:translateY(0) scale(1)}
@media(hover:hover){
 .luxe-media:hover,.photo-surface:hover{--hover-zoom:.025;box-shadow:0 0 27px #DBAE7855,0 12px 32px #AA754612}
 .luxe-media:hover>img,.photo-surface:hover>.surface-image{filter:saturate(1.02) brightness(1.04)}
 .need-column:hover:before{transform:scale(1.04);filter:saturate(.95) brightness(1.04)}
 body.client-light .project-card:hover .project-cover{opacity:.58;filter:saturate(.95) brightness(1.04)}
 body.client-light :is(.review-card,.event-options>div):hover{box-shadow:0 0 28px #DBAE7850;transform:translateY(-4px)}
}
@media(max-width:820px){
 :root{--title-size:34px;--subtitle-size:26px;--card-title-size:25px}
 body.client-light .eyebrow,body.client-light .lab{font-size:17px}
 body.client-light #help .card{padding:32px 25px;min-height:270px}
 body.client-light #help .card h3{font-size:32px}
 body.client-light .need-column{padding:29px 24px}
 .strategy-story,.production-panel{grid-template-columns:1fr;gap:0}
 .strategy-story .service-photo{min-height:360px;max-height:440px;order:0;margin-bottom:30px}
 .strategy-story .service-photo img{min-height:360px;height:440px;object-position:50% 24%}
 body.client-light .service-copy{padding:0}
 body.client-light .service-copy .strategy-lead{font-size:23px}
 body.client-light .service-copy>p,.production-copy p{font-size:18px}
 .focus-path li{font-size:20px}
 .production-panel{margin-top:34px}
 .production-copy{padding:30px 25px}
 .production-photo{order:-1;min-height:300px;height:330px}
 .production-photo img{height:330px;min-height:300px;object-position:50% 42%}
 .production-path{gap:14px}
 .production-path strong{font-size:18px}
 .event-options{grid-template-columns:1fr;gap:24px}
 .event-options>div{padding:30px 26px}
 body.client-light .project-card .project-card-body{padding:30px 24px}
 .mafia-host-panel{min-height:580px;width:100%}
 body.client-light #mafia .mafia-event-copy{padding:300px 23px 26px}
 .mafia-host-panel .surface-image{object-position:50% 32%}
 body.client-light #mafia .mafia-event-copy h3{font-size:27px}
 body.client-light #pakete .package-card{padding-inline:22px}
 body.client-light #pakete .package-card .package-position{font-size:25px}
 body.client-light #pakete .package-open{padding-inline:35px;font-size:17px}
 .strengths-layout{gap:30px}
 .strength-item{gap:18px}
 body.client-light #ueber p{font-size:18px}
}
@media(max-width:360px){:root{--title-size:31px;--subtitle-size:24px;--card-title-size:23px}.production-copy{padding-inline:20px}body.client-light .project-card .project-card-body{padding-inline:22px}body.client-light #pakete .package-open{font-size:16px;padding-inline:32px}body.client-light .need-column{padding-inline:21px}}
@media(prefers-reduced-motion:reduce){body.client-light .flow-item.flow-pending{opacity:1;transform:none}.luxe-media>img,.photo-surface>.surface-image{transform:none!important;transition:none!important}}