.wordmark{font:11px 'Trebuchet MS',sans-serif;letter-spacing:.8px;color:var(--muted)}
.topbar,.intro,.footer{transition:color 1.2s}.wordmark{transition:color 1.2s}
.speech[data-topic]:not([data-topic=""]):before{content:attr(data-topic);display:block;font-size:8px;letter-spacing:1.6px;text-transform:uppercase;color:#7d8d6f;margin-bottom:4px}
.footer-copy strong{font-weight:bold;font-size:11px}.footer-copy>span{font-size:9px}
.company-link{border:1px solid #9cab84;box-shadow:0 2px 0 #71846415;font-size:12px;font-weight:bold;padding:5px 14px 5px 8px}
.company-link b{font-weight:bold;letter-spacing:.6px}.company-link:hover,.company-link:focus-visible{box-shadow:0 3px 10px #3f59321a}
.doorway{background:#f2efcf;border-radius:3px}.door-leaf{transform-origin:7px 20px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.door-knob{transition:opacity .18s}
.company-link:hover .door-leaf,.company-link:focus-visible .door-leaf{transform:perspective(80px) rotateY(-76deg)}
.company-link:hover .door-knob,.company-link:focus-visible .door-knob{opacity:0}
.disco .company-link{background:#e1e9d5;color:#293d2a;border-color:#c3d1b1}.disco .company-link:hover{background:#f3f3df}.disco .doorway{background:#baca9c}.disco .door-leaf path{fill:#344b35}.disco .door-knob{fill:#fff7c0}
/* A separate backdrop can fade between the two radial gradients. */
body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,#465b3c,#25362c 80%);opacity:0;transition:opacity 1.3s ease-in-out}
body.disco{background:radial-gradient(ellipse at 50% 42%,#fafaf0 0,#eeeee2 60%,#e0e5d9 100%)}
body.disco:before{opacity:1}.scenery{z-index:1}.topbar,.site-footer,.footer{position:relative;z-index:2}
.toybox,.platform,.speech{transition:background-color 1.1s,border-color 1.1s,color 1.1s,box-shadow 1.1s}
.disco .spotlight{opacity:0;transition:opacity .45s}.disco.disco-lights .spotlight{opacity:1}
.spot-head{transform-origin:27px 25px}.disco-lights .spot-head{animation:spotlight-aim .8s ease-out both}
.disco:not(.disco-lights) .light-beam{opacity:0;animation:none}.disco-lights .light-beam{transition:opacity .8s}
.disco.disco-lights .beam-left{animation:fixture-left 5s .65s ease-in-out infinite alternate}.disco.disco-lights .beam-right{animation:fixture-right 6s .65s ease-in-out infinite alternate}
.disco .disco-ball{opacity:0;transform:translateY(-180px);animation:none}.disco.disco-props .disco-ball{animation:ball-arrives 1.2s cubic-bezier(.2,.65,.3,1) both}
.disco:not(.disco-ready) .orb-shimmer{opacity:0;animation:none}.disco:not(.disco-ready) .mirror-orb img{animation:none}
.monster-volume .flying-glasses{position:absolute;inset:0;width:100%;height:100%;visibility:hidden;z-index:15;pointer-events:none;clip-path:url(#flight-glasses-clip);filter:url(#monster-green) saturate(1.6)!important}
.glasses-arriving .flying-glasses{visibility:visible;animation:glasses-arrive 1.2s cubic-bezier(.25,.75,.3,1) both}
@keyframes spotlight-aim{from{transform:rotate(-35deg)}to{transform:rotate(0)}}
@keyframes ball-arrives{0%{opacity:0;transform:translateY(-180px)}12%{opacity:1}80%{transform:translateY(5px)}100%{opacity:1;transform:translateY(0)}}
@keyframes glasses-arrive{0%{transform:translateY(-235px) rotate(-8deg)}78%{transform:translateY(2px) rotate(1deg)}90%{transform:translateY(-1px) rotate(-.5deg)}100%{transform:translateY(0) rotate(0)}}
@media(max-width:700px){.wordmark{font-size:9px;letter-spacing:.3px}.header-aside{font-size:7px}.footer-copy strong{font-size:9px;max-width:180px;line-height:1.25}.footer-copy>span{font-size:7px}.company-link{font-size:10px;padding:5px 8px;gap:5px}.speech[data-topic]:not([data-topic=""]):before{font-size:7px;margin-bottom:3px}}
@media(max-height:420px){.footer-copy{display:none}.company-link{padding:2px 10px}.speech[data-topic]:not([data-topic=""]):before{display:inline;margin-right:6px;letter-spacing:.7px}}
@media(prefers-reduced-motion:reduce){body:before{transition:none}.disco .disco-ball{transform:none;opacity:1}.spot-head{transform:none}}
h1 em{margin-left:.12em}@media(max-width:700px){h1 em{margin-left:0}}

.footer{gap:58px}.company-link{position:relative}.link-arrow{position:absolute;left:-46px;top:50%;width:38px;height:26px;color:#647e4c;transform:translateY(-50%);pointer-events:none;animation:door-hint 2s ease-in-out infinite}.link-arrow svg{display:block;width:100%;height:100%;overflow:visible}.disco .link-arrow{color:#e0ecc0}.company-link:hover .link-arrow,.company-link:focus-visible .link-arrow{animation:none;transform:translate(5px,-50%)}
@keyframes door-hint{0%,100%{transform:translate(0,-50%) rotate(-3deg)}50%{transform:translate(5px,-50%) rotate(0deg)}}
@media(max-width:700px){.footer{gap:34px;justify-content:center}.footer-copy{min-width:0}.footer-copy strong{font-size:9px}.link-arrow{width:26px;height:22px;left:-31px}.company-link{flex-shrink:0}}
@media(max-height:420px){.footer-copy{display:flex}.footer{gap:42px}.footer-copy strong{font-size:9px}}
@media(prefers-reduced-motion:reduce){.link-arrow{animation:none}}