/* Abermaw Decorating — canonical site chrome v7 */
:root{
  --ad-navy:#071A30;
  --ad-navy-deep:#071A30;
  --ad-nav-navy:#071A30;
  --ad-nav-navy-deep:#071A30;
  --ad-cream:#F7F5F0;
  --ad-cream-soft:rgba(247,245,240,.78);
  --ad-gold:#C2944F;
  --ad-gold-soft:rgba(194,148,79,.34);
  --ad-header-open:118px;
  --ad-header-closed:78px;
  --ad-chrome-max:1480px;
}
html.ad-chrome-ready{scroll-padding-top:132px}
html.ad-chrome-ready body{padding-top:var(--ad-header-open)!important}
html.ad-chrome-ready body.ad-menu-open{overflow:hidden!important}

.ad-site-header{position:fixed!important;z-index:10000!important;inset:0 0 auto 0!important;height:var(--ad-header-open)!important;margin:0!important;padding:0!important;border:0!important;background:linear-gradient(180deg,rgba(255,255,255,.016),transparent 68%),var(--ad-nav-navy)!important;color:var(--ad-cream)!important;box-shadow:0 1px 0 rgba(194,148,79,.44),0 14px 38px rgba(1,8,16,.12)!important;transition:height .34s cubic-bezier(.22,.8,.24,1),background .3s ease,box-shadow .3s ease!important;isolation:isolate}
.ad-site-header:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 0%,rgba(194,148,79,.07),transparent 28%),linear-gradient(90deg,rgba(255,255,255,.012),transparent 35%,transparent 65%,rgba(255,255,255,.01));z-index:-1}
.ad-site-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 1%,rgba(194,148,79,.18) 12%,rgba(194,148,79,.74) 50%,rgba(194,148,79,.18) 88%,transparent 99%);opacity:.82}
.ad-site-header.is-scrolled{height:var(--ad-header-closed)!important;background:rgba(7,26,48,.985)!important;-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);box-shadow:0 1px 0 rgba(194,148,79,.42),0 10px 28px rgba(1,8,16,.22)!important}
.ad-site-header__inner{width:min(var(--ad-chrome-max),calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;gap:clamp(14px,1.55vw,24px)}

/* The approved horizontal master is 400:133. The old chrome forced it into a
   much wider 220:52 box, so object-fit shrank the artwork and made the small
   DECORATING line look like a broken barcode. Keep the logo box at its real
   aspect ratio instead. */
.ad-site-logo{display:block;flex:0 0 auto;width:315px;height:105px;aspect-ratio:400/133;margin-right:auto;overflow:visible;transition:width .34s cubic-bezier(.22,.8,.24,1),height .34s cubic-bezier(.22,.8,.24,1)}
.ad-site-logo img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:left center!important;max-width:none!important;filter:none!important}
.ad-site-header.is-scrolled .ad-site-logo{width:205px;height:68px}

.ad-site-nav{display:flex;align-items:center;gap:clamp(13px,1.3vw,22px);white-space:nowrap}
.ad-site-nav a{position:relative;color:rgba(247,245,240,.76)!important;text-decoration:none!important;font-family:Manrope,Arial,sans-serif!important;font-size:.72rem!important;font-weight:700!important;line-height:1!important;letter-spacing:.018em!important;padding:11px 0!important;transition:color .2s ease!important}
.ad-site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--ad-gold);transition:right .24s ease}
.ad-site-nav a:hover,.ad-site-nav a[aria-current="page"]{color:var(--ad-cream)!important}
.ad-site-nav a:hover:after,.ad-site-nav a[aria-current="page"]:after{right:0}
.ad-site-cta{flex:0 0 auto;min-height:46px;padding:0 18px!important;border:1px solid rgba(247,245,240,.30)!important;border-radius:999px!important;background:rgba(247,245,240,.06)!important;color:var(--ad-cream)!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px;font-family:Manrope,Arial,sans-serif!important;font-size:.69rem!important;line-height:1!important;font-weight:800!important;letter-spacing:.02em!important;box-shadow:inset 0 0 0 1px rgba(194,148,79,.05);transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease!important}
.ad-site-cta:hover{transform:translateY(-1px);background:var(--ad-cream)!important;color:var(--ad-nav-navy)!important;border-color:var(--ad-cream)!important}
.ad-site-cta span{font-size:1.05em}
.ad-menu-button{display:none;flex:0 0 auto;width:44px;height:44px;border:1px solid rgba(247,245,240,.24);border-radius:50%;background:rgba(247,245,240,.04);position:relative;padding:0;cursor:pointer}
.ad-menu-button i,.ad-menu-button:before{content:"";position:absolute;left:12px;right:12px;height:1px;background:var(--ad-cream);transition:transform .25s ease,top .25s ease}
.ad-menu-button:before{top:17px}.ad-menu-button i{top:25px}
.ad-menu-button[aria-expanded="true"]:before{top:21px;transform:rotate(45deg)}.ad-menu-button[aria-expanded="true"] i{top:21px;transform:rotate(-45deg)}

.ad-mobile-menu{position:fixed;z-index:9999;inset:0;background:radial-gradient(circle at 12% 8%,rgba(194,148,79,.12),transparent 28%),var(--ad-nav-navy-deep);color:var(--ad-cream);padding:calc(var(--ad-header-open) + 26px) 28px 36px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .24s ease,transform .24s ease,visibility .24s;overflow:auto}
.ad-mobile-menu.is-open{opacity:1;visibility:visible;transform:none}
.ad-mobile-menu__inner{width:min(720px,100%);margin:auto;display:grid}
.ad-mobile-menu__inner>a:not(.ad-mobile-contact){display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(247,245,240,.12);color:var(--ad-cream)!important;text-decoration:none!important;font-family:Manrope,Arial,sans-serif;font-size:clamp(1.7rem,6vw,2.8rem);line-height:1.08;font-weight:600;letter-spacing:-.045em}
.ad-mobile-menu__inner>a:not(.ad-mobile-contact):after{content:"↗";font-size:.65em;color:var(--ad-gold);font-weight:400}
.ad-mobile-contact{margin-top:26px;color:rgba(247,245,240,.72)!important;text-decoration:none!important;font:700 .86rem/1.4 Manrope,Arial,sans-serif;padding:5px 0}
.ad-mobile-menu .ad-site-cta{margin-top:24px;width:max-content}

.ad-site-footer{position:relative!important;z-index:3!important;margin:0!important;padding:0!important;border:0!important;background:linear-gradient(180deg,#071A30 0%,#071A30 100%)!important;color:var(--ad-cream)!important;text-align:left!important;font-family:Manrope,Arial,sans-serif!important;overflow:hidden}
.ad-site-footer:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 20%,rgba(194,148,79,.08),transparent 25%),radial-gradient(circle at 88% 10%,rgba(247,245,240,.035),transparent 24%)}
.ad-footer-inner{position:relative;width:min(1320px,calc(100% - 64px));margin:auto;padding:68px 0 28px}
.ad-footer-main{display:grid;grid-template-columns:minmax(280px,1.35fr) .72fr .72fr .9fr;gap:clamp(38px,5vw,82px);padding-bottom:54px;border-bottom:1px solid rgba(247,245,240,.13)}
.ad-footer-brand img{display:block!important;width:min(320px,100%)!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:left center!important;margin:0 0 24px!important}
.ad-footer-brand p{max-width:390px;margin:0!important;color:rgba(247,245,240,.62)!important;font-size:.88rem!important;line-height:1.7!important}
.ad-footer-col h2{margin:3px 0 18px!important;color:var(--ad-gold)!important;font-size:.66rem!important;line-height:1!important;font-weight:800!important;letter-spacing:.16em!important;text-transform:uppercase!important}
.ad-footer-list{display:grid;gap:11px}
.ad-footer-list a,.ad-footer-list span{color:rgba(247,245,240,.72)!important;text-decoration:none!important;font-size:.82rem!important;line-height:1.45!important;font-weight:600!important;transition:color .18s ease!important}
.ad-footer-list a:hover{color:var(--ad-cream)!important}
.ad-footer-contact a{font-size:.86rem!important}
.ad-footer-contact .ad-footer-place{color:rgba(247,245,240,.48)!important;font-weight:500!important;margin-top:5px}
.ad-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:25px;color:rgba(247,245,240,.76);font-size:.82rem;line-height:1.4}
.ad-footer-legal{display:flex;gap:20px;flex-wrap:wrap}
.ad-footer-legal a{color:rgba(247,245,240,.62)!important;text-decoration:none!important}.ad-footer-legal a:hover{color:var(--ad-cream)!important}

@media(max-width:1240px){
  .ad-site-header__inner{width:calc(100% - 30px);gap:14px}
  .ad-site-logo{width:270px;height:90px}
  .ad-site-header.is-scrolled .ad-site-logo{width:195px;height:65px}
  .ad-site-nav{gap:13px}.ad-site-nav a{font-size:.66rem!important}.ad-site-cta{padding:0 14px!important;font-size:.64rem!important}
}
@media(max-width:1030px){
  :root{--ad-header-open:90px;--ad-header-closed:74px}
  html.ad-chrome-ready{scroll-padding-top:104px}
  .ad-site-logo{width:228px;height:76px}
  .ad-site-header.is-scrolled .ad-site-logo{width:195px;height:65px}
  .ad-site-nav,.ad-site-header>.ad-site-header__inner>.ad-site-cta{display:none!important}
  .ad-menu-button{display:block}
  .ad-mobile-menu{padding-top:calc(var(--ad-header-open) + 22px)}
  .ad-footer-main{grid-template-columns:1.2fr 1fr 1fr}.ad-footer-brand{grid-column:1/-1}.ad-footer-brand p{max-width:620px}
}
@media(max-width:640px){
  :root{--ad-header-open:80px;--ad-header-closed:68px}
  html.ad-chrome-ready{scroll-padding-top:92px}
  .ad-site-header__inner{width:calc(100% - 22px)}
  .ad-site-logo{width:195px;height:65px}
  .ad-site-header.is-scrolled .ad-site-logo{width:174px;height:58px}
  .ad-menu-button{width:40px;height:40px}.ad-menu-button:before{top:15px}.ad-menu-button i{top:23px}.ad-menu-button[aria-expanded="true"]:before,.ad-menu-button[aria-expanded="true"] i{top:19px}
  .ad-mobile-menu{padding-inline:20px}
  .ad-footer-inner{width:calc(100% - 36px);padding-top:52px}.ad-footer-main{grid-template-columns:1fr 1fr;gap:36px 24px;padding-bottom:42px}.ad-footer-brand{grid-column:1/-1}.ad-footer-contact{grid-column:1/-1}.ad-footer-brand img{width:270px!important}.ad-footer-bottom{align-items:flex-start;flex-direction:column-reverse;gap:14px}
}
@media(prefers-reduced-motion:reduce){.ad-site-header,.ad-site-logo,.ad-mobile-menu,.ad-site-cta{transition:none!important}}

.ad-contact-methods{display:flex;flex-wrap:wrap;gap:12px 20px;margin-block:18px}
.ad-contact-methods a{display:inline-flex!important;align-items:center;gap:8px;min-height:44px;font:600 14px/1.4 Manrope,Arial,sans-serif;text-decoration:none!important;color:inherit}
.ad-contact-methods a:hover{text-decoration:underline!important;text-underline-offset:4px}
.ad-contact-methods img{display:block!important;width:24px!important;height:24px!important;min-height:0!important;border-radius:0!important;object-fit:contain!important}
.ad-contact-methods a:focus-visible{outline:3px solid #C2944F;outline-offset:4px}
.ad-footer-list .ad-contact-methods{margin:0;gap:8px 18px}
