:root{--navy:#0E2946;--navy-2:#173B61;--white:#fff;--gold:#B57916;--gold-soft:#D8AF65;--red:#A2351C;--green:#535D2D;--brown:#7A5821;--warm:#FBF8F3;--ink:#2B3440;--muted:#66717D;--line:#E6DDCF;--shadow:0 18px 45px rgba(14,41,70,.12);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);line-height:1.55}img{max-width:100%;display:block}a{color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:0 auto}.skip-link{position:absolute;left:-9999px;top:0}.skip-link:focus{left:15px;top:15px;background:#fff;padding:10px;z-index:9999}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);backdrop-filter:blur(9px)}.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;text-decoration:none;min-width:0}.brand img{width:132px;height:92px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:24px;font-family:var(--serif);color:var(--navy)}.site-nav>a{font-size:1.02rem;text-decoration:none;position:relative;padding:9px 0}.site-nav>a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--gold);transform:scaleX(0);transition:.2s}.site-nav>a:hover::after,.site-nav>a.active::after{transform:scaleX(1)}.nav-cta{background:var(--red);color:#fff!important;border-radius:8px;padding:12px 18px!important;box-shadow:0 6px 14px rgba(162,53,28,.15);font-family:var(--sans)!important;font-weight:700;font-size:.88rem!important}.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:8px;color:var(--navy);font-size:1.35rem;padding:8px 10px}
.eyebrow{margin:0 0 10px;color:var(--gold);font-size:.78rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.eyebrow.light{color:#FFE3AA}h1,h2,h3,h4{font-family:var(--serif);color:var(--navy);line-height:1.07;margin:0}h1{font-size:clamp(3rem,5.8vw,5.1rem);font-weight:600}h2{font-size:clamp(2.2rem,4.4vw,3.7rem);font-weight:600}h3{font-size:1.65rem;font-weight:600}p{margin-top:0}.lead{font-size:1.08rem;color:#44515E}.section-head{max-width:820px;text-align:center;margin:0 auto 42px}.section-head .lead{margin:16px auto 0;max-width:720px}.gold-rule{width:84px;height:2px;background:var(--gold);margin:18px auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:7px;padding:13px 19px;text-decoration:none;font-weight:700;font-size:.92rem;transition:.2s}.button:hover{transform:translateY(-1px)}.button.red{background:var(--red);color:#fff}.button.red:hover{background:#8f2f1b}.button.outline{background:#fff;border-color:var(--gold);color:var(--navy)}.button.light-outline{background:rgba(255,255,255,.9);border-color:#fff;color:var(--navy)}.button-row{display:flex;gap:13px;flex-wrap:wrap}.button-row.centered{justify-content:center;margin-top:30px}
.home-hero{position:relative;min-height:650px;display:flex;align-items:center;background:url('assets/porchlight-2026/home-hero.jpg') center/cover no-repeat;overflow:hidden}.home-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.12) 35%,rgba(255,255,255,.18) 52%,rgba(255,255,255,.30) 67%,rgba(255,255,255,.42) 82%,rgba(255,255,255,.50) 100%)}.home-hero-inner{position:relative;z-index:2;display:flex;justify-content:flex-end;padding:72px 0}.home-hero-copy{width:min(650px,58%);background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,255,255,.54));border:1px solid rgba(255,255,255,.52);border-radius:28px;padding:34px 34px 34px 38px;box-shadow:0 22px 60px rgba(14,41,70,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.home-hero-copy h1{font-size:clamp(3rem,5.4vw,5rem)}.home-hero-copy h1 span{display:block;font-size:.57em;margin-top:9px}.hero-tagline{font-family:var(--serif);font-size:1.35rem;color:var(--navy);font-weight:600;margin:16px 0 12px}.home-hero-copy .lead{color:#263C59;margin-bottom:25px}
.feature-strip{background:#fff;border-bottom:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr)}.feature{padding:32px 22px;text-align:center;position:relative}.feature+.feature{border-left:1px solid var(--line)}.feature-icon{width:54px;height:54px;margin:0 auto 10px;color:var(--gold)}.feature-green .feature-icon{color:var(--green)}.feature-navy .feature-icon{color:var(--navy)}.feature-gold .feature-icon{color:var(--gold)}.icon-svg{width:100%;height:100%;display:block}.feature h3{font-size:1.27rem}.feature p{font-size:.9rem;color:var(--muted);margin:7px auto 0;max-width:220px}.number-icon{width:42px;height:42px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:var(--warm);color:var(--gold);font-weight:800;font-family:var(--serif);font-size:1.25rem}
.section{padding:80px 0}.section.alt{background:var(--warm)}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.package-card{background:#fff;border:1px solid rgba(181,121,22,.42);border-radius:12px;padding:28px 28px 25px;box-shadow:0 8px 22px rgba(14,41,70,.04)}.package-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.package-heading h3{font-size:1.95rem}.package-lantern{width:38px;height:38px;flex:0 0 38px;color:var(--gold);margin-top:-2px}.package-card>p{color:#465564}.checklist{padding:0;margin:18px 0 0;list-style:none}.checklist li{position:relative;padding:8px 0 8px 20px;color:#3E4B58;border-top:1px solid #F2EEE8;font-size:.93rem}.checklist li:first-child{border-top:0}.checklist li::before{content:"•";position:absolute;left:3px;color:var(--gold);font-weight:900}.package-card .card-action{margin-top:22px}.package-footnote{text-align:center;margin:28px 0 0;color:var(--muted)}
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.offer{padding:26px 28px}.offer+.offer{border-left:1px solid var(--line)}.offer h3{font-size:1.35rem}.offer p{font-size:.92rem;color:var(--muted);margin:8px 0 14px}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 8px 20px rgba(14,41,70,.05);display:flex;flex-direction:column}.project-top{height:225px;display:grid;place-items:center;padding:22px;position:relative;overflow:hidden;background:#fff;border-bottom:1px solid #EFE8DE}.project-top::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#FBF7F1,#FFF 58%,#F8F2E8)}.project.green .project-top::before{background:linear-gradient(145deg,#F0F4EC,#FFF 58%,#EEF3EA)}.project.gold .project-top::before{background:linear-gradient(145deg,#FBF4E7,#FFF 58%,#F7E9CF)}.project-logo{position:relative;z-index:1;max-width:88%;max-height:185px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 4px 9px rgba(14,41,70,.06))}.project-body{padding:20px;display:flex;flex-direction:column;flex:1}.project-body h3{font-size:1.28rem}.project-body p{font-size:.9rem;color:var(--muted);margin:9px 0 14px}.project-link{font-weight:700;font-size:.86rem;color:var(--red);text-decoration:none;margin-top:auto}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.case{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 8px 20px rgba(14,41,70,.04)}.case-logo{height:230px;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#FBF7F1,#fff 60%,#F7F1E8);border-bottom:1px solid var(--line)}.case-logo img{max-height:185px;max-width:90%;width:auto;height:auto;object-fit:contain}.case-content{padding:28px}.case .tag{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);font-weight:800}.case p,.case li{color:var(--muted)}
.home-bottom-cta{position:relative;min-height:300px;background:url('assets/porchlight-2026/home-cta.jpg') center/cover no-repeat;display:flex;align-items:center;overflow:hidden;border-top:1px solid var(--line)}.home-bottom-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.28),rgba(255,255,255,.42) 42%,rgba(255,255,255,.76) 68%,rgba(255,255,255,.88))}.home-bottom-inner{position:relative;z-index:2;text-align:center}.home-bottom-inner h2{font-size:clamp(2.4rem,4.7vw,4rem)}.home-bottom-inner p{font-family:var(--serif);font-size:1.2rem;color:var(--navy);margin:9px 0 18px}
.page-hero{position:relative;padding:82px 0 68px;border-bottom:1px solid var(--line);background-size:cover;background-repeat:no-repeat;background-position:center right;overflow:hidden}.page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.90) 35%,rgba(255,255,255,.74) 55%,rgba(255,255,255,.36) 76%,rgba(255,255,255,.18) 100%);pointer-events:none}.page-hero .container{position:relative;z-index:1}.page-hero .copy{max-width:730px}.page-hero h1{font-size:clamp(3rem,5.4vw,4.9rem)}.page-hero .lead{margin:18px 0 0;color:#34475B}.page-hero-services{background-image:url('assets/porchlight-2026/services-hero-user.jpg');background-position:center 55%}.page-hero-packages{background-image:url('assets/porchlight-2026/packages-hero-user.png');background-position:center 52%}.page-hero-portfolio{background-image:url('assets/porchlight-2026/portfolio-hero-user.jpg');background-position:center 58%}.page-hero-about{background-image:url('assets/porchlight-2026/about-hero-user.jpg');background-position:center 48%}.page-hero-contact{background-image:url('assets/porchlight-2026/contact-hero.jpg')}
.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.service-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;box-shadow:0 7px 22px rgba(14,41,70,.04)}.service-card h3{margin-bottom:10px}.service-card p{color:var(--muted)}.service-card ul{padding-left:20px;color:#4A5662}.service-card li{margin-bottom:7px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.story-image{min-height:450px;border-radius:18px;box-shadow:var(--shadow);background:center/cover no-repeat}.hosting-image{background-image:url('assets/porchlight-2026/hosting-image-user.jpg');min-height:350px;background-position:center 55%}.about-story-image{background-image:url('assets/porchlight-2026/about-story-user.jpg');background-position:center 40%}.quote{font-family:var(--serif);font-size:clamp(2rem,4vw,3rem);color:var(--navy);line-height:1.1;border-left:4px solid var(--gold);padding-left:22px;margin:0 0 24px}.monthly-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.monthly{border:1px solid var(--line);border-radius:13px;padding:24px;background:#fff}.monthly h3{color:var(--red);font-size:1.45rem}.monthly strong{display:block;color:var(--navy);margin-top:10px}.list-columns{columns:2;column-gap:48px}.list-columns li{break-inside:avoid;margin:0 0 12px;color:#4C5965}.approach-grid{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.contact-section{background:var(--warm)}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}.contact-copy-card{background:var(--navy);color:#fff;border-radius:16px;padding:32px}.contact-copy-card h2{color:#fff;font-size:2.55rem}.contact-copy-card p{color:#DCE6F0}.contact-details-main{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18)}.contact-details-main a{display:block;color:#fff;text-decoration:none;margin:9px 0;font-weight:700}.contact-form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:var(--shadow)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:block;font-size:.84rem;font-weight:700;color:var(--navy);margin-bottom:16px}.contact-form input,.contact-form textarea{width:100%;margin-top:7px;padding:12px 13px;border:1px solid #CBD3DB;border-radius:8px;font:inherit;background:#fff}.contact-form textarea{resize:vertical}.form-note{font-size:.82rem;color:var(--muted);margin:13px 0 0}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-status{display:none;margin-top:14px;padding:12px 14px;border-radius:8px;font-size:.9rem}.contact-status.show{display:block}.contact-status.success{background:#eef6e9;color:#385124;border:1px solid #c9dfb8}.contact-status.error{background:#fff0ec;color:#842b1b;border:1px solid #e8b7ab}
.site-footer{background:var(--navy);color:#DCE5EF;padding:43px 0 0}.footer-grid{display:grid;grid-template-columns:1.35fr .7fr 1.1fr .8fr;gap:34px;align-items:start}.footer-logo{width:190px;background:#fff;border-radius:8px;padding:7px}.site-footer h4{font-family:var(--sans);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:12px}.site-footer p{font-size:.88rem}.site-footer a{display:block;color:#fff;text-decoration:none;margin:7px 0;font-size:.9rem}.socials{display:flex;gap:9px;margin-top:14px}.socials a{width:36px;height:36px;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:grid;place-items:center;margin:0;font-weight:700}.footer-bottom{margin-top:34px;padding:16px 0;border-top:1px solid rgba(255,255,255,.13);display:flex;justify-content:space-between;gap:20px;font-size:.77rem;color:#BDC8D3}
@media(max-width:1000px){.site-nav{display:none;position:absolute;top:100px;left:20px;right:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:18px;flex-direction:column;align-items:flex-start}.site-nav.open{display:flex}.menu-toggle{display:block}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature:nth-child(3){border-left:0;border-top:1px solid var(--line)}.feature:nth-child(4){border-top:1px solid var(--line)}.package-grid{grid-template-columns:1fr}.portfolio-grid,.case-grid{grid-template-columns:repeat(2,1fr)}.offer-grid{grid-template-columns:1fr}.offer+.offer{border-left:0;border-top:1px solid var(--line)}.service-grid,.story-grid,.contact-layout{grid-template-columns:1fr}.story-image{min-height:360px}.monthly-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.page-hero{background-size:58% 100%}}
@media(max-width:680px){.container{width:min(100% - 28px,1160px)}.header-inner{min-height:82px}.brand img{width:98px;height:72px}.site-nav{top:82px}.home-hero{min-height:610px;background-position:38% center}.home-hero-overlay{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.28) 34%,rgba(255,255,255,.91) 67%,rgba(255,255,255,.98))}.home-hero-inner{justify-content:center;align-items:flex-end;padding:235px 0 36px}.home-hero-copy{width:100%;padding:24px 22px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.74));backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.home-hero-copy h1{font-size:2.65rem}.hero-tagline{font-size:1.2rem}.feature-grid,.portfolio-grid,.case-grid,.monthly-grid{grid-template-columns:1fr}.feature+.feature{border-left:0;border-top:1px solid var(--line)}.section{padding:62px 0}.page-hero{padding:230px 0 46px;background-size:100% 210px;background-position:top center}.page-hero::after{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.20) 165px,#fff 225px)}.page-hero h1{font-size:2.9rem}.field-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.list-columns{columns:1}.home-bottom-cta{min-height:320px}.home-bottom-shade{background:rgba(255,255,255,.78)}}
.footer-anchor{scroll-margin-top:110px}

.package-lantern img,.feature-icon img{width:100%;height:100%;object-fit:contain;display:block}.approved-lantern{width:40px;height:52px;object-fit:contain;display:block}.feature-icon .approved-lantern{margin:0 auto;width:42px;height:56px}.package-lantern{display:flex;align-items:flex-start;justify-content:center}