@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap";
:root{--font-mono:"Fira Code", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-sans:"Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--paper:#faf5e9;--rust:#a35745;--ink:#3a362f;--muted:#817b70;--stone:#c9c3b7;--line:#3a362f2e;--soft-line:#a357452e;--rust-dark:#814538;--white:#fffaf0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-mono);margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}main{min-height:100vh}.hero{background:linear-gradient(#3a362f09 1px, transparent 1px), linear-gradient(90deg, #3a362f09 1px, transparent 1px), var(--paper);background-size:42px 42px;min-height:92vh;padding:28px}.site-nav{justify-content:space-between;align-items:center;gap:24px;max-width:1180px;margin:0 auto;display:flex}.brand{align-items:baseline;gap:10px;font-weight:700;display:inline-flex}.brand-name{font-size:1.55rem}.brand-name span{color:var(--rust)}.brand-studio{color:var(--muted);letter-spacing:.34em;font-size:.95rem;font-weight:500}.nav-links{color:var(--muted);align-items:center;gap:22px;font-size:.9rem;display:flex}.nav-links a{transition:color .18s}.nav-links a:hover{color:var(--ink)}.hero-grid{grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr);align-items:center;gap:52px;max-width:1180px;min-height:calc(92vh - 76px);margin:0 auto;padding:70px 0 36px;display:grid}.hero-copy{max-width:760px}.eyebrow{color:var(--rust);margin:0 0 18px;font-size:.92rem;font-weight:600}.eyebrow-light{color:var(--paper)}h1,h2,h3,p{margin-top:0}h1{max-width:860px;margin-bottom:24px;font-size:4.65rem;line-height:1.02}h2{margin-bottom:0;font-size:2.75rem;line-height:1.08}h3{margin-bottom:12px;font-size:1.22rem;line-height:1.3}.hero-lede{max-width:680px;color:var(--muted);font-family:var(--font-sans);margin-bottom:34px;font-size:1.1875rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.button{cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:5px 5px #a3574547}.button:disabled{cursor:wait;opacity:.72}.button-dark{background:var(--ink);color:var(--paper)}.button-ghost{color:var(--ink);background:#fffaf0b8}.button-icon{background:var(--rust);width:20px;height:20px;color:var(--paper);justify-content:center;align-items:center;margin-right:9px;display:inline-flex}.hero-window{background:var(--white);box-shadow:14px 14px 0 var(--rust), 0 22px 70px #3a362f1f;border-radius:8px;overflow:hidden}.window-bar{background:var(--rust);align-items:center;gap:8px;min-height:34px;padding:0 14px;display:flex}.dot{width:10px;height:10px;display:block}.dot-light{background:var(--paper)}.dot-rust{background:#c9c3b7}.dot-dark{background:var(--ink)}.window-body{min-height:420px;padding:54px 44px}.comment{color:var(--rust);margin-bottom:18px;font-size:.95rem}.typing-line{max-width:100%;color:var(--ink);margin-bottom:48px;font-size:1.32rem;font-weight:700;display:inline-flex}.typing-line span{white-space:nowrap;border-right:.68em solid var(--rust);width:0;max-width:max-content;animation:3.2s steps(29,end) .45s forwards typing,.8s step-end infinite cursor;display:inline-block;overflow:hidden}.code-block{background:linear-gradient(90deg, var(--soft-line), transparent 62%) top left / 100% 1px no-repeat;gap:14px;padding-top:26px;display:grid}.code-block p{color:var(--rust);margin:0}.code-row{opacity:0;animation:.52s forwards lineIn;transform:translateY(8px)}.code-row-one{animation-delay:2.2s}.code-row-two{animation-delay:2.55s}.code-row-three{animation-delay:2.9s}.terminal-note{color:var(--ink);margin-top:38px;font-size:.95rem;font-weight:700;display:inline-flex}.terminal-note span{white-space:nowrap;border-right:.7em solid var(--rust);width:0;max-width:max-content;animation:3s steps(29,end) 3.35s forwards typingNote,.8s step-end infinite cursor;display:inline-block;overflow:hidden}.muted{color:var(--muted)}.section{padding:92px 28px}.section-inner{max-width:1180px;margin:0 auto}.section-light{background:var(--paper)}.section-stone{background:var(--stone)}.section-rust{background:var(--rust);color:var(--paper)}.about-grid,.contact-grid{grid-template-columns:minmax(0,.85fr) minmax(320px,1fr);align-items:start;gap:68px;display:grid}.about-copy{color:var(--muted);font-family:var(--font-sans);gap:18px;font-size:1.0625rem;line-height:1.75;display:grid}.about-copy p{margin:0}.section-heading{max-width:740px;margin-bottom:42px}.section-kicker{color:#3a362fad;max-width:620px;font-family:var(--font-sans);margin:20px 0 0;font-size:1.0625rem;line-height:1.68}.project-grid{grid-template-columns:1fr;gap:22px;display:grid}.project-card,.service-card{background:var(--paper);border-radius:8px;overflow:hidden;box-shadow:0 16px 42px #3a362f1a}.project-card{grid-template-columns:1fr;align-items:stretch;display:grid}.browser-preview{background:var(--white);padding:0 clamp(12px,1.6vw,20px) clamp(12px,1.6vw,20px)}.browser-preview .window-bar{margin-inline:calc(-1*clamp(12px,1.6vw,20px));margin-bottom:clamp(12px,1.6vw,20px)}.project-showcase{display:block}.project-media{aspect-ratio:3024/1899;background:var(--white);position:relative;overflow:hidden}.stack-shot{object-fit:contain;opacity:0;width:100%;height:100%;position:absolute;inset:0}.project-media[data-count="2"] .stack-shot{animation:12s ease-in-out infinite stackFade2}.project-media[data-count="2"] .stack-shot:nth-child(2){animation-delay:-6s}.project-media[data-count="3"] .stack-shot{animation:18s ease-in-out infinite stackFade3}.project-media[data-count="3"] .stack-shot:nth-child(2){animation-delay:-12s}.project-media[data-count="3"] .stack-shot:nth-child(3){animation-delay:-6s}.preview-overlay{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#faf5e9e6;gap:8px;max-width:min(360px,34%);padding:clamp(12px,1.5vw,18px);display:grid;position:absolute;top:clamp(14px,2vw,28px);left:clamp(14px,2vw,28px)}.mobile-preview{z-index:3;background:#faf5e9e6;border-radius:18px;width:clamp(130px,18vw,230px);padding:clamp(7px,.8vw,10px);animation:4.8s ease-in-out infinite floatPhone;position:absolute;bottom:clamp(18px,3vw,42px);right:clamp(18px,3vw,42px);transform:translateY(0);box-shadow:0 18px 44px #3a362f33}.mobile-preview img{border-radius:12px;width:100%;height:auto;display:block}.preview-overlay span{background:var(--rust);width:34px;height:34px;color:var(--paper);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.preview-overlay strong{font-size:1.6rem;line-height:1.12}.preview-overlay small{color:var(--muted)}.project-content{background:linear-gradient(180deg, #faf5e9f5, #fffaf0), var(--paper);grid-template-columns:minmax(0,.34fr) minmax(0,.66fr);align-items:start;gap:clamp(22px,4vw,56px);padding:clamp(28px,4vw,54px);display:grid}.project-text{max-width:640px}.project-type,.service-command{color:var(--rust);margin-bottom:16px;font-size:.84rem;font-weight:700}.project-content p:not(.project-type),.service-card p:not(.service-command){color:var(--muted);font-family:var(--font-sans);font-size:.9rem;line-height:1.62}.tag-list{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.tag-list span{border:1px solid var(--line);background:var(--white);color:var(--ink);padding:6px 8px;font-size:.78rem}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.service-card{background:linear-gradient(135deg, #fffaf0e0, #faf5e9), var(--paper);padding:28px}.service-card h3{font-size:1.28rem}.contact-copy{color:#faf5e9d1;max-width:540px;font-family:var(--font-sans);margin-top:24px;font-size:1rem;line-height:1.68}.contact-form{background:var(--paper);color:var(--ink);box-shadow:10px 10px 0 var(--rust-dark), 0 22px 54px #3a362f24;border-radius:8px;gap:18px;padding:28px;display:grid}.contact-form label{color:var(--muted);gap:8px;font-size:.86rem;font-weight:700;display:grid}.label-optional{color:#817b70b3;font-style:normal;font-weight:400}.contact-form input,.contact-form textarea{border:1px solid var(--soft-line);background:var(--white);width:100%;color:var(--ink);border-radius:6px;outline:none;padding:13px 14px}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--rust);box-shadow:0 0 0 3px #a357452e}.form-status{margin:0;font-size:.9rem;font-weight:700}.form-status-sent{color:var(--rust)}.form-status-error{color:#8d2f20}.site-footer{background:var(--ink);color:var(--paper);padding:74px 28px 30px}.footer-grid{grid-template-columns:1.4fr repeat(3,minmax(0,1fr));align-items:start;gap:40px;display:grid}.footer-brand .brand-studio{color:#faf5e99e}.footer-heading{color:var(--rust);margin:0 0 16px;font-size:.84rem;font-weight:700}.footer-list{color:#faf5e9b8;font-family:var(--font-sans);gap:10px;margin:0;padding:0;font-size:.95rem;line-height:1.5;list-style:none;display:grid}.footer-list a{transition:color .18s}.footer-list a:hover{color:var(--paper);text-underline-offset:4px;text-decoration:underline}.footer-bottom{border-top:1px solid #faf5e929;margin-top:58px;padding-top:24px}.footer-bottom p{color:#faf5e980;margin:0;font-size:.8rem}@keyframes typing{0%{width:0}to{width:29ch}}@keyframes typingNote{0%{width:0}to{width:29ch}}@keyframes lineIn{to{opacity:1;transform:translateY(0)}}@keyframes stackFade2{0%,42%{opacity:1}50%,92%{opacity:0}to{opacity:1}}@keyframes stackFade3{0%{opacity:1}28%{opacity:1}36%{opacity:0}92%{opacity:0}to{opacity:1}}@keyframes floatPhone{50%{transform:translateY(-8px)}}@keyframes cursor{50%{border-color:#0000}}@media (max-width:980px){.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.footer-brand{grid-column:1/-1}.hero-grid{gap:44px;padding-top:58px}h1{font-size:3.45rem}h2{font-size:2.25rem}.project-grid,.service-grid,.project-card,.project-content{grid-template-columns:1fr}}@media (max-width:680px){.hero,.section{padding-left:18px;padding-right:18px}.site-nav{align-items:flex-start}.brand{flex-direction:column;gap:2px}.nav-links{display:none}.site-footer{padding:54px 18px 26px}.footer-grid{grid-template-columns:1fr;gap:30px}.hero-grid{min-height:auto;padding:52px 0 20px}h1{font-size:2.48rem}h2{font-size:1.82rem}.hero-lede{font-size:1rem}.hero-window{box-shadow:8px 8px 0 var(--rust), 0 18px 42px #3a362f1a}.window-body{min-height:350px;padding:38px 22px}.typing-line{font-size:.98rem}.button{width:100%}.section{padding-top:72px;padding-bottom:72px}.browser-preview{padding:0 8px 8px}.browser-preview .window-bar{margin-inline:-8px;min-height:28px;margin-bottom:8px}.preview-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;max-width:none;padding:0;top:10px;left:10px}.preview-overlay span{width:28px;height:28px;font-size:.82rem}.preview-overlay strong,.preview-overlay small{display:none}.mobile-preview{border-radius:12px;width:26%;min-width:86px;max-width:118px;padding:5px;bottom:10px;right:10px;box-shadow:0 12px 28px #3a362f2e}.mobile-preview img{border-radius:8px}.project-content{padding:28px 24px}.project-content p:not(.project-type){font-size:.94rem;line-height:1.62}.contact-form{box-shadow:7px 7px 0 var(--rust-dark);padding:20px}}