/* Revize 5: sky-led framing, full-bleed silhouette and measured pacing. */
:root{--r5-blue:#234e79;--r5-sky:#b6cfd9;--r5-cream:#f3f1e9}
.hero{background:var(--r5-sky)}
.hero-photo{background-image:url("assets/revize-5/waldorf-sky-desktop.webp")!important;height:150svh!important;background-size:100% auto!important;background-position:center bottom!important;background-color:#b7d5f1}
.hero-photo:after{background:linear-gradient(180deg,#b6cfd908,transparent 65%,#152f5120)}
.hero-titles{top:0;padding-top:19svh!important;color:#234e79;text-shadow:0 1px 12px #f3f1e93b}
.hero-titles .script{background-image:linear-gradient(105deg,#234e79 18%,#527daa 38%,#f3f1e9 50%,#527daa 62%,#234e79 82%);animation-duration:19s}
.r5-cloud{position:absolute;pointer-events:none;z-index:3;top:19%;left:-65%;width:115%;height:25%;opacity:.27;filter:blur(22px);background:radial-gradient(ellipse at 25% 50%,#fff 0%,#ffffff85 20%,transparent 50%),radial-gradient(ellipse at 67% 55%,#fff 0%,#ffffff55 20%,transparent 52%);animation:r5-cloud-drift 64s linear infinite}
.r5-cloud.is-far{top:7%;height:19%;opacity:.14;animation-duration:91s;animation-delay:-37s;z-index:1}
@keyframes r5-cloud-drift{from{transform:translateX(0)}to{transform:translateX(155%)}}
.villa-sticky{background:#b6cfd9!important}
.villa-image{width:104%!important;left:-2%!important;right:auto!important;height:100svh!important;bottom:-2px;transform-origin:center bottom}
.villa-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center bottom!important;max-width:none;border-radius:0!important;mask:none!important;-webkit-mask:none!important}
.villa-copy{z-index:2}.villa-caption{z-index:3}
header nav>*,header .brand,.progress{color:var(--r5-nav-ink,#234e79)!important;text-shadow:none!important;transition:color .5s,background-color .5s,box-shadow .5s}
header nav>*{background:var(--r5-nav-surface,#f3f1e9ed);padding:10px 12px;border-radius:4px;box-shadow:0 2px 18px #112c4e09;backdrop-filter:blur(12px)}
header .brand{background:var(--r5-nav-surface,#f3f1e9ed);border-radius:50%;backdrop-filter:blur(12px)}
header .brand img{filter:grayscale(1) brightness(0) saturate(100%)!important;opacity:.85}
header .brand[data-tone=light] img{filter:grayscale(1) brightness(0) invert(1)!important}
header .brand-ring{fill:currentColor}.progress{padding:10px 8px;background:var(--r5-nav-surface,#f3f1e9ed);border-radius:20px;backdrop-filter:blur(12px)}
.journey{overflow:visible;padding:0;height:235svh;position:relative}
.r5-journey-stage{position:sticky;top:0;min-height:100svh;padding:12svh 10vw 6svh;display:flex;flex-direction:column;justify-content:center;background:var(--paper)}
.journey h2{margin:20px 0 25px}.journey-route{flex:none}
.milestone-year{transform-origin:center;transition:color .45s}
.milestone.is-current .milestone-year{color:#2f6494;animation:r5-heartbeat 2.6s ease-in-out infinite}
.milestone.is-current i{animation:r5-node 2.6s ease-in-out infinite}
@keyframes r5-heartbeat{0%,65%,100%{scale:1}18%{scale:1.16}32%{scale:1.02}45%{scale:1.09}}
@keyframes r5-node{0%,65%,100%{scale:1}22%{scale:1.25}44%{scale:1.05}}
.r5-editorial-figure{margin:60px -10vw;width:calc(100% + 20vw)}
.r5-editorial-figure img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0}
.r5-editorial-figure figcaption{font:12px/1.7 'Manrope',sans-serif;color:#41698f;max-width:640px;padding:15px 0;border-bottom:1px solid #234e7930}
.r3-detail:has(.r4-article) .r3-detail-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#132b4a99);pointer-events:none}
.r3-detail:has(.r4-article) .r3-detail-hero>div{z-index:2}
@media(max-width:1000px){header nav>*{padding:8px}.language-switch{gap:7px}}
@media(max-width:700px){
 .hero-photo{background-image:url("assets/revize-5/waldorf-sky-mobile.webp")!important;height:140svh!important;background-position:center top!important}
 .hero-titles{padding-top:25svh!important}.hero h1{font-size:16vw}.hero .script{font-size:18vw}
 .villa-scene{height:200svh}.villa-image{height:103svh!important;width:106%!important;left:-3%!important}.villa-copy{top:12svh}
 header nav>*{padding:7px 6px}.progress{padding:8px 5px}
 .journey{height:auto}.r5-journey-stage{position:relative;min-height:0;padding:90px 8vw 65px}
 .journey-route{height:1250px}.milestone-year{transform-origin:left center}
 .r5-editorial-figure{margin:38px -5vw;width:calc(100% + 10vw)}
 .r5-editorial-figure img{aspect-ratio:4/3}.r5-editorial-figure figcaption{font-size:11px;padding:12px 5vw}
}
@media(prefers-reduced-motion:reduce){.r5-cloud,.milestone.is-current .milestone-year,.milestone.is-current i{animation:none}.journey{height:auto}.r5-journey-stage{position:relative}.hero-photo{height:100svh!important}.hero-titles .script{color:#234e79;background:none}}

.hero-photo:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#b7d5f1 0%,#b7d5f1 29%,transparent 52%)}
@media(max-width:700px){.hero-photo{background-position:center bottom!important}}

.hero-titles h1{animation:r5-title-cloud 64s linear infinite}@keyframes r5-title-cloud{0%,18%,48%,100%{color:#234e79;text-shadow:0 1px 12px #f3f1e93b}30%,37%{color:#52749a;text-shadow:0 0 24px #fff9,0 1px 2px #234e7920}}@media(prefers-reduced-motion:reduce){.hero-titles h1{animation:none}}

@media(min-width:701px){.journey h2{font-size:clamp(42px,8svh,100px)}.journey-route{height:clamp(180px,31svh,285px)}}