@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;500;600;700;800&family=Just+Me+Again+Down+Here&family=Fragment+Mono&family=Inter:wght@400;600;800;900&family=Silkscreen&display=swap";:root{--bg-color:#f6f7f8;--grid-color:#0000000a;--text-main:#111;--cyan:#22d3ee;--green-pastel:#86efac;--yellow-pastel:#fde047;--orange-pastel:#fcd34d;--pink-pastel:#f43f5e;--font-sans:"DM Sans", "Inter", sans-serif;--font-display:"Bebas Neue", "Inter", sans-serif;--font-mono:"Fragment Mono", monospace;--font-hand:"Just Me Again Down Here", cursive;--font-blocky:"Silkscreen", monospace}*{box-sizing:border-box;margin:0;padding:0;cursor:none!important}body{font-family:var(--font-mono);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-position:top;background-size:50px 50px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative}.wave-divider{width:100%;margin:0;line-height:0;overflow:hidden}.wave-divider svg{width:100%;height:80px}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-scroll-container]{will-change:transform}.lenis.lenis-stopped{overflow:hidden}.navbar-top{z-index:50;width:100%;height:60px;font-family:var(--font-sans);background-color:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;display:flex;position:fixed;top:0;left:0}.nav-left{align-items:center;height:100%;display:flex}.nav-logo{letter-spacing:-.05em;border-right:1px solid #e5e5e5;align-items:center;height:100%;padding:0 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.logo-text{background:linear-gradient(90deg,#a855f7,#22d3ee,#22c55e,#eab308);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-menu{height:100%;display:flex}.nav-item{border-right:1px solid #e5e5e5;align-items:center;gap:.5rem;height:100%;padding:0 1.5rem;transition:background-color .2s;display:flex}.nav-item.active{background-color:var(--cyan);color:#000}.nav-item:hover:not(.active){background-color:#f8fafc}.nav-right{align-items:center;height:100%;display:flex}.nav-user-initials{background:#f1f5f9;border-left:1px solid #e5e5e5;align-items:center;height:100%;padding:0 1.5rem;font-weight:700;display:flex}.nav-contact-btn{border-left:1px solid #e5e5e5;align-items:center;gap:.5rem;height:100%;padding:0 1.5rem;transition:background-color .2s;display:flex}.nav-contact-btn:hover{background-color:#f8fafc}@media (width<=768px){.navbar-top{-ms-overflow-style:none;scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.navbar-top::-webkit-scrollbar{display:none}.nav-left{width:auto}.nav-menu{flex-shrink:0}.nav-item{white-space:nowrap;padding:0 1rem}.nav-logo{flex-shrink:0;padding:0 1rem}.nav-right{flex-shrink:0}.nav-user-initials{display:none}}.footer-section{border-top:none;width:100%;padding:0;position:relative}.lets-talk-container{background-color:#0000;width:100%;padding:8rem 4rem;position:relative;overflow:hidden}.lets-talk-invert-cursor{pointer-events:none;z-index:10;mix-blend-mode:difference;background-color:#fff;width:350px;height:350px;margin-top:-175px;margin-left:-175px;position:absolute}.lets-talk-content{z-index:5;justify-content:center;align-items:center;gap:6rem;max-width:1200px;margin:0 auto;display:flex;position:relative}.clover-face-wrapper{flex-shrink:0;width:450px;height:450px;margin-left:-40px;position:relative}.clover-shape{width:100%;height:100%;position:absolute;top:0;left:0}.clover-shape svg{width:100%;height:100%}.clover-eyes{z-index:2;gap:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clover-eye{background:0 0;border-radius:20px;justify-content:center;align-items:center;width:25px;height:55px;display:flex}.clover-pupil{background:#111;border-radius:20px;width:25px;height:55px;transition:transform .1s ease-out}.lets-talk-text-area{max-width:500px}.lets-talk-title{font-family:var(--font-blocky);color:#111;white-space:nowrap;margin-bottom:1.5rem;font-size:clamp(4rem,8vw,6.5rem);line-height:1}.lets-talk-desc{font-family:var(--font-sans);color:#111;font-size:1.15rem;line-height:1.6}.contact-section-wrapper{background-color:#cb8939;background-image:url(/assets/contact_me_background-9jxMhn5N.jpeg);background-position:50%;background-size:cover;border-top:2px solid #111;border-bottom:2px solid #111;border-radius:40px;justify-content:center;align-items:center;width:calc(100% - 4rem);margin:0 2rem;padding:12rem 2rem;display:flex}.contact-center-block{background:0 0;border:2px solid #111;align-items:stretch;display:flex}.contact-main-button{background:var(--cyan);width:100%;max-width:700px;font-family:var(--font-blocky);color:#111;cursor:pointer;border-left:2px solid #111;border-right:2px solid #111;justify-content:center;align-items:center;padding:1rem 6rem;font-size:clamp(2rem,2vw,5rem);text-decoration:none;transition:all .3s;display:flex}.contact-main-button:hover{color:var(--cyan);background:#111}.contact-spin-box{background:var(--pink-pastel);aspect-ratio:1;justify-content:center;align-items:center;height:100%;min-height:100px;display:flex}.contact-chevron{background-image:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M20 20 L50 50 L20 80 M50 20 L80 50 L50 80\" fill=\"none\" stroke=\"%23eab308\" stroke-width=\"15\" stroke-linejoin=\"miter\"/></svg>");background-position:50%;background-repeat:no-repeat;background-size:contain;width:50px;height:50px}.footer-bottom{justify-content:space-between;align-items:flex-end;padding:4rem 2rem 2rem;display:flex}.footer-bottom-left h3{font-family:var(--font-sans);text-transform:uppercase;margin-bottom:.4rem;font-size:1.4rem;font-weight:800}.footer-bottom-left p{font-family:var(--font-mono);color:#666;font-size:.85rem}.footer-links{gap:1.5rem;display:flex}.footer-links a{font-family:var(--font-mono);text-underline-offset:4px;font-size:.95rem;font-weight:600;text-decoration:underline;text-decoration-thickness:2px}.footer-links a:hover{color:var(--cyan)}@media (width<=900px){.lets-talk-content{text-align:center;flex-direction:column;gap:3rem}.lets-talk-title{white-space:normal;word-break:break-word;font-size:clamp(3rem,10vw,4rem)}.contact-main-button{padding:1rem 2rem;font-size:2.5rem}.contact-spin-box{width:60px}.contact-chevron{width:30px;height:30px}.contact-section-wrapper{border-radius:0;width:100%;margin:0;padding:4rem 1rem}.clover-face-wrapper{width:300px;height:300px;margin-left:0}.footer-bottom{flex-direction:column;align-items:flex-start;gap:1.5rem}}.image-bubble-container{z-index:10;justify-content:center;align-items:center;display:flex;position:absolute}.image-bubble-circle{background-color:var(--cyan);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative;box-shadow:0 4px 15px #22d3ee66}.img-placeholder{background-color:#e5e5e5;background-image:url(https://picsum.photos/100);background-position:50%;background-size:cover;border-radius:50%;width:50px;height:50px}.bubble-tail{border-left:8px solid #0000;border-right:8px solid #0000;border-top:12px solid var(--cyan);width:0;height:0;position:absolute;bottom:-6px;left:10px;transform:rotate(30deg)}.hover-speech-bubble{font-family:var(--font-sans);color:#111;white-space:nowrap;pointer-events:none;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:flex;position:absolute;box-shadow:0 4px 12px #0000001a}.image-bubble-container.left .hover-speech-bubble{margin-left:1rem;left:100%}.image-bubble-container.right .hover-speech-bubble{margin-right:1rem;right:100%}.hover-bubble-tail{border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute}.image-bubble-container.left .hover-bubble-tail{border-top:10px solid;top:50%;left:-8px;transform:translateY(-50%)rotate(90deg)}.image-bubble-container.right .hover-bubble-tail{border-top:10px solid;top:50%;right:-8px;transform:translateY(-50%)rotate(-90deg)}.you-label-tiny{color:#fff;font-family:var(--font-mono);background-color:#111;border-radius:8px;padding:.15rem .4rem;font-size:.65rem;font-weight:600}.bubble-img{object-fit:cover;border-radius:50%;width:50px;height:50px}.hero-canvas{flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding-top:90px;padding-bottom:60px;display:flex;position:relative;overflow:hidden}.time-display{font-family:var(--font-mono);font-size:1rem;font-weight:600;position:absolute;top:100px}.hero-center-box{flex-direction:column;align-items:center;display:flex;position:relative}.hero-intro{flex-direction:column;align-items:center;margin-bottom:-.5rem;display:flex}.handwritten-text{font-family:var(--font-hand);font-size:clamp(2rem,4vw,3.5rem);line-height:1}.scribble-underline-svg{margin-top:5px;transform:rotate(-2deg)}.hero-name-container{border:1.5px solid var(--cyan);margin:1rem 0;display:inline-block;position:relative}.hero-name-container.cursor-active{cursor:none}.dynamic-black-box{mix-blend-mode:difference;z-index:100;pointer-events:none;background-color:#fff;width:350px;height:350px;position:absolute;top:0;left:0}.hero-name{z-index:2;font-family:var(--font-blocky);letter-spacing:-.02em;color:#111;text-transform:uppercase;-webkit-user-select:none;user-select:none;margin:0;padding:.2rem .5rem;font-size:clamp(2rem,12vw,8.5rem);font-weight:400;line-height:1;position:relative}.custom-cursor-box{pointer-events:none;z-index:101;background-color:#111;border:2.5px solid #111;width:28px;height:28px;margin-top:-14px;margin-left:-14px;position:absolute;top:0;left:0}.handle{background-color:var(--cyan);z-index:5;border:1px solid #111;width:12px;height:12px;position:absolute}.top-left{top:-6px;left:-6px}.top-right{top:-6px;right:-6px}.bottom-left{bottom:-6px;left:-6px}.bottom-right{bottom:-6px;right:-6px}.edge-handle{z-index:5;background-color:#f43f5e;border:1px solid #b91c1c;width:8px;height:8px;position:absolute}.edge-top{top:-4px;left:50%;transform:translate(-50%)}.edge-right{top:50%;right:-4px;transform:translateY(-50%)}.edge-bottom{bottom:-4px;left:50%;transform:translate(-50%)}.edge-left{top:50%;left:-4px;transform:translateY(-50%)}.hero-availability{font-family:var(--font-mono);align-items:center;gap:.5rem;margin-top:1rem;font-size:.85rem;font-weight:600;display:flex}.blue-dot{background-color:var(--cyan);border-radius:50%;width:10px;height:10px}.hero-tagline{font-family:var(--font-sans);text-align:center;letter-spacing:-.02em;z-index:20;margin-top:2rem;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:500;line-height:1.2}.inline-icon-hero{margin:0 .15rem;font-style:normal;display:inline-block}.hero-floating-photo{z-index:10}.floating-avatar-slot{background:#f1f5f9;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.floating-avatar-slot img{object-fit:cover;width:100%;height:100%}.contact-me-btn{color:#fff;font-family:var(--font-mono);z-index:30;background-color:#111;border:2px solid #111;align-items:center;margin-top:2.5rem;padding:.3rem 1.5rem .3rem .3rem;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.arrow-box{background-color:var(--cyan);color:#111;border:2px solid #111;justify-content:center;align-items:center;width:40px;height:40px;margin-right:1rem;font-size:1.5rem;font-weight:800;display:flex}@media (width<=768px){.hero-floating-photo,.hero-decorations{display:none}}.heyyoo-section{flex-direction:column;align-items:center;padding:6rem 2rem 4rem;display:flex;position:relative}.about-me-scribble{flex-direction:column;align-items:center;display:flex;position:absolute;top:3rem;left:20%;transform:rotate(-10deg)}.about-me-scribble .handwritten-text{font-family:var(--font-hand);font-size:2rem;line-height:1}.heyyoo-box{border:1.5px solid #111;margin-bottom:3rem;padding:.4rem 1.5rem;position:relative}.heyyoo-box span{font-family:var(--font-sans);font-size:2rem;font-weight:500}.heyyoo-box .handle{background:#fff;border:1.5px solid #111;width:10px;height:10px;position:absolute}.heyyoo-box .tl{top:-5px;left:-5px}.heyyoo-box .tr{top:-5px;right:-5px}.heyyoo-box .bl{bottom:-5px;left:-5px}.heyyoo-box .br{bottom:-5px;right:-5px}.heyyoo-content{justify-content:center;align-items:center;width:100%;max-width:1200px;margin-bottom:3rem;display:flex;position:relative}.heyyoo-text{font-family:var(--font-sans);letter-spacing:-.05em;text-align:center;flex-direction:column;align-items:center;max-width:700px;margin:0 2rem;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:600;line-height:1.25;display:flex}.line-wrapper{margin:-.2rem 0;padding:.2rem 0;display:block;overflow:hidden}.line-inner{will-change:transform, opacity;display:block}.inline-icon{font-style:normal;display:inline-block}.polaroid{cursor:pointer;background:#fff;border:1px solid #e0e0e0;flex-shrink:0;width:220px;padding:10px 10px 45px;box-shadow:0 8px 25px #0000001a}.left-polaroid{transform:rotate(-8deg)}.right-polaroid{transform:rotate(6deg)}.polaroid-img-slot{aspect-ratio:1;background:#f1f5f9;border:none;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.polaroid-img-slot img{object-fit:cover;width:100%;height:100%}.polaroid-label{font-family:var(--font-hand);text-align:center;margin-top:5px;font-size:1.8rem}.badges-row{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.badge{font-family:var(--font-sans);border:none;align-items:center;gap:.6rem;padding:.7rem 1.5rem;font-size:1.15rem;font-weight:700;display:flex}.badge-red{color:#fff;background:#f43f5e}.badge-green{color:#fff;background:#22c55e}.badge-cyan{background:var(--cyan);color:#111}.badge-yellow{color:#111;background:#eab308}@media (width<=900px){.polaroid{display:none}.heyyoo-content{padding:0}}.featured-header-section{flex-direction:column;justify-content:center;align-items:center;padding:6rem 2rem 4rem;display:flex;position:relative}.explore-scribble-container{flex-direction:column;align-items:center;margin-bottom:1rem;display:flex}.explore-text{font-family:var(--font-hand);margin-bottom:-5px;font-size:2.2rem}.featured-blocky-title{font-family:var(--font-blocky);text-align:center;color:#111;text-transform:uppercase;margin:0 0 2rem;font-size:clamp(4rem,7vw,7rem);line-height:.9}.featured-desc-box{background-color:#f1dd93;border:1px solid #0000001a;max-width:450px;padding:1rem 2rem;transform:rotate(-3deg);box-shadow:2px 4px 10px #0000000d}.featured-desc-box p{font-family:var(--font-sans);color:#333;text-align:center;margin:0;font-size:1.2rem;font-weight:500;line-height:1.4}.you-cursor-indicator{align-items:center;gap:.5rem;display:flex;position:absolute;top:40%;right:15%}.you-cursor-indicator .dot{background-color:#111;border-radius:50%;width:15px;height:15px}.you-cursor-indicator .you-label{color:#fff;font-family:var(--font-mono);background-color:#111;border-radius:12px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}@media (width<=768px){.you-cursor-indicator{display:none}.featured-blocky-title{white-space:normal;word-break:break-word;font-size:clamp(3rem,10vw,4rem)}}.featured-section{width:100%}.strip-tab-text{font-family:var(--font-mono);color:#fff;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;display:flex;position:absolute;top:15px}.tab-icon{font-size:1rem}.project-strips{width:100%}.project-strip{color:#fff;clip-path:polygon(0% 60px,100% 60px,100% 100%,0% 100%);width:75%;max-width:1200px;min-height:550px;margin:0 auto;padding:5rem 4rem 3rem;position:sticky;top:90px;box-shadow:0 -15px 30px #00000026}.tab-pos-0{clip-path:polygon(0% 0%,23% 0%,25% 60px,100% 60px,100% 100%,0% 100%)}.tab-pos-0 .strip-tab-text{left:3%}.tab-pos-1{clip-path:polygon(0% 60px,23% 60px,25% 0%,48% 0%,50% 60px,100% 60px,100% 100%,0% 100%)}.tab-pos-1 .strip-tab-text{left:28%}.tab-pos-2{clip-path:polygon(0% 60px,48% 60px,50% 0%,73% 0%,75% 60px,100% 60px,100% 100%,0% 100%)}.tab-pos-2 .strip-tab-text{left:53%}.tab-pos-3{clip-path:polygon(0% 60px,73% 60px,75% 0%,100% 0%,100% 100%,0% 100%)}.tab-pos-3 .strip-tab-text{left:78%}.strip-content{justify-content:space-between;align-items:center;gap:3rem;max-width:1400px;margin:0 auto;display:flex}.strip-text{flex:1;max-width:500px}.strip-date{font-family:var(--font-mono);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;font-weight:600;display:flex}.date-dot{background:#fff;border-radius:50%;width:8px;height:8px}.strip-title{font-family:var(--font-display);letter-spacing:.02em;margin-bottom:.75rem;font-size:clamp(3rem,6vw,5rem);font-weight:400;line-height:1}.strip-subtitle{font-family:var(--font-sans);opacity:.9;margin-bottom:1.5rem;font-size:1.05rem;font-weight:500;line-height:1.4}.strip-link{font-family:var(--font-mono);color:#fff;text-underline-offset:4px;align-items:center;gap:.4rem;font-size:.9rem;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;transition:opacity .2s;display:inline-flex}.strip-link:hover{opacity:.8}.link-arrow{font-size:1.2rem}.strip-image-frame{border:1.5px solid #fff6;flex-shrink:0;width:45%;max-width:500px;position:relative}.frame-handle{background:var(--cyan);z-index:2;border:1px solid #111;width:10px;height:10px;position:absolute}.ftl{top:-5px;left:-5px}.ftr{top:-5px;right:-5px}.fbl{bottom:-5px;left:-5px}.fbr{bottom:-5px;right:-5px}.strip-image-slot{aspect-ratio:16/10;width:100%;overflow:hidden}.strip-image-slot img{object-fit:cover;width:100%;height:100%}.strip-placeholder{background:#ffffff1a;border:2px dashed #ffffff4d;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.strip-placeholder span{font-family:var(--font-mono);color:#ffffff80;font-size:.9rem}.see-all-link{text-align:center;padding:3rem 0}.see-all-link a{font-family:var(--font-sans);text-underline-offset:4px;font-size:1.1rem;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;transition:color .2s}.see-all-link a:hover{color:var(--cyan)}@media (width<=768px){.project-tabs{flex-wrap:wrap}.project-tab{flex:50%}.strip-content{flex-direction:column;gap:2rem;padding:2rem 1rem}.strip-text{width:100%;max-width:100%}.strip-title{word-break:break-word;font-size:clamp(2.5rem,8vw,4rem);line-height:1}.strip-image-frame{width:100%;max-width:100%}.project-strip{clip-path:none;border-radius:20px;width:100%;margin-bottom:2rem;padding:4rem 1rem 2rem}.strip-tab-text{top:15px;left:15px!important}}.about-page{padding-top:100px}.about-hero{max-width:900px;margin:0 auto;padding:4rem 2rem 2rem;position:relative}.about-mega-title{font-family:var(--font-blocky);letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(3rem,8vw,7rem);font-weight:400;line-height:.85}.about-sidebar{z-index:30;background:#fff;border-radius:16px;flex-direction:column;gap:.5rem;padding:1rem .75rem;display:flex;position:fixed;top:50%;left:2rem;transform:translateY(-50%);box-shadow:0 4px 20px #00000014}.sidebar-link{font-family:var(--font-sans);text-transform:uppercase;z-index:1;border-radius:12px;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;font-size:.7rem;font-weight:700;transition:color .2s;display:flex;position:relative}.sidebar-link.active{color:#fff}.sidebar-link:hover:not(.active){background:#f1f5f9}.sidebar-active-bg{z-index:-1;background-color:#111;border-radius:12px;position:absolute;inset:0}.sidebar-icon{font-size:1.2rem}.about-section{max-width:900px;margin:0 auto;padding:2rem 2rem 4rem}.section-colored-box{border:3px solid;margin-bottom:2rem;padding:2.5rem;position:relative}.yellow-box{background:#fef3c726;border-color:#eab308}.yellow-label{color:#111;background:#fde047;border-color:#eab308}.red-box{background:#fee2e21a;border-color:#f43f5e}.red-label{color:#fff;background:#f43f5e;border-color:#b91c1c}.blue-box{background:#cffafe1a;border-color:#22d3ee}.blue-label{color:#111;background:#22d3ee;border-color:#0891b2}.section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border:2px solid;margin-bottom:1.5rem;padding:.3rem .8rem;font-size:.8rem;font-weight:700;display:inline-block}.bio-text-box{border:1.5px solid #d4a843;margin-bottom:3rem;padding:2rem 2.5rem;position:relative}.bio-text-box .handle{background:#fff;border:1.5px solid #d4a843;width:10px;height:10px;position:absolute}.bio-text-box .tl{top:-5px;left:-5px}.bio-text-box .tr{top:-5px;right:-5px}.bio-text-box .bl{bottom:-5px;left:-5px}.bio-text-box .br{bottom:-5px;right:-5px}.bio-heading{font-family:var(--font-sans);letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(1.6rem,3vw,2.5rem);font-weight:500;line-height:1.2}.inline-icon{display:inline-block}.bio-sub{font-family:var(--font-sans);color:#555;font-size:1rem;line-height:1.6}.bio-details{font-family:var(--font-sans);color:#333;font-size:1rem;line-height:1.7}.bio-list{margin:1.5rem 0 2rem 1.5rem}.bio-list li{margin-bottom:.5rem}.bio-photo-container{justify-content:flex-end;align-items:flex-start;gap:1.5rem;margin:2rem 0;display:flex}.bio-photo-frame{background:#fff;border:1px solid #e0e0e0;width:200px;padding:8px 8px 35px;transform:rotate(3deg);box-shadow:0 8px 25px #0000001a}.bio-photo-slot{aspect-ratio:1;background:#f1f5f9;border:none;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.bio-photo-slot img{object-fit:cover;width:100%;height:100%}.bio-photo-caption{font-family:var(--font-hand);text-align:center;margin-top:2px;font-size:1.6rem}.name-bubble{color:#111;font-family:var(--font-sans);background:#eab308;border-radius:20px;align-self:center;padding:.5rem 1.2rem;font-size:.85rem;font-weight:800;position:relative}.bubble-tail{border-top:8px solid #eab308;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.story-heading{font-family:var(--font-sans);margin-bottom:1.5rem;font-size:2rem;font-weight:800}.story-content{font-family:var(--font-sans);color:#333;margin-bottom:2rem;font-size:1rem;line-height:1.7}.story-content p{margin-bottom:1rem}.focus-box{background:#fef3c7;border-left:4px solid #eab308;margin:2rem 0;padding:1.5rem 2rem}.focus-title{margin-bottom:.5rem;font-weight:700}.focus-box p{font-family:var(--font-sans);font-size:.95rem;line-height:1.6}.aside-note{background:#fef3c7;margin:2rem 0;padding:1.5rem 2rem;transform:rotate(-1deg)}.handwritten-aside{font-family:var(--font-hand);font-size:1.6rem;line-height:1.4}.work-timeline{border-left:2px solid #111;padding-left:2rem;position:relative}.timeline-entry{padding-bottom:3rem;padding-left:2rem;position:relative}.entry-dot{background:var(--cyan);border:2px solid #111;border-radius:50%;width:14px;height:14px;position:absolute;top:.3rem;left:-2.55rem}.entry-date{font-family:var(--font-mono);color:#888;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.entry-content h3{font-family:var(--font-sans);font-size:1.4rem;font-weight:800}.entry-role{font-family:var(--font-mono);color:#a855f7;margin-bottom:.5rem;font-size:.85rem;font-weight:700}.entry-content p{font-family:var(--font-sans);color:#444;font-size:.95rem;line-height:1.6}.entry-bullets{margin:0;padding:0;list-style:none}.entry-bullets li{font-family:var(--font-sans);color:#444;margin-bottom:.8rem;padding-left:1.5rem;font-size:.95rem;line-height:1.6;position:relative}.entry-bullets li:before{content:"✦";color:var(--cyan);position:absolute;left:0}@media (width<=768px){.about-sidebar{display:none}.section-colored-box{padding:1.5rem}.bio-details{font-size:.95rem}.bio-photo-container{justify-content:center}.story-grid{grid-template-columns:1fr}.about-mega-title{font-size:clamp(2.5rem,6vw,4rem)}}.casestudy-page{padding-top:100px}.casestudy-hero{padding:4rem 2rem 2rem}.casestudy-mega-title{font-family:var(--font-blocky);letter-spacing:-.02em;text-transform:uppercase;margin-bottom:1rem;font-size:clamp(3rem,8vw,7rem);font-weight:400;line-height:.85}.casestudy-subtitle{font-family:var(--font-mono);color:#666;max-width:500px;font-size:1rem}.casestudy-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;padding:3rem 2rem 6rem;display:grid}.cs-folder-card{color:#111;flex-direction:column;text-decoration:none;transition:transform .3s;display:flex;position:relative}.cs-folder-card:hover{transform:translateY(-8px)}.cs-folder-tab{clip-path:polygon(0 0,85% 0,100% 100%,0 100%);background-color:#f1f5f9;border-radius:12px 24px 0 0;align-self:flex-start;align-items:center;gap:.5rem;margin-bottom:-1px;padding:.6rem 2rem .6rem 1rem;transition:background-color .3s,color .3s;display:flex;position:relative}.cs-dot{font-size:.6rem}.cs-date{font-family:var(--font-mono);text-transform:uppercase;font-size:.75rem;font-weight:700}.cs-folder-body{background-color:#f1f5f9;border-radius:0 12px 12px;padding:1.5rem;transition:background-color .3s,color .3s}.cs-folder-card:hover .cs-folder-tab,.cs-folder-card:hover .cs-folder-body{color:#fff;background-color:#111}.cs-card-image{aspect-ratio:16/10;background:#e2e8f0;border-radius:4px;width:100%;position:relative;overflow:hidden}.cs-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.cs-folder-card:hover .cs-card-image img{transform:scale(1.05)}.cs-image-placeholder{background:linear-gradient(135deg,#f8fafc,#e2e8f0);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.cs-image-placeholder span{font-family:var(--font-mono);color:#94a3b8;font-size:.9rem}.cs-folder-card:hover .cs-card-image{cursor:none}.cs-custom-cursor{pointer-events:none;mix-blend-mode:difference;z-index:10;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-top:-40px;margin-left:-40px;display:flex;position:absolute;top:0;left:0}.cs-see-text{font-family:var(--font-sans);color:#111;font-size:1.1rem;font-weight:700}.cs-you-badge{color:#fff;font-family:var(--font-mono);background:#111;border-radius:8px;padding:.1rem .3rem;font-size:.6rem;position:absolute;bottom:-5px;right:-10px}.cs-card-content{padding-top:1.5rem}.cs-card-top{justify-content:flex-end;margin-bottom:.75rem;display:flex}.cs-category{font-family:var(--font-mono);background:var(--cyan);color:#111;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.cs-title{font-family:var(--font-sans);letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.6rem;font-weight:800}.cs-subtitle{font-family:var(--font-sans);opacity:.8;margin-bottom:.75rem;font-size:.95rem;font-weight:500}.cs-desc{font-family:var(--font-mono);opacity:.7;font-size:.85rem;line-height:1.5}@media (width<=768px){.casestudy-grid{grid-template-columns:1fr}}.project-detail-page{min-height:100vh;padding-top:100px;position:relative}.pd-header{border-bottom:1px solid #ddd;flex-direction:column;gap:4rem;margin-bottom:4rem;padding-bottom:4rem;display:flex}@media (width>=1024px){.pd-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.pd-header-left{flex:1}.pd-date{font-family:var(--font-mono);margin-bottom:1rem;font-size:.9rem;font-weight:600}.pd-title-box{border:1px solid #111;margin-bottom:1rem;padding:1rem 2rem;display:inline-block;position:relative}.pd-title{font-family:var(--font-blocky);color:#111;margin:0;font-size:clamp(3rem,6vw,6rem);line-height:.8}.pd-subtitle{font-family:var(--font-sans);color:#555;margin-bottom:2rem;font-size:1.2rem}.pd-categories{flex-wrap:wrap;gap:1rem;display:flex}.pd-pill{font-family:var(--font-mono);text-transform:uppercase;background:#f1f5f9;border:1px solid #ccc;padding:.4rem .8rem;font-size:.8rem}.pd-header-right{flex-direction:column;gap:1rem;min-width:300px;display:flex}.pd-sticky-note{cursor:grab;flex-direction:column;padding:1rem 1.5rem;display:flex;box-shadow:0 4px 10px #0000001a}.pd-sticky-note:active{cursor:grabbing}.pd-sticky-note.blue{background-color:#bae6fd;transform:rotate(-1deg)}.pd-sticky-note.yellow{background-color:#fef08a;transform:rotate(1deg)}.pd-sticky-note.green{background-color:#bbf7d0;transform:rotate(-2deg)}.pd-sticky-note.pink{background-color:#fbcfe8;transform:rotate(2deg)}.pd-sticky-label{font-family:var(--font-mono);text-transform:uppercase;margin-bottom:.2rem;font-size:.8rem;font-weight:700}.pd-sticky-value{font-family:var(--font-handwriting,"Caveat", cursive);color:#111;font-size:1.5rem}.pd-hero-image-container{background:#f1f5f9;border:1px solid #111;margin-bottom:4rem;padding:0;position:relative}.pd-hero-image{object-fit:cover;width:100%;height:600px;display:block}.pd-content{max-width:900px;margin:0 auto;padding-bottom:8rem}.pd-text-block{margin-bottom:4rem}.pd-description{color:#333;white-space:pre-wrap;font-size:1.25rem;line-height:1.8}.pd-features-block,.pd-architecture-block{margin-bottom:4rem}.pd-features-block h3,.pd-architecture-block h3{font-family:var(--font-handwriting,"Caveat", cursive);margin-bottom:1.5rem;font-size:2.5rem}.pd-features-block ul{padding:0;list-style:none}.pd-features-block li{color:#444;margin-bottom:1rem;padding-left:2rem;font-size:1.1rem;position:relative}.pd-features-block li:before{content:"✦";color:#f43f5e;position:absolute;left:0}.pd-architecture-block p{color:#444;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.pd-mermaid-container{background:#fff;border:1px solid #ddd;padding:2rem;overflow-x:auto;box-shadow:0 4px 15px #0000000d}.pd-action-block{text-align:center;margin-top:4rem}.pd-github-btn{font-family:var(--font-mono);color:#fff;background:#111;padding:1rem 2.5rem;font-size:1.2rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.pd-github-btn:hover{background:#f43f5e;transform:translateY(-2px)}@media (width<=768px){.pd-hero-header{padding:3rem 1.5rem}.pd-content{padding:0 1.5rem 4rem}.pd-title-box{box-sizing:border-box;width:100%;padding:1rem}.pd-title{word-break:break-word;white-space:normal;font-size:clamp(2rem,8vw,3rem);line-height:1}.pd-header-right{width:100%;min-width:100%}.pd-cover-img{height:300px}.pd-features-block h3,.pd-architecture-block h3{font-size:2rem}}.playground-page{padding-top:100px}.playground-hero{padding:4rem 2rem 2rem}.playground-mega-title{font-family:var(--font-blocky);letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(3rem,8vw,7rem);font-weight:400;line-height:.85}.playground-subtitle{font-family:var(--font-sans);color:#666;margin-top:1rem;font-size:1.1rem}.playground-canvas-wrapper{padding:2rem}.playground-drag-canvas{background:#00000003;border:2px dashed #ccc;border-radius:12px;width:100%;min-height:650px;position:relative;overflow:visible}.draggable-card{cursor:grab;-webkit-user-select:none;user-select:none;z-index:1;border:2px solid #0000001a;width:220px;padding:10px 10px 40px;transition:box-shadow .2s;box-shadow:0 8px 20px #00000014}.draggable-card:active{cursor:grabbing}.draggable-card-img-slot{background:#fff9;border:none;justify-content:center;align-items:center;width:100%;height:160px;display:flex;overflow:hidden}.draggable-card-img-slot img{object-fit:cover;width:100%;height:100%}.slot-label{font-family:var(--font-mono);color:#999;font-size:.8rem}.draggable-card-label{font-family:var(--font-hand);text-align:center;color:#111;margin-top:8px;font-size:1.5rem}.playground-note{font-family:var(--font-mono);color:#999;text-align:center;margin-top:2rem;padding-bottom:4rem;font-size:.9rem}@media (width<=768px){.playground-drag-canvas{min-height:800px}.draggable-card{width:160px}.draggable-card-img-slot{height:120px}}.contact-page{background-color:var(--background);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:100px 2rem 4rem;display:flex;position:relative;overflow:hidden}.contact-scribble{font-family:var(--font-handwriting,"Caveat", cursive);color:#111;text-align:center;margin-bottom:.5rem;font-size:1rem}.contact-scribble svg{margin:-10px auto 0;display:block}.contact-title-container{background-color:#0000;border:1px solid #111;margin-bottom:4rem;padding:0;display:inline-block;position:relative}.contact-title-text{font-family:var(--font-blocky);color:#111;-webkit-user-select:none;user-select:none;margin:0;padding:2rem;font-size:clamp(2rem,8vw,8rem);line-height:.4}.cp-handle{background-color:var(--cyan);border:1px solid #111;width:12px;height:12px;position:absolute}.cp-handle.tl{top:-6px;left:-6px}.cp-handle.tr{top:-6px;right:-6px}.cp-handle.bl{bottom:-6px;left:-6px}.cp-handle.br{bottom:-6px;right:-6px}.sticky-note-form{z-index:10;background-color:#fce48b;width:100%;max-width:400px;margin-bottom:4rem;padding:2rem;position:relative;transform:rotate(-1deg);box-shadow:0 10px 20px #0000001a}.sticky-note-form h3{font-family:var(--font-mono);text-transform:uppercase;margin-top:0;margin-bottom:1.5rem;font-size:1.1rem}.sticky-input-group{flex-direction:column;margin-bottom:2rem;display:flex}.sticky-input-group input,.sticky-input-group textarea{font-family:var(--font-sans);resize:none;background:0 0;border:none;border-bottom:1px dashed #666;padding:.5rem 0;font-size:1rem}.sticky-input-group input:focus,.sticky-input-group textarea:focus{border-bottom-color:#111;outline:none}.sticky-note-actions{justify-content:space-between;margin-top:2rem;display:flex}.sticky-btn{color:#fff;font-family:var(--font-mono);cursor:pointer;background:#111;border:none;padding:.5rem 1rem;font-size:.9rem;transition:transform .1s}.sticky-btn:active{transform:scale(.95)}.sticky-btn.outline{color:#111;background:0 0;border:1px solid #111}.contact-page .polaroid{z-index:1;background:#fff;border:1px solid #e0e0e0;width:220px;padding:10px 10px 45px;position:absolute;box-shadow:0 8px 25px #0000001a}.contact-page .polaroid.left{top:40%;left:10%;transform:rotate(-12deg)}.contact-page .polaroid.right{top:45%;right:10%;transform:rotate(8deg)}.contact-page .polaroid .polaroid-img-slot{aspect-ratio:1;background:#f1f5f9;border:none;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.contact-page .polaroid .slot-label{font-family:var(--font-mono);color:#aaa;font-size:.85rem}.contact-page .polaroid .caption{font-family:var(--font-handwriting,"Caveat", cursive);text-align:center;color:#111;margin-top:10px;font-size:1.5rem}.social-pill-container{z-index:10;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;display:flex;position:relative}.availability-arrow{font-family:var(--font-handwriting,"Caveat", cursive);color:#111;flex-direction:column;align-items:center;gap:.5rem;font-size:1.2rem;display:flex}.availability-arrow svg{width:30px;height:30px;transform:rotate(90deg)}.social-pill{background:#fff;border:1px solid #eee;border-radius:40px;gap:1rem;padding:.5rem;display:flex;box-shadow:0 10px 30px #0000000d}.social-link{color:#111;font-family:var(--font-mono);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;font-size:.7rem;text-decoration:none;transition:background .2s;display:flex}.social-link:hover{background:#f0f0f0}.social-icon{margin-bottom:.25rem;font-size:1.5rem}@media (width<=1024px){.contact-page .polaroid{display:none}}