*{box-sizing:border-box}:root{--sans:"Segoe UI", "Comic Neue", "Chalkboard SE", "Marker Felt", "Caveat", "Courier Prime", monospace;--heading:"Courier Prime", "Comic Neue", "Segoe UI", monospace;--text:#000}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{font-family:var(--sans);color:var(--text);background:#e8e3d9;font-weight:400}#notebook-paper{background-color:#fef9e8;border-radius:0;width:100%;min-height:100vh;padding:clamp(90px,10vw,120px) clamp(16px,4vw,40px) 60px clamp(90px,14vw,160px);position:relative;overflow-x:hidden;box-shadow:0 8px 30px #00000014}@media (width<=768px){#notebook-paper{padding-left:clamp(60px,10vw,110px);padding-right:clamp(20px,5vw,30px)}}.vertical-line{z-index:2;opacity:.7;background-color:#db4034;width:1.5px;position:absolute;top:0;bottom:0;left:clamp(55px,10vw,110px)}@media (width<=768px){.vertical-line{left:clamp(45px,8vw,90px)}}.horizontal-lines{z-index:1;opacity:.45;pointer-events:none;background-image:linear-gradient(#0000 28px,#7bc5d6 28px 29px);background-size:100% 29px;position:absolute;inset:60px 0 0}.texture-overlay{filter:url(#paper-filter);z-index:0;opacity:.25;pointer-events:none;background-color:#fef9e8;position:absolute;inset:0}.holes{z-index:5;flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:140px;bottom:140px;left:clamp(18px,4vw,40px)}.hole{background:#d4cbbc;border:1px solid #0000000d;border-radius:50%;width:clamp(20px,4vw,40px);height:clamp(20px,4vw,40px);box-shadow:inset 2px 2px 6px #00000026,0 1px 2px #fff9}header{z-index:2;border-bottom:none;margin-top:60px;margin-bottom:35px;position:relative}header h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1.1;font-family:var(--heading);color:var(--text);letter-spacing:-.5px;margin:0;padding:0;font-weight:500}header .date{font-size:clamp(.9rem,2.5vw,1.1rem);line-height:1.5;font-family:var(--sans);color:#6b5a42;margin-top:12px;font-style:italic}#content{z-index:3;font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.6;font-family:var(--sans);color:var(--text);position:relative}.table-title-wrapper{margin-bottom:30px;display:inline-block;position:relative}.handwritten-title{color:#2c2418;letter-spacing:-.3px;margin:0 0 5px;font-family:Courier Prime,Comic Neue,monospace;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:500}.underlines{margin-top:-8px;position:relative}.underline-svg{width:100%;height:14px}.excel-grid{background:0 0;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;min-height:520px;display:grid;position:relative}.grid-cell{background:0 0;min-height:260px;transition:all .2s;position:relative}.cell-content{z-index:3;background:0 0;flex-direction:column;height:100%;padding:28px 24px;display:flex;position:relative}.project-images{gap:12px;margin:16px 0;padding-bottom:8px;display:flex;overflow-x:auto}.project-image{object-fit:cover;filter:drop-shadow(2px 2px 4px #0000001a);cursor:pointer;border:1px solid #0000001a;border-radius:4px;width:100px;height:70px;transition:all .2s}.project-image:hover{filter:drop-shadow(3px 3px 6px #00000026);transform:scale(1.05)}.project-number{color:#db40344d;letter-spacing:-1px;background:0 0;margin-bottom:8px;font-family:Courier Prime,monospace;font-size:2.2rem;font-weight:700}.project-title{color:#2c2418;letter-spacing:-.3px;background:0 0;width:fit-content;margin:0 0 12px;font-family:Courier Prime,Comic Neue,monospace;font-size:1.5rem;font-weight:600;display:inline-block;position:relative}.project-description{color:#4a3e2c;background:0 0;flex-grow:1;margin:16px 0 20px;font-size:.9rem;line-height:1.5}.project-meta{background:0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.project-status{color:#3a6b4b;background:0 0;padding:4px 12px;font-family:Courier Prime,monospace;font-size:.75rem;font-style:italic;display:inline-block;position:relative}.project-status:before{content:"";pointer-events:none;border:1px solid #3c6e4666;border-radius:30px;position:absolute;inset:-2px;transform:rotate(-.8deg)}.project-status:after{content:"";pointer-events:none;border:.8px solid #3c6e4640;border-radius:30px;position:absolute;inset:-1px;transform:rotate(.5deg)}.project-tags{background:0 0;flex-wrap:wrap;gap:8px;display:flex}.project-tag{color:#6b5a42;letter-spacing:.2px;background:0 0;padding:3px 10px;font-family:monospace;font-size:.7rem;transition:all .2s;position:relative}.project-tag:before{content:"";pointer-events:none;border:.8px solid #5c4b324d;border-radius:16px;position:absolute;inset:-1px;transform:rotate(-.5deg)}.project-tag:after{content:"";pointer-events:none;border:.5px solid #5c4b3226;border-radius:16px;position:absolute;inset:0;transform:rotate(.3deg)}.project-tag:hover{transform:translateY(-1px)}.notebook-footer{text-align:center;margin-top:50px;position:relative}.footer-squiggle{width:100%;max-width:300px;margin:0 auto;display:block}.footer-text{color:#aa9a7a;letter-spacing:.3px;margin-top:12px;font-size:.8rem;font-style:italic}::selection{background:#db403426}@media (width<=768px){.excel-grid{grid-template-rows:auto;grid-template-columns:1fr;min-height:auto;position:relative}.grid-cell{min-height:auto;position:relative}.cell-content{padding:28px 24px}.project-title{font-size:1.3rem}.project-number{font-size:1.8rem}.project-image{width:80px;height:55px}.tool-icon{width:24px;height:24px}.project-tools,.project-images{gap:8px}.desktop-borders{display:none}.mobile-borders{display:block}.mobile-border-top{width:100%;height:6px;top:-2px;left:0;right:0}.mobile-border-bottom{width:100%;height:6px;bottom:-2px;left:0;right:0}.mobile-border-left{width:6px;height:100%;top:0;bottom:0;left:-2px}.mobile-border-right{width:6px;height:100%;top:0;bottom:0;right:-2px}.mobile-separator-1{width:100%;height:6px;top:33.33%;left:0;right:0;transform:translateY(-50%)}.mobile-separator-2{width:100%;height:6px;top:66.66%;left:0;right:0;transform:translateY(-50%)}.mobile-separator-3{display:none}.mobile-border svg{width:100%;height:100%;display:block}}@media (width<=480px){.cell-content{padding:20px 16px}.project-description{font-size:.85rem}.project-meta{flex-direction:column;align-items:flex-start}.project-image{width:65px;height:45px}.tool-icon{width:20px;height:20px}}.role-tabs-container{z-index:20;position:absolute;top:clamp(20px,5vw,30px);right:clamp(20px,5vw,40px)}@media (width<=768px){.logo-image{height:clamp(48px,10vw,65px);margin-left:40px}.logo-squiggle{width:calc(100% - 40px);left:40px}}@media (width>=769px) and (width<=1024px){.logo-image{height:clamp(45px,9vw,60px);margin-left:60px}.logo-squiggle{width:calc(100% - 60px);left:60px}}@media (width<=480px){.logo-image{height:clamp(50px,11vw,70px);margin-left:30px}.logo-squiggle{width:calc(100% - 30px);left:30px}}.skill-indicator{pointer-events:none;z-index:30;align-items:center;gap:8px;display:flex;position:absolute;bottom:-40px;right:160px}.arrow-wrapper{align-items:center;display:flex}.indicator-arrow{width:60px;height:auto;transform:rotate(70deg)scaleX(-1)}.indicator-text{color:#000;white-space:nowrap;letter-spacing:.5px;z-index:30;background:gold;border:2px solid #ff8c00;border-radius:30px;margin-top:60px;margin-left:-16px;padding:6px 14px;font-family:inherit;font-size:16px;font-weight:500;display:inline-block;position:absolute;transform:rotate(-3deg);box-shadow:0 4px 8px #00000026,inset 0 1px #ffffff80}@media (width<=768px){.skill-indicator{bottom:-30px;right:120px}.indicator-arrow{width:45px}.indicator-text{padding:3px 8px;font-size:10px}}@media (width>=769px) and (width<=1024px){.skill-indicator{bottom:-35px;right:160px}.indicator-arrow{width:50px}.indicator-text{padding:4px 10px;font-size:12px}}.reusable-tabs{z-index:20;pointer-events:auto;display:inline-block;position:relative}.tab-grid{background:0 0;grid-template-columns:repeat(2,1fr);min-width:280px;height:56px;display:grid;position:relative}.tab-grid-cell{cursor:pointer;z-index:30;pointer-events:auto;background:0 0;border:none;justify-content:center;align-items:center;min-width:120px;padding:6px 24px;transition:all .2s;display:flex;position:relative;overflow:hidden}.tab-grid-cell.active{position:relative}.pencil-bg{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.tab-sticker{z-index:2;width:auto;height:34px;transition:opacity .2s,transform .2s;position:relative}.tab-grid-cell:hover .tab-sticker{transform:scale(1.05)}.tab-grid-line{pointer-events:none;z-index:15;position:absolute}.tab-grid-line-top{width:100%;height:6px;top:-2px;left:0;right:0}.tab-grid-line-bottom{width:100%;height:6px;bottom:-2px;left:0;right:0}.tab-grid-line-left{width:6px;height:100%;top:0;bottom:0;left:-2px}.tab-grid-line-right{width:6px;height:100%;top:0;bottom:0;right:-2px}.tab-grid-line-middle{width:6px;height:100%;top:0;bottom:0;left:50%;transform:translate(-50%)}.tab-grid-line svg{width:100%;height:100%;display:block}@media (width<=768px){.tab-grid{min-width:180px;height:56px}.tab-grid-cell{min-width:90px;padding:6px 16px}.tab-sticker{width:auto;height:32px}}@media (width<=480px){.tab-grid{min-width:150px;height:52px}.tab-grid-cell{min-width:95px;padding:6px 12px}.tab-sticker{width:auto;height:28px}}@media (width<=768px){.dev-hero{min-height:380px}.hero-container{height:380px}.hero-center-image{max-width:280px}.sticker-image{width:45px}}@media (width<=480px){.dev-hero{min-height:300px}.hero-container{height:400px;margin-top:40px}.hero-center-image{max-width:200px}.sticker-image{width:35px}}.dev-hero{width:100%;min-height:500px;margin:0;padding:0;position:relative;overflow:visible}.hero-container{justify-content:center;align-items:center;width:100%;height:500px;margin:0;padding:0;display:flex;position:relative}.hero-center{z-index:5;justify-content:center;align-items:center;display:flex;position:relative}.hero-center-image{filter:drop-shadow(4px 4px 12px #00000026);width:100%;max-width:500px;height:auto}.hero-sticker{filter:drop-shadow(2px 2px 8px #00000026);position:absolute}.sticker-image{pointer-events:none;width:70px;height:auto}@media (width<=768px){.dev-hero{min-height:380px}.hero-container{height:380px}.hero-center-image{max-width:280px}.sticker-image{width:45px}}@media (width<=480px){.dev-hero{min-height:300px}.hero-container{height:400px;margin-top:40px}.hero-center-image{max-width:200px}.sticker-image{width:35px}}.grid-container{margin:30px 0 40px;position:relative}.excel-grid{background:0 0;grid-template-columns:1fr 1fr;display:grid;position:relative}.grid-cell:first-child,.grid-cell:nth-child(2){border-top:none}.grid-cell:nth-child(5),.grid-cell:nth-child(6){border-bottom:none}.grid-cell{background:0 0;min-height:380px;position:relative;overflow:hidden}.cell-content{z-index:3;background:0 0;flex-direction:column;height:100%;padding:28px 24px;display:flex;position:relative;overflow:visible}.project-tools{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}.tool-icon{object-fit:contain;filter:drop-shadow(1px 1px 2px #0000001a);width:32px;height:32px}.project-images{flex-grow:1;justify-content:flex-start;align-items:flex-end;gap:0;height:100%;margin:16px 0 0;display:flex;position:relative;overflow:visible}.project-image{object-fit:cover;filter:drop-shadow(2px 2px 4px #0000001a);cursor:pointer;aspect-ratio:9/16;border:none;width:180px;height:auto;transition:all .2s;display:block;position:relative}.project-image:hover{filter:drop-shadow(3px 3px 6px #00000026);z-index:10;transform:scale(1.05)}.project-image:first-child{z-index:1;margin-bottom:-20%;margin-right:-25px;position:relative}.project-image:nth-child(2){z-index:2;margin-bottom:-12%;margin-left:-25px;margin-right:-25px;position:relative;top:5px}.project-image:nth-child(3){z-index:3;margin-bottom:-30%;margin-left:-25px;position:relative;top:-5px}.grid-cell:first-child .project-image,.grid-cell:nth-child(6) .project-image{aspect-ratio:auto;object-fit:contain;width:auto;height:280px}.grid-cell:first-child .project-image:first-child,.grid-cell:nth-child(6) .project-image:first-child{z-index:1;margin-bottom:-20%;margin-right:-162px;position:relative}.grid-cell:first-child .project-image:nth-child(2),.grid-cell:nth-child(6) .project-image:nth-child(2){z-index:2;margin-bottom:-12%;margin-left:-162px;margin-right:-162px;position:relative;top:5px}.grid-cell:first-child .project-image:nth-child(3),.grid-cell:nth-child(6) .project-image:nth-child(3){z-index:3;margin-bottom:-30%;margin-left:-162px;position:relative;top:-5px}.project-number-wrapper{justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:8px;display:inline-flex;position:relative}.hand-drawn-circle{pointer-events:none;width:48px;height:48px;position:absolute;top:0;left:0}.project-number{font-family:var(--heading);color:var(--text);letter-spacing:-1px;z-index:2;text-align:center;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.2rem;font-weight:700;line-height:1;display:flex;position:relative}.project-title{font-size:1.5rem;font-weight:600;font-family:var(--heading);color:var(--text);letter-spacing:-.3px;background:0 0;width:fit-content;margin:0 0 12px;display:inline-block;position:relative}.project-title:after{content:"";background:repeating-linear-gradient(90deg, var(--text), var(--text) 5px, transparent 5px, transparent 10px);width:100%;height:2px;position:absolute;bottom:-4px;left:0}.project-description{font-size:.95rem;font-family:var(--sans);color:var(--text);background:0 0;margin:16px 0 20px;line-height:1.5}.desktop-borders{display:block}.border-line{pointer-events:none;z-index:10;position:absolute}.border-top{width:100%;height:6px;top:-2px;left:0;right:0}.border-bottom{width:100%;height:6px;bottom:-2px;left:0;right:0}.border-left{width:6px;height:100%;top:0;bottom:0;left:-2px}.border-right{width:6px;height:100%;top:0;bottom:0;right:-2px}.middle-vertical{width:6px;height:100%;top:0;bottom:0;left:50%;transform:translate(-50%)}.middle-horizontal{width:100%;height:6px;top:50%;left:0;right:0;transform:translateY(-4900%)}.middle-horizontal-two{width:100%;height:6px;top:50%;left:0;right:0;transform:translateY(4770%)}.border-line svg{width:100%;height:100%;display:block}.mobile-borders{display:none}.mobile-border{pointer-events:none;z-index:10;position:absolute}@media (width<=768px){.excel-grid{grid-template-rows:auto;grid-template-columns:1fr;min-height:auto;position:relative}.grid-cell{min-height:auto;margin-bottom:20px;position:relative}.grid-cell:last-child{margin-bottom:0}.cell-content{padding:20px}.project-title{font-size:1.3rem}.project-image{width:120px}.project-image:first-child{margin-bottom:-20%;margin-right:-15px}.project-image:nth-child(2){margin-bottom:-12%;margin-left:-15px;margin-right:-15px;top:4px}.project-image:nth-child(3){margin-bottom:-30%;margin-left:-15px;top:-4px}.grid-cell:first-child .project-image,.grid-cell:nth-child(6) .project-image{width:auto;height:200px}.grid-cell:first-child .project-image:first-child,.grid-cell:nth-child(6) .project-image:first-child{margin-bottom:-20%;margin-right:-108px}.grid-cell:first-child .project-image:nth-child(2),.grid-cell:nth-child(6) .project-image:nth-child(2){margin-bottom:-12%;margin-left:-108px;margin-right:-108px}.grid-cell:first-child .project-image:nth-child(3),.grid-cell:nth-child(6) .project-image:nth-child(3){margin-bottom:-30%;margin-left:-108px}.project-number-wrapper,.hand-drawn-circle{width:38px;height:38px}.project-number{font-size:1.6rem}.tool-icon{width:24px;height:24px}.project-tools{gap:6px}.desktop-borders{display:none}.mobile-borders{display:block}.mobile-border-top{width:100%;height:6px;top:-2px;left:0;right:0}.mobile-border-bottom{width:100%;height:6px;bottom:-2px;left:0;right:0}.mobile-border-left{width:6px;height:100%;top:0;bottom:0;left:-2px}.mobile-border-right{width:6px;height:100%;top:0;bottom:0;right:-2px}.mobile-separator-1{width:100%;height:6px;top:16.66%;left:0;right:0;transform:translateY(-50%)}.mobile-separator-2{width:100%;height:6px;top:33.33%;left:0;right:0;transform:translateY(-50%)}.mobile-separator-3{width:100%;height:6px;display:block;top:50%;left:0;right:0;transform:translateY(-50%)}.mobile-separator-4,.mobile-separator-5{width:100%;height:6px;display:block;top:66.66%;left:0;right:0;transform:translateY(-50%)}.mobile-separator-6{width:100%;height:6px;display:block;top:66.66%;left:0;right:0;transform:translateY(6900%)}.mobile-border svg{width:100%;height:100%;display:block}}@media (width<=480px){.cell-content{padding:16px}.project-description{margin:12px 0 16px;font-size:.8rem}.project-image{width:100px}.project-image:first-child{margin-bottom:-20%;margin-right:-12px}.project-image:nth-child(2){margin-bottom:-12%;margin-left:-12px;margin-right:-12px;top:3px}.project-image:nth-child(3){margin-bottom:-30%;margin-left:-12px;top:-3px}.grid-cell:first-child .project-image,.grid-cell:nth-child(6) .project-image{width:auto;height:160px}.grid-cell:first-child .project-image:first-child,.grid-cell:nth-child(6) .project-image:first-child{margin-bottom:-20%;margin-right:-86px}.grid-cell:first-child .project-image:nth-child(2),.grid-cell:nth-child(6) .project-image:nth-child(2){margin-bottom:-12%;margin-left:-86px;margin-right:-86px}.grid-cell:first-child .project-image:nth-child(3),.grid-cell:nth-child(6) .project-image:nth-child(3){margin-bottom:-30%;margin-left:-86px}.project-number-wrapper,.hand-drawn-circle{width:32px;height:32px}.project-number{font-size:1.4rem}.tool-icon{width:20px;height:20px}.project-tools{gap:5px;margin:12px 0}.mobile-separator-1{top:16.66%}.mobile-separator-2{top:33.33%}.mobile-separator-3{top:50%}.mobile-separator-4{top:66.66%}}.project-title-link{width:fit-content;text-decoration:none;display:inline-block}.project-title-link:hover .project-title{color:#db4034}.project-title-wrapper{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lock-button{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:transform .2s;display:inline-flex}.lock-button:hover{transform:scale(1.1)}.lock-icon{object-fit:contain;filter:drop-shadow(1px 1px 1px #0000001a);width:20px;height:20px}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{text-align:center;background:#fef9e8;border:1px solid #0000001a;border-radius:16px;width:90%;max-width:320px;padding:40px 30px 35px;position:relative;box-shadow:0 8px 25px #00000026}.modal-content:before{content:"";pointer-events:none;border:1px solid #00000014;border-radius:18px;position:absolute;inset:-2px}.modal-content:after{content:"";pointer-events:none;border:.5px solid #0000000d;border-radius:16px;position:absolute;inset:0}.modal-close{cursor:pointer;color:#6b5a42;background:0 0;border:none;font-size:24px;transition:color .2s;position:absolute;top:12px;right:16px}.modal-close:hover{color:#db4034}.modal-icon{margin-bottom:16px}.modal-icon img{object-fit:contain;filter:drop-shadow(2px 2px 4px #0000001a);width:48px;height:48px}.modal-title{font-family:var(--heading);color:var(--text);margin:0 0 8px;font-size:1.5rem;font-weight:600}.modal-message{font-family:var(--sans);color:#6b5a42;margin:0;font-size:.9rem}@media (width<=768px){.lock-icon{width:18px;height:18px}.modal-content{max-width:280px;padding:35px 25px 30px}.modal-title{font-size:1.3rem}.modal-message{font-size:.85rem}.modal-icon img{width:40px;height:40px}}@media (width<=480px){.lock-icon{width:16px;height:16px}}.skills-section{margin:50px 0 40px;position:relative}.skills-title-wrapper{margin-bottom:30px;display:inline-block;position:relative}.skills-handwritten-title{color:var(--text);letter-spacing:-.3px;margin:0 0 5px;font-family:Courier Prime,Comic Neue,monospace;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:500}.skills-underlines{margin-top:-8px;position:relative}.skills-underline-svg{width:100%;height:14px}.skills-container{width:100%;position:relative}.skills-grid{background:0 0;min-height:120px;position:relative;overflow:visible}@media (width<=768px){.skills-grid{min-height:60px}}.skills-borders{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.skills-border{pointer-events:none;z-index:10;position:absolute}.skills-border-top{width:100%;height:6px;top:-2px;left:0;right:0}.skills-border-bottom{width:100%;height:6px;bottom:-2px;left:0;right:0}.skills-border-left{width:6px;height:100%;top:0;bottom:0;left:-2px}.skills-border-right{width:6px;height:100%;top:0;bottom:0;right:-2px}.skills-border svg{width:100%;height:100%;display:block}.skills-marquee{width:100%;padding:20px 0;overflow:hidden}.skills-track{width:fit-content;animation:20s linear infinite scroll-left;display:flex}.skills-marquee:hover .skills-track{animation-play-state:paused}.skill-item{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:100px;padding:0 30px;display:flex}.skill-image{object-fit:contain;filter:drop-shadow(2px 2px 4px #0000001a);width:48px;height:48px}.skill-name{font-size:.75rem;font-family:var(--sans);color:var(--text);text-align:center;white-space:nowrap}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-33.33%)}}@media (width<=768px){.skills-section{margin:30px 0}.skill-item{min-width:80px;padding:0 20px}.skill-image{width:36px;height:36px}.skill-name{font-size:.65rem}.skills-track{animation-duration:15s}}@media (width<=480px){.skill-item{min-width:70px;padding:0 15px}.skill-image{width:30px;height:30px}.skill-name{font-size:.6rem}.skills-track{animation-duration:12s}}.contact-section{margin:50px 0 40px;position:relative}.contact-title-wrapper{margin-bottom:30px;display:inline-block;position:relative}.contact-handwritten-title{color:var(--text);letter-spacing:-.3px;margin:0 0 5px;font-family:Courier Prime,Comic Neue,monospace;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:500}.contact-underlines{margin-top:-8px;position:relative}.contact-underline-svg{width:100%;height:14px}.contact-container{width:100%;position:relative}.contact-grid{background:0 0;min-height:180px;position:relative;overflow:hidden}.contact-borders{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.contact-border{pointer-events:none;z-index:10;position:absolute}.contact-border-top{width:100%;height:6px;top:-2px;left:0;right:0}.contact-border-bottom{width:100%;height:6px;bottom:-2px;left:0;right:0}.contact-border-left{width:6px;height:100%;top:0;bottom:0;left:-2px}.contact-border-right{width:6px;height:100%;top:0;bottom:0;right:-2px}.contact-border svg{width:100%;height:100%;display:block}.contact-icons{flex-wrap:wrap;justify-content:center;align-items:center;gap:60px;padding:30px 20px;display:flex}.contact-icon-link{text-decoration:none;transition:transform .2s}.contact-icon-link:hover{transform:translateY(-5px)}.contact-icon-wrapper{flex-direction:column;align-items:center;gap:12px;display:flex}.hand-drawn-icon{filter:drop-shadow(2px 2px 4px #0000001a);width:70px;height:70px}.contact-icon-name{font-size:.9rem;font-family:var(--sans);color:var(--text);text-align:center;letter-spacing:-.2px}@media (width<=768px){.contact-section{margin:30px 0}.contact-icons{gap:40px;padding:20px 15px}.hand-drawn-icon{width:55px;height:55px}.contact-icon-name{font-size:.8rem}}@media (width<=480px){.contact-icons{flex-direction:column;gap:25px}.hand-drawn-icon{width:50px;height:50px}.contact-icon-name{font-size:.75rem}}.dev-grid-container{margin:30px 0 40px;position:relative}.dev-excel-grid{background:0 0;grid-template-columns:1fr 1fr;display:grid;position:relative}.dev-grid-cell:first-child,.dev-grid-cell:nth-child(2){border-top:none}.dev-grid-cell:nth-child(5),.dev-grid-cell:nth-child(6){border-bottom:none}.dev-grid-cell{background:0 0;min-height:380px;position:relative;overflow:hidden}.dev-cell-content{z-index:3;background:0 0;flex-direction:column;height:100%;padding:28px 24px;display:flex;position:relative;overflow:visible}.dev-project-tools{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}.dev-tool-icon{object-fit:contain;filter:drop-shadow(1px 1px 2px #0000001a);width:32px;height:32px}.dev-project-images{flex-grow:1;justify-content:flex-start;align-items:flex-end;gap:0;height:100%;margin:16px 0 0;display:flex;position:relative;overflow:visible}.dev-project-image{aspect-ratio:auto;object-fit:contain;filter:drop-shadow(2px 2px 4px #0000001a);cursor:pointer;border:none;width:auto;height:320px;transition:all .2s;display:block;position:relative}.dev-project-image:hover{filter:drop-shadow(3px 3px 6px #00000026);z-index:10;transform:scale(1.05)}.dev-project-image:first-child{z-index:1;margin-bottom:-20%;margin-right:-25px;position:relative}.dev-project-image:nth-child(2){z-index:2;margin-bottom:-12%;margin-left:-25px;margin-right:-25px;position:relative;top:5px}.dev-project-image:nth-child(3){z-index:3;margin-bottom:-30%;margin-left:-25px;position:relative;top:-5px}.dev-project-number-wrapper{justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:8px;display:inline-flex;position:relative}.dev-hand-drawn-circle{pointer-events:none;width:48px;height:48px;position:absolute;top:0;left:0}.dev-project-number{font-family:var(--heading);color:var(--text);letter-spacing:-1px;z-index:2;text-align:center;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.2rem;font-weight:700;line-height:1;display:flex;position:relative}.dev-project-title{font-size:1.5rem;font-weight:600;font-family:var(--heading);color:var(--text);letter-spacing:-.3px;background:0 0;width:fit-content;margin:0 0 12px;display:inline-block;position:relative}.dev-project-title:after{content:"";background:repeating-linear-gradient(90deg, var(--text), var(--text) 5px, transparent 5px, transparent 10px);width:100%;height:2px;position:absolute;bottom:-4px;left:0}.dev-project-description{font-size:.95rem;font-family:var(--sans);color:var(--text);background:0 0;margin:16px 0 20px;line-height:1.5}.dev-desktop-borders{display:block}.dev-border-line{pointer-events:none;z-index:10;position:absolute}.dev-border-top{width:100%;height:6px;top:-2px;left:0;right:0}.dev-border-bottom{width:100%;height:6px;bottom:-2px;left:0;right:0}.dev-border-left{width:6px;height:100%;top:0;bottom:0;left:-2px}.dev-border-right{width:6px;height:100%;top:0;bottom:0;right:-2px}.dev-middle-vertical{width:6px;height:100%;top:0;bottom:0;left:50%;transform:translate(-50%)}.dev-middle-horizontal{width:100%;height:6px;top:50%;left:0;right:0;transform:translateY(-4350%)}.dev-middle-horizontal-two{width:100%;height:6px;top:50%;left:0;right:0;transform:translateY(4970%)}.dev-border-line svg{width:100%;height:100%;display:block}.dev-mobile-borders{display:none}.dev-mobile-border{pointer-events:none;z-index:10;position:absolute}.dev-project-title-link{width:fit-content;text-decoration:none;display:inline-block}.dev-project-title-link:hover .dev-project-title{color:#db4034}@media (width<=768px){.dev-excel-grid{grid-template-rows:auto;grid-template-columns:1fr;min-height:auto;position:relative}.dev-grid-cell{min-height:auto;margin-bottom:20px;position:relative}.dev-grid-cell:last-child{margin-bottom:0}.dev-cell-content{padding:20px}.dev-project-title{font-size:1.3rem}.dev-project-image{width:auto;height:320px}.dev-project-image:first-child{margin-bottom:-20%;margin-right:-108px}.dev-project-image:nth-child(2){margin-bottom:-12%;margin-left:-108px;margin-right:-108px;top:4px}.dev-project-image:nth-child(3){margin-bottom:-30%;margin-left:-108px;top:-4px}.dev-project-number-wrapper,.dev-hand-drawn-circle{width:38px;height:38px}.dev-project-number{font-size:1.6rem}.dev-tool-icon{width:24px;height:24px}.dev-project-tools{gap:6px}.dev-desktop-borders{display:none}.dev-mobile-borders{display:block}.dev-mobile-border-top{width:100%;height:6px;top:-2px;left:0;right:0}.dev-mobile-border-bottom{width:100%;height:6px;bottom:-2px;left:0;right:0}.dev-mobile-border-left{width:6px;height:100%;top:0;bottom:0;left:-2px}.dev-mobile-border-right{width:6px;height:100%;top:0;bottom:0;right:-2px}.dev-mobile-separator-1{width:100%;height:6px;top:16.66%;left:0;right:0;transform:translateY(-50%)}.dev-mobile-separator-2{width:100%;height:6px;top:33.33%;left:0;right:0;transform:translateY(-50%)}.dev-mobile-separator-3{width:100%;height:6px;display:block;top:50%;left:0;right:0;transform:translateY(-50%)}.dev-mobile-separator-4{width:100%;height:6px;display:block;top:66.66%;left:0;right:0;transform:translateY(-50%)}.dev-mobile-separator-5{width:100%;height:6px;display:block;top:66.66%;left:0;right:0;transform:translateY(6500%)}.dev-mobile-separator-6{width:100%;height:6px;display:block;top:66.66%;left:0;right:0;transform:translateY(-50%)}.dev-mobile-border svg{width:100%;height:100%;display:block}}@media (width<=480px){.dev-cell-content{padding:16px}.dev-project-description{margin:12px 0 16px;font-size:.8rem}.dev-project-image{width:auto;height:160px}.dev-project-image:first-child{margin-bottom:-20%;margin-right:-86px}.dev-project-image:nth-child(2){margin-bottom:-12%;margin-left:-86px;margin-right:-86px;top:3px}.dev-project-image:nth-child(3){margin-bottom:-30%;margin-left:-86px;top:-3px}.dev-project-number-wrapper,.dev-hand-drawn-circle{width:32px;height:32px}.dev-project-number{font-size:1.4rem}.dev-tool-icon{width:20px;height:20px}.dev-project-tools{gap:5px;margin:12px 0}.dev-mobile-separator-1{top:16.66%}.dev-mobile-separator-2{top:33.33%}.dev-mobile-separator-3{top:50%}.dev-mobile-separator-4{top:66.66%}}.resume-container{margin:50px 0 40px;position:relative}.resume-wrapper{position:relative}.resume-title-wrapper{margin-bottom:30px;display:inline-block;position:relative}.resume-handwritten-title{color:var(--text);letter-spacing:-.3px;margin:0 0 5px;font-family:Courier Prime,Comic Neue,monospace;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:500}.resume-underlines{margin-top:-8px;position:relative}.resume-underline-svg{width:100%;height:14px}.resume-grid{background:0 0;min-height:200px;position:relative;overflow:hidden}.resume-borders{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.resume-border{pointer-events:none;z-index:10;position:absolute}.resume-border-top{width:100%;height:6px;top:-2px;left:0;right:0}.resume-border-bottom{width:100%;height:6px;bottom:-2px;left:0;right:0}.resume-border-left{width:6px;height:100%;top:0;bottom:0;left:-2px}.resume-border-right{width:6px;height:100%;top:0;bottom:0;right:-2px}.resume-border svg{width:100%;height:100%;display:block}.resume-content{z-index:3;background:0 0;flex-direction:column;gap:24px;padding:32px 28px;display:flex;position:relative}.resume-summary{font-size:.95rem;font-family:var(--sans);color:var(--text);line-height:1.6}.resume-summary p{margin:0}.resume-link-wrapper{justify-content:center;margin-top:8px;display:flex}.resume-download-link{font-family:var(--heading);color:var(--text);background:0 0;border:1px solid #00000026;border-radius:40px;align-items:center;gap:12px;padding:12px 28px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.resume-download-link:before{content:"";pointer-events:none;border:.8px solid #0000001a;border-radius:40px;position:absolute;inset:-1px;transform:rotate(-.3deg)}.resume-download-link:after{content:"";pointer-events:none;border:.5px solid #0000000d;border-radius:40px;position:absolute;inset:0;transform:rotate(.2deg)}.resume-download-link:hover{border-color:#db40344d;transform:translateY(-2px)}.resume-download-link:hover .resume-link-text{color:#db4034}.resume-link-icon{font-size:1.2rem}.resume-link-text{transition:color .2s}.resume-link-arrow{width:20px;height:20px;transition:transform .2s}.resume-download-link:hover .resume-link-arrow{transform:translate(4px)}@media (width<=768px){.resume-container{margin:30px 0}.resume-content{padding:24px 20px}.resume-summary{font-size:.85rem}.resume-download-link{padding:10px 22px;font-size:.9rem}.resume-link-icon{font-size:1rem}.resume-link-arrow{width:18px;height:18px}}@media (width<=480px){.resume-content{padding:20px 16px}.resume-summary{font-size:.8rem}.resume-download-link{padding:8px 18px;font-size:.85rem}}.header-container{z-index:25;pointer-events:none;justify-content:space-between;align-items:center;padding:0 clamp(20px,5vw,40px);display:flex;position:absolute;top:clamp(20px,5vw,30px);left:0;right:0}.logo-wrapper{pointer-events:auto;flex-direction:column;align-items:flex-start;display:flex;position:relative}.logo-image{filter:drop-shadow(2px 2px 4px #0000001a);width:auto;height:clamp(40px,8vw,60px);margin-left:100px;transition:all .2s}.logo-image:hover{filter:drop-shadow(3px 3px 6px #00000026);transform:translateY(-2px)}.logo-squiggle{pointer-events:none;width:calc(100% - 100px);height:12px;position:absolute;bottom:-8px;left:100px;right:0}.logo-squiggle svg{width:100%;height:100%}@media (width<=768px){.logo-image{height:clamp(48px,10vw,65px);margin-left:40px}.logo-squiggle{width:calc(100% - 40px);left:40px}}@media (width>=769px) and (width<=1024px){.logo-image{height:clamp(45px,9vw,60px);margin-left:60px}.logo-squiggle{width:calc(100% - 60px);left:60px}}@media (width<=480px){.logo-image{height:clamp(50px,11vw,70px);margin-left:30px}.logo-squiggle{width:calc(100% - 30px);left:30px}}.subsection-title{font-size:1.2rem;font-family:var(--heading);color:var(--text);margin:30px 0 16px;font-weight:500}.handdrawn-table{background:#fef9e880;border:1px solid #0000001a;margin:30px 0;position:relative}.table-caption{color:#6b5a42;text-align:center;margin-bottom:12px;font-size:.8rem;font-style:italic}.table-wrapper{overflow-x:auto}.research-table{border-collapse:collapse;width:100%;font-size:.85rem}.research-table th,.research-table td{text-align:left;border:1px solid #00000026;padding:10px 12px}.research-table th{font-family:var(--heading);background:#00000005;font-weight:600}.research-table td{color:#4a3e2c}.handdrawn-chart{background:#fef9e84d;border:1px solid #0000001a;margin:30px 0;padding:20px}.chart-title{text-align:center;color:var(--text);margin-bottom:20px;font-size:.9rem;font-weight:500}.chart-bars{max-width:400px;margin:0 auto}.chart-bar-item{align-items:center;gap:12px;margin-bottom:16px;display:flex}.chart-bar-label{width:50px;font-size:.85rem;font-weight:500}.chart-bar-bg{background:#0000000d;flex:1;height:24px;position:relative}.chart-bar-fill{background:#db4034;height:100%;position:relative}.chart-bar-fill:after{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#0000000d,#0000000d 2px,#0000 2px 6px);position:absolute;inset:0}.chart-bar-value{text-align:right;width:40px;font-size:.85rem}.chart-squiggle{margin-top:16px}.chart-squiggle svg{width:100%;height:auto}.line-chart-container{max-width:500px;margin:0 auto}.line-chart-svg{width:100%;height:auto}.quote-box{background:#00000005;border-left:2px solid #db40344d;margin:20px 0;padding:20px;position:relative}.quote-icon{opacity:.3;width:24px;height:24px;position:absolute;top:15px;left:15px}.quote-box p{margin:0 0 12px 30px;font-size:.9rem;font-style:italic}.quote-box p:last-child{margin-bottom:0}.competitor-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:20px 0;display:grid}.competitor-card{background:#fef9e880;border:1px solid #0000001a;padding:16px}.competitor-name{font-weight:600;font-family:var(--heading);margin-bottom:8px}.competitor-card p{margin:0;font-size:.85rem}.design-list{margin:16px 0;padding-left:24px}.design-list li{margin-bottom:10px}.image-number{font-family:var(--heading);color:var(--text);letter-spacing:-1px;z-index:2;text-align:center;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.8rem;font-weight:700;line-height:1;display:flex;position:relative}.flow-steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:30px 0;display:flex}.flow-step{text-align:center;flex-direction:column;align-items:center;min-width:120px;display:flex}.step-number{background:#0000000d;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:8px;font-weight:600;display:flex}.step-text{max-width:100px;font-size:.8rem}.flow-arrow{width:30px;height:auto}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin:30px 0;display:grid}.metric-card{text-align:center;background:#fef9e880;border:1px solid #0000001a;padding:20px}.metric-value{color:#db4034;font-size:2rem;font-weight:700;font-family:var(--heading)}.metric-label{color:#6b5a42;margin-top:8px;font-size:.8rem}@media (width<=768px){.case-study-container{padding:30px 20px}.flow-steps{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.research-table th,.research-table td{padding:8px;font-size:.75rem}.competitor-grid{grid-template-columns:1fr}.images-grid{grid-template-columns:1fr;gap:30px}.image-number-wrapper,.image-hand-drawn-circle{width:40px;height:40px}.image-number{font-size:1.5rem}}@media (width<=768px){.flow-description p{font-size:.85rem}}@media (width<=768px){.figma-hand-drawn-btn{padding:10px 22px;font-size:.9rem}.figma-btn-icon{font-size:1rem}.figma-btn-arrow{width:16px;height:16px}}@media (width<=480px){.figma-hand-drawn-btn{padding:8px 18px;font-size:.85rem}}@media (width<=768px){.case-study-container{padding:30px 20px}.color-grid{grid-template-columns:1fr}.icons-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.buttons-preview{flex-direction:column;align-items:flex-start}.components-grid{grid-template-columns:1fr}.images-grid{grid-template-columns:1fr;gap:30px}.image-number-wrapper,.image-hand-drawn-circle{width:40px;height:40px}.image-number{font-size:1.5rem}}@media (width<=768px){.typography-grid-new{grid-template-columns:1fr}}@media (width<=768px){.figma-hand-drawn-btn{padding:10px 22px;font-size:.9rem}.figma-btn-icon{font-size:1rem}.figma-btn-arrow{width:16px;height:16px}}@media (width<=480px){.figma-hand-drawn-btn{padding:8px 18px;font-size:.85rem}}@media (width<=768px){.case-study-container{padding:30px 20px}.color-grid{grid-template-columns:1fr}.icons-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.buttons-preview{flex-direction:column;align-items:flex-start}.components-grid{grid-template-columns:1fr}.images-grid{grid-template-columns:1fr;gap:30px}.image-number-wrapper,.image-hand-drawn-circle{width:40px;height:40px}.image-number{font-size:1.5rem}}@media (width<=768px){.typography-grid-new{grid-template-columns:1fr}}@media (width<=768px){.effects-grid{grid-template-columns:1fr}.effect-preview{width:60px;height:45px}}@media (width<=768px){.figma-hand-drawn-btn{padding:10px 22px;font-size:.9rem}.figma-btn-icon{font-size:1rem}.figma-btn-arrow{width:16px;height:16px}}@media (width<=480px){.figma-hand-drawn-btn{padding:8px 18px;font-size:.85rem}}.case-study-container{z-index:3;max-width:1000px;margin:0 auto;padding:40px 0;position:relative}.case-study-hero{text-align:center;margin-bottom:60px;position:relative}.case-study-title{font-size:clamp(2.5rem,8vw,4rem);font-family:var(--heading);color:var(--text);letter-spacing:-1px;margin:0;font-weight:600}.case-study-subtitle{font-size:clamp(1.1rem,3vw,1.3rem);font-family:var(--sans);color:#6b5a42;margin-top:8px;font-style:italic}.title-underlines{margin-top:8px}.title-underlines svg{width:100%;max-width:300px;height:auto}.case-study-description{color:#4a3e2c;max-width:700px;margin:20px auto 0;font-size:1rem;line-height:1.6}.case-section{margin-bottom:50px}.section-title{font-size:1.5rem;font-family:var(--heading);color:var(--text);margin:0 0 8px;font-weight:500}.section-divider{margin-bottom:20px}.section-divider svg{width:100%;height:auto}.section-content{color:#4a3e2c;font-size:.95rem;line-height:1.6}.section-content p{margin-bottom:16px}.color-subtitle{font-size:1.1rem;font-family:var(--heading);color:var(--text);margin:30px 0 16px;font-weight:500}.color-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin:30px 0;display:grid}.color-card{background:#fef9e880;border:1px solid #0000001a;border-radius:8px;align-items:center;gap:16px;padding:12px;display:flex}.color-swatch{border:1px solid #0000001a;border-radius:8px;width:60px;height:60px}.color-info{flex:1}.color-name{font-weight:600;font-family:var(--heading);margin-bottom:4px}.color-value{color:#6b5a42;font-family:monospace;font-size:.8rem}.color-variable{color:#6b5a42;margin-top:2px;font-size:.7rem}.typography-grid{flex-direction:column;gap:20px;margin:30px 0;display:flex}.typography-card{background:#fef9e880;border:1px solid #0000001a;border-radius:8px;padding:16px}.typography-preview{color:var(--text);margin-bottom:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.typography-info{border-top:1px solid #0000000d;padding-top:8px}.typography-name{font-weight:600;font-family:var(--heading);font-size:.85rem}.typography-meta{color:#6b5a42;font-size:.75rem}.icons-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:20px;margin:30px 0;display:grid}.icon-card{background:#fef9e880;border:1px solid #0000001a;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.icon-image{object-fit:contain;width:40px;height:40px}.icon-name{color:#6b5a42;font-size:.75rem}.buttons-preview{flex-wrap:wrap;gap:30px;margin:30px 0;display:flex}.button-demo{flex-direction:column;align-items:center;gap:8px;display:flex}.demo-btn{cursor:pointer;font-size:14px;font-weight:500;font-family:var(--sans);border-radius:8px;padding:10px 20px;transition:all .2s}.demo-btn.btn-primary{color:#fff;background:#ff3b8e;border:none}.demo-btn.btn-primary:hover{background:#e62e7a}.demo-btn.btn-secondary{color:#fff;background:#ff85b3;border:none}.demo-btn.btn-secondary:hover{background:#e66a9e}.demo-btn.btn-outline{color:#ff3b8e;background:0 0;border:1px solid #ff3b8e}.demo-btn.btn-outline:hover{background:#ff3b8e1a}.demo-btn.btn-ghost{color:#666;background:0 0;border:none}.demo-btn.btn-ghost:hover{background:#0000000d}.demo-btn.btn-danger{color:#fff;background:#ff3b30;border:none}.demo-btn.btn-danger:hover{background:#e62e24}.button-usage{color:#6b5a42;font-size:.7rem}.components-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:30px 0;display:grid}.component-card{background:#fef9e880;border:1px solid #0000001a;border-radius:8px;padding:16px}.component-name{font-weight:600;font-family:var(--heading);margin-bottom:8px}.component-description{color:#6b5a42;font-size:.8rem}.images-grid{grid-template-columns:repeat(2,1fr);gap:40px;margin:30px 0;display:grid}.image-item{flex-direction:column;align-items:center;gap:16px;display:flex}.image-number-wrapper{justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;position:relative}.image-hand-drawn-circle{pointer-events:none;width:48px;height:48px;position:absolute;top:0;left:0}.image-number{font-family:var(--heading);color:var(--text);letter-spacing:-1px;z-index:2;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.8rem;font-weight:700;line-height:1;display:flex;position:relative}.image-frame{filter:drop-shadow(4px 4px 8px #0000001a);border:1px solid #0000001a;border-radius:12px;width:100%;height:auto;transition:transform .2s}.image-frame:hover{transform:scale(1.02)}.flow-description{margin-bottom:30px}.flow-description p{color:#4a3e2c;margin:0;font-size:.95rem;line-height:1.6}.flow-image-container{text-align:center;margin:20px 0}.flow-image{filter:drop-shadow(4px 4px 8px #0000001a);border:1px solid #0000001a;border-radius:12px;max-width:100%;height:auto;transition:transform .2s}.flow-image:hover{transform:scale(1.02)}.conclusion-squiggle{margin-top:30px}.conclusion-squiggle svg{width:100%;height:auto}.typography-grid-new{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin:30px 0;display:grid}.typography-card-new{background:#fef9e880;border:1px solid #0000001a;border-radius:8px;padding:16px}.typography-header{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:baseline;margin-bottom:12px;padding-bottom:8px;display:flex}.typography-name-new{font-weight:600;font-family:var(--heading);font-size:1rem}.typography-size{color:#6b5a42;font-family:monospace;font-size:.8rem}.typography-weights{flex-wrap:wrap;gap:12px;display:flex}.weight-demo{background:#00000008;border-radius:4px;padding:4px 8px;font-family:Inter,sans-serif;font-size:.75rem}.effects-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin:30px 0;display:grid}.effect-card{background:#fef9e880;border:1px solid #0000001a;border-radius:8px;align-items:center;gap:16px;padding:16px;display:flex}.effect-preview{background:#0000000d;border-radius:8px;width:80px;height:60px}.effect-info{flex:1}.effect-name{font-weight:600;font-family:var(--heading);margin-bottom:4px}.effect-value{color:#6b5a42;word-break:break-all;font-family:monospace;font-size:.7rem}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-icon{opacity:.8;font-size:12px}.btn-label{white-space:nowrap}.btn-dark.btn-solid{color:#fff;background:#111}.btn-dark.btn-solid:hover{background:#1a1a1a}.btn-dark.btn-outline{color:#fff;background:0 0;border-color:#444}.btn-dark.btn-outline:hover{background:#1a1a1a}.btn-dark.btn-ghost{color:#aaa;background:0 0}.btn-dark.btn-ghost:hover{color:#fff;background:#1a1a1a}.btn-light.btn-solid{color:#111;background:#f4f4f4}.btn-light.btn-solid:hover{background:#e8e8e8}.btn-light.btn-outline{color:#111;background:0 0;border-color:#ddd}.btn-light.btn-outline:hover{background:#f4f4f4}.btn-light.btn-ghost{color:#666;background:0 0}.btn-light.btn-ghost:hover{color:#111;background:#f4f4f4}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=768px){.case-study-container{padding:30px 20px}.color-grid,.typography-grid-new{grid-template-columns:1fr}.icons-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.buttons-preview{flex-direction:column;align-items:flex-start}.components-grid{grid-template-columns:1fr}.images-grid{grid-template-columns:1fr;gap:30px}.image-number-wrapper,.image-hand-drawn-circle{width:40px;height:40px}.image-number{font-size:1.5rem}.effects-grid{grid-template-columns:1fr}.effect-preview{width:60px;height:45px}}.figma-button-wrapper{justify-content:center;margin-top:30px;display:flex}.figma-hand-drawn-btn{font-family:var(--heading);color:var(--text);background:0 0;border:1px solid #00000026;border-radius:40px;align-items:center;gap:10px;padding:12px 28px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.figma-hand-drawn-btn:before{content:"";pointer-events:none;border:.8px solid #0000001a;border-radius:40px;position:absolute;inset:-1px;transform:rotate(-.3deg)}.figma-hand-drawn-btn:after{content:"";pointer-events:none;border:.5px solid #0000000d;border-radius:40px;position:absolute;inset:0;transform:rotate(.2deg)}.figma-hand-drawn-btn:hover{border-color:#ff3b8e;transform:translateY(-2px)}.figma-hand-drawn-btn:hover .figma-btn-text{color:#ff3b8e}.figma-btn-icon{font-size:1.2rem}.figma-btn-text{letter-spacing:-.2px;transition:color .2s}.figma-btn-arrow{width:18px;height:18px;transition:transform .2s}.figma-hand-drawn-btn:hover .figma-btn-arrow{transform:translate(4px)}@media (width<=768px){.figma-hand-drawn-btn{padding:10px 22px;font-size:.9rem}.figma-btn-icon{font-size:1rem}.figma-btn-arrow{width:16px;height:16px}}@media (width<=480px){.figma-hand-drawn-btn{padding:8px 18px;font-size:.85rem}}:root{--text:#111;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Handlee", "Segoe UI", Roboto, sans-serif;--heading:"Gochi Hand", cursive, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:100vw;max-width:100%;min-height:100svh;margin:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{scrollbar-width:thin;scrollbar-color:#b5b5b5 transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:linear-gradient(90deg,#f1f1f1,#fafafa,#f1f1f1);border-left:1px solid #0000000d}::-webkit-scrollbar-thumb{background:linear-gradient(#c7c7c7,#9e9e9e);border:2px solid #f1f1f1;border-radius:10px;box-shadow:inset 1px 1px 2px #fff9,inset -1px -1px 2px #0000001a}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#b0b0b0,#7f7f7f)}::-webkit-scrollbar-corner{background:#f1f1f1}