@import url("https://fonts.googleapis.com/css2?family=Anton&family=Caveat:wght@700&family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600&family=Kaushan+Script&family=Roboto+Mono:wght@400;500&display=swap");:root{--color-off-white:#f8f5ee;--color-surface:#ffffff;--color-brand-blue:#0a376d;--color-accent-yellow:#ffd900;--color-vibrant-green:#ffd900;--color-dark-purple:#3e275c;--color-royal-blue:#0a376d;--color-neon-green:#ffd900;--color-pink:#ff6bbf;--color-text-dark:#10233f;--color-text-muted:rgba(10,55,109,0.68);--color-text-light:#f8f5ee;--color-bg:var(--color-off-white);--color-text:var(--color-text-dark);--font-inter:"Inter",sans-serif;--font-mono:"Roboto Mono",monospace;--font-serif:"Instrument Serif",serif;--font-display:"Anton",sans-serif;--font-handwriting:"Caveat",cursive;--font-artistic:"Kaushan Script",cursive;--grid-color:rgba(10,55,109,0.08);--grid-size:40px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-inter);background-color:var(--color-bg);color:var(--color-text);overflow-x:hidden;transition:background-color .5s ease,color .5s ease;min-height:100vh}@media (hover:hover) and (pointer:fine){[role=button],a,body,button,html,input,select,summary,textarea{cursor:none!important}}.bg-grid{background-image:linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);background-position:top}body[data-theme=board]{--color-bg:var(--color-off-white);--color-text:var(--color-text-dark)}body[data-theme=work]{--color-bg:var(--color-vibrant-green);--color-text:var(--color-text-light);--grid-color:rgba(255,255,255,0.1)}body[data-theme=draw]{--color-bg:var(--color-dark-purple);--color-text:var(--color-text-light);--grid-color:rgba(255,255,255,0.05)}body[data-theme=about]{--color-bg:var(--color-royal-blue);--color-text:var(--color-text-light);--grid-color:rgba(255,255,255,0.05)}.font-serif{font-family:var(--font-serif)}.font-handwriting{font-family:var(--font-handwriting)}.font-inter{font-family:var(--font-inter)}.page-container{min-height:100vh;padding:8rem 0 4rem;position:relative;z-index:1}.interactive-cursor{cursor:none}.header{position:fixed;top:0;left:0;width:100%;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:100;mix-blend-mode:difference;transition:all .3s ease;box-sizing:border-box}.header.scrolled{background-color:transparent;border-bottom:none;padding:1.25rem 2rem}.header-logo a{font-size:2.5rem;color:#fff;text-decoration:none;line-height:1;display:flex;align-items:center}.header-logo-img{height:36px;width:auto;max-width:160px;object-fit:contain;display:block}.nav-link-icon{width:16px;height:16px;object-fit:contain;margin-right:4px;vertical-align:middle;display:inline-block}.header-nav ul{display:flex;gap:2rem;list-style:none}.nav-link{color:#fff;font-family:var(--font-mono);text-decoration:none;font-size:.9rem;font-weight:600;letter-spacing:.1em;position:relative;display:inline-grid;overflow:hidden;line-height:1.15;transition:opacity .3s}.nav-link-layer{grid-area:1/1;display:inline-flex}.nav-link-layer-base{mix-blend-mode:normal}.nav-link-layer-hover{isolation:isolate}.nav-link-text{display:inline-flex}.nav-link-text-base{color:#fff}.nav-link-char,.nav-link-text-static{display:inline-block}.nav-link-char{transition:transform .45s cubic-bezier(.22,1,.36,1),color .3s ease;transition-delay:calc(var(--char-index) * 25ms);will-change:transform}.nav-link-text-hover{color:var(--color-accent-yellow)}.nav-link-text-hover .nav-link-char:nth-child(odd){transform:translateY(-120%)}.nav-link-text-hover .nav-link-char:nth-child(2n){transform:translateY(120%)}.nav-link:focus-visible .nav-link-text-base .nav-link-char:nth-child(odd),.nav-link:hover .nav-link-text-base .nav-link-char:nth-child(odd){transform:translateY(120%)}.nav-link:focus-visible .nav-link-text-base .nav-link-char:nth-child(2n),.nav-link:hover .nav-link-text-base .nav-link-char:nth-child(2n){transform:translateY(-120%)}.nav-link:focus-visible .nav-link-text-hover .nav-link-char,.nav-link:hover .nav-link-text-hover .nav-link-char{transform:translateY(0)}.nav-link:focus-visible,.nav-link:hover{opacity:1}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:var(--color-accent-yellow)}.header.mobile-open,.header.nav-hovered{mix-blend-mode:normal}.header.nav-hovered .header-logo a,.header.nav-hovered .nav-link-text-base{color:var(--color-brand-blue)}.nav-item{position:relative}.nav-link-arrow{position:absolute;right:-14px;top:50%;transform:translateY(-50%);font-size:.65em;opacity:.6;transition:transform .2s;line-height:1}.nav-item:hover .nav-link-arrow{transform:translateY(-50%) rotate(180deg)}.nav-dropdown:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}.nav-dropdown{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);min-width:180px;background:rgba(10,55,109,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px;display:flex;flex-direction:column;z-index:120;animation:dropdownIn .2s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateX(-50%) translateY(-6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.nav-dropdown-item{display:block;padding:8px 14px;font-size:.8rem;font-weight:500;color:rgba(255,255,255,.75);text-decoration:none;border-radius:6px;transition:all .15s;white-space:nowrap;letter-spacing:.03em}.nav-dropdown-item:hover{background:rgba(255,255,255,.1);color:#fff}.nav-dropdown-item.active{color:var(--color-neon-green,#ffd900)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;z-index:101;padding:10px}.burger-line{width:25px;height:2px;background-color:var(--color-brand-blue);margin:6px 0;transition:all .3s ease;border-radius:2px}.burger-line.open:first-child{transform:translateY(8px) rotate(45deg)}.burger-line.open:nth-child(2){opacity:0}.burger-line.open:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(10,55,109,.92);z-index:95;justify-content:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-nav ul,.mobile-overlay{display:flex;align-items:center}.mobile-nav ul{list-style:none;flex-direction:column;gap:2.5rem}.mobile-nav .nav-link{color:var(--color-off-white);font-size:1.5rem;font-weight:500;letter-spacing:0;overflow:visible;display:inline-block;mix-blend-mode:normal}.mobile-nav .nav-link.active:after{background-color:var(--color-accent-yellow);height:3px;bottom:-6px}.mobile-nav-sub{list-style:none;display:flex;flex-direction:column;gap:.8rem;margin-top:.8rem;padding-left:1.5rem;border-left:2px solid rgba(255,255,255,.15)}.mobile-nav .nav-link-sub{font-size:1.1rem;opacity:.7}.mobile-nav .nav-link-sub.active,.mobile-nav .nav-link-sub:hover{opacity:1}@media (max-width:768px){.header-nav{display:none}.mobile-menu-btn{display:block}}.footer{position:fixed;bottom:0;left:0;width:100%;padding:1.5rem 2.25rem;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));align-items:center;justify-items:center;grid-column-gap:1rem;column-gap:1rem;z-index:100;pointer-events:none;font-family:monospace;font-size:.85rem;letter-spacing:.05em;mix-blend-mode:normal;color:var(--color-brand-blue)}.footer-slogan,.footer-status,.footer-time{white-space:nowrap;line-height:1;align-self:center}.footer-status{justify-self:start;text-transform:none}.footer-slogan{justify-self:center}.footer-time{justify-self:end}.dot,.footer-dot-desktop{display:block}.dot{width:12px;height:12px;border-radius:50%;animation:none;align-self:center;justify-self:center;flex-shrink:0}@media (max-width:768px){.footer{padding:1rem;font-size:.65rem;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:.5rem}.footer-status{grid-column:3;display:flex;align-items:center;justify-self:center}.footer>:nth-child(3),.footer>:nth-child(4),.footer>:nth-child(5),.footer>:nth-child(8){display:none}.footer>:nth-child(2){grid-column:3}.footer-dot{align-self:center;justify-self:center}.footer-dot-mobile{display:flex;align-items:center;justify-content:center;height:100%}.footer-dot-desktop,.footer-slogan,.footer-time{display:none}.footer-dot-mobile-1{grid-column:1}.footer-dot-mobile-2{grid-column:2}.footer-dot-mobile-3{grid-column:4}.footer-dot-mobile-4{grid-column:5}}.custom-cursor{position:fixed;width:0;height:0;pointer-events:none;z-index:1000;opacity:0;transition:opacity .18s ease}.custom-cursor.is-visible{opacity:1}.custom-cursor-shape{position:relative;width:20px;height:20px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.08);box-shadow:none;-webkit-backdrop-filter:invert(1) grayscale(1) contrast(1.4);backdrop-filter:invert(1) grayscale(1) contrast(1.4);border:1px solid rgba(255,255,255,.2);mix-blend-mode:normal;transition:width .28s ease,height .28s ease,border-radius .28s ease,background-color .28s ease,backdrop-filter .28s ease,-webkit-backdrop-filter .28s ease,border-color .28s ease,box-shadow .28s ease}.custom-cursor-shape--contrast{width:18px;height:18px;background:rgba(251,63,170,.08);-webkit-backdrop-filter:invert(1) hue-rotate(320deg) saturate(1.8) contrast(1.35);backdrop-filter:invert(1) hue-rotate(320deg) saturate(1.8) contrast(1.35);border-color:rgba(251,63,170,.3);mix-blend-mode:normal;box-shadow:none}.custom-cursor-label{position:relative;z-index:1;opacity:0;transition:opacity .18s ease;white-space:nowrap}.custom-cursor-shape--tap{width:96px;height:96px;border:4px solid #2cc84d;background:rgba(255,252,227,.92);border-radius:999px;-webkit-backdrop-filter:none;backdrop-filter:none;mix-blend-mode:normal;box-shadow:0 18px 30px rgba(44,200,77,.18);animation:customCursorTapPulse .8s cubic-bezier(.22,1,.36,1) forwards}.custom-cursor-shape--tap .custom-cursor-label{opacity:1;font-family:var(--font-mono);font-size:1.8rem;font-style:italic;color:#2f49f5}.custom-cursor-shape--click{width:88px;height:88px;border-radius:22px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;mix-blend-mode:normal;overflow:visible}.custom-cursor-shape--click .custom-cursor-label{opacity:1;font-family:var(--font-mono);font-size:1.05rem;color:var(--color-brand-blue)}.custom-cursor-shape--click:before{content:"";position:absolute;inset:10px;border-radius:18px;background:#fb8efa;box-shadow:0 18px 34px rgba(251,142,250,.32);transform-origin:center;will-change:transform;animation:customCursorClickLoop 2.2s ease-in-out infinite alternate}@keyframes customCursorTapPulse{0%{transform:scale(.35)}to{transform:scale(1)}}@keyframes customCursorClickLoop{0%{transform:rotate(0deg) scale(1.18)}to{transform:rotate(45deg) scale(.92)}}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-slides-offset-before);margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{-webkit-margin-end:var(--swiper-slides-offset-after);margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-slides-offset-before);margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{-webkit-margin-after:var(--swiper-slides-offset-after);margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,0))}}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border-radius:50%;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top:4px solid transparent}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}