:root{color-scheme:dark;--bg:#080808;--text:#d6d6d6;--muted:#888;--accent:#b9b9b9;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html,body{margin:0;min-width:280px;background:var(--bg);color:var(--text)}
body{font-size:12px;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer}
button:focus-visible,a:focus-visible{outline:1px solid var(--accent);outline-offset:4px}
.page{position:relative;min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;padding:32px max(42px,env(safe-area-inset-right)) 27px max(42px,env(safe-area-inset-left));isolation:isolate}
.masthead{display:flex;justify-content:center;align-items:center;color:var(--muted);font-size:10px;letter-spacing:.035em;line-height:1.5}
.time{display:flex;gap:16px;font-variant-numeric:tabular-nums}
.time-label{letter-spacing:.1em}
main{flex:1;display:grid;grid-template-rows:minmax(256px,1.3fr) minmax(112px,.7fr) auto;gap:24px;min-height:540px;padding-bottom:38px;outline:none}
.identity{align-self:end;justify-self:center;text-align:center;width:min(100%,480px)}
.mark-wrap{width:240px;height:200px;position:relative;margin:0 auto}
#mark,.balance-mark{width:100%;height:100%}
.balance-mark{display:block;stroke:#aaa;stroke-width:.8;stroke-linecap:round;stroke-linejoin:round;animation:mark-arrive .22s ease-out both}
.balance-mark .dim{stroke:#707070}
.balance-mark .point{fill:#d6d6d6;stroke:none}
.balance-mark .anchor{fill:#707070;stroke:none}
.magnetic,.settle-rotate,.settle-roll,.settle-flex,.settle-spread{transform-box:view-box;transform-origin:var(--origin)}
.settle-rotate{animation:settle-rotate 3.5s ease-in-out both}
.settle-roll{animation:settle-roll 3.4s ease-in-out both}
.settle-converge{animation:settle-converge 3.5s ease-in-out both}
.settle-flex{animation:settle-flex 3.5s ease-in-out both}
.settle-spread{animation:settle-spread 3.5s ease-in-out both}
.suspended-arm{animation-duration:3.7s}
.pendulum{animation-duration:3.8s;animation-delay:.06s}
.second-pendulum{animation-delay:.12s}
.stack-body{animation-duration:3s}
.stack-top{animation-duration:3.2s;animation-delay:.06s}
.is-hidden .balance-mark,.is-hidden .balance-mark *{animation-play-state:paused}
@keyframes mark-arrive{from{opacity:0}to{opacity:1}}
@keyframes settle-rotate{0%{transform:rotate(var(--tilt))}25%{transform:rotate(calc(var(--tilt) * -.5))}49%{transform:rotate(calc(var(--tilt) * .21))}70%{transform:rotate(calc(var(--tilt) * -.07))}87%{transform:rotate(calc(var(--tilt) * .015))}100%{transform:rotate(0deg)}}
@keyframes settle-roll{0%{transform:translateX(3.74px) rotate(5.5deg)}25%{transform:translateX(-1.87px) rotate(-2.75deg)}49%{transform:translateX(.78px) rotate(1.15deg)}70%{transform:translateX(-.26px) rotate(-.38deg)}87%{transform:translateX(.06px) rotate(.08deg)}100%{transform:translateX(0) rotate(0deg)}}
@keyframes settle-converge{0%{transform:translate(var(--dx),var(--dy))}25%{transform:translate(calc(var(--dx) * -.4),calc(var(--dy) * -.4))}49%{transform:translate(calc(var(--dx) * .15),calc(var(--dy) * .15))}70%{transform:translate(calc(var(--dx) * -.045),calc(var(--dy) * -.045))}87%{transform:translate(calc(var(--dx) * .008),calc(var(--dy) * .008))}100%{transform:translate(0,0)}}
@keyframes settle-flex{0%{transform:scaleY(calc(1 + var(--stretch)))}25%{transform:scaleY(calc(1 - var(--stretch) * .5))}49%{transform:scaleY(calc(1 + var(--stretch) * .21))}70%{transform:scaleY(calc(1 - var(--stretch) * .07))}87%{transform:scaleY(calc(1 + var(--stretch) * .015))}100%{transform:scaleY(1)}}
@keyframes settle-spread{0%{transform:scaleX(calc(1 + var(--stretch)))}25%{transform:scaleX(calc(1 - var(--stretch) * .5))}49%{transform:scaleX(calc(1 + var(--stretch) * .21))}70%{transform:scaleX(calc(1 - var(--stretch) * .07))}87%{transform:scaleX(calc(1 + var(--stretch) * .015))}100%{transform:scaleX(1)}}
.statement{margin:32px 0 0;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:16px;letter-spacing:.005em;color:#aaa;line-height:1.5;text-wrap:balance}
.signature{align-self:end;text-align:center}
h1{font-size:12px;font-weight:400;letter-spacing:.14em;margin:0 0 15px;line-height:1.5}
.brand-lockup{display:inline-flex;align-items:center;gap:2px;height:1em;line-height:1;vertical-align:baseline}
.brand-symbol{display:inline-block;font-size:1.35em;letter-spacing:0;line-height:1;font-variant-emoji:text}
.brand-wordmark{display:inline-block;width:max-content;font-size:inherit;font-weight:400;white-space:nowrap;line-height:1}
.brand-wordmark strong{font-weight:700}
.brand-baseline{display:inline-block;width:0;height:0;vertical-align:baseline}
.brand-lockup.is-fitted{position:relative;display:inline-block}
.brand-lockup.is-fitted .brand-symbol,.brand-lockup.is-fitted .brand-wordmark{position:absolute;top:0;left:0}
nav{display:flex;align-items:center;justify-content:center;gap:9px;color:#999}
.text-link{border:0;min-width:48px;min-height:44px;padding:12px 7px;background:none;position:relative;font-size:11px;line-height:1.5;transition:color .2s ease}
.text-link:after{content:'';position:absolute;height:1px;left:7px;right:20px;bottom:10px;background:currentColor;opacity:.5;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.link-arrow{display:inline-block;width:10px;height:10px;vertical-align:-1px;margin-left:5px;color:#808080;transition:transform .25s ease,color .25s ease}
.nav-separator{font-size:9px;color:#555}
.text-link[aria-expanded="true"]{color:#dedede}
.text-link[aria-expanded="true"]:after{transform:scaleX(1)}
footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 24px;font-size:10px;line-height:1.6;letter-spacing:.015em;color:var(--muted)}
.locations{display:flex;align-items:center;flex-wrap:wrap;gap:0 13px}
.locations span,.copyright{white-space:nowrap}
.city-separator{color:#555}
.inline-slot{display:grid;place-items:center;justify-self:center;width:min(100%,380px);min-height:112px;text-align:center}
.inline-panel[hidden]{display:none}
.inline-panel{width:100%;padding:0 12px;animation:inline-in .35s ease both}
.inline-panel p{font-size:12px;line-height:1.8;color:#999;max-width:320px;margin:0 auto;text-wrap:balance}
.inline-panel a{display:inline-block;min-height:44px;line-height:20px;padding:12px 4px;color:inherit;text-decoration:none;text-underline-offset:5px;text-decoration-thickness:1px;text-decoration-color:#555;text-decoration-line:underline;transition:color .2s ease,text-decoration-color .2s ease}
@keyframes inline-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.skip-link{position:fixed;top:10px;left:10px;z-index:10;background:#1d1d1d;color:var(--text);padding:12px;transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
@media(hover:hover){.text-link:hover{color:#e1e1e1}.text-link:hover:after{transform:scaleX(1)}.text-link:hover .link-arrow{transform:translate(1px,-1px);color:var(--accent)}.inline-panel a:hover{color:#ddd;text-decoration-color:#999}}
@media(min-width:1800px){main{grid-template-rows:minmax(287px,1.3fr) minmax(112px,.7fr) auto}.mark-wrap{width:280px;height:230px}.statement{font-size:17px}}
@media(max-width:600px){.page{padding:24px max(24px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.masthead{font-size:10px}.time{gap:12px}main{grid-template-rows:minmax(228px,1.3fr) minmax(112px,.7fr) auto;gap:20px;min-height:490px;padding-bottom:24px}.mark-wrap{width:215px;height:180px}.statement{font-size:15px;margin-top:25px}footer{gap:8px 18px}.locations{gap:0 10px}}
@media(max-width:480px){footer{flex-direction:column;justify-content:center;text-align:center;gap:5px}.locations{justify-content:center}}
@media(max-height:650px){main{grid-template-rows:minmax(204px,1.3fr) minmax(112px,.7fr) auto;min-height:460px;gap:16px;padding-bottom:20px}.mark-wrap{width:195px;height:160px}.statement{margin-top:20px}.page{padding-top:20px;padding-bottom:max(18px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
