/* HairKhair's botanical details stay within the colour of each surface. */
.wordmark { gap: 12px; font-size: 39px; letter-spacing: -1.8px; font-weight: 500; }
.wordmark .brand-mark { width: 40px; height: 46px; }
.wordmark .brand-name { display: block; line-height: 1; }
.botanical { position: absolute; pointer-events: none; user-select: none; width: 220px; height: 360px; color: #998b9e; opacity: .25; }
.botanical-surface { position: relative; isolation: isolate; overflow: clip; }
.botanical-surface > :not(.botanical) { position: relative; z-index: 1; }
.hero-copy > .botanical { right: -35px; bottom: 65px; width: 200px; height: 330px; color: #aaa07b; opacity: .3; transform: rotate(-12deg); }
.hero-copy > :not(.botanical) { position: relative; z-index: 1; }
.quote-band { position: relative; overflow: hidden; }
.quote-band > .botanical { left: 7%; bottom: -90px; width: 240px; height: 390px; color: #a99bb1; opacity: .3; transform: rotate(18deg); }
.quote-band > :not(.botanical) { position: relative; z-index: 1; }
.launch-section .launch-ornament { width: 260px; height: 420px; }
.launch-section .launch-ornament svg { width: 100%; height: 100%; }
.launch-section .ornament-left { left: -25px; bottom: -90px; top: auto; color: #aca17c; opacity: .35; transform: rotate(17deg); }
.launch-section .ornament-right { right: -20px; bottom: -70px; top: auto; color: #aca17c; opacity: .35; transform: rotate(-16deg); }
.story-letter > .botanical { left: -70px; bottom: 30px; width: 235px; height: 380px; color: #c2b7c7; opacity: .4; transform: rotate(-15deg); }
.editorial-page-hero > .botanical, .questions-intro > .botanical { right: 0; bottom: -50px; width: 235px; height: 390px; opacity: .22; }
.page-callout > .botanical, .dedication-panel > .botanical { right: 3%; bottom: -110px; width: 225px; height: 370px; opacity: .3; }
.page-callout > .botanical { color: #a99d76; }
.funnel-shell { position: relative; }
.funnel-shell > .botanical { left: -150px; top: 145px; width: 205px; height: 350px; opacity: .16; }
.site-footer { position: relative; isolation: isolate; overflow: hidden; }
.site-footer > .botanical { right: -55px; bottom: -175px; width: 210px; height: 360px; opacity: .2; }
.site-footer > :not(.botanical) { position: relative; z-index: 1; }
@media (max-width: 1000px) { .wordmark { font-size: 35px; } .wordmark .brand-mark { width: 35px; height: 40px; } }
@media (max-width: 700px) {
  .wordmark, .journey-header .wordmark { font-size: 33px; gap: 9px; letter-spacing: -1.5px; }
  .wordmark .brand-mark { width: 31px; height: 36px; }
  .hero-copy > .botanical { width: 150px; height: 255px; right: -32px; bottom: 50px; opacity: .23; }
  .quote-band > .botanical { left: -85px; opacity: .21; }
  .launch-section .launch-ornament { width: 170px; height: 290px; }
  .launch-section .ornament-left { left: -75px; bottom: -40px; }
  .launch-section .ornament-right { right: -75px; bottom: -50px; }
  .story-letter > .botanical { width: 150px; height: 250px; left: -60px; opacity: .13; }
  .editorial-page-hero > .botanical, .questions-intro > .botanical { width: 155px; height: 280px; right: -50px; opacity: .15; }
  .page-callout > .botanical, .dedication-panel > .botanical { right: -100px; opacity: .22; }
  .funnel-shell > .botanical { display: none; }
}
/* A real maker credit, shared by every page. */
.alwan-credit{white-space:nowrap;display:inline-flex;align-items:center;gap:4px;min-height:34px}
.alwan-credit>span:first-child{text-decoration:underline;text-underline-offset:4px}
.alwan-credit:hover{color:var(--paper)}
@media(max-width:700px){.footer-bottom{flex-wrap:wrap}.footer-bottom>.alwan-credit{width:100%;margin-top:0}.footer-bottom>span:nth-child(2){text-align:right;max-width:160px}}