/* Finlay brand layer (Finlay site fixes 1.6). Loaded on every front-end page.
   Brand: gold #FFE600 (PANTONE 109 C), ink #1B1B1B, muted #555, paper #F6F6F6.
   Selectors are prefixed with "html body" so they beat Elementor's per-element CSS,
   some of which (the footer template) is printed after <head>. */

/* 1. Palette: theme (Kirki) and Elementor kit variables */
html body[data-theme]{--color-primary:#FFE600;--color-contrast-higher:#1B1B1B;--color-contrast-medium:#555;--color-bg:#F6F6F6;--main-header-width-md:1200px}
html body.elementor-kit-8{--e-global-color-4bf65b2:#FFE600;--e-global-color-accent:#1B1B1B}
::selection{background:#FFE600;color:#1B1B1B}

/* 2. Header: solid white bar, dark nav, on every page */
html body #ms-header,html body #ms-header .main-header__layout{background:#fff!important}
html body #ms-header{box-shadow:0 1px 0 rgba(0,0,0,.06)}
html body #ms-header .main-header__layout::before{opacity:1!important;background:#fff!important}
html body #ms-header .main-header__nav .menu-item>a,html body #ms-header .navbar-nav>.menu-item>a,html body #ms-header .main-header__default>#primary-menu-default>.menu-item>a,html body #ms-header .navbar-nav a span{color:#1B1B1B!important;font-family:Inter,system-ui,sans-serif;text-transform:none!important}
html body #ms-header .main-header__nav .menu-item>a:hover,html body #ms-header .main-header__nav .current-menu-item>a{color:#555!important}
html body #ms-header .header__search-icon svg path{stroke:#1B1B1B!important}
html body #ms-header .logo-light{opacity:0!important}html body #ms-header .logo-dark{opacity:1!important}

/* 3. Title case, never all caps (the 13px eyebrow is the only uppercase style) */
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,
html body .elementor-heading-title,html body .ms-sp--title,html body .content__title,
html body .ms-ah-wrapper .content__title,html body .elementor-button,html body .ms-p-content h1,html body .ms-p-content h3,
html body .portfolio_wrap .portfolio-feed .item--inner .ms-p-content h3{text-transform:none!important}
html body .ms-sp--header .ms-sp--title{letter-spacing:-.02em;font-weight:800;font-size:clamp(40px,6.4vw,76px);line-height:1.1}

/* 4. Body copy: Inter 18/1.65 where Elementor doesn't set a size */
html body .elementor-widget-text-editor,html body .ms-sp--content p,html body .single-post .elementor-widget-theme-post-content p,html body .ms-single-post p{font-size:18px;line-height:1.65}

/* 5. Buttons: primary gold/ink, secondary ink/white, 10px radius */
html body .elementor-button{border-radius:10px!important;font-family:Inter,system-ui,sans-serif;font-weight:600}
html body .wpforms-container button.wpforms-submit,html body .wpforms-container input[type=submit]{background:#FFE600!important;color:#1B1B1B!important;border:0!important;border-radius:10px!important;font:600 15px/1.4 Inter,system-ui,sans-serif!important;padding:14px 28px!important;height:auto!important}
html body .wpforms-container button.wpforms-submit:hover{background:#1B1B1B!important;color:#fff!important}

/* 5b. Theme (Osty) buttons: 10px radius; contrast = ink/white; no green hovers.
   Homepage hero: "Start a Project" is the gold primary, "View My Work" the ink secondary. */
html body .btn.btn-default{border-radius:10px!important;font-family:Inter,system-ui,sans-serif;font-weight:600;text-transform:none}
html body .btn.btn-default.btn--contrast{background-color:#1B1B1B;border-color:#1B1B1B}
html body .btn.btn-default.btn--contrast .ms-btn__text{color:#fff}
html body .btn.btn-default:hover{background-color:#1B1B1B!important;border-color:#1B1B1B!important}
html body .btn.btn-default:hover .ms-btn__text{color:#fff!important}
html body .elementor-1234 .elementor-element.elementor-element-7a229ff .btn-default{background-color:#FFE600!important;border-color:#FFE600!important}
html body .elementor-1234 .elementor-element.elementor-element-7a229ff .btn-default .ms-btn__text{color:#1B1B1B!important}
html body .elementor-1234 .elementor-element.elementor-element-7a229ff .btn-default:hover{background-color:#1B1B1B!important}
html body .elementor-1234 .elementor-element.elementor-element-7a229ff .btn-default:hover .ms-btn__text{color:#fff!important}
html body .elementor-1234 .elementor-element.elementor-element-9beddec .btn-default{background-color:#1B1B1B!important;border-color:#1B1B1B!important}
html body .elementor-1234 .elementor-element.elementor-element-9beddec .btn-default .ms-btn__text{color:#fff!important}

/* 6. Footer (Elementor template 2314) */
html body .elementor-2314 .elementor-element.elementor-element-a5b9ccb{border-radius:10px}
html body .elementor-2314 .elementor-element.elementor-element-a5b9ccb .elementor-button{background:#FFE600!important;color:#1B1B1B!important;fill:#1B1B1B!important;border-radius:10px!important;padding:14px 28px;font:600 16px/1.4 Inter,system-ui,sans-serif;text-transform:none;transition:background .2s,color .2s}
html body .elementor-2314 .elementor-element.elementor-element-a5b9ccb .elementor-button:hover,html body .elementor-2314 .elementor-element.elementor-element-a5b9ccb .elementor-button:focus-visible{background:#1B1B1B!important;color:#fff!important;fill:#fff!important}
html body .elementor-2314 .elementor-element.elementor-element-d71af67 .elementor-heading-title{font-family:Poppins,sans-serif;font-size:clamp(28px,3.6vw,44px);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:#1B1B1B}
html body .elementor-2314 .elementor-element.elementor-element-945fdfb .elementor-heading-title,
html body .elementor-2314 .elementor-element.elementor-element-7615c6f .elementor-heading-title{font:400 14px/1.5 Inter,system-ui,sans-serif;color:#555}
html body .elementor-2314 .elementor-element.elementor-element-54a49c4 a,html body .elementor-2314 .elementor-element.elementor-element-54a49c4 span{color:#555!important}
html body .elementor-2314 .elementor-element.elementor-element-54a49c4 a:hover{color:#1B1B1B!important}
html body .elementor-2314 .elementor-element.elementor-element-340553f .elementor-heading-title,
html body .elementor-2314 .elementor-element.elementor-element-a4c9e24 .elementor-heading-title{font-family:Inter,system-ui,sans-serif;color:#1B1B1B}
html body .elementor-2314 .ms-sl{color:#1B1B1B;box-shadow:inset 0 -2px 0 #FFE600}

/* 7. Containers: one 1200px content width */
html body .e-con{--container-max-width:1200px}
html body .elementor .e-con.e-con-boxed{--content-width:min(100%,1200px)}
html body .elementor-section.elementor-section-boxed>.elementor-container{max-width:1200px}
@media (min-width:768px){
html body .elementor-2314 .elementor-element.elementor-element-9040abd,
html body .elementor-2314 .elementor-element.elementor-element-abc4a76{--width:min(100%,1200px)}
}
html body .ms-main .container,html body .ms-main .ms-sp--header,html body .ms-single-post .container{max-width:1200px!important;margin-left:auto;margin-right:auto}

/* 8. Web Trends (page 52) */
html body .elementor-52 .elementor-element.elementor-element-c75efb6:not(.elementor-motion-effects-element-type-background){background:#F6F6F6!important}
html body .elementor-52 .elementor-element.elementor-element-c75efb6{--padding-top:80px;--padding-bottom:20px;--content-width:min(100%,1200px)}
html body .elementor-52 .elementor-element.elementor-element-453fd02{--flex-direction:column;--align-items:flex-start;--gap:10px}
html body .elementor-52 .elementor-element.elementor-element-568c3b3{display:none}
html body .elementor-52 .elementor-element.elementor-element-50bdc9c{--width:100%;--padding-bottom:0px}
@media (max-width:767px){html body .elementor-52 .elementor-element.elementor-element-453fd02{--align-items:center}}
html body .elementor-52 .elementor-element.elementor-element-c75efb6::before{display:none}
html body .elementor-52 .elementor-element.elementor-element-8d66b52 .elementor-heading-title{font-size:clamp(40px,6.4vw,76px);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#1B1B1B}
html body .elementor-52 .elementor-element.elementor-element-e10bb6a .elementor-heading-title{font:400 18px/1.65 Inter,system-ui,sans-serif;color:#555}
html body .elementor-52 .elementor-element.elementor-element-e19e55c{--content-width:min(100%,1200px)}
html body .elementor-52 .elementor-element.elementor-element-ed530a7 .ms-posts--card .grid-item,html body .elementor-52 .elementor-element.elementor-element-ed530a7 .post-content,html body .elementor-52 .elementor-element.elementor-element-ed530a7 .ms-posts--card .grid-item figure,html body .elementor-52 .elementor-element.elementor-element-ed530a7 img{border-radius:14px!important}
html body .elementor-52 .elementor-element.elementor-element-ed530a7 .ms-posts--card .grid-item figure,html body .elementor-52 .elementor-element.elementor-element-ed530a7 .ms-posts--card .grid-item img{border-top-left-radius:0!important;border-top-right-radius:0!important}
html body .elementor-52 .elementor-element.elementor-element-ed530a7 .post-content{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
html body .elementor-52 .elementor-element.elementor-element-ed530a7 .post-content h3,html body .elementor-52 .elementor-element.elementor-element-ed530a7 .post-content .ms-posts--card__title{font-family:Poppins,sans-serif;font-weight:600;color:#1B1B1B}

/* 9. Theme archive / blog headers (Latest Stories, Category, Author) */
html body .ms-sp--header .ms-sp--title{color:#1B1B1B}

/* 10. Footer link added by the plugin */
html body .finlay-brand-link{white-space:nowrap}

/* 11. Landing pages built as custom HTML (.f600: $600, A$800, Google Ad Grants) */
html body .f600{--ink:#1B1B1B;--paper:#F6F6F6;--yellow:#FFE600}
html body .f600 .cta{border-radius:10px}
html body .f600 .dark{background:#1B1B1B}
html body .f600 a:focus-visible,html body .f600 summary:focus-visible{outline-color:#1B1B1B}
html body .f600-enquiry input,html body .f600-enquiry textarea{border-radius:10px!important}
html body .f600-enquiry button[type=submit]{background:#FFE600!important;color:#1B1B1B!important;border-radius:10px!important}
html body .f600-enquiry button[type=submit]:hover{background:#1B1B1B!important;color:#fff!important}

/* ---- 1.6.4 ---- */
/* Dark-mode primary: the Customizer (Kirki) prints #ffe716; force the brand gold. */
:root,[data-theme="dark"],[data-theme="light"]{--color-primary:#ffe600!important}
/* Blog comment form: the cookies-consent line had a 19px left margin on a full-width
   flex row, pushing the page to 406px at 390px wide (the fixed header followed). */
.comment-form .comment-form-cookies-consent,p.comment-form-cookies-consent{margin-left:0!important;margin-right:0!important;max-width:100%;box-sizing:border-box;display:flex;gap:10px;align-items:flex-start}
.comment-form-cookies-consent input[type=checkbox]{flex:none;margin:5px 0 0!important}
.comment-form-cookies-consent label{flex:1 1 auto;min-width:0;white-space:normal}
.main-header,.main-header__layout{max-width:100vw;box-sizing:border-box}
/* Guard: never scroll sideways on phones. clip (not hidden) keeps sticky/fixed working. */
@media (max-width:767px){html,body{overflow-x:clip}}

/* ---- 1.6.5: Mobile / hamburger menu (replaces the 1.6.4 block) ----
   Toggle: solid ink, white "Menu" + lines. Hover/focus/active/open: gold, ink text + lines.
   Never grey: the theme's own dropdown box (#primary-menu-button, .ms-ma-bg) used to show
   through behind the toggle half-faded, and mobile tap highlight added a grey flash. */
/* the grey pill: Osty draws .move .main-header--widgets::after as 60% ink + blur behind the toggle */
html body #ms-header .main-header--widgets{padding:0!important;margin-right:0!important;background:transparent!important}
html body #ms-header .main-header--widgets::after,html body #ms-header .main-header--widgets::before{content:none!important;display:none!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important}
html body #ms-header .main-header__btn .container-menu,html body #ms-header .main-header__btn .container-menu:hover,html body #ms-header .main-header__btn .ms-h_w,html body #ms-header .main-header__btn .ms-h_w:hover{background:transparent!important;box-shadow:none!important}
html body #ms-header .main-header__btn .ms-ma-bg,html body #ms-header .main-header__btn .ms-ma-bg::before,html body #ms-header .main-header__btn .ms-ma-bg::after,html body #ms-header .main-header__btn .close-menu-bg{display:none!important;background:transparent!important}
html body #ms-header .main-header__btn .action-menu{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;position:relative;z-index:3;display:flex!important;align-items:center;gap:8px;min-height:44px;height:44px;min-width:44px;padding:0 8px 0 16px!important;border:0!important;border-radius:10px!important;cursor:pointer;background:#1b1b1b!important;box-shadow:none!important;outline:none;transition:background-color .15s}
html body #ms-header .main-header__btn .action-menu .menu-text,html body #ms-header .main-header__btn .action-menu .menu-text span,html body #ms-header .main-header__btn .action-menu .menu-text::after{color:#fff!important;-webkit-text-fill-color:#fff;font:600 15px/1 Inter,system-ui,sans-serif!important;opacity:1!important;text-transform:none!important;margin:0!important;transform:none!important}
html body #ms-header .main-header__btn .action-menu .menu-lines{width:28px;height:44px;display:flex;align-items:center;justify-content:center;position:relative}
html body #ms-header .main-header__btn .action-menu .menu-line{background:#fff!important;width:22px!important;height:2px!important;left:3px!important;margin:0!important;opacity:1!important;position:absolute}
html body #ms-header .main-header__btn .action-menu .menu-line:nth-child(1){top:17px!important}
html body #ms-header .main-header__btn .action-menu .menu-line:nth-child(2){top:25px!important}
html body #ms-header .main-header__btn .action-menu:hover,html body #ms-header .main-header__btn .action-menu:focus,html body #ms-header .main-header__btn .action-menu:focus-visible,html body #ms-header .main-header__btn .action-menu:active,html body #ms-header .main-header__btn .action-menu.active{background:#ffe600!important}
html body #ms-header .main-header__btn .action-menu:hover .menu-text,html body #ms-header .main-header__btn .action-menu:hover .menu-text span,html body #ms-header .main-header__btn .action-menu:focus .menu-text,html body #ms-header .main-header__btn .action-menu:focus .menu-text span,html body #ms-header .main-header__btn .action-menu:active .menu-text,html body #ms-header .main-header__btn .action-menu:active .menu-text span,html body #ms-header .main-header__btn .action-menu.active .menu-text,html body #ms-header .main-header__btn .action-menu.active .menu-text span,html body #ms-header .main-header__btn .action-menu.active .menu-text::after{color:#1b1b1b!important;-webkit-text-fill-color:#1b1b1b}
html body #ms-header .main-header__btn .action-menu:hover .menu-line,html body #ms-header .main-header__btn .action-menu:focus .menu-line,html body #ms-header .main-header__btn .action-menu:active .menu-line,html body #ms-header .main-header__btn .action-menu.active .menu-line{background:#1b1b1b!important}
html body #ms-header .main-header__btn .action-menu:focus-visible{outline:3px solid #1b1b1b!important;outline-offset:2px}
html.finlay-menu-open html body #ms-header .main-header__btn .action-menu:focus-visible{outline-color:#fff!important}
/* open: the toggle reads "Close" with an x */
html body #ms-header .main-header__btn .action-menu.active .menu-text_open{display:none!important}
html body #ms-header .main-header__btn .action-menu.active .menu-text::after{content:"Close"}
html body #ms-header .main-header__btn .action-menu.active .menu-line{top:21px!important;transition:transform .2s}
html body #ms-header .main-header__btn .action-menu.active .menu-line:nth-child(1){transform:rotate(45deg)!important}
html body #ms-header .main-header__btn .action-menu.active .menu-line:nth-child(2){transform:rotate(-45deg)!important}
/* closed: nothing of the dropdown may show */
html body #ms-header .ms-menu-wrapper:not(.open){opacity:0!important;visibility:hidden!important;pointer-events:none!important}
html body #ms-header #primary-menu-button,html body #ms-header #primary-menu-button>li,html body #ms-header .ms-menu,html body #ms-header .ms-menu-container{background:transparent!important;box-shadow:none!important}
/* open panel: full-screen ink sheet, light and dark mode alike */
html body #ms-header .ms-menu-wrapper.open{position:fixed!important;top:0!important;left:0!important;right:auto!important;width:100vw!important;height:100vh!important;height:100dvh!important;background:#1b1b1b!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:104px 24px 40px!important;box-sizing:border-box;box-shadow:none;border-radius:0!important;z-index:1!important}
html body #ms-header .ms-menu-wrapper.open .ms-menu,html body #ms-header .ms-menu-wrapper.open .ms-menu-container{width:100%!important;height:auto!important;max-width:520px;margin:0 auto;transform:none!important}
html.finlay-menu-open html body #ms-header .main-header__layout,body:has(#ms-header .ms-menu-wrapper.open) #ms-header .main-header__layout{background:#1b1b1b!important;box-shadow:none!important}
html body #ms-header .ms-menu-wrapper.open #primary-menu-button{width:100%!important;height:auto!important;display:block!important;margin:0!important;padding:0!important;border-top:1px solid #333!important;border-radius:0!important}
html body #ms-header #primary-menu-button li{display:block!important;margin:0!important;padding:0!important;opacity:1!important;visibility:visible!important;transform:none!important;border:0!important;border-bottom:1px solid #333!important}
html body #ms-header #primary-menu-button li::before,html body #ms-header #primary-menu-button li::after,html body #ms-header #primary-menu-button li>a::before,html body #ms-header #primary-menu-button li>a::after{content:none!important;display:none!important}
html body #ms-header #primary-menu-button>li.menu-title{border:0!important;padding:0 0 10px!important}
html body #ms-header #primary-menu-button>li.menu-title>a{font:600 13px/1.4 Inter,system-ui,sans-serif!important;letter-spacing:.12em;text-transform:uppercase!important;color:#bdbdbd!important;-webkit-text-fill-color:#bdbdbd;padding:0!important;min-height:0!important;pointer-events:none;box-shadow:none!important}
html body #ms-header #primary-menu-button li>a{display:flex!important;align-items:center;min-height:56px;padding:12px 4px 12px 16px!important;font:600 22px/1.25 Poppins,sans-serif!important;color:#fff!important;-webkit-text-fill-color:#fff;opacity:1!important;visibility:visible!important;transform:none!important;text-transform:none!important;letter-spacing:-.01em;background:transparent!important;text-decoration:none!important;box-shadow:inset 0 0 0 0 #ffe600;transition:box-shadow .15s;-webkit-tap-highlight-color:transparent}
html body #ms-header #primary-menu-button li>a span{color:inherit!important;-webkit-text-fill-color:inherit;transform:none!important;opacity:1!important}
html body #ms-header #primary-menu-button li>a:hover,html body #ms-header #primary-menu-button li>a:focus-visible,html body #ms-header #primary-menu-button li>a:active,html body #ms-header #primary-menu-button li.current-menu-item:not(.menu-item-7750)>a{box-shadow:inset 5px 0 0 0 #ffe600!important;color:#fff!important;-webkit-text-fill-color:#fff;outline:none}
html body #ms-header #primary-menu-button .sub-menu{position:static!important;display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;background:transparent!important;box-shadow:none!important;padding:0 0 8px 16px!important;margin:0!important;border:0!important;width:auto!important}
html body #ms-header #primary-menu-button .sub-menu li{border:0!important}
html body #ms-header #primary-menu-button .sub-menu li>a{font:500 18px/1.3 Poppins,sans-serif!important;min-height:44px}
/* the one primary CTA */
html body #ms-header #primary-menu-button li.finlay-menu-cta{border:0!important;padding:28px 0 0!important;background:transparent!important}
html body #ms-header #primary-menu-button li.finlay-menu-cta>a{-webkit-appearance:none;appearance:none;display:flex!important;align-items:center;justify-content:center;width:100%!important;height:56px!important;min-height:56px;box-sizing:border-box;padding:0 24px!important;margin:0!important;border:0!important;border-radius:10px!important;background:#ffe600!important;color:#1b1b1b!important;-webkit-text-fill-color:#1b1b1b;font:600 18px/1 Poppins,sans-serif!important;letter-spacing:0;text-align:center;box-shadow:none!important}
html body #ms-header #primary-menu-button li.finlay-menu-cta>a:hover,html body #ms-header #primary-menu-button li.finlay-menu-cta>a:focus-visible,html body #ms-header #primary-menu-button li.finlay-menu-cta>a:active{background:#ffe600!important;color:#1b1b1b!important;-webkit-text-fill-color:#1b1b1b;box-shadow:0 0 0 3px #fff!important;outline:none}
/* the CTA only belongs in the open sheet, never in the desktop bar */
html body #ms-header #primary-menu-default .finlay-menu-cta{display:none!important}
html.finlay-menu-open,html.finlay-menu-open body,body:has(#ms-header .ms-menu-wrapper.open){overflow:hidden}
html.finlay-menu-open .back-to-top{opacity:0!important;visibility:hidden!important}

/* ---- 1.6.5: header above everything ----
   The theme puts #ms-header at z-index 3 (a stacking context), so the fixed bar (z 9) and
   the open menu (z 8) could never rise above later content with z >= 3, e.g. the home
   hero screenshots (z 3). Lift the whole header stacking context. */
html body #ms-header.main-header{z-index:10000!important}
html body #ms-header .main-header__layout{z-index:10002!important}
html body #ms-header .main-header__btn .ms-menu-wrapper{z-index:8!important}
html body #ms-header .main-header__btn .container-menu{z-index:9!important;position:relative}

/* ---- 1.6.6: header flush at the top at every width (1.6.5 did <=991px only) ----
   body[data-menu=fixed]: the header is a 100px placeholder (--main-header-height) holding an
   80px position:fixed bar with no top, so the bar sat 10px down and left a strip above it
   that content scrolled through. Placeholder = bar height, bar pinned to top:0, in the
   initial and the auto-hide .fixed/.sticky states. */
:root{--main-header-height:80px!important}
html body #ms-header.main-header,html body #ms-header.main-header.fixed,html body #ms-header.main-header.sticky{height:80px!important;min-height:80px!important;margin-top:0!important;padding-top:0!important;top:0!important;align-items:flex-start}
html body #ms-header .main-header__layout{top:0!important;height:80px!important;margin-top:0!important}


/* ---- 1.6.5: no arrow glyphs or arrow icons anywhere ---- */
.elementor-button-icon,.elementor-button .elementor-align-icon-right,.elementor-button .elementor-align-icon-left,.elementor-icon-list-icon .fa-arrow-right,.elementor-widget-button svg,[class*="fa-arrow"],[class*="fa-long-arrow"],[class*="fa-chevron"],[class*="fa-angle-right"],[class*="eicon-arrow"],[class*="eicon-chevron"],[class*="eicon-long-arrow"],.f404-go::after,.fau-link::after{display:none!important}
.f404-go::after,.f404-go::before,.fh2 b::after,.fmw-visit::after,.fau a::after,.fau a::before,.fwq a::after,.fbg a::after{content:none!important}

/* ---- 1.6.5: one hover system for every brand button (Start a Project, See all work, all CTAs) ----
   gold -> ink bg + white text; ink -> gold bg + ink text; outline/ghost -> ink bg + white text.
   0.2s, 10px radius kept, no arrows. Replaces the old filter:brightness(.95) hovers that were invisible. */
html body .fh2 .fh2-btn:not(.fh2-btn-ink),html body .fbg .fbg-btn:not(.fbg-btn-ink):not(.fbg-btn-line),html body .fwq .fwq-btn:not(.fwq-btn-ink):not(.fwq-btn-line),html body .fwq .wpforms-container button.wpforms-submit,html body .wpforms-container button.wpforms-submit,html body .ff2 .ff2-btn:not(.ff2-btn-line),html body .fmw .fmw-btn,html body .fau .fau-btn:not(.fau-btn-ink),html body .fau .fau-form button,html body .f404 .f404-btn:not(.f404-btn-ink),html body .f600-enquiry button[type=submit],html body #ms-header #primary-menu-button li.finlay-menu-cta>a,html body .elementor-1234 .elementor-element.elementor-element-7a229ff .btn-default,html body .fh2 .fh2-btn-ink,html body .fbg .fbg-btn-ink,html body .fwq .fwq-btn-ink,html body .fau .fau-btn-ink,html body .f404 .f404-btn-ink,html body .f404 .f404-search button,html body .elementor-1234 .elementor-element.elementor-element-9beddec .btn-default,html body .fbg .fbg-btn-line,html body .fwq .fwq-btn-line,html body .ff2 .ff2-btn-line,html body .fh2 .fh2-head p a{transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease!important;filter:none!important;-webkit-tap-highlight-color:transparent}
html body .fh2 .fh2-btn:not(.fh2-btn-ink):hover,html body .fbg .fbg-btn:not(.fbg-btn-ink):not(.fbg-btn-line):hover,html body .fwq .fwq-btn:not(.fwq-btn-ink):not(.fwq-btn-line):hover,html body .fwq .wpforms-container button.wpforms-submit:hover,html body .wpforms-container button.wpforms-submit:hover,html body .ff2 .ff2-btn:not(.ff2-btn-line):hover,html body .fmw .fmw-btn:hover,html body .fau .fau-btn:not(.fau-btn-ink):hover,html body .fau .fau-form button:hover,html body .f404 .f404-btn:not(.f404-btn-ink):hover,html body .f600-enquiry button[type=submit]:hover,html body #ms-header #primary-menu-button li.finlay-menu-cta>a:hover,html body .elementor-1234 .elementor-element.elementor-element-7a229ff .btn-default:hover,html body .fh2 .fh2-btn:not(.fh2-btn-ink):focus-visible,html body .fbg .fbg-btn:not(.fbg-btn-ink):not(.fbg-btn-line):focus-visible,html body .fwq .fwq-btn:not(.fwq-btn-ink):not(.fwq-btn-line):focus-visible,html body .fwq .wpforms-container button.wpforms-submit:focus-visible,html body .wpforms-container button.wpforms-submit:focus-visible,html body .ff2 .ff2-btn:not(.ff2-btn-line):focus-visible,html body .fmw .fmw-btn:focus-visible,html body .fau .fau-btn:not(.fau-btn-ink):focus-visible,html body .fau .fau-form button:focus-visible,html body .f404 .f404-btn:not(.f404-btn-ink):focus-visible,html body .f600-enquiry button[type=submit]:focus-visible,html body #ms-header #primary-menu-button li.finlay-menu-cta>a:focus-visible,html body .elementor-1234 .elementor-element.elementor-element-7a229ff .btn-default:focus-visible{background:#1b1b1b!important;background-color:#1b1b1b!important;color:#fff!important;-webkit-text-fill-color:#fff;border-color:#1b1b1b!important;filter:none!important;outline:none}
html body .fh2 .fh2-btn-ink:hover,html body .fbg .fbg-btn-ink:hover,html body .fwq .fwq-btn-ink:hover,html body .fau .fau-btn-ink:hover,html body .f404 .f404-btn-ink:hover,html body .f404 .f404-search button:hover,html body .elementor-1234 .elementor-element.elementor-element-9beddec .btn-default:hover,html body .fh2 .fh2-btn-ink:focus-visible,html body .fbg .fbg-btn-ink:focus-visible,html body .fwq .fwq-btn-ink:focus-visible,html body .fau .fau-btn-ink:focus-visible,html body .f404 .f404-btn-ink:focus-visible,html body .f404 .f404-search button:focus-visible,html body .elementor-1234 .elementor-element.elementor-element-9beddec .btn-default:focus-visible{background:#ffe600!important;background-color:#ffe600!important;color:#1b1b1b!important;-webkit-text-fill-color:#1b1b1b;border-color:#ffe600!important;filter:none!important;outline:none}
html body .fbg .fbg-btn-line:hover,html body .fwq .fwq-btn-line:hover,html body .ff2 .ff2-btn-line:hover,html body .fh2 .fh2-head p a:hover,html body .fbg .fbg-btn-line:focus-visible,html body .fwq .fwq-btn-line:focus-visible,html body .ff2 .ff2-btn-line:focus-visible,html body .fh2 .fh2-head p a:focus-visible{background:#1b1b1b!important;background-color:#1b1b1b!important;color:#fff!important;-webkit-text-fill-color:#fff;filter:none!important;outline:none}
/* on ink sections the ink hover keeps a white ring so the button shape stays visible */
html body .ff2 .ff2-btn:not(.ff2-btn-line):hover,html body .fmw .fmw-cta .fmw-btn:hover,html body .fwq .fwq-cta .fwq-btn:not(.fwq-btn-ink):not(.fwq-btn-line):hover,html body #ms-header #primary-menu-button li.finlay-menu-cta>a:hover,html body .ff2 .ff2-btn:not(.ff2-btn-line):focus-visible,html body .fmw .fmw-cta .fmw-btn:focus-visible,html body .fwq .fwq-cta .fwq-btn:not(.fwq-btn-ink):not(.fwq-btn-line):focus-visible,html body #ms-header #primary-menu-button li.finlay-menu-cta>a:focus-visible,html body .fbg .fbg-btn-line:hover,html body .fwq .fwq-btn-line:hover,html body .ff2 .ff2-btn-line:hover,html body .fbg .fbg-btn-line:focus-visible,html body .fwq .fwq-btn-line:focus-visible,html body .ff2 .ff2-btn-line:focus-visible{box-shadow:inset 0 0 0 2px #fff!important}
/* keyboard focus ring for all of them */
html body .fh2 .fh2-btn:not(.fh2-btn-ink):focus-visible,html body .fbg .fbg-btn:not(.fbg-btn-ink):not(.fbg-btn-line):focus-visible,html body .fwq .fwq-btn:not(.fwq-btn-ink):not(.fwq-btn-line):focus-visible,html body .fwq .wpforms-container button.wpforms-submit:focus-visible,html body .wpforms-container button.wpforms-submit:focus-visible,html body .ff2 .ff2-btn:not(.ff2-btn-line):focus-visible,html body .fmw .fmw-btn:focus-visible,html body .fau .fau-btn:not(.fau-btn-ink):focus-visible,html body .fau .fau-form button:focus-visible,html body .f404 .f404-btn:not(.f404-btn-ink):focus-visible,html body .f600-enquiry button[type=submit]:focus-visible,html body #ms-header #primary-menu-button li.finlay-menu-cta>a:focus-visible,html body .elementor-1234 .elementor-element.elementor-element-7a229ff .btn-default:focus-visible,html body .fh2 .fh2-btn-ink:focus-visible,html body .fbg .fbg-btn-ink:focus-visible,html body .fwq .fwq-btn-ink:focus-visible,html body .fau .fau-btn-ink:focus-visible,html body .f404 .f404-btn-ink:focus-visible,html body .f404 .f404-search button:focus-visible,html body .elementor-1234 .elementor-element.elementor-element-9beddec .btn-default:focus-visible,html body .fbg .fbg-btn-line:focus-visible,html body .fwq .fwq-btn-line:focus-visible,html body .ff2 .ff2-btn-line:focus-visible,html body .fh2 .fh2-head p a:focus-visible{outline:3px solid #ffe600!important;outline-offset:3px}
html body .ff2 .ff2-btn:not(.ff2-btn-line):focus-visible,html body .fmw .fmw-cta .fmw-btn:focus-visible,html body .fwq .fwq-cta .fwq-btn:not(.fwq-btn-ink):not(.fwq-btn-line):focus-visible,html body #ms-header #primary-menu-button li.finlay-menu-cta>a:focus-visible{outline-color:#fff!important}
/* "See all work" text link: a small pill so the ink hover reads as a button */
html body .fh2 .fh2-head p a{display:inline-block;padding:6px 12px!important;margin:-6px -12px;border-radius:10px!important;border-bottom:0!important;box-shadow:inset 0 -2px 0 0 #ffe600;text-decoration:none}
html body .fh2 .fh2-head p a:hover,html body .fh2 .fh2-head p a:focus-visible{box-shadow:none!important}
/* ---- 1.6.5: footer-v2 link hover/focus (ink footer: muted/white text -> gold + underline) ---- */
html body footer.ff2 a:not(.ff2-btn){color:#e9e9e9!important;-webkit-text-fill-color:#e9e9e9;text-decoration:none!important;text-decoration-color:transparent;text-underline-offset:4px;text-decoration-thickness:2px;transition:color .2s ease,text-decoration-color .2s ease!important;background:transparent!important;box-shadow:none!important}
html body footer.ff2 .ff2-legal a,html body footer.ff2 .ff2-bottom a:not(.ff2-btn){color:#bdbdbd!important;-webkit-text-fill-color:#bdbdbd}
html body footer.ff2 a:not(.ff2-btn):hover,html body footer.ff2 a:not(.ff2-btn):focus-visible{color:#ffe600!important;-webkit-text-fill-color:#ffe600;text-decoration:underline!important;text-decoration-color:#ffe600!important;text-decoration-thickness:2px;text-underline-offset:4px}
html body footer.ff2 a:not(.ff2-btn):focus-visible{outline:2px solid #ffe600!important;outline-offset:3px;border-radius:4px}