/* One palette and one stop list, shared by the Home journey, headers and reversed footers. */
:root{--koosmos-rose:#c79a94;--koosmos-paper:#f8f5f1;--koosmos-stops:#343744 0%,#6b566e 18%,#b991aa 38%,#d0afc4 54%,#e9cfda 68%,#f2e5e7 79%,var(--koosmos-paper) 94%,var(--koosmos-paper) 100%;--koosmos-header-paint:linear-gradient(180deg,var(--koosmos-stops))}
body .hero{background:var(--koosmos-header-paint)!important}
/* No translucent colour overlays: the logo rose remains the actual surface colour. */


body .story{background:var(--koosmos-paper)!important}
body .writing,body .outcomes{background:var(--koosmos-paper)!important}
body .studio-intro,body .studio-launch{background:var(--koosmos-paper)!important}
body .footer-depth,body .contact.contact-conclusion.footer-depth,body #blick.look.footer-depth{position:relative;isolation:isolate;background:linear-gradient(0deg,var(--koosmos-stops))!important;color:#fff!important;border-top:0!important;box-shadow:none!important}
body .footer-depth::before,body .footer-depth::after{content:none!important;display:none!important}
/* Carry the same paper surface into the footer; its first 6% are exactly flat. */
body .footer-depth{padding-top:clamp(170px,18vw,275px)!important}
body .footer-depth .contact,body .footer-depth .contact-cta,body .footer-depth .koosmos-subfooter{background:transparent!important}
body .footer-depth h2,body .footer-depth h3,body .footer-depth p,body .footer-depth a,body .footer-depth .eyebrow,body .footer-depth .kicker,body .footer-depth .copy,body .footer-depth .footer-rose,body .footer-depth .contactright,body .footer-depth .contact-statement,body .footer-depth .footer-bottom,body .footer-depth .bottom,body .footer-depth .subfooter-bottom{color:#fff!important}body #blick.footer-depth .contact h3,body #blick.footer-depth .contact h2{color:#fff!important}
body .footer-depth .bottom,body .footer-depth .footer-bottom,body .footer-depth .subfooter-meta{border-color:#ffffff55!important}
.studio-intro h3.studio-intro-title{font-size:clamp(24px,2vw,32px);font-weight:650;line-height:1.35;letter-spacing:-.025em;margin:0 0 28px;max-width:700px}
.studio-countdown{position:relative;isolation:isolate;display:inline-flex;width:max-content;max-width:100%;padding:13px 18px 17px;gap:clamp(20px,3vw,45px);margin:32px 0 20px}.studio-countdown::before{content:'';position:absolute;z-index:-1;inset:0 -2px 0;background:var(--koosmos-rose);clip-path:polygon(.4% 5%,99.5% 1%,100% 95%,.1% 100%);pointer-events:none}.studio-countdown strong,.studio-countdown span{color:#303740}.studio-countdown strong{font-weight:750}.studio-countdown span{font-weight:700}

@media(max-width:480px){body .footer-depth{padding-top:150px!important}.studio-countdown{gap:21px;padding:12px 13px 15px}.studio-countdown strong{font-size:50px}}

/* Restore the original Home light field; strengthen depth without changing its palette. */
body .ambience{background:radial-gradient(ellipse at 48% 42%,rgba(231,183,213,.64) 0%,rgba(231,183,213,.24) 23%,transparent 48%),radial-gradient(ellipse at 72% 78%,rgba(217,154,177,.35) 0%,transparent 42%)}
body .orb{background:radial-gradient(circle at 29% 19%,#fff4f3 0%,#f1d7e2 13%,#ebc6d5 25%,#c395b2 43%,#926b8d 64%,#53445f 85%,#353541 100%);box-shadow:inset -32px -40px 62px #2425368c,inset 13px 12px 35px #fff8f26b,0 0 55px #f1b7d34d,0 0 135px #e7b7d52e!important}
body .orb::after{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 32% 22%,rgba(255,249,249,.28),transparent 43%);box-shadow:inset 1px 1px 2px #fff6;pointer-events:none}
body .hero{background:radial-gradient(ellipse at 68% 42%,rgba(235,201,222,.18),transparent 58%),var(--koosmos-header-paint)!important}
body .footer-depth,body .contact.contact-conclusion.footer-depth,body #blick.look.footer-depth{background:radial-gradient(ellipse at 67% 68%,rgba(235,201,222,.18),transparent 58%),linear-gradient(0deg,var(--koosmos-stops))!important}

/* Subpage header: dissolve into the exact paper colour of the first section. */
body .hero::after{content:'';display:block!important;position:absolute;left:0;right:0;bottom:-1px;pointer-events:none;height:clamp(300px,48vh,580px)!important;background:linear-gradient(180deg,rgba(248,245,241,0) 0%,rgba(248,245,241,.12) 20%,rgba(248,245,241,.4) 43%,rgba(248,245,241,.76) 68%,#f8f5f1 96%,#f8f5f1 100%)!important}
body .hero+section:not(.footer-depth){background:#f8f5f1!important;border-top:0!important}
@media(max-width:850px){body .hero::after{height:clamp(260px,43vh,440px)!important}}
