
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#f2ece0;color:#1c1a17;font-family:'Jost',sans-serif;font-weight:300;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

:root{
  --ink:#1c1a17;--sand:#f2ece0;--warm:#e6dcc8;--deeper:#d4c9b0;
  --accent:#b5623a;--accent-dark:#8f4525;--accent-light:#d9855a;--accent-darker:#6e3520;
  --green:#2d5a4f;--green-light:#e4ede9;
  --muted:#5c5649;--rule:#c8bfaa;--ink-80:#3a3730;
  --max:1100px;--pad:2.5rem;
}

/* NAV */
nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.25rem var(--pad);background:var(--sand);border-bottom:0.5px solid var(--rule);}
.logo{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:600;color:var(--ink);letter-spacing:0.02em;text-decoration:none;}
.logo span{color:var(--accent-dark)}
.nav-links{display:flex;gap:2rem;align-items:center;list-style:none;}
.nav-links a{font-family:'DM Mono',monospace;font-size:0.68rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color 0.2s;}
.nav-links a:hover{color:var(--ink)}
.nav-cta{background:var(--ink)!important;color:var(--sand)!important;padding:0.5rem 1.1rem;border-radius:2px;}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:4px;}
.nav-toggle span{display:block;width:22px;height:1px;background:var(--ink);transition:all 0.25s;}

/* NAV DROPDOWN */
.nav-item-dropdown{position:relative;}
.nav-dropdown-toggle-wrap{display:flex;align-items:center;gap:0.35rem;}
.nav-caret{border:none;background:none;cursor:pointer;color:var(--muted);display:inline-flex;align-items:center;padding:4px;}
.nav-caret svg{width:8px;height:8px;transition:transform 0.2s;display:block;}
.nav-item-dropdown.open .nav-caret svg{transform:rotate(180deg);}
.nav-dropdown-menu{list-style:none;display:none;position:absolute;top:100%;left:0;min-width:170px;background:var(--sand);border:0.5px solid var(--rule);border-radius:2px;padding:0.4rem 0;margin-top:0.9rem;box-shadow:0 14px 28px -12px rgba(28,26,23,0.18);z-index:50;}
.nav-dropdown-menu li{list-style:none;}
.nav-dropdown-menu a{display:block;padding:0.65rem 1.1rem;white-space:nowrap;}
.nav-item-dropdown:hover .nav-dropdown-menu,.nav-item-dropdown.open .nav-dropdown-menu{display:block;}
@media(max-width:960px){
  .nav-links.open .nav-dropdown-toggle-wrap{display:flex;justify-content:space-between;align-items:center;padding-right:0.5rem;}
  .nav-links.open .nav-caret{padding:12px;}
  .nav-links.open .nav-dropdown-menu{display:none;position:static;border:none;box-shadow:none;margin-top:0.25rem;padding:0 0 0 1rem;background:transparent;}
  .nav-links.open .nav-item-dropdown.open .nav-dropdown-menu{display:block;}
  .nav-links.open .nav-dropdown-menu a{padding:0.75rem 0;font-size:0.78rem;}
}

/* HERO */
.hero{max-width:var(--max);margin:0 auto;padding:5.5rem var(--pad) 4.5rem;}
.hero-eyebrow{font-family:'DM Mono',monospace;font-size:0.68rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:1.25rem;}
.hero h1{font-family:'Playfair Display',serif;font-size:3.6rem;line-height:1.12;font-weight:400;color:var(--ink);margin-bottom:1.25rem;max-width:820px;}
.hero h1 em{font-style:italic;color:var(--green)}
.hero-p{font-size:1rem;line-height:1.85;color:var(--muted);max-width:600px;margin-bottom:2rem;}
.btn-row{display:flex;gap:1rem;flex-wrap:wrap;}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--accent-dark);color:var(--sand);padding:0.85rem 1.75rem;border:none;border-radius:2px;font-family:'Jost',sans-serif;font-size:0.8rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;transition:background 0.2s;text-decoration:none;}
.btn-primary:hover{background:var(--accent-darker)}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:transparent;color:var(--ink);padding:0.85rem 1.75rem;border:0.5px solid var(--ink);border-radius:2px;font-family:'Jost',sans-serif;font-size:0.8rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;transition:background 0.2s;text-decoration:none;}
.btn-ghost:hover{background:var(--warm)}

/* DIVIDER */
.divider{border:none;border-top:0.5px solid var(--rule);margin:0 var(--pad);}

/* SECTION SHARED */
.section-wrap{max-width:var(--max);margin:0 auto;padding:4.5rem var(--pad);}
.section-label{font-family:'DM Mono',monospace;font-size:0.68rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:0.9rem;}
.section-h2{font-family:'Playfair Display',serif;font-size:2rem;font-weight:400;line-height:1.3;color:var(--ink);margin-bottom:0.5rem;}
.section-h2 em{font-style:italic;color:var(--green)}
.section-sub{font-size:0.88rem;color:var(--muted);line-height:1.8;margin-bottom:2.5rem;max-width:520px;}

/* SERVICE PACKAGE */
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem;align-items:stretch;}
.service-grid-1{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:640px;margin:0 auto;}
.service-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2.5rem;align-items:stretch;}
.service-card{background:var(--warm);border:0.5px solid var(--rule);border-radius:2px;padding:2rem;display:flex;flex-direction:column;transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;}
.service-card:hover{transform:translateY(-6px);box-shadow:0 14px 28px -12px rgba(28,26,23,0.18);border-color:var(--accent-dark);}
.service-card.featured:hover{border-color:var(--accent);box-shadow:0 14px 28px -12px rgba(0,0,0,0.4);}
.service-card.featured{background:var(--ink);border-color:var(--ink);}
.service-card.featured .service-name{color:#f2ece0;}
.service-card.featured .service-price{color:var(--accent);}
.service-card.featured .service-desc{color:#9a9488;}
.service-card.featured .service-item{color:#9a9488;}
.service-card.featured .service-item::before{color:var(--accent);}
.service-card.featured .service-note{color:#9a9488;}
.svc-badge{font-family:'DM Mono',monospace;font-size:0.6rem;letter-spacing:0.14em;text-transform:uppercase;background:var(--accent-dark);color:#f2ece0;padding:0.22rem 0.65rem;border-radius:2px;display:inline-block;align-self:flex-start;margin-bottom:1rem;}
.service-name{font-family:'Playfair Display',serif;font-size:1.35rem;font-weight:400;color:var(--ink);margin-bottom:0.4rem;}
.service-price{font-family:'Playfair Display',serif;font-size:2rem;color:var(--accent);margin-bottom:0.25rem;}
.service-price-note{font-family:'DM Mono',monospace;font-size:0.62rem;color:var(--muted);letter-spacing:0.08em;margin-bottom:1.25rem;}
.service-card.featured .service-price-note{color:#9a9488;}
.service-desc{font-size:0.85rem;color:var(--muted);line-height:1.75;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:0.5px solid var(--rule);}
.service-card.featured .service-desc{border-bottom-color:#3e3a34;}
.svc-tags-label{font-family:'DM Mono',monospace;font-size:0.62rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);margin-bottom:0.6rem;display:block;}
.service-card.featured .svc-tags-label{color:#9a9488;}
.svc-tags{display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:1.75rem;}
.svc-tag{font-family:'DM Mono',monospace;font-size:0.62rem;letter-spacing:0.03em;color:var(--muted);border:0.5px solid var(--rule);border-radius:2px;padding:0.3rem 0.6rem;}
.service-card.featured .svc-tag{color:#c9c3b6;border-color:#3e3a34;}
.service-items{list-style:none;display:flex;flex-direction:column;gap:0.5rem;margin-bottom:1.75rem;}
.service-item{font-size:0.82rem;color:var(--muted);padding-left:1.1rem;position:relative;line-height:1.65;}
.service-item::before{content:'→';position:absolute;left:0;color:var(--accent);font-size:0.72rem;}
.service-note{font-family:'DM Mono',monospace;font-size:0.6rem;color:var(--muted);letter-spacing:0.06em;margin-top:-0.5rem;margin-bottom:1.25rem;}
.service-cta{display:flex;align-items:center;justify-content:center;min-height:44px;text-align:center;font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--sand);background:var(--accent-dark);border:none;border-radius:2px;padding:0.75rem 1.25rem;cursor:pointer;transition:background 0.2s;text-decoration:none;margin-top:auto;}
.service-cta:hover{background:var(--accent-darker)}
.service-cta-ghost{display:flex;align-items:center;justify-content:center;min-height:44px;text-align:center;font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink);background:transparent;border:0.5px solid var(--rule);border-radius:2px;padding:0.75rem 1.25rem;cursor:pointer;transition:all 0.2s;text-decoration:none;margin-top:auto;}
.service-cta-ghost:hover{background:var(--deeper);border-color:var(--deeper);}

/* ADDON BLOCK */
.addon-block{border:0.5px solid var(--rule);border-radius:2px;padding:0.85rem 1rem;margin-bottom:0.75rem;background:rgba(255,255,255,0.5);}
.addon-label{font-family:'DM Mono',monospace;font-size:0.6rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--green);margin-bottom:0.35rem;}
.addon-text{font-size:0.8rem;color:var(--muted);line-height:1.65;}
.addon-text strong{color:var(--ink);}
.addon-block-dark{border-color:var(--accent-dark);background:#e6dcc8;}
.addon-block-go{border-color:var(--accent-light);background:#1c1a17;}
.addon-block-dark .addon-label{color:var(--accent-dark);}
.addon-block-dark .addon-text{color:var(--muted);}
.addon-block-dark .addon-text strong{color:var(--ink);}

/* PROCESS */
.process-section{background:var(--ink);padding:4.5rem var(--pad);}
.process-inner{max-width:var(--max);margin:0 auto;}
.process-inner .section-label{color:var(--accent-light);}
.process-inner .section-h2{color:#f2ece0;margin-bottom:3rem;}
.process-inner .section-h2 em{color:var(--accent);}
.process-list{display:flex;flex-direction:column;}
.process-item{display:grid;grid-template-columns:56px 1fr;gap:2rem;padding:1.75rem 0;border-top:0.5px solid #3e3a34;align-items:start;}
.process-item:last-child{border-bottom:0.5px solid #3e3a34;}
.process-num{font-family:'Playfair Display',serif;font-size:2rem;font-weight:400;color:#d9855a;padding-top:0.05rem;}
.process-content h3{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:400;color:#f2ece0;margin-bottom:0.4rem;}
.process-content p{font-size:0.86rem;line-height:1.8;color:#9a9488;}

/* PORTFOLIO */
.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;}
.port-card{border:0.5px solid var(--rule);border-radius:2px;overflow:hidden;background:#fff;transition:transform 0.25s ease,box-shadow 0.25s ease;}
.port-card:hover{transform:translateY(-6px);box-shadow:0 14px 28px -12px rgba(28,26,23,0.18);}
.port-img{aspect-ratio:16/9;height:auto;display:flex;align-items:center;justify-content:center;border-bottom:0.5px solid var(--rule);position:relative;overflow:hidden;}
.port-img-screenshot{background:#fff;}
.port-img-screenshot img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform 0.4s ease;}
.port-img-screenshot img.port-img-align-left{object-position:left center;}
.port-card:hover .port-img-screenshot img{transform:scale(1.05);}
.port-img-campfinder{background:#1a2e44;}
.port-img-mike{background:#111;}
.port-img-text{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:400;letter-spacing:0.04em;}
.port-img-cf{color:#4ab5a0;}
.port-img-m5{color:#c8a96e;}
.port-domain{font-family:'DM Mono',monospace;font-size:0.6rem;letter-spacing:0.1em;color:rgba(255,255,255,0.35);margin-top:0.4rem;}
.port-body{padding:1.5rem;}
.port-tag{font-family:'DM Mono',monospace;font-size:0.6rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:0.5rem;}
.port-title{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:400;color:var(--ink);margin-bottom:0.5rem;}
.port-desc{font-size:0.82rem;color:var(--muted);line-height:1.75;margin-bottom:1rem;}
.port-tags{display:flex;flex-wrap:wrap;gap:0.4rem;}
.port-pill{font-family:'DM Mono',monospace;font-size:0.58rem;letter-spacing:0.08em;padding:0.25rem 0.6rem;border:0.5px solid var(--rule);border-radius:2px;color:var(--muted);}
.port-link{display:inline-block;margin-top:1rem;font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--green);text-decoration:none;}
.port-link::after{content:' ↗'}
.port-link:hover{color:var(--accent-dark);}


/* FREE GUIDES */
.free-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;}
.free-card{background:var(--green-light);border:0.5px solid #b8d0c8;border-radius:2px;padding:1.5rem;display:flex;flex-direction:column;transition:border-color 0.2s;text-decoration:none;}
.free-card:hover{border-color:var(--green)}
.free-badge{font-family:'DM Mono',monospace;font-size:0.6rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--green);background:#fff;border:0.5px solid #b8d0c8;border-radius:2px;padding:0.2rem 0.55rem;display:inline-block;margin-bottom:1rem;align-self:flex-start;}
.free-card h3{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:400;color:var(--ink);margin-bottom:0.5rem;line-height:1.35;}
.free-card p{font-size:0.8rem;color:var(--muted);line-height:1.7;flex:1;margin-bottom:1.25rem;}
.free-cta{font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--green);}
.free-cta::after{content:' →'}

/* PAID GUIDES */
.paid-section{background:var(--ink);padding:4.5rem var(--pad);}
.paid-inner{max-width:var(--max);margin:0 auto;}
.paid-inner .section-label{color:var(--accent-light);}
.paid-inner .section-h2{color:#f2ece0;}
.paid-inner .section-h2 em{color:var(--accent);}
.paid-inner .section-sub{color:#9a9488;}
.paid-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.25rem;}
.paid-card{background:#252320;border:0.5px solid #3e3a34;border-radius:2px;padding:1.5rem;display:flex;flex-direction:column;transition:border-color 0.2s;text-decoration:none;}
.paid-card:hover{border-color:#6a6458}
.paid-eyebrow{font-family:'DM Mono',monospace;font-size:0.6rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent-light);margin-bottom:0.75rem;}
.paid-card h3{font-family:'Playfair Display',serif;font-size:1rem;font-weight:400;color:#f2ece0;margin-bottom:0.5rem;line-height:1.35;flex:1;}
.paid-card p{font-size:0.78rem;color:#9a9488;line-height:1.7;margin-bottom:1.5rem;}
.paid-card-bottom{margin-top:auto;border-top:0.5px solid #3e3a34;padding-top:1rem;display:flex;flex-direction:column;align-items:center;gap:0.6rem;}
.paid-price{font-family:'Playfair Display',serif;font-size:1.5rem;color:#f2ece0;text-align:center;}
.paid-buy{font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;color:#f2ece0;background:transparent;border:0.5px solid #5a5448;border-radius:2px;padding:0.5rem 0.75rem;cursor:pointer;transition:all 0.2s;text-align:center;width:100%;text-decoration:none;display:block;}
.paid-card:hover .paid-buy{background:var(--accent-dark);border-color:var(--accent-dark);}
.flagship-card{background:#252320;border:1.5px solid var(--accent);border-radius:2px;padding:2rem;display:block;position:relative;transition:border-color 0.2s;text-decoration:none;}
.flagship-card:hover{border-color:#d47a52}
.flagship-badge{position:absolute;top:-10px;left:1.5rem;background:var(--accent-dark);color:#f2ece0;font-family:'DM Mono',monospace;font-size:0.58rem;letter-spacing:0.14em;padding:0.22rem 0.65rem;border-radius:2px;text-transform:uppercase;}
.flagship-grid{display:grid;grid-template-columns:1fr 200px;gap:2rem;align-items:center;}
.flagship-left .paid-eyebrow{margin-bottom:0.6rem;}
.flagship-left h3{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:400;color:#f2ece0;margin-bottom:0.6rem;line-height:1.3;}
.flagship-left p{font-size:0.82rem;color:#9a9488;line-height:1.75;margin:0;}
.flagship-right{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;border-left:0.5px solid #3e3a34;padding-left:2rem;min-width:180px;}
.flagship-price{font-family:'Playfair Display',serif;font-size:2.2rem;color:#f2ece0;text-align:center;}
.flagship-price-label{font-family:'Playfair Display',serif;font-size:2rem;color:#f2ece0;text-align:center;}
.flagship-buy{font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:0.08em;text-transform:uppercase;color:#f2ece0;background:var(--accent-dark);border:none;border-radius:2px;padding:0.85rem 1.25rem;cursor:pointer;transition:background 0.2s;width:100%;text-align:center;text-decoration:none;display:block;white-space:nowrap;line-height:1.4;}
.flagship-buy:hover{background:var(--accent-darker)}

/* CAPTURE BAR */
.capture-bar{background:var(--warm);border-top:0.5px solid var(--rule);border-bottom:0.5px solid var(--rule);padding:1.5rem var(--pad);}
.capture-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;}
.capture-text strong{font-family:'Playfair Display',serif;font-size:1rem;font-weight:400;color:var(--ink);display:block;margin-bottom:0.2rem;}
.capture-text span{font-size:0.8rem;color:var(--muted);}
.capture-form{display:flex;}
.capture-form input{background:var(--sand);border:0.5px solid var(--rule);border-right:none;border-radius:2px 0 0 2px;padding:0.75rem 1rem;font-family:'Jost',sans-serif;font-size:0.85rem;color:var(--ink);outline:none;width:220px;}
.capture-form input::placeholder{color:var(--muted);}
.capture-form input:focus{border-color:var(--accent);}
.capture-form button{background:var(--accent-dark);color:var(--sand);border:none;border-radius:0 2px 2px 0;padding:0.75rem 1.1rem;font-family:'Jost',sans-serif;font-size:0.75rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background 0.2s;}
.capture-form button:hover{background:var(--accent-darker);}
.capture-note{font-family:'DM Mono',monospace;font-size:0.6rem;color:var(--muted);letter-spacing:0.06em;margin-top:0.5rem;}
.capture-success{display:none;font-family:'Playfair Display',serif;font-size:0.9rem;font-style:italic;color:var(--green);}

/* CTA BAND */
.cta-band{padding:5rem var(--pad);max-width:860px;margin:0 auto;text-align:center;}
.cta-band .section-h2{font-size:2.6rem;margin-bottom:1rem;}
.cta-band p{font-size:0.95rem;color:var(--muted);line-height:1.85;margin-bottom:2.5rem;max-width:520px;margin-left:auto;margin-right:auto;}
.cta-btn-row{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;}

/* ABOUT */
.about-band{border-top:0.5px solid var(--rule);padding:4.5rem var(--pad);}
.about-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;}
.about-inner .section-h2{margin-bottom:1rem;}
.about-inner p{font-size:0.9rem;color:var(--muted);line-height:1.85;margin-bottom:1rem;}
.about-inner p:last-child{margin-bottom:0;}
.about-creds{display:flex;flex-direction:column;gap:0.75rem;}
.cred{border-top:0.5px solid var(--rule);padding-top:0.75rem;}
.cred-label{font-family:'DM Mono',monospace;font-size:0.62rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-bottom:0.3rem;}
.cred-val{font-size:0.88rem;color:var(--ink);}

/* FOOTER */
footer{border-top:0.5px solid var(--rule);padding:2rem var(--pad);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}
.footer-logo{font-family:'Playfair Display',serif;font-size:1rem;font-weight:600;color:var(--ink-80);text-decoration:none;}
.footer-logo span{color:var(--accent-dark);}
.footer-r{font-family:'DM Mono',monospace;font-size:0.62rem;color:var(--muted);letter-spacing:0.06em;}

/* RESPONSIVE */
@media(max-width:960px){
  :root{--pad:1.5rem;}
  .nav-links{display:none;}
  .nav-links.open{display:flex;flex-direction:column;gap:0;position:fixed;inset:0;top:64px;background:var(--sand);padding:2rem var(--pad);z-index:99;border-top:0.5px solid var(--rule);}
  .nav-links.open li{border-bottom:0.5px solid var(--rule);}
  .nav-links.open a{display:block;padding:1rem 0;font-size:0.85rem;}
  .nav-toggle{display:flex;}
  .hero{grid-template-columns:1fr;gap:2.5rem;padding:3rem var(--pad) 2.5rem;}
  .hero h1{font-size:2.4rem;}
  .hero-p{max-width:100%;}
  .service-grid{grid-template-columns:1fr;}
  .service-grid-2{grid-template-columns:1fr;}
  .portfolio-grid{grid-template-columns:1fr;}
  .testi-grid{grid-template-columns:1fr;}
  .free-grid{grid-template-columns:1fr;}
  .paid-grid{grid-template-columns:1fr 1fr;}
  .flagship-card{gap:1.5rem;}
  .flagship-grid{grid-template-columns:1fr;gap:1.5rem;}
  .flagship-right{border-left:none;border-top:0.5px solid #3e3a34;padding-left:0;padding-top:1.5rem;flex-direction:row;justify-content:space-between;align-items:center;}
  .about-inner{grid-template-columns:1fr;gap:2.5rem;}
  .capture-inner{flex-direction:column;align-items:flex-start;gap:1.25rem;}
  .capture-form input{width:100%;}
  .capture-form{width:100%;}
  .process-item{grid-template-columns:40px 1fr;gap:1rem;}
}
@media(max-width:540px){
  .hero h1{font-size:2rem;}
  .paid-grid{grid-template-columns:1fr;}
  .section-h2{font-size:1.7rem;}
  .cta-band .section-h2{font-size:2rem;}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;}}

/* ============ NEW: SHARED SITE-WIDE ADDITIONS ============ */

/* active nav state */
.nav-links a.active{color:var(--ink);}
.nav-links a.active::after{content:'';display:block;height:1px;background:var(--accent-dark);margin-top:0.3rem;}
.nav-links a.nav-cta.active::after{content:none;display:none;}
.nav-links a.nav-cta.active{color:var(--sand);}

/* PAGE HERO (interior pages, smaller than home) */
.page-hero{max-width:var(--max);margin:0 auto;padding:3.5rem var(--pad) 3rem;}
.page-hero h1{font-family:'Playfair Display',serif;font-size:2.6rem;line-height:1.18;font-weight:400;color:var(--ink);margin-bottom:1rem;max-width:760px;}
.page-hero h1 em{font-style:italic;color:var(--green)}
.page-hero-p{font-size:0.95rem;line-height:1.85;color:var(--muted);max-width:620px;}
.page-hero-p + .btn-row{margin-top:1.75rem;}

/* WHO THIS IS FOR */
.who-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem 2.5rem;}
.who-item{display:flex;gap:1rem;align-items:flex-start;padding:1.1rem 0;border-top:0.5px solid var(--rule);}
.who-mark{font-family:'Playfair Display',serif;font-style:italic;color:var(--accent-dark);font-size:1.1rem;line-height:1.6;}
.who-item p{font-size:0.88rem;color:var(--muted);line-height:1.75;}
.who-item p strong{color:var(--ink);font-weight:500;}

/* OUTCOME PILLARS */
.pillar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;}
.pillar-card{border:0.5px solid var(--rule);border-radius:2px;padding:1.85rem;background:var(--warm);}
.pillar-num{font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:0.12em;color:var(--accent-dark);margin-bottom:0.85rem;display:block;}
.pillar-card h3{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:400;color:var(--ink);margin-bottom:0.6rem;line-height:1.3;}
.pillar-card p{font-size:0.85rem;color:var(--muted);line-height:1.75;}

/* PROOF STRIP */
.proof-strip{background:var(--ink);padding:3.5rem var(--pad);}
.proof-inner{max-width:var(--max);margin:0 auto;}
.proof-inner .section-label{color:var(--accent-light);}
.proof-list{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;}
.proof-item{border-top:0.5px solid #3e3a34;padding-top:1.25rem;}
.proof-item p{font-size:0.85rem;color:#c9c3b6;line-height:1.75;margin-bottom:0.75rem;}
.proof-item span{font-family:'DM Mono',monospace;font-size:0.62rem;letter-spacing:0.08em;color:#9a9488;text-transform:uppercase;}

/* ABOUT TEASER (home) */
.about-teaser{max-width:var(--max);margin:0 auto;padding:4.5rem var(--pad);display:grid;grid-template-columns:220px 1fr;gap:3rem;align-items:center;border-top:0.5px solid var(--rule);}
.teaser-photo{width:220px;height:220px;border-radius:2px;overflow:hidden;background:var(--warm);border:0.5px solid var(--rule);}
.teaser-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.about-teaser-text p{font-size:0.92rem;color:var(--muted);line-height:1.85;margin-bottom:1.25rem;max-width:560px;}

/* ABOUT PAGE PHOTO */
.about-photo-wrap{width:100%;aspect-ratio:4/5;border-radius:2px;overflow:hidden;background:var(--warm);border:0.5px solid var(--rule);}
.about-photo-wrap img{width:100%;height:100%;object-fit:cover;display:block;}
.photo-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;padding:2rem;text-align:center;}
.photo-placeholder-mark{font-family:'Playfair Display',serif;font-size:3rem;color:var(--rule);}
.photo-placeholder p{font-family:'DM Mono',monospace;font-size:0.62rem;letter-spacing:0.08em;color:var(--muted);text-transform:uppercase;line-height:1.8;}

/* ABOUT PAGE LAYOUT */
.about-hero-grid{max-width:var(--max);margin:0 auto;padding:3.5rem var(--pad) 4rem;display:grid;grid-template-columns:1fr 1.3fr;gap:4rem;align-items:start;}
.about-story p{font-size:0.95rem;color:var(--muted);line-height:1.9;margin-bottom:1.25rem;}
.about-story p:last-child{margin-bottom:0;}
.timeline{display:flex;flex-direction:column;}
.timeline-item{display:grid;grid-template-columns:130px 1fr;gap:1.5rem;padding:1.5rem 0;border-top:0.5px solid var(--rule);}
.timeline-item:last-child{border-bottom:0.5px solid var(--rule);}
.timeline-date{font-family:'DM Mono',monospace;font-size:0.68rem;letter-spacing:0.08em;color:var(--accent-dark);padding-top:0.1rem;}
.timeline-content h3{font-family:'Playfair Display',serif;font-size:1rem;font-weight:400;color:var(--ink);margin-bottom:0.35rem;}
.timeline-content p{font-size:0.85rem;color:var(--muted);line-height:1.75;}

/* CONTACT FORM */
.contact-side{padding-top:0.5rem;}
.contact-side h2{margin-bottom:1rem;}
.contact-detail{border-top:0.5px solid var(--rule);padding:1.25rem 0;}
.contact-detail:last-child{border-bottom:0.5px solid var(--rule);}
.contact-detail-label{font-family:'DM Mono',monospace;font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-bottom:0.35rem;}
.contact-detail-val{font-size:0.95rem;color:var(--ink);}
.contact-detail-val a{color:var(--ink);}

/* QUOTE BLOCK */
.quote-block{max-width:760px;margin:0 auto;padding:0 var(--pad);text-align:center;}
.quote-block blockquote{font-family:'Playfair Display',serif;font-style:italic;font-size:1.5rem;line-height:1.5;color:var(--ink);}
.quote-block cite{display:block;margin-top:1.25rem;font-family:'DM Mono',monospace;font-size:0.68rem;letter-spacing:0.08em;color:var(--muted);font-style:normal;text-transform:uppercase;}

/* PAGE FOOTER CTA (reused cta-band already exists) */

@media(max-width:960px){
  .who-grid{grid-template-columns:1fr;}
  .pillar-grid{grid-template-columns:1fr;}
  .proof-list{grid-template-columns:1fr;gap:1.5rem;}
  .about-teaser{grid-template-columns:1fr;}
  .teaser-photo{width:160px;height:160px;}
  .about-hero-grid{grid-template-columns:1fr;gap:2rem;}
  .timeline-item{grid-template-columns:1fr;gap:0.4rem;}
  .page-hero h1{font-size:2rem;}
}

/* ============ ROUND 2 ADDITIONS ============ */

/* Role-analogy line */
.role-line{font-size:0.92rem;color:var(--muted);line-height:1.85;max-width:720px;margin-top:1.5rem;padding-top:1.5rem;border-top:0.5px solid var(--rule);}
.role-line strong{color:var(--ink);font-weight:500;}

/* LEARN / FIX / STAY framework */
.lfs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:0.5px solid var(--rule);border-left:0.5px solid var(--rule);}
.lfs-panel{border-right:0.5px solid var(--rule);border-bottom:0.5px solid var(--rule);padding:2.25rem 2rem;}
.lfs-letter{font-family:'Playfair Display',serif;font-style:italic;font-size:1.65rem;color:var(--accent-dark);line-height:1;margin-bottom:1rem;display:block;}
.lfs-panel h3{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:400;line-height:1.3;color:var(--ink);margin-bottom:1rem;}
.lfs-list{list-style:none;padding:0;}
.lfs-list li{position:relative;padding-left:1.1rem;font-size:0.88rem;color:var(--muted);line-height:1.75;margin-bottom:0.75rem;}
.lfs-list li:last-child{margin-bottom:0;}
.lfs-list li::before{content:'\2013';position:absolute;left:0;color:var(--accent-dark);}
.lfs-panel p{font-size:0.88rem;color:var(--muted);line-height:1.8;margin-bottom:0.9rem;}
.lfs-examples{display:flex;flex-wrap:wrap;gap:0.4rem;}
.lfs-pill{font-family:'DM Mono',monospace;font-size:0.62rem;letter-spacing:0.03em;color:var(--muted);border:0.5px solid var(--rule);border-radius:2px;padding:0.3rem 0.6rem;}
.lfs-note{grid-column:1/-1;padding:1.25rem 2rem;font-size:0.8rem;color:var(--muted);font-style:italic;border-right:0.5px solid var(--rule);border-bottom:0.5px solid var(--rule);}

/* ENGAGEMENT STEPS (how-i-work) */
.engage-steps{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:stretch;}
.engage-card{border:0.5px solid var(--rule);border-radius:2px;padding:2.25rem;background:var(--warm);transition:transform 0.25s ease,box-shadow 0.25s ease;}
.engage-card:hover{transform:translateY(-6px);box-shadow:0 14px 28px -12px rgba(28,26,23,0.18);}
.engage-card-dark:hover{box-shadow:0 14px 28px -12px rgba(0,0,0,0.5);}
.engage-step-label{font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:0.12em;color:var(--accent-dark);text-transform:uppercase;margin-bottom:0.75rem;}
.engage-card h2{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:400;color:var(--ink);margin-bottom:0.85rem;}
.engage-card p{font-size:0.88rem;color:var(--muted);line-height:1.8;margin-bottom:1rem;}
.engage-arrow{display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-style:italic;font-size:1.75rem;color:var(--rule);}
.engage-list{list-style:none;margin-bottom:1rem;}
.engage-list li{font-size:0.85rem;color:var(--muted);padding:0.5rem 0;border-top:0.5px solid var(--rule);}
.engage-list li:first-child{border-top:none;}
.engage-list li strong{color:var(--ink);font-weight:500;}
.engage-price{font-family:'DM Mono',monospace;font-size:0.68rem;letter-spacing:0.05em;color:var(--muted);text-transform:uppercase;margin-top:auto;padding-top:1rem;}

/* SECONDARY / project-based section */
.secondary-label{text-align:center;font-family:'DM Mono',monospace;font-size:0.65rem;font-weight:300;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin:4rem 0 0.5rem;}
.secondary-sub{text-align:center;font-size:0.85rem;color:var(--muted);max-width:520px;margin:0 auto 2.5rem;}

/* CAPABILITY / BREADTH grid (about page) */
.capability-band{background:var(--ink);padding:4rem var(--pad);}
.capability-inner{max-width:var(--max);margin:0 auto;}
.capability-inner .section-label{color:var(--accent-light);}
.capability-inner .section-h2{color:#f2ece0;}
.capability-inner .section-sub{color:#c9c3b6;}
.capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 2.5rem;margin-top:2rem;}
.capability-item{display:flex;gap:0.85rem;padding:1rem 0;border-top:0.5px solid #3e3a34;}
.capability-item span.dot{color:var(--accent-light);font-family:'Playfair Display',serif;font-style:italic;}
.capability-item p{font-size:0.86rem;color:#c9c3b6;line-height:1.7;}
.capability-item p strong{color:#f2ece0;font-weight:500;}

.context-band{max-width:var(--max);margin:0 auto;padding:4rem var(--pad);}
.context-list{display:flex;flex-direction:column;gap:0;margin-top:1.5rem;}
.context-row{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;padding:1.15rem 0;border-top:0.5px solid var(--rule);}
.context-row:last-child{border-bottom:0.5px solid var(--rule);}
.context-label{font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent-dark);padding-top:0.15rem;}
.context-row p{font-size:0.88rem;color:var(--muted);line-height:1.8;}

@media(max-width:960px){
  .lfs-grid{grid-template-columns:1fr;}
  .lfs-panel{border-right:none;}
  .engage-steps{grid-template-columns:1fr;}
  .engage-arrow{transform:rotate(90deg);padding:0.5rem 0;}
  .capability-grid{grid-template-columns:1fr;}
  .context-row{grid-template-columns:1fr;gap:0.4rem;}
}

/* Retainer card — intentional visual distinction (the "destination" step) */
.engage-card-dark{background:var(--ink);border-color:#3e3a34;}
.engage-card-dark .engage-step-label{color:var(--accent-light);}
.engage-card-dark h2{color:#f2ece0;}
.engage-card-dark p{color:#c9c3b6;}
.engage-card-dark .engage-list li{border-top-color:#3e3a34;color:#c9c3b6;}
.engage-card-dark .engage-list li strong{color:#f2ece0;}
.engage-card-dark .engage-price{color:#c9c3b6;}

/* FAQ — animated accordion */
.faq-section{max-width:var(--max);margin:0 auto;padding:1rem var(--pad) 4rem;}
.faq-list{margin-top:1.5rem;}
.faq-item{border-top:0.5px solid var(--rule);}
.faq-item:last-child{border-bottom:0.5px solid var(--rule);}
.faq-q-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:none;border:none;padding:1.35rem 0;cursor:pointer;text-align:left;font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:400;color:var(--ink);transition:color 0.2s;}
.faq-q-btn:hover{color:var(--accent-dark);}
.faq-q-btn:focus-visible{outline:2px solid var(--accent-dark);outline-offset:4px;}
.faq-icon{flex-shrink:0;width:1.5rem;height:1.5rem;position:relative;}
.faq-icon::before,.faq-icon::after{content:'';position:absolute;top:50%;left:50%;background:var(--accent-dark);transition:transform 0.3s ease;}
.faq-icon::before{width:14px;height:1.5px;transform:translate(-50%,-50%);}
.faq-icon::after{width:1.5px;height:14px;transform:translate(-50%,-50%);}
.faq-item.open .faq-icon::after{transform:translate(-50%,-50%) rotate(90deg) scaleY(0);}
.faq-a-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.35s ease;}
.faq-item.open .faq-a-wrap{grid-template-rows:1fr;}
.faq-a-inner{overflow:hidden;}
.faq-a{font-size:0.88rem;color:var(--muted);line-height:1.8;max-width:680px;padding-bottom:1.5rem;}
@media(prefers-reduced-motion:reduce){.faq-a-wrap,.faq-icon::before,.faq-icon::after{transition:none;}}

/* Own-venture badge on portfolio cards */
.port-tag-note{font-style:italic;}

/* AI TOOLS PAGE — problem/tool pairs */
.tool-row{display:flex;flex-direction:column;gap:1.25rem;max-width:800px;margin:0 auto;}
.tool-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;background:var(--warm);border:0.5px solid var(--rule);border-radius:2px;padding:1.75rem 2rem;}
.tool-problem{position:relative;padding-left:0.25rem;}
.tool-problem .who-mark{font-family:'Playfair Display',serif;font-size:2.2rem;color:var(--accent-light);line-height:0.5;display:block;margin-bottom:0.35rem;}
.tool-problem p{font-size:0.92rem;color:var(--ink-80);line-height:1.6;font-style:italic;}
.tool-arrow{font-size:1.2rem;color:var(--accent-dark);}
.tool-solution h3{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:400;color:var(--ink);margin-bottom:0.4rem;}
.tool-solution p{font-size:0.85rem;color:var(--muted);line-height:1.65;}
@media(max-width:720px){
  .tool-pair{grid-template-columns:1fr;text-align:left;}
  .tool-arrow{transform:rotate(90deg);width:fit-content;}
}

/* Audit teaser strip — homepage, full-bleed band */
.audit-teaser{background:var(--warm);padding:3rem var(--pad);}
.audit-teaser-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;}
.audit-teaser-text{max-width:560px;}
.audit-teaser-eyebrow{font-family:'DM Mono',monospace;font-size:0.68rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:0.5rem;}
.audit-teaser-text h3{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:400;color:var(--ink);margin-bottom:0.4rem;}
.audit-teaser-text p{font-size:0.88rem;color:var(--muted);line-height:1.7;}
@media(max-width:960px){
  .audit-teaser-inner{flex-direction:column;align-items:flex-start;}
}
