/* Haze White — access page (night edition). Loaded only by the access page. */
.access-page{
  --night:#15171c;--night-2:#1c1f26;--ivory:#ece6dc;--ivory-2:rgba(236,230,220,.66);--ivory-3:rgba(236,230,220,.44);
  --gold:#b9a57e;--hair:rgba(255,255,255,.18);
  background:var(--night);color:var(--ivory);min-height:100svh;position:relative;
  background-image:
    radial-gradient(120% 60% at 50% 0%,rgba(185,165,126,.10),transparent 60%),
    radial-gradient(90% 50% at 50% 100%,rgba(70,82,104,.22),transparent 70%),
    linear-gradient(180deg,#17191f 0%,#14161b 55%,#1a1d24 100%);
  background-attachment:fixed;
}
.access-page::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.07;mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.access-page .access{position:relative;z-index:1;max-width:480px;background:transparent}
.access-page .ac-media{height:min(50svh,440px);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 48%,rgba(0,0,0,.35) 78%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 48%,rgba(0,0,0,.35) 78%,transparent 100%)}
.access-page .ac-media img{object-position:50% 40%;filter:saturate(.62) brightness(.78) contrast(1.04)}
.access-page .ac-media::after{background:linear-gradient(to bottom,rgba(21,23,28,.45) 0%,rgba(21,23,28,0) 28%)}
.access-page .ac-body{margin-top:-72px;padding:0 24px 44px}
.access-page .eyebrow{color:var(--gold);font-size:10.5px;letter-spacing:.34em}
.access-page .access h1{color:var(--ivory);font-weight:300;font-size:clamp(48px,14vw,66px);letter-spacing:.07em}
.access-page .access .zh{color:var(--ivory-2);letter-spacing:.6em;margin-top:12px}
.access-page .ac-lede{color:var(--ivory-2);font-size:19px;margin:26px 0 32px}
.access-page .ac-lede::before{content:"";display:block;width:36px;height:1px;background:var(--gold);opacity:.7;margin:0 auto 24px}
.access-page .ac-lede em{color:var(--ivory);font-style:italic}
.access-page .ac-links{gap:12px}
.access-page .al{background:rgba(255,255,255,.015);border:1px solid var(--hair);color:var(--ivory);padding:16px 20px;transition:background .35s,border-color .35s,transform .35s var(--ease)}
.access-page .al:hover,.access-page .al:focus-visible{background:rgba(255,255,255,.055);border-color:rgba(236,230,220,.38)}
.access-page .al-t{color:var(--ivory);font-size:22px}
.access-page .al-s{color:var(--ivory-3);letter-spacing:.18em}
.access-page .al-a{color:var(--gold)}
.access-page .al.primary{background:#e9e1d3;border-color:#e9e1d3;color:#17191e}
.access-page .al.primary:hover,.access-page .al.primary:focus-visible{background:#f4efe6;border-color:#f4efe6}
.access-page .al.primary .al-t{color:#17191e}
.access-page .al.primary .al-s{color:rgba(23,25,30,.58)}
.access-page .al.primary .al-a{color:#17191e}
.access-page .al:focus-visible{outline:1px solid var(--gold);outline-offset:3px}
.access-page .ac-mini{color:var(--ivory-2);margin-top:34px}
.access-page .ac-mini a{border-bottom:1px solid var(--hair);transition:border-color .3s,color .3s}
.access-page .ac-mini a:hover{color:var(--ivory);border-color:var(--gold)}
.access-page .ac-foot{color:var(--ivory-3);margin-top:36px}
.access-page ::selection{background:rgba(185,165,126,.35);color:#fff}
@media(min-width:700px){
  .access-page .access{padding:48px 0}
  .access-page .ac-media{height:420px;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 46%,#000 38%,rgba(0,0,0,.45) 70%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 46%,#000 38%,rgba(0,0,0,.45) 70%,transparent 100%)}
}