/* Card-aligned identity: navy, copper, warm white. Shared across every active page. */
:root{--color-ink:#102b3a;--color-muted:#56636a;--color-accent:#91502d;--color-accent-hover:#703c23;--color-accent-soft:#f4e9df;--color-paper:#f5f2ed;--color-line:#dedbd5;--studio-paper:#f5f2ed;--studio-blue:#91502d;--studio-ink:#102b3a;--brand-navy:#0e2737;--brand-copper:#d2a078}
html,body{background:#fff}::selection{background:#e7c7ac;color:var(--brand-navy)}
.site-header{border-bottom-color:#e5dfd8}.header-phone{color:var(--brand-navy);border-color:#d8c6b7;border-radius:3px}.header-phone:hover{background:#f5ede5}
.desktop-nav>a:hover,.mobile-menu nav>a:hover{color:var(--color-accent)}.mobile-menu__panel{border-color:var(--color-line)}
.button--primary,.button--dark{background:var(--brand-navy);border-color:var(--brand-navy);color:#fff}.button--primary:hover,.button--dark:hover{background:#1c3b4f;border-color:#1c3b4f}
.editorial-hero{background:var(--brand-navy);color:#fff;border-left:7px solid #b2764e}
.editorial-hero h1{color:#fff}.editorial-hero h1 span{color:var(--brand-copper)}
.editorial-hero .hero-overline{color:#e5d7cc;letter-spacing:.045em}.editorial-hero .hero-overline>span{color:var(--brand-copper);padding-inline:9px}
.editorial-hero .hero-bottom>p{color:#d1dae0}.editorial-hero .button{background:var(--brand-copper);color:var(--brand-navy);border-color:var(--brand-copper);font-weight:800}.editorial-hero .button:hover{background:#e5b58f;border-color:#e5b58f}
.hero-content .hero-monogram{filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.035;width:min(36vw,460px);height:240px;max-height:calc(100% - 110px);top:0;bottom:auto;right:-35px;margin:0;object-position:right top;mask-image:linear-gradient(to right,transparent,#000 35%)}
@media(max-width:800px){.hero-content .hero-monogram{width:280px;height:190px;right:-45px;opacity:.025}}
@media(max-width:600px){.hero-content .hero-monogram{width:220px;height:160px;right:-65px;opacity:.025}}
.editorial-hero .hero-baseline{color:#cbd5dc;border-color:#ffffff26}.editorial-hero .hero-baseline a{color:#fff}.editorial-hero .hero-baseline>span>span{color:var(--brand-copper)}
.editorial-hero :focus-visible,.site-footer :focus-visible{outline-color:var(--brand-copper)}
.service-story{padding-block:52px}.service-story+.service-story{border-top-color:var(--color-line)}.service-story:last-child{padding-bottom:60px}
.owner-section,.faq-section,.compact-services,.automation-demo,.web-approach{background:var(--studio-paper)}
.closing-arrow{border-color:#d8b99f}.closing-arrow:hover{background:var(--brand-navy);color:#fff}.home-closing{padding-bottom:36px}.closing-details{margin-bottom:10px}
.web-closing{background:var(--studio-paper);border-color:var(--color-line)}.web-decision-list,.web-decision-list article{border-color:#d7d0c8}
.web-page-nav,.case-domain{border-color:var(--color-line)}.past-work a{text-decoration-color:#d5b69c}
.demo-controls{border-color:#d2c9bf}.demo-controls select{border-color:#96897b}.demo-results>section+section{border-color:#d2c9bf}
.contact-section{background:#fff}.inquiry-panel{border-color:#d8cfc5}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{border-color:#8d8982}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:var(--color-accent)}.preview-notice{background:#f5eee5;border-color:#dac6b1;color:#634728}
.site-footer{background:var(--brand-navy);color:#d6e0e6;border-top:4px solid #b2764e;padding-block:23px}.site-footer .footer-brand img{filter:grayscale(1) invert(1);mix-blend-mode:screen}.site-footer nav a{color:#e3c3a9}.site-footer nav a:hover{color:#fff}.site-footer .footer-main>p{color:#b9c6ce;border-color:#ffffff1f}.site-footer .footer-main>p span{color:#b9c6ce}
.marketing-intro{background:#fff}.marketing-intro .section-heading{align-items:start}.marketing-intro .section-lead{font-size:16px;line-height:1.8;margin:0}.marketing-priorities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;padding:27px 0 0;margin:0;border-top:1px solid var(--color-line)}.marketing-priorities li>span{font-size:11px;color:var(--color-accent);font-weight:600;letter-spacing:.035em}.marketing-priorities h3{font-size:22px;line-height:1.3;margin:17px 0 12px}.marketing-priorities p{font-size:14px;line-height:1.8;color:var(--color-muted);margin:0}.marketing-agreement{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;border-top:1px solid var(--color-line);margin-top:38px;padding-top:28px}.marketing-agreement h3{font-size:24px;margin:0}.marketing-agreement p{font-size:14px;color:var(--color-muted);line-height:1.8;margin:0}
[data-page="marketing"] .page-hero{border-bottom:1px solid var(--color-line)}[data-page="marketing"] .page-hero h1{max-width:900px}[data-page="marketing"] .compact-services .service-list{grid-template-columns:1fr;max-width:900px}[data-page="marketing"] .next-step{background:#fff}
@media(max-width:800px){.marketing-priorities{gap:24px}.marketing-priorities h3{font-size:20px}.marketing-agreement{gap:28px}.editorial-hero{border-left-width:5px}}
@media(max-width:600px){.editorial-hero{border-left-width:4px}.editorial-hero .hero-overline{font-size:10px;letter-spacing:0;line-height:1.8}.editorial-hero .hero-overline>span{padding-inline:5px}.service-story{padding-block:33px}.service-story:last-child{padding-bottom:36px}.site-footer{padding-block:21px}.marketing-priorities{grid-template-columns:1fr;gap:23px}.marketing-priorities li+li{border-top:1px solid var(--color-line);padding-top:22px}.marketing-priorities h3{margin-top:10px}.marketing-agreement{grid-template-columns:1fr;gap:12px}.marketing-agreement h3{font-size:22px}.marketing-intro .section-heading{gap:20px}.marketing-intro .section-lead{font-size:15px}}

/* Shared navigation and contact: one clear hierarchy at every width. */
.header-container{min-height:90px;gap:32px}
.brand{width:210px}
.desktop-nav{gap:28px}
.desktop-nav>a{position:relative;min-height:52px;font-size:14px}
.desktop-nav a[aria-current="page"]{text-decoration:none}
.desktop-nav a[aria-current="page"]::after{content:"";position:absolute;bottom:5px;left:0;right:0;height:2px;background:var(--brand-copper)}
.header-phone{gap:10px;margin-left:0;padding:0 0 0 28px;border:0;border-left:1px solid var(--color-line);border-radius:0;min-height:36px;font-size:14px;font-weight:600}
.header-phone svg{width:19px;height:19px;color:var(--color-accent)}
.header-phone:hover{background:transparent;color:var(--color-accent)}
.site-footer{padding:0;border-top:2px solid #b2764e}
.site-footer .footer-main{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(150px,.65fr) minmax(230px,1fr);align-items:start;gap:40px;padding:38px 0 28px}
.site-footer .footer-brand{width:190px}
.footer-identity p{margin:18px 0 8px;font-size:12px;line-height:1.8;color:#dfd4c9}
.footer-identity>span{font-size:12px;color:#afbec7}
.site-footer .footer-main nav{display:grid;gap:0;justify-content:start;width:auto}
.site-footer .footer-main nav a{min-height:34px;font-size:13px;color:#e5edf1;gap:12px}
.site-footer .footer-main nav a:hover{color:var(--brand-copper)}
.footer-main nav svg{width:16px;height:16px}
.footer-contact{display:flex;flex-direction:column;align-items:flex-start;justify-self:end;gap:2px}
.footer-contact>a{display:flex;align-items:center;min-height:34px;text-decoration:none;font-size:13px;color:#e5edf1;overflow-wrap:anywhere}
.footer-contact>a:first-child{font-size:18px;font-weight:600;letter-spacing:-.02em}
.footer-contact>a:hover{color:var(--brand-copper)}
.footer-contact .footer-facebook{gap:11px;margin-top:12px;padding-top:14px;border-top:1px solid #ffffff26;min-height:45px;color:var(--brand-copper)}
.footer-facebook>svg:first-child{width:24px;height:24px;flex:none}
.footer-facebook>svg:last-child{width:16px;height:16px;margin-left:9px}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff26;padding:17px 0;font-size:11px;color:#afbec7}
.footer-bottom p{margin:0}
@media(max-width:1079px){
 .header-container{min-height:78px;gap:20px}.brand{width:195px}.header-phone{display:none}
 .mobile-menu{margin-left:auto}.mobile-menu>summary{gap:13px;min-height:44px;padding:0 12px;border:1px solid var(--color-line);border-radius:4px;font-size:13px;background:#fff}
 .mobile-menu[open]>summary{border-color:var(--brand-copper);background:var(--color-paper)}
 .menu-icon{display:flex;gap:6px;width:20px}.menu-icon i{width:20px;transition:transform .16s}
 .mobile-menu__panel{left:auto;right:var(--gutter);top:calc(100% + 8px);width:min(440px,calc(100% - var(--gutter)*2));padding:12px 22px 20px;border:1px solid var(--color-line);border-top:3px solid var(--brand-copper);border-radius:4px;box-shadow:0 18px 45px #0e273729;max-height:calc(100dvh - 98px);overscroll-behavior:contain}
 .mobile-menu nav>a{min-height:65px;padding:11px 10px;border-bottom:1px solid var(--color-line);gap:18px;text-decoration:none}
 .mobile-menu nav>a>span{display:grid;gap:4px}.mobile-menu nav strong{font-size:16px;font-weight:600;color:var(--color-ink)}
 .mobile-menu nav small{font-size:11px;line-height:1.5;color:var(--color-muted)}
 .mobile-menu nav>a>svg{color:var(--color-accent);flex:none}
 .mobile-menu nav>a:hover,.mobile-menu nav>a[aria-current="page"]{background:var(--color-paper);text-decoration:none}
 .mobile-menu nav>a[aria-current="page"] strong{color:var(--color-accent)}
 .mobile-menu__contact{margin-top:18px;padding:16px;background:var(--color-paper);border-radius:3px}
 .mobile-call{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--color-ink);min-height:44px;font-size:19px;font-weight:600}
 .mobile-call>svg{width:23px;height:23px;color:var(--color-accent);flex:none}.mobile-call>span{display:grid;gap:4px}.mobile-call small{font-size:10px;font-weight:600;color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase}
 .mobile-email{display:flex;align-items:center;gap:10px;padding-top:12px;min-height:42px;font-size:12px}.mobile-email svg{width:16px;height:16px;flex:none}
 .site-footer .footer-main{grid-template-columns:minmax(0,1fr) auto;gap:28px 35px}.footer-identity{grid-column:1/-1}.footer-contact{justify-self:end}
}
@media(max-width:520px){
 .header-container{min-height:74px;gap:18px}.brand{width:176px}.mobile-menu>summary{gap:11px}.menu-icon{display:flex}
 .mobile-menu__panel{right:var(--gutter);padding:8px 12px 14px;max-height:calc(100dvh - 92px)}
 .mobile-menu nav>a{min-height:60px;padding:9px 10px}.mobile-menu__contact{margin-top:13px;padding:13px}
 .site-footer .footer-main{grid-template-columns:1fr;gap:22px;padding:29px 0 24px}.site-footer .footer-brand{width:176px}.footer-identity p{margin-top:14px}
 .site-footer .footer-main nav{grid-template-columns:1fr 1fr;justify-content:stretch;gap:0 18px;width:100%;padding-block:15px;border-block:1px solid #ffffff26}
 .footer-contact{justify-self:start}.footer-contact .footer-facebook{margin-top:8px;padding-top:10px;border-top:0}
 .footer-bottom{align-items:start;gap:12px;font-size:10px;padding:15px 0}.footer-bottom>span{text-align:right}
}
@media(prefers-reduced-motion:reduce){.menu-icon i{transition:none}}
