/* Lanweave: orchid leaves, paper and interwoven lines. */
:root { --blue: #465d50; --sage: #86988b; --soft: #e6e9df; }
.wordmark-symbol, .sidebar .brand-mark { width: 48px; height: 56px; border: 0; border-radius: 0; background: transparent; padding: 0; flex: 0 0 auto; }
.wordmark-symbol::after { content: none; }
.wordmark-symbol img, .brand-mark img { display: block; width: 100%; height: 100%; }
.wordmark small, .brand small { font-family: var(--serif); font-size: 12px; letter-spacing: 2.5px; line-height: 1.6; }
.hero-copy h1 { font-size: clamp(50px, 6.5vw, 100px); line-height: .99; letter-spacing: -2.5px; }
.hero-copy h1 em { color: var(--blue); }
.reading-blueprint { background-image: repeating-linear-gradient(0deg, transparent 0 27px, #465d5008 27px 28px), repeating-linear-gradient(90deg, transparent 0 27px, #a68b5208 27px 28px); }
.learning-band { position: relative; }
.learning-band::after { content: ""; position: absolute; left: 6%; right: 6%; bottom: 16px; height: 5px; border-top: 1px solid #d7cdac50; border-bottom: 1px solid #d7cdac30; pointer-events: none; }
.login-orchid { display: block; margin: 0 0 22px; }
.login-card { position: relative; overflow: hidden; border-top: 2px solid var(--blue); }
.login-card::after { content: ""; position: absolute; right: -54px; top: 25px; width: 180px; height: 220px; border: 1px solid #a68b5228; border-radius: 50%; transform: rotate(35deg); pointer-events: none; }
.closing-index { color: var(--blue); }
.footer-brand em { letter-spacing: -.4px; }
.footer { padding-inline-end: max(100px, calc(5% + 65px)); }
@media(max-width: 760px) {
  .wordmark-symbol { width: 36px; height: 43px; }
  .wordmark small { font-size: 10px; letter-spacing: 1.9px; }
  .hero-copy h1 { font-size: clamp(44px, 10.5vw, 72px); letter-spacing: -1px; }
  .hero-copy h1 br:last-of-type { display: initial; }
  .login-orchid { width: 48px; height: 56px; }
  .footer { flex-wrap: wrap; padding-inline-end: 92px; }
}