#siteEntrance{background:#f6f5ef;background-image:none}
#entryIntro{position:absolute;inset:0;pointer-events:none}
#introViewport{position:absolute;left:50%;top:50%;width:min(100vw,calc(100svh * 16 / 9));aspect-ratio:16/9;transform:translate(-50%,-50%);container-type:inline-size}
#entryIntro canvas{display:block;width:100%;height:100%}
#introThought{position:absolute;left:16.56%;top:63.4%;--tl-font:1.13cqw;--tl-color:#5b7163;--tl-glyph:#5b816b;pointer-events:none;transition:opacity .25s}
#introThought .thought-line__glyph{animation:intro-breathe 1.6s ease-in-out infinite}
#introThought:not([data-working]) .thought-line__glyph{animation:none;opacity:.55}
#introThought .thought-line__steps{font-size:.82em}
@keyframes intro-breathe{50%{opacity:.45}}
#siteEntrance .entry-center{position:absolute;bottom:6%;z-index:2;width:auto}
#siteEntrance .entry-copy img,#siteEntrance .entry-copy p,#entryRing{display:none}
#siteEntrance .entry-actions{margin-top:8px}
#siteEntrance .entry-actions button{padding:10px 20px;background:#f6f5ef}
#siteEntrance .entry-actions button:first-child{background:#385b4b}
#siteEntrance.intro-playing .entry-center{display:none}
#siteEntrance.intro-exit #introThought{opacity:0!important}
@media(max-width:650px){#introViewport{width:145vw;left:54%;max-width:none}#siteEntrance .entry-center{bottom:15%}#introThought{--tl-font:1.65cqw}}
@media(prefers-reduced-motion:reduce){#introThought *{animation:none!important;transition:none!important}}