:root{font-family:Space Grotesk,Trebuchet MS,sans-serif;color:#18222a;background:#f2ecdf;font-synthesis:none;--ink: #18222a;--blue: #9edbf0;--blue-dark: #5ab9d7;--coral: #ef735c;--yellow: #f5c963;--paper: #fffaf0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.pageShell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:44px 0 30px}.browserWindow{border:3px solid var(--ink);border-radius:13px;background:var(--paper);box-shadow:10px 11px 0 var(--ink);overflow:hidden}.browserBar{height:53px;display:flex;align-items:center;gap:20px;padding:0 19px;border-bottom:3px solid var(--ink);background:var(--paper)}.windowButtons{display:flex;gap:8px}.windowButtons span{display:block;width:15px;height:15px;border:2px solid var(--ink);border-radius:50%;background:var(--coral)}.windowButtons span:nth-child(2){background:var(--yellow)}.windowButtons span:nth-child(3){background:#74c995}.windowTitle{flex:1;margin:0;font-family:DM Mono,monospace;font-size:12px;font-weight:500;letter-spacing:.03em;text-align:center}.windowMenu{font-family:monospace;letter-spacing:2px;font-size:17px;transform:rotate(90deg)}.addressBar{display:flex;align-items:center;gap:9px;height:38px;margin:12px 15px 0;padding:0 12px;border:2px solid var(--ink);border-radius:5px;background:#e9e5db;color:#58646b;font-family:DM Mono,monospace;font-size:11px}.addressLock{font-size:18px;color:var(--ink);transform:rotate(-45deg)}.addressSignal{margin-left:auto;color:var(--ink);font-size:18px}.scene{position:relative;min-height:525px;margin:13px 15px 15px;border:3px solid var(--ink);border-radius:7px;overflow:hidden;background:var(--blue);isolation:isolate}.scene:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;content:"";background:radial-gradient(circle at 74% 28%,rgba(255,255,255,.48),transparent 18%),linear-gradient(145deg,rgba(255,255,255,.16),transparent 40%)}.scene:after{position:absolute;right:9%;bottom:12%;z-index:-1;width:44%;height:35%;content:"";background:var(--blue-dark);clip-path:polygon(25% 0,100% 0,100% 100%,0 100%,0 55%);opacity:.35}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(24,34,42,.05) 0 1px,transparent 1px 5px);mix-blend-mode:multiply}.sceneCopy{position:relative;z-index:4;width:58%;padding:63px 0 48px 58px}.eyebrow{margin:0;font-family:DM Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.11em}.eyebrow span{margin-left:9px;color:#245f70}h1,h2,h3,p{margin-top:0}h1{margin:20px 0 22px;font-size:clamp(55px,9vw,112px);line-height:.84;letter-spacing:-.09em;font-weight:700}h1 em{color:#245f70;font-style:normal;text-shadow:3px 3px 0 var(--ink)}.intro{max-width:370px;margin-bottom:32px;font-size:17px;line-height:1.45}.sceneActions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.pixelButton{display:inline-flex;align-items:center;gap:13px;padding:12px 15px;border:2px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);font-family:DM Mono,monospace;font-size:11px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.pixelButton:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.pixelButton span{font-size:16px}.statusReadout{display:inline-flex;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.statusDot{width:9px;height:9px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow)}.statusDot.online{background:#55b879}.statusDot.offline{background:var(--coral)}.character{position:absolute;right:12%;bottom:5%;z-index:3;width:230px;height:350px;--character-scale: 1;transform-origin:bottom right;animation:float 4.5s ease-in-out infinite}.characterShadow{position:absolute;bottom:3px;left:14px;width:200px;height:20px;border-radius:50%;background:#18222a36;transform:rotate(-3deg)}.characterHead{position:absolute;top:8px;left:50px;width:137px;height:143px;border:3px solid var(--ink);border-radius:46% 54% 47% 53%;background:var(--yellow);transform:rotate(5deg)}.characterEar{position:absolute;top:48px;width:29px;height:45px;border:3px solid var(--ink);border-radius:50%;background:var(--yellow);z-index:-1}.characterEarLeft{left:-20px;transform:rotate(-13deg)}.characterEarRight{right:-19px;transform:rotate(15deg)}.characterHair{position:absolute;top:-16px;left:22px;width:91px;height:31px;border:3px solid var(--ink);border-bottom:0;border-radius:60% 45% 0 0;background:var(--coral);transform:rotate(-5deg)}.characterHair:after{position:absolute;right:-18px;top:2px;width:28px;height:18px;content:"";border-top:3px solid var(--ink);border-radius:50%;transform:rotate(16deg)}.characterEye{position:absolute;top:57px;width:12px;height:17px;border:3px solid var(--ink);border-radius:50%;background:#fffdf5}.characterEye:after{position:absolute;right:2px;bottom:3px;width:4px;height:6px;content:"";border-radius:50%;background:var(--ink)}.characterEyeLeft{left:37px}.characterEyeRight{right:36px}.characterMouth{position:absolute;left:48px;bottom:27px;width:41px;height:18px;border-bottom:3px solid var(--ink);border-radius:50%}.characterBody{position:absolute;top:135px;left:42px;width:151px;height:145px;border:3px solid var(--ink);border-radius:48% 47% 23% 25%;background:var(--coral);transform:rotate(-3deg)}.characterPocket{position:absolute;right:20px;bottom:17px;width:36px;height:31px;border:3px solid var(--ink);border-radius:4px 4px 12px 12px;background:var(--yellow);transform:rotate(4deg)}.characterArm{position:absolute;z-index:-1;width:33px;height:112px;border:3px solid var(--ink);border-radius:50%;background:var(--coral)}.characterArmLeft{top:156px;left:18px;transform:rotate(24deg)}.characterArmRight{top:165px;right:13px;transform:rotate(-30deg)}.characterLeg{position:absolute;top:260px;width:39px;height:68px;border:3px solid var(--ink);border-radius:15px 15px 40% 40%;background:var(--yellow)}.characterLegLeft{left:70px;transform:rotate(9deg)}.characterLegRight{right:71px;transform:rotate(-7deg)}.sceneFooter{position:absolute;bottom:13px;left:21px;z-index:4;margin:0;font-family:DM Mono,monospace;font-size:10px;color:#245f70;text-transform:uppercase;letter-spacing:.06em}.sceneFooter span{margin:0 8px;color:var(--ink)}.sceneDecorations span{position:absolute;display:block}.worm{z-index:2;width:56px;height:17px;border:3px solid var(--ink);border-radius:60% 50% 53% 48%;background:var(--coral);animation:wiggle 3.5s ease-in-out infinite}.worm i{position:relative;display:inline-block;width:9px;height:9px;margin:1px 0 0 4px;border-radius:50%;background:var(--yellow)}.wormOne{top:14%;left:7%;transform:rotate(-12deg)}.wormTwo{right:8%;bottom:10%;background:var(--yellow);animation-delay:-1.5s;transform:rotate(10deg)}.wormTwo i{background:var(--coral)}.sandal{z-index:2;width:55px;height:92px;border:3px solid var(--ink);border-radius:50% 50% 42% 44%;background:var(--yellow);transform:rotate(25deg);animation:bob 4s ease-in-out infinite}.sandal i{position:absolute;top:12px;left:19px;width:14px;height:55px;border:3px solid var(--ink);border-radius:80% 10% 60%;background:var(--coral);transform:rotate(-38deg)}.sandal b{position:absolute;top:14px;left:24px;width:23px;height:27px;border:3px solid var(--ink);border-left:0;border-bottom:0;border-radius:0 50% 0 0;transform:rotate(31deg)}.sandalOne{right:5%;top:14%}.sandalTwo{bottom:9%;left:33%;transform:rotate(-19deg) scale(.7);animation-delay:-2s}.clock{z-index:2;width:53px;height:53px;border:3px solid var(--ink);border-radius:50%;background:#fff6d3;animation:spin 12s linear infinite}.clock i{position:absolute;left:24px;top:10px;width:3px;height:17px;background:var(--ink);transform-origin:50% 16px;transform:rotate(35deg)}.clock b{position:absolute;left:24px;top:25px;width:14px;height:3px;background:var(--ink);transform-origin:0 50%;transform:rotate(165deg)}.clockOne{top:48%;left:6%}.clockTwo{right:31%;top:7%;width:35px;height:35px;animation-direction:reverse}.clockTwo i{left:15px;top:7px;height:11px;transform-origin:50% 11px}.clockTwo b{left:15px;top:16px;width:9px}.star{z-index:2;color:var(--paper);font-size:33px;text-shadow:2px 2px var(--ink);animation:twinkle 2.7s ease-in-out infinite}.starOne{top:23%;left:44%}.starTwo{right:17%;bottom:31%;font-size:21px;animation-delay:-1.1s}.spark{z-index:2;width:10px;height:10px;border:3px solid var(--ink);transform:rotate(45deg)}.sparkOne{top:10%;left:27%}.sparkTwo{right:38%;bottom:17%}.projectsSection{padding:100px 2px 50px}.sectionHeading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:29px}.sectionHeading h2{margin:12px 0 0;font-size:clamp(33px,5vw,56px);line-height:.95;letter-spacing:-.075em}.blinkCursor{color:var(--coral);font-family:DM Mono,monospace;animation:blink 1s steps(2,start) infinite}.sectionNote{margin:0 0 2px;color:var(--ink);font-family:DM Mono,monospace;font-size:11px;line-height:1.5;text-align:right}.projectGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.projectCard{min-height:265px;display:flex;flex-direction:column;padding:22px;border:2px solid var(--ink);border-radius:6px;background:var(--paper);box-shadow:4px 4px #c7bda9}.cardTopline{display:flex;justify-content:space-between;align-items:center}.cardIndex{color:#59656b;font-family:DM Mono,monospace;font-size:11px}.status{padding:5px 8px;border:1px solid var(--ink);border-radius:2px;font-family:DM Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.status-building{background:var(--yellow)}.status-live{background:#74c995}.status-archived{background:#dce1e1}.projectCard h3{margin:34px 0 9px;font-size:23px;letter-spacing:-.04em}.projectCard p{color:#58646b;font-size:14px;line-height:1.5}.stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:23px}.stack span{color:#58646b;font-family:DM Mono,monospace;font-size:10px}.stack span:before{margin-right:5px;content:"✳";color:var(--coral)}.links{display:flex;gap:18px;margin-top:19px;font-family:DM Mono,monospace;font-size:11px}.links a{text-underline-offset:4px}.pageFooter{display:flex;justify-content:space-between;padding:22px 2px 0;border-top:2px solid var(--ink);color:var(--ink);font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.amigodleBanner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;isolation:isolate;overflow:hidden;margin:0 2px 54px;padding:29px 32px 28px;border:2px solid var(--ink);border-radius:3px 7px 4px 6px;background:#fff4c9;box-shadow:5px 5px 0 var(--ink),-2px -2px #fff4c9,-4px -4px 0 var(--ink);transform:rotate(-.45deg)}.amigodleBanner:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";opacity:.5;background:repeating-linear-gradient(0deg,transparent 0 25px,rgba(36,95,112,.24) 25px 26px)}.amigodleBanner:after{position:absolute;top:14px;right:25%;z-index:-1;width:112px;height:18px;content:"";border-top:2px solid var(--coral);border-bottom:2px solid var(--coral);opacity:.8;transform:rotate(-4deg)}.amigodleTape{position:absolute;top:-13px;z-index:2;width:88px;height:31px;border:1px solid rgba(24,34,42,.2);background:#ef735cb8;box-shadow:1px 2px #18222a2e;transform:rotate(-7deg)}.amigodleTapeLeft{left:9%}.amigodleTapeRight{right:8%;background:#f5c963cc;transform:rotate(8deg)}.amigodleCopy{min-width:0}.amigodleKicker{margin:0 0 8px;color:#245f70;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.1em}.amigodleBanner h3{margin:0 0 10px;font-size:clamp(34px,5vw,52px);line-height:.9;letter-spacing:-.07em}.amigodleDescription{max-width:600px;margin:0;color:#3c5960;font-size:15px;line-height:1.45}.amigodleCta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 16px;border:2px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);font-family:DM Mono,monospace;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease}.amigodleCta:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.amigodleCta span{font-size:16px}@keyframes float{0%,to{transform:translateY(0) rotate(1deg) scale(var(--character-scale))}50%{transform:translateY(-11px) rotate(-2deg) scale(var(--character-scale))}}@keyframes wiggle{0%,to{margin-top:0}50%{margin-top:5px;transform:rotate(-4deg) translate(3px)}}@keyframes bob{0%,to{margin-top:0}50%{margin-top:-7px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes twinkle{0%,to{opacity:.65;transform:scale(.85) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(12deg)}}@keyframes blink{50%{opacity:0}}@media(max-width:700px){.pageShell{width:min(100% - 20px,1120px);padding-top:20px}.scene{min-height:610px}.sceneCopy{width:100%;padding:40px 25px 30px}.character{--character-scale: .72}.sceneFooter{left:16px;font-size:9px}.sectionHeading{align-items:start;flex-direction:column;gap:15px}.sectionNote{text-align:left}.projectsSection{padding-top:76px}.amigodleBanner{grid-template-columns:1fr;align-items:start;gap:19px;margin-bottom:44px;padding:27px 25px 25px}.amigodleCta{justify-self:start}}@media(max-width:420px){.browserBar{gap:10px;padding:0 10px}.windowButtons{gap:5px}.windowButtons span{width:12px;height:12px}.windowTitle{font-size:10px}.addressBar{margin-left:9px;margin-right:9px}.scene{margin:10px 9px 9px;min-height:600px}.sceneCopy{padding-left:18px;padding-right:18px}.eyebrow{font-size:9px}.eyebrow span{display:block;margin:6px 0 0}.intro{max-width:240px;font-size:15px}.character{--character-scale: .58}.wormOne{left:4%}.sandalOne{right:-3%}.clockOne{left:3%}.sectionHeading h2{font-size:39px}.pageFooter{gap:12px;flex-direction:column}.amigodleBanner{gap:17px;margin-right:2px;margin-left:2px;padding:25px 17px 22px}.amigodleBanner h3{font-size:36px}.amigodleDescription{font-size:14px}.amigodleCta{max-width:100%;white-space:normal;text-align:left}}@media(max-width:340px){.character{right:-8%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.character,.worm,.sandal,.clock,.star,.blinkCursor{animation:none}.character{transform:scale(var(--character-scale))}.pixelButton,.amigodleCta{transition:none}.amigodleBanner{transform:none}}