@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background-color:#f6f3c2}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}.canvas-container{width:100vw;height:100vh;position:fixed;top:0;left:0}html{scrollbar-width:thin;scrollbar-color:#21484B #F6F3C2}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:#f6f3c2}body::-webkit-scrollbar-thumb{background:#21484b;border:2px solid #F6F3C2;border-radius:8px}body::-webkit-scrollbar-thumb:hover{background:#e37434}.intro-text{position:fixed;top:12%;left:0;right:0;text-align:center;pointer-events:none;z-index:10}.intro-text h1{font-family:Space Grotesk,system-ui,sans-serif;font-size:4rem;font-weight:700;margin:0;letter-spacing:-.02em}.intro-subtitle{position:fixed;bottom:12%;left:0;right:0;text-align:center;z-index:10;font-family:Space Grotesk,system-ui,sans-serif;font-size:1.25rem;color:#21484b;font-weight:500}.arrow-button-container{position:fixed;top:50%;transform:translateY(-50%);z-index:20;opacity:0;transition:opacity .5s ease;pointer-events:none}.arrow-button-container.right{right:2rem}.arrow-button-container.left{left:2rem}.arrow-button-container.visible{opacity:1;pointer-events:auto}.arrow-button-container.hidden{opacity:0;pointer-events:none}.about-panel{position:fixed;top:50%;left:50%;width:calc(100vw - 112px - 6rem);max-width:780px;z-index:100;transform:translate(100vw,-50%);transition:transform .7s cubic-bezier(.4,0,.2,1);pointer-events:none}.about-panel.open{transform:translate(-50%,-50%);pointer-events:auto}@media(max-width:900px){.about-panel{width:calc(100vw - 112px - 5rem)}}@media(max-width:600px){.about-panel{width:calc(100vw - 112px - 3rem)}}.card-wrapper{width:100%}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100vw);opacity:0}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100vw);opacity:0}}@keyframes slideInLeft{0%{transform:translate(-100vw);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100vw);opacity:0}to{transform:translate(0);opacity:1}}.card-wrapper.slide-out-left{animation:slideOutLeft .5s ease-in-out forwards}.card-wrapper.slide-out-right{animation:slideOutRight .5s ease-in-out forwards}.card-wrapper.slide-in-left{animation:slideInLeft .5s ease-in-out forwards}.card-wrapper.slide-in-right{animation:slideInRight .5s ease-in-out forwards}.about-card{width:100%;background:#fff}.about-text{font-family:Space Grotesk,system-ui,sans-serif;font-size:1rem;line-height:1.75;color:#2f5f63;margin-bottom:1rem}.about-text:last-of-type{margin-bottom:0}.bento-popout-content::-webkit-scrollbar{width:8px}.bento-popout-content::-webkit-scrollbar-track{background:transparent}.bento-popout-content::-webkit-scrollbar-thumb{background:#21484b4d;border-radius:4px}.bento-popout-content::-webkit-scrollbar-thumb:hover{background:#21484b80}.timeline-container{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0}.timeline-section{position:relative}.timeline-section-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border:2px solid;border-radius:0;cursor:pointer;transition:all .3s ease;font-family:Space Grotesk,system-ui,sans-serif}.timeline-section-header:hover{transform:translate(-2px,-2px)}.timeline-section-marker{width:14px;height:14px;min-width:14px;border:2px solid;border-radius:50%;position:relative}.timeline-section-marker:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:#f6f3c2;border-radius:50%}.timeline-section-title{flex:1;font-size:1.05rem;font-weight:700;margin:0}.timeline-section-body{overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;border-left:2px solid;margin-left:7px;margin-top:.5rem}.timeline-section-items{padding:1rem 0 1rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem}.timeline-bullet{position:relative;padding-left:1.5rem}.timeline-bullet:before{content:"";position:absolute;left:0;top:.5rem;width:8px;height:8px;background-color:#2f5f63;border:2px solid #2F5F63;border-radius:50%}.timeline-bullet-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.5rem;font-family:Space Grotesk,system-ui,sans-serif}.timeline-bullet-title{font-size:.95rem;font-weight:600;color:#21484b;margin:0}.timeline-bullet-year{font-size:.85rem;color:#2f5f63;opacity:.7;font-weight:500}.timeline-bullet-content{font-family:Space Grotesk,system-ui,sans-serif;font-size:.95rem;line-height:1.75;color:#2f5f63;padding-left:0}@keyframes popIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes popFromOrigin{0%{opacity:.8;transform:translate(var(--origin-x),var(--origin-y)) scale(var(--scale-start))}to{opacity:1;transform:translate(0) scale(1)}}@keyframes popOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--origin-x),var(--origin-y)) scale(var(--scale-start))}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bento-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#c8c8c8bf;z-index:999;animation:fadeIn .2s ease-out}.social-links{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;align-items:center;justify-content:center;z-index:20}.social-name{font-family:Space Grotesk,system-ui,sans-serif;font-size:1.1rem;opacity:.7;font-weight:400;color:#21484b;letter-spacing:.02em}.social-divider{width:1px;height:20px;background-color:#21484b;opacity:.5}.social-link{color:#21484b;transition:all .3s ease;display:flex;align-items:center;justify-content:center;opacity:.8}.social-link:hover{opacity:1;transform:translateY(-2px)}.social-link:active{transform:translateY(0)}.keyboard-indicator{position:fixed;bottom:9rem;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:.35rem;opacity:0;transition:opacity .5s ease;pointer-events:none}.keyboard-indicator.visible{opacity:.7}.keyboard-indicator.hidden{opacity:0}.keyboard-row{display:flex;gap:.35rem;align-items:center}.keyboard-arrow{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:#21484b1a;border:2px solid #21484B;border-radius:4px;color:#21484b}.keyboard-arrow.right{animation:blinkArrow 1.2s ease-in-out infinite}@keyframes blinkArrow{0%,to{opacity:1;background-color:#21484b1a;border-color:#21484b}50%{opacity:.5;background-color:#21484b4d;border-color:#4b9da9}}@media(max-width:900px){.intro-text h1{font-size:3rem}.intro-subtitle{font-size:1.1rem}.social-links{bottom:1.5rem;gap:.75rem}.social-name{font-size:1rem}.arrow-button-container.right{right:1rem}.arrow-button-container.left{left:1rem}}@media(max-width:768px){.intro-text{top:8%}.intro-text h1{font-size:2.25rem;padding:0 1rem}.intro-subtitle{bottom:15%;font-size:.95rem;padding:0 1rem}.intro-subtitle p{font-size:.9rem}.about-panel{width:calc(100vw - 2rem);max-width:none;padding:0 .5rem}.arrow-button-container.right{right:.5rem;top:auto;bottom:6rem;transform:none}.arrow-button-container.left{left:.5rem;top:auto;bottom:6rem;transform:none}.social-links{bottom:1rem;gap:.5rem;flex-wrap:wrap;justify-content:center;padding:0 1rem}.social-name{font-size:.9rem;width:100%;text-align:center;margin-bottom:.25rem}.social-divider{display:none}.keyboard-indicator{display:none!important}.timeline-section-header{padding:.75rem 1rem;font-size:.9rem}.timeline-section-title{font-size:.95rem}.timeline-bullet-header{flex-direction:column;align-items:flex-start;gap:.25rem}.timeline-bullet-title{font-size:.9rem}.timeline-bullet-content{font-size:.85rem}}@media(max-width:480px){.intro-text{top:6%}.intro-text h1{font-size:1.75rem}.intro-subtitle{bottom:18%;font-size:.85rem}.intro-subtitle p{font-size:.8rem}.about-panel{width:calc(100vw - 1rem);padding:0 .25rem}.arrow-button-container.right,.arrow-button-container.left{bottom:5rem}.social-links{bottom:.75rem}.social-name{font-size:.85rem}.social-link svg{width:24px;height:24px}}@media(hover:none)and (pointer:coarse){.arrow-button-container button{min-width:48px;min-height:48px}.social-link{padding:.5rem}.timeline-section-header:hover{transform:none}}@media(max-width:768px){body.panel-open{overflow:hidden}}@media(max-width:480px){.about-text{font-size:.9rem;line-height:1.65}}@media(max-width:768px){.bento-overlay{background-color:#c8c8c8d9}.bento-popout-content{max-height:75vh!important}}@media(max-width:768px){.about-panel:after{content:"";display:none}}