/* Shared subpage opening: one baseline, compact type rhythm, space for the light fade below the copy. */
body .hero{min-height:0!important}
body .hero>.wrap{padding-top:clamp(48px,5vw,72px)!important;padding-bottom:clamp(250px,28vh,340px)!important}
body .hero .eyebrow,body .hero .new-kicker{display:block;margin:0 0 22px!important;line-height:1.5}
body .hero h1{font-size:clamp(42px,5.3vw,80px)!important;line-height:1.03!important;letter-spacing:-.025em;margin:0 0 28px!important}
body .hero p{font-weight:700!important;font-size:clamp(18px,1.5vw,23px)!important;line-height:1.5!important;margin-top:0!important;margin-bottom:20px!important;max-width:850px}
body .hero .hero-interest{margin-top:24px!important}
body .hero::after{height:clamp(200px,25vh,290px)!important}
@media(max-width:850px){body .hero>.wrap{padding-top:44px!important;padding-bottom:220px!important}body .hero h1{font-size:clamp(40px,7vw,60px)!important}body .hero::after{height:210px!important}}
/* The service fan shares the cool Home light, with a bright upper reflection and deep slate edge. */
#servicesFan #services .service,#servicesFan #services .service.active,#servicesFan #services .service:not(.active){background:radial-gradient(ellipse at 30% 12%,rgba(241,215,226,.38) 0%,rgba(231,183,213,.13) 29%,transparent 62%),linear-gradient(145deg,#494451 0%,#6b566e 35%,#a1849e 69%,#d0afc4 100%)!important;border-top-color:#ead7e6aa!important;border-left-color:#d0afc499!important;border-right-color:#62556c!important;border-bottom-color:#4c4158!important}
/* Keep the dark colour depth behind the entire text block; fade only below it. */
body .hero{background:radial-gradient(ellipse at 72% 35%,rgba(231,183,213,.16),transparent 58%),linear-gradient(180deg,#343744 0%,#6b566e 65%,#a1849e 79%,#d0afc4 88%,#f8f5f1 100%)!important}
body .hero::after{height:190px!important}

/* One explicit eyebrow style, including the Denkraum kicker. */
body .hero .eyebrow,body .hero .new-kicker,body .hero .kicker{font-family:"DM Sans",Arial,Helvetica,sans-serif!important;font-size:12px!important;font-weight:700!important;letter-spacing:.22em!important;line-height:1.5!important;text-transform:uppercase}
/* Earlier colour development, followed by a long, level fade into the paper. */
body .hero{background:radial-gradient(ellipse at 72% 38%,rgba(231,183,213,.18),transparent 58%),linear-gradient(180deg,#343744 0%,#51485b 21%,#79657d 43%,#ad8fa7 65%,#d0afc4 80%,#eee2e6 92%,#f8f5f1 100%)!important;border-bottom:0!important;box-shadow:none!important}
body .hero::after{height:clamp(260px,34vh,390px)!important;bottom:-1px!important;background:linear-gradient(180deg,rgba(248,245,241,0) 0%,rgba(248,245,241,.08) 22%,rgba(248,245,241,.32) 48%,rgba(248,245,241,.7) 73%,#f8f5f1 97%,#f8f5f1 100%)!important}
/* Move only the footer content; background, section height and gradient stops stay unchanged. */
body .footer-depth>.wrap>.contactgrid,body #blick.footer-depth>.contact,body .footer-depth>.contact-cta{transform:translateY(clamp(45px,5vw,75px))}
@media(max-width:850px){body .footer-depth>.wrap>.contactgrid,body #blick.footer-depth>.contact,body .footer-depth>.contact-cta{transform:translateY(40px)}}

/* Final light transition: longer soft shoulder, seamless paper endpoint. */
body .hero::after{height:clamp(300px,39vh,450px)!important;background:linear-gradient(180deg,rgba(248,245,241,0) 0%,rgba(248,245,241,.05) 19%,rgba(248,245,241,.2) 39%,rgba(248,245,241,.48) 60%,rgba(248,245,241,.81) 81%,#f8f5f1 100%)!important}
body .footer-depth>.wrap>.contactgrid,body #blick.footer-depth>.contact,body .footer-depth>.contact-cta{transform:translateY(clamp(60px,6vw,90px))}
@media(max-width:850px){body .footer-depth>.wrap>.contactgrid,body #blick.footer-depth>.contact,body .footer-depth>.contact-cta{transform:translateY(52px)}}
/* Light pools model the card face; its lower edge remains in cool shadow. */
#servicesFan #services .service,#servicesFan #services .service.active,#servicesFan #services .service:not(.active){background:radial-gradient(ellipse at 38% 20%,rgba(245,224,237,.38) 0%,rgba(231,183,213,.16) 29%,transparent 60%),radial-gradient(ellipse at 92% 96%,rgba(38,35,53,.38) 0%,transparent 65%),linear-gradient(145deg,#494451 0%,#79637b 40%,#ad90a8 73%,#c9aabd 100%)!important}
#servicesFan #services .service::after{background:radial-gradient(ellipse at var(--mx,32%) var(--my,20%),rgba(255,246,251,.2) 0%,transparent 65%)!important;opacity:.8!important}
body .manifest-question span{-webkit-text-stroke-color:#c79a94!important}
.koosmos-word{font-weight:700;text-transform:none!important}

/* A longer transition with gentle intermediate stops, ending on the same paper. */
body .hero>.wrap{padding-bottom:clamp(330px,38vh,440px)!important}
body .hero::after{height:clamp(380px,48vh,560px)!important;background:linear-gradient(180deg,rgba(248,245,241,0) 0%,rgba(248,245,241,.03) 14%,rgba(248,245,241,.1) 28%,rgba(248,245,241,.24) 43%,rgba(248,245,241,.44) 58%,rgba(248,245,241,.67) 73%,rgba(248,245,241,.87) 87%,#f8f5f1 100%)!important}
@media(max-width:850px){body .hero>.wrap{padding-bottom:300px!important}body .hero::after{height:320px!important}}

/* Final reference: the footer field, mirrored vertically, without an independent white overlay. */
body .hero{background:radial-gradient(ellipse at 67% 32%,rgba(235,201,222,.18),transparent 58%),linear-gradient(180deg,var(--koosmos-stops))!important;border:0!important;box-shadow:none!important}
body .hero::after{display:none!important;content:none!important}
body .hero+section:not(.footer-depth){background:#f8f5f1!important;border-top:0!important}