@import"https://fonts.googleapis.com/css2?family=Bangers&display=swap";@import"https://fonts.googleapis.com/css2?family=Badaboom&display=swap";@import"https://fonts.cdnfonts.com/css/anime-ace";.menu-button-wrapper{position:fixed;top:0;right:0;z-index:1000}.menu-button{background:transparent;border:none;padding:0;cursor:pointer;display:inline-block;transform-origin:top right;transition:background-color .2s ease-out;position:relative;z-index:1001;height:30px;line-height:0}.menu-icon-wrapper{position:relative;display:inline-block;height:30px;line-height:0}.menu-icon{height:30px;width:auto;display:block;pointer-events:none;object-fit:contain;transition:opacity .2s ease-out}.menu-icon-default{opacity:1;position:relative}.menu-icon-hover{opacity:0;position:absolute;top:0;right:0}.menu-button:hover .menu-icon-default{opacity:0}.menu-button:hover .menu-icon-hover{opacity:1}.menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background-color:var(--color-near-black);border:2px solid var(--color-blue);border-radius:4px;min-width:240px;padding:.5rem 0;transform-origin:top right;animation:dropdown-appear .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #0000004d;z-index:1000}@keyframes dropdown-appear{0%{transform:scale(.9) translateY(-10px);opacity:0}60%{transform:scale(1.05) translateY(2px);opacity:.9}to{transform:scale(1) translateY(0);opacity:1}}.menu-item{display:block;padding:.75rem 1.5rem;color:var(--color-near-white);font-family:var(--font-body);text-decoration:none;transition:background-color .2s ease,color .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:14px}.menu-item:hover{background-color:var(--color-blue);color:var(--color-white)}.menu-item i{margin-left:.5rem;font-size:.9rem}.menu-item i.fa-arrow-left{margin-left:0;margin-right:.25rem}.menu-item-icon{margin-left:.35rem;display:inline-block;vertical-align:middle;line-height:0;width:18px;height:18px;color:var(--color-near-white)}.menu-item-icon svg{width:18px;height:18px;display:block;vertical-align:middle;fill:currentColor}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;animation:overlay-fade-in .3s ease-out}.modal-overlay.closing{animation:overlay-fade-out .25s ease-in}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-fade-out{0%{opacity:1}to{opacity:0}}.modal-content{position:fixed;top:0;right:0;width:400px;height:100vh;background-color:#a3b0f5;display:flex;flex-direction:column;box-shadow:0 0 30px #ced4e080,0 0 60px #ced4e04d;animation:drawer-slide-in .5s cubic-bezier(.68,-.55,.265,1.55);overflow-y:hidden;overflow-x:hidden}.modal-content.closing{animation:drawer-slide-out .25s ease-in}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}.modal-close-icon-button{position:absolute;top:0;right:0;background:transparent;border:none;padding:12px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.modal-close-icon-button:hover{opacity:.7}.modal-close-icon-button svg{width:24px;height:24px;fill:var(--color-near-black)}.modal-header{background-color:#a3b0f5;padding:24px 32px 24px 16px;flex-shrink:0}.modal-nav-items{display:flex;justify-content:space-around;align-items:center;gap:8px}.modal-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--color-near-black);cursor:pointer;opacity:1}.modal-nav-item:hover{opacity:1}.modal-nav-icon{display:flex;align-items:center;justify-content:center;margin-bottom:8px;filter:drop-shadow(1px 2px 0 var(--color-charcoal));transition:transform .3s ease-out,filter .3s ease-out;opacity:1;transform:translateY(0) scale(1) rotate(0);will-change:transform,filter}@keyframes playful-lift{0%{transform:translateY(0) scale(1) rotate(0)}to{transform:translateY(-6px) scale(1.13) rotate(-5deg)}}@keyframes playful-rotate{0%,to{transform:translateY(-6px) scale(1.13) rotate(-5deg)}50%{transform:translateY(-6px) scale(1.13) rotate(5deg)}}@keyframes playful-return{0%{transform:translateY(-6px) scale(1.13) rotate(-5deg)}to{transform:translateY(0) scale(1) rotate(0)}}.modal-nav-item:hover .modal-nav-icon{filter:drop-shadow(0 0 8px var(--color-slate-blue)) drop-shadow(1px 3px 4px rgba(74,107,164,.4));opacity:1;animation:playful-lift .3s ease-out forwards,playful-rotate 1s ease-in-out .3s infinite}.modal-nav-item:not(:hover) .modal-nav-icon{animation:playful-return .3s ease-out forwards}.modal-nav-icon svg{width:40px;height:40px;display:block}.modal-nav-label{font-family:Anime Ace,sans-serif;font-size:11px;text-transform:uppercase;color:var(--color-near-black);letter-spacing:.02em;opacity:1;font-weight:400}.modal-nav-item:hover .modal-nav-label{opacity:1}.modal-bubble-separator{width:100%;flex-shrink:0;margin-top:-1px;position:relative;z-index:1}.modal-bubble-separator img{width:100%;height:auto;display:block}.modal-speech-bubble{background-color:var(--color-white-ish);padding:0;margin:-2px 0 0;position:relative;flex:1;width:100%;display:flex;flex-direction:column}.modal-title{font-family:Anime Ace,sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;text-align:center;color:var(--color-near-black);margin:0 0 16px;text-shadow:1px 1px 0 var(--color-near-black);letter-spacing:.02em}.modal-text-container{width:100%;flex:1;padding:16px 16px 8px;font-family:Anime Ace,sans-serif;font-size:14px;line-height:1.6;text-align:center;color:var(--color-near-black);display:flex;align-items:flex-start;justify-content:center;background-color:var(--color-white-ish);box-sizing:border-box}.modal-text-container p{font-size:14px;margin:0;text-transform:uppercase}.modal-text-container strong em{font-weight:700;font-style:italic}.modal-text-container a{color:var(--color-near-black);text-decoration:underline}.modal-text-container a:hover{opacity:.7}.modal-image-container{width:100%;flex-shrink:0;margin-top:auto}.modal-image-container img{width:100%;height:auto;display:block}.header{position:relative;height:0;z-index:1000}.footer{background-color:var(--color-near-black);padding:2rem 0;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 1rem;text-align:center}.footer-links{list-style:none;display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.footer-links a{color:var(--color-near-white);font-family:var(--font-body);font-size:.9rem;opacity:.7;transition:opacity .2s ease}.footer-links a.active{color:var(--color-white);font-weight:700;opacity:1}.footer-links a:hover{opacity:1;color:var(--color-blue)}.footer-social{list-style:none;display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.btn-social{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3px 2px;gap:10px;position:relative;width:48px;height:48px;background:var(--color-charcoal);border:2px solid var(--color-near-black);border-radius:100px;text-decoration:none;transition:background-color .2s ease}.btn-social svg{width:20px;height:20px;fill:var(--color-white-ish);transition:fill .2s ease}.btn-social:hover{background-color:var(--color-blue)}.btn-social:hover svg{fill:var(--color-white-ish)}.footer-copyright{font-size:.75rem;color:var(--color-near-white);opacity:.5;margin-top:1rem}.project-nav{width:100%;background-color:var(--color-near-black);display:flex;flex-direction:column;padding:calc(1rem + 4px) 2rem calc(1rem + 4px) 2rem;position:relative;z-index:10;gap:1rem;margin:0;flex-shrink:0}.project-nav.sticky{position:sticky;top:0;z-index:100}@media (min-width: 768px){.project-nav{flex-direction:row;align-items:center;justify-content:flex-start;gap:2rem}}.project-nav-title{font-family:var(--font-header);font-size:36px;color:var(--color-white-ish);margin:0;font-weight:400;font-style:italic;flex-shrink:0}.project-nav-title-clickable{cursor:pointer}.project-nav-title img{height:32px;width:auto;display:block}.project-nav-tabs{display:flex;align-items:center;gap:1rem;position:relative;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.project-nav-tabs::-webkit-scrollbar{display:none}.project-nav-tab{background:none;border:none;color:var(--color-near-white);font-family:var(--font-body);font-size:1rem;padding:.5rem 1rem;cursor:pointer;position:relative;z-index:2;transition:color .2s ease-out;white-space:nowrap;flex-shrink:0}@media (max-width: 767px){.project-nav-tab{font-size:11px}}.project-nav-tab:hover:not(.active){color:var(--color-blue)}.project-nav-tab.active{color:var(--color-near-black)}.project-nav-indicator{position:absolute;background-color:var(--color-blue);border-radius:4px;z-index:1;pointer-events:none;transform-origin:center center;transition:opacity .2s ease-out,left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1);top:0;min-height:2rem}.project-nav-indicator.animating{animation:spiderman-jump .95s cubic-bezier(.25,.46,.45,.94)}@keyframes spiderman-jump{0%{transform:scale(1.1,.85) translateY(0) rotate(0)}10%{transform:scale(1.15,.8) translateY(.4px) rotate(0)}20%{transform:scale(.95,1.2) translateY(-1.6px) rotate(2deg)}30%{transform:scale(.85,1.3) translateY(-4px) rotate(3deg)}40%{transform:scale(.8,1.35) translateY(-5.6px) rotate(2.5deg)}50%{transform:scale(.85,1.3) translateY(-4.8px) rotate(1deg)}60%{transform:scale(1.02,.98) translateY(-2.4px) rotate(-.5deg)}65%{transform:scale(1.05,.95) translateY(.4px) rotate(0)}70%{transform:scale(1.02,.98) translateY(.8px) rotate(0)}80%{transform:scale(1.01,.99) translateY(.2px) rotate(0)}90%{transform:scale(1) translateY(0) rotate(0)}to{transform:scale(1) translateY(0) rotate(0)}}.project-nav-indicator:not(.animating){transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1)}.project-section{flex:0 0 auto;align-self:stretch;display:flex;align-items:stretch;justify-content:flex-start;padding:0!important;margin:0;gap:0;box-sizing:border-box;background-color:var(--color-white-ish)!important;width:auto;color:var(--color-near-black);position:relative;overflow:visible}.project-section>*{width:100%;margin:0;padding:0}.project-section>.chegg-intro{position:absolute;top:0;left:0;right:24px}.project-section>.chegg-staff-ai-panel{width:100%;height:100%}.project-section>.chegg-nav-panel{width:auto!important;height:100%}.project-section>.chegg-nav-result-panel{width:auto!important;height:100%;margin-right:0!important;padding-right:0!important}.project-section:has(.chegg-nav-panel):has(.chegg-nav-result-panel){gap:0!important}.project-section>.chegg-nav-panel+.chegg-nav-result-panel{margin-left:-24px!important}.project-section:has(.chegg-staff-ai-panel){align-self:stretch;flex:0 0 auto}.project-section:has(.chegg-intro){width:calc(400px + (100vh - 156px) * 16 / 9 + 24px - 120px);min-width:calc(400px + (100vh - 156px) * 16 / 9 + 24px - 120px);max-width:calc(400px + (100vh - 156px) * 16 / 9 + 24px - 120px)}.project-section *{color:inherit}.project-section.custom-background{background-color:var(--custom-bg-color, var(--color-white-ish))!important}.project-section.custom-background-image{background:var(--custom-bg)!important}.project-section:has(.under-construction-panel){min-width:800px}.project-section[id^="8counts-"]{color:var(--color-white-ish)!important;border-right:12px solid var(--color-near-black)!important;box-sizing:border-box;background-color:transparent!important}.project-section[id^="8counts-"]+.project-section[id^="8counts-"]{margin-left:-12px}.project-section[id^="8counts-"] p{color:var(--color-white-ish)!important}.project-section[id^="8counts-"]>.eightcounts-panel{position:relative;width:100%;height:100%;min-height:100%;box-sizing:border-box;isolation:isolate;overflow:visible}.project-section[id="8counts-intro"]{width:auto!important;min-width:0!important;flex:0 0 auto!important}.project-section[id="8counts-intro"] .eightcounts-panel-intro{display:flex;align-items:center;height:100%;padding-left:100px;gap:48px;position:relative}.project-section[id="8counts-intro"] .eightcounts-header{position:absolute;top:12px;left:0;height:96px!important;max-height:96px!important;width:auto;object-fit:contain;z-index:2;display:block}.project-section[id="8counts-intro"] .eightcounts-intro-wrapper{position:absolute;bottom:0;left:100px;height:510px;width:auto;overflow:hidden;z-index:1}.project-section[id="8counts-intro"] .eightcounts-intro{height:100%;width:auto;object-fit:contain;object-position:bottom left;display:block}.project-section[id="8counts-intro"] .eightcounts-screenshots-wrapper{margin-left:795px;height:100%;max-height:800px;display:flex;align-items:center;flex-shrink:0}.project-section[id="8counts-intro"] .eightcounts-screenshots{height:100%;width:auto;object-fit:contain;display:block}.project-section[id="8counts-flow"]{width:auto!important;min-width:0!important;flex:0 0 auto!important}.project-section[id="8counts-flow"] .eightcounts-panel-flow{display:flex;align-items:stretch;height:100%}.project-section[id="8counts-flow"] .eightcounts-flow{height:100%;width:auto;object-fit:contain;display:block}.project-section[id="8counts-figma"]{width:auto!important;min-width:0!important;flex:0 0 auto!important}.project-section[id="8counts-videos"]{width:auto!important;min-width:0!important;flex:0 0 auto!important;border-right:none}.project-section[id="8counts-figma"] .eightcounts-panel-figma{display:flex;align-items:flex-end;height:100%;padding:32px 32px 0 0;box-sizing:border-box}.project-section[id="8counts-figma"] .eightcounts-me-painting{flex-shrink:0;z-index:1;position:relative;margin-left:-48px}.project-section[id="8counts-figma"] .eightcounts-figma{height:calc(100% - 32px);width:auto;object-fit:contain;margin-left:-50px;border:8px solid var(--color-near-black);border-bottom:none;box-sizing:border-box}.project-section#dashboard{width:800px!important;min-width:800px!important;max-width:800px!important}.project-section:has(.founding-intro-panel){width:fit-content;min-width:0}.project-section:has(.founding-intro-panel)>.founding-intro-panel{width:auto!important;height:100%;display:flex;align-items:stretch}.project-section:has(.founding-intro-panel) .founding-intro-panel img{height:100%;width:auto;object-fit:contain;display:block}.other-projects-row .project-panel-scroll{width:100%!important;min-width:100%!important}.other-projects-row .project-section{width:100%!important;min-width:1200px!important;max-width:100%!important;flex:1 1 100%!important;background-image:url(/img/me/me-vortex.jpg);background-position:bottom left;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}.project-row{width:100vw;height:100vh;min-height:700px;display:flex;flex-direction:column;background-color:var(--color-white-ish);overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;margin:0;padding:0}.project-panel-container{flex:1 1 0;width:100%;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;padding:0 32px 0 24px;border-bottom:12px solid var(--color-near-black);box-sizing:border-box;background-color:var(--color-near-black);display:flex;flex-direction:column;margin:0;position:relative}.project-panel-container::-webkit-scrollbar{display:none}.project-panel-scroll{display:flex;flex-direction:row;align-items:stretch;height:100%;min-width:fit-content;gap:12px;flex:1 1 0;min-height:0;margin:0;padding:0}.project-panel-placeholder,.project-section-placeholder{width:100%;height:100%;min-width:800px;display:flex;align-items:center;justify-content:center;color:var(--color-near-black);opacity:1;font-family:var(--font-body);font-size:1.5rem}.project-panel-placeholder p,.project-section-placeholder p{color:var(--color-near-black)!important;opacity:1!important;text-align:center;width:100%;padding:0 24px;box-sizing:border-box}.project-section-placeholder a{color:var(--color-slate-blue);text-decoration:underline}.quote-panel{position:relative;min-width:600px;min-height:400px;width:600px;height:400px;aspect-ratio:1.5;max-width:600px;max-height:400px;background-color:var(--color-near-black);border:2px solid var(--color-near-black);overflow:hidden;cursor:url(/img/ui/crosshairs.png) 72 71,auto;box-sizing:border-box}@media (min-width: 1273px){.quote-panel{width:100%;height:auto;aspect-ratio:1.5;max-width:none;max-height:none;min-width:600px;min-height:400px}}.quote-panel:hover,.quote-panel:hover *{cursor:url(/img/ui/crosshairs.png) 72 71,auto!important}.quote-panel:hover .quote-panel-title-link,.quote-panel:hover .quote-panel-title-link *{cursor:pointer!important}.quote-panel-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:1;transform:translateZ(0);backface-visibility:hidden}.quote-panel-bg img{width:100%;height:100%;object-fit:fill;will-change:transform,filter;transition:filter .3s ease-out;transform-origin:center bottom}.quote-panel:hover .quote-panel-bg img{filter:brightness(.45)}.quote-panel-title{position:absolute;top:0;left:0;z-index:11;opacity:1;transform:none}.quote-panel-title img,.quote-panel-title svg{display:block;width:auto;height:auto;max-width:none}.quote-panel-title-link{display:inline-block;text-decoration:none;cursor:pointer!important;transition:transform .1s ease-out}.quote-panel-title-link,.quote-panel-title-link *{cursor:pointer!important}.quote-panel-title-link *{pointer-events:none;opacity:1!important}.quote-panel-title-link:hover,.quote-panel-title-link:hover *{cursor:pointer!important;opacity:1!important}.quote-panel-title-link:hover svg,.quote-panel-title-link:hover img,.quote-panel-title-link:hover div{opacity:1!important;animation:pulsating-glow 3s ease-in-out infinite}.quote-panel-title-link:active{transform:scale(.99);transform-origin:top left}.quote-panel-title-link:active svg,.quote-panel-title-link:active img,.quote-panel-title-link:active div{transform:scale(.99);transform-origin:top left}@keyframes pulsating-glow{0%{filter:drop-shadow(0 0 0px rgba(245,239,231,0)) drop-shadow(0 0 0px rgba(245,239,231,0))}50%{filter:drop-shadow(0 0 12px rgba(245,239,231,.75)) drop-shadow(0 0 24px rgba(245,239,231,.75))}to{filter:drop-shadow(0 0 0px rgba(245,239,231,0)) drop-shadow(0 0 0px rgba(245,239,231,0))}}.quote-panel-title-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:0;background-color:var(--color-near-black);color:var(--color-white-ish);font-family:var(--font-body);font-size:11px;padding:6px 8px;border-radius:2px;white-space:nowrap;z-index:12;pointer-events:none;opacity:1!important}.quote-panel-title-tooltip:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid var(--color-near-black)}.quote-panel-character{position:absolute;z-index:2;bottom:0}.quote-panel-character:hover,.quote-panel-character:hover *{cursor:url(/img/ui/crosshairs-red.png) 72 71,auto!important}.teleporter-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.quote-panel-character img{display:block;width:auto;height:auto;max-width:none;opacity:0;position:relative;z-index:2}.quote-panel-character img.character-materializing{animation:flicker-teleport 625ms ease-in forwards}@keyframes flicker-teleport{0%{opacity:0}2%{opacity:.3}3.5%{opacity:0}5%{opacity:.5}6.5%{opacity:0}8%{opacity:.7}9.5%{opacity:0}11%{opacity:.9}12.5%{opacity:0}14%{opacity:1}15.5%{opacity:0}17%{opacity:1}18.5%{opacity:0}20%{opacity:1}21.5%{opacity:0}23%{opacity:.8}24.5%{opacity:0}26%{opacity:1}27.5%{opacity:0}29%{opacity:.9}30.5%{opacity:0}32%{opacity:1}33.5%{opacity:0}35%{opacity:.85}36.5%{opacity:0}38%{opacity:1}39.5%{opacity:0}41%{opacity:1}42.5%{opacity:0}44%{opacity:.9}45.5%{opacity:0}47%{opacity:1}48.5%{opacity:0}50%{opacity:1}51.5%{opacity:0}53%{opacity:1}54.5%{opacity:0}56%{opacity:.95}57.5%{opacity:0}59%{opacity:1}62%{opacity:.9}65%{opacity:1}68%{opacity:.95}71%{opacity:1}74%{opacity:.98}77%{opacity:1}80%{opacity:.99}83%{opacity:1}86%{opacity:1}89%{opacity:1}92%{opacity:1}95%{opacity:1}98%{opacity:1}to{opacity:1}}.quote-panel-words{position:absolute;z-index:4;pointer-events:none;bottom:0;transform:translateZ(0);backface-visibility:hidden}.quote-panel-words-left{left:0}.quote-panel-words-right{right:0}.quote-panel-words-img{display:block;position:absolute;bottom:0;width:auto;height:auto;max-width:none;opacity:0;transform-origin:center;transform:translateZ(0);backface-visibility:hidden}.quote-panel-words-img svg{display:block;width:auto;height:auto}.quote-panel-words-left .quote-panel-words-img{left:0;right:auto}.quote-panel-words-right .quote-panel-words-img{right:0;left:auto}.quote-panel-words-img.first{transform:scale(.9);transition:opacity .2s ease-out,transform .2s ease-out}.quote-panel-words-img.first.visible{opacity:1;transform:scale(1)}.quote-panel-words-img.overlay{transition:opacity .15s ease-out}.quote-panel-words-img.overlay.visible{opacity:1}.quote-panel-projectile{position:fixed;z-index:9999;pointer-events:none;width:400px;height:400px;max-width:400px;max-height:400px;min-width:80px;min-height:80px;will-change:transform;display:block!important;opacity:1!important;visibility:visible!important;object-fit:contain;background:transparent}.quote-panel-splat{position:fixed;z-index:9998;pointer-events:none;width:auto;height:auto;max-width:450px;max-height:450px;animation:splat-explosion .4s cubic-bezier(.34,1.56,.64,1) forwards,splat-visible 1.1s ease-out .4s forwards,splat-fadeout .5s ease-out 1.5s forwards;transform-origin:center center}@keyframes splat-explosion{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes splat-visible{0%,to{opacity:1}}@keyframes splat-fadeout{0%{opacity:1}to{opacity:0}}.quote-panel-force-field{position:absolute;bottom:0;z-index:4;pointer-events:none;display:flex;align-items:flex-end;justify-content:flex-start}.quote-panel-force-field .force-field-flicker{width:auto;height:auto;max-width:120%;max-height:120%;object-fit:contain;animation:force-field-flicker 1s ease-out forwards}.force-field-flicker.flipped{transform:scaleX(-1)}@keyframes force-field-flicker{0%,to{opacity:.4}6.25%{opacity:.9}12.5%{opacity:.4}18.75%{opacity:.9}25%{opacity:.4}31.25%{opacity:.9}37.5%{opacity:.4}43.75%{opacity:.9}50%{opacity:.4}56.25%{opacity:.9}62.5%{opacity:.4}68.75%{opacity:.9}75%{opacity:.4}81.25%{opacity:.9}87.5%{opacity:.4}93.75%{opacity:.9}95%{opacity:.6}to{opacity:0}}.quote-panel-plasma-gun{position:absolute;bottom:-200px;z-index:13;pointer-events:none;width:auto;height:auto;max-width:300px;max-height:300px;transition:bottom .6s ease-in-out}.quote-panel-plasma-gun.flipped{transform:scaleX(-1)}.quote-panel-plasma-gun.raised{bottom:0;transition:bottom .6s ease-in-out}.quote-panel-plasma-gun.raised.flipped{transform:scaleX(-1)}.quote-panel-plasma-gun.lowering{bottom:-200px;transition:bottom 1.5s ease-in}.quote-panel-plasma-gun.lowering.flipped{transform:scaleX(-1)}.plasma-particles-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9997;transform:translateZ(0)}.plasma-particle{position:fixed;border-radius:50%;pointer-events:none;will-change:transform,opacity}@media (max-width: 1272px){.quote-panel{width:600px;height:400px;min-width:600px;min-height:400px;max-width:600px;max-height:400px;aspect-ratio:1.5;flex-shrink:0}}.quotes-row{width:100vw;background-color:var(--color-near-black);padding:48px 24px 24px;min-height:60vh;box-sizing:border-box}.quotes-row-container{width:100%;max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;box-sizing:border-box}.quotes-row-container.single-panel{grid-template-columns:1fr}.quotes-row-container.single-panel>:last-child{justify-self:center;max-width:600px}.quotes-row-placeholder{width:100%;text-align:center;padding:4rem 2rem;color:var(--color-near-white);opacity:.5}@media (max-width: 1272px){.quotes-row{overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.quotes-row-container{display:flex;flex-direction:row;flex-wrap:nowrap;min-width:fit-content}.quotes-row-container>*{flex:0 0 600px;width:600px}}.quotes-row::-webkit-scrollbar{display:none}.quotes-row::-webkit-scrollbar-track{display:none}.sketches-murals-nav{width:100%;background-color:var(--color-near-black);display:flex;flex-direction:column;padding:1rem 2rem;position:relative;z-index:10;gap:1rem}.sketches-murals-nav.sticky{position:sticky;top:0;z-index:100}@media (min-width: 768px){.sketches-murals-nav{flex-direction:row;align-items:center;justify-content:flex-start;gap:2rem}}.sketches-murals-nav-title{font-family:var(--font-header);font-size:36px;color:var(--color-white-ish);margin:0;font-weight:400;font-style:italic;flex-shrink:0;transition:opacity .2s ease}.sketches-murals-nav-title[style*="cursor: pointer"]:hover{opacity:.8}.sketches-murals-nav-tabs{display:flex;align-items:center;gap:1rem;position:relative;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.sketches-murals-nav-tabs::-webkit-scrollbar{display:none}.sketches-murals-nav-tab{background:none;border:none;color:var(--color-near-white);font-family:var(--font-body);font-size:1rem;padding:.5rem 1rem;cursor:pointer;position:relative;z-index:2;transition:color .2s ease-out;white-space:nowrap;flex-shrink:0}@media (max-width: 767px){.sketches-murals-nav-tab{font-size:11px}}.sketches-murals-nav-tab:hover:not(.active){color:var(--color-blue)}.sketches-murals-nav-tab.active{color:var(--color-near-black)}.sketches-murals-nav-indicator{position:absolute;background-color:var(--color-blue);border-radius:4px;z-index:1;pointer-events:none;transform-origin:center center;transition:opacity .2s ease-out,left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1);top:0;min-height:2rem}.sketches-murals-nav-indicator.animating{animation:sketches-murals-spiderman-jump .95s cubic-bezier(.25,.46,.45,.94)}@keyframes sketches-murals-spiderman-jump{0%{transform:scale(1.1,.85) translateY(0) rotate(0)}10%{transform:scale(1.15,.8) translateY(.4px) rotate(0)}20%{transform:scale(.95,1.2) translateY(-1.6px) rotate(2deg)}30%{transform:scale(.85,1.3) translateY(-4px) rotate(3deg)}40%{transform:scale(.8,1.35) translateY(-5.6px) rotate(2.5deg)}50%{transform:scale(.85,1.3) translateY(-4.8px) rotate(1deg)}60%{transform:scale(1.02,.98) translateY(-2.4px) rotate(-.5deg)}65%{transform:scale(1.05,.95) translateY(.4px) rotate(0)}70%{transform:scale(1.02,.98) translateY(.8px) rotate(0)}80%{transform:scale(1.01,.99) translateY(.2px) rotate(0)}90%{transform:scale(1) translateY(0) rotate(0)}to{transform:scale(1) translateY(0) rotate(0)}}.sketches-murals-nav-indicator:not(.animating){transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1)}.sketches-murals-section{flex:0 0 auto;height:100%;min-height:100%;display:flex;align-items:stretch;justify-content:flex-start;padding:0;box-sizing:border-box;background-color:var(--color-near-white);width:fit-content;color:var(--color-near-black)}.sketches-murals-section>*{height:100%;min-height:100%}.sketches-murals-section *{color:inherit}.sketches-murals-section.custom-background{background-color:var(--custom-bg-color)!important}.sketches-murals-section .textbox-image-pair-image-container{padding-right:0}.sketches-murals-section#murals,.sketches-murals-section#murals *{color:var(--color-white-ish)}.sketches-murals-section#murals .textbox-image-pair-title,.sketches-murals-section#murals .textbox-image-pair-text{color:var(--color-white-ish)!important}.sketches-murals-section#intro{width:420px!important;color:#f5efe7;margin-right:0!important}.sketches-murals-section#intro .textbox-image-pair-textbox{flex:1 1 100%!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.sketches-murals-section#intro .textbox-image-pair-text{font-size:17px;color:#f5efe7!important}.sketches-murals-section#murals .textbox-image-pair-textbox.murals-intro-textbox{flex:0 0 432px!important;width:432px!important;max-width:432px!important}.sketches-murals-section#murals .textbox-image-pair-textbox.murals-intro-textbox .textbox-image-pair-text{font-size:17px!important;color:#f5efe7!important}.textbox-image-pair{display:flex;flex-direction:row;align-items:stretch;width:100%;height:100%;min-height:100%;position:relative;padding:0;margin:0;gap:0}.textbox-image-pair-textbox{flex:0 0 300px;width:300px;display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:0;height:100%;box-sizing:border-box;background-color:transparent;color:var(--color-near-black)}.textbox-image-pair-title{font-family:var(--font-body);font-weight:700;font-size:18px;line-height:150%;margin:0 0 16px;width:100%;color:var(--color-near-black)!important}.textbox-image-pair-text{font-family:var(--font-body);font-weight:400;font-size:14px;line-height:150%;margin:0;width:100%;flex:1;color:var(--color-near-black)!important}.textbox-image-pair-image-container{flex:1;height:100%;min-height:100%;display:flex;align-items:stretch;justify-content:flex-start;overflow:hidden;padding:0 32px 0 0;margin:0}.textbox-image-pair-image{height:100%;min-height:100%;width:auto;object-fit:contain;object-position:left center;display:block;margin:0;padding:0;box-shadow:0 4px 8px #00000026,0 2px 4px #0000001a}.sketches-murals-row{width:100vw;height:100vh;display:flex;flex-direction:column;background-color:var(--color-white-ish);overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.sketches-murals-panel-container{flex:1;width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;padding:0 2rem;border-bottom:12px solid var(--color-near-black);box-sizing:border-box;background-color:var(--color-near-black)}.sketches-murals-panel-container::-webkit-scrollbar{display:none}.sketches-murals-panel-scroll{display:flex;flex-direction:row;align-items:stretch;height:100%;min-width:fit-content;gap:12px}.sketches-murals-panel-placeholder,.sketches-murals-section-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-near-black);opacity:1;font-family:var(--font-body);font-size:1.5rem}.sketches-murals-panel-placeholder p,.sketches-murals-section-placeholder p{color:var(--color-near-black)!important;opacity:1!important}.starry-sky-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.starry-sky-canvas{display:block;width:100%;height:100%}.backstory{position:absolute;top:0;left:0;width:320px;padding:12px;border-right:2px solid var(--color-near-black);border-bottom:2px solid var(--color-near-black);border-top:none;border-left:none;font-family:var(--font-body);font-size:14px;line-height:150%;height:auto!important;min-height:0!important;box-sizing:border-box}.chegg-staff-ai-panel{display:flex;flex-direction:row;width:100%;height:100%;margin:0;padding:0;box-sizing:border-box;position:relative}.chegg-staff-ai-backstory{position:absolute;top:0;left:0;z-index:15}.chegg-staff-ai-wire{width:1340px;min-width:1340px;max-width:1340px;height:100%;background-color:var(--color-white-ish);background-image:url(/img/chegg/chegg-wire-bg-1340.svg);background-position:bottom left;background-size:auto;background-repeat:no-repeat;padding:0;border-right:12px solid var(--color-near-black);flex-shrink:0;flex-grow:0;box-sizing:border-box;position:relative;overflow:hidden}.chegg-staff-ai-me-on-wire{position:absolute;left:110px;bottom:72px;width:auto;height:auto;z-index:10;opacity:0;transform:translateY(-100vh);transform-origin:top center;transition:none;pointer-events:none}.chegg-staff-ai-me-on-wire.animate{opacity:1;transform-origin:top center;animation:wire-descent 1s ease-in forwards,wire-bounce .6s ease-out 1s forwards,wire-swing-forever 3s ease-in-out 1.6s infinite}@keyframes wire-descent{0%{transform:translateY(-100vh) rotate(0);opacity:0}to{transform:translateY(0) rotate(1deg);opacity:1}}@keyframes wire-bounce{0%{transform:translateY(0) rotate(1deg)}30%{transform:translateY(-15px) rotate(1deg)}50%{transform:translateY(8px) rotate(1deg)}70%{transform:translateY(-4px) rotate(1deg)}85%{transform:translateY(2px) rotate(1deg)}to{transform:translateY(0) rotate(.2deg)}}@keyframes wire-swing-dampen{0%{transform:translateY(0) rotate(1deg)}12.5%{transform:translateY(0) rotate(0)}25%{transform:translateY(0) rotate(2deg)}37.5%{transform:translateY(0) rotate(0)}50%{transform:translateY(0) rotate(1deg)}62.5%{transform:translateY(0) rotate(.5deg)}75%{transform:translateY(0) rotate(.4deg)}87.5%{transform:translateY(0) rotate(.1deg)}95%{transform:translateY(0) rotate(.15deg)}to{transform:translateY(0) rotate(.2deg)}}@keyframes wire-swing-forever{0%,to{transform:translateY(0) rotate(.2deg)}50%{transform:translateY(0) rotate(-.2deg)}}.chegg-staff-ai-wire-words{position:absolute;left:0;bottom:0;width:auto;height:auto;opacity:0;transition:opacity .15s ease-out;pointer-events:none;z-index:5}.chegg-staff-ai-wire-words.visible{opacity:1}.chegg-staff-ai-wire-ask{position:absolute;right:0;bottom:0;width:auto;height:auto;opacity:0;transform:translate(200px);transition:transform .3s ease-out,opacity .3s ease-out;pointer-events:none;z-index:5}.chegg-staff-ai-wire-ask.visible{opacity:1;transform:translate(0)}.chegg-staff-ai-hmm{position:absolute;bottom:0;right:0;width:auto;height:auto;opacity:0;transform:translateY(100%);transition:transform .3s ease-out,opacity .3s ease-out;pointer-events:none;z-index:5}.chegg-staff-ai-hmm.visible{opacity:1;transform:translateY(0)}.chegg-staff-ai-personas{width:1160px;min-width:1160px;max-width:1160px;height:100%;background-color:#ecf1f3;background-image:url(/img/chegg/chegg-persona-bg-32.jpg);background-position:bottom left;background-size:cover;background-repeat:no-repeat;padding:0;margin:0;border-right:12px solid var(--color-near-black);flex-shrink:0;flex-grow:0;box-sizing:border-box;position:relative;overflow:hidden}.chegg-staff-ai-persona-carousel-container{position:absolute;top:36px;right:32px;width:472px;border-radius:2px;overflow:hidden;z-index:11}.chegg-staff-ai-persona-carousel-header{width:100%;font-family:Bangers,sans-serif;font-size:20px;color:var(--color-white-ish);background-color:var(--color-near-black);padding:12px 12px 0;box-sizing:border-box}.chegg-staff-ai-persona-carousel{width:100%;height:380px;background-color:var(--color-white-ish);border:12px solid var(--color-near-black);border-radius:2px 2px 0 0;padding:24px;box-sizing:border-box;overflow:hidden;cursor:pointer;position:relative}.chegg-staff-ai-persona-carousel-inner{width:100%;height:1400px;display:flex;flex-direction:column;gap:24px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.chegg-staff-ai-persona-carousel-inner img{width:100%;height:332px;object-fit:contain;flex-shrink:0;display:block}.chegg-staff-ai-persona-carousel-dots{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:12}.chegg-staff-ai-persona-carousel-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-near-white);transition:background-color .3s ease;cursor:pointer}.chegg-staff-ai-persona-carousel-dot.active{background-color:var(--color-charcoal)}.chegg-staff-ai-persona-carousel-footer{width:100%;font-family:Bangers,sans-serif;font-size:20px;line-height:150%;color:#fcc192;background-color:var(--color-near-black);padding:8px 24px 20px;box-sizing:border-box;text-align:center}.chegg-staff-ai-persona-carousel-footer-learned{color:var(--color-white-ish)}.chegg-staff-ai-results{width:440px;min-width:440px;height:100%;background-color:var(--color-near-white);flex-shrink:0;flex-grow:0;box-sizing:border-box;position:relative;padding-right:0;overflow:visible}.chegg-staff-ai-results-bg{position:absolute;left:48px;bottom:32px;width:auto;height:90%;z-index:1;pointer-events:none;object-fit:contain;object-position:left bottom;max-width:none}.chegg-staff-ai-results-burst{position:absolute;right:0;bottom:0;width:auto;height:auto;z-index:2;pointer-events:none}.chegg-staff-ai-results-container{position:absolute;bottom:0;left:0;width:440px;height:auto;border-top:12px solid var(--color-near-black);border-right:12px solid var(--color-near-black);border-bottom:none;border-left:none;box-sizing:border-box;display:flex;flex-direction:column;z-index:2}.chegg-staff-ai-results-container .backstory{position:relative;width:100%;top:auto;left:auto;border:none;background-color:var(--color-near-black)!important;color:var(--color-white-ish)!important;font-family:Anime Ace,sans-serif;font-size:12px;line-height:130%}.chegg-staff-ai-results-image{width:100%;height:auto;display:block;margin-top:auto}.image-with-text{width:400px;border:12px solid var(--color-near-black);border-radius:2px;background-color:var(--color-near-black);display:flex;flex-direction:column;box-sizing:border-box;gap:12px;margin:0;padding:0}.image-with-text.text-top{padding-top:0}.image-with-text.no-left-border{border-left:none}.image-with-text.same-height-as-stakeholders .image-with-text-image-container{flex:1;display:flex;align-items:stretch}.image-with-text.same-height-as-stakeholders .image-with-text-image{width:100%;height:100%;object-fit:cover}.image-with-text-text{font-family:var(--font-body);font-size:12px;color:var(--color-white-ish);text-align:center;padding:0;line-height:1.4;white-space:pre-line;box-sizing:border-box}.image-with-text-image-container{width:100%;overflow:hidden;flex-shrink:0}.image-with-text-image{width:100%;height:auto;display:block}.chegg-nav-result-panel{position:relative;width:auto;min-width:800px;height:100%;min-height:600px;background:linear-gradient(180deg,#c4d5ff 56.91%,#ced4e0 80.14%);overflow:hidden;margin-right:0!important;padding-right:0!important}.chegg-nav-oldnav{position:absolute;bottom:32px;left:32px;z-index:1;pointer-events:none;display:block}.chegg-nav-newnav{position:absolute;top:0;bottom:0;z-index:1;pointer-events:none;display:block;height:100%;width:auto}.chegg-nav-result{position:absolute;top:0;bottom:0;z-index:0;pointer-events:none;display:block;height:100%;width:auto}.chegg-nav-panel{position:relative;width:1000px;min-width:1000px;height:100%;min-height:600px;background:linear-gradient(to bottom,var(--color-near-white) 0%,var(--color-white-ish) 200px);background-attachment:local;overflow:hidden}.chegg-nav-andrew{position:absolute;left:0;bottom:0;width:auto;height:auto;z-index:1;pointer-events:none;display:block}.chegg-nav-words{position:absolute;left:0;bottom:0;width:auto;height:auto;z-index:2;opacity:0;transition:opacity .15s ease-out;pointer-events:none;display:block}.chegg-nav-words.visible{opacity:1}.chegg-nav-ambiguous{position:absolute;left:450px;top:32px;width:auto;height:auto;z-index:5;opacity:0;transform:translate(-100%,100%);transition:none;pointer-events:none;display:block;visibility:hidden}.chegg-nav-ambiguous.animate{visibility:visible;opacity:1;animation:jump-in-from-lower-left .8s ease-out forwards}@keyframes jump-in-from-lower-left{0%{transform:translate(-100%,100%);opacity:0}60%{transform:translateY(-20px);opacity:1}80%{transform:translateY(5px)}to{transform:translate(0);opacity:1}}.chegg-nav-bottom-stack{position:absolute;left:600px;bottom:0;z-index:4;pointer-events:none;display:flex;flex-direction:row;gap:0;align-items:flex-end;line-height:0;font-size:0}.chegg-nav-steps-wrapper{flex-shrink:0;display:inline-block;width:fit-content;height:fit-content;margin:0;padding:0;line-height:0;vertical-align:bottom}.chegg-nav-steps{width:auto;height:auto;display:block;margin:0;padding:0;vertical-align:bottom}.chegg-nav-stakeholders{flex-shrink:0;padding:0;line-height:0;margin:0 0 0 -2px}.chegg-nav-stakeholders .image-with-text{border-top-right-radius:0;margin:0}.chegg-nav-stakeholders .image-with-text-text{padding-top:4px}.chegg-nav-user-panel{flex-shrink:0;margin:0;padding:0;line-height:0}.chegg-nav-user-panel .image-with-text{border-top-left-radius:0}.chegg-nav-user-panel .image-with-text-text{padding-top:4px}.chegg-nav-i-discovered{position:absolute;z-index:5;pointer-events:none;display:block;width:auto;height:auto}.chegg-nav-iteration{position:absolute;bottom:0;z-index:4;pointer-events:none;display:block;object-fit:contain;border-left:12px solid var(--color-near-black);border-right:12px solid var(--color-near-black)}.project-card{position:absolute;width:240px;border-radius:2px;overflow:hidden;background-color:transparent;text-decoration:none;display:flex;flex-direction:column;cursor:pointer;box-shadow:0 0 20px #8199e9cc;transform-origin:center;transform:rotate(var(--rotation, 0deg));transition:box-shadow .2s ease-out,transform .3s ease-out,opacity .2s ease-out;opacity:1!important;z-index:1;will-change:transform}.project-card-image{width:100%;overflow:hidden;background-color:transparent}.project-card-image img{width:100%;height:auto;display:block;object-fit:cover}.project-card-image.tall{background-color:var(--color-charcoal);display:flex;align-items:center;justify-content:center;height:140px}.project-card-image.tall img{width:auto;height:140px;object-fit:contain}.project-card-text{padding:8px;background-color:var(--color-near-black);color:var(--color-blue);font-family:var(--font-body);font-size:12px;line-height:1.5;text-transform:uppercase;text-align:center}.project-card.hovered{box-shadow:0 0 40px #8199e9;transform:rotate(var(--rotation, 0deg));opacity:1!important;z-index:10}.project-card.clicked{transform:rotate(var(--rotation, 0deg)) scale(.98)!important;animation:none!important}.project-card.pressed{transform:rotate(var(--rotation, 0deg)) scale(.98)!important}.vortex-travel-effect{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;pointer-events:none;opacity:1;transition:opacity .5s ease-out;overflow:hidden}.vortex-spiral{position:absolute;top:50%;left:50%;width:200vw;height:200vh;transform:translate(-50%,-50%) scale(0);border-radius:50%;opacity:0}.vortex-spiral-1{background:radial-gradient(circle,#1a1a3e,#2d2d5ee8,#4a2c5ea6 60%,#7fb3ff63);animation:vortex-expand-1 6s ease-out forwards}.vortex-spiral-2{background:radial-gradient(circle,#2d2d5e,#7fb3ffa6 40%,#b0d4ff63);animation:vortex-expand-2 6s ease-out .1s forwards}.vortex-spiral-3{background:radial-gradient(circle,rgba(74,44,94,.91) 0%,rgba(127,179,255,.52) 50%,transparent 100%);animation:vortex-expand-3 6s ease-out .2s forwards}@keyframes vortex-expand-1{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:1}to{transform:translate(-50%,-50%) scale(2) rotate(720deg);opacity:.52}}@keyframes vortex-expand-2{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:1}to{transform:translate(-50%,-50%) scale(2.5) rotate(-720deg);opacity:.39}}@keyframes vortex-expand-3{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:.91}to{transform:translate(-50%,-50%) scale(3) rotate(1080deg);opacity:.26}}.vortex-travel-effect.fading{opacity:0}.other-projects-container{position:relative;width:100%;height:100%;min-height:600px;overflow:hidden}.other-projects-words{position:absolute;left:0;bottom:0;width:auto;height:auto;z-index:2;opacity:0;transform:scale(.9);transition:opacity .2s ease-out,transform .2s ease-out;pointer-events:none;display:block}.other-projects-words.visible{opacity:1;transform:scale(1)}.video-controls{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:3;pointer-events:none;opacity:0;transition:opacity .3s ease;overflow:visible}.video-controls.visible{opacity:1}.video-control-btn{background:none;border:none;padding:0;cursor:pointer;pointer-events:auto;opacity:.4;transform-origin:center;transition:opacity .2s ease,transform .1s ease-out;filter:drop-shadow(0 0 0 transparent);overflow:visible}.video-control-btn:hover{opacity:1}.video-control-btn:active,.video-control-btn.active{transform:scale(.95);opacity:1}.droplet-splash{position:absolute;top:50%;left:50%;transform-origin:center;pointer-events:none;z-index:9999!important;animation:dropletEmit .6s ease-out forwards;width:15px;height:21px;opacity:1!important}.droplet-splash svg{width:100%;height:100%;display:block;opacity:1}@keyframes dropletEmit{0%{opacity:1;transform:translate(-50%,-50%) translate(var(--droplet-start-x, 0)) translateY(var(--droplet-start-y, 0)) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translate(var(--droplet-x, 0)) translateY(var(--droplet-y, 0)) scale(.5)}}.video-control-btn svg{display:block}.eightcounts-videos-panel{display:flex;flex-direction:row;align-items:flex-start;gap:32px;padding:32px;height:100%;box-sizing:border-box}.eightcounts-video-label{display:block;font-family:var(--font-anime-ace);font-size:16px;font-weight:700;color:var(--color-white-ish);margin-bottom:12px}.eightcounts-video-wrapper{display:flex;flex-direction:column;flex-shrink:0}.eightcounts-video-wrapper .eightcounts-video-container{position:relative;cursor:pointer}.eightcounts-video-wrapper .eightcounts-video{height:600px;width:auto;display:block}.eightcounts-video-container.eightcounts-video-natural{position:relative;cursor:pointer;flex-shrink:0;align-self:center}.eightcounts-video-natural .eightcounts-video{display:block}.home-page{width:100%}.about-section{position:relative;padding:100px 0 28px;background:linear-gradient(to bottom,var(--color-near-black) 0%,var(--color-near-black) 66%,var(--color-charcoal) 100%);height:auto;overflow:hidden}.alien-planet-bg{position:absolute;bottom:0;left:0;width:100%;height:30%;min-height:200px;z-index:1.5;pointer-events:none;overflow:hidden}.alien-planet-bg img{width:100%;height:100%;display:block;object-fit:fill;object-position:bottom}.about-content{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap}.about-image-group{position:relative;display:flex;align-items:flex-end;gap:0;justify-content:center}@media (max-width: 1024px) and (min-width: 769px){.profile-image{max-width:128px;width:128px}.intro-words{max-width:200px;transform:translate(calc(10% + 165px),calc(-15% + 24px))}.phog-image{max-width:150px;margin-left:-15px}}.about-image{position:relative;flex:0 0 auto}.profile-image{width:100%;max-width:256px;border-radius:2px;display:block}.intro-words{position:absolute;top:0;right:0;transform:translate(calc(20% + 165px),calc(-20% + 24px));max-width:300px;height:auto;z-index:10}.phog-image{position:relative;max-width:225px;height:auto;cursor:pointer;margin-left:-20px;transform:translateY(20px)}@media (max-width: 768px){.about-content{justify-content:center}.profile-image{max-width:128px;width:128px;flex-shrink:0}.intro-words{max-width:150px;transform:translate(calc(20% + 82.5px),calc(-20% + 12px))}.phog-image{max-width:120px;margin-left:-10px}}.bio-page{width:100%;background-color:var(--color-near-white);min-height:100vh}.bio-section{padding:4rem 0;background-color:var(--color-near-white)}.bio-title{text-align:center;margin-bottom:3rem;color:var(--color-near-black)}.bio-row{display:flex;gap:3rem;margin-bottom:4rem;align-items:flex-start;flex-wrap:wrap}.bio-text{flex:1 1 calc(50% - 1.5rem);min-width:300px}.bio-text p{margin-bottom:1.5rem;color:var(--color-near-black)}.bio-text ul{margin-left:1.5rem;margin-bottom:1.5rem}.bio-text li{margin-bottom:.75rem;font-family:var(--font-body);color:var(--color-near-black)}.bio-text a{color:var(--color-slate-blue);text-decoration:underline;text-shadow:0 0 3px white}.bio-image{flex:1 1 calc(50% - 1.5rem);display:flex;justify-content:center}.polaroid{background-color:var(--color-white-ish);padding:1rem 1rem 3rem;border-radius:2px;border:2px solid var(--color-near-black);box-shadow:2px 6px 0 var(--color-charcoal);max-width:100%}.polaroid img{width:100%;height:auto;display:block;border-radius:var(--border-radius);margin-bottom:.5rem}.polaroid p{font-family:var(--font-body);font-size:.9rem;color:var(--color-near-black);text-align:center;margin:0;line-height:1.4}@media (max-width: 768px){.bio-row{flex-direction:column;align-items:center}.bio-text{order:2;text-align:left;flex:0 0 auto}.bio-image{order:1;flex:0 0 auto}.polaroid{max-width:300px}}.project-page{width:100%}.project-page .project-section{padding:4rem 0;background-color:var(--color-near-black);min-height:60vh}.project-page .project-section h1{margin-bottom:2rem;color:var(--color-near-white)}.project-page .project-section p{color:var(--color-near-white);margin-bottom:1rem}.project-page .project-section a{color:var(--color-blue)}:root{--color-near-black: #262629;--color-near-white: #CED4E0;--color-white: #FFFFFF;--color-cream: #F5EFE7;--color-white-ish: #FAFCFF;--color-blue: #8199E9;--color-blue-brighter: #B8C9F4;--color-link-hover: #3160FD;--color-charcoal: #48526B;--color-slate-blue: #4A6BA4;--color-beige: #D4B5A0;--color-coral: #E07856;--color-coral-brighter: #FF8962;--color-golden-flash: #FFC654;--color-green: #49C478;--border-radius: 2px;--font-header: "Bangers", sans-serif;--font-body: "Anime Ace", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{margin:0;padding:0;overflow-x:hidden}a[href^="#"]{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-near-white);background-color:var(--color-near-black);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden;scroll-snap-type:y mandatory}#root{min-height:100vh;display:flex;flex-direction:column}.app{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;width:100%}.main-content{flex:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);color:var(--color-near-white);font-weight:400;letter-spacing:.02em}h1{font-size:3rem;line-height:1.2}h2{font-size:2.5rem;line-height:1.3}h3{font-size:2rem;line-height:1.4}p{font-family:var(--font-body);font-size:1.125rem;line-height:1.6;margin-bottom:1rem}a{color:var(--color-blue);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}button,.btn{font-family:var(--font-body);background-color:var(--color-blue);color:var(--color-near-white);border:2px solid var(--color-blue);border-radius:var(--border-radius);padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:all .2s ease}button:hover,.btn:hover{background-color:transparent;color:var(--color-blue)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.section{padding:4rem 0}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}p{font-size:1rem}}