/* Shared details without changing the approved Home choreography. */
html body#koosmos-site a.studio-services-v133.studio-services-v133.studio-services-v133{background:#f8f5f1!important;border:1.5px solid #E6A08D!important;border-radius:999px!important;padding:14px 24px!important;text-decoration:none!important;display:inline-flex!important;color:#303740!important}
html body#koosmos-site a.studio-services-v133.studio-services-v133.studio-services-v133:is(:hover,:focus-visible){background:#534555!important;color:white!important;transform:translateY(-2px)}
html body:is(#koosmos-site,#seitenanfang):is(#koosmos-site,#seitenanfang) [data-scroll-marker]:not([data-journey-marker]){position:relative;isolation:isolate;background:none!important;box-shadow:none!important}
html body:is(#koosmos-site,#seitenanfang):is(#koosmos-site,#seitenanfang) [data-scroll-marker]:not([data-journey-marker])::before{content:''!important;position:absolute!important;inset:40% -.04em 0!important;background:#E6A08D!important;z-index:-1!important;transform:rotate(-1deg) scaleX(var(--marker-progress,0))!important;transform-origin:left!important;scale:none!important;pointer-events:none!important}
@media(min-width:801px){html body#koosmos-site :is(#chapter1.chapter,#chapter2.chapter){top:clamp(120px,17vh,190px)!important;transform:none!important}}
html body#koosmos-site #knownCards#knownCards#knownCards[hidden]{display:none!important}
@media(max-width:800px){
 html body#koosmos-site #knownCards#knownCards#knownCards:not([hidden]){display:block!important;position:fixed!important;inset:8px!important;overflow-x:hidden!important;overflow-y:auto!important;padding:70px 0 0!important;background:#f8f5f1!important;overscroll-behavior:contain;touch-action:pan-y}
 html body#koosmos-site #knownCards#knownCards#knownCards .pain-mobile-stage{position:sticky;top:0;height:calc(100svh - 100px);overflow:hidden}
 html body#koosmos-site #knownCards#knownCards#knownCards .pain-mobile-distance{height:450svh;pointer-events:none}
 html body#koosmos-site #knownCards#knownCards#knownCards .known-card{position:absolute!important;left:7%!important;top:44%!important;width:86%!important;max-width:none!important;height:auto!important;min-height:290px!important;margin:0!important;transform:translate3d(var(--mobile-x,0px),-50%,0)!important;opacity:var(--mobile-opacity,1)!important;animation:none!important;transition:none!important;will-change:transform}
 html body[data-known-open=true] #knownCards#knownCards#knownCards #knownTrigger{position:fixed!important;top:22px!important;right:25px!important;left:auto!important;bottom:auto!important;z-index:1500!important}
 html body#seitenanfang.services-page #servicesFan#servicesFan#servicesFan#servicesFan#servicesFan#servicesFan#servicesFan#servicesFan{height:600svh!important;position:relative!important;padding:0!important;overflow:visible!important}
 html body#seitenanfang.services-page #servicesFan#servicesFan#servicesFan#servicesFan .services-scroll-sticky{position:sticky!important;top:68px!important;height:calc(100svh - 68px)!important;overflow:hidden!important;display:block!important;padding:0!important}
 html body#seitenanfang.services-page #servicesFan#servicesFan#servicesFan#servicesFan #services{position:relative!important;display:block!important;height:100%!important;width:100%!important;overflow:visible!important;margin:0!important;padding:0!important}
 html body#seitenanfang.services-page #servicesFan#servicesFan#servicesFan#servicesFan #services .service{position:absolute!important;left:7vw!important;top:47%!important;width:86vw!important;max-width:480px!important;height:clamp(300px,58svh,520px)!important;min-height:0!important;margin:0!important;transform:translate3d(var(--mobile-x,100vw),-50%,0) rotate(var(--mobile-r,0deg))!important;opacity:var(--mobile-opacity,1)!important;transition:none!important;animation:none!important;will-change:transform;z-index:var(--mobile-z,1)!important}
 html body#seitenanfang.services-page #servicesFan#servicesFan#servicesFan#servicesFan .service-heading{font-size:clamp(32px,9vw,46px)!important;line-height:1.05!important}
 html body#seitenanfang.services-page #servicesFan#servicesFan#servicesFan#servicesFan .service-detail{font-size:17px!important;line-height:1.45!important}
 html body .format-reminder-panel{transform:translateY(var(--reminder-y,0px)) rotate(var(--reminder-r,0deg))!important;transition:transform .12s linear!important;will-change:transform}
}
@media(prefers-reduced-motion:reduce){html body .format-reminder-panel{transform:none!important}html body:is(#koosmos-site,#seitenanfang):is(#koosmos-site,#seitenanfang) [data-scroll-marker]::before{transform:rotate(-1deg) scaleX(1)!important}}

/* Clockwise reading order: top left, top right, right, bottom right, bottom left, left. */
@media(min-width:1000px){html body#koosmos-site #knownCards{grid-template-areas:". a b ." "f . . c" ". e d ."!important}}
@media(min-width:801px) and (max-width:999px){
 html body#koosmos-site #knownCards{grid-template-areas:"a b" "f c" "e d"!important}
 html body#koosmos-site #knownCards>.known-card:nth-of-type(1){grid-area:a}
 html body#koosmos-site #knownCards>.known-card:nth-of-type(2){grid-area:b}
 html body#koosmos-site #knownCards>.known-card:nth-of-type(3){grid-area:c}
 html body#koosmos-site #knownCards>.known-card:nth-of-type(4){grid-area:d}
 html body#koosmos-site #knownCards>.known-card:nth-of-type(5){grid-area:e}
 html body#koosmos-site #knownCards>.known-card:nth-of-type(6){grid-area:f}
}