/*
Theme Name: 8824 Blocks
Author: 8824 Accounting & Advisory Services
Description: Native Site Editor theme with editable blocks, navigation, and imagery.
Version: 3.3.1
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: a8824-blocks
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a:focus-visible,summary:focus-visible{outline:3px solid #ad8750;outline-offset:5px}
.container{width:min(1220px,88%);margin-left:auto;margin-right:auto}
.wp-block-columns{gap:60px}.wp-block-column{min-width:0}
.section{padding:85px 0}.section .wp-block-columns{margin-bottom:0}
.section h1{font-size:clamp(48px,5.4vw,78px);letter-spacing:-3px;margin:0}
.section h2{font-size:clamp(34px,3.6vw,50px);letter-spacing:-1.5px;margin:0}
.section h3{font-size:28px;margin:0 0 18px}
.section p{color:#536072;margin:0 0 20px}
.section .eyebrow{color:#856337;font-size:11px;text-transform:uppercase;letter-spacing:2.5px;font-weight:700;margin:0 0 25px}
.section .intro{font-size:18px;margin:28px 0 30px;max-width:490px}
.hero em{color:#8b6a3b}.hero-columns{align-items:center!important}
.secondary-link{font-size:14px;margin-top:20px!important;text-underline-offset:6px}
.hero-panel{padding:40px}.hero-panel h2{color:#f7f5ef;font-size:40px;margin:35px 0}
.hero-panel .eyebrow,.hero-panel .art-caption{color:#d2b785}.hero-panel .art-row{color:#f7f5ef;border-top:1px solid #455069;padding:16px 0;margin:0;font-size:14px}.hero-panel .art-caption{font-size:10px;letter-spacing:1px;margin-top:20px}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:26px 0;border-bottom:1px solid #dcd8cf;gap:25px}
.brand-logo{width:185px;height:81px;overflow:hidden;position:relative;margin:0;flex-shrink:0}.brand-logo img{position:absolute;width:143%;max-width:none;height:auto;left:-22%;top:-107%}
.primary-nav{font-size:13px}.primary-nav .wp-block-navigation__container{gap:24px}
.primary-nav .wp-block-navigation-item:last-child>a{background:#0b1830;color:white;padding:12px 18px}
.value-strip{border-bottom:1px solid #dcd8cf;border-top:1px solid #dcd8cf;padding:23px 0}.value-strip p{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:1.5px}
.value-strip .wp-block-columns{margin:0}.value-strip .wp-block-column:last-child{text-align:right}
.who{padding:60px 0}.who h2{font-size:34px}
.industry-tags{display:flex;flex-wrap:wrap;gap:8px}.industry-tags .industry-tag{padding:6px 12px;border:1px solid #c9c5ba;background:#f7f5ef;font-size:12px;color:#0b1830;margin:0}
.section-heading{align-items:flex-end!important;margin-bottom:45px!important}
.service-columns{gap:35px}.service-card{border-top:1px solid #ad8750;padding-top:27px}
.service-card p{font-size:15px}.service-card .eyebrow{margin-bottom:30px}.service-items p{border-top:1px solid #dcd8cf;padding:12px 0;margin:0;font-size:13px}
.improve{padding:25px 30px;margin-top:40px}.improve .wp-block-columns{align-items:center!important}.improve h3{font-size:24px;margin:0}.improve p{font-size:14px;margin:0}
.about .wp-block-column:nth-child(2)>p{margin-bottom:20px}.signature{font:italic 28px Georgia,serif;color:#856337!important;margin-top:25px!important}
.portrait{max-width:400px;margin:30px 0 0}.portrait img{display:block;width:100%;height:auto}
.section .quote{font:27px/1.4 Georgia,serif;color:#0b1830;border-left:2px solid #ad8750;padding-left:24px;margin-top:30px}
.process-columns{margin-top:45px!important;gap:45px}.process h3{font-size:26px}
.faq-list details{border-top:1px solid #c9c5ba}.faq-list details:last-child{border-bottom:1px solid #c9c5ba}.faq-list summary{padding:22px 0;cursor:pointer;font-size:17px}.faq-list p{font-size:15px;padding-bottom:15px}
.contact h2{color:#f7f5ef}.contact p{color:#c5cbd5;margin-top:24px}.contact .eyebrow{color:#d1b47c}.contact .contact-note{border-top:1px solid #455069;padding-top:25px;font-size:13px}

.page-content{padding:65px 0;min-height:50vh}.page-content .wp-block-post{margin-bottom:45px}
@media(max-width:900px){.wp-block-columns{gap:35px}.site-header{flex-wrap:wrap}.primary-nav .wp-block-navigation__container{gap:16px}}
@media(max-width:781px){.section{padding:55px 0}.value-strip .wp-block-column:last-child{text-align:left}.section h1{font-size:51px;letter-spacing:-2px}.hero-panel{padding:28px}.service-columns>.wp-block-column{margin-bottom:20px}.site-header{flex-wrap:nowrap}.brand-logo{width:150px;height:66px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.contact .inquiry p{color:#536072;margin-top:8px}.contact .inquiry .fineprint{margin-top:13px}

/* Contact: keep the intro column in view while visitors scroll through the form (side-by-side layout only). */
@media (min-width:782px){
.contact .wp-block-columns{align-items:flex-start!important}
.contact .wp-block-columns>.wp-block-column:first-child{position:sticky;top:40px;align-self:flex-start}
.admin-bar .contact .wp-block-columns>.wp-block-column:first-child{top:72px}
}

/* Footer: desktop = brand + two link columns, tablet = brand on top + two columns, phone = one compact column */
.site-footer{background:#0b1830;color:#c5cbd5;font-size:14px;line-height:1.6;border-top:1px solid #455069}
.site-footer p{margin:0}
.site-footer a{color:#f7f5ef;text-decoration:none;transition:color .2s}
.site-footer a:hover,.site-footer a:focus-visible{color:#d1b47c}
.footer-inner{padding:72px 0 0}
.footer-grid{display:grid;grid-template-columns:calc(50% - 30px) minmax(0,1fr) minmax(0,1fr);gap:48px 60px;align-items:start}
.footer-logo{margin:0;width:200px;max-width:100%}
.footer-logo a{display:block}
.footer-logo img{display:block;width:100%;height:auto}
.footer-tagline{max-width:340px;margin-top:24px!important}
.footer-heading{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#d1b47c;margin:4px 0 18px!important}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links li{margin:0 0 12px}
.footer-links li:last-child{margin-bottom:0}
.footer-links a{overflow-wrap:anywhere}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 30px;margin-top:64px;padding:24px 0 32px;border-top:1px solid #455069;font-size:12px;color:#8e98a8}
.footer-bottom a{color:#c5cbd5}
@media(max-width:1024px){
.footer-inner{padding-top:56px}
.footer-grid{grid-template-columns:minmax(0,1fr);gap:40px;justify-items:center;text-align:center}
.footer-brand{display:flex;flex-direction:column;align-items:center}
.footer-logo{width:180px}
.footer-tagline{max-width:380px;margin:20px auto 0!important}
.footer-nav,.footer-contact{width:100%;padding-top:40px;border-top:1px solid #455069}
.footer-links{display:flex;flex-direction:column;align-items:center;gap:12px}
.footer-links li{margin:0}
.footer-links a{display:inline-block;padding:2px 0}
.footer-bottom{flex-direction:column;justify-content:center;gap:8px;margin-top:48px;padding:24px 0 32px;text-align:center}
}
@media(max-width:599px){
.footer-inner{padding-top:48px}
.footer-grid{gap:32px}
.footer-logo{width:160px}
.footer-nav,.footer-contact{padding-top:32px}
.footer-bottom{margin-top:40px;padding:20px 0 28px}
}

/* Mobile and tablet menu */
@media (min-width:600px) and (max-width:1024px){
.primary-nav .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}
.primary-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none}
.site-header{flex-wrap:nowrap}
}
.primary-nav .wp-block-navigation__responsive-container-open{width:46px;height:46px;align-items:center;justify-content:center;color:#0b1830;border:1px solid #dcd8cf;background:transparent;transition:border-color .2s}
.primary-nav .wp-block-navigation__responsive-container-open:hover{border-color:#ad8750}
.primary-nav .wp-block-navigation__responsive-container-open svg{width:26px;height:26px}
.primary-nav .wp-block-navigation__responsive-container.is-menu-open{background:#0b1830!important;color:#f7f5ef!important;padding:28px 6% 40px;animation:a8824-menu-in .3s ease both}
.primary-nav .is-menu-open .wp-block-navigation__responsive-dialog{position:relative;width:100%;max-width:640px;margin:0 auto}
.primary-nav .is-menu-open .wp-block-navigation__responsive-container-close{top:0;right:0;width:46px;height:46px;display:flex;align-items:center;justify-content:center;color:#f7f5ef;border:1px solid #455069}
.primary-nav .is-menu-open .wp-block-navigation__responsive-container-close:hover{border-color:#d1b47c}
.primary-nav .is-menu-open .wp-block-navigation__responsive-container-close svg{width:26px;height:26px}
.primary-nav .is-menu-open .wp-block-navigation__responsive-container-content{padding-top:68px!important;align-items:stretch!important;width:100%}
.primary-nav .is-menu-open .wp-block-navigation__responsive-container-content::before{content:"Menu";display:block;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#d1b47c;margin-bottom:14px}
.primary-nav .is-menu-open .wp-block-navigation__container{flex-direction:column;align-items:stretch!important;gap:0!important;width:100%;counter-reset:a8824-nav}
.primary-nav .is-menu-open .wp-block-navigation-item{width:100%;border-bottom:1px solid rgba(247,245,239,.12);counter-increment:a8824-nav;animation:a8824-item-in .4s ease both}
.primary-nav .is-menu-open .wp-block-navigation-item:nth-child(2){animation-delay:.04s}
.primary-nav .is-menu-open .wp-block-navigation-item:nth-child(3){animation-delay:.08s}
.primary-nav .is-menu-open .wp-block-navigation-item:nth-child(4){animation-delay:.12s}
.primary-nav .is-menu-open .wp-block-navigation-item:nth-child(5){animation-delay:.16s}
.primary-nav .is-menu-open .wp-block-navigation-item>a{display:flex!important;align-items:baseline;gap:18px;width:100%;padding:20px 0!important;font:400 clamp(30px,6vw,40px)/1.1 Georgia,serif;letter-spacing:-1px;color:#f7f5ef!important;background:none!important;text-decoration:none;transition:color .2s,padding-left .2s}
.primary-nav .is-menu-open .wp-block-navigation-item>a::before{content:counter(a8824-nav,decimal-leading-zero);font:700 11px/1 Arial,sans-serif;letter-spacing:2px;color:#d1b47c;min-width:22px}
.primary-nav .is-menu-open .wp-block-navigation-item>a:hover,.primary-nav .is-menu-open .wp-block-navigation-item>a:focus-visible{color:#d1b47c!important;padding-left:6px!important}
.primary-nav .is-menu-open .wp-block-navigation-item:last-child{border-bottom:0;margin-top:34px}
.primary-nav .is-menu-open .wp-block-navigation-item:last-child>a{justify-content:center;padding:18px 24px!important;font:600 15px/1.2 Arial,sans-serif;letter-spacing:.5px;background:#f7f5ef!important;color:#0b1830!important}
.primary-nav .is-menu-open .wp-block-navigation-item:last-child>a::before{content:none}
.primary-nav .is-menu-open .wp-block-navigation-item:last-child>a:hover{background:#d1b47c!important;color:#0b1830!important;padding-left:24px!important}
@keyframes a8824-menu-in{from{opacity:0}to{opacity:1}}
@keyframes a8824-item-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.primary-nav .is-menu-open,.primary-nav .is-menu-open .wp-block-navigation-item{animation:none!important}}

/* Spacing and alignment: one rhythm across the landing page */
.who{padding:85px 0}
.section .wp-block-column>:last-child,.section .wp-block-column>p:last-child{margin-bottom:0}
.section .intro{margin:24px 0 32px}
.faq h2+p{margin-top:24px}
.service-card .eyebrow{margin-bottom:25px}
.service-columns,.process-columns{gap:45px}
.improve{margin-top:45px}
.contact .inquiry{padding:40px}
@media(min-width:782px){
.service-columns>.wp-block-column{display:flex}
.service-card{display:flex;flex-direction:column;flex:1}
.service-card .service-items{margin-top:auto}
.value-strip .wp-block-columns{justify-content:space-between}
.value-strip .wp-block-columns>.wp-block-column{flex:0 1 auto!important}
}
@media(max-width:900px){.service-columns,.process-columns{gap:35px}}
@media(max-width:781px){
.who{padding:55px 0}
.service-columns>.wp-block-column{margin-bottom:0}
.contact .inquiry,.hero-panel{padding:28px}
}

/* Process steps: clear separation when the three steps stack (phones, small tablets, editor previews) */
@media(max-width:781px){
.process-columns>.wp-block-column+.wp-block-column{margin-top:0;padding-top:35px;border-top:1px solid #dcd8cf}
.process-columns>.wp-block-column>p:last-child{margin-bottom:0}
}