/*
Theme Name: Front Porch Digital
Theme URI: https://fpdigitalva.com/
Author: Front Porch Digital
Description: A warm, handcrafted WordPress theme for Front Porch Digital.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: front-porch-digital
*/

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Caveat:wght@600&family=Lato:wght@400;700;900&display=swap');

:root{--green:#6ba539;--green-dark:#4f7d28;--charcoal:#111;--brown:#2e221b;--cream:#f7f3eb;--gray:#66615a;--white:#fafaf8;--line:#ded7ca;--shadow:0 18px 50px rgba(46,34,27,.12);--radius:8px;--wrap:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--charcoal);font-family:Lato,Arial,sans-serif;font-size:18px;line-height:1.65}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}p{margin:0 0 1.2rem}h1,h2,h3,h4{margin:0 0 .7rem;line-height:1.05}h1,h2,h3{font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;letter-spacing:.02em}h1{font-size:clamp(3.6rem,8vw,7.2rem)}h2{font-size:clamp(2.7rem,5vw,4.5rem)}h3{font-size:2rem}.wrap{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto}.eyebrow{display:inline-flex;align-items:center;gap:.6rem;color:var(--green-dark);font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:30px;height:2px;background:var(--green)}.script{font-family:Caveat,cursive;color:var(--green);font-size:1.35em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:52px;padding:.75rem 1.25rem;border:2px solid var(--green);border-radius:var(--radius);background:var(--green);color:#fff;font-weight:900;line-height:1;transition:.2s}.btn:hover{transform:translateY(-2px);background:var(--green-dark);border-color:var(--green-dark)}.btn-outline{background:transparent;color:var(--charcoal);border-color:var(--charcoal)}.btn-outline:hover{background:var(--charcoal);color:#fff;border-color:var(--charcoal)}

.site-header{position:sticky;top:0;z-index:50;background:rgba(250,250,248,.96);border-bottom:1px solid rgba(46,34,27,.1);backdrop-filter:blur(14px)}.nav-row{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:flex;align-items:center;gap:.75rem;font-weight:900;line-height:1}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff}.brand-name{display:block;font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:.04em}.brand-tag{display:block;color:var(--gray);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}.primary-menu{display:flex;align-items:center;gap:1.6rem;list-style:none;margin:0;padding:0;font-size:.86rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.primary-menu a:hover{color:var(--green-dark)}.menu-toggle{display:none;background:none;border:0;font-size:1.6rem}

.hero{overflow:hidden;position:relative;padding:96px 0 80px;background:var(--cream)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,243,235,.98) 0%,rgba(247,243,235,.92) 48%,rgba(247,243,235,.25) 100%)}.hero:after{content:"";position:absolute;top:0;right:0;width:46%;height:100%;background:linear-gradient(135deg,rgba(107,165,57,.16),rgba(46,34,27,.06)),repeating-linear-gradient(90deg,transparent 0 47px,rgba(46,34,27,.07) 48px 49px);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px}.hero h1{max-width:780px;margin-top:1rem}.hero h1 span{color:var(--green)}.hero-copy{max-width:650px;color:var(--gray);font-size:1.2rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.porch-card{position:relative;background:var(--brown);color:#fff;border:10px solid #fff;box-shadow:var(--shadow);border-radius:4px;padding:42px 38px;transform:rotate(2deg)}.porch-card:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.2)}.porch-card>*{position:relative}.porch-card .script{display:block;font-size:2rem}.porch-card h3{font-size:3.5rem}.porch-card p{color:#ded7ca}.proof-strip{background:var(--charcoal);color:#fff}.proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.14)}.proof{padding:24px;text-align:center;background:var(--charcoal)}.proof strong{display:block;color:var(--green);font-size:1.35rem}.proof span{font-size:.82rem;text-transform:uppercase;letter-spacing:.1em}

.section{padding:96px 0}.section-cream{background:var(--cream)}.section-dark{background:var(--charcoal);color:#fff}.section-intro{max-width:760px;margin-bottom:46px}.section-intro p{color:var(--gray);font-size:1.1rem}.section-dark .section-intro p{color:#cfcac2}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;box-shadow:0 8px 30px rgba(46,34,27,.06)}.service-card.featured{background:var(--brown);color:#fff;border-color:var(--brown);transform:translateY(-10px)}.card-number{display:block;color:var(--green);font-family:'Bebas Neue';font-size:3rem;line-height:1}.service-card p{color:var(--gray)}.service-card.featured p{color:#d9d2c8}.price{font-family:'Bebas Neue';font-size:3.5rem;line-height:1;color:var(--green)}.price small{font:700 .8rem Lato;color:var(--gray)}.feature-list{list-style:none;margin:1.5rem 0;padding:0}.feature-list li{position:relative;padding:.45rem 0 .45rem 1.6rem}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}

.process{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:steps}.step{counter-increment:steps;border-top:3px solid var(--green);padding-top:20px}.step:before{content:"0" counter(steps);font-family:'Bebas Neue';font-size:2.3rem;color:var(--green)}.step p{color:var(--gray);font-size:.94rem}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.project{min-height:410px;position:relative;overflow:hidden;border-radius:var(--radius);background:var(--cream);box-shadow:var(--shadow)}.project-art{height:290px;display:grid;place-items:center;padding:40px;background:linear-gradient(135deg,#dfe9d5,#f7f3eb)}.project-art.dark{background:linear-gradient(135deg,#2e221b,#6b584a);color:#fff}.project-badge{width:150px;height:150px;display:grid;place-items:center;border:3px solid currentColor;border-radius:50%;text-align:center;font-family:'Bebas Neue';font-size:1.5rem;line-height:1}.project-copy{padding:26px;background:#fff}.project-copy p{color:var(--gray);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story-panel{background:var(--brown);color:#fff;padding:50px;border-radius:var(--radius);box-shadow:var(--shadow);position:relative}.story-panel:before{content:"";position:absolute;inset:15px;border:1px solid rgba(255,255,255,.18)}.story-panel>*{position:relative}.story-panel p{color:#ddd4ca}.cta{padding:78px 0;background:var(--green);color:#fff}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin:0}.cta .btn{background:var(--charcoal);border-color:var(--charcoal)}

.page-hero{padding:80px 0 60px;background:var(--cream);border-bottom:1px solid var(--line)}.page-hero p{max-width:720px;color:var(--gray);font-size:1.15rem}.content-area{padding:80px 0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.contact-card{padding:34px;background:var(--cream);border-radius:var(--radius)}.fp-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fp-form .full{grid-column:1/-1}.fp-form label{display:block;font-weight:900;font-size:.86rem;margin-bottom:.35rem}.fp-form input,.fp-form select,.fp-form textarea{width:100%;border:1px solid var(--line);border-radius:6px;padding:14px;background:#fff;font:inherit}.fp-form textarea{min-height:150px;resize:vertical}.site-footer{background:var(--brown);color:#fff;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:50px}.site-footer p,.site-footer a{color:#cfc6bd}.site-footer a:hover{color:#fff}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin:.5rem 0}.copyright{margin-top:45px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:.78rem;color:#bdb4aa}
.editable-page>.wp-block-group,.editable-page>.wp-block-columns{margin-block:0}.editable-page .wp-block-group__inner-container{width:100%}.editable-page .wp-block-button__link{display:inline-flex;min-height:52px;align-items:center;padding:.75rem 1.25rem;border-radius:var(--radius);background:var(--green);font-weight:900}.editable-notice{padding:12px 18px;background:#fff8d8;border-left:4px solid var(--green);font-size:.9rem}

@media(max-width:900px){body{font-size:17px}.primary-menu{display:none;position:absolute;top:82px;left:0;right:0;background:var(--white);padding:24px 20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.primary-menu.open{display:flex}.menu-toggle{display:block}.header-cta{display:none}.hero{padding-top:70px}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.porch-card{max-width:550px;transform:none}.card-grid{grid-template-columns:1fr}.service-card.featured{transform:none}.process{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:640px){.wrap{width:min(calc(100% - 28px),var(--wrap))}.section{padding:68px 0}.hero{padding:58px 0}.hero-grid{gap:38px}.proof-row,.portfolio-grid,.process,.footer-grid,.fp-form{grid-template-columns:1fr}.footer-grid>div:first-child,.fp-form .full{grid-column:auto}.cta-row{align-items:flex-start;flex-direction:column}.porch-card{padding:34px 28px}.project{min-height:0}}