.sf-experiment-context{max-width:1500px;margin:-37px auto 65px;color:#d8d6e0;}
.sf-experiment-context>p{font:16px/1.65 var(--font-ui);max-width:740px;margin:0 0 28px;}
.sf-experiment-notes{display:grid;grid-template-columns:1fr 1fr;gap:35px;}
.sf-experiment-notes>div{border-top:1px solid #ffffff26;padding-top:16px;}
.sf-experiment-notes h4{font:400 10px/1.5 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:#95929f;margin:0 0 8px;}
.sf-experiment-notes p{font:12px/1.7 var(--font-ui);color:#aaa6b5;margin:0;max-width:590px;}
.fall-experience{inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;margin:0;border:0;background:#090909;color:#eae7e1;}
.fall-experience[open]{display:flex;flex-direction:column;}
.fall-experience::backdrop{background:#000;}
.fall-player-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;padding:14px 22px;border-bottom:1px solid #ffffff20;background:#0b0b0c;}
.fall-player-bar>div{display:flex;align-items:baseline;gap:15px;}
.fall-player-bar strong{font:400 14px/1.5 Georgia,serif;}
.fall-player-bar>div>span{font:10px/1.5 Arial,sans-serif;color:#89858c;}
.fall-player-bar nav{display:flex;gap:10px;}
.fall-player-bar button{padding:10px 12px;border:1px solid #ffffff30;background:transparent;color:inherit;border-radius:99px;font:11px/1.4 Arial,sans-serif;cursor:pointer;}
.fall-player-bar button:hover{background:#ffffff12;}
.fall-player-bar button:focus-visible{outline:2px solid #e4bb82;outline-offset:3px;}
.fall-player-stage{flex:1;min-height:0;position:relative;background:#090909;}
.fall-player-stage iframe{width:100%;height:100%;display:block;border:0;position:absolute;inset:0;}
.fall-player-loading{position:absolute;inset:45% 0 auto;z-index:1;pointer-events:none;text-align:center;font:12px/1.6 Arial,sans-serif;color:#aaa;}
.fall-player-loading[hidden]{display:none;}
.fall-experience footer{flex-shrink:0;padding:10px 20px;font:10px/1.6 Arial,sans-serif;color:#827d88;text-align:center;border-top:1px solid #ffffff16;}
html:has(.fall-experience[open]){overflow:hidden;}
body:has(.fall-experience[open]) :is(#mouse-dot,#mouse-waves){display:none!important;}
@media(max-width:700px){.sf-experiment-context{margin:-15px auto 40px;}.sf-experiment-notes{grid-template-columns:1fr;gap:20px;}.sf-experiment-context>p{font-size:14px;}.fall-player-bar{padding:10px 12px;gap:10px;}.fall-player-bar>div>span{display:none;}.fall-player-bar nav{gap:6px;}.fall-player-bar button{font-size:10px;padding:8px 9px;}.fall-experience footer{font-size:9px;padding:8px 12px;}}