@font-face{font-family:CooperLtBT;src:url(../CooperLtBT-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html{width:100vw;height:100vh}body{-webkit-user-select:none;user-select:none;background-color:#f8f2eb;width:100vw;height:100vh;font-family:Playfair Display,serif;overflow:hidden}#app{z-index:1;width:100vw;height:100vh;position:absolute;top:0;left:0}canvas{outline:none;width:100%;height:100%;display:block}.loader{border:1px solid #0000001a;border-left-color:#333;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loading-screen{z-index:9999;background:#f8f2eb;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0}#loading-text{letter-spacing:4px;color:#000;font-family:CooperLtBT,serif;font-size:14px;position:absolute}#transition-layer{z-index:999;opacity:0;pointer-events:none;background:#000;width:100vw;height:100vh;position:fixed;top:0;left:0}#portfolio-view{z-index:10;opacity:0;pointer-events:none;background:0 0;width:100vw;height:100vh;display:none;position:absolute;top:0;left:0;overflow-y:auto}#portfolio-view>div{flex-direction:column;align-items:center;gap:80px;max-width:1200px;margin:0 auto;padding:100px 0;display:flex}#top-logo{letter-spacing:8px;color:#111;z-index:10000;pointer-events:none;opacity:0;gap:4px;font-family:CooperLtBT,serif;font-size:14px;display:flex;position:fixed;top:40px;left:50%;transform:translate(-50%)}.slot-column{height:18px;line-height:18px;display:inline-block;position:relative;overflow:hidden}.slot-strip{flex-direction:column;display:flex;position:relative}.slot-char{justify-content:center;align-items:center;height:18px;line-height:18px;display:flex}#tv-noise{pointer-events:none;z-index:10005;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0;overflow:hidden}#tv-noise:before{content:"";pointer-events:none;background:linear-gradient(#12101000 50%,#0000000d 50%) 0 0/100% 4px;width:100%;height:100%;position:absolute;top:0;left:0}#tv-noise:after{content:"";pointer-events:none;background:linear-gradient(#0000,#ffffff08,#0000);width:100%;height:10%;animation:6s linear infinite scanlineMove;position:absolute;top:0;left:0}@keyframes scanlineMove{0%{transform:translateY(-100vh)}to{transform:translateY(110vh)}}.tv-static{pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");width:140%;height:140%;animation:.2s steps(2,end) infinite staticNoise;position:absolute;top:-20%;left:-20%}@keyframes staticNoise{0%{transform:translate(0)}50%{transform:translate(1%,2%)}to{transform:translate(-1%,-2%)}}#author-info{color:#555;z-index:10000;cursor:pointer;opacity:0;pointer-events:none;align-items:center;gap:8px;font-family:Playfair Display,serif;font-size:16px;font-style:italic;transition:color .3s;display:flex;position:fixed;top:70px;left:50%;transform:translate(-50%)}#author-info:hover{color:#111}#author-info img{height:12px;transition:transform .3s}#author-info.open img{transform:scaleY(-1)}#about-fold{z-index:9000;opacity:0;pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.about-center-box{position:relative;transform:translateY(50px)}.about-content{text-align:left;color:#111;max-width:500px;padding:40px;font-family:Playfair Display,serif}.about-content .about-intro{margin-bottom:24px;font-family:CooperLtBT,serif;font-size:24px}.about-content p{margin-bottom:16px;font-family:lato,sans-serif;font-size:18px;font-weight:300;line-height:1.6}#about-intro-slot{height:48px;margin-bottom:24px;display:flex;overflow:hidden}#about-intro-slot .slot-column,#about-intro-slot .slot-char{height:48px;line-height:48px}#interactive-text{font-family:lato,sans-serif;font-size:18px;font-weight:300;line-height:1.6}#interactive-text .char{opacity:0;white-space:pre-wrap;display:inline-block;transform:translateY(15px)}.keyword-interactive{color:#111;transition:color .3s;display:inline-block;position:relative}.keyword-interactive.clickable{cursor:pointer}.keyword-interactive.radiating:after{content:"";pointer-events:none;border:1px solid #111;border-radius:4px;animation:1.5s ease-out infinite radiate-box;position:absolute;inset:-2px -4px}@keyframes radiate-box{0%{opacity:1;box-shadow:0 0 #1116}70%{opacity:0;box-shadow:0 0 0 6px #1110}to{opacity:0;box-shadow:0 0 #1110}}.ticker-v{color:#999;letter-spacing:2px;text-transform:uppercase;background:#111;justify-content:center;align-items:center;width:32px;height:200vh;margin-right:20px;font-family:lato,sans-serif;font-size:13px;font-weight:400;display:flex;position:absolute;top:50%;right:100%;overflow:hidden;transform:translateY(-50%)}.ticker-v-track{writing-mode:vertical-rl;flex-direction:row;gap:30px;height:max-content;animation:300s linear infinite marquee-v;display:flex}.ticker-v-track span{white-space:nowrap}@keyframes marquee-v{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.ticker-h{color:#999;letter-spacing:2px;text-transform:uppercase;background:#111;justify-content:center;align-items:center;width:200vw;height:32px;margin-top:20px;font-family:lato,sans-serif;font-size:13px;font-weight:400;display:flex;position:absolute;top:100%;left:50%;overflow:hidden;transform:translate(-50%)}.ticker-h-track{flex-direction:row;gap:30px;width:max-content;animation:300s linear infinite marquee-h;display:flex}.ticker-h-track span{white-space:nowrap}@keyframes marquee-h{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes glitch-vibrate-h{0%{background:#fff;transform:translate(0)scaleY(1)skew(0);box-shadow:-4px 0 red,4px 0 #0ff}15%{background:#0ff;transform:translate(6px,-3px)scaleY(1.8)skew(20deg);box-shadow:-12px 0 red,8px 0 #0ff}30%{background:red;transform:translate(-2px,4px)scaleY(.7)skew(-10deg);box-shadow:5px 0 red,-5px 0 #0ff}45%{background:#fff;transform:translate(8px,-2px)scaleY(2)skew(30deg);box-shadow:-8px 0 #0ff,12px 0 red}60%{background:#0ff;transform:translate(-5px,5px)scaleY(.5)skew(-25deg);box-shadow:4px 0 red,-4px 0 #0ff}75%{background:#fff;transform:translate(4px,-6px)scaleY(1.5)skew(15deg);box-shadow:-15px 0 red,10px 0 #0ff}90%{background:red;transform:translate(-3px,2px)scaleY(.8)skew(-5deg);box-shadow:6px 0 #0ff,-6px 0 red}to{background:#fff;transform:translate(0)scaleY(1)skew(0);box-shadow:-4px 0 red,4px 0 #0ff}}@media (width<=768px){.about-content{max-width:300px;padding:20px}}