/* Slogans live in reserved space: motion never covers the content below. */
.slogan-space{--slogan-tilt:-3deg;display:flex;align-items:center;justify-content:flex-start;min-height:112px;padding:25px 32px;margin:0 0 20px;isolation:isolate;box-sizing:border-box}
.slogan-right{justify-content:flex-end;--slogan-tilt:3deg}
.slogan-center{justify-content:center}
.slogan-hero{min-height:90px;margin:-15px 0 19px;padding-block:20px;--slogan-tilt:-4deg}
.slogan-float{appearance:none;display:block;max-width:100%;border:0;padding:0;background:transparent;color:#075637;font:inherit;text-align:center;cursor:grab;touch-action:pan-y;transform:translate3d(var(--slogan-x,0px),var(--slogan-y,0px),0) rotate(var(--slogan-tilt));-webkit-tap-highlight-color:transparent}
.slogan-float:active{cursor:grabbing}
.slogan-surface{display:flex;align-items:center;justify-content:center;gap:12px;padding:17px 26px;border:1px solid #c5dacd;border-radius:999px;background:#e6f2e9;box-shadow:0 7px 0 -3px #d0e2d6,0 15px 25px -19px #073e2b45;font-family:'Inter Tight','Inter',sans-serif;font-size:clamp(16px,1.5vw,21px);font-weight:600;letter-spacing:-.025em;line-height:1.2}
.slogan-spark{font-size:24px;line-height:1;font-weight:400;flex:none}
.slogan-dark .slogan-surface{background:#075637;color:#fff;border-color:#075637;box-shadow:0 7px 0 -3px #b8d9c6,0 15px 25px -19px #073e2b45}
.slogan-outline .slogan-surface{background:#fff;border-color:#4e8768}
.slogan-float:focus-visible{outline:3px solid #378e60;outline-offset:9px;border-radius:999px}
.slogan-float:disabled{opacity:1;cursor:default}
@media(max-width:800px){.slogan-space{min-height:98px;padding:23px 24px;margin-bottom:15px}.slogan-surface{padding:14px 20px;font-size:16px;gap:9px}.slogan-spark{font-size:21px}.slogan-hero{margin-top:-8px;margin-bottom:15px}}
@media(max-width:540px){.slogan-space{min-height:94px;padding:21px 20px}.slogan-surface{font-size:14px;padding:14px 17px}.slogan-spark{font-size:19px}.slogan-wide .slogan-surface{max-width:260px}.slogan-hero{margin-top:-12px;margin-bottom:10px}.slogan-hero .slogan-surface{font-size:15px}}
@media(prefers-reduced-motion:reduce){.slogan-float{transform:none!important}.slogan-surface{animation:none!important}}
@media print{.slogan-space{display:none}}

/* The house line and one-subject line share opposite sides of the network opening. */
.slogan-pair{justify-content:space-between;gap:40px}
.slogan-pair .slogan-float:last-child{--slogan-tilt:3deg}
@media(max-width:680px){.slogan-pair{flex-direction:column;align-items:flex-start;gap:32px;padding-block:24px}.slogan-pair .slogan-float:last-child{align-self:flex-end}}

/* Avoid stacking the proof and chapter padding above the mobile slogan pair. */
@media(max-width:680px){
  .proof{padding-bottom:24px}
  #network{padding-top:18px}
  #network .slogan-pair{padding-top:16px}
}