/* Wolkenwerk refinement layer: same brand, three sculptural materials. */
.cloud.refined .art{height:510px;overflow:visible;isolation:isolate}.cloud.refined .art:before,.cloud.refined .art:after{display:none}.cloud-sculpture{width:100%;height:100%;overflow:visible}.cloud.refined .art-label{bottom:0;line-height:1.5;color:#35667f}.cloud.refined .art-label .start,.cloud.refined .art-label .end{display:none}.sculpture-shadow{opacity:calc(.25 - var(--p,0)*.18)}.workflow-lines{opacity:var(--reveal,0)}.workflow-labels{opacity:var(--reveal,0);fill:#132b3a;font-family:'Avenir Next',Avenir,sans-serif;font-size:13px;text-anchor:middle;letter-spacing:0}.cloud-switch{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;padding:16px 24px;background:#dceef8;border-top:1px solid #35667f25;font-size:12px}.cloud-switch a{padding:11px 15px;min-height:44px;border:1px solid #35667f40;border-radius:999px;display:flex;align-items:center}.cloud-switch a[aria-current=page]{background:#132b3a;color:white;border-color:#132b3a}.cloud-switch a:hover{background:#ffffff80}.cloud-switch a[aria-current=page]:hover{background:#35667f}.cloud-switch .back{border:0;text-decoration:underline}.refined .hero-stage{height:190svh}.refined .scroll-note{bottom:24px}.refined .art .sculpture-caption{position:absolute;bottom:8px;left:0;right:0;text-align:center;color:#35667f;font-size:12px}.cloud-gallery{--ink:#132b3a;--paper:#f4f8fa;--accent:#35667f;color:var(--ink);background:var(--paper)}.cloud-gallery .choose-intro{padding-bottom:30px}.cloud-gallery .choose-intro p{max-width:720px}.cloud-gallery .concepts{gap:24px}.cloud-gallery .cloud-card-art{background:#dceef8;border-radius:14px;overflow:hidden;height:300px;position:relative}.cloud-gallery .cloud-card-art .art{height:300px;width:100%;margin:0}.cloud-gallery .cloud-card-art .art:before,.cloud-gallery .cloud-card-art .art:after{display:none}.cloud-gallery .sculpture-caption{display:none}.cloud-gallery .concept-meta .tag{font-size:11px;text-decoration:none;background:#dceef8;padding:5px 9px;border-radius:999px;margin:0 0 12px}.cloud-gallery .concept-meta h2{font-size:30px}.cloud-gallery .concept-meta p{max-width:100%;font-size:15px}.cloud-gallery .baseline-link{display:inline-flex;min-height:44px;align-items:center;font-size:13px;text-decoration:underline;text-underline-offset:4px}.refined .hero-text{z-index:3}
@media(max-width:850px){.cloud.refined .art{height:290px;max-width:510px}.cloud.refined .hero{gap:14px}.cloud-gallery .concepts{grid-template-columns:1fr}.cloud-gallery .cloud-card-art{height:330px}.cloud-gallery .cloud-card-art .art{height:330px}}
@media(max-width:480px){.cloud.refined .art{height:240px}.cloud.refined .hero{gap:12px}.cloud.refined .hero-credit{margin-top:16px}.cloud.refined .art .sculpture-caption{font-size:10px;bottom:0}.cloud-switch{padding:12px 16px;gap:6px}.cloud-switch a{font-size:11px;padding:10px 12px}.cloud-gallery .choose-intro h1{font-size:43px}.cloud-gallery .cloud-card-art{height:280px}.cloud-gallery .cloud-card-art .art{height:280px}}
@media(prefers-reduced-motion:reduce){.refined .hero-stage{height:auto}.refined .hero{position:relative}}

/* Selected Cumulus: caption-free references, steady pace for the longer strip. */
body:has([data-sculpture="cumulus"]) .proof .track{animation-duration:65s}body:has([data-sculpture="cumulus"]) .proof .logo-item{justify-content:center}body:has([data-sculpture="cumulus"]) .proof-foot{max-width:960px;line-height:1.7}body:has([data-sculpture="cumulus"]) .proof img{mix-blend-mode:multiply}

/* Official key.fit artwork has white lettering; use the strip’s monochrome ink. */
.cloud.refined .proof .keyfit-logo{filter:brightness(0);opacity:.68}

body:has([data-sculpture="cumulus"]) .international .track{animation-duration:85s;animation-direction:reverse}.international{margin-top:12px}

.cloud.refined .proof img[src="assets/solarkit.png"]{filter:brightness(0);opacity:.68}

.refined .partner-logo{height:96px;display:flex;align-items:center;margin-bottom:20px}.refined .partner-logo img{display:block;max-width:100%;object-fit:contain;object-position:left center}

.refined .partner-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.refined .partner-heading h3{margin:0}.refined .partner-heading .partner-logo{height:64px;margin:0;flex:0 0 160px;justify-content:flex-end}.refined .partner-heading .partner-logo img{max-width:160px;max-height:64px;width:auto;height:auto}.refined .partner-heading .partner-logo img[src="assets/aberger.svg"]{width:85px}@media(max-width:480px){.refined .partner-heading{gap:12px}.refined .partner-heading h3{font-size:22px}.refined .partner-heading .partner-logo{flex-basis:112px;height:56px}.refined .partner-heading .partner-logo img{max-width:112px;max-height:56px}.refined .partner-heading .partner-logo img[src="assets/aberger.svg"]{width:74px}}

/* Owner refinement: company logos 20% larger without adding row height. */
.refined .partner-heading .partner-logo img{transform:scale(1.2);transform-origin:right center}

.refined .company-address{font-style:normal;font-size:12px;line-height:1.8}.refined .company-address a{text-decoration:underline;text-underline-offset:3px}

/* Paint the header edge to edge while preserving the shared content alignment. */
.cloud.refined .header.wrap{width:100%;padding-inline:max(clamp(24px,5vw,88px),calc((100% - 1616px)/2 + clamp(24px,5vw,88px)))}
