@import"base.css";:root{--menu-bg-color: var(--primary-text-color);--menu-text-color: var(--primary-bg-color)}body{margin:0;padding:0;background:var(--primary-bg-color);font-family:Damryl,Fallback,sans-serif;position:fixed;top:0;left:0;height:var(--app-shell-height, 100dvh);width:100%;overflow:hidden}#showcase-layout{display:flex;align-items:stretch;min-height:100dvh;max-width:1200px;margin:0 auto;transform:translate(calc(var(--scrollbar-width, 0px) / 2));padding:0 4vw;opacity:0;transition:opacity .5s ease-out}#showcase-layout.loaded{opacity:1}#showcase-visual{position:relative;flex:1 1 50%;min-width:0;height:100dvh;position:sticky;top:0;align-self:flex-start;display:flex;align-items:flex-start;justify-content:center;box-sizing:border-box}#showcase-info{flex:1 1 50%;min-width:0;min-height:100dvh;box-sizing:border-box;padding:3vh min(4vw,52px) calc(8dvh + 4vh) 0;text-align:left;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.showcase-title{font-family:Damryl,Fallback,sans-serif;font-size:clamp(30px,4.25vw,54px);margin-top:1vh;color:var(--primary-text-color);margin-bottom:.5vh;position:relative;line-height:1.2;min-height:1.2em}.showcase-title .heading-beam-mask{position:absolute;left:0;top:50%;transform:translateY(-50%);width:300vw;height:9px;clip-path:inset(-9999px -9999px -9999px 0);pointer-events:none}.showcase-title .heading-beam{position:absolute;right:100%;top:50%;width:100vw;height:15px;background:linear-gradient(to right,transparent 0%,var(--secondary-text-color) 20%,var(--secondary-text-color) 80%,transparent 100%);filter:drop-shadow(0 0 6px var(--secondary-text-color)) drop-shadow(0 0 14px var(--secondary-text-color));transform:translateY(-50%) translate(200vw);transition:transform var(--beam-duration, .8s) ease-out}.showcase-title .heading-beam:after{content:"";position:absolute;top:50%;left:0;right:0;height:4px;transform:translateY(-50%);background:linear-gradient(to right,transparent 0%,#fff 20%,#fff 80%,transparent 100%);filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 8px #fff);opacity:0}.showcase-title .heading-beam.sweep:after{animation:heading-beam-core-pulse var(--beam-duration, .8s)}@keyframes heading-beam-core-pulse{0%{opacity:0;animation-timing-function:ease-in}50%{opacity:.5;animation-timing-function:ease-out}to{opacity:0}}.showcase-title .heading-beam.sweep{transform:translateY(-50%) translate(0)}.showcase-title .typing-char{color:var(--secondary-text-color);text-shadow:0 0 6px var(--secondary-text-color)}.showcase-meta{display:flex;align-items:center;flex-wrap:wrap;gap:1em}.showcase-meta-year{display:inline-block;font-family:Berkley Mono,Fallback,sans-serif;font-size:clamp(10px,1vw,14px);letter-spacing:.05em;color:var(--primary-text-color);background-color:var(--secondary-text-color);border:1px solid transparent;box-sizing:border-box;padding:4px .6em;white-space:nowrap;flex-shrink:0}.showcase-meta-medium{display:inline-block;font-family:Berkley Mono,Fallback,sans-serif;font-size:clamp(10px,1vw,14px);letter-spacing:.05em;color:var(--primary-text-color);background-color:transparent;border:1px solid var(--primary-text-color);box-sizing:border-box;padding:4px .6em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.showcase-links{display:flex;flex-wrap:wrap;gap:1.5vh;margin-top:2vh;margin-bottom:2vh}.showcase-link{display:inline-block;font-family:Berkley Mono,Fallback,sans-serif;font-size:clamp(10px,1vw,18px);color:var(--primary-bg-color);background-color:var(--primary-text-color);text-decoration:none;padding:.5vh 1.1vh;border:1px solid transparent;box-sizing:border-box}.showcase-link:hover{color:var(--primary-text-color);background-color:var(--primary-bg-color);border-color:var(--primary-text-color)}.showcase-section-heading{font-family:Berkley Mono,Fallback,sans-serif;font-size:clamp(16px,1.25vw,22px);letter-spacing:.1em;color:var(--primary-text-color);opacity:.7;margin-top:2vh;margin-bottom:.735vh}.showcase-description{font-family:Berkley Mono,Fallback,sans-serif;font-size:clamp(16px,1.25vw,22px);color:#eee;line-height:1.6}.showcase-image{display:block;width:100%;aspect-ratio:31 / 25;min-height:0;object-fit:cover}.showcase-venn{position:relative;width:100%;aspect-ratio:1 / .6;min-height:0;overflow:hidden;background:transparent}.venn-circle{position:absolute;top:0;left:50%;width:60%;aspect-ratio:1 / 1;margin-left:-30%;border-radius:50%;mix-blend-mode:multiply}.venn-circle-1{background-color:#00ffff80;animation:venn-circle-1 5s ease-in-out;animation-fill-mode:forwards}.venn-circle-2{background-color:#ffff0080;animation:venn-circle-2 5s ease-in-out;animation-fill-mode:forwards}@keyframes venn-circle-1{0%{transform:translate(-50%) scale(.5)}to{transform:translate(-33.333%) scale(1)}}@keyframes venn-circle-2{0%{transform:translate(50%) scale(.5)}to{transform:translate(33.333%) scale(1)}}.venn-label{position:absolute;top:50%;transform:translate(-50%,-50%);text-align:center;font-family:Berkley Mono,Fallback,sans-serif;font-size:clamp(16px,1.4vw,20px);line-height:1.3;color:#000;pointer-events:none;opacity:0;animation:venn-label-appear .6s ease-out forwards;animation-delay:5s}.venn-label-left{left:20%;width:34%}.venn-label-right{left:80%;width:34%}.venn-label-center{left:50%;width:16%}@keyframes venn-label-appear{to{opacity:1}}.showcase-venn.venn-settled .venn-circle-1{animation:none;transform:translate(-33.333%) scale(1)}.showcase-venn.venn-settled .venn-circle-2{animation:none;transform:translate(33.333%) scale(1)}.showcase-venn.venn-settled .venn-label{animation:none;opacity:1}.showcase-typing{position:relative;width:100%;aspect-ratio:16 / 9;min-height:0;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.showcase-typing-clip{font-family:Berkley Mono,Fallback,sans-serif;font-size:clamp(16px,4.5vw,34px);width:calc(13ch + .5em);padding:0 4ch;flex-shrink:0}.showcase-typing-text{font-family:Berkley Mono,Fallback,sans-serif;font-size:clamp(16px,4.5vw,34px);color:var(--primary-text-color);white-space:nowrap;overflow:hidden;border-right:.5em solid var(--primary-text-color);width:0ch;animation:typing-reveal 2.6s 3s steps(13,end) forwards,typing-blink .75s step-end infinite}@keyframes typing-reveal{to{width:13ch}}@keyframes typing-blink{0%,to{border-color:transparent}50%{border-color:var(--primary-text-color)}}.showcase-typing.typing-settled .showcase-typing-text{animation:typing-blink .75s step-end infinite;width:13ch}@media(max-width:700px){#showcase-layout{flex-direction:column;padding-bottom:8vh}#showcase-visual{position:relative;top:auto;height:auto;flex:none;align-self:stretch;padding:0}#showcase-info{flex:none;min-height:0;justify-content:flex-start;padding-right:0}.showcase-link{font-size:clamp(12px,1.25vw,18px)}}