:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;background:#ebe8dd;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,astro-island{overscroll-behavior:none;width:100%;height:100dvh;margin:0;overflow:hidden}astro-island{display:block}button,input{font:inherit}button{cursor:pointer}.site-index-link{z-index:30;color:#111;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(6px);background:#ebe8dde0;border:1px solid #111;border-radius:999px;padding:8px 11px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none;position:fixed;top:18px;right:20px}.site-index-link:hover,.site-index-link:focus-visible{outline-offset:2px;border-color:#111;outline:2px solid #111}.entrance{isolation:isolate;touch-action:none;background:#ebe8dd;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.entrance:before,.entrance:after{content:"";z-index:-1;pointer-events:none;position:absolute}.entrance:before{aspect-ratio:1.35;background:#294fba;width:min(31vw,560px);bottom:-8vh;left:-7vw;transform:rotate(4deg)}.entrance:after{aspect-ratio:1;background:#ee3d27;border-radius:50%;width:min(19vw,340px);top:7vh;right:7vw}.entrance--plain:before,.entrance--plain:after{display:none}.entrance__geometry{z-index:-1;pointer-events:none;position:absolute;inset:0}.entrance__geometry:before,.entrance__geometry:after{content:"";background:#11111114;position:absolute}.entrance__geometry:before{width:1px;top:0;bottom:0;left:50%}.entrance__geometry:after{height:1px;top:50%;left:0;right:0}.entrance__geometry i{width:10px;height:10px;top:max(24px, env(safe-area-inset-top));left:max(24px, env(safe-area-inset-left));background:#101010;border-radius:50%;display:block;position:absolute}.entrance__geometry i:nth-child(2){left:max(43px, calc(env(safe-area-inset-left) + 19px));background:#ee3d27}.entrance__geometry i:nth-child(3){left:max(62px, calc(env(safe-area-inset-left) + 38px));background:#f3c52d}.entrance__controls{z-index:10;pointer-events:none;position:absolute;inset:0}.entrance__layers{z-index:1;pointer-events:none;position:absolute;inset:0}.entrance__controls .enter,.entrance__controls .no-strobe{pointer-events:auto;position:absolute;transform:translate(-50%,-50%)}.enter{color:#111;letter-spacing:.35em;text-indent:.35em;background:#f4c72d;border:3px solid #111;min-width:min(300px,62vw);min-height:82px;padding:20px 40px;font-size:19px;font-weight:900;transition:transform .12s,box-shadow .12s;box-shadow:8px 8px #111}.enter:hover,.enter:focus-visible{outline:none;transform:translate(calc(4px - 50%),calc(4px - 50%));box-shadow:4px 4px #111}.no-strobe{cursor:pointer;letter-spacing:.16em;align-items:center;gap:12px;font-size:12px;display:flex}.no-strobe input{opacity:0;pointer-events:none;position:absolute}.no-strobe span{background:0 0;border:2px solid #111;width:21px;height:21px}.no-strobe input:checked+span{background:#111;box-shadow:inset 0 0 0 4px #ebe8dd}.no-strobe input:focus-visible+span{outline-offset:3px;outline:3px solid #2c55bb}.experience,.scene-surface,.scene-art,.scene-art__canvas{width:100%;height:100%;position:absolute;inset:0}.experience,.scene-surface{touch-action:none;-webkit-user-select:none;user-select:none;cursor:default;overflow:hidden}.scene-art{isolation:isolate;background:#000}.scene-art__layer{transform-origin:50%;pointer-events:none;position:absolute}.scene-art__layer--color{display:block}.scene-art__canvas{z-index:1000;display:block}.scene-effect__canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.transition{z-index:20;pointer-events:none;background:#000;place-items:center;display:grid;position:fixed;inset:0}.transition img{object-fit:cover;opacity:0;width:100%;height:100%}.transition img.visible{opacity:1}.transition--wipe img{opacity:1;clip-path:inset(0 100% 0 0)}.transition--wipe img.visible{animation:transition-wipe var(--transition-duration) steps(7, end) forwards}@keyframes transition-wipe{0%{clip-path:inset(0 100% 0 0)}84%{clip-path:inset(0)}to{clip-path:inset(0)}}.transition--fade img.visible{animation:transition-fade var(--transition-duration) ease-in-out forwards}.transition--slide img{opacity:1;transform:translate(105%)}.transition--slide img.visible{animation:transition-slide var(--transition-duration) cubic-bezier(.7, 0, .3, 1) forwards}.transition--iris img{opacity:1;clip-path:circle(0)}.transition--iris img.visible{animation:transition-iris var(--transition-duration) steps(8, end) forwards}@keyframes transition-fade{0%,to{opacity:0}22%,78%{opacity:1}}@keyframes transition-slide{0%{transform:translate(105%)}22%,78%{transform:translate(0)}to{transform:translate(-105%)}}@keyframes transition-iris{0%{clip-path:circle(0)}76%{clip-path:circle(75%)}to{clip-path:circle(0)}}.exit-card{z-index:40;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));pointer-events:none;background:0 0;place-items:center;display:grid;position:fixed;inset:0}.exit-card button{filter:drop-shadow(10px 12px #0000004d);pointer-events:auto;background:0 0;border:0;width:clamp(180px,25vw,430px);max-height:60vh;padding:0;transform:rotate(-1deg)}.exit-card button:focus-visible{outline-offset:8px;outline:4px solid #f4c72d}.exit-card img{object-fit:contain;max-width:100%;max-height:60vh;display:block}@media (width<=680px){.site-index-link{top:12px;right:12px}.entrance:before{width:55vw;bottom:-3vh;left:-22vw}.entrance:after{width:42vw;top:8vh;right:-16vw}.enter{min-width:66vw;min-height:68px}.exit-card button{width:clamp(160px,48vw,230px)}}@media (height<=520px) and (orientation:landscape){.enter{min-width:240px;min-height:62px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
