/* The Water Plays — theatrical exhibition reconstruction */
:root{--ink:#050708;--paper:#eee9df;--silver:#c8d0cf;--river:#162d31;--river2:#071416;--field:#b99d5f;--soil:#4b3527;--aquifer:#143d51;--acid:#d7e6c6}
.waterPage{background:var(--ink);color:#f1f2ef;overflow-x:hidden}
.waterPage main{background:#06090a}
.waterPage section{position:relative}
.waterAct,.workAct,.heroAct{font:700 .72rem/1.2 "IBM Plex Sans Condensed",sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#c6cecb}

/* Act I */
.waterHero{min-height:100svh;background:#020304}
.waterHeroBanner{min-height:100svh;display:grid;place-items:center;overflow:hidden}
.waterHeroBanner picture,.waterHeroBanner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.waterHeroBanner img{filter:saturate(.72) contrast(1.12) brightness(.58);transform:scale(1.025);animation:heroBreath 18s ease-in-out infinite alternate}
@keyframes heroBreath{to{transform:scale(1.08)}}
.waterHeroVeil{background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.22) 34%,rgba(0,0,0,.88) 100%),linear-gradient(90deg,rgba(0,0,0,.48),transparent 48%,rgba(0,0,0,.34));inset:0;position:absolute}
.waterHeroWords{position:relative;z-index:2;width:min(1180px,90vw);margin-top:18vh;text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.65)}
.waterHeroWords .heroAct{display:block;margin-bottom:2.2rem}
.waterHeroWords p{margin:.25rem 0;font:500 clamp(1.1rem,2.2vw,2rem)/1.22 "Inter",sans-serif;color:#e8e8e3}
.waterHeroWords strong{display:block;margin:2.5rem auto 0;max-width:1100px;font:500 clamp(2.45rem,6vw,6.3rem)/.94 "Cormorant Garamond",serif;color:#fff;letter-spacing:-.035em}
.heroScroll{display:inline-flex;align-items:center;gap:1rem;margin-top:3.2rem;color:#e5e7e2;text-decoration:none;font:600 .75rem/1 "Inter",sans-serif;letter-spacing:.13em;text-transform:uppercase}
.heroScroll i{display:block;width:64px;height:1px;background:#e5e7e2;position:relative}.heroScroll i:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg)}

/* Act II: two landscapes */
.waterDiptych{min-height:110svh;display:grid!important;grid-template-columns:1fr 1px 1fr!important;background:#050707}
.waterPanel{min-height:110svh;display:flex;align-items:flex-end;padding:8vw 6vw;overflow:hidden;isolation:isolate;background-size:cover!important;background-position:center!important}
.waterPanel:before{content:"";position:absolute;inset:0;z-index:-2;transition:transform 1.2s ease,filter 1.2s ease}
.waterPanel--mercury:before{background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.9)),radial-gradient(circle at 25% 28%,rgba(168,199,196,.16),transparent 28%),repeating-radial-gradient(ellipse at 30% 46%,rgba(129,171,174,.14) 0 1px,transparent 2px 22px),linear-gradient(145deg,#173b3e,#061012 70%)}
.waterPanel--six:before{background:linear-gradient(180deg,rgba(20,12,4,.06),rgba(5,7,7,.92)),linear-gradient(0deg,rgba(31,52,42,.45) 0 16%,transparent 16%),repeating-linear-gradient(165deg,rgba(236,216,157,.18) 0 2px,transparent 2px 34px),linear-gradient(145deg,#c1aa72,#59462b 52%,#182c30 85%)}
.waterPanel:hover:before{transform:scale(1.035);filter:saturate(1.15)}
.waterDiptychDivider{width:1px;background:linear-gradient(transparent,#d9dedb 25%,#d9dedb 75%,transparent);position:relative;z-index:3}
.waterPanel__content{max-width:600px;position:relative;z-index:2}
.landscapePlace{font:700 .74rem/1 "IBM Plex Sans Condensed";letter-spacing:.2em;color:#d2d6d1}
.waterPanel h2{margin:.6rem 0 2.2rem;font:500 clamp(4rem,8vw,8rem)/.8 "Cormorant Garamond";letter-spacing:-.05em;color:#fff}
.landscapeLitany p{margin:.15rem 0;font:500 clamp(1.35rem,2.3vw,2.4rem)/1.15 "Inter";color:#e8e8e3}
.landscapeLitany .turn{margin-top:1.2rem;color:#fff;font-weight:700}
.waterPanel .waterCta{display:inline-block;margin-top:2.3rem;padding-bottom:.45rem;border-bottom:1px solid rgba(255,255,255,.75);color:#fff;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;text-decoration:none}

/* Act III */
.waterTransit{min-height:100svh;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#132126 0,#070a0b 58%,#030404 100%);overflow:hidden}
.waterTransit:before,.waterTransit:after{content:"";position:absolute;opacity:.45;filter:blur(1px)}
.waterTransit:before{height:1px;width:72vw;background:linear-gradient(90deg,transparent,#9db4b3,#d7dddd,transparent);top:58%;left:8%;box-shadow:0 0 30px #89a8ac}
.waterTransit:after{width:1px;height:72vh;background:linear-gradient(transparent,#c9b78d,#8fb5c5,transparent);top:14%;left:70%;box-shadow:0 0 28px #6f9fb7}
.waterTransit__inner{width:min(1320px,88vw);padding:10rem 0;position:relative;z-index:2}
.waterTransit h2{margin:1.4rem 0 4rem;font:500 clamp(3rem,6.5vw,7rem)/.92 "Cormorant Garamond";letter-spacing:-.04em}
.waterTransit h2 span{display:block}.waterTransit h2 span:last-child{margin-left:15vw;color:#cbb98c}
.travelAxes{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:center;margin:5rem 0}
.travelHorizontal,.travelVertical{display:flex;position:relative;font:700 .62rem/1 "IBM Plex Sans Condensed";letter-spacing:.14em;color:#b9c5c4}
.travelHorizontal{justify-content:space-between;align-items:center;padding-top:2rem}.travelHorizontal i{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#597a7d,#d9e1df);box-shadow:0 0 18px rgba(183,210,210,.55)}
.travelVertical{height:270px;flex-direction:column;justify-content:space-between;padding-left:2rem}.travelVertical i{position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(#c9b477,#507f94);box-shadow:0 0 16px rgba(141,181,196,.45)}
.waterTransit__inner>p{max-width:760px;margin-left:auto;font:500 clamp(1.25rem,2vw,2rem)/1.35 "Inter";color:#d9dcda}

/* Act IV */
.waterVoices{padding:12rem 6vw;background:#e9e4d9;color:#111;overflow:hidden}
.waterVoices header{max-width:1050px;margin:0 auto 7rem;text-align:center}.waterVoices .waterAct{color:#4d4b46}.waterVoices h2{margin:.8rem 0;font:500 clamp(3.4rem,6.5vw,7rem)/.9 "Cormorant Garamond";letter-spacing:-.05em}.waterVoices header p{font-size:1.08rem}
.voiceStage{width:min(1450px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#aaa399;border:1px solid #aaa399}
.voice{min-height:540px;padding:4.2rem 3rem;background:#f3efe7;display:flex;flex-direction:column;justify-content:space-between;transition:transform .5s ease,background .5s ease}.voice:hover{transform:translateY(-14px);background:#fff}
.voice>span{font:700 .72rem/1 "IBM Plex Sans Condensed";letter-spacing:.2em}.voice blockquote{margin:auto 0;font:500 clamp(2.3rem,3.8vw,4.6rem)/.95 "Cormorant Garamond";letter-spacing:-.035em}.voice p{max-width:33ch;font:500 1rem/1.55 "Inter"}
.voice--ecosystem{background:#dce5df}.voice--livelihood{background:#e8dcc1}.voice--evidence{background:#dfe5e7}
.voiceHinge{max-width:1040px;margin:7rem auto 0;text-align:center}.voiceHinge span{display:block;font:500 1rem/1.4 "Inter"}.voiceHinge strong{display:block;margin-top:.8rem;font:500 clamp(2.7rem,5vw,5.7rem)/.95 "Cormorant Garamond"}

/* Work acts */
.waterWork{padding-top:11rem}.waterWork__header{position:relative}.workAct{position:absolute;top:-4rem;left:0;color:inherit;opacity:.7}
.waterWork__header h2{font-size:clamp(5rem,10vw,10rem)!important;line-height:.75!important}
.waterWork__visual{margin:5rem auto 9rem!important;max-width:1180px!important}.waterWork__visual img{box-shadow:0 40px 100px rgba(0,0,0,.45)}

/* Mercury: archive becomes an installation */
.archiveWall--public{padding:10rem 0!important;background:linear-gradient(180deg,#081315,#101c1e)!important}.archiveWall__intro{max-width:900px!important;margin:0 auto 5rem!important;text-align:center}.archiveWall__intro h3{font-size:clamp(3.3rem,6vw,6.5rem)!important;line-height:.9!important}
.publicArchiveGrid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;max-width:1500px!important;margin:auto!important;border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25)}
.publicArchiveObject{min-height:560px!important;padding:3.2rem 2.2rem!important;border-right:1px solid rgba(255,255,255,.16)!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;background:transparent!important;transition:background .4s ease,transform .4s ease!important}.publicArchiveObject:last-child{border-right:0!important}.publicArchiveObject:hover{background:rgba(255,255,255,.06)!important;transform:translateY(-8px)}
.publicArchiveObject h4{font-size:clamp(1.9rem,2.6vw,3rem)!important;line-height:1!important}.archiveSymbol,.archiveYears,.archiveJar,.archiveModel{margin-bottom:auto!important;transform:scale(1.2);transform-origin:left top}

/* Groundwater */
.groundwaterExperience{background:linear-gradient(#c4ad75 0 12%,#684e31 12% 42%,#182f35 42% 72%,#071317 72%)!important;padding-top:9rem!important}.groundwaterExperience .waterExperienceIntro{max-width:1100px!important;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}.groundwaterExperience .waterExperienceIntro h3{font-size:clamp(3.5rem,7vw,7.5rem)!important;line-height:.88!important}
.groundwaterScroll{max-width:1500px!important;margin:auto!important}.groundwaterVisual{box-shadow:0 35px 90px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.18)}
.groundChapter{background:rgba(7,12,13,.82)!important;backdrop-filter:blur(8px);padding:2.2rem!important;border-left:3px solid rgba(255,255,255,.25)}.groundChapter h4{font:500 clamp(2rem,3vw,3.6rem)/1 "Cormorant Garamond"!important}

/* Danish claims chamber */
.claimChamber{padding:11rem 6vw;background:#ece5d6;color:#111}.claimChamber>header{max-width:1000px;margin:0 auto 6rem;text-align:center}.claimChamber h3{margin:.8rem 0;font:500 clamp(3.2rem,6vw,6.5rem)/.9 "Cormorant Garamond"}.claimChamber>header p{font-size:1.1rem}.claimChamber__stage{max-width:1450px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#afa99e;border:1px solid #afa99e;position:relative}.claimChamber article{min-height:370px;background:#f6f1e7;padding:3.5rem;display:flex;flex-direction:column;justify-content:flex-end}.claimChamber article span{margin-bottom:auto;font:700 .72rem/1 "IBM Plex Sans Condensed";letter-spacing:.2em}.claimChamber article h4{font:500 clamp(2.3rem,4vw,4.4rem)/.95 "Cormorant Garamond";margin:0 0 1rem}.claimChamber article p{max-width:45ch;line-height:1.55}.claimWitness{grid-column:1/-1;background:#091113;color:#fff;text-align:center;padding:5rem 2rem}.claimWitness span{display:block;font:700 .72rem/1 "IBM Plex Sans Condensed";letter-spacing:.22em;color:#aebcbb}.claimWitness strong{display:block;margin-top:1rem;font:500 clamp(3rem,6vw,6rem)/.9 "Cormorant Garamond"}

/* Fact panels more editorial */
.factAnchor{padding:10rem 0!important}.factAnchor__heading h3{font-size:clamp(3.2rem,5.6vw,6rem)!important;line-height:.9!important}.factAnchor blockquote{font-size:clamp(2rem,3vw,3.4rem)!important;line-height:1.05!important}

/* Final */
.waterFinal{min-height:100svh;display:grid;place-items:center;overflow:hidden;background:#020506}.waterFinal__surface{position:absolute;inset:-15%;background:radial-gradient(ellipse at 48% 55%,rgba(104,154,160,.25),transparent 35%),repeating-radial-gradient(ellipse at 50% 60%,rgba(177,209,210,.13) 0 1px,transparent 2px 30px),linear-gradient(180deg,#020506,#0d2428);animation:waterMove 20s linear infinite alternate;transform:rotate(-2deg) scale(1.12)}@keyframes waterMove{to{transform:rotate(2deg) scale(1.2) translateY(-2%)}}
.waterFinal__words{position:relative;z-index:2;width:min(1200px,88vw);text-align:center}.waterFinal__words span{font:700 .72rem/1 "IBM Plex Sans Condensed";letter-spacing:.24em;color:#bdc8c7}.waterFinal h2{margin:2rem 0 0;font:500 clamp(3.2rem,7vw,7.5rem)/.9 "Cormorant Garamond";letter-spacing:-.045em}.waterFinal h2 em{font-style:italic;color:#d5e2df}

/* reveal rhythm */
[data-reveal]{opacity:0;transform:translateY(35px);transition:opacity .9s ease,transform .9s ease}[data-reveal].is-visible{opacity:1;transform:none}

@media(max-width:850px){
 .waterHeroWords{margin-top:10vh}.waterHeroWords strong br{display:none}.waterHeroWords p{font-size:1.05rem}.heroScroll{margin-top:2rem}
 .waterDiptych{grid-template-columns:1fr!important}.waterDiptychDivider{height:1px;width:100%}.waterPanel{min-height:82svh;padding:14vw 8vw}.waterPanel h2{font-size:4.7rem}
 .waterTransit__inner{padding:7rem 0}.waterTransit h2 span:last-child{margin-left:0;margin-top:1rem}.travelAxes{grid-template-columns:1fr;gap:4rem}.waterTransit:after{left:18%}
 .waterVoices{padding:7rem 5vw}.voiceStage{grid-template-columns:1fr}.voice{min-height:420px;padding:2.5rem}.voice:hover{transform:none}
 .publicArchiveGrid{grid-template-columns:1fr!important}.publicArchiveObject{min-height:390px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.16)!important}
 .claimChamber{padding:7rem 5vw}.claimChamber__stage{grid-template-columns:1fr}.claimWitness{grid-column:auto}.claimChamber article{min-height:310px;padding:2.4rem}
 .waterWork{padding-top:7rem}.waterWork__header h2{font-size:4.8rem!important}.workAct{top:-2.8rem}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}

/* Mobile hero correction — preserve the complete authored banner */
@media (max-width:850px){
  .waterSiteHeader{
    position:sticky!important;
    top:0!important;
    z-index:1000!important;
    min-height:58px!important;
    height:58px!important;
    background:rgba(4,7,8,.96)!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
    backdrop-filter:blur(12px)!important;
  }
  .waterSiteHeader__inner{
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    padding:0 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    box-sizing:border-box!important;
  }
  .waterSiteHeader__brand{
    display:block!important;
    margin:0!important;
    padding:0!important;
    color:#f3f1ea!important;
    font:600 13px/1 "Inter",sans-serif!important;
    letter-spacing:.16em!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }
  .waterSiteHeader__desktopNav{display:none!important}
  .waterSiteHeader__menuButton{
    display:grid!important;
    place-content:center!important;
    gap:4px!important;
    width:40px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:50%!important;
    background:transparent!important;
  }
  .waterSiteHeader__menuButton span{
    display:block!important;
    width:16px!important;
    height:1px!important;
    background:#f3f1ea!important;
  }
  .waterSiteHeader__mobileNav{
    position:absolute!important;
    top:58px!important;
    left:0!important;
    right:0!important;
    padding:18px!important;
    background:#070a0b!important;
    border-bottom:1px solid rgba(255,255,255,.14)!important;
  }
  .waterSiteHeader__mobileNav:not([hidden]){display:grid!important;gap:0!important}
  .waterSiteHeader__mobileNav a{
    display:block!important;
    padding:14px 2px!important;
    border-bottom:1px solid rgba(255,255,255,.1)!important;
    color:#f4f1e9!important;
    font:500 17px/1.2 "Inter",sans-serif!important;
    text-decoration:none!important;
  }

  .waterHero{
    min-height:0!important;
    background:#020304!important;
  }
  .waterHeroBanner{
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    place-items:unset!important;
    overflow:hidden!important;
    background:#020304!important;
  }
  .waterHeroBanner picture{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:1983/793!important;
    background:#020304!important;
    overflow:hidden!important;
  }
  .waterHeroBanner picture:before{
    content:"";
    position:absolute;
    inset:-12px;
    background-image:url('/assets/the-water-plays-hero-banner.webp');
    background-size:cover;
    background-position:center;
    filter:blur(18px) brightness(.42);
    transform:scale(1.08);
  }
  .waterHeroBanner img{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    filter:saturate(.82) contrast(1.08) brightness(.78)!important;
    transform:none!important;
    animation:none!important;
  }
  .waterHeroVeil{
    display:none!important;
  }
  .waterHeroWords{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    margin:0!important;
    padding:42px 22px 38px!important;
    box-sizing:border-box!important;
    text-align:center!important;
    background:
      radial-gradient(circle at 50% 0,rgba(47,77,80,.25),transparent 45%),
      linear-gradient(180deg,#070a0b,#020304)!important;
    text-shadow:none!important;
  }
  .waterHeroWords .heroAct{
    margin-bottom:22px!important;
    font-size:.68rem!important;
    letter-spacing:.24em!important;
  }
  .waterHeroWords p{
    max-width:30ch!important;
    margin:.25rem auto!important;
    font:500 1.02rem/1.42 "Inter",sans-serif!important;
    color:#e7e8e4!important;
  }
  .waterHeroWords strong{
    max-width:12ch!important;
    margin:30px auto 0!important;
    font:500 clamp(2.65rem,12vw,4.1rem)/.9 "Cormorant Garamond",serif!important;
    letter-spacing:-.045em!important;
  }
  .waterHeroWords strong br{display:none!important}
  .heroScroll{
    margin-top:34px!important;
    font-size:.68rem!important;
  }
}


/* FINAL MOBILE POSTER + HEADER CORRECTION — 2026-07-18
   The full portrait artwork is the mobile opening. No crop, no overlay. */
@media (max-width:760px){
  .waterSiteHeader{
    position:relative!important;
    z-index:1000!important;
    width:100%!important;
    min-height:58px!important;
    background:#050708!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
  }
  .waterSiteHeader__inner{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:calc(100% - 28px)!important;
    min-height:58px!important;
    margin:0 auto!important;
    padding:0!important;
  }
  .waterSiteHeader__brand{
    display:block!important;
    margin:0!important;
    color:#f4f0e8!important;
    font:500 13px/1 "Inter",sans-serif!important;
    letter-spacing:.16em!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }
  .waterSiteHeader__desktopNav{display:none!important}
  .waterSiteHeader__menuButton{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.42)!important;
    border-radius:50%!important;
    background:transparent!important;
  }
  .waterSiteHeader__menuButton span{
    display:block!important;
    width:17px!important;
    height:1px!important;
    background:#f4f0e8!important;
  }
  .waterSiteHeader__mobileNav[hidden]{display:none!important}
  .waterSiteHeader__mobileNav:not([hidden]){
    display:grid!important;
    position:absolute!important;
    top:58px!important;
    left:0!important;
    right:0!important;
    z-index:1001!important;
  }

  .waterHero,
  .waterHeroBanner{
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    background:#020304!important;
  }
  .waterHeroBanner{
    display:flex!important;
    flex-direction:column!important;
    overflow:visible!important;
  }
  .waterHeroBanner picture{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:auto!important;
    line-height:0!important;
    overflow:visible!important;
    background:#020304!important;
  }
  .waterHeroBanner picture:before{display:none!important}
  .waterHeroBanner picture img,
  .waterHeroBanner img{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center top!important;
    filter:none!important;
    transform:none!important;
    animation:none!important;
    opacity:1!important;
  }
  .waterHeroVeil{display:none!important}
  .waterHeroWords{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:54px 22px 48px!important;
    box-sizing:border-box!important;
    background:linear-gradient(180deg,#070a0b,#020304)!important;
    text-align:center!important;
    text-shadow:none!important;
  }
}

/* FINAL USER-SELECTED MOBILE HERO — exact portrait artwork, 2026-07-18 */
@media (max-width:760px){
  /* The chosen portrait already contains the mobile masthead artwork. */
  .waterSiteHeader{
    position:absolute!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:1000!important;
    min-height:80px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    pointer-events:none!important;
  }
  .waterSiteHeader__inner{
    width:100%!important;
    min-height:80px!important;
    margin:0!important;
    padding:0!important;
  }
  .waterSiteHeader__brand,
  .waterSiteHeader__desktopNav{display:none!important}
  .waterSiteHeader__menuButton{
    position:absolute!important;
    top:10px!important;
    right:17px!important;
    display:block!important;
    width:58px!important;
    height:58px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    opacity:0!important;
    pointer-events:auto!important;
  }
  .waterSiteHeader__menuButton span{display:none!important}
  .waterSiteHeader__mobileNav:not([hidden]){
    position:absolute!important;
    top:78px!important;
    left:12px!important;
    right:12px!important;
    z-index:1002!important;
    display:grid!important;
    padding:10px 18px 14px!important;
    background:rgba(4,5,6,.98)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    pointer-events:auto!important;
  }

  .waterHero,
  .waterHeroBanner{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    background:#000!important;
  }
  .waterHeroBanner{display:block!important;overflow:hidden!important}
  .waterHeroBanner picture{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    line-height:0!important;
  }
  .waterHeroBanner picture img,
  .waterHeroBanner img{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center top!important;
    filter:none!important;
    transform:none!important;
    animation:none!important;
    opacity:1!important;
  }
  .waterHeroVeil,
  .waterHeroWords{display:none!important}
}

/* MERCURY OPENING STATEMENT — 2026-07-19 */
.mercuryOpening{
  position:relative;
  z-index:2;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 15%,rgba(123,151,150,.13),transparent 34%),
    linear-gradient(180deg,#06090a 0%,#0b1113 100%);
  color:#f4f1e9;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.mercuryOpening:before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:clamp(20px,6vw,88px);
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(188,55,47,.85) 18%,rgba(188,55,47,.85) 82%,transparent);
}
.mercuryOpening__inner{
  width:min(1180px,calc(100% - 12vw));
  margin:0 auto;
  padding:clamp(6rem,10vw,10rem) 0 clamp(5rem,8vw,8rem);
}
.mercuryOpening__eyebrow{
  margin:0 0 1.5rem;
  color:#cfd8d6;
  font:700 .72rem/1.2 "IBM Plex Sans Condensed",sans-serif;
  letter-spacing:.24em;
}
.mercuryOpening h1{
  max-width:14ch;
  margin:0 0 clamp(3rem,6vw,5.5rem);
  font:500 clamp(3.4rem,7vw,7.2rem)/.9 "Cormorant Garamond",serif;
  letter-spacing:-.045em;
}
.mercuryOpening h1 em{font-weight:500}
.mercuryOpening__text{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(2rem,4vw,4.5rem);
  counter-reset:mercury-opening;
}
.mercuryOpening__text p{
  position:relative;
  margin:0;
  padding-top:2rem;
  color:#e3e5df;
  font:400 clamp(1.04rem,1.25vw,1.2rem)/1.7 "Inter",sans-serif;
  text-wrap:pretty;
}
.mercuryOpening__text p:before{
  counter-increment:mercury-opening;
  content:"0" counter(mercury-opening);
  position:absolute;
  top:0;
  left:0;
  color:#a8b5b3;
  font:700 .66rem/1 "IBM Plex Sans Condensed",sans-serif;
  letter-spacing:.18em;
}
.mercuryOpening__text em{font-family:"Cormorant Garamond",serif;font-size:1.18em;font-weight:600}
.mercuryOpening__continue{
  display:inline-flex;
  align-items:center;
  gap:.8rem;
  margin-top:clamp(3rem,6vw,5rem);
  padding-bottom:.55rem;
  border-bottom:1px solid rgba(255,255,255,.35);
  color:#f4f1e9;
  font:700 .68rem/1 "IBM Plex Sans Condensed",sans-serif;
  letter-spacing:.2em;
  text-decoration:none;
  text-transform:uppercase;
}
.mercuryOpening__continue span{font-size:1rem;transition:transform .25s ease}
.mercuryOpening__continue:hover span{transform:translateY(4px)}

.mercuryDeclaration{
  background:#eee8dc;
  color:#111;
  padding:clamp(5.5rem,9vw,9rem) 6vw;
  border-top:1px solid #c8c0b2;
}
.mercuryDeclaration__inner{width:min(980px,100%);margin:0 auto}
.mercuryDeclaration h2{
  margin:1.2rem 0 1.6rem;
  font:500 clamp(2.8rem,5.4vw,5.6rem)/.94 "Cormorant Garamond",serif;
  letter-spacing:-.035em;
}
.mercuryDeclaration p{
  max-width:64ch;
  margin:0;
  font:400 clamp(1.03rem,1.2vw,1.18rem)/1.7 "Inter",sans-serif;
}

@media(max-width:900px){
  .mercuryOpening:before{left:20px}
  .mercuryOpening__inner{width:calc(100% - 48px);padding:5.5rem 0 4.5rem}
  .mercuryOpening h1{max-width:13ch;margin-bottom:3.4rem}
  .mercuryOpening__text{grid-template-columns:1fr;gap:2.4rem}
  .mercuryOpening__text p{max-width:68ch;padding-top:1.7rem;font-size:1.02rem;line-height:1.66}
}
@media(max-width:520px){
  .mercuryOpening:before{left:14px}
  .mercuryOpening__inner{width:calc(100% - 36px);padding:4.25rem 0 3.75rem}
  .mercuryOpening__eyebrow{font-size:.62rem;letter-spacing:.2em}
  .mercuryOpening h1{font-size:clamp(2.75rem,14vw,4rem);line-height:.92;margin-bottom:2.7rem}
  .mercuryOpening__text{gap:2rem}
  .mercuryOpening__text p{font-size:.98rem;line-height:1.62;padding-top:1.55rem}
  .mercuryOpening__continue{margin-top:2.8rem;font-size:.62rem;letter-spacing:.16em}
  .mercuryDeclaration{padding:4.5rem 22px}
  .mercuryDeclaration h2{font-size:clamp(2.5rem,12vw,4rem)}
}