@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f4f2ec;--ink:#202622;--wine:#492733;--lime:#e0ee9a;--line:#d8d9ce;--muted:#646b62}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #87972e;outline-offset:5px}header{max-width:1280px;margin:auto;padding:26px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;gap:14px;align-items:center;font-family:Manrope,sans-serif;font-weight:800;font-size:17px;letter-spacing:-.5px}.brand svg{width:34px;height:34px}.brand small{display:block;font:11px 'DM Sans',sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}nav{display:flex;align-items:center;gap:28px}nav a{text-decoration:none;font-size:14px}.nav-cta{border:1px solid var(--ink);border-radius:100px;padding:9px 17px}main{max-width:1280px;margin:auto;padding:0 48px}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.08;letter-spacing:-2px;font-weight:600}h1{font-size:clamp(52px,6.5vw,84px);margin:22px 0}h2{font-size:clamp(35px,4vw,52px);margin:16px 0 26px}h3{font-size:25px;letter-spacing:-.8px}p{margin:0 0 20px}.eyebrow,.badge{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;font-weight:700}.eyebrow{color:var(--muted)}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:62px;padding:64px 0 56px;align-items:center}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--wine)}.lead{font-size:19px;max-width:520px;color:#51594f}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;background:var(--wine);color:white;border-radius:100px;padding:15px 23px;font:600 14px 'DM Sans',sans-serif;text-decoration:none;cursor:pointer;transition:transform .2s,background .2s}.button:hover{background:#652f43;transform:translateY(-2px)}.text-link{font-size:14px;font-weight:600}.hero-note{margin-top:22px;font-size:12px;color:var(--muted)}.portrait-wrap{position:relative}.portrait{width:100%;height:550px;object-fit:cover;object-position:center 24%;display:block;border-radius:180px 180px 12px 12px;background:#c5b497}.portrait-caption{position:absolute;bottom:18px;left:18px;right:18px;background:#f4f2ecf2;border-radius:8px;padding:17px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.portrait-caption strong{display:block;font-size:16px}.portrait-caption span{font-size:12px;color:var(--muted)}.portrait-caption svg{width:32px;height:32px}.experience{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:25px 0 35px;border-bottom:1px solid var(--line);flex-wrap:wrap}.experience p{margin:0;max-width:170px;font-size:12px;color:var(--muted)}.experience strong{font:600 20px Manrope,sans-serif;letter-spacing:-.5px}.experience .via small{display:block;font-size:10px;color:var(--muted);letter-spacing:0}.section{padding:78px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:32px}.section-head h2{max-width:630px;margin-bottom:0}.section-head p{max-width:350px;font-size:15px;color:var(--muted);margin:0}.results{background:var(--wine);color:var(--paper);padding:48px;border-radius:16px;margin-top:60px}.results .eyebrow{color:#d6c4cc}.results h2{max-width:790px}.metrics{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:35px;margin-top:38px}.metric{border-top:1px solid #ffffff40;padding-top:22px}.metric strong{font:500 clamp(30px,3.6vw,46px) Manrope,sans-serif;letter-spacing:-1.7px;color:var(--lime);display:block;white-space:nowrap}.metric span{font-size:14px;display:block;margin-top:10px}.metric p{font-size:13px;color:#d6c4cc;margin-top:8px}.results .note{color:#d6c4cc;font-size:11px;max-width:850px;margin:20px 0 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.work-card{background:#fffef9;border:1px solid var(--line);border-radius:12px;padding:28px;display:flex;flex-direction:column;transition:transform .2s}.work-card:hover{transform:translateY(-4px)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.card-top svg{height:64px;width:64px;color:var(--wine)}.work-card h3{margin:0 0 18px}.work-card blockquote{margin:0 0 24px;font:25px/1.35 Georgia,serif;letter-spacing:-.3px}.work-card p{font-size:14px;color:var(--muted)}.work-card a{margin-top:auto;font-size:13px;font-weight:600}.work-card:nth-child(2){background:#e9eddf}.work-card:nth-child(3){background:#eae3e5}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about p{font-size:18px}.about .eyebrow{font-size:11px}.mini{display:flex;gap:14px;align-items:center;font-size:13px;border-top:1px solid var(--line);padding:20px 0}.mini svg{width:30px;height:30px}.services{display:grid;grid-template-columns:1fr 1.25fr;gap:70px}.service{display:grid;grid-template-columns:35px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.service:first-child{padding-top:0}.service h3{margin:0 0 10px;font-size:23px}.service p{font-size:15px;color:var(--muted);margin:0}.service .number{font-size:12px;color:var(--muted);padding-top:6px}.contact{margin:66px 0;background:var(--lime);border-radius:16px;padding:52px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.contact h2{font-size:clamp(40px,5vw,62px)}.contact p{max-width:540px}.contact .button{background:var(--ink)}.contact small{display:block;font-size:12px;color:#505a3c;margin-top:17px}.contact-side{border-left:1px solid #8f9b6959;padding-left:36px}.contact-side p{font-size:14px}footer{max-width:1280px;margin:auto;padding:0 48px 32px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}.note{font-size:12px;color:var(--muted)}.portfolio-intro{padding:65px 0 30px;max-width:900px}.sample-index{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.sample-index a{font-size:13px;padding:8px 15px;border:1px solid var(--line);border-radius:99px;text-decoration:none}.sample{padding:55px 0;border-top:1px solid var(--line);scroll-margin-top:35px;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.sample h2{font-size:34px}.sample-copy{padding:34px;background:#fffef9;border:1px solid var(--line);border-radius:10px;max-width:710px}.sample-copy p{font-size:16px}.sample-meta{align-self:start;position:sticky;top:30px}.sample-meta p{color:var(--muted);font-size:14px}.sample-copy p:last-child{margin-bottom:0}.notice{font-size:12px;color:var(--muted);max-width:780px} @media(max-width:900px){header,main{padding-left:25px;padding-right:25px}.hero{gap:30px}.portrait{height:490px}.metrics{gap:20px}.metric strong{font-size:32px}.grid{gap:12px}.work-card{padding:20px}.about,.services{gap:35px}.contact{gap:30px;padding:35px}.results{padding:30px}}@media(max-width:650px){header{padding:20px;gap:15px}nav{gap:15px}header nav a:not(.nav-cta){display:none}.brand{font-size:15px}.brand svg{width:27px}main{padding:0 20px}.hero{grid-template-columns:1fr;padding-top:35px;gap:35px}h1{font-size:54px;letter-spacing:-2.8px}.portrait{height:440px;object-position:center 22%;border-radius:120px 120px 12px 12px}.portrait-wrap{max-width:430px;width:100%;margin:auto}.experience{gap:22px}.experience p{max-width:none;width:100%}.experience strong{font-size:16px}.metrics,.grid,.about,.services,.contact,.sample{grid-template-columns:1fr}.results{padding:25px;margin-top:40px}.metrics{gap:12px}.metric strong{font-size:43px}.metric p{margin-bottom:10px}.section{padding:48px 0}.section-head{display:block}.section-head p{margin-top:20px}.work-card{padding:26px}.contact{margin:40px 0;padding:28px;gap:24px}.contact-side{border-left:0;border-top:1px solid #8f9b6959;padding:22px 0 0}.sample{gap:20px;padding:35px 0}.sample-meta{position:static}.sample-copy{padding:24px}.portfolio-intro{padding-top:40px}.portfolio-intro h1{font-size:46px}footer{padding:0 20px 25px;flex-direction:column;gap:8px}.about p{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{header,nav,.contact,footer{display:none}.sample{display:block;break-before:page}.sample-meta{position:static}.sample-copy{border:0}body{background:white;color:black}}
/* Inquiry flow and email presentation */
.mobile-proof{display:none}.contact{align-items:start}.contact-side form{min-width:0}.contact-side label{display:block;font-size:12px;font-weight:600;margin:0 0 15px}.contact-side label span{font-weight:400;color:#626d4c}.contact-side input,.contact-side select,.contact-side textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;background:#fbfdf2;border:1px solid #a6b17c;border-radius:6px;color:var(--ink);font:14px/1.4 'DM Sans',sans-serif}.contact-side textarea{resize:vertical;min-height:110px}.contact-side input:focus,.contact-side select:focus,.contact-side textarea:focus{outline:2px solid var(--wine);outline-offset:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-side .form-note{font-size:11px;line-height:1.6;margin:16px 0 0}.faq{max-width:850px}.faq details{padding:18px 0;border-bottom:1px solid var(--line)}.faq summary{font-size:17px;font-weight:600;cursor:pointer}.faq details p{font-size:15px;color:var(--muted);max-width:700px;margin:14px 0 0}.email-envelope{border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:24px}.email-envelope p{font-size:14px}.email-envelope .email-label,.email-label{font-size:11px!important;color:var(--muted);line-height:1.6}.email-envelope strong{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.inbox-demo .badge{display:block;font-size:9px;line-height:1.6;margin-bottom:20px}.email-masthead{font:italic 29px/1.2 Georgia,serif;color:var(--wine);padding-bottom:24px}.sample-buy{display:inline-block;background:var(--wine);color:white;padding:12px 22px;border-radius:4px;margin:10px 0 15px;font-size:14px;font-weight:600}@media(max-width:650px){.mobile-proof{display:block;font-size:11px;color:var(--muted);line-height:1.7;margin:20px 0 0}.mobile-proof strong{display:block;color:var(--ink);font-weight:500}.portrait{height:320px;object-position:center 19%}.hero{gap:26px}.experience{padding-top:0}.experience p{display:none}.experience strong{font-size:14px}.form-row{grid-template-columns:1fr;gap:0}.contact{padding:25px}.email-envelope p{font-size:13px}}
