.hero-editorial-headline{isolation:isolate;max-width:1060px;color:var(--theme-foreground);letter-spacing:-.06em;text-wrap:balance;margin:0 auto;font-size:clamp(2.5rem,6.6vw,6.25rem);font-weight:850;line-height:1.08;position:relative}.hero-editorial-headline:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse closest-side, color-mix(in srgb, var(--theme-background) 90%, transparent) 0%, color-mix(in srgb, var(--theme-background) 75%, transparent) 55%, transparent 100%);position:absolute;inset:-.1em -.15em}.hero-editorial-intro,.hero-editorial-note{-webkit-text-stroke:.15px var(--theme-foreground);letter-spacing:-.025em;color:var(--theme-foreground);font-family:Segoe Print,Bradley Hand,Comic Sans MS,cursive;font-style:italic;font-weight:600}.hero-editorial-intro{background:var(--theme-background);width:fit-content;margin:0 auto 22px;font-size:clamp(1.2rem,2vw,1.6rem);transform:rotate(-4deg)}.hero-editorial-marker{isolation:isolate;color:var(--theme-card);white-space:nowrap;padding:.02em .12em .09em;display:inline-block;position:relative}.hero-editorial-marker:before{content:"";z-index:-1;background:var(--theme-accent);clip-path:polygon(0 10%,13% 5%,29% 9%,47% 2%,66% 6%,84% 0,99% 7%,98% 36%,100% 62%,98% 96%,81% 93%,63% 99%,44% 94%,23% 100%,1% 94%,2% 67%,0 42%);transform-origin:0;position:absolute;inset:.04em -.03em .03em;transform:rotate(-1.3deg)}.hero-editorial-note{text-wrap:pretty;max-width:510px;margin:24px auto 0;font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.65;transform:rotate(-1deg)}.hero-editorial-note>span{background:var(--theme-background);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:2px 6px}.hero-editorial-subtitle{background:var(--theme-background);color:#404040;letter-spacing:.085em;width:fit-content;padding:2px 8px;font-weight:650;position:relative}.hero-editorial-button{color:var(--theme-foreground);background:var(--theme-card);border-color:color-mix(in srgb, var(--theme-foreground) 45%, var(--theme-border));box-shadow:0 4px 16px color-mix(in srgb, var(--theme-foreground) 12%, transparent)}.hero-editorial-button:first-child{color:var(--theme-card);background:var(--theme-foreground);border-color:var(--theme-foreground)}.hero-editorial-button:hover{color:var(--theme-accent);background:var(--theme-surface);border-color:var(--theme-accent)}.hero-editorial-button:first-child:hover{color:var(--theme-card);background:var(--theme-accent)}.camera-control{background:var(--theme-card);color:var(--theme-foreground);border-color:var(--theme-border);box-shadow:0 4px 16px color-mix(in srgb, var(--theme-foreground) 6%, transparent)}.camera-control:hover{color:var(--theme-accent);border-color:var(--theme-accent);background:var(--theme-surface)}.camera-status{color:var(--theme-secondary);background:color-mix(in srgb, var(--theme-background) 94%, transparent);border-radius:8px;padding:4px 8px}@media (prefers-reduced-motion:no-preference){.hero-editorial-marker:before{animation:.95s cubic-bezier(.25,.65,.35,1) .25s both hero-marker-draw}.hero-editorial-marker>span{animation:.95s linear .25s both hero-marker-ink}.hero-editorial-note{animation:1.1s cubic-bezier(.25,.65,.35,1) .7s both hero-note-write}}@keyframes hero-marker-draw{0%{transform:rotate(-1.3deg)scaleX(0)}35%{transform:rotate(-1.6deg)scaleX(.38)}65%{transform:rotate(-.8deg)scaleX(.7)}to{transform:rotate(-1.3deg)scaleX(1)}}@keyframes hero-marker-ink{0%,20%{color:var(--theme-foreground)}to{color:var(--theme-card)}}@keyframes hero-note-write{0%{clip-path:inset(0 100% 0 0);opacity:0}20%{opacity:1}to{clip-path:inset(-12% -3%);opacity:1}}@media (max-width:639px){.hero-editorial-headline{font-size:clamp(2.2rem,10.1vw,3.7rem);line-height:1.1}.hero-editorial-intro{margin-bottom:16px}.hero-editorial-note{max-width:340px;margin-top:18px;font-size:16px;line-height:1.5}.hero-editorial-subtitle{margin-top:18px}.hero-editorial-actions{gap:12px;margin-top:22px}}@media (max-height:760px){.hero-editorial-copy{padding-top:110px;padding-bottom:24px}.hero-editorial-headline{font-size:clamp(2rem,5.6vh,4rem)}.hero-editorial-intro{margin-bottom:12px;font-size:18px}.hero-editorial-subtitle{margin-top:12px;font-size:11px}.hero-editorial-note{margin-top:14px;font-size:15px;line-height:1.45}.hero-editorial-actions{gap:10px;margin-top:18px}.hero-editorial-button{height:44px}}
.about-section{color:#303030;background:#faf9f6}.about-section-ripple>div{opacity:.1}.about-editorial{--about-ink:#303030;--about-orange:#c65a2e;--about-marker:#f5cdaa;z-index:20;width:100%;max-width:1250px;color:var(--about-ink);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(32px,4vw,64px);margin-inline:auto;display:grid;position:relative}.about-editorial-leftColumn{min-width:0;padding:0 8px 55px;position:relative}.about-editorial-rig{--rope-length:95;padding-top:calc(var(--rope-length) * 1px);position:relative}.about-editorial-ropes{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.about-editorial-pin{z-index:3;filter:drop-shadow(1px 2px 1px #38383818);width:24px;height:28px;position:absolute;top:0}.about-editorial-leftPin{left:16px}.about-editorial-rightPin{right:16px}.about-editorial-sign{transform-origin:50% calc(16px - var(--rope-length) * 1px);pointer-events:auto;-webkit-user-select:text;user-select:text;background:#fff;border-radius:3px 5px 4px 3px;padding:52px 32px 42px;position:relative;box-shadow:3px 12px 22px #3838380f}.about-editorial-signBorder{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.about-editorial-ring{background:#d3d1cb;border:1.5px solid #383838;border-radius:48% 52% 45% 55%;width:12px;height:14px;position:absolute;top:5px;box-shadow:inset 1px 1px #fff,0 1px #38383830}.about-editorial-leftRing{left:22px}.about-editorial-rightRing{right:22px}.about-editorial-grabHandle{color:#8b8378;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:5px 28px;font-size:22px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.about-editorial-grabHandle:active{cursor:grabbing}.about-editorial-grabHandle:focus-visible{outline:1px solid var(--about-orange);outline-offset:2px;border-radius:8px}.about-editorial-heading{letter-spacing:-.065em;white-space:nowrap;width:fit-content;margin:0 0 38px;font-size:clamp(2.4rem,4vw,3.5rem);font-weight:850;line-height:1.1;position:relative}.about-editorial-greeting{letter-spacing:-.045em;margin:0 0 20px;font-size:clamp(1.45rem,2.5vw,2rem);font-weight:700;line-height:1.5}.about-editorial-intro{margin:0;font-size:17px;line-height:1.9}.about-editorial-name{display:inline-block;position:relative}.about-editorial-sketch{color:var(--about-orange);pointer-events:none;overflow:visible}.about-editorial-meUnderline{width:97%;height:23px;position:absolute;bottom:-22px;left:1%}.about-editorial-nameCircle{width:139%;height:155%;position:absolute;top:-22%;left:-19%}.about-editorial-arrow{width:100px;height:65px;position:absolute;bottom:-4px;right:5%;transform:rotate(-14deg)}.about-editorial-motionLines{opacity:.65;width:22px;height:34px;position:absolute;top:55%;left:-20px;transform:rotate(-9deg)}.about-editorial-brush{isolation:isolate;color:var(--about-ink);display:inline-block;position:relative}.about-editorial-brush:before{content:"";z-index:-1;background:var(--about-marker);clip-path:polygon(2% 13%,95% 0,100% 75%,5% 100%,0 65%);position:absolute;inset:35% -4px 8%;transform:rotate(-2deg)}.about-editorial-copy{pointer-events:auto;-webkit-user-select:text;user-select:text;flex-direction:column;gap:20px;min-width:0;padding-top:85px;display:flex;position:relative}.about-editorial-copyBlock{width:100%;min-width:0}.about-editorial-paragraph{letter-spacing:-.01em;word-spacing:normal;color:var(--about-ink);overflow-wrap:break-word;margin:0;font-size:16px;font-weight:400;line-height:1.85}.about-editorial-highlight{isolation:isolate;color:var(--about-orange);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:650;position:relative}.about-editorial-underlinedWord{text-decoration-line:underline;-webkit-text-decoration-color:var(--about-orange);text-decoration-color:var(--about-orange);text-underline-offset:5px;text-decoration-thickness:2px}.about-editorial-markerWord{color:var(--about-orange);background:linear-gradient(#0000 58%,#f5cdaabf 58% 90%,#0000 90%)}.about-editorial-drives{letter-spacing:-.04em;width:fit-content;color:var(--about-ink);margin:10px 0 18px;font-size:27px;font-weight:750;line-height:1.3;position:relative}.about-editorial-drivesUnderline{width:100%;height:23px;position:absolute;bottom:-17px;left:-3px}.about-editorial-drivesMarks{width:22px;height:30px;position:absolute;top:-7px;right:-29px;transform:rotate(35deg)}.about-editorial-laptop{color:#383838;width:95px;height:66px;position:absolute;top:-5px;right:12px;transform:rotate(6deg)}@media (prefers-reduced-motion:no-preference){.about-editorial[data-animate=true] .about-editorial-sketch path{stroke-dasharray:1;stroke-dashoffset:0;animation:about-editorial-draw .85s cubic-bezier(.38, .1, .35, 1) var(--draw-delay,0s) both}.about-editorial[data-animate=true] .about-editorial-heading{animation:.4s ease-out both about-editorial-heading-in}.about-editorial[data-animate=true] .about-editorial-intro .about-editorial-brush:before{animation:.8s ease-out .8s both about-editorial-highlight}}@keyframes about-editorial-draw{0%{stroke-dashoffset:1px;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes about-editorial-heading-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes about-editorial-highlight{0%{transform:scaleX(0)rotate(-2deg)}to{transform:scaleX(1)rotate(-2deg)}}@media (min-width:1280px){.about-editorial-paragraph{font-size:17px}}@media (max-width:1023px){.about-editorial{gap:32px}.about-editorial-leftColumn{padding-inline:6px}.about-editorial-rig{--rope-length:85}.about-editorial-sign{padding:52px 23px 35px}.about-editorial-heading{font-size:38px}.about-editorial-intro{font-size:16px}.about-editorial-greeting{font-size:25px}.about-editorial-copy{gap:18px;padding-top:70px}.about-editorial-laptop{width:80px;height:55px}}@media (max-width:767px){.about-editorial{grid-template-columns:minmax(0,1fr);gap:12px;max-width:540px}.about-editorial-leftColumn{padding:0 16px 65px}.about-editorial-rig{--rope-length:75}.about-editorial-sign{padding:50px 24px 32px}.about-editorial-heading{font-size:clamp(2rem,8.4vw,3.5rem)}.about-editorial-greeting{font-size:25px}.about-editorial-intro{font-size:16px}.about-editorial-copy{gap:18px;padding-top:12px}.about-editorial-laptop{width:70px;height:48px;top:-60px;right:5px}.about-editorial-arrow{width:80px;height:50px;bottom:0;right:80px;transform:rotate(35deg)}.about-editorial-motionLines{width:19px;left:-15px}.about-editorial-paragraph{font-size:16px;line-height:1.85}}@media (max-width:359px){.about-editorial-leftColumn{padding-inline:12px}.about-editorial-sign{padding-inline:19px}.about-editorial-heading{font-size:30px}.about-editorial-greeting{font-size:23px}.about-editorial-intro{font-size:15px}}@media (prefers-reduced-motion:reduce){.about-editorial-grabHandle{cursor:default}.about-editorial-sketch path{animation:none!important}}
.tech-sphere-column{flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}.tech-sphere{aspect-ratio:1;perspective:1000px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;isolation:isolate;width:min(100%,520px);margin:0 auto;position:relative}.tech-sphere[data-dragging=true]{cursor:grabbing}.tech-sphere:before,.tech-sphere:after{content:"";pointer-events:none;z-index:-1;border:2px dashed #a5836859;border-radius:50%;position:absolute;inset:10%}.tech-sphere:before{animation:16s ease-in-out infinite alternate orbit-drift;transform:rotate(-22deg)scaleY(.68)}.tech-sphere:after{border-width:1.5px;animation:19s ease-in-out infinite alternate orbit-drift-reverse;inset:17% 4%;transform:rotate(28deg)scaleY(.48)}.tech-sphere-stage:before,.tech-sphere-stage:after{content:"";pointer-events:none;border-top:3px solid #c44a13;border-radius:50%;width:28px;height:17px;position:absolute}.tech-sphere-stage:before{top:12%;right:14%;transform:rotate(40deg)}.tech-sphere-stage:after{bottom:22%;left:4%;transform:rotate(-55deg)}.tech-sphere-stage{transform-style:preserve-3d;position:absolute;inset:0}.tech-sphere-point{width:0;height:0;transform-style:preserve-3d;will-change:transform;position:absolute;top:50%;left:50%}.tech-sphere-arrival{transform-style:preserve-3d;transform:translate3d(var(--arrival-x), var(--arrival-y), 0) rotate(var(--arrival-rotation)) scale(.5);opacity:0;transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity .65s;transition-delay:var(--arrival-delay);position:absolute;inset:0}.tech-sphere[data-assembled=true] .tech-sphere-arrival{opacity:1;transform:translate(0,0)rotate(0)scale(1)}.tech-sphere-logo{width:50px;height:50px;cursor:inherit;outline-offset:5px;background:#fff;border:0;border-radius:12px;place-items:center;padding:4px;transition:box-shadow .2s,background .2s;display:grid;position:absolute;top:-25px;left:-25px;box-shadow:0 5px 15px #2a231c21}.tech-sphere-logo img{object-fit:contain;width:42px;height:42px;opacity:var(--sphere-brightness,1);pointer-events:none;transition:scale .2s,opacity .2s}.tech-sphere-logo:hover img,.tech-sphere-logo:focus-visible img{opacity:1;scale:1.15}.tech-sphere-logo:hover{box-shadow:0 8px 25px #c44a1333}.tech-sphere-logo:focus-visible{outline:2px solid #c44a13}.tech-sphere-logo:is([aria-label=Next\.js],[aria-label=Express\.js],[aria-label=GitHub],[aria-label=REST\ APIs]){background:#292929}.tech-sphere-logo:is([aria-label=Next\.js],[aria-label=Express\.js],[aria-label=GitHub],[aria-label=REST\ APIs]) img{width:34px;height:34px}.tech-sphere-tooltip{left:calc(50% + var(--sphere-tooltip-shift,0px));color:#292929;opacity:0;visibility:hidden;pointer-events:none;background:#fff;border:1px solid #e6ddd4;border-radius:8px;width:max-content;padding:7px 12px;font-size:12px;font-weight:500;transition:opacity .15s,visibility .15s;position:absolute;top:calc(100% + 12px);transform:translate(-50%)}.tech-sphere-logo:hover .tech-sphere-tooltip,.tech-sphere-logo:focus-visible .tech-sphere-tooltip{opacity:1;visibility:visible}.tech-sphere[data-dragging=true] .tech-sphere-tooltip{opacity:0;visibility:hidden}#tech-stack .tech-sphere-instructions{pointer-events:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:-4px;padding-bottom:8px;display:flex;position:relative}#tech-stack .tech-sphere-guide-arrow{color:#c44a13;flex-shrink:0;width:48px;height:40px;display:block;overflow:visible;transform:rotate(-12deg)}#tech-stack .tech-sphere-instruction-text{color:#55514d;font-family:var(--font-geist-sans), Arial, sans-serif;letter-spacing:-.015em;white-space:nowrap;margin:0;font-size:clamp(12px,1.1vw,14px);font-weight:500;line-height:1.5;transform:rotate(-2deg)}#tech-stack .tech-sphere-instruction-text span:not(.tech-sphere-divider){color:#c44a13;font-weight:700}#tech-stack .tech-sphere-divider{color:#aaa39b;padding-inline:5px}#tech-stack .tech-sphere-hint{color:#55514d;text-align:center;width:100%;margin:8px 0 0;font-size:14px;font-weight:500;line-height:1.6;display:block;transform:rotate(-2deg)}@keyframes orbit-drift{0%{transform:rotate(-22deg)scaleY(.68)}to{transform:rotate(-15deg)scaleY(.72)}}@keyframes orbit-drift-reverse{0%{transform:rotate(28deg)scaleY(.48)}to{transform:rotate(20deg)scaleY(.55)}}@media (max-width:767px){.tech-sphere{width:min(100%,390px)}.tech-sphere-logo{border-radius:11px;width:44px;height:44px;top:-22px;left:-22px}.tech-sphere-logo img{width:36px;height:36px}#tech-stack .tech-sphere-instructions{gap:6px;margin-top:4px}#tech-stack .tech-sphere-guide-arrow{width:40px;height:34px}#tech-stack .tech-sphere-instruction-text,#tech-stack .tech-sphere-hint{font-size:12px}}@media (max-width:399px){.tech-sphere{width:min(100%,320px)}#tech-stack .tech-sphere-guide-arrow{width:34px;height:30px}#tech-stack .tech-sphere-instruction-text{font-size:11px}#tech-stack .tech-sphere-instructions{gap:4px}}@media (prefers-reduced-motion:reduce){.tech-sphere:before,.tech-sphere:after{animation:none}.tech-sphere-arrival{opacity:1!important;transition:none!important;transform:none!important}.tech-sphere-logo img{transition:none}}
#tech-stack.tech-stack-section{--tech-accent:#c44a13;--tech-accent-soft:#f5d4bc;--tech-ink:#292929;isolation:isolate;color:var(--tech-ink);background:#faf9f6;padding-block:48px 45px;position:relative}#tech-stack .tech-stack-container{z-index:10;box-sizing:border-box;width:100%;max-width:1500px;margin-inline:auto;padding-inline:40px;position:relative}#tech-stack .tech-stack-header{text-align:center;flex-direction:column;align-items:center;max-width:900px;margin:0 auto 10px;display:flex}#tech-stack .tech-stack-title{letter-spacing:-.055em;color:var(--tech-ink);margin:0;font-size:clamp(38px,4vw,58px);font-weight:800;line-height:1.05;display:inline-block;position:relative}#tech-stack .tech-stack-subtitle{letter-spacing:-.035em;width:fit-content;color:var(--tech-ink);margin:14px auto 0;font-size:clamp(20px,2vw,25px);font-weight:700;line-height:1.3;display:inline-block;position:relative}#tech-stack .tech-stack-subtitle:after{content:"";background:var(--tech-accent);transform-origin:0;border-radius:60% 35% 55% 30%;width:96%;height:3px;animation:.9s ease-out .4s forwards tech-header-underline;position:absolute;bottom:-9px;left:2%;transform:rotate(-1deg)scaleX(0)}#tech-stack .tech-stack-description{color:#69645f;text-align:center;text-wrap:balance;max-width:680px;margin:22px auto 0;font-size:15px;line-height:1.7}#tech-stack .tech-stack-content{grid-template-columns:minmax(0,1fr);align-items:center;gap:20px;min-height:0;display:grid}#tech-stack .tech-stack-sphere-column,#tech-stack .tech-stack-terminal-column{width:100%;min-width:0;position:relative}#tech-stack .tech-stack-sphere-column{justify-content:center;align-items:center;min-height:0;display:flex}#tech-stack .tech-sphere-column{width:100%;max-width:590px;margin-inline:auto}#tech-stack .tech-sphere{width:min(100%,500px);margin-inline:auto}#tech-stack .tech-sphere-hint{color:#77716c;text-align:center;margin-top:12px;font-size:13px;line-height:1.6}#tech-stack .tech-stack-terminal-column{justify-content:center;align-items:center;display:flex}#tech-stack .tech-learning-panel{width:100%;max-width:620px;height:auto;min-height:0;color:var(--tech-ink);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:0;display:flex}#tech-stack .tech-developer-sketch{width:min(100%,510px);height:auto;min-height:0;max-height:305px;color:var(--tech-ink);filter:drop-shadow(0 5px 8px #32281e06);flex:none;display:block;overflow:visible}#tech-stack .tech-developer-book-labels{font-family:var(--font-geist-sans), sans-serif;letter-spacing:1.2px;font-size:11px;font-weight:750}#tech-stack .tech-learning-statement{letter-spacing:-.04em;text-align:center;text-wrap:balance;max-width:580px;color:var(--tech-ink);margin:0;font-size:clamp(1.5rem,2.5vw,2.1rem);font-weight:700;line-height:1.4}#tech-stack .tech-learning-emphasis,#tech-stack .tech-learning-word{isolation:isolate;display:inline-block;position:relative}#tech-stack .tech-learning-emphasis{color:var(--tech-accent)}#tech-stack .tech-learning-word{color:var(--tech-ink)}#tech-stack .tech-learning-underline{width:102%;height:18px;color:var(--tech-accent);pointer-events:none;position:absolute;bottom:-11px;left:-1%}#tech-stack .tech-learning-marker{z-index:-1;width:108%;height:17px;color:var(--tech-accent);opacity:.22;pointer-events:none;position:absolute;bottom:1px;left:-4%;transform:rotate(-3deg)}#tech-stack .tech-learning-caption{color:#69645f;text-align:center;text-wrap:balance;max-width:520px;margin:8px 0 0;font-size:clamp(16px,1.4vw,19px);font-weight:400;line-height:1.7}#tech-stack .tech-stack-footer{color:#77716c;letter-spacing:0;text-align:center;margin-top:10px;font-family:Segoe Print,Bradley Hand,Comic Sans MS,cursive;font-size:26px;font-style:italic;font-weight:600;rotate:-2deg}@keyframes tech-header-underline{0%{transform:rotate(-1deg)scaleX(0)}to{transform:rotate(-1deg)scaleX(1)}}@keyframes tech-coffee-steam{0%,to{opacity:.2;transform:translateY(2px)}45%{opacity:.7}85%{opacity:0;transform:translateY(-9px)}}@keyframes tech-developer-blink{0%,94%,98%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}@keyframes tech-bulb-thought{0%,70%,to{transform:rotate(0)scale(1)}80%{transform:rotate(-3deg)scale(1.035)}90%{transform:rotate(2deg)scale(1.035)}}@keyframes tech-bulb-rays{0%,65%,to{opacity:.45}80%{opacity:1}}@media (prefers-reduced-motion:no-preference){#tech-stack .tech-developer-sketch[data-moving=true] .tech-developer-steam{animation:3s ease-in-out 1.8s infinite tech-coffee-steam}#tech-stack .tech-developer-sketch[data-moving=true] .tech-developer-steam-1{animation-delay:2.25s}#tech-stack .tech-developer-sketch[data-moving=true] .tech-developer-steam-2{animation-delay:2.7s}#tech-stack .tech-developer-sketch[data-moving=true] .tech-developer-eyes{transform-box:fill-box;transform-origin:50%;animation:6.3s linear 1.8s infinite tech-developer-blink}#tech-stack .tech-developer-sketch[data-moving=true] .tech-developer-bulb{transform-box:fill-box;transform-origin:50%;animation:4s ease-in-out 1.8s infinite tech-bulb-thought}#tech-stack .tech-developer-sketch[data-moving=true] .tech-developer-rays{animation:4s ease-in-out 1.8s infinite tech-bulb-rays}}@media (min-width:1024px){#tech-stack .tech-stack-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}#tech-stack .tech-stack-sphere-column{transform:translate(18px)}#tech-stack .tech-stack-terminal-column{transform:translate(-18px)}}@media (min-width:1280px){#tech-stack .tech-stack-content{gap:0}}@media (max-width:1023px){#tech-stack.tech-stack-section{padding-block:55px}#tech-stack .tech-stack-container{padding-inline:32px}#tech-stack .tech-stack-content{gap:18px}#tech-stack .tech-stack-sphere-column,#tech-stack .tech-learning-panel{min-height:0}}@media (max-width:767px){#tech-stack.tech-stack-section{padding-block:45px}#tech-stack .tech-stack-container{padding-inline:20px}#tech-stack .tech-stack-header{margin-bottom:18px}#tech-stack .tech-stack-title{font-size:clamp(34px,9vw,46px)}#tech-stack .tech-stack-subtitle{font-size:20px}#tech-stack .tech-stack-description{margin-top:20px;font-size:14px}#tech-stack .tech-stack-content{gap:24px;min-height:0}#tech-stack .tech-stack-sphere-column{min-height:0}#tech-stack .tech-sphere{width:min(100%,390px)}#tech-stack .tech-learning-panel{gap:14px;min-height:0}#tech-stack .tech-developer-sketch{width:min(100%,440px);height:auto;max-height:260px;color:var(--tech-ink);flex:none;display:block;overflow:visible}#tech-stack .tech-learning-statement{font-size:clamp(22px,5.2vw,28px)}#tech-stack .tech-learning-caption{font-size:15px}#tech-stack .tech-stack-footer{color:#55514d;margin-top:32px;font-size:20px}}@media (max-width:399px){#tech-stack .tech-stack-container{padding-inline:16px}#tech-stack .tech-sphere{width:min(100%,330px)}#tech-stack .tech-learning-panel{gap:12px}}@media (prefers-reduced-motion:reduce){#tech-stack .tech-stack-subtitle:after{animation:none;transform:rotate(-1deg)scaleX(1)}#tech-stack .tech-developer-steam,#tech-stack .tech-developer-eyes,#tech-stack .tech-developer-bulb,#tech-stack .tech-developer-rays{animation:none!important}}#tech-stack.tech-stack-section{isolation:isolate;position:relative}#tech-stack.tech-stack-section>div[aria-hidden=true]{-webkit-mask-image:linear-gradient(#0000 0%,#0006 7%,#000 17% 83%,#0006 93%,#0000 100%);mask-image:linear-gradient(#0000 0%,#0006 7%,#000 17% 83%,#0006 93%,#0000 100%)}#tech-stack .tech-wind-line{transform-box:fill-box;transform-origin:50%;animation:4s ease-in-out infinite alternate tech-wind-flow}#tech-stack .tech-wind-2{animation-delay:-1s}#tech-stack .tech-wind-3{animation-delay:-2s}#tech-stack .tech-wind-4{animation-delay:-.7s}#tech-stack .tech-wind-5{animation-delay:-1.5s}@keyframes tech-wind-flow{0%{opacity:.3;transform:translate(-5px,2px)rotate(-3deg)}50%{opacity:.75;transform:translate(4px,-3px)rotate(2deg)}to{opacity:.35;transform:translate(10px,2px)rotate(4deg)}}#tech-stack .tech-stack-content{position:relative}#tech-stack .tech-sphere-doodles{aspect-ratio:1;z-index:0;pointer-events:none;width:48%;position:absolute;top:50%;left:0;transform:translateY(-50%)}#tech-stack .tech-sphere-doodles svg{width:100%;height:100%;overflow:visible}#tech-stack .tech-doodle{stroke:#c8c8c8;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;opacity:.55;animation:6s ease-in-out infinite tech-doodle-float}#tech-stack .tech-doodle-2{animation-delay:-2s}#tech-stack .tech-doodle-3{animation-delay:-4s}#tech-stack .tech-stack-sphere-column,#tech-stack .tech-stack-terminal-column{z-index:1;position:relative}@keyframes tech-doodle-float{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.65;transform:translateY(-12px)}}@media (max-width:1023px){#tech-stack .tech-sphere-doodles{width:100%;top:30%}}@media (prefers-reduced-motion:reduce){#tech-stack .tech-wind-line,#tech-stack .tech-doodle{animation:none}}
#experience{--experience-accent:#c44a13;--experience-purple:#9b6dff;--experience-blue:#329cff;--experience-green:#75c900;--experience-pink:#e54cd8;isolation:isolate;position:relative;overflow:clip}#experience .experience-sketch-background{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}#experience .experience-doodle{opacity:.55;width:130px;height:110px;position:absolute}#experience .experience-doodle-one{opacity:.22;width:80px;height:48px;top:12px;right:7%;transform:rotate(-15deg)}#experience .experience-doodle-two{width:90px;top:27%;left:4%;transform:rotate(25deg)}#experience .experience-doodle-three{width:180px;top:49%;right:5%}#experience .experience-doodle-four{width:90px;top:72%;left:6%}#experience .experience-doodle-five{width:150px;bottom:7%;right:9%}#experience .experience-floating-circle{opacity:.45;border:2px solid;border-radius:48% 52% 55% 45%;animation:8s ease-in-out infinite experience-float;display:block;position:absolute}#experience .circle-one{border-color:var(--experience-purple);width:34px;height:32px;top:14%;left:8%}#experience .circle-two{border-color:var(--experience-blue);width:48px;height:45px;animation-delay:-2s;top:36%;right:10%}#experience .circle-three{border-color:var(--experience-pink);width:26px;height:28px;animation-delay:-4s;top:65%;left:12%}#experience .circle-four{border-color:var(--experience-green);width:38px;height:35px;animation-delay:-1s;bottom:9%;right:15%}#experience .experience-floating-cross{opacity:.55;font-size:26px;font-weight:300;animation:9s ease-in-out infinite experience-cross-float;position:absolute}#experience .cross-one{color:var(--experience-purple);top:21%;right:18%}#experience .cross-two{color:var(--experience-blue);animation-delay:-3s;bottom:25%;left:7%}#experience .experience-sketch-star{opacity:.35;font-size:32px;animation:18s linear infinite experience-star-spin;position:absolute}#experience .star-one{color:var(--experience-pink);top:42%;left:5%}#experience .star-two{color:var(--experience-green);animation-direction:reverse;bottom:15%;right:6%}#experience .experience-header{z-index:2;isolation:isolate;position:relative}#experience .experience-editorial-title{z-index:1;width:fit-content;max-width:100%;font-family:var(--font-geist-sans), sans-serif;letter-spacing:-.055em;color:#292929;margin:0;font-size:clamp(36px,4.5vw,68px);font-weight:800;line-height:1.06;position:relative}#experience .experience-heading-text{display:block}#experience .experience-subtitle{z-index:1;color:#292929;letter-spacing:-.035em;width:fit-content;max-width:100%;margin:24px 0 0;font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.3;display:block;position:relative}#experience .experience-header-underline{width:100%;height:18px;color:var(--experience-accent);pointer-events:none;position:absolute;bottom:-13px;left:0}#experience .experience-header-description{z-index:1;width:min(100%,780px);max-width:100%;color:var(--theme-secondary);text-align:left;letter-spacing:-.025em;margin:36px 0 0 auto;font-size:clamp(17px,1.65vw,22px);font-weight:400;line-height:1.7;position:relative}#experience .experience-header-description strong{color:var(--theme-foreground);font-weight:650}#experience .experience-header-description strong:first-of-type{font-weight:600}#experience .experience-description-emphasis{color:var(--theme-foreground);font-weight:650;line-height:1.25;display:inline-block;position:relative}#experience .experience-description-emphasis .experience-header-underline{width:92%;height:6px;top:100%;bottom:auto;left:4%}#experience .experience-description-emphasis .experience-header-underline path{stroke-width:1.25px;vector-effect:non-scaling-stroke}#experience .experience-header-sketches{z-index:0;pointer-events:none;width:230px;height:180px;position:absolute;top:4px;right:56px}#experience .experience-header-drawing{color:var(--experience-accent);position:absolute}#experience .experience-header-curve{width:110px;height:64px;top:22px;left:0}#experience .experience-header-spark{width:32px;height:36px;top:6px;right:8px}#experience .experience-header-circle{width:28px;height:28px;top:100px;left:82px}#experience .experience-header-pencil{width:56px;height:24px;color:var(--theme-muted);bottom:12px;right:0}#experience .experience-header-wave{width:96px;height:28px;bottom:0;left:0}@media (max-width:1100px){#experience .experience-header-sketches{width:140px;height:155px;right:40px}#experience .experience-header-curve{width:82px;height:48px;top:24px}#experience .experience-header-spark{width:26px;height:29px}#experience .experience-header-circle{width:24px;height:24px;top:88px;left:14px}#experience .experience-header-pencil{width:45px;height:20px;bottom:36px}#experience .experience-header-wave{width:82px;height:24px}}@media (max-width:767px){#experience .experience-header-sketches,#experience .experience-doodle-one{display:none}}@media (prefers-reduced-motion:no-preference){#experience .experience-header-sketches[data-moving=true] .experience-header-wave{animation:7s ease-in-out 1.5s infinite experience-header-wave}}@keyframes experience-header-wave{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-2px)rotate(1deg)}}#experience .experience-card{z-index:2;transition:border-color .3s,box-shadow .3s,transform .3s;position:relative}#experience .experience-company{display:inline-block;position:relative}#experience .experience-card:after{content:"";border-right:2px solid var(--experience-accent);border-bottom:2px solid var(--experience-accent);opacity:.3;pointer-events:none;border-radius:0 0 9px;width:26px;height:26px;position:absolute;bottom:16px;right:16px}#experience .experience-card[data-company=bigbigi]{--card-accent:var(--experience-purple)}#experience .experience-card[data-company=huntigox]{--card-accent:var(--experience-blue)}#experience .experience-card[data-company=skillsshift]{--card-accent:var(--experience-green)}#experience .experience-card[data-company]:after{border-color:var(--card-accent)}#experience .experience-sketch{color:var(--experience-accent);pointer-events:none;position:absolute}#experience .experience-sketch-underline{width:100%;height:12px;bottom:-9px;left:0}#experience .experience-sketch-arrow{width:24px;height:24px;top:12px;left:-28px}#experience .experience-sketch-spark{width:22px;height:22px;top:14px;right:14px}#experience [data-company=bigbigi] .experience-sketch{color:var(--experience-purple)}#experience [data-company=huntigox] .experience-sketch{color:var(--experience-blue)}#experience [data-company=skillsshift] .experience-sketch{color:var(--experience-green)}#experience .experience-tech-tag{transition:border-color .25s,background-color .25s,transform .25s}@media (hover:hover) and (pointer:fine){#experience .experience-tech-tag:hover{border-color:var(--card-accent,var(--experience-accent));transform:translateY(-2px)}}#experience .experience-milestone{transition:background-color .4s,border-color .4s,box-shadow .4s}#experience .experience-milestone[data-active=true]{background-color:var(--theme-accent);border-color:color-mix(in srgb, var(--theme-accent) 65%, transparent);box-shadow:0 0 12px color-mix(in srgb, var(--theme-accent) 16%, transparent)}#experience .experience-date{transition:color .4s}#experience [data-reached=true]>.sticky .experience-date,#experience [data-reached=true]>.relative>.experience-date{color:var(--theme-foreground)}#experience .experience-progress-glow{z-index:11;background:var(--experience-accent);width:4px;height:4px;box-shadow:0 0 5px color-mix(in srgb, var(--theme-accent) 15%, transparent);pointer-events:none;border-radius:50%;margin-top:-2px;margin-left:-2px;position:absolute;top:0;left:32px}#experience .experience-image{transition:transform .5s}#experience .experience-image-frame{transition:border-color .3s,box-shadow .3s}@media (hover:hover) and (pointer:fine){#experience .experience-card:hover{border-color:var(--card-accent,var(--experience-accent));box-shadow:0 8px 30px #29292912}#experience .experience-image-frame:hover .experience-image{transform:translateY(-2px)scale(1.025)}}@keyframes experience-float{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-14px)rotate(7deg)}}@keyframes experience-cross-float{0%,to{transform:translateY(0)rotate(-12deg)}50%{transform:translateY(-12px)rotate(12deg)}}@keyframes experience-star-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:767px){#experience .experience-doodle{opacity:.25;width:75px}#experience .experience-floating-circle,#experience .experience-floating-cross,#experience .experience-sketch-star{opacity:.2}#experience .experience-sketch-arrow{width:16px;height:16px;left:-16px}}@media (prefers-reduced-motion:reduce){#experience .experience-card,#experience .experience-milestone,#experience .experience-date,#experience .experience-image,#experience .experience-image-frame,#experience .experience-tech-tag{transition:none}#experience .experience-floating-circle,#experience .experience-floating-cross,#experience .experience-sketch-star{animation:none}#experience .experience-image-frame:hover .experience-image{transform:none}#experience .experience-progress-glow{display:none}}
.journey-section{background:var(--background);color:var(--foreground);padding:100px 0 75px;position:relative;overflow:hidden}.journey-container{width:min(100% - 64px,1400px);margin:0 auto}.journey-header{max-width:900px;position:relative}.journey-eyebrow{color:#c44a13;letter-spacing:.16em;margin-bottom:20px;font-size:12px;font-weight:700;display:block}.journey-header h2{letter-spacing:-.065em;margin:0;font-size:clamp(42px,6vw,88px);font-weight:850;line-height:.98}.journey-header h2 span{color:#c44a13}.journey-header>p{max-width:600px;color:var(--theme-secondary,#777);margin-top:28px;font-size:clamp(16px,1.5vw,20px);line-height:1.6}.journey-handwriting{color:#c44a13;margin-top:24px;font-family:Caveat,Comic Sans MS,cursive;font-size:30px;display:inline-block;transform:rotate(-5deg)}.journey-canvas{width:100%;min-height:550px;margin-top:40px;position:relative}.journey-path{pointer-events:none;width:100%;height:360px;position:absolute;inset:70px 0 auto;overflow:visible}.journey-milestones{height:360px;position:absolute;inset:70px 0 auto}.journey-milestone{color:inherit;cursor:pointer;z-index:2;background:0 0;border:0;flex-direction:column;align-items:center;gap:16px;padding:0;display:flex;position:absolute}.journey-milestone-1{top:45%;left:9%}.journey-milestone-2{top:29%;left:26%}.journey-milestone-3{top:47%;left:49%}.journey-milestone-4{top:25%;left:70%}.journey-milestone-5{top:40%;left:88%}.journey-node{border:4px solid var(--project-color);background:var(--background);border-radius:48% 52% 46% 54%;place-items:center;width:78px;height:78px;transition:background .25s,box-shadow .25s,border-radius .35s;display:grid;position:relative;transform:rotate(-8deg);box-shadow:0 8px 24px #0000000f}.journey-node:before{content:"";border:1.5px dashed var(--project-color);opacity:.35;border-radius:50%;animation:16s linear infinite journey-orbit;position:absolute;inset:-13px}.journey-node:after{content:"";border:1px solid var(--project-color);opacity:.45;border-radius:45% 55% 60% 40%;position:absolute;inset:-7px}.journey-node span{font-size:23px;font-weight:800;transform:rotate(8deg)}.journey-milestone:hover .journey-node,.journey-milestone:focus-visible .journey-node{background:var(--project-color);color:#fff;box-shadow:0 10px 35px color-mix(in srgb, var(--project-color) 28%, transparent);border-radius:50%}.journey-milestone:focus-visible{outline:2px solid var(--project-color);outline-offset:15px;border-radius:12px}.journey-node-copy{text-align:center;flex-direction:column;align-items:center;gap:5px;width:175px;display:flex}.journey-node-copy strong{letter-spacing:-.035em;font-size:17px;font-weight:800}.journey-node-copy small{letter-spacing:.07em;color:var(--theme-secondary,#777);font-size:10px;font-weight:700}.journey-decoration{pointer-events:none;z-index:0;position:absolute}.journey-star{color:#c44a13;width:45px;height:45px;top:10%;right:12%}.journey-loop{color:#9b6dff;width:85px;height:65px;bottom:10%;left:15%}.journey-decoration svg{width:100%;height:100%}.journey-instruction{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:10px;right:6%;transform:rotate(-5deg)}.journey-instruction>span{color:#c44a13;font-family:Caveat,Comic Sans MS,cursive;font-size:32px}.journey-instruction svg{color:#c44a13;width:65px;height:50px}.journey-instruction p{color:var(--theme-secondary,#777);margin:0;font-size:13px}.journey-progress{transform-origin:0;background:#c44a13;height:3px}.journey-footer{text-align:center;color:var(--theme-secondary,#777);margin-top:30px;font-size:14px;font-style:italic}.journey-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161412b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.journey-modal{color:#292929;background:#faf9f6;border:1px solid #0000001a;border-radius:22px;flex-direction:column;width:min(1180px,100%);max-height:min(90dvh,920px);display:flex;overflow:hidden;box-shadow:0 35px 100px #00000047}.journey-modal-toolbar{border-bottom:1px solid #e8e3dd;flex-shrink:0;justify-content:space-between;align-items:center;padding:15px 25px;display:flex}.journey-modal-toolbar>span{color:#777;letter-spacing:.15em;font-size:11px;font-weight:700}.journey-close{color:#292929;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:50%;place-items:center;width:40px;height:40px;font-size:27px;transition:background .2s,color .2s,transform .2s;display:grid}.journey-close:hover{color:#fff;background:#292929;transform:rotate(90deg)}.journey-modal-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:40px;overflow-y:auto}.journey-modal-category{color:var(--project-color);letter-spacing:.14em;font-size:12px;font-weight:800}.journey-modal-heading h2{letter-spacing:-.065em;margin:10px 0 5px;font-size:clamp(38px,5vw,68px);font-weight:850;line-height:1}.journey-modal-heading h3{color:#777;margin:12px 0 0;font-size:20px;font-weight:600}.journey-status{border:1px solid var(--project-color);color:var(--project-color);letter-spacing:.08em;border-radius:100px;margin-top:18px;padding:7px 12px;font-size:11px;font-weight:800;display:inline-block}.journey-modal-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:45px;margin-top:35px;display:grid}.journey-modal-description{margin:0 0 28px;font-size:17px;line-height:1.75}.journey-modal-copy h4{margin:28px 0 14px;font-size:17px;font-weight:800}.journey-achievements,.journey-technical-notes ul{color:#555;flex-direction:column;gap:12px;padding-left:21px;font-size:14px;line-height:1.7;display:flex}.journey-achievements li::marker{color:var(--project-color)}.journey-technical-notes{border:1px solid #e5dfd8;border-radius:12px;margin-top:25px;padding:17px}.journey-technical-notes summary{cursor:pointer;font-weight:700}.journey-tags{flex-wrap:wrap;gap:9px;display:flex}.journey-tags span{background:#fff;border:1px solid #e3ded8;border-radius:100px;padding:8px 12px;font-size:12px;font-weight:600}.journey-note{color:#777;margin-top:25px;font-size:13px;font-style:italic}.journey-external-link{border-bottom:2px solid var(--project-color);color:#292929;margin-top:25px;padding-bottom:5px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.journey-modal-media{min-width:0}.journey-featured-image{aspect-ratio:16/11;background:#f0eeeb;border:1px solid #e6e0d9;border-radius:14px;width:100%;position:relative;overflow:hidden}.journey-featured-image img{padding:12px}.journey-thumbnails{gap:12px;margin-top:15px;display:flex}.journey-thumbnails button{cursor:pointer;opacity:.65;background:#fff;border:2px solid #0000;border-radius:8px;width:110px;height:75px;transition:opacity .2s,border-color .2s;position:relative;overflow:hidden}.journey-thumbnails button.active{border-color:var(--project-color);opacity:1}.journey-thumbnails button:hover{opacity:1}.journey-upcoming-visual{background:radial-gradient(circle at center, color-mix(in srgb, var(--project-color) 9%, white), #f5f3f0 65%);border:1px solid #e4ded8;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:390px;display:flex;position:relative;overflow:hidden}.journey-upcoming-orbit{border:2px dashed var(--project-color);opacity:.35;border-radius:50%;width:270px;height:270px;position:absolute}.journey-upcoming-number{color:var(--project-color);letter-spacing:-.08em;font-size:80px;font-weight:900}.journey-upcoming-visual strong{font-size:25px;font-weight:800}.journey-upcoming-visual>span:last-child{letter-spacing:.15em;color:#777;font-size:11px;font-weight:700}.journey-modal-navigation{border-top:1px solid #e8e3dd;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 30px;display:flex}.journey-modal-navigation button{color:#292929;cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:800}.journey-modal-navigation button:hover{color:var(--project-color)}.journey-modal-navigation>span{color:#888;letter-spacing:.1em;font-size:12px;font-weight:700}@keyframes journey-orbit{to{transform:rotate(360deg)}}@media (max-width:900px){.journey-container{width:min(100% - 40px,700px)}.journey-canvas{min-height:800px;margin-top:35px}.journey-path{display:none}.journey-milestones{flex-direction:column;align-items:stretch;gap:25px;height:auto;padding-left:35px;display:flex;position:relative;inset:auto}.journey-milestones:before{content:"";background:#292929;border-radius:5px;width:3px;position:absolute;top:35px;bottom:35px;left:38px}.journey-milestone{text-align:left;flex-direction:row;gap:25px;width:100%;position:relative;top:auto;left:auto}.journey-node{flex-shrink:0;width:70px;height:70px}.journey-node-copy{text-align:left;align-items:flex-start;width:auto}.journey-node-copy strong{font-size:20px}.journey-instruction{margin-top:50px;position:relative;bottom:auto;right:auto}.journey-modal-grid{grid-template-columns:1fr;gap:30px}.journey-modal-scroll{padding:25px}.journey-modal-media{grid-row:1}}@media (max-width:600px){.journey-section{padding:75px 0 50px}.journey-header h2{font-size:clamp(38px,10vw,54px)}.journey-canvas{min-height:750px}.journey-milestones{padding-left:5px}.journey-milestones:before{left:38px}.journey-node{width:66px;height:66px}.journey-node-copy strong{font-size:17px}.journey-modal-backdrop{padding:8px}.journey-modal{border-radius:15px;max-height:96dvh}.journey-modal-toolbar{padding:10px 16px}.journey-modal-scroll{padding:20px}.journey-modal-heading h2{font-size:38px}.journey-modal-heading h3{font-size:17px}.journey-featured-image{aspect-ratio:4/3}.journey-modal-navigation{padding:15px}}@media (prefers-reduced-motion:reduce){.journey-node:before{animation:none}.journey-node,.journey-close,.journey-thumbnails button{transition:none}}
.contact-section{--contact-bg:#faf9f6;--contact-ink:#303030;--contact-green:#8bea32;--contact-blue:#2698f5;--contact-purple:#7137f5;--contact-orange:#f45b13;background:var(--contact-bg);width:100%;color:var(--contact-ink);font-family:Arial,Helvetica,sans-serif;position:relative;overflow:clip}.contact-section,.contact-section *{box-sizing:border-box}.contact-philosophy{isolation:isolate;perspective:1200px;perspective-origin:50%;grid-template-columns:minmax(150px,.8fr) minmax(0,2.6fr) minmax(150px,.8fr);align-items:center;gap:28px 32px;width:min(100%,1440px);margin:0 auto;padding:70px clamp(24px,4vw,64px) 100px;display:grid;position:relative}.contact-build-window,.contact-checklist,.contact-browser-sketch{transform-style:preserve-3d;backface-visibility:hidden}.contact-philosophy-content{z-index:3;text-align:center;grid-area:1/2/span 2;width:min(100%,820px);min-width:0;margin-inline:auto;position:relative}.contact-eyebrow{letter-spacing:.22em;color:#858585;margin-bottom:28px;font-size:12px;font-weight:800;display:inline-block}.contact-philosophy h2{letter-spacing:-.065em;margin:0;font-size:clamp(38px,5vw,76px);font-weight:850;line-height:1.06}.contact-headline-highlight{background:linear-gradient(transparent 15%, var(--contact-green) 15%, var(--contact-green) 88%, transparent 88%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .12em;display:inline;position:relative}.contact-philosophy-content>p{color:#6e6e6e;letter-spacing:-.035em;max-width:640px;margin:42px auto 0;font-size:clamp(18px,1.8vw,25px);font-weight:500;line-height:1.45}.contact-highlight{background:var(--contact-green);color:#242424;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .07em}.contact-build-window{z-index:2;border:2.5px solid var(--contact-ink);background:#fffefa;border-radius:17px;grid-area:1/1;justify-self:center;width:min(100%,230px);min-width:0;padding:18px 20px 24px;position:relative;box-shadow:6px 7px #30303012}.contact-window-dots,.contact-browser-dots{align-items:center;gap:7px;display:flex}.contact-window-dots i,.contact-browser-dots span{background:#f64545;border-radius:50%;width:11px;height:11px}.contact-window-dots i:nth-child(2),.contact-browser-dots span:nth-child(2){background:#ffbd36}.contact-window-dots i:nth-child(3),.contact-browser-dots span:nth-child(3){background:#4ccc49}.contact-terminal-command{margin-top:24px;font-family:Courier New,monospace;font-size:15px;font-weight:700}.contact-terminal-success{align-items:flex-start;gap:10px;margin-top:20px;font-family:Courier New,monospace;font-size:14px;font-weight:700;display:flex}.contact-terminal-success>svg{color:#fff;background:#42d338;border-radius:5px;flex-shrink:0;padding:3px}.contact-terminal-success small{color:#777;margin-top:5px;font-size:12px;font-weight:400;display:block}.contact-floating-tag{color:#fff;white-space:nowrap;border-radius:50px;justify-content:center;align-items:center;padding:10px 17px;font-size:14px;font-weight:700;display:inline-flex;position:absolute}.contact-tag-purple{background:var(--contact-purple);bottom:-19px;right:-8px}.contact-tag-purple:before,.contact-tag-orange:before{content:"";border-bottom:20px solid;border-left:12px solid #0000;border-right:12px solid #0000;width:0;height:0;position:absolute;top:-15px;left:-10px;transform:rotate(-30deg)}.contact-tag-purple:before{color:var(--contact-purple)}.contact-checklist{z-index:2;border:2.5px solid var(--contact-ink);background:#fffefa;border-radius:18px;flex-direction:column;grid-area:2/1;justify-self:center;gap:13px;width:min(100%,155px);min-width:0;padding:22px 21px;display:flex;position:relative;box-shadow:5px 6px #30303012}.contact-checklist-item{align-items:center;gap:11px;font-size:15px;font-weight:650;display:flex}.contact-checklist-item>span{border:2px solid #999;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;display:flex}.contact-checklist-item>span.checked{border-color:var(--contact-purple);background:var(--contact-purple);color:#fff}.contact-browser-sketch{z-index:2;border:2.5px solid var(--contact-ink);background:#fffefa;border-radius:17px;grid-area:1/3/span 2;justify-self:center;width:min(100%,230px);min-width:0;padding:15px 18px 19px;position:relative;box-shadow:5px 6px #30303012}.contact-browser-body{align-items:flex-start;gap:10px;margin-top:16px;display:flex}.contact-browser-body>svg{flex:0 58%;width:58%;min-width:0;height:auto}.contact-browser-lines{flex-direction:column;flex:1;gap:12px;padding-top:12px;display:flex}.contact-browser-lines span{background:var(--contact-ink);border-radius:5px;height:4px}.contact-browser-lines span:nth-child(2){width:85%}.contact-browser-lines span:nth-child(3){width:65%}.contact-tag-orange{background:var(--contact-orange);bottom:-17px;right:-8px}.contact-tag-orange:before{color:var(--contact-orange)}.contact-philosophy-arrow{z-index:1;width:70px;height:auto;color:var(--contact-ink);position:absolute;bottom:12px;right:26%;transform:rotate(150deg)}.contact-handdrawn-divider{background:#d2d0cb;width:88%;height:1px;margin:0 auto;transform:rotate(-.3deg)}.contact-connect{grid-template-rows:100px auto;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:0 clamp(16px,2vw,28px);width:min(100% - 48px,1080px);margin:0 auto;padding:32px 0 0;display:grid;position:relative}.contact-connect>*{min-width:0}.contact-approach{z-index:2;grid-area:2/1;justify-self:end;width:100%;max-width:310px;position:relative}.contact-handwriting{color:#999;transform-origin:0;width:fit-content;margin-bottom:14px;font-family:Comic Sans MS,Segoe Print,cursive;font-size:23px;font-style:italic;font-weight:700;display:block;transform:rotate(-4deg)}.contact-approach p{letter-spacing:-.045em;margin:0;font-size:clamp(17px,1.45vw,21px);font-weight:650;line-height:1.55}.contact-character-area{z-index:1;grid-area:1/2/span 2;align-self:end;width:100%;max-width:350px;margin-inline:auto;padding-top:100px;position:relative}.contact-character{aspect-ratio:848/932;width:100%;line-height:0;position:relative;overflow:hidden}.contact-character-image{width:154.717%;max-width:none;height:auto;display:block;position:absolute;top:-18.8841%;left:-29.2453%}.contact-chat-bubble{z-index:3;background:var(--contact-blue);color:#fff;letter-spacing:-.02em;white-space:normal;border-radius:22px;width:fit-content;max-width:100%;margin:0;padding:12px 16px;font-size:18px;font-weight:700;line-height:1.25;position:absolute;top:0;right:0;box-shadow:0 4px 12px #2698f514}.contact-chat-bubble:after{border-top:14px solid var(--contact-blue);content:"";border-right:12px solid #0000;width:0;height:0;position:absolute;bottom:-10px;left:24px;transform:rotate(12deg)}.contact-links-area{z-index:3;flex-direction:column;grid-area:2/3;align-self:center;align-items:center;gap:10px;width:100%;min-width:0;max-width:320px;margin-inline:auto;padding:0;display:flex;position:relative}.contact-down-arrows{color:#c7c7c7;letter-spacing:8px;white-space:nowrap;margin-bottom:0;font-family:Comic Sans MS,cursive;font-size:32px}.contact-sketch-button{border:3px solid var(--contact-ink);background:var(--contact-bg);width:100%;min-width:0;max-width:340px;min-height:56px;color:var(--contact-ink);cursor:pointer;text-align:center;border-radius:48% 52% 47% 53%/55% 48% 52% 45%;justify-content:center;align-items:center;gap:10px;padding:10px 12px;font-family:Comic Sans MS,Segoe Print,cursive;font-size:clamp(14px,1.22vw,18px);font-weight:800;line-height:1.45;text-decoration:none;transition:transform .25s,background .25s,box-shadow .25s;display:flex}.contact-sketch-button:nth-of-type(2n){border-radius:53% 47% 52% 48%/47% 53% 45% 55%;transform:rotate(-2deg)}.contact-sketch-button:hover:not(:disabled){box-shadow:5px 5px 0 var(--contact-green);background:#fff;transform:translateY(-5px)rotate(1deg)}.contact-sketch-button:focus-visible{outline:3px solid var(--contact-blue);outline-offset:5px}.contact-sketch-button:disabled{cursor:not-allowed;opacity:.5}.contact-sketch-button svg{flex-shrink:0;width:23px;height:23px}.contact-sketch-button .contact-copy-icon{opacity:.55;width:16px;height:16px}.contact-sketch-button span{overflow-wrap:anywhere;min-width:0}.contact-email-group{justify-items:center;gap:4px;width:100%;min-width:0;display:grid}.contact-tap-hint{color:#555;font-family:Comic Sans MS,Segoe Print,cursive;font-size:17px;font-weight:700;transform:rotate(-3deg)}.contact-footer{color:#777;border-top:1px solid #e4e1db;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 6%;font-size:13px;font-weight:500;display:flex}@media (max-width:1100px){.contact-philosophy{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:70px 4% 100px}.contact-philosophy-content{grid-area:1/1/auto/-1;margin-bottom:16px}.contact-build-window{grid-area:2/1}.contact-checklist{grid-area:2/2}.contact-browser-sketch{grid-area:2/3}.contact-tag-purple,.contact-tag-orange{bottom:-14px;right:-5px}.contact-philosophy-arrow{display:none}}@media (max-width:900px){.contact-connect{grid-template-rows:auto auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:min(100% - 48px,680px)}.contact-approach{grid-row:1;justify-self:center}.contact-links-area{grid-area:2/1}.contact-character-area{grid-area:1/2/span 2;max-width:320px}}@media (max-width:700px){.contact-philosophy{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:45px 20px 65px}.contact-philosophy-content{margin-bottom:4px}.contact-eyebrow{margin-bottom:20px}.contact-philosophy h2{letter-spacing:-.055em;font-size:clamp(32px,8vw,52px)}.contact-philosophy-content>p{margin-top:28px;font-size:18px}.contact-build-window{grid-area:2/1/auto/-1;width:min(100%,245px)}.contact-checklist{grid-area:3/1;padding:18px 14px}.contact-browser-sketch{grid-area:3/2;padding:12px}.contact-browser-body{gap:6px}.contact-browser-lines{gap:8px;padding-top:8px}.contact-floating-tag{padding:8px 12px;font-size:12px}.contact-approach p{font-size:18px}.contact-sketch-button{font-size:16px}.contact-footer{text-align:center;flex-direction:column;gap:10px;padding:18px 20px}}@media (max-width:600px){.contact-connect{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);gap:24px;width:calc(100% - 40px);padding-top:28px}.contact-approach{max-width:340px}.contact-links-area{grid-area:2/1}.contact-character-area{grid-area:3/1;max-width:300px}}@media (prefers-reduced-motion:reduce){.contact-sketch-button{transition:none}}
