:root{--ink: #24302d;--muted: #69736f;--cream: #f4f1eb;--sage: #dce7df;--sage-dark: #536d61;--peach: #eee0d4;--blue: #dce5e9;--white: #fffdf9;--line: rgba(36, 48, 45, .13);--shadow: 0 26px 70px rgba(45, 57, 52, .12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--cream);color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.72}img,svg{display:block;max-width:100%}::selection{background:var(--sage)}.page-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:20px 34px;background:#f4f1ebd9;border-bottom:1px solid rgba(36,48,45,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.brand{font-size:1.55rem;font-weight:850;letter-spacing:-.08em}.brand span{color:#7d9588}.nav{display:flex;align-items:center;gap:27px;font-size:.93rem;font-weight:650}.nav a{transition:color .22s ease,transform .22s ease}.nav a:hover{color:var(--sage-dark);transform:translateY(-1px)}.nav-cta{padding:9px 17px;border:1px solid var(--ink);border-radius:999px}.menu-button{display:none;border:0;background:transparent;color:var(--ink);font-weight:750}.section{max-width:1180px;margin:auto;padding:108px 30px}.eyebrow,.section-kicker{display:flex;align-items:center;gap:9px;margin:0 0 16px;color:var(--sage-dark);text-transform:uppercase;letter-spacing:.14em;font-size:.73rem;font-weight:800}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#789485;box-shadow:0 0 #78948573;animation:statusPulse 2s infinite}h1,h2,h3{margin-top:0;line-height:1.12;letter-spacing:-.045em}h1{margin-bottom:25px;font-size:clamp(3rem,6vw,5.65rem)}h1 span{color:#789083}h2{margin-bottom:20px;font-size:clamp(2.2rem,4vw,3.95rem)}h3{letter-spacing:-.025em}.hero{min-height:82vh;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;padding-top:64px}.hero-text{max-width:620px;margin:0;color:var(--muted);font-size:1.13rem}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin:35px 0 28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 21px;border:1px solid transparent;border-radius:999px;font-weight:760;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}.button:hover{transform:translateY(-3px);box-shadow:0 13px 28px #2d393421}.button.primary{color:#fff;background:var(--ink)}.button.primary:hover{background:var(--sage-dark)}.button.secondary{border-color:var(--line);background:var(--white);color:var(--ink)}.button.compact{min-height:38px;padding:7px 13px;font-size:.82rem}.submit-button{justify-self:start}.social-row{display:flex;flex-wrap:wrap;gap:8px}.social-row a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#ffffff78;color:var(--muted);font-size:.82rem;font-weight:700;transition:transform .25s ease,background .25s ease,color .25s ease}.social-row a svg{flex-shrink:0}.social-row a:hover{transform:translateY(-3px);color:#fff;background:var(--sage-dark)}.hero-visual{display:flex;justify-content:center;perspective:1000px}.developer-orbit{position:relative;width:min(520px,43vw);aspect-ratio:1;display:grid;place-items:center;isolation:isolate}.ambient-glow{position:absolute;border-radius:50%;filter:blur(12px);opacity:.75;z-index:-3;animation:glowDrift 7s ease-in-out alternate infinite}.glow-one{width:62%;height:62%;background:#bfd5c6b8}.glow-two{width:35%;height:35%;right:6%;bottom:8%;background:#e8ccb98c;animation-delay:-2.4s}.orbit{position:absolute;border:1px solid rgba(82,107,96,.18);border-radius:50%;animation:orbitSpin 18s linear infinite}.orbit span{position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--sage-dark);box-shadow:0 0 0 7px #526b6014}.orbit-one{width:92%;height:92%}.orbit-two{width:71%;height:71%;animation-duration:13s;animation-direction:reverse}.code-window{position:relative;z-index:2;width:78%;overflow:hidden;border:1px solid rgba(36,48,45,.13);border-radius:23px;background:#fffdf9ed;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);transform-style:preserve-3d;animation:windowFloat 6s ease-in-out infinite}.window-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);background:#f4f1ebbf}.window-dots{display:flex;gap:6px}.window-dots span{width:8px;height:8px;border-radius:50%;background:#c7cec9}.window-dots span:nth-child(2){background:#d5c4b7}.window-dots span:nth-child(3){background:#adc2b6}.window-title{color:var(--muted);font-size:.74rem;font-weight:750}.live-badge{justify-self:end;display:flex;align-items:center;gap:6px;color:var(--sage-dark);font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.live-badge i{width:7px;height:7px;border-radius:50%;background:#6e9580;animation:statusPulse 2s infinite}.code-body{padding:24px 21px 19px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(.66rem,1.5vw,.82rem);line-height:1.9;white-space:nowrap}.code-body div{display:grid;grid-template-columns:28px 1fr}.code-body em{color:#abb5b0;font-style:normal}.code-body code{color:#42534c}.code-body b{color:#816889}.code-body span{color:#a26749}.typing-cursor{display:inline-block;width:7px;height:1.05em;margin-left:3px;vertical-align:-2px;background:var(--sage-dark);animation:cursorBlink 1s steps(1) infinite}.build-status{display:flex;align-items:center;gap:12px;margin:0 17px 17px;padding:13px 14px;border:1px solid rgba(82,107,96,.12);border-radius:15px;background:#dbe6de80}.status-check{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--sage-dark);color:#fff;font-weight:900}.build-status div{display:flex;flex-direction:column}.build-status strong{font-size:.81rem}.build-status div span{color:var(--muted);font-size:.68rem}.floating-tech{position:absolute;z-index:3;display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid rgba(36,48,45,.1);border-radius:14px;background:#fffdf9eb;box-shadow:0 16px 35px #2d39341f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.77rem;font-weight:800}.floating-tech span{color:var(--sage-dark)}.tech-react{left:0;top:24%;animation:chipFloat 5s ease-in-out infinite}.tech-firebase{right:-1%;top:18%;animation:chipFloat 5.8s ease-in-out .7s infinite}.tech-design{right:5%;bottom:15%;animation:chipFloat 5.4s ease-in-out 1.1s infinite}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;border-top:1px solid var(--line)}.about-copy>p{margin-top:0;color:var(--muted);font-size:1.08rem}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px}.mini-grid div{display:flex;flex-direction:column;gap:6px;padding:19px;border:1px solid rgba(36,48,45,.06);border-radius:18px;background:var(--white)}.mini-icon{color:var(--sage-dark);font-size:.75rem;font-weight:850}.mini-grid small{color:var(--muted)}.skills{max-width:none;padding-left:max(30px,calc((100vw - 1120px)/2));padding-right:max(30px,calc((100vw - 1120px)/2));background:#e7ede8}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:43px}.skill-card{min-height:180px;display:flex;flex-direction:column;justify-content:space-between;padding:23px;border:1px solid rgba(255,255,255,.78);border-radius:22px;background:#fff9;transition:transform .35s ease,box-shadow .35s ease,background .35s ease}.skill-card:hover{transform:translateY(-8px);background:#ffffffe6;box-shadow:0 20px 45px #2d39341a}.skill-card>span{color:var(--sage-dark);font-size:.78rem;font-weight:850}.skill-card h3{margin:0 0 6px;font-size:1.3rem}.skill-card p{margin:0;color:var(--muted);font-size:.88rem}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading-row>p{max-width:420px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:43px}.project-card{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--white);transition:transform .38s ease,box-shadow .38s ease,border-color .38s ease}.project-card:hover{transform:translateY(-10px);border-color:#526b6047;box-shadow:0 26px 55px #2d39341f}.project-art{position:relative;height:220px;display:grid;place-items:center;overflow:hidden}.project-art:after{content:"";position:absolute;width:120px;height:250%;background:#ffffff47;transform:rotate(24deg) translate(-240px);transition:transform .7s ease}.project-card:hover .project-art:after{transform:rotate(24deg) translate(300px)}.project-art span{position:relative;z-index:1;font-size:6rem;font-weight:850;opacity:.45;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.project-card:hover .project-art span{transform:scale(1.12) rotate(-4deg)}.project-logo{position:relative;z-index:1;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.project-logo--contain{object-fit:contain;padding:clamp(20px,8%,36px)}.project-logo--cover{object-fit:cover;padding:0}.project-card:hover .project-logo{transform:scale(1.05)}.project-art.sage{background:var(--sage)}.project-art.peach{background:var(--peach)}.project-art.blue{background:var(--blue)}.project-info{padding:24px}.project-info>p{margin:0;color:var(--sage-dark);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:850}.project-info h3{margin:7px 0;font-size:1.55rem}.project-info>span{display:block;color:var(--muted)}.project-info a{display:flex;align-items:center;gap:6px;margin-top:19px;font-weight:800}.project-info a b{transition:transform .2s ease}.project-info a:hover b{transform:translate(2px,-2px)}.hackathons{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;border-top:1px solid var(--line)}.hackathon-list{display:grid;border-top:1px solid var(--line)}.hackathon-list article{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:15px;padding:24px 5px;border-bottom:1px solid var(--line);transition:padding .25s ease,background .25s ease}.hackathon-list article:hover{padding-left:14px;padding-right:14px;background:#ffffff73}.hackathon-list article>span{color:var(--sage-dark);font-size:.78rem;font-weight:850}.hackathon-list h3{margin:0 0 3px}.hackathon-list p{margin:0;color:var(--muted)}.hackathon-list b{font-size:1.25rem}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.contact-intro>p:not(.section-kicker){color:var(--muted)}.contact-intro>a{display:inline-block;margin-top:21px;font-weight:800;word-break:break-word}.contact-form,.admin-form{display:grid;gap:16px}.form-two-column{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label,.admin-form label{display:grid;gap:7px;font-size:.84rem;font-weight:780}.contact-form input,.contact-form textarea,.admin-form input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;outline:none;background:var(--white);color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease}.contact-form input:focus,.contact-form textarea:focus,.admin-form input:focus{border-color:var(--sage-dark);box-shadow:0 0 0 3px #526b601a}.contact-form textarea{resize:vertical}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-notice{margin:0;padding:11px 13px;border-radius:11px;background:var(--sage);color:var(--ink)}.form-notice.error{background:#f2deda;color:#7b3329}.form-notice.success{background:#dceade;color:#315a3a}footer{padding:68px max(30px,calc((100vw - 1120px)/2)) 23px;background:#26312e;color:#edf1ed}.footer-top{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:48px}.footer-top>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-top h4{margin:0 0 9px}.footer-top p,.footer-top a,.footer-top small{color:#b7c1bc}.footer-top a{display:inline-flex;align-items:center;gap:7px}.footer-top a svg{flex-shrink:0;opacity:.75}.footer-top a:hover,.admin-link:hover{color:#fff}.footer-top a:hover svg{opacity:1}.footer-brand{color:#fff;display:block!important}.admin-link{padding:0;border:0;background:transparent;color:#dce6df;font-weight:750}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:52px;padding-top:21px;border-top:1px solid rgba(255,255,255,.12);color:#aeb9b4;font-size:.84rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:20px;background:#131b18ad;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.admin-modal{position:relative;width:min(800px,100%);max-height:88vh;overflow:auto;padding:36px;border-radius:25px;background:var(--cream);box-shadow:var(--shadow)}.close-button{position:absolute;right:17px;top:13px;width:38px;height:38px;border:0;border-radius:50%;background:#24302d12;color:var(--ink);font-size:1.6rem;line-height:1}.admin-form{max-width:440px;margin-top:24px}.admin-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.admin-actions{display:flex;gap:8px}.enquiry-list{display:grid;gap:13px;margin-top:24px}.enquiry-card{padding:19px;border:1px solid var(--line);border-left:4px solid var(--sage-dark);border-radius:15px;background:var(--white)}.enquiry-card.is-read{border-left-color:#b5beb9;opacity:.78}.enquiry-head{display:flex;justify-content:space-between;gap:14px}.enquiry-head h3{margin:0}.enquiry-head a,.enquiry-head>span{color:var(--muted);font-size:.83rem}.enquiry-card strong{display:block;margin-top:12px}.enquiry-card p{white-space:pre-wrap}.enquiry-actions{display:flex;gap:8px}.enquiry-actions button{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:transparent;font-size:.78rem;font-weight:750}.enquiry-actions button:hover{background:var(--sage)}.enquiry-actions button.danger:hover{background:#f2deda;color:#7b3329}.back-to-top{position:fixed;bottom:28px;right:28px;z-index:50;width:46px;height:46px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--ink);color:#fff;box-shadow:0 8px 24px #2d393438;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.back-to-top:hover{transform:translateY(-4px);background:var(--sage-dark);box-shadow:0 14px 32px #2d393433}.fatal-error{min-height:100vh;display:grid;place-items:center;padding:30px;background:var(--cream)}.fatal-error>div{max-width:680px;padding:40px;border:1px solid var(--line);border-radius:24px;background:var(--white);box-shadow:var(--shadow)}.fatal-error h1{font-size:clamp(2.2rem,7vw,4.7rem)}.fatal-error p{color:var(--muted)}.motion-ready [data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.75,.2,1)}.motion-ready [data-reveal=left]{transform:translate(-34px)}.motion-ready [data-reveal=right]{transform:translate(34px)}.motion-ready [data-reveal].is-visible{opacity:1;transform:translateZ(0)}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes windowFloat{0%,to{transform:translateY(0) rotateX(0) rotateY(0)}50%{transform:translateY(-11px) rotateX(1deg) rotateY(-1deg)}}@keyframes chipFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1.5deg)}}@keyframes glowDrift{0%{transform:translate3d(-8px,4px,0) scale(.96)}to{transform:translate3d(12px,-10px,0) scale(1.05)}}@keyframes cursorBlink{0%,48%{opacity:1}49%,to{opacity:0}}@keyframes statusPulse{0%{box-shadow:0 0 #6e958073}70%{box-shadow:0 0 0 8px #6e958000}to{box-shadow:0 0 #6e958000}}@media(max-width:920px){.menu-button{display:block}.nav{display:none;position:absolute;top:70px;left:18px;right:18px;flex-direction:column;padding:23px;border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:var(--shadow)}.nav.open{display:flex}.hero,.about,.hackathons,.contact{grid-template-columns:1fr}.hero{padding-top:38px}.hero-visual{order:-1}.developer-orbit{width:min(470px,90vw)}.about,.hackathons,.contact{gap:34px}.skill-grid,.project-grid,.footer-top{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.site-header{padding:17px 20px}.section{padding:78px 20px}.hero{gap:43px}.hero-actions{flex-direction:column;align-items:stretch}.developer-orbit{width:340px}.floating-tech{padding:8px 10px}.tech-react{left:-2%;top:20%}.tech-firebase{right:-3%;top:14%}.tech-design{right:1%;bottom:10%}.code-window{width:84%}.code-body{padding:19px 13px 15px}.build-status{margin:0 11px 11px;padding:10px}.mini-grid,.skill-grid,.project-grid,.footer-top,.form-two-column{grid-template-columns:1fr}.section-heading-row,.footer-bottom,.admin-heading,.enquiry-head{align-items:flex-start;flex-direction:column}.admin-actions{flex-wrap:wrap}.admin-modal{padding:28px 19px}.footer-top{gap:31px}}@media print{.site-header,.hero-visual,.hero-actions,.social-row,.contact-form,footer,.modal-backdrop{display:none!important}.section{padding:28px 20px}.hero{min-height:auto;display:block}.skills{background:#fff}.skill-card,.project-card{break-inside:avoid}.motion-ready [data-reveal]{opacity:1!important;transform:none!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.motion-ready [data-reveal]{opacity:1;transform:none}}