*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:#f6efe7;overflow:hidden}.shader-frame,.landing-page-frame{background:#f6efe7;width:100%;height:100%;position:relative;overflow:hidden}.landing-page-frame iframe{opacity:0;background:#f6efe7;border:0;width:100%;height:100%;transition:opacity .25s;display:block;position:absolute;inset:0}.landing-page-frame[data-state=ready] iframe{opacity:1}.project-tabs{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.04em;background:#faf4edf0;border:1px solid #57352d29;border-radius:999px;gap:3px;padding:4px;font:600 11px/1 system-ui,sans-serif;display:flex;position:fixed;top:14px;left:14px;box-shadow:0 8px 24px #57352d21}.project-tabs a,.project-tabs span{color:#765e56;border-radius:999px;padding:9px 13px;text-decoration:none;display:block}.project-tabs a:hover{color:#57352d;background:#ffffff9e}.project-tabs span{color:#fff7ef;background:#57352d}@media (width<=640px){.project-tabs{top:8px;left:8px}.project-tabs a,.project-tabs span{padding:8px 10px;font-size:10px}}@media (prefers-reduced-motion:reduce){.landing-page-frame iframe{transition:none}}