/* A quiet central message, with two slowly travelling photo columns. */
.maintenance-page{background:#fcf8fd}
.maintenance-main{padding-top:156px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#fff 20%,#fcf8fd 67%,#f4ecfa)}
.maintenance-stage{position:relative;isolation:isolate;display:grid;place-items:center;min-height:760px;padding:38px 0 100px}
.maintenance-scenes{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;mask-image:linear-gradient(transparent,#000 6%,#000 91%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 6%,#000 91%,transparent)}
.maintenance-column{position:absolute;top:0;bottom:0;width:24%;max-width:390px;overflow:hidden}
.maintenance-column--left{left:-1.5%}
.maintenance-column--right{right:-1.5%}
.maintenance-track{display:flex;flex-direction:column;will-change:transform}
.maintenance-photo-set{flex:none;display:flex;flex-direction:column;gap:42px;padding-bottom:42px}
.maintenance-photo{width:var(--photo-width,90%);margin:0;margin-left:var(--photo-left,0);flex:none}
.maintenance-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:5px;box-shadow:0 10px 26px #79648912}
.maintenance-photo--portrait img{aspect-ratio:3/4}
.maintenance-card{position:relative;width:min(560px,47%);padding:40px 38px 36px;text-align:center;border:1px solid #fff;border-radius:10px;background:linear-gradient(#fff6,#fff6),url('/assets/membership-maintenance-pearl.jpg') center/cover;box-shadow:0 18px 65px #71528513,0 0 0 8px #ffffff6b}
.maintenance-card::before{content:"";position:absolute;inset:12px;border:1px solid #ffffffb3;border-radius:3px;pointer-events:none}
.maintenance-logo{display:block;width:76px;height:auto;margin:0 auto 25px}
.maintenance-card .eyebrow{font-size:13px;letter-spacing:.17em;margin:0;color:var(--text-accent)}
.maintenance-card h1{font:500 clamp(25px,2.4vw,36px)/1.65 var(--serif);letter-spacing:.05em;margin:22px 0 23px;color:#4e365f;text-shadow:none;text-wrap:balance}
.maintenance-card h1 span{display:block}
.maintenance-description{font:400 16px/2.05 var(--sans);color:var(--muted);margin:0 auto;max-width:28em;text-wrap:pretty}
.maintenance-description+.maintenance-description{margin-top:14px}
.maintenance-actions{display:flex;align-items:center;flex-direction:column;gap:18px;margin-top:29px}
.maintenance-actions .button{min-width:0;width:min(100%,270px);min-height:50px;margin:0;padding:10px 20px;font-size:15px}
.maintenance-home-link{font:500 14px/1.8 var(--sans);color:var(--text-accent);padding:3px 1px;border-bottom:1px solid #b69bc7;letter-spacing:.04em}
.maintenance-home-link:hover{color:#4e365f;border-color:currentColor}
.maintenance-motion{position:absolute;right:30px;bottom:30px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid #dfd1e9;border-radius:999px;background:#fffafde8;color:var(--text-accent);font:14px/1.8 var(--sans);cursor:pointer}
.maintenance-motion[hidden]{display:none}
.maintenance-motion svg{width:14px;height:14px;fill:currentColor}
.maintenance-motion:focus-visible{outline:2px solid #79508d;outline-offset:4px}
.maintenance-motion .motion-play,.maintenance-motion[aria-pressed="true"] .motion-pause{display:none}
.maintenance-motion[aria-pressed="true"] .motion-play{display:block}
html[lang="en"] .maintenance-card h1{font-size:clamp(31px,3vw,43px);letter-spacing:0;line-height:1.25}
html[lang="en"] .maintenance-description{font-size:16px;line-height:1.95}
@keyframes maintenance-up{from{transform:translateY(0)}to{transform:translateY(-33.3333333333%)}}
@keyframes maintenance-down{from{transform:translateY(-33.3333333333%)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
  .maintenance-stage[data-motion-ready] .maintenance-column--left .maintenance-track{animation:maintenance-up 80s linear infinite}
  .maintenance-stage[data-motion-ready] .maintenance-column--right .maintenance-track{animation:maintenance-down 94s linear infinite}
}
.maintenance-stage[data-paused] .maintenance-track,html.motion-paused .maintenance-track{animation-play-state:paused!important}
@media(max-width:1060px){
  .maintenance-main{padding-top:136px}
  .maintenance-stage{min-height:740px;padding-top:32px}
  .maintenance-card{width:54%;padding:36px 28px}
  .maintenance-column{width:25%}
  .maintenance-column--left{left:-4%}
  .maintenance-column--right{right:-4%}
  .maintenance-photo-set{gap:35px;padding-bottom:35px}
}
@media(max-width:760px){
  .maintenance-main{padding-top:120px}
  .maintenance-stage{padding:100px 0 170px;min-height:840px}
  .maintenance-card{width:calc(100% - 64px);max-width:470px;padding:32px 24px 30px}
  .maintenance-card h1{font-size:clamp(21px,6.5vw,27px);letter-spacing:.03em}
  .maintenance-logo{width:65px;margin-bottom:22px}
  .maintenance-card .eyebrow{font-size:13px;letter-spacing:.13em}
  .maintenance-description{font-size:16px;line-height:1.95}
  .maintenance-column{width:45%;max-width:250px;opacity:.87}
  .maintenance-column--left{left:-8%}
  .maintenance-column--right{right:-8%}
  .maintenance-photo-set{gap:40px;padding-bottom:40px}
  .maintenance-motion{right:50%;transform:translateX(50%);bottom:30px;white-space:nowrap}
  html[lang="en"] .maintenance-card h1{font-size:34px}
  html[lang="en"] .maintenance-description{font-size:16px;line-height:1.9}
}
@media(max-width:350px){
  .maintenance-card{width:calc(100% - 38px);padding:30px 20px}
  .maintenance-card h1{font-size:22px}
  html[lang="en"] .maintenance-card h1{font-size:30px}
}
@media(prefers-reduced-motion:reduce){.maintenance-track{animation:none!important;will-change:auto}.maintenance-motion{display:none}}