/* Copy stays in document flow. Each illustration has its own local layer. */
:where(html.shelftopia-v2) .topics, :where(html.shelftopia-v2) .day-two, :where(html.shelftopia-v2) .speakers, :where(html.shelftopia-v2) .tea, :where(html.shelftopia-v2) .registration, :where(html.shelftopia-v2) .partnership { position: relative; scroll-margin-top: 5rem; }
:where(html.shelftopia-v2) .topics h2, :where(html.shelftopia-v2) .day-two h2, :where(html.shelftopia-v2) .speakers h2, :where(html.shelftopia-v2) .speakers h3, :where(html.shelftopia-v2) .tea h3, :where(html.shelftopia-v2) .registration h2, :where(html.shelftopia-v2) .partnership h2 { font: 400 clamp(2.6rem, 4vw, 4.5rem)/1.05 "ShelftopiaV2LookingGlass", serif; margin: 0; }
:where(html.shelftopia-v2) .shift-floor { background: #bb87d8; }
:where(html.shelftopia-v2) .shift-floor img { width: 100%; }
:where(html.shelftopia-v2) .topics { background: #fff4c8 url("../assets/images/sunrise.svg") center top / max(100%, 140rem) auto no-repeat; padding-bottom: 8rem; }
:where(html.shelftopia-v2) .reveal-cloud { position: relative; display: grid; place-items: center; min-height: 22rem; isolation: isolate; text-align: center; padding: 2rem 1rem; }
:where(html.shelftopia-v2) .reveal-cloud > img { position: absolute; z-index: -1; width: 100%; height: 125%; max-width: none; inset: -12% 0 auto; }
:where(html.shelftopia-v2) .reveal-cloud .outlined { -webkit-text-stroke: 1.5px black; color: white; }
:where(html.shelftopia-v2) .topics__intro { text-align: center; padding: 4rem 1rem 3rem; font-size: 1.25rem; }
:where(html.shelftopia-v2) .eyebrow { font-size: 1.25rem; text-transform: uppercase; margin: 0 0 1.3rem; }
:where(html.shelftopia-v2) .topics__promise { font-size: clamp(1.5rem, 2.2vw, 2.5rem); line-height: 1.5; margin: 0 0 2rem; }
:where(html.shelftopia-v2) .topic-grid { width: min(72rem, calc(100% - 3rem)); margin-inline: auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; }
:where(html.shelftopia-v2) .topic-card { min-height: 38rem; background: white; border: 1px solid black; border-radius: 1.6rem; padding: 1.7rem; display: flex; flex-direction: column; }
:where(html.shelftopia-v2) .topic-card__icon { width: 5rem; height: 5rem; object-fit: contain; margin-bottom: 3rem; }
:where(html.shelftopia-v2) .topic-card__icon--bottom { align-self: end; margin: auto 0 0; padding-top: 2rem; height: 7rem; }
:where(html.shelftopia-v2) .topic-card h3 { font-size: 1.25rem; line-height: 1.4; margin: 0 0 1.25rem; }
:where(html.shelftopia-v2) .topic-card p { font-size: 1.2rem; line-height: 1.5; margin: 0; font-weight: 400; }
:where(html.shelftopia-v2) .day-two { z-index: 2; isolation: isolate; min-height: 28rem; display: grid; place-items: center; padding: 3rem 1.5rem; text-align: center; }
:where(html.shelftopia-v2) .day-two__cloud { position: absolute; inset: -15% 0 auto; width: 100%; height: 135%; z-index: -1; }
:where(html.shelftopia-v2) .day-two__copy { max-width: 72rem; }
:where(html.shelftopia-v2) .day-two__copy > p:last-child { font-size: 1.25rem; line-height: 1.6; margin: 2rem 0 0; }
:where(html.shelftopia-v2) .speakers { min-height: 76rem; padding: 20rem 1.5rem 17rem; background: #000 url("../assets/images/speaker-space.svg") center / cover no-repeat; text-align: center; }
:where(html.shelftopia-v2) .speakers__copy { max-width: 38rem; margin-inline: auto; }
:where(html.shelftopia-v2) .speakers h2, :where(html.shelftopia-v2) .speakers h3 { font-size: clamp(2.5rem, 3.6vw, 3.75rem); }
:where(html.shelftopia-v2) .speakers p { font-size: 1.2rem; line-height: 1.65; margin: 2rem 0 3.5rem; }
:where(html.shelftopia-v2) .speakers h3 { margin-bottom: 2rem; }
:where(html.shelftopia-v2) .button--paper { background: white; color: black; font-size: 1.25rem; padding: .9rem 2.5rem; }
:where(html.shelftopia-v2) .tea { isolation: isolate; background: #000 url("../assets/images/tea-background.svg") center / cover; padding-top: 1rem; }
:where(html.shelftopia-v2) .tea__cloud { position: absolute; z-index: -1; top: -17rem; width: 100%; height: auto; }
:where(html.shelftopia-v2) .tea__canvas { position: relative; container-type: inline-size; width: min(90%, 81.25rem); margin-inline: auto; min-height: 127cqw; }
:where(html.shelftopia-v2) .tea__scene { position: absolute; inset: 0; width: 100%; z-index: -1; }
:where(html.shelftopia-v2) .tea__heading { min-height: 70cqw; padding-top: 13cqw; width: 42%; margin-left: 44%; text-align: center; }
:where(html.shelftopia-v2) .tea__heading h2 { margin: 0; }
:where(html.shelftopia-v2) .tea__heading h2 img { width: 100%; }
:where(html.shelftopia-v2) .tea__heading p { font-size: clamp(.9rem, 1.3vw, 1.25rem); }
:where(html.shelftopia-v2) .tea__mobile-pot { display: none; }
:where(html.shelftopia-v2) .tea__details { width: 47%; margin-left: 23%; padding-bottom: 7rem; }
:where(html.shelftopia-v2) .tea__details article + article { margin-top: 2.5rem; }
:where(html.shelftopia-v2) .tea__details h3 { font-size: 2rem; margin-bottom: .75rem; }
:where(html.shelftopia-v2) .tea__details h4 { margin: 1rem 0 .3rem; font-size: 1rem; }
:where(html.shelftopia-v2) .tea__details p { font-size: 1rem; line-height: 1.55; margin: .5rem 0; font-weight: 400; }
:where(html.shelftopia-v2) .gradient-heading { background: linear-gradient(90deg, #ea3283, #8500d7); color: transparent; background-clip: text; }
:where(html.shelftopia-v2) .garden { position: relative; background: #000 url("../assets/images/garden-drops.svg") center bottom / cover no-repeat; overflow: clip; }
:where(html.shelftopia-v2) .garden--after-cloud { margin-top: 150px; }
:where(html.shelftopia-v2) .garden img { width: 100%; }
:where(html.shelftopia-v2) .registration { color: white; text-align: center; padding: 4rem 1.5rem 7rem; }
:where(html.shelftopia-v2) .registration__intro { width: min(60rem, 100%); margin: auto; }
:where(html.shelftopia-v2) .registration__title, :where(html.shelftopia-v2) .registration__subtitle { display: block; }
:where(html.shelftopia-v2) .registration__subtitle { max-width: 54rem; margin: 1.25rem auto 0; color: rgba(255, 255, 255, .78); font-size: clamp(1.4rem, 2.3vw, 2.4rem); font-weight: 400; line-height: 1.25; }
:where(html.shelftopia-v2) .registration__intro > p { font-size: 1.2rem; line-height: 1.6; margin: 2rem 0; }
:where(html.shelftopia-v2) .registration__intro h3 { max-width: 44rem; margin: 2.5rem auto; font-size: 1.55rem; line-height: 1.5; }
:where(html.shelftopia-v2) .invite-frame { position: relative; width: min(80rem, 100%); margin: 3rem auto 0; padding: 17% 0 13%; }
:where(html.shelftopia-v2) .invite-frame__art { position: absolute; inset: 0; width: 100%; height: 100%; }
:where(html.shelftopia-v2) .invite-form { position: relative; width: 43%; margin: auto; color: black; text-align: left; }
:where(html.shelftopia-v2) .form-load-error { font-size: .85rem; line-height: 1.5; }
:where(html.shelftopia-v2) .invite-form .hs-form-frame, :where(html.shelftopia-v2) .invite-form .hs-form-frame iframe { width: 100%; max-width: 100%; }
:where(html.shelftopia-v2) .partnership { color: white; padding: 3.5rem 1.5rem; }
:where(html.shelftopia-v2) .partnership__layout { width: min(80rem, 100%); margin: auto; display: block; }
:where(html.shelftopia-v2) .partnership .invite-frame { margin-top: 0; transform: translateY(-130px); }
:where(html.shelftopia-v2) .partnership h2 { font-size: clamp(2.5rem, 3.6vw, 3.75rem); margin-bottom: 2rem; }
:where(html.shelftopia-v2) .partnership__copy p { font-size: 1.05rem; line-height: 1.6; font-weight: 400; }
:where(html.shelftopia-v2) .partner-sign { background: url("../assets/images/sponsor-sign.svg") center top / 100% 100% no-repeat; padding: 3.5rem 3rem 12rem; }
:where(html.shelftopia-v2) .site-footer { position: relative; color: black; background: white; padding: 15rem max(1.5rem, calc((100% - 72rem)/2)) 2rem; }
:where(html.shelftopia-v2) .site-footer::before { content: ""; position: absolute; inset: -8rem 0 auto; height: 20rem; background: url("../assets/images/footer-garden.svg") center top / cover no-repeat; pointer-events: none; }
:where(html.shelftopia-v2) .site-footer__links { position: relative; display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 2rem; }
:where(html.shelftopia-v2) .site-footer nav { display: grid; align-content: start; gap: .5rem; }
:where(html.shelftopia-v2) .site-footer h2 { font: 600 1rem ShelftopiaV2Poppins, sans-serif; margin: 0 0 .5rem; text-transform: uppercase; }
:where(html.shelftopia-v2) .site-footer a { text-decoration: none; }
:where(html.shelftopia-v2) .site-footer a:hover { text-decoration: underline; }
:where(html.shelftopia-v2) .site-footer__event { margin-top: 4rem; }
:where(html.shelftopia-v2) .site-footer__copyright { font-size: .75rem; }
@media (max-width: 1000px) {
  :where(html.shelftopia-v2) .topic-grid { gap: 1.25rem; }
  :where(html.shelftopia-v2) .topic-card { padding: 1.25rem; min-height: 35rem; }
  :where(html.shelftopia-v2) .topic-card p { font-size: 1rem; }
  :where(html.shelftopia-v2) .tea__canvas { width: 100%; }
  :where(html.shelftopia-v2) .tea__heading { min-height: 68cqw; }
  :where(html.shelftopia-v2) .tea__details { background: white; border-radius: 3rem; padding: 2rem; width: 65%; margin-inline: auto; }
  :where(html.shelftopia-v2) .invite-frame { padding: 20% 0 16%; }
  :where(html.shelftopia-v2) .invite-form { width: 49%; }
  :where(html.shelftopia-v2) .partnership__layout { gap: 2rem; }
  :where(html.shelftopia-v2) .partner-sign { padding-inline: 2rem; }
}
@media (max-width: 700px) {
  :where(html.shelftopia-v2) .reveal-cloud { min-height: 16rem; }
  :where(html.shelftopia-v2) .reveal-cloud > img { width: 170%; left: -35%; }
  :where(html.shelftopia-v2) .topics { overflow-x: clip; background-size: 100rem auto; padding-bottom: 5rem; }
  :where(html.shelftopia-v2) .topics__intro { padding-top: 3rem; }
  :where(html.shelftopia-v2) .eyebrow { font-size: 1rem; }
  :where(html.shelftopia-v2) .topics__intro > p:last-child { font-size: 1rem; }
  :where(html.shelftopia-v2) .topic-grid { grid-template-columns: 1fr; max-width: 26rem; gap: 1.5rem; }
  :where(html.shelftopia-v2) .topic-card { min-height: 27rem; padding: 1.5rem; }
  :where(html.shelftopia-v2) .topic-card__icon { margin-bottom: 2rem; width: 4rem; height: 4rem; }
  :where(html.shelftopia-v2) .topic-card__icon--bottom { margin: auto 0 0; height: 6rem; }
  :where(html.shelftopia-v2) .topic-card p { font-size: 1.1rem; }
  :where(html.shelftopia-v2) .day-two { background: white; min-height: 32rem; padding-block: 3rem; }
  :where(html.shelftopia-v2) .day-two__cloud { height: 115%; top: -7%; }
  :where(html.shelftopia-v2) .day-two__copy > p:last-child { font-size: 1rem; }
  :where(html.shelftopia-v2) .speakers { min-height: 60rem; padding: 12rem 2rem; background-size: auto 100%; }
  :where(html.shelftopia-v2) .speakers__copy { max-width: 26rem; }
  :where(html.shelftopia-v2) .speakers p { font-size: 1rem; }
  :where(html.shelftopia-v2) .speakers h2, :where(html.shelftopia-v2) .speakers h3 { font-size: 2.4rem; }
  :where(html.shelftopia-v2) .tea { padding-top: 2rem; }
  :where(html.shelftopia-v2) .tea__cloud { top: -6rem; height: 18rem; object-fit: cover; }
  :where(html.shelftopia-v2) .tea__canvas { width: min(100% - 2rem, 32rem); min-height: 0; }
  :where(html.shelftopia-v2) .tea__scene { display: none; }
  :where(html.shelftopia-v2) .tea__heading { width: 75%; margin: auto; min-height: 0; padding: 0; color: white; }
  :where(html.shelftopia-v2) .tea__heading h2 { padding: 1rem; background: #cba4de; border-radius: 50%; }
  :where(html.shelftopia-v2) .tea__mobile-pot { display: block; width: 100%; }
  :where(html.shelftopia-v2) .tea__details { width: 100%; border-radius: 3rem; padding: 2rem 1.5rem; }
  :where(html.shelftopia-v2) .tea__details h3 { font-size: 1.8rem; }
  :where(html.shelftopia-v2) .garden { padding-top: 3rem; }
  :where(html.shelftopia-v2) .garden img { width: 50rem; max-width: none; position: relative; left: 50%; transform: translateX(-50%); }
  :where(html.shelftopia-v2) .registration { padding-block: 3rem 5rem; }
  :where(html.shelftopia-v2) .registration__intro > p { font-size: 1rem; }
  :where(html.shelftopia-v2) .registration__intro h3 { font-size: 1.2rem; }
  :where(html.shelftopia-v2) .invite-frame { padding: 2rem 1.5rem; background: white; border: .6rem double #b993ce; border-radius: 2rem; max-width: 28rem; }
  :where(html.shelftopia-v2) .invite-frame__art { display: none; }
  :where(html.shelftopia-v2) .invite-form { width: 100%; }
  :where(html.shelftopia-v2) .partnership { padding-block: 1rem; }
  :where(html.shelftopia-v2) .partnership__layout { grid-template-columns: 1fr; max-width: 28rem; }
  :where(html.shelftopia-v2) .partner-sign { padding: 3rem 1.5rem 9rem; }
  :where(html.shelftopia-v2) .site-footer { padding-top: 8rem; }
  :where(html.shelftopia-v2) .site-footer__links { grid-template-columns: 1fr 1fr; }
  :where(html.shelftopia-v2) .site-footer__links > a { grid-column: 1 / -1; margin-bottom: 1rem; }
  :where(html.shelftopia-v2) .site-footer__links > a img { max-width: 14rem; }
}
/* The sun starts below the cloud so its clear center frames the introduction. */
@media (min-width: 701px) {
  :where(html.shelftopia-v2) .topics { background-position: center 12rem; }
  :where(html.shelftopia-v2) .reveal-cloud::before { content: ""; position: absolute; z-index: -2; inset: 0; background: #bb87d8 url("../assets/images/shift-floor.svg") center / 100% 100%; }
  :where(html.shelftopia-v2) .topics__intro { padding-top: 1.5rem; padding-bottom: 11rem; }
  :where(html.shelftopia-v2) .topics__promise { font-size: 2.2rem; line-height: 1.3; margin-bottom: .5rem; }
  :where(html.shelftopia-v2) .topics__intro .eyebrow { margin-bottom: .5rem; }
  :where(html.shelftopia-v2) .topic-card__icon { margin-bottom: 5rem; }
  :where(html.shelftopia-v2) .topic-card__icon--bottom { margin: auto 0 0; }
}
:where(html.shelftopia-v2) .tea__canvas { min-height: 0; }
:where(html.shelftopia-v2) .partner-sign { padding-inline: 5.5rem; padding-top: 4rem; }
@media (max-width: 1000px) and (min-width: 701px) {
  :where(html.shelftopia-v2) .partnership__layout { grid-template-columns: 1fr; max-width: 38rem; }
}
@media (max-width: 700px) {
  :where(html.shelftopia-v2) .partner-sign { background: #d2bcdd; border-radius: 1.5rem; padding: 2rem 1.5rem; margin-bottom: 10rem; }
}
@media (max-width: 700px) {
  :where(html.shelftopia-v2) .reveal-cloud { background: white; border-radius: 0 0 45% 25% / 0 0 15% 12%; }
  :where(html.shelftopia-v2) .reveal-cloud > img { display: none; }
  :where(html.shelftopia-v2) .topics { background-position: center 10rem; }
  :where(html.shelftopia-v2) .topics__intro { padding-top: 2rem; }
}
@media (min-width: 701px) and (max-width: 1000px) {
  :where(html.shelftopia-v2) .topic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :where(html.shelftopia-v2) .topic-card { min-height: 34rem; }
  :where(html.shelftopia-v2) .day-two { min-height: 32rem; }
}
@media (min-width: 701px) and (max-width: 1000px) {
  :where(html.shelftopia-v2) .invite-frame { padding: 3rem; background: white; border: .6rem double #b993ce; border-radius: 2rem; max-width: 35rem; }
  :where(html.shelftopia-v2) .invite-frame__art { display: none; }
  :where(html.shelftopia-v2) .invite-form { width: 100%; }
}
@media (max-width: 700px) {
  :where(html.shelftopia-v2) .day-two { border-radius: 0 0 12% 18% / 0 0 3% 4%; }
  :where(html.shelftopia-v2) .day-two__cloud { display: none; }
}
@media (min-width: 701px) {
  :where(html.shelftopia-v2) .reveal-cloud > img { top: 0; height: 100%; }
  :where(html.shelftopia-v2) .reveal-cloud::before { bottom: auto; height: 55%; background: repeating-conic-gradient(#e752b0 0% 25%, white 0% 50%) 0 / 8rem 5rem; }
}