*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--white:#ffffff;--off-white:#f3f1ee;--off-off-white:#c4c2c0;--grey:#9b9a9a;--dark-grey:#434343;--dark-background:#242526;--ink:#1a1a1a;--muted:#888;--border:rgba(0,0,0,0.08);--light-border:rgba(255,255,255,0.08);--header-h:52px}body,html{min-height:100%;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;background:var(--off-white);color:var(--ink);font-family:Figtree,sans-serif;font-weight:300}.bg-gif{position:fixed;inset:0;z-index:0}.bg-gif,.bg-gif img{width:100%;height:100%}.bg-gif img{object-fit:cover;object-position:center;display:block}header{position:fixed;top:0;left:0;right:0;height:var(--header-h);background:rgba(247,245,242,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:1000}.header-logo{font-size:1rem;text-decoration:none;letter-spacing:.01em;opacity:0;animation:fadeUp .6s ease .1s forwards}.header-logo,.header-logo:hover{color:var(--ink)}.header-title{text-align:center;font-size:.9rem;text-decoration:none;color:var(--muted);letter-spacing:.1em;opacity:0;animation:fadeUp .6s ease .2s forwards}nav{display:flex;align-items:center;gap:2rem}nav a{font-family:Figtree,sans-serif;font-size:.8rem;font-weight:300;letter-spacing:.08em;text-transform:lowercase;color:var(--dark-grey);text-decoration:none;transition:color .2s;opacity:0;animation:fadeUp .6s ease forwards}nav a:first-child{animation-delay:.15s}nav a:nth-child(2){animation-delay:.22s}nav a:nth-child(3){animation-delay:.29s}nav a:nth-child(4){animation-delay:.36s}nav a:hover{color:var(--ink)}nav button.theme-toggle{font-family:Figtree,sans-serif;font-size:.8rem;font-weight:300;letter-spacing:.08em;color:var(--dark-grey);background:none;border:none;padding:0;cursor:pointer;opacity:0;animation:fadeUp .6s ease forwards;animation-delay:.43s}nav button.theme-toggle:focus{outline:none}main{min-height:100vh;padding-top:var(--header-h);display:grid;grid-template-columns:1fr 1fr;gap:0}.left{display:flex;flex-direction:column;justify-content:center;padding:3rem 3rem 3rem 4rem;opacity:0;animation:fadeUp .7s ease .3s forwards}.eyebrow{font-family:retro,sans-serif;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}h1{font-family:gloudy;font-size:clamp(3rem,4vw,5rem);line-height:1.1;color:var(--ink);margin-bottom:.5rem}.subtitle,h1{font-weight:300}.subtitle{font-family:Figtree,serif;font-size:clamp(1rem,1.1vw,1.25rem);color:var(--muted);margin-bottom:2.5rem;letter-spacing:.02em}.links-list{list-style:none;display:flex;flex-direction:column;gap:0}.links-list li{border-top:1px solid var(--border)}.links-list li:last-child{border-bottom:1px solid var(--border)}.links-list a{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;font-family:Figtree,serif;font-size:clamp(.85rem,.85vw,.85rem);font-weight:100;color:var(--ink);text-decoration:none;transition:color .2s,padding-left .2s}.links-list a:hover{color:var(--muted);padding-left:.5rem}.links-list a .arrow{font-size:.75rem;opacity:0;transition:opacity .2s}.links-list a:hover .arrow{opacity:1}.tag{font-family:retro;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--border);padding:2px 6px;border-radius:2px}.footer-strip{font-family:Figtree,sans-serif;position:fixed;bottom:0;left:0;right:0;height:32px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.65rem;letter-spacing:.12em;color:var(--dark-grey);background:rgba(247,245,242,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border);z-index:1000}.mobile-popup{display:none;position:fixed;bottom:40px;left:50%;transform:translateX(-50%);width:min(90vw,380px);background:rgba(255,255,255,.85);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);border:1px solid var(--border);border-radius:8px;padding:1.1rem 1.25rem;z-index:200;box-shadow:0 8px 32px rgba(0,0,0,.1);animation:slideUp .4s ease forwards}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(12px)}}.mobile-popup.hiding{animation:fadeOut .4s ease forwards}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.popup-title{font-family:retro;font-size:1rem;font-weight:400}.popup-close{background:none;border:1px solid var(--border);border-radius:4px;font-family:retro;font-size:.7rem;letter-spacing:.08em;color:var(--muted);cursor:pointer;padding:3px 10px;transition:color .2s,border-color .2s}.popup-close:hover{color:var(--ink);border-color:var(--ink)}.popup-body p{font-family:retro;font-size:.78rem;font-weight:300;color:var(--muted);line-height:1.6}.end-of-page{text-align:center;margin-top:0;margin-bottom:10px;opacity:0;animation:fadeUp .6s ease .45s forwards}.end-of-page a{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){nav{display:none}.hamburger{display:flex}}@media (max-width:768px){body,html{overflow:auto;height:auto}main{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;min-height:unset;padding-top:var(--header-h);padding-bottom:40px}.left{padding:2rem 1.5rem 3rem;order:1}.header-title{font-size:.75rem}.right{order:0;height:55vw;min-height:200px;max-height:340px}.gradient-blob{inset:0;border-radius:0}nav{display:none}}@media (max-width:480px){.header-title{font-size:.6rem}}@font-face{font-family:retro;src:url(/assets/fonts/Retro-Gaming.ttf) format("truetype")}.retro-text{font-family:retro}@font-face{font-family:bmspa;src:url(/assets/fonts/BMSPA___.TTF) format("truetype")}.bmspa-text{font-family:bmspa}@font-face{font-family:"04b03";src:url(/assets/fonts/04B_03__.TTF) format("truetype")}.b03-text{font-family:"04b03"}@font-face{font-family:blacksignature;src:url(/assets/fonts/BlackSignature.otf) format("opentype")}.blacksignature-text{font-family:blacksignature}@font-face{font-family:mondwest;src:url(/assets/fonts/ppmondwest-regular.otf) format("opentype")}.mondwest-text{font-family:mondwest}@font-face{font-family:gloudy;src:url(/assets/fonts/GloudyPixel-Regular.otf) format("opentype")}.gloudy-text{font-family:gloudy}header .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none;opacity:0;animation:fadeUp .6s ease .36s forwards}header .hamburger span{display:block;width:22px;height:1.5px;background:var(--ink);transition:.3s}.mobile-drawer{display:none;position:fixed;top:0;right:0;width:70vw;max-width:280px;height:100vh;background:var(--white);border-left:1px solid var(--border);padding:5rem 2rem 2rem;flex-direction:column;gap:1.5rem;z-index:1000;transform:translateX(100%);transition:transform .3s ease}.mobile-drawer.open{transform:translateX(0)}.mobile-drawer a{font-family:Figtree,sans-serif;font-size:1.2rem;color:var(--ink);text-decoration:none}.mobile-drawer a:hover{color:var(--ink)}.drawer-scrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.2);z-index:900}@media (max-width:1024px){.mobile-drawer,header .hamburger{display:flex}.drawer-scrim{display:block;visibility:hidden}.drawer-scrim.active{visibility:visible}}main.about-layout{height:100vh;padding-top:var(--header-h);display:grid;grid-template-columns:1fr 1fr;gap:0}main.about-layout a{text-decoration:none;color:var(--ink)}main.about-layout a:hover{color:var(--ink)}main.about-layout .left{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,3vw,3rem) clamp(2rem,3vw,3rem) clamp(2rem,3vw,3rem) clamp(2.5rem,4vw,4rem);opacity:0;animation:fadeUp .7s ease .3s forwards}main.about-layout .eyebrow{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}main.about-layout h1{font-size:clamp(3rem,4vw,5rem);font-weight:400;line-height:1.1;color:var(--ink);margin-bottom:.5rem}main.about-layout .subtitle{font-size:clamp(.95rem,.8vw,1.25rem);font-weight:300;color:var(--muted);margin-bottom:2.5rem;letter-spacing:.02em}main.about-layout .right{position:relative;overflow:hidden;opacity:0;animation:fadeIn .9s ease .5s forwards}.image-figure,main.about-layout .right{display:flex;align-items:center;justify-content:center}.image-figure{flex-direction:column;height:100%;width:100%;padding:3rem 3rem 2.5rem;gap:.5rem}.image-figure img{max-width:100%;max-height:calc(100% - 2rem);width:auto;height:auto;object-fit:contain;flex-shrink:1}.image-figure figcaption{font-family:retro,sans-serif;font-size:clamp(.4rem,.5vw,.55rem);letter-spacing:.1em;color:var(--muted);opacity:.7;text-align:center;flex-shrink:0}.image-figure figcaption a{text-decoration:none;color:var(--ink)}@media (max-width:1024px){main.about-layout{overflow:auto;height:auto;grid-template-columns:1fr;grid-template-rows:auto auto;min-height:unset;padding-bottom:40px}main.about-layout .left{padding:clamp(1.5rem,4vw,3rem) clamp(1.5rem,5vw,3rem) clamp(2rem,4vw,3rem);order:1;justify-content:flex-start}main.about-layout .right{order:0;height:auto}.image-figure{height:auto;padding:1.5rem .5rem .5rem}.image-figure img{width:100%;height:auto;max-height:40vw;object-fit:contain;object-position:center bottom}.image-figure figcaption{margin-bottom:.25rem}}@media (max-width:480px){main.about-layout .left{padding:1.5rem 1.25rem 2.5rem}main.about-layout .eyebrow{font-size:.6rem;margin-bottom:.6rem}main.about-layout .subtitle{font-size:clamp(.75rem,.75vw,.95rem);margin-bottom:1.5rem}main.about-layout h1{font-size:clamp(2rem,3vw,4rem)}.image-figure img{width:100%;height:auto;max-height:70vw;object-fit:contain;object-position:center bottom}}.explore-page{overflow:auto;min-height:100vh}.explore-wrap{max-width:1100px;margin:0 auto;padding:calc(var(--header-h) + 3rem) 2.5rem 4rem}.page-header{margin-bottom:2.5rem;opacity:0;animation:fadeUp .6s ease .15s forwards}.page-header h1{font-size:clamp(3rem,4vw,5.5rem);font-weight:400;line-height:1;color:var(--ink);margin-bottom:.35rem}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem;opacity:0;animation:fadeUp .6s ease .25s forwards}.filter-btn{font-family:Figtree,sans-serif;font-size:.65rem;font-weight:300;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:none;border:1px solid var(--border);border-radius:2px;padding:4px 12px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.filter-btn.active,.filter-btn:hover{color:var(--ink);border-color:var(--ink);background:rgba(0,0,0,.03)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;opacity:0;animation:fadeUp .7s ease .35s forwards}.project-card{background:var(--off-white);padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:1rem;text-decoration:none;color:inherit;transition:background .2s;min-height:200px;position:relative;overflow:hidden;border:1px solid var(--border)}.project-card:after{content:"→";position:absolute;bottom:1.25rem;right:1.25rem;font-size:.8rem;color:var(--muted);opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s}.project-card:hover{background:var(--white)}.project-card:hover:after{opacity:1;transform:translateX(0)}.project-card.hidden{display:none}.card-name{font-family:retro;font-size:.85rem;font-weight:300;color:var(--ink);line-height:1.3;flex:1 1}.card-tags{display:flex;flex-wrap:wrap;gap:.35rem}.card-tag{font-family:retro,monospace;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--border);padding:2px 6px;border-radius:2px}.project-card--coming-soon{cursor:default;pointer-events:none;opacity:.45;border-style:dashed}.project-card--coming-soon .card-name{color:var(--muted)}.card-tag--coming-soon{color:var(--muted);background:transparent;border:1px dashed var(--border)}@media (max-width:768px){.explore-wrap{padding:calc(var(--header-h) + 2rem) 1.25rem 4rem}.project-grid{grid-template-columns:repeat(2,1fr)}.project-card{min-height:160px;padding:1.25rem 1rem}}@media (max-width:480px){.project-grid{grid-template-columns:1fr}}main.art-layout{display:block;padding:calc(var(--header-h) + 2rem) 50px 80px;min-height:100vh}.grid{max-width:1200px;margin:0 auto}.grid:after{content:"";display:block;clear:both}.grid-item{width:30%;margin:10px;float:left;cursor:pointer}.grid-item img{width:100%;display:block;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.grid-item:hover img{transform:scale(1.02);box-shadow:0 8px 24px rgba(0,0,0,.15)}@media (max-width:900px){.grid-item{width:45%}}@media (max-width:500px){.grid-item{width:100%}main.art-layout{padding:calc(var(--header-h) + 1rem) 1rem 80px}}#lightbox{display:flex;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);align-items:center;justify-content:center;cursor:zoom-out;opacity:0;pointer-events:none;transition:opacity .25s ease}#lightbox.active{opacity:1;pointer-events:auto}#lightbox-img{max-width:min(90vw,1000px);max-height:90vh;object-fit:contain;border-radius:6px;box-shadow:0 24px 80px rgba(0,0,0,.6);transition:opacity .25s ease;cursor:default}body.dark,body.dark #main,body.dark main,html.dark{background-color:var(--dark-background)}body.dark main a{color:var(--off-white)}body.dark h1,body.dark h3,body.dark h4{color:var(--white)}body.dark .eyebrow,body.dark .subtitle{color:var(--off-off-white)}body.dark .filter-btn{color:var(--off-white);border:1px solid var(--light-border)}body.dark .filter-btn.active,body.dark .filter-btn:hover{color:var(--white);border-color:var(--off-off-white);background:var(--dark-grey)}body.dark .project-card{background:var(--dark-background);border:1px solid var(--light-border)}body.dark .project-card:after{color:var(--off-off-white)}body.dark .project-card:hover{background:var(--ink)}body.dark .card-name{color:var(--off-white)}body.dark .card-tag{background:var(--light-border)}body.dark .card-tag,body.dark .links-list a{color:var(--off-off-white)}body.dark .links-list a:hover{color:var(--white)}body.dark .links-list li{border-top:1px solid var(--light-border)}body.dark .links-list li:last-child{border-bottom:1px solid var(--light-border)}body.dark header{z-index:200;background:rgba(18,18,20,.55)!important;border-bottom-color:rgba(255,255,255,.08)!important}body.dark header .header-logo,body.dark header nav a,body.dark header nav button.theme-toggle{color:var(--muted)}body.dark header .header-logo:hover,body.dark header nav a:hover,body.dark header nav button.theme-toggle:hover{color:var(--white)}body.dark .hamburger span{background:rgba(200,200,205,.75)}body.dark .mobile-drawer{background:rgba(18,18,20)!important;border-left-color:rgba(255,255,255,.08)!important;z-index:300!important}body.dark .mobile-drawer a{color:rgba(200,200,205)!important}body.dark .mobile-drawer a:hover{color:var(--white)!important}body.dark .drawer-scrim{z-index:250!important}body.dark .footer-strip{background:rgba(18,18,20,.55)!important;border-top-color:rgba(255,255,255,.08)!important;color:rgba(200,200,205,.5)}body.dark .mobile-popup{background:rgba(18,18,20,.85);border-color:rgba(255,255,255,.08);box-shadow:0 8px 32px rgba(0,0,0,.4);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}body.dark .popup-title{color:var(--off-white)}body.dark .popup-close{border-color:rgba(255,255,255,.08);color:var(--muted)}body.dark .popup-close:hover{color:var(--white);border-color:rgba(255,255,255,.3)}body.dark .image-figure figcaption,body.dark .popup-body p{color:var(--muted)}body.dark .image-figure figcaption a,body.dark .subtitle a{color:var(--white)}