:root {
    --ink: #13231f;
    --muted: #64736e;
    --line: #dce5df;
    --paper: #fbfaf6;
    --white: #fff;
    --green: #176b4d;
    --green-dark: #0c5039;
    --lime: #c5e58a;
    --orange: #e89056;
    --pale: #eef3ec;
    --radius: 18px;
    --shadow: 0 18px 50px rgba(15, 50, 38, .10);
    --container: 1180px;
    --font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; color: var(--ink); background: var(--paper); font: 16px/1.65 var(--font); -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
h1,h2,h3,p,figure { margin-top: 0; }
h1,h2,h3 { letter-spacing: -.035em; line-height: 1.08; }
h1 { font-size: clamp(2.6rem, 5.4vw, 5rem); font-weight: 750; margin: 1.1rem 0 1.25rem; }
h1 em { color: var(--green); font-family: Georgia, serif; font-weight: 500; }
h2 { font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 720; margin-bottom: .8rem; }
h3 { font-size: 1.2rem; }
p { margin-bottom: 1rem; }
.container { width: min(100% - 48px, var(--container)); margin-inline: auto; }
.container-narrow { max-width: 780px; }
.skip-link { position:absolute; left:-9999px; top:0; background:var(--ink); color:#fff; padding:10px; z-index:99; }
.skip-link:focus { left:10px; }
/* Navigation */
.site-header { position: sticky; top:0; z-index:30; background:rgba(251,250,246,.94); backdrop-filter:blur(16px); border-bottom:1px solid rgba(220,229,223,.85); }
.header-inner { display:flex; align-items:center; gap:2rem; min-height:76px; }
.brand { display:inline-flex; align-items:center; gap:.75rem; font-size:.94rem; font-weight:750; letter-spacing:-.02em; white-space:nowrap; }
.brand-mark { display:grid; place-items:center; width:38px; height:38px; border-radius:12px 12px 12px 4px; background:var(--green); color:#fff; font-size:1.1rem; }
.nav { display:flex; gap:1.5rem; margin-left:auto; }
.nav a { color:#52615b; font-size:.9rem; font-weight:600; transition:color .2s; }
.nav a:hover,.text-link:hover { color:var(--green); }
/* Buttons */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; padding:.8rem 1.25rem; border:1px solid transparent; border-radius:999px; font-weight:700; font-size:.92rem; transition:transform .2s, background .2s, box-shadow .2s; cursor:pointer; }
.btn:hover { transform:translateY(-2px); }
.btn-sm { padding:.62rem 1.05rem; font-size:.84rem; }
.btn-lg { padding:1rem 1.55rem; }
.btn-primary { background:var(--green); color:#fff; box-shadow:0 8px 22px rgba(23,107,77,.2); }
.btn-primary:hover { background:var(--green-dark); box-shadow:0 12px 28px rgba(23,107,77,.25); }
.btn-ghost { color:var(--ink); border-color:#bdcbc3; background:rgba(255,255,255,.55); }
.btn-ghost:hover { border-color:var(--green); color:var(--green); }
.btn-light { background:#fff; color:var(--green-dark); }
/* Hero */
.hero { position:relative; overflow:hidden; padding:clamp(3.5rem,7vw,6.5rem) 0 4.5rem; background:radial-gradient(ellipse at 78% 42%, #e2eedb 0, transparent 34%), var(--paper); }
.hero:after { content:""; position:absolute; width:550px; height:550px; right:-320px; top:-260px; border:1px solid rgba(23,107,77,.15); border-radius:50%; box-shadow:0 0 0 42px rgba(23,107,77,.025),0 0 0 90px rgba(23,107,77,.02); pointer-events:none; }
.hero-inner { position:relative; z-index:1; display:grid; grid-template-columns:1.03fr .97fr; align-items:center; gap:clamp(2rem,5vw,5rem); }
.hero-copy { max-width:625px; }
.proof-line { display:flex; align-items:center; gap:.7rem; margin-bottom:1.8rem; font-size:.83rem; font-weight:650; }
.proof-line img { width:42px; height:42px; object-fit:cover; border-radius:50%; border:2px solid #fff; box-shadow:0 2px 8px rgba(0,0,0,.12); }
.proof-line b { color:#a6b3ac; padding:0 .25rem; }
.proof-rating { color:#a76616; margin-left:auto; white-space:nowrap; }
.proof-rating small { display:block; color:var(--muted); font-size:.67rem; font-weight:500; text-align:right; }
.eyebrow { display:inline-flex; align-items:center; color:var(--green); font-size:.72rem; line-height:1; font-weight:800; letter-spacing:.13em; text-transform:uppercase; margin-bottom:.85rem; }
.lead { max-width:550px; font-size:clamp(1.08rem,1.5vw,1.25rem); color:#55665e; }
.hero-actions { display:flex; gap:.75rem; flex-wrap:wrap; margin:1.8rem 0 1.6rem; }
.hero-assurance { display:flex; flex-wrap:wrap; gap:.55rem 1.1rem; color:#52645b; font-size:.78rem; font-weight:600; }
.hero-assurance span:first-letter { color:var(--green); }
.hero-art { min-width:0; position:relative; padding:0 4% 4% 0; }
.hero-main-image { width:100%; aspect-ratio:680/411; object-fit:cover; border-radius:22px; box-shadow:0 28px 75px rgba(21,54,39,.22); border:6px solid white; }
.hero-float-image { position:absolute; width:36%; right:-1%; bottom:-7%; aspect-ratio:1.2; object-fit:cover; border-radius:16px; border:5px solid white; box-shadow:var(--shadow); }
.hero-rating-card { position:absolute; left:-4%; bottom:8%; padding:.85rem 1rem; background:#fff; border-radius:14px; box-shadow:var(--shadow); display:grid; gap:.1rem; }
.hero-rating-card strong { font-size:1rem; }
.hero-rating-card strong span { margin-left:.35rem; color:#e0a13a; font-size:.72rem; letter-spacing:1px; }
.hero-rating-card small { color:var(--muted); font-size:.68rem; }
/* Social proof */
.trust-strip { background:var(--green-dark); color:#fff; }
.trust-inner { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:78px; }
.trust-inner span { font-size:.85rem; color:rgba(255,255,255,.76); }
.trust-inner b { color:#fff; font-size:1.12rem; margin-right:.3rem; }
.trust-inner i { width:1px; height:24px; background:rgba(255,255,255,.25); }
/* Sections and grids */
.section { padding:clamp(4rem,7vw,6.5rem) 0; }
.section-alt { background:#f0f3ed; }
.section-head { max-width:720px; margin:0 auto 2.6rem; text-align:center; }
.section-head p { color:var(--muted); margin-bottom:0; }
.section-head-row { max-width:none; display:flex; align-items:end; justify-content:space-between; gap:2rem; text-align:left; }
.section-head-row > div { max-width:680px; }
.section-head-row .eyebrow { margin-bottom:.8rem; }
.section-head-row h2 { margin-bottom:0; }
.section-head-row .text-link { white-space:nowrap; margin-bottom:.4rem; }
.grid { display:grid; gap:1.25rem; }
.grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.grid-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
/* Portfolio */
.portfolio-section { padding-bottom:5.5rem; }
.portfolio-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:1.5rem; }
.portfolio-card { display:flex; min-width:0; flex-direction:column; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:#fff; color:var(--ink); box-shadow:0 8px 26px rgba(15,50,38,.055); transition:transform .22s,box-shadow .22s; }
.portfolio-card:hover { transform:translateY(-3px); box-shadow:0 14px 34px rgba(15,50,38,.11); }
.portfolio-card img { display:block; width:100%; height:auto; max-height:460px; object-fit:contain; background:#f2f4f1; }
.portfolio-overlay { position:static; display:flex; flex-direction:column; gap:.3rem; padding:1rem 1.2rem 1.15rem; color:var(--ink); background:#fff; }
.portfolio-overlay strong { font-size:1rem; }
.portfolio-overlay small { font-size:.8rem; color:var(--muted); }
.gig-gallery-strip { display:grid; grid-template-columns:1fr 1fr 1.2fr; align-items:center; gap:1rem; margin-top:1.1rem; }
.gig-gallery-strip img { width:100%; height:130px; object-fit:cover; border-radius:14px; }
.gig-gallery-strip > div { padding:1rem 1.6rem; }
.gig-gallery-strip p { max-width:270px; margin:0; color:var(--muted); font-size:.9rem; }
/* Service cards */
.card { background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:1.6rem; box-shadow:0 8px 28px rgba(15,50,38,.045); transition:transform .2s,box-shadow .2s; }
.card:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
.service-card h3 { margin:1rem 0 .5rem; }
.service-card p { color:var(--muted); margin-bottom:1rem; }
.icon-badge { display:grid; place-items:center; width:46px; height:46px; border-radius:14px; background:#e7f0e2; color:var(--green); font-size:1.2rem; font-weight:800; }
.text-link { display:inline-flex; align-items:center; gap:.3rem; color:var(--green); font-size:.9rem; font-weight:750; }
/* Profile */
.profile-panel { display:grid; grid-template-columns:minmax(180px,260px) 1fr; gap:clamp(2rem,5vw,4.5rem); align-items:center; }
.profile-panel > img { width:100%; aspect-ratio:1; object-fit:cover; border-radius:28px 28px 28px 6px; box-shadow:var(--shadow); }
.profile-panel > div > p { color:var(--muted); max-width:730px; }
.profile-facts { display:grid; grid-template-columns:repeat(5,1fr); gap:.8rem; margin:1.4rem 0; }
.profile-facts div { border-top:1px solid #ccd8cf; padding-top:.6rem; }
.profile-facts dt { color:var(--muted); font-size:.7rem; }
.profile-facts dd { margin:.12rem 0 0; font-weight:700; font-size:.88rem; }
/* Packages */
.pricing-section { background:var(--paper); }
.pricing { align-items:stretch; }
.price-card { position:relative; display:flex; flex-direction:column; padding:1.8rem; border-color:#e1e6e0; }
.price-card-featured { border:2px solid var(--green); transform:translateY(-8px); box-shadow:0 22px 50px rgba(23,107,77,.13); }
.price-card-featured:hover { transform:translateY(-12px); }
.pkg-tier { display:inline-block; align-self:flex-start; color:var(--green); background:#e9f1e4; padding:.25rem .7rem; border-radius:999px; margin-bottom:.9rem; font-size:.69rem; letter-spacing:.12em; font-weight:800; }
.price-card h3 { min-height:2.6em; font-size:1.25rem; }
.price-card .price { margin:.25rem 0 .55rem; font-size:2.35rem; font-weight:800; letter-spacing:-.05em; }
.price-from { font-size:.85rem; color:var(--muted); font-weight:500; letter-spacing:0; }
.pkg-desc { color:var(--muted); font-size:.9rem; min-height:3.5em; }
.pkg-meta { font-size:.8rem; font-weight:650; margin:0 0 1rem; color:#53635c; }
.feature-list { display:grid; gap:.55rem; list-style:none; margin:0 0 1.5rem; padding:1rem 0 0; border-top:1px solid var(--line); }
.feature-list li { position:relative; padding-left:1.45rem; color:#47584f; font-size:.87rem; }
.feature-list li:before { content:"✓"; position:absolute; left:0; color:var(--green); font-weight:800; }
.price-card .btn { width:100%; margin-top:auto; }
.ribbon { position:absolute; top:-13px; right:20px; padding:.32rem .75rem; border-radius:999px; background:var(--orange); color:#fff; font-size:.68rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
/* Case study */
.case-head { max-width:760px; }
.case-statement { max-width:840px; text-align:center; margin:0 auto 2rem; color:var(--green); font:500 clamp(1.5rem,3vw,2.3rem)/1.25 Georgia,serif; }
.case-meta { margin-bottom:2rem; }
.case-meta-item { display:flex; flex-direction:column; gap:.25rem; background:#fff; border:1px solid var(--line); border-radius:14px; padding:1rem; }
.case-meta-item span { color:var(--muted); font-size:.68rem; text-transform:uppercase; letter-spacing:.1em; }
.case-meta-item strong { font-size:.93rem; }
.case-gallery { margin-bottom:2rem; }
.case-gallery img { width:100%; max-height:350px; object-fit:cover; border-radius:16px; box-shadow:var(--shadow); }
.case-cols { margin-bottom:2rem; }
.case-block h3 { margin-bottom:.55rem; }
.case-block p { color:var(--muted); font-size:.95rem; }
.case-palette { margin-bottom:1.5rem; }
.case-palette h3 { margin-bottom:.8rem; }
.swatches { display:grid; grid-template-columns:repeat(4,1fr); gap:.8rem; }
.swatch { display:flex; flex-direction:column; gap:.3rem; padding:.8rem; border:1px solid var(--line); border-radius:13px; background:#fff; }
.swatch-chip { width:100%; height:44px; border-radius:8px; }
.swatch code { color:var(--muted); font-size:.75rem; }
.case-tags { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1.5rem; }
.chip { padding:.35rem .75rem; border:1px solid #d6e0d8; background:#fff; border-radius:999px; font-size:.78rem; }
.case-cta { text-align:center; }
/* Reviews */
.review-card { margin:0; display:flex; flex-direction:column; }
.review-card p { flex:1; font-size:1.05rem; line-height:1.6; }
.review-card footer { display:flex; flex-direction:column; gap:.1rem; }
.review-card footer span { color:var(--muted); font-size:.75rem; }
.stars { color:#d99736; letter-spacing:2px; margin-bottom:.65rem; }
/* FAQ */
.faq { display:grid; gap:.75rem; }
.faq-item { border:1px solid var(--line); border-radius:14px; padding:1rem 1.25rem; background:#fff; }
.faq-item summary { cursor:pointer; font-weight:700; }
.faq-item p { color:var(--muted); margin:.75rem 0 0; }
/* Conversion close */
.cta-band { background:var(--green-dark); color:#fff; padding:clamp(3rem,7vw,5.5rem) 0; }
.cta-inner { text-align:center; max-width:800px; }
.cta-inner h2 { max-width:700px; margin:0 auto .8rem; }
.cta-inner p { color:rgba(255,255,255,.76); }
.cta-inner .btn-light { margin-top:.6rem; }
.site-footer { background:#102d23; color:#d2ddd6; padding:2.6rem 0 1.2rem; }
.footer-fiverr-link { display:block; color:rgba(255,255,255,.76); font-size:.84rem; margin-top:.85rem; }
.footer-fiverr-link:hover { color:#fff; }
.footer-inner { display:flex; flex-wrap:wrap; justify-content:space-between; gap:2rem; }
.footer-brand { display:flex; gap:.75rem; max-width:360px; }
.footer-brand strong { color:#fff; }
.footer-brand p { margin:.25rem 0 0; font-size:.82rem; color:#aebdb4; }
.footer-links,.footer-social { display:flex; flex-direction:column; gap:.4rem; font-size:.85rem; }
.footer-social { align-items:flex-start; }
.footer-links a:hover,.footer-social a:hover { color:#fff; }
.footer-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.5rem; margin-top:1.8rem; padding-top:1rem; border-top:1px solid rgba(255,255,255,.14); color:#aebdb4; font-size:.75rem; }
.powered-by { color:#aebdb4; }
.powered-by a { color:#fff; font-weight:750; }
.powered-by a:hover { text-decoration:underline; }
/* Inquiry page */
.contact-hero { padding:clamp(3.5rem,7vw,6.5rem) 0; background:radial-gradient(ellipse at 10% 20%,#e5efdf 0,transparent 34%),var(--paper); }
.contact-hero-inner { display:grid; grid-template-columns:minmax(280px,.82fr) minmax(480px,1.18fr); gap:clamp(2.5rem,6vw,6.5rem); align-items:start; }
.contact-intro { position:sticky; top:112px; padding:1rem 0; }
.contact-intro h1 { max-width:560px; font-size:clamp(2.8rem,5vw,4.55rem); }
.contact-intro .lead { font-size:1.1rem; }
.contact-proof { display:flex; align-items:center; gap:.9rem; margin:2rem 0 2.3rem; }
.contact-proof img { border-radius:50%; object-fit:cover; box-shadow:0 5px 18px rgba(19,35,31,.12); }
.contact-proof div { display:grid; }
.contact-proof strong { font-size:.96rem; }
.contact-proof span { color:var(--muted); font-size:.82rem; }
.contact-notes { display:grid; gap:1rem; }
.contact-notes > div { display:flex; align-items:flex-start; gap:.8rem; }
.contact-notes > div > span { display:grid; place-items:center; flex:0 0 34px; height:34px; border-radius:11px; background:#e7f0e2; color:var(--green); font-weight:800; }
.contact-notes p { margin:0; color:var(--muted); font-size:.85rem; line-height:1.55; }
.contact-notes strong { color:var(--ink); font-size:.9rem; }
.contact-form-card { padding:clamp(1.4rem,3vw,2.5rem); background:#fff; border:1px solid var(--line); border-radius:24px; box-shadow:var(--shadow); }
.contact-form-heading { margin-bottom:1.7rem; }
.contact-form-heading h2 { margin-bottom:.5rem; font-size:clamp(1.65rem,3vw,2.2rem); }
.contact-form-heading p { color:var(--muted); margin:0; font-size:.82rem; }
.contact-form-heading p span,.contact-form-card label > span { color:#b64d37; }
.contact-form-card form { display:grid; gap:1.1rem; }
.form-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.contact-form-card label { display:grid; gap:.42rem; font-weight:700; font-size:.82rem; color:#30443b; }
.contact-form-card label small { display:inline; color:var(--muted); font-weight:450; }
.contact-form-card input:not([type=checkbox]),.contact-form-card select,.contact-form-card textarea { width:100%; min-height:48px; padding:.72rem .85rem; color:var(--ink); border:1px solid #ced9d1; border-radius:10px; background:#fff; font:500 .9rem/1.45 var(--font); transition:border-color .2s,box-shadow .2s; }
.contact-form-card textarea { min-height:142px; resize:vertical; }
.contact-form-card input::placeholder,.contact-form-card textarea::placeholder { color:#97a39c; font-weight:400; }
.contact-form-card input:focus,.contact-form-card select:focus,.contact-form-card textarea:focus { outline:0; border-color:var(--green); box-shadow:0 0 0 3px rgba(23,107,77,.12); }
.contact-form-card [aria-invalid=true] { border-color:#b64d37!important; box-shadow:0 0 0 3px rgba(182,77,55,.1)!important; }
.form-footer { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-top:.15rem; }
.form-footer p { max-width:240px; margin:0; color:var(--muted); font-size:.75rem; }
.form-footer .btn { flex:0 0 auto; }
.form-status { padding:.85rem 1rem; border-radius:10px; font-size:.9rem; font-weight:600; }
.form-status[data-state=success] { color:#15533e; background:#e9f5ed; }
.form-status[data-state=error] { color:#8a3729; background:#fff0ec; }
.contact-honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; opacity:0!important; }
.contact-alt { margin-top:1.4rem; padding-top:1.1rem; border-top:1px solid var(--line); color:var(--muted); font-size:.82rem; text-align:center; }
.contact-alt a { color:var(--green); font-weight:750; margin-left:.25rem; }
.contact-bottom { padding:1.4rem 0; background:#f0f3ed; }
.contact-bottom .container { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.contact-bottom p { margin:0; color:var(--muted); font-size:.88rem; }
/* Searchable portfolio and service pages */
.work-hero,.service-hero { padding:clamp(3.5rem,7vw,6rem) 0; background:radial-gradient(ellipse at 88% 15%,#e3eddf 0,transparent 34%),var(--paper); }
.work-hero .container { max-width:var(--container); }
.work-hero h1,.service-hero h1 { max-width:950px; margin:.35rem 0 1rem; font-size:clamp(2.8rem,6vw,5.4rem); }
.work-hero .lead { max-width:680px; }
.work-hero-links { display:flex; flex-wrap:wrap; align-items:center; gap:.9rem 1.25rem; margin-top:1.5rem; }
.work-list-section { padding-top:3.5rem; }
.work-list-intro { display:grid; grid-template-columns:1fr minmax(260px,.65fr); align-items:end; gap:3rem; margin-bottom:2.2rem; }
.work-list-intro h2 { max-width:600px; margin:0; }
.work-list-intro > p { margin:0; color:var(--muted); }
.work-index-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:2.7rem 1.25rem; }
.work-index-card { grid-column:span 4; min-width:0; }
.work-index-card-featured { grid-column:span 8; }
.work-index-image { display:block; position:relative; overflow:hidden; aspect-ratio:1.55; background:#e7ece7; border-radius:17px; }
.work-index-card:not(.work-index-card-featured) .work-index-image { aspect-ratio:1.35; }
.work-index-image img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.work-index-image:hover img { transform:scale(1.035); }
.work-index-image > span { position:absolute; right:14px; bottom:14px; display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:#fff; color:var(--green); box-shadow:0 4px 16px #0002; }
.work-index-copy { padding:.85rem .15rem 0; }
.work-index-copy > span { color:var(--muted); font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.work-index-copy h2 { margin:.32rem 0 .55rem; font-size:1.35rem; }
.work-index-copy .text-link { font-size:.82rem; }
.work-credit-note { margin:2.8rem 0 0; color:var(--muted); font-size:.8rem; }
.work-next-step { display:flex; align-items:center; justify-content:space-between; gap:3rem; }
.work-next-step > div:first-child { max-width:650px; }
.work-next-step h2 { margin-bottom:.55rem; }
.work-next-step p { color:var(--muted); margin:0; }
.service-hero-grid { display:grid; grid-template-columns:1fr .92fr; align-items:center; gap:clamp(2.5rem,6vw,6rem); }
.service-hero-grid > div { max-width:650px; }
.service-hero-grid > img { width:100%; aspect-ratio:16/10; object-fit:cover; border:6px solid white; border-radius:22px; box-shadow:var(--shadow); }
.service-price-note { color:var(--muted); margin:1rem 0 0; font-size:.82rem; }
.service-detail-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(2rem,6vw,6rem); }
.service-sticky { align-self:start; position:sticky; top:110px; }
.service-sticky h2 { font-size:clamp(2rem,3.6vw,3rem); }
.service-sticky p { color:var(--muted); }
.service-deliverables { display:grid; gap:.6rem; }
.service-deliverables article { display:grid; grid-template-columns:48px 1fr; gap:1rem; padding:1.35rem 0; border-top:1px solid var(--line); }
.service-deliverables article > span,.process-number { color:var(--green); font-size:.78rem; font-weight:800; letter-spacing:.1em; }
.service-deliverables h3 { margin:0 0 .4rem; }
.service-deliverables p { margin:0; color:var(--muted); font-size:.92rem; }
.process-grid { margin-bottom:2rem; }
.process-number { display:inline-flex; margin-bottom:1rem; }
.process-grid .card p { margin-bottom:0; color:var(--muted); }
.dual-cta { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; margin-top:2.5rem; padding:2rem; }
.dual-cta h2 { margin-bottom:.5rem; font-size:1.45rem; }
.dual-cta p { margin:0; color:var(--muted); }
.dual-cta .work-hero-links { margin-top:0; }
.service-faq { background:var(--paper); }
.breadcrumbs { display:flex; flex-wrap:wrap; align-items:center; gap:.55rem; padding:1.2rem 0; color:var(--muted); font-size:.78rem; }
.breadcrumbs a { color:var(--green); font-weight:650; }
.project-page { padding-bottom:3.5rem; }
.project-hero { display:flex; align-items:end; justify-content:space-between; gap:2rem; padding:2.3rem 0 2rem; }
.project-hero > div { max-width:800px; }
.project-hero h1 { margin:.2rem 0 .8rem; font-size:clamp(2.7rem,6vw,5rem); }
.project-hero .lead { margin:0; }
.project-credit { flex:0 0 220px; margin:0 0 .3rem; color:var(--muted); font-size:.78rem; }
.project-credit strong { display:block; color:var(--ink); font-size:.92rem; }
.project-cover { margin:0; }
.project-cover img { width:100%; max-height:660px; object-fit:cover; border-radius:22px; background:#e9eeea; }
.project-cover figcaption { margin:.55rem .1rem 0; color:var(--muted); font-size:.76rem; }
.project-story { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(2rem,8vw,8rem); max-width:990px; margin:5rem auto; }
.project-story h2,.project-deliverables h2 { font-size:clamp(1.6rem,3vw,2.4rem); }
.project-story p { color:#53635c; line-height:1.8; }
.project-deliverables { display:grid; grid-template-columns:1fr 1fr; gap:2rem; padding:2rem 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.project-deliverables h2 { margin:0; }
.project-deliverables ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem 1rem; margin:0; padding:0; list-style:none; }
.project-deliverables li { position:relative; padding-left:1.2rem; color:#43544b; font-size:.88rem; }
.project-deliverables li:before { content:'✓'; position:absolute; left:0; color:var(--green); font-weight:800; }
.project-source { margin:1.25rem 0 3rem; color:var(--muted); font-size:.78rem; }
.project-source a { color:var(--green); font-weight:700; }
.project-contact { display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:2.2rem; color:#fff; background:var(--green-dark); border-radius:20px; }
.project-contact h2 { margin:0 0 .5rem; font-size:clamp(1.7rem,3vw,2.5rem); }
.project-contact p { max-width:590px; margin:0; color:rgba(255,255,255,.75); }
.project-contact .eyebrow { color:var(--lime); }
.project-contact .work-hero-links { min-width:220px; align-items:flex-start; flex-direction:column; }
.project-fiverr-link { color:rgba(255,255,255,.8); font-size:.8rem; font-weight:650; }
.project-back { margin:1.5rem 0 0; }
/* Responsive */
@media (max-width: 960px) {
    .hero-inner { grid-template-columns:1fr 1fr; gap:2rem; }
    .nav { gap:.9rem; }
    .nav a { font-size:.82rem; }
    .profile-panel { grid-template-columns:190px 1fr; gap:2rem; }
    .profile-facts { grid-template-columns:repeat(3,1fr); }
    .trust-inner span { font-size:.75rem; }
    .contact-hero-inner { grid-template-columns:minmax(220px,.7fr) minmax(420px,1.3fr); gap:2rem; }
    .work-index-card { grid-column:span 6; }
    .work-index-card-featured { grid-column:span 12; }
    .work-list-intro { grid-template-columns:1fr; gap:1rem; }
    .service-hero-grid,.service-detail-grid { grid-template-columns:1fr; }
    .service-hero-grid > img { max-width:720px; }
    .service-sticky { position:static; }
    .project-contact { align-items:flex-start; flex-direction:column; }
}
@media (max-width: 720px) {
    .container { width:min(100% - 36px,var(--container)); }
    .header-inner { min-height:66px; gap:.6rem; }
    .brand { font-size:.78rem; }
    .brand-mark { width:34px; height:34px; }
    .header-inner > .btn { margin-left:0; padding:.55rem .78rem; font-size:.73rem; white-space:nowrap; }
    .nav { display:flex; flex:0 0 auto; gap:.35rem; margin-left:auto; }
    .nav a:not(:first-child) { display:none; }
    .nav a:first-child { padding:.42rem .55rem; border:1px solid var(--line); border-radius:999px; color:var(--ink); font-size:.72rem; }
    .brand { flex:1 1 auto; min-width:0; }
    .brand-text { overflow:hidden; text-overflow:ellipsis; }
    .hero { padding:2.6rem 0 3rem; }
    .hero-inner { grid-template-columns:1fr; }
    .hero-copy { order:1; }
    .hero-art { order:0; width:min(92%,560px); margin:0 auto 1.2rem; }
    .hero-float-image { width:31%; }
    .hero-rating-card { left:-3%; bottom:6%; }
    .proof-line { margin-bottom:1rem; }
    .hero-assurance { gap:.45rem .8rem; }
    .trust-inner { min-height:auto; padding:1rem 0; display:grid; grid-template-columns:1fr 1fr; gap:.75rem; }
    .trust-inner i { display:none; }
    .trust-inner span { font-size:.72rem; }
    .trust-inner b { font-size:.95rem; }
    .section { padding:3.5rem 0; }
    .section-head-row { display:block; }
    .section-head-row .text-link { margin-top:1rem; }
    .portfolio-grid { gap:1rem; }
    .portfolio-overlay { padding:.8rem; }
    .portfolio-overlay strong { font-size:.88rem; }
    .portfolio-overlay small { font-size:.72rem; }
    .gig-gallery-strip { grid-template-columns:1fr 1fr; }
    .gig-gallery-strip img { height:100px; }
    .gig-gallery-strip > div { grid-column:span 2; padding:.5rem .1rem; }
    .grid-3,.grid-4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .profile-panel { grid-template-columns:120px 1fr; gap:1.2rem; }
    .profile-panel > img { border-radius:18px 18px 18px 4px; }
    .profile-facts { grid-template-columns:repeat(2,1fr); }
    .pricing .price-card:last-child { grid-column:span 2; }
    .case-meta { grid-template-columns:repeat(2,1fr); }
    .contact-hero-inner { grid-template-columns:1fr; }
    .contact-intro { position:static; padding:0; }
    .contact-intro h1 { max-width:680px; font-size:clamp(2.7rem,10vw,4rem); }
    .contact-proof { margin:1.35rem 0; }
    .contact-notes { grid-template-columns:repeat(2,1fr); gap:.7rem; }
    .contact-notes > div { gap:.55rem; }
    .contact-notes p { font-size:.76rem; }
}
@media (max-width: 480px) {
    h1 { font-size:2.7rem; }
    .proof-line { gap:.48rem; font-size:.72rem; }
    .proof-line img { width:36px; height:36px; }
    .proof-rating { font-size:.76rem; }
    .hero-actions { display:grid; grid-template-columns:1fr; }
    .hero-actions .btn { width:100%; }
    .grid-2,.grid-3,.grid-4 { grid-template-columns:1fr; }
    .pricing .price-card:last-child { grid-column:auto; }
    .price-card-featured { transform:none; }
    .price-card-featured:hover { transform:translateY(-4px); }
    .portfolio-grid { grid-template-columns:1fr; gap:1rem; }
    .profile-panel { grid-template-columns:1fr; }
    .profile-panel > img { width:120px; margin:0; }
    .profile-facts { grid-template-columns:repeat(2,1fr); }
    .swatches { grid-template-columns:repeat(2,1fr); }
    .case-meta { grid-template-columns:repeat(2,1fr); }
    .contact-hero { padding:2.8rem 0; }
    .contact-notes { grid-template-columns:1fr; }
    .contact-form-card { padding:1.25rem; border-radius:18px; }
    .form-row { grid-template-columns:1fr; gap:.9rem; }
    .form-footer { align-items:stretch; flex-direction:column; }
    .form-footer p { max-width:none; }
    .form-footer .btn { width:100%; }
    .contact-bottom .container { align-items:flex-start; flex-direction:column; }
    .work-index-grid { gap:1.8rem .75rem; }
    .work-index-card,.work-index-card-featured { grid-column:span 12; }
    .work-index-image,.work-index-card:not(.work-index-card-featured) .work-index-image { aspect-ratio:1.35; }
    .work-next-step,.dual-cta { align-items:flex-start; flex-direction:column; }
    .dual-cta { padding:1.25rem; }
    .dual-cta .work-hero-links { align-items:flex-start; flex-direction:column; }
    .project-hero { align-items:flex-start; flex-direction:column; gap:1rem; }
    .project-credit { flex:auto; }
    .project-story,.project-deliverables { grid-template-columns:1fr; gap:1.5rem; }
    .project-story { margin:3rem auto; }
    .project-deliverables ul { grid-template-columns:1fr; }
    .project-contact { padding:1.35rem; }
    .project-contact .work-hero-links { min-width:0; }
    .footer-inner { display:grid; grid-template-columns:1fr 1fr; }
    .footer-brand { grid-column:span 2; }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior:auto !important; transition:none !important; } }