/* ZILA Leistungen — calm editorial flow based on the Rumaya references. */
.service-rumaya-hero{position:relative;min-height:min(900px,calc(100svh - 98px));overflow:hidden;color:#fffaf0;background:#2a1515}
.service-rumaya-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(25,12,11,.42),rgba(25,12,11,.1) 38%,rgba(25,12,11,.72)),url('/assets/zila-web-service.webp') center 38%/cover no-repeat;transform:scale(1.08)}
.service-rumaya-hero::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 120px rgba(20,8,8,.2);pointer-events:none}
.service-rumaya-hero .shell{position:relative;z-index:1;min-height:inherit;display:grid;grid-template-rows:auto 1fr auto;padding-block:32px 35px}
.service-rumaya-meta,.service-rumaya-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:.62rem;line-height:1.5;letter-spacing:.13em;text-transform:uppercase}
.service-rumaya-title{align-self:center;display:grid;grid-template-columns:1fr 1fr;gap:25px;width:100%;margin:0;font:400 clamp(4.6rem,8.7vw,9.6rem)/.88 var(--serif);letter-spacing:-.062em;text-shadow:0 3px 26px rgba(18,7,7,.2)}
.service-rumaya-title span:last-child{align-self:end;text-align:right;font-style:italic}
.service-rumaya-lead{max-width:480px;margin:0;font-size:1rem;line-height:1.7;text-transform:none;letter-spacing:0}
.service-rumaya-foot a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,250,240,.55);padding-bottom:5px}

.service-story{padding-block:125px 110px}
.service-story-head{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}
.service-story h2{margin:0;color:var(--wine);font:400 clamp(3.5rem,6.2vw,6.5rem)/.96 var(--serif);letter-spacing:-.052em}
.service-story h2 em{font-weight:400}
.service-story-intro{max-width:470px;margin:0 0 8px;font-size:1rem;line-height:1.75}
.service-story-nav{margin-top:78px}
.service-story-nav ol{display:grid;grid-template-columns:repeat(6,1fr);margin:0;padding:0;list-style:none;border-top:1px solid rgba(87,42,44,.5)}
.service-story-nav li{min-width:0}
.service-story-link{position:relative;display:flex;min-height:120px;flex-direction:column;gap:13px;padding:26px 12px 18px 0;color:#6d5a50;text-decoration:none;cursor:pointer;transition:background .28s ease,color .28s ease}
.service-story-link::before{content:'';position:absolute;top:-5px;left:0;width:9px;height:9px;background:var(--paper-light);border:1px solid var(--wine);transform:rotate(45deg);transition:background .28s ease,box-shadow .28s ease,transform .28s ease}
.service-story-copy{display:contents}
.service-story-no{color:var(--wine);font:italic .78rem var(--serif);letter-spacing:.06em}
.service-story-title{font:400 clamp(1rem,1.45vw,1.3rem)/1.18 var(--serif);transition:color .28s ease,text-shadow .28s ease}
.service-story-link:hover,.service-story-link:focus-visible{color:var(--wine);background:rgba(87,42,44,.035)}
.service-story-link:hover::before,.service-story-link:focus-visible::before{background:var(--wine);transform:rotate(45deg) scale(1.12);box-shadow:0 0 0 8px rgba(87,42,44,.1),0 0 22px rgba(87,42,44,.24)}
.service-story-link:hover .service-story-title,.service-story-link:focus-visible .service-story-title{color:var(--wine);text-shadow:0 0 17px rgba(87,42,44,.16)}

.service-audience{padding-block:120px;background:var(--wine-dark);color:var(--paper-light);scroll-margin-top:20px}
.service-audience-layout{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:85px;align-items:start}
.service-audience-intro{position:sticky;top:45px;min-height:560px;display:flex;flex-direction:column;align-items:flex-start}
.service-audience-intro>.eyebrow{color:#dec9a8}
.service-audience-intro h2{margin:50px 0 0;color:var(--paper-light);font:400 clamp(4rem,6.7vw,7rem)/.9 var(--serif);letter-spacing:-.055em}
.service-audience-intro h2 em{font-weight:400}
.service-audience-intro>p:last-child{max-width:410px;margin:auto 0 0;padding-top:28px;border-top:1px solid rgba(240,233,218,.55);color:#e8ddcf;line-height:1.7}
.service-audience-list{border-top:1px solid rgba(240,233,218,.55);scroll-margin-top:30px}
.service-audience-card{display:grid;grid-template-columns:42px minmax(0,1fr) 220px;gap:24px;align-items:start;min-height:310px;padding:22px 0;border-bottom:1px solid rgba(240,233,218,.55);color:inherit;text-decoration:none;transition:background .3s ease,padding .3s ease}
.service-audience-card:hover,.service-audience-card:focus-visible{background:rgba(240,233,218,.045);padding-inline:14px}
.audience-card-number{color:#e4c79b;font:italic .86rem var(--serif)}
.audience-card-copy{display:flex;min-height:266px;flex-direction:column}
.audience-card-copy .eyebrow{color:#dec9a8;font-size:.56rem;line-height:1.65}
.service-audience-card h3{margin:27px 0 18px;color:var(--paper-light);font:400 clamp(2.1rem,3.4vw,3.5rem)/.98 var(--serif);letter-spacing:-.042em}
.service-audience-card p{max-width:470px;margin:0;color:#e8ddcf;font-size:.9rem;line-height:1.65}
.audience-card-link{display:block;margin-top:auto;padding-top:24px;color:#f3e9dc;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:6px}
.service-audience-card figure{align-self:stretch;margin:0;overflow:hidden;border:5px solid #fff;background:#fff}
.service-audience-card img{display:block;width:100%;height:100%;min-height:266px;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.service-audience-card:hover img,.service-audience-card:focus-visible img{transform:scale(1.035)}

.capacity-spread{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding-block:120px}
.capacity-spread figure{margin:0;border:8px solid #fff;overflow:hidden}
.capacity-spread img{display:block;width:100%;height:min(720px,72vw);object-fit:cover}
.capacity-copy h2{margin:25px 0 30px;color:var(--wine);font:400 clamp(3rem,5vw,5.3rem)/1 var(--serif);letter-spacing:-.048em}
.capacity-copy>.station-lead{max-width:590px}
.capacity-models{margin-top:35px;border-top:1px solid var(--line)}
.capacity-models article{display:grid;grid-template-columns:46px 1fr;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}
.capacity-models span{color:var(--wine);font:italic .78rem var(--serif)}
.capacity-models h3{margin:0 0 8px;color:var(--wine);font:400 1.45rem var(--serif)}
.capacity-models p{margin:0;font-size:.9rem;line-height:1.65}
.service-standard-proof{padding-block:115px}.service-standard-proof .practice-paths-intro h3{color:var(--wine)}
.network-manifesto[id]{scroll-margin-top:20px}
.service-collaboration{padding-block:120px;background:var(--paper-deep);border-top:1px solid var(--line)}
.service-collaboration-grid{display:grid;grid-template-columns:1fr .75fr;gap:90px;align-items:end}
.service-collaboration h2{margin:25px 0 0;color:var(--wine);font:400 clamp(3.4rem,6vw,6.5rem)/.96 var(--serif);letter-spacing:-.052em}
.service-collaboration-copy p{max-width:520px;margin:0 0 30px;font-size:1.05rem;line-height:1.7}

@media(max-width:1050px){
 .service-audience-layout{grid-template-columns:.72fr 1.28fr;gap:48px}
 .service-audience-card{grid-template-columns:34px 1fr 165px;gap:18px}
 .service-audience-card h3{font-size:clamp(1.9rem,3.3vw,2.8rem)}
}
@media(max-width:800px){
 .service-rumaya-title{grid-template-columns:1fr;font-size:clamp(4rem,13vw,7rem)}.service-rumaya-title span:last-child{text-align:left}
 .service-story-head,.service-audience-layout,.capacity-spread,.service-collaboration-grid{grid-template-columns:1fr;gap:35px}
 .service-story-nav ol{grid-template-columns:repeat(3,1fr)}
 .service-story-link{min-height:105px;border-bottom:1px solid rgba(87,42,44,.2)}
 .service-audience-intro{position:static;min-height:440px}
 .service-audience-intro h2{font-size:clamp(4rem,12vw,6rem)}
 .service-audience-card{grid-template-columns:42px minmax(0,1fr) minmax(180px,30vw)}
 .capacity-spread figure{order:2}.capacity-spread img{height:auto;aspect-ratio:4/3}
}
@media(max-width:600px){
 .service-rumaya-hero{min-height:760px}.service-rumaya-hero::before{background-position:44% 38%}
 .service-rumaya-meta,.service-rumaya-foot{align-items:flex-start;flex-direction:column;gap:8px}
 .service-rumaya-title{font-size:clamp(3.3rem,16vw,5.3rem);gap:5px}.service-rumaya-lead{max-width:92%;font-size:.92rem}
 .service-story,.service-standard-proof{padding-block:80px}.service-story h2{font-size:clamp(3rem,14vw,4.5rem)}
 .service-story-nav{margin-top:50px}.service-story-nav ol{grid-template-columns:1fr 1fr}
 .service-story-link{min-height:112px;padding-right:8px}
 .service-audience{padding-block:80px}.service-audience-intro{min-height:390px}
 .service-audience-card{grid-template-columns:30px 1fr;gap:15px;min-height:0;padding-block:30px}
 .service-audience-card figure{grid-column:1/-1;height:230px;margin-top:8px}
 .service-audience-card img{min-height:0;height:100%}
 .audience-card-copy{min-height:0}.audience-card-link{margin-top:24px}
 .service-audience-card:hover,.service-audience-card:focus-visible{padding-inline:8px}
 .capacity-spread{padding-block:80px}.capacity-copy h2{font-size:clamp(2.8rem,13vw,4rem)}.service-collaboration{padding-block:80px}
}
@media(prefers-reduced-motion:reduce){.service-audience-card,.service-audience-card img,.service-story-link,.service-story-link::before{transition:none}}