/* The four supplied compositions. One photograph under a true SVG knockout mask. */
.facade-intro{--facade-paper:#fcfbf7;--facade-blue:#237bc5;position:relative;background:var(--facade-paper);isolation:isolate}
.facade-sticky{position:relative;height:100svh;min-height:580px;overflow:clip;background:var(--facade-paper)}
.facade-photo,.facade-veil,.facade-shade{position:absolute;inset:0;width:100%;height:100%}
.facade-photo{object-fit:cover;object-position:50% 50%;transform-origin:50% 50%}
.facade-veil{display:none;pointer-events:none}
.facade-shade{background:linear-gradient(90deg,#031a37d9 0%,#041d3573 43%,transparent 78%),linear-gradient(0deg,#021832a8,transparent 73%);mask-image:linear-gradient(0deg,#000 0%,#000 62%,transparent 96%);pointer-events:none}
.facade-masthead{position:absolute;z-index:3;left:5.5%;right:5.5%;top:9%;display:flex;gap:28px;align-items:center;color:#fff}
.intro-live .facade-masthead{color:#0c2e57}
.facade-brand{display:flex;align-items:center;gap:20px;color:inherit;text-decoration:none;flex:none}
.facade-brand svg{display:block;width:48px;height:48px}
.facade-brand>span{font:500 clamp(.5rem,.63vw,.75rem)/1.5 system-ui,sans-serif;letter-spacing:.27em;white-space:nowrap}
.facade-editorial-line{height:1px;background:#142c4926;flex:1;transform-origin:left}
.facade-count{display:flex;align-items:center;gap:16px;font:600 .65rem/1 system-ui;letter-spacing:.22em}
.facade-count:before{content:'';height:1px;width:36px;background:var(--facade-blue)}
.facade-editorial-line,.facade-count{opacity:0}
.intro-live .facade-editorial-line,.intro-live .facade-count{opacity:1}
.facade-notes{display:none;position:absolute;z-index:2;top:76%;left:5%;width:90%;text-align:center;color:#17385e}
.facade-notes p{position:absolute;top:0;left:0;right:0;margin:0;font:400 clamp(.75rem,1.35vw,1.25rem)/1.65 system-ui,sans-serif;letter-spacing:.23em;clip-path:inset(0 0 0 0)}
.facade-note-line{position:absolute;top:3.6em;left:calc(50% - 22px);height:1px;width:44px;background:var(--facade-blue)}
.facade-narrative-cue{display:none;position:absolute;z-index:2;inset-inline:5%;bottom:max(28px,5svh);align-items:center;flex-direction:column;gap:9px;color:#1266c7;text-align:center;pointer-events:none;font:500 .6875rem/1.5 system-ui,sans-serif;letter-spacing:.12em}
.facade-narrative-cue svg{display:block;flex:none}
.intro-live .facade-narrative-cue,html[data-facade-boot=pending] .facade-narrative-cue{display:flex}
.facade-hero{position:absolute;z-index:2;left:5.5%;right:5.5%;bottom:7%;color:#fff;max-width:1200px}
.merge-home .facade-hero .facade-visible-title{font:400 clamp(2.8rem,4.65vw,6.1rem)/1.02 var(--editorial);letter-spacing:-.045em;text-wrap:initial;color:#fff;max-width:none;margin:0 0 28px}
.facade-title-line{display:block;overflow:clip;padding-bottom:.09em;margin-bottom:-.09em}
.facade-title-line>[data-hero-reveal]{display:block}
.merge-home .facade-hero .facade-visible-title em{color:#3a9aee;font-style:italic}
.facade-hero-description{font:400 clamp(.75rem,1vw,1rem)/1.8 system-ui;letter-spacing:.2em;margin:0 0 24px;max-width:55ch}
.facade-hero-description:before{content:'';display:block;width:34px;height:1px;background:#3a9aee;margin-bottom:14px}
.facade-actions{display:flex;gap:18px;align-items:center}
.facade-actions a{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:14px 24px;text-decoration:none;font:500 .8125rem/1.6 system-ui;letter-spacing:.035em;border:1px solid #ffffff8c;border-radius:2px;transition:background-color .2s}
.facade-actions .facade-primary{background:#1266c7;border-color:#1266c7;color:white}
.facade-actions .facade-primary:hover{background:#0955ad}
.facade-actions .facade-secondary{color:#fff;background:#0b284326}
.facade-actions .facade-secondary:hover{background:#ffffff1a}
.facade-scroll-cue{display:flex;align-items:center;gap:14px;width:fit-content;margin-top:42px;text-decoration:none;font:400 .625rem/1.8 system-ui;letter-spacing:.18em;color:#e3e9f0}
.facade-mouse{width:18px;height:29px;border:1px solid #dce8f1;border-radius:10px;position:relative}
.facade-mouse:before{content:'';position:absolute;width:2px;height:6px;left:7px;top:5px;background:#dce8f1}
.merge-home .facade-intro :focus-visible{outline:2px solid #3a9aee;outline-offset:6px}
/* Progressive enhancement: no-JS, failed image/library, hash navigation and reduced motion get the final hero. */
.intro-narrative-page.intro-live .facade-intro{height:400svh}
.intro-narrative-page.intro-live .facade-sticky{position:sticky;top:0}
.intro-live .facade-veil,.intro-live .facade-notes{display:block}
html[data-facade-boot=pending] .facade-veil{display:block}
html[data-facade-boot=pending] .facade-hero{visibility:hidden}
html[data-facade-boot=pending] .intro-narrative-page>.header{display:none}
html[data-facade-boot=pending] .facade-intro{height:400svh}
html[data-facade-boot=pending] .facade-sticky{position:sticky;top:0}
html[data-facade-boot=pending] .facade-photo{transform:translateX(-1.5%) scale(1.05)}
html[data-facade-boot=pending] .facade-notes{display:block}
html[data-facade-boot=pending] [data-word-note]:not([data-word-note="0"]){visibility:hidden}
.intro-live .facade-hero{visibility:hidden;pointer-events:none}
.intro-live .facade-hero.is-accessible{visibility:visible;pointer-events:auto}
.intro-narrative-page>.utility{display:none}
.intro-narrative-page.intro-live>.header{position:fixed;top:0;left:0;right:0;transform:translateY(-110%);visibility:hidden;pointer-events:none}
.intro-narrative-page.intro-live.intro-past>.header{transform:none;visibility:visible;pointer-events:auto}
.intro-narrative-page.intro-live:not(.intro-past)>.whatsapp-float{visibility:hidden;pointer-events:none}
@media(min-width:901px){.intro-live .facade-masthead,html[data-facade-boot=pending] .facade-masthead{top:18%}}
@media(max-width:900px){
 .facade-sticky{min-height:540px}
 .facade-masthead{left:6%;right:6%;top:10%;gap:16px}
 .facade-brand{gap:12px}.facade-brand svg{width:36px;height:36px}
 .facade-brand>span{font-size:.5rem;letter-spacing:.18em}
 .facade-count{font-size:.55rem;gap:9px}.facade-count:before{width:20px}
 .facade-hero{left:6%;right:6%;bottom:7%}
 .merge-home .facade-hero .facade-visible-title{font-size:clamp(2.9rem,7vw,4.9rem);line-height:1.04}
 .facade-notes{top:65%;left:9%;width:82%}
 .facade-notes p{font-size:.8125rem;letter-spacing:.15em;line-height:1.9}
 .facade-note-line{top:5em}
 .facade-photo{object-position:58% 52%}
}
@media(max-width:600px){
 .facade-sticky{min-height:620px}
 .facade-masthead{top:8%;gap:12px;flex-wrap:wrap}
 .facade-brand{gap:10px}.facade-brand svg{width:30px;height:32px}
 .facade-brand>span{font-size:.43rem;letter-spacing:.16em}
 .facade-editorial-line{display:none}.facade-count{margin-left:auto}
 .facade-count:before{width:16px}
 .facade-notes{top:57%;left:8%;width:84%}
 .facade-notes p{font-size:.75rem;letter-spacing:.14em}
 .facade-note-line{top:5.5em}
 .facade-narrative-cue{top:calc(100svh - max(90px,12svh));bottom:auto;font-size:.625rem;gap:7px}
 .merge-home .facade-hero .facade-visible-title{font-size:clamp(2.6rem,11.2vw,3.8rem);line-height:1.06;margin-bottom:23px}
 .facade-hero-description{font-size:.8125rem;letter-spacing:.11em;max-width:32ch;margin-bottom:22px}
 .facade-hero{bottom:6%;left:7%;right:7%}
 .facade-actions{align-items:stretch;flex-direction:column;gap:9px}
 .facade-actions a{min-height:51px;padding:12px 18px;font-size:.75rem;gap:16px}
 .facade-actions .facade-secondary{border-color:#ffffff5c;background:transparent}
 .facade-scroll-cue{margin-top:28px;font-size:.55rem}
 .facade-photo{object-position:62% 48%}
 .facade-shade{background:linear-gradient(0deg,#021a36f5, #031b3580 49%,transparent 82%);mask-image:none}
}
@media(prefers-reduced-motion:reduce){.intro-narrative-page.intro-live .facade-intro{height:auto}.facade-actions a{transition:none}}