#main .contact-form.contact-success-panel{align-self:start;padding:clamp(24px,4vw,44px);min-height:300px;background:#ffffffa6;border:1px solid #a9c7bd;color:#173e33;scroll-margin-block:100px}.contact-success-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:22px;border-radius:50%;background:#d9ebe3}#main .contact-success-panel h3{margin:0 0 16px;font-size:clamp(28px,3vw,38px);line-height:1.15;font-weight:600}#main .contact-success-panel p{margin:0;max-width:42ch;font-size:17px;line-height:1.6}.contact-success-panel:focus-visible{outline:2px solid #286953;outline-offset:4px}html:has(.studio-home){--studio-ease-out: cubic-bezier(.23, 1, .32, 1);--studio-ease-reveal: cubic-bezier(.77, 0, .175, 1)}html:has(.studio-home) :is(.studio-header,.studio-home,.studio-mobile-cta) .button{position:relative;isolation:isolate;overflow:hidden;background:#080f13;border-color:#080f13;color:#fff;transform:none;transition:transform .12s var(--studio-ease-out)}html:has(.studio-home) :is(.studio-header,.studio-home,.studio-mobile-cta) .button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,#183a49,#285769);transform:translateY(102%);transition:transform .25s var(--studio-ease-out)}html:has(.studio-home) :is(.studio-header,.studio-home,.studio-mobile-cta) .button svg{transform:none;transition:transform .2s var(--studio-ease-out)}html:has(.studio-home) :is(.studio-header,.studio-home,.studio-mobile-cta) .button:not(:disabled):active{transform:scale(.97);transition-duration:.16s}html:has(.studio-home) :is(.studio-header,.studio-home,.studio-mobile-cta) .button:not(:disabled):active:before{transform:translateY(0);transition-duration:.1s}.studio-home .project-image img{transform:none;transition:transform .3s var(--studio-ease-out)}.studio-home .text-link svg{transition:transform .2s var(--studio-ease-out)}@media(hover:hover)and (pointer:fine){html:has(.studio-home) :is(.studio-header,.studio-home,.studio-mobile-cta) .button:not(:disabled):hover:before{transform:translateY(0)}html:has(.studio-home) :is(.studio-header,.studio-home,.studio-mobile-cta) .button:not(:disabled):hover svg{transform:translate(2px,-2px)}.studio-home .project-image:hover img{transform:scale(1.035)}.studio-home .text-link:hover svg{transform:translate(3px)}}@media(hover:none),(pointer:coarse){.studio-home .project-image:hover img{transform:none}.studio-home .project-image .image-arrow{opacity:1;transform:none}}@media(max-width:1000px){html:has(.studio-home) .studio-header>nav{opacity:0;transform:translateY(-8px);transition:opacity .2s var(--studio-ease-out),transform .2s var(--studio-ease-out),display .2s allow-discrete}html:has(.studio-home) .studio-header>nav.is-open{opacity:1;transform:translateY(0)}@starting-style{html:has(.studio-home) .studio-header>nav.is-open{opacity:0;transform:translateY(-8px)}}}html:has(.studio-home[data-motion-input=keyboard]) :is(.studio-header,.studio-home,.studio-mobile-cta) :is(.button,.button svg,.text-link svg,.project-image img,nav){transition:none;transform:none}html:has(.studio-home[data-motion-input=keyboard]) :is(.studio-header,.studio-home,.studio-mobile-cta) .button:before{transition:none;transform:translateY(102%)}@media(prefers-reduced-motion:reduce){html:has(.studio-home) :is(.studio-header,.studio-home,.studio-mobile-cta) :is(.button,.button svg,.text-link svg,.project-image img,nav){transform:none!important}html:has(.studio-home) :is(.studio-header,.studio-home,.studio-mobile-cta) .button:before{transform:none;opacity:0;transition:opacity 125ms ease!important}html:has(.studio-home) :is(.studio-header,.studio-home,.studio-mobile-cta) .button:not(:disabled):active:before{opacity:1}@media(hover:hover)and (pointer:fine){html:has(.studio-home) :is(.studio-header,.studio-home,.studio-mobile-cta) .button:not(:disabled):hover:before{opacity:1}}}