/* Motion adds feedback; content and the booking form work without animation. */
.agency-theme .site-header{transition:box-shadow .25s,background .25s}
.agency-theme .site-header.is-scrolled{box-shadow:0 5px 22px #00000005;background:#fffffff8}
.scroll-progress{position:absolute;inset:auto 0 -1px;height:3px;background:#ffe500;transform:scaleX(0);transform-origin:left;pointer-events:none}
.agency-theme #navigation a{position:relative;transition:color .2s}
.agency-theme #navigation a:after{content:'';position:absolute;height:2px;background:#e7cf00;bottom:-8px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.agency-theme #navigation a[aria-current="location"]:after{transform:scaleX(1)}
.agency-theme .hero-heading{position:relative;isolation:isolate;padding-bottom:8px}
.agency-theme .hero-heading:before{content:'';position:absolute;z-index:-1;pointer-events:none;width:330px;height:260px;right:-15px;top:-45px;background:radial-gradient(ellipse,#ffe50018,transparent 68%)}
.agency-theme .hero-name{position:relative;width:fit-content;padding-bottom:16px;margin-bottom:15px}
.agency-theme .hero-name:after{content:'';position:absolute;width:58px;height:5px;bottom:0;left:2px;background:#ffe500;border-radius:4px}
.agency-theme .button{position:relative;isolation:isolate;overflow:hidden;transition:transform .25s,background .25s,color .25s,box-shadow .25s}
.agency-theme .button:after{content:'';position:absolute;inset:-20% -50%;background:linear-gradient(110deg,transparent 42%,#ffffff35 50%,transparent 58%);transform:translateX(-75%);pointer-events:none}
.agency-theme .button>span{display:inline-block;transition:transform .25s}
.agency-theme .button:hover>span,.agency-theme .button:focus-visible>span{transform:translate(3px,-3px)}
.agency-theme .text-link>span{display:inline-block;transition:transform .25s}
.agency-theme .text-link:hover>span,.agency-theme .text-link:focus-visible>span{transform:translate(3px,-2px)}
.agency-theme .brand-logo{transition:transform .25s}
.agency-theme .brand:hover .brand-logo{transform:translateY(-2px)}
.agency-theme .expertise-row{position:relative;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s}
.agency-theme .expertise-row:before{content:'';position:absolute;top:0;left:25px;right:25px;height:3px;background:#ffe500;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.agency-theme .expertise-row:focus-within:before{transform:scaleX(1)}
.expertise-card-icon{transition:background .25s}
.expertise-card-icon svg{transition:transform .3s}
.method-number{transition:box-shadow .25s,transform .25s}
.agency-theme .menu-toggle>span{display:inline-block;transition:transform .25s}
.agency-theme .menu-toggle[aria-expanded="true"]>span{transform:rotate(90deg)}
@media(hover:hover) and (pointer:fine){
  .agency-theme .button:hover{box-shadow:0 7px 20px #0000000b}
  .agency-theme .button:hover:after{animation:button-sheen .65s ease-out}
  .agency-theme .expertise-row:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000007}
  .agency-theme .expertise-row:hover:before{transform:scaleX(1)}
  .agency-theme .expertise-row:hover .expertise-card-icon{background:#ffe500}
  .agency-theme .expertise-row:hover .expertise-card-icon svg{transform:rotate(-8deg) scale(1.06)}
  .agency-theme .method-step:hover .method-number{transform:translateY(-3px);box-shadow:0 0 0 5px #fff9c7}
}
@media(max-width:800px){
  .agency-theme #navigation a:after{bottom:5px;right:auto;width:24px}
  .agency-theme #navigation.is-open{animation:menu-enter .2s ease-out}
  .agency-theme .hero-heading:before{width:230px;height:210px;right:-15px;top:-30px}
}
@media(max-width:600px){.agency-theme .hero-name{padding-bottom:16px}.agency-theme .hero-name:after{width:44px;height:4px}}
@keyframes button-sheen{to{transform:translateX(75%)}}
@keyframes menu-enter{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
  .agency-theme .site-header,.agency-theme .button,.agency-theme .button>span,.agency-theme .text-link>span,.agency-theme .brand-logo,.agency-theme .expertise-row,.agency-theme .expertise-row:before,.agency-theme #navigation a:after,.expertise-card-icon,.expertise-card-icon svg,.method-number,.agency-theme .menu-toggle>span{transition:none!important}
  .agency-theme .button:after,.agency-theme #navigation.is-open{animation:none!important}
  .agency-theme .button:hover,.agency-theme .button:hover>span,.agency-theme .text-link:hover>span,.agency-theme .brand:hover .brand-logo,.agency-theme .expertise-row:hover,.agency-theme .expertise-row:focus-within,.agency-theme .expertise-row:hover .expertise-card-icon svg,.agency-theme .method-step:hover .method-number,.agency-theme .menu-toggle[aria-expanded="true"]>span{transform:none}
}