:root{--ink:#151512;--paper:#f1efe8;--acid:#d7ff45;--rust:#c6532f;--line:rgba(21,21,18,.2);--sans:"Manrope",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-size:.83rem;font-weight:800;line-height:1.05;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--ink);color:var(--acid);font:500 .78rem var(--mono)}nav{display:flex;align-items:center;gap:34px;font-size:.88rem;font-weight:600}nav a:not(.nav-cta):hover{text-decoration:underline;text-underline-offset:5px}.nav-cta{padding:12px 18px;border:1px solid var(--ink);transition:.2s}.nav-cta:hover{background:var(--ink);color:white}.menu-button{display:none;background:none;border:0;font:600 .9rem var(--sans)}.hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:1.35fr .65fr;gap:6vw;padding:9vw 4vw 6vw;align-items:center}.eyebrow{font:500 .72rem var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 25px}.hero h1,.section h2{font-size:clamp(3.2rem,7vw,7.7rem);line-height:.9;letter-spacing:-.075em;margin:0;font-weight:700}.hero h1 em{font-family:Georgia,serif;font-weight:400}.intro{font-size:clamp(1.05rem,1.5vw,1.35rem);max-width:620px;margin:35px 0;color:#4e4d47}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;justify-content:center;align-items:center;border:0;padding:16px 22px;font:700 .88rem var(--sans);cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#35352f}.text-link{font-weight:700;font-size:.9rem}.text-link span{margin-left:8px}.site-audit-card{background:var(--ink);color:white;padding:26px;transform:rotate(1.5deg);box-shadow:14px 14px 0 var(--acid)}.audit-top{display:flex;justify-content:space-between;padding-bottom:28px;font:500 .68rem var(--mono);letter-spacing:.08em}.live-dot{color:var(--acid)}.audit-domain{font:500 1.1rem var(--mono);padding-bottom:22px;border-bottom:1px solid #42423d}.audit-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #42423d;padding:18px 0}.audit-row b{font:400 .7rem var(--mono);color:var(--acid)}.audit-note{font-size:.8rem;color:#aaa99e;margin:22px 0 0}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 4vw;display:flex;justify-content:space-between;font:500 .72rem var(--mono);letter-spacing:.1em}.section{padding:9vw 4vw}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6vw}.section-heading h2{font-size:clamp(3rem,6vw,6.5rem);max-width:1100px}.projects{display:grid;grid-template-columns:1.1fr .9fr;gap:3vw;align-items:start}.project{min-width:0}.browser-bar{height:32px;background:#dedcd4;display:flex;gap:5px;align-items:center;padding:0 10px}.browser-bar i{width:7px;height:7px;background:#a6a49d;border-radius:50%}.browser-bar span{margin-left:10px;font:400 .55rem var(--mono);color:#666}.mockup{aspect-ratio:1.35;overflow:hidden}.trade-mockup{background:#182b34;color:white;padding:6%;position:relative}.trade-mockup:after{content:"";position:absolute;width:58%;height:60%;right:-5%;bottom:-16%;border:22px solid #e8efeb;border-radius:50%}.mock-nav,.food-top{display:flex;justify-content:space-between;font:500 .55rem var(--mono);letter-spacing:.06em;position:relative;z-index:2}.trade-grid{display:grid;grid-template-columns:1fr .5fr;position:relative;z-index:2;margin-top:17%;align-items:end}.trade-grid h3{font-size:clamp(1.8rem,4vw,4.7rem);line-height:.9;letter-spacing:-.06em;margin:0}.trade-grid p{font-size:.65rem}.trade-grid strong{position:absolute;right:0;bottom:-45%;font-size:2.8rem;line-height:.6;color:#182b34}.trade-grid small{font:500 .43rem var(--mono)}.food-mockup{background:#c6532f;color:#fff6de;position:relative;padding:6%}.food-copy{position:relative;z-index:2;margin-top:14%}.food-copy p{font:500 .5rem var(--mono);letter-spacing:.1em}.food-copy h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(2rem,4vw,4rem);line-height:.9;margin:12px 0 24px}.food-copy button{background:#fff6de;border:0;padding:10px 13px;font:600 .5rem var(--mono)}.plate{position:absolute;width:55%;aspect-ratio:1;border-radius:50%;background:#eee0bd;right:-18%;bottom:-28%;display:grid;place-items:center}.pizza{width:83%;height:83%;border-radius:50%;background:#edb74d;border:11px solid #c88734;position:relative}.pizza i{position:absolute;width:13%;height:13%;background:#9b3020;border-radius:50%}.pizza i:nth-child(1){left:30%;top:20%}.pizza i:nth-child(2){right:23%;top:30%}.pizza i:nth-child(3){left:22%;bottom:27%}.pizza i:nth-child(4){right:34%;bottom:20%}.pizza i:nth-child(5){left:45%;top:45%}.project-food{margin-top:10vw}.project-caption{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}.project-caption h3{margin:0;font-size:1rem}.project-caption p{margin:3px 0 0;color:#6e6d65;font-size:.8rem}.project-caption>span{font:400 .7rem var(--mono)}.work-note{max-width:550px;margin:50px 0 0;color:#77756d;font-size:.82rem}.services{background:var(--ink);color:white}.services .section-heading{border-bottom:1px solid #40403a;padding-bottom:6vw}.service-list article{display:grid;grid-template-columns:80px .7fr 1fr;gap:4vw;padding:35px 0;border-bottom:1px solid #40403a;align-items:start}.service-list span{font:400 .72rem var(--mono);color:var(--acid)}.service-list h3{margin:0;font-size:clamp(1.5rem,2.5vw,2.6rem);letter-spacing:-.04em}.service-list p{margin:5px 0;color:#b6b5aa;max-width:540px}.process{display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw}.process-intro{position:sticky;top:50px;align-self:start}.process-intro h2{font-size:clamp(3rem,5vw,5rem)}.process-intro>p:last-child{max-width:430px;color:#66655f;margin-top:30px}.process ol{list-style:none;margin:0;padding:0}.process li{display:grid;grid-template-columns:65px 1fr;border-top:1px solid var(--line);padding:30px 0 55px}.process li b{font:500 .7rem var(--mono)}.process li h3{font-size:1.55rem;margin:0 0 12px}.process li p{margin:0;color:#66655f;max-width:500px}.contact{background:var(--acid);display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact h2{font-size:clamp(3.3rem,6vw,6.5rem)}.contact-copy>p:last-child{max-width:520px;font-size:1.05rem}.contact-form{display:grid;gap:18px}.contact-form label{font:500 .68rem var(--mono);letter-spacing:.07em;text-transform:uppercase}.contact-form input,.contact-form textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:13px 0;font:500 1rem var(--sans);outline:none;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-bottom-width:2px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#626842}.button-light{background:var(--ink);color:white;justify-self:start}.form-note{font-size:.75rem;margin:0}footer{padding:35px 4vw;background:var(--ink);color:#b4b3a9;display:flex;align-items:center;justify-content:space-between;font-size:.75rem}.footer-brand{color:white}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.site-header{height:75px}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--paper);padding:28px 4vw;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.hero{min-height:auto;grid-template-columns:1fr;padding-top:18vw;gap:70px}.hero h1{font-size:clamp(3rem,13vw,5rem)}.site-audit-card{max-width:500px}.trust-strip{gap:20px;overflow:hidden}.trust-strip span:nth-child(n+4){display:none}.section{padding:18vw 5vw}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:20px}.projects,.process,.contact{grid-template-columns:1fr}.project-food{margin-top:40px}.process-intro{position:static}.service-list article{grid-template-columns:45px 1fr}.service-list article p{grid-column:2}footer{align-items:flex-start;gap:25px;flex-direction:column}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
:where(.contact-email){display:inline-block;margin-top:24px;font-weight:800;border-bottom:2px solid var(--ink)}
:where(.project){display:block}.project .mockup{transition:transform .35s ease,box-shadow .35s ease}.project:hover .mockup{transform:translateY(-5px);box-shadow:0 18px 35px rgba(21,21,18,.13)}.project:hover .project-caption h3{text-decoration:underline;text-underline-offset:4px}
:where(.about){display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;align-items:center;background:#dcdad1}.about-portrait{margin:0;position:relative;width:min(100%,360px)}.about-portrait img{display:block;width:100%;height:440px;object-fit:cover;object-position:center 18%;border:1px solid var(--ink);filter:saturate(.88) contrast(1.02)}.about-portrait figcaption{position:absolute;left:14px;bottom:14px;background:var(--acid);color:var(--ink);padding:9px 11px;font:500 .58rem var(--mono);letter-spacing:.08em}.about-copy h2{font-size:clamp(2.8rem,5.5vw,5.8rem);max-width:1050px}.about-copy>p:not(.eyebrow){max-width:720px;color:#57564f;font-size:1.05rem}.pricing{background:#e1dfd7}.pricing .section-heading{border-bottom:1px solid var(--line);padding-bottom:5vw}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{border:1px solid var(--ink);padding:30px;position:relative;display:flex;flex-direction:column;min-height:480px}.price-card>p{font:500 .68rem var(--mono);letter-spacing:.1em}.price-card>strong{font-size:clamp(3.5rem,6vw,6rem);letter-spacing:-.07em;margin:26px 0}.price-card>strong span{font-size:1rem;letter-spacing:0}.price-card h3{font-size:1.25rem}.price-card ul{list-style:none;padding:20px 0;margin:0;border-top:1px solid var(--line)}.price-card li{padding:8px 0;color:#5d5c55;font-size:.88rem}.price-card li:before{content:'—';margin-right:10px}.price-card a{font-size:.78rem;font-weight:800;margin-top:auto;border-top:1px solid var(--line);padding-top:20px}.price-card.featured{background:var(--ink);color:white}.price-card.featured li{color:#c5c4bb}.price-card.featured ul,.price-card.featured a{border-color:#45453f}.popular{position:absolute;right:18px;top:18px;background:var(--acid);color:var(--ink);padding:7px 9px;font:500 .55rem var(--mono)}.pricing-note{font-size:.75rem;color:#6b6a63;margin:25px 0 0}@media(max-width:850px){.about{grid-template-columns:1fr;gap:38px}.about-portrait{width:min(100%,280px)}.about-portrait img{height:320px}.about-portrait figcaption{left:10px;right:10px;bottom:10px;text-align:center;font-size:.52rem}.pricing-grid{grid-template-columns:1fr}.price-card{min-height:440px}}