:root{--ink:#07110f;--paper:#f3f0e8;--lime:#c9ff4a;--green:#154d3e;--mint:#8ce3c2;--coral:#ff826c;--line:rgba(7,17,15,.17);--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:absolute;width:100%;z-index:10}.brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;font:700 20px var(--mono)}.brand i{width:8px;height:8px;border-radius:50%;background:var(--lime)}nav{display:flex;align-items:center;gap:32px}nav a{font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.08em;text-decoration:none;color:inherit}.nav-cta{border:1px solid rgba(255,255,255,.35);padding:12px 16px}.menu-toggle{display:none;background:none;border:0}.hero{min-height:100vh;background:var(--ink);color:#f8f6f0;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:120px 7vw 80px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:auto auto -45% -10%;width:55vw;height:55vw;border-radius:50%;background:#12352d;filter:blur(80px)}.hero-copy,.hero-visual{position:relative;z-index:2}.eyebrow{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.15em;display:flex;align-items:center;gap:10px}.eyebrow span{width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px var(--lime)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(58px,7.3vw,112px);line-height:.88;letter-spacing:-.075em;margin:36px 0 32px;max-width:900px}.hero h1 em,.section h2 em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.hero-lead{font:500 clamp(13px,1.2vw,17px) var(--mono);letter-spacing:.03em}.hero-lead b{color:var(--lime);margin:0 8px}.hero-text{font-size:17px;line-height:1.7;color:#aab7b3;max-width:610px}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:38px}.button{display:inline-flex;align-items:center;gap:24px;text-decoration:none;font:700 12px var(--mono);text-transform:uppercase;letter-spacing:.06em}.primary{background:var(--lime);color:var(--ink);padding:18px 21px;box-shadow:5px 5px 0 #6b8e26;transition:.2s}.primary:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 #6b8e26}.text-button{color:#fff;border-bottom:1px solid #68756f;padding:10px 0}.hero-visual{min-height:600px;display:grid;place-items:center}.code-card{width:min(460px,90%);background:#0c1a17;border:1px solid #294139;box-shadow:28px 28px 0 rgba(0,0,0,.22);transform:rotate(2deg);position:relative}.window-bar{padding:14px 16px;border-bottom:1px solid #294139;display:flex;gap:7px;align-items:center}.window-bar i{width:8px;height:8px;border-radius:50%;background:#365149}.window-bar i:nth-child(1){background:var(--coral)}.window-bar i:nth-child(2){background:#f1d56b}.window-bar i:nth-child(3){background:var(--mint)}.window-bar span{margin-left:auto;font:10px var(--mono);color:#718b83}.code-card pre{font:clamp(11px,1vw,14px)/2 var(--mono);padding:25px 29px;color:#ecf4f0;overflow:hidden}.muted{color:#4a655d}.pink{color:#ff8a9e}.green{color:var(--lime)}.status-line{border-top:1px solid #294139;padding:12px 18px;font:10px var(--mono);text-transform:uppercase;color:#78948b}.status-line span{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:7px}.orbit{position:absolute;border:1px solid #38524a;border-radius:50%}.orbit-one{width:540px;height:540px}.orbit-two{width:680px;height:680px;opacity:.5}.floating-tag{position:absolute;background:var(--paper);color:var(--ink);padding:10px 13px;font:10px var(--mono);box-shadow:4px 4px 0 var(--coral)}.tag-one{top:15%;right:3%}.tag-two{bottom:20%;left:0}.tag-three{bottom:8%;right:12%;background:var(--lime)}.scroll-note{position:absolute;bottom:28px;right:5vw;font:9px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:#82938d}.scroll-note span{display:inline-block;width:70px;height:1px;background:#82938d;margin:0 0 3px 12px}.section{padding:110px 7vw;border-bottom:1px solid var(--line)}.section-label{font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.16em;margin-bottom:64px}.section-label span{color:#69756f;margin-right:12px}.about-grid,.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.section h2{font-size:clamp(45px,5vw,78px);line-height:1;letter-spacing:-.06em;margin:0}.about h2 em,.projects h2 em,.stack h2 em,.experience h2 em{color:var(--green)}.about-copy{max-width:650px}.large-copy{font-size:clamp(22px,2vw,30px);font-weight:600;line-height:1.35}.about-copy>p:nth-child(2),.experience-grid>div>p{color:#52605c;line-height:1.75}.quick-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:42px;padding-top:28px}.quick-facts strong{display:block;font:500 28px var(--mono)}.quick-facts span{display:block;font:10px var(--mono);text-transform:uppercase;color:#66736e;margin-top:8px}.services{background:var(--green);color:#f5f2e9}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:70px}.section-heading p{max-width:440px;color:#aec5bd;line-height:1.6}.services h2 em{color:var(--lime)}.service{display:grid;grid-template-columns:70px 1fr 55px;gap:20px;align-items:center;padding:34px 0;border-top:1px solid rgba(255,255,255,.2)}.service:last-child{border-bottom:1px solid rgba(255,255,255,.2)}.service-no{font:11px var(--mono);color:#8eaaa0}.service h3{font-size:clamp(24px,3vw,43px);margin:0 0 8px;letter-spacing:-.04em}.service p{color:#a9c0b8;margin:0}.service-icon{font-size:32px;color:var(--lime);text-align:right}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.project-large{grid-column:1/-1;display:grid;grid-template-columns:1.2fr .8fr}.project-card{background:#e7e2d8;border:1px solid var(--line)}.project-art{min-height:330px;position:relative;display:grid;place-items:center;overflow:hidden}.project-large .project-art{min-height:520px}.village-art{background:#173e35}.pet-art{background:#ff937d}.bus-art{background:#d4ff69}.project-index{position:absolute;top:20px;right:22px;font:11px var(--mono);color:rgba(255,255,255,.65)}.bus-art .project-index{color:var(--ink)}.mini-window{background:#f3f0e8;width:68%;height:58%;padding:20px;box-shadow:18px 18px 0 #0a2921;transform:rotate(-3deg)}.mini-top{font:600 12px var(--mono);display:flex;justify-content:space-between}.mini-top i{width:9px;height:9px;background:var(--coral);border-radius:50%}.mini-stats{display:flex;gap:8px;margin:28px 0}.mini-stats b{height:45px;flex:1;background:#c9ff4a}.mini-stats b:nth-child(2){background:#8ce3c2}.mini-stats b:nth-child(3){background:#ffd2c8}.mini-chart{height:60px;background:linear-gradient(135deg,transparent 35%,#154d3e 36% 42%,transparent 43% 55%,#154d3e 56% 62%,transparent 63%)}.phone{width:158px;height:275px;background:#f8f5ed;border:7px solid var(--ink);border-radius:26px;text-align:center;padding:25px 12px 10px;box-shadow:12px 12px 0 rgba(7,17,15,.3);transform:rotate(4deg)}.phone-notch{position:absolute;width:58px;height:12px;background:var(--ink);border-radius:0 0 8px 8px;top:0;left:calc(50% - 29px)}.phone span,.phone small{font:9px var(--mono);display:block}.pet-face{background:#d4ff69;border-radius:50%;width:85px;height:85px;margin:28px auto 18px;display:grid;place-items:center;font:25px var(--mono)}.phone b{font-size:11px;display:block;margin-bottom:8px}.ticket{width:73%;background:var(--ink);color:#fff;padding:28px;transform:rotate(-3deg);box-shadow:12px 12px 0 rgba(7,17,15,.25)}.ticket span{color:var(--lime);font:800 26px var(--sans)}.ticket b{display:block;font:600 15px var(--mono);margin:30px 0 10px}.ticket b i{color:var(--lime);font-style:normal;margin:0 10px}.ticket small{color:#a0b1ab}.barcode{margin-top:25px;height:30px;background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 6px)}.project-info{padding:36px}.project-info>p:first-child{font:10px var(--mono);text-transform:uppercase;color:#60706a}.project-info h3{font-size:clamp(28px,3vw,46px);line-height:1.05;letter-spacing:-.045em}.description{color:#596660;line-height:1.65}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.chips span{font:9px var(--mono);text-transform:uppercase;border:1px solid #a8aaa2;padding:8px 10px}.stack{background:#0b1513;color:#f3f0e8}.stack h2 em{color:var(--lime)}.stack-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid #34423f}.stack-grid>div{padding:28px 24px;border-right:1px solid #34423f}.stack-grid>div:first-child{padding-left:0}.stack-grid p{font:10px var(--mono);text-transform:uppercase;color:var(--lime);margin-bottom:24px}.stack-grid ul{padding:0;margin:0;list-style:none}.stack-grid li{padding:9px 0;color:#b6c0bc;font-size:14px}.experience-grid>div:first-child p{max-width:570px;margin-top:30px}.timeline-item{display:grid;grid-template-columns:95px 1fr;gap:25px;padding:0 0 42px 25px;border-left:1px solid #9baa9f;position:relative}.timeline-item:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--green);left:-5px;top:4px}.timeline-item>span{font:10px var(--mono);text-transform:uppercase;color:#66736e}.timeline-item h3{font-size:22px}.timeline-item p{color:#58655f;line-height:1.6}.contact{background:var(--coral);text-align:center;padding:140px 7vw}.contact .eyebrow{justify-content:center}.contact .eyebrow span{background:var(--ink);box-shadow:none}.contact h2{font-size:clamp(48px,7vw,100px);margin:40px 0 30px}.contact p{font-size:18px}.contact .button{margin-top:25px}.contact small{display:block;margin:22px auto 0;font:9px var(--mono);opacity:.62}footer{background:var(--ink);color:#f3f0e8;padding:30px 5vw;display:flex;align-items:center;justify-content:space-between;font:10px var(--mono)}footer p{margin:0;color:#84928d}footer>a:last-child{color:inherit;text-decoration:none}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){nav{position:fixed;inset:0;background:var(--ink);flex-direction:column;justify-content:center;transform:translateY(-100%);transition:.35s;z-index:-1}nav.open{transform:none}.menu-toggle{display:block;position:relative;z-index:2}.menu-toggle span{display:block;width:24px;height:1px;background:white;margin:6px}.hero{grid-template-columns:1fr;padding-top:140px}.hero-visual{min-height:480px}.scroll-note{display:none}.about-grid,.experience-grid{grid-template-columns:1fr;gap:45px}.project-large{grid-template-columns:1fr}.project-large .project-art{min-height:360px}.stack-grid{grid-template-columns:1fr 1fr}.section-heading{align-items:flex-start;flex-direction:column}.project-info{padding:28px}}@media(max-width:600px){.site-header{height:68px}.section{padding:80px 6vw}.hero{padding:110px 6vw 70px}.hero h1{font-size:58px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{min-height:390px}.code-card{width:100%}.orbit-one{width:400px;height:400px}.orbit-two{display:none}.floating-tag{display:none}.project-grid{grid-template-columns:1fr}.quick-facts{gap:10px}.quick-facts strong{font-size:22px}.quick-facts span{font-size:8px}.stack-grid{grid-template-columns:1fr}.stack-grid>div{border-right:0;border-bottom:1px solid #34423f;padding-left:0}.timeline-item{grid-template-columns:1fr;gap:10px}.contact{padding:100px 6vw}footer{gap:25px;flex-wrap:wrap}}