/* Flowing silk and gold, with a quiet layer beneath readable interface content. */
.shell{background:#241b30}
.shell::before{
  background-image:linear-gradient(90deg,#20172c94 0%,#21182f91 48%,#241a306b 100%),url('./assets/atmosphere/member-purple-veil-v1.webp');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}
.shell .sidebar{
  background:linear-gradient(175deg,#30223eeF,#21172eeF);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
.shell .topbar{background:#281d36d9}
.shell .greeting,.shell .page-intro{text-shadow:0 2px 14px #190e2266}
.shell .day-label{padding:5px 10px;border:1px solid #d9c5e42e;border-radius:30px;background:#24192ed9;color:#f1e2f3;text-shadow:none}
.shell .page-intro>.page-intro-top .btn{text-shadow:none}
.shell .page-footer{color:#d6c3de}
.shell .mobile-nav{background:#291d38f5}

.welcome-site{
  --welcome-ink:#513c43;
  --welcome-muted:#786354;
  --welcome-border:#b598682e;
  position:relative;
  isolation:isolate;
  background:#fbf5e9;
}
.welcome-site::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:linear-gradient(90deg,#fcf7efeF 0%,#fcf6e9dc 55%,#faf1dfb8 100%),url('./assets/atmosphere/welcome-cream-veil-v1.webp');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center 48%;
}
.welcome-site .welcome-nav{background:#fff9ed80}
.welcome-site .welcome-hero h1{color:#513b43}
.welcome-site .welcome-hero h1 em{color:#977145}
.welcome-site .welcome-greeting{color:#87684f}
.welcome-site .welcome-lead,.welcome-site .welcome-read-link{color:#755e56}
.welcome-site .welcome-hero .eyebrow{color:#8b693e}
.welcome-site .welcome-sky{
  object-position:center;
  border-color:#c9a36570;
  box-shadow:0 24px 55px #a7834930;
}
.welcome-site .welcome-art-orbit{border-color:#b38b4f55}
.welcome-site .welcome-art-caption{color:#87633d}
.welcome-site .welcome-mascot-note{background:#fffaf0f5;border-color:#dec59a99}
.welcome-site .welcome-path{background:#fffaf060}
.welcome-site .welcome-month-card{background:#fffaf2f2;border-color:#c8ad8359}
.welcome-site .welcome-month-card:hover{background:#f5e9d7;border-color:#b28a52}
.welcome-site .welcome-month-card.is-current{background:#eee1cbeF;border-color:#b69a68}
.welcome-site .welcome-month-card h3{color:#634a4c}
.welcome-site .welcome-month-card p{color:#775f61}
.welcome-site .welcome-section-heading h2 em{color:#9a7448}
.welcome-site .welcome-signup-panel,.welcome-site .welcome-reader-cta{background:#f2e5d1f2;border-color:#c5a06c60}

@media(max-width:800px){
  .shell::before{background-position:62% center;background-image:linear-gradient(#21182f80,#21182f99),url('./assets/atmosphere/member-purple-veil-v1.webp')}
  .welcome-site::before{background-image:linear-gradient(#fcf7eeeB,#fcf6e9e6),url('./assets/atmosphere/welcome-cream-veil-v1.webp');background-position:55% center}
}

@media(max-width:370px){
  .welcome-site .welcome-nav{padding-inline:18px;gap:12px}
  .welcome-site .welcome-nav>a{flex-shrink:0}
  .welcome-site .welcome-nav .brand{gap:8px}
  .welcome-site .welcome-nav .brand-name{font-size:22px;white-space:nowrap}
  .welcome-site .welcome-nav .brand-sub{font-size:9px;letter-spacing:2.5px}
  .welcome-site .welcome-nav .brand-symbol{width:29px;height:35px}
  .welcome-site .welcome-nav nav{min-width:0}
  .welcome-site .welcome-nav .welcome-primary{white-space:nowrap;gap:8px;padding:10px 11px;font-size:10px;min-height:44px}
}

@media(prefers-reduced-transparency:reduce){
  .shell .sidebar,.shell .topbar,.shell .mobile-nav{background:#2c2039;backdrop-filter:none;-webkit-backdrop-filter:none}
}