.brand-badge{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 2px 8px #0003)}
#site-content{outline:none}
.brand-intro[hidden]{display:none}
.intro-pending .brand-intro,.intro-playing .brand-intro{display:block}
.intro-pending,.intro-playing{overflow:hidden;overscroll-behavior:none}
.brand-intro{position:fixed;inset:0;z-index:200;overflow:hidden;color:#eae9d8;background:radial-gradient(ellipse at 50% 46%,#324434 0%,#1a3024 32%,#0b1b13 68%,#06130e 100%);isolation:isolate}
.brand-intro:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23n)'/%3E%3C/svg%3E");z-index:3}
#intro-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:0}
.intro-fallback{position:absolute;width:min(59vh,78vw);height:auto;left:50%;top:49%;transform:translate(-50%,-50%);border-radius:50%;filter:drop-shadow(0 35px 55px #0006);z-index:1}
.intro-topline{position:absolute;top:38px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.21em;color:#d4d5be9c;z-index:4}
.intro-topline>span:first-child{color:#eae9d8}
.intro-orbit{width:min(80vh,86vw);aspect-ratio:1;position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);border:1px solid #d8d9b40e;border-radius:50%}
.intro-orbit:before,.intro-orbit:after{content:'';position:absolute;inset:-6%;border:1px solid #d8d9b409;border-radius:50%}
.intro-orbit:after{inset:-13%}
.intro-caption{position:absolute;left:0;right:0;bottom:4%;text-align:center;z-index:4;pointer-events:none;opacity:0;transform:translateY(10px)}
.intro-caption p{font-family:Manrope,sans-serif;font-size:clamp(24px,2.2vw,34px);letter-spacing:-.045em;line-height:1.2}
.intro-caption em{font-family:Georgia,serif;font-weight:400;font-size:1.15em}
.intro-caption>span{display:block;font-size:9px;letter-spacing:.26em;color:#c3c7ad;line-height:1.6;margin-top:14px}
.intro-skip{position:absolute;bottom:32px;right:var(--gutter);display:flex;gap:24px;align-items:center;padding:12px 18px;border:1px solid #d2d8c542;border-radius:28px;min-height:44px;background:#14271e77;color:#eae9d8;font-size:12px;z-index:5}
.intro-skip:hover{background:#344b39}.intro-skip>span{font-size:20px;line-height:1}
.intro-skip:focus-visible{outline:2px solid #dfeda6;outline-offset:4px}
.intro-footnote{position:absolute;bottom:48px;left:var(--gutter);font-size:9px;letter-spacing:.2em;color:#b8c1a68c;z-index:4}
.intro-replay{color:#dce6c5;background:none;border:0;border-bottom:1px solid #dce6c544;padding:0 0 6px;font-size:12px;min-height:30px}
.calm .intro-replay{display:none}
@media(max-width:700px){.brand-badge{width:40px;height:40px}.intro-topline{top:28px;font-size:9px;letter-spacing:.16em}.intro-topline>span:last-child{display:none}.intro-caption{bottom:17%}.intro-caption p{font-size:28px}.intro-caption>span{font-size:8px}.intro-skip{bottom:28px;font-size:11px}.intro-footnote{bottom:44px;font-size:7px;max-width:120px;line-height:1.8}.intro-orbit{width:91vw}.intro-fallback{width:78vw;top:49%}.intro-replay{margin-left:auto}}
@media(max-height:620px) and (min-width:701px){.intro-topline{top:22px}.intro-caption{bottom:3%}.intro-caption p{font-size:22px}.intro-caption>span{font-size:8px;margin-top:7px}.intro-skip{bottom:18px}.intro-footnote{bottom:33px}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none!important}.intro-replay{display:none}}