/*!
Theme Name: Armanios Creative bespoke theme
Theme URI: http://www.armanios.co.uk
Description: Armanios Creative bespoke theme
Author: Andrew Armanios
Version: 1.0
Tags: bespoke, Armanios Creative
*/*{margin:0;padding:0;outline:0}body{font-size:100%}a:active,a:hover{outline:0}a img{border:none}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}table{border-collapse:collapse;border-spacing:0}input,option,select,textarea{-webkit-appearance:none;border-radius:0;border:none}input[type=radio]{-webkit-appearance:radio}input[type=checkbox]{-webkit-appearance:checkbox}:root{--header_height:35px;--wp_admin_bar_h:0px;--gutter:10px;--pg_padding_h:15px}@media only screen and (min-width:701px){:root{--wp_admin_bar_h:46px;--gutter:12px}}@media only screen and (min-width:801px){:root{--header_height:100vh;--wp_admin_bar_h:32px;--pg_padding_h:40px}}@media only screen and (min-width:1001px){:root{--pg_h_padding:60px;--gutter:16px}}@media only screen and (min-width:1101px){:root{--pg_h_padding:60px;--gutter:20px}}.user_content .alignleft{float:left;margin:0 10px 10px 0}.user_content .alignright{float:right;margin:0 0 10px 10px}.user_content .aligncenter{display:block;margin:20px auto}.user_content .wp-more-tag.mce-wp-more{height:16px!important}.user_content img{height:auto!important}.user_content h3{margin-bottom:20px;font-family:"Space Grotesk",sans-serif;font-size:1.5rem;line-height:1.6875rem;font-weight:300;font-optical-sizing:auto;font-style:normal;color:#bbb;text-wrap:balance}@media only screen and (min-width:801px){.user_content h3{margin-bottom:25px;font-size:2rem;line-height:2.1875rem}}.user_content h4{margin:25px 0 -8px;font-family:"Space Grotesk",sans-serif;font-size:1.0625rem;line-height:1.25rem;font-weight:300;font-optical-sizing:auto;font-style:normal;color:#fff;text-wrap:balance}@media only screen and (min-width:801px){.user_content h4{font-size:1.125rem;line-height:1.28125rem}}.user_content figcaption,.user_content p{margin-top:15px;font-family:"Lexend Deca",sans-serif;font-size:.875rem;line-height:1.125rem;font-weight:300;font-optical-sizing:auto;font-style:normal;color:#bbb}@media only screen and (min-width:801px){.user_content figcaption,.user_content p{font-size:.9375rem;line-height:1.1875rem}}.user_content a{color:#bbb;text-decoration:underline;text-decoration-color:#1bccba}.user_content a:hover{color:#fff}.user_content blockquote p{font-family:"Space Grotesk",sans-serif;font-size:1rem;line-height:1.3125rem;font-weight:300;font-optical-sizing:auto;font-style:normal;color:#fff}.user_content ol,.user_content ul{margin:10px 0}.user_content ul li{margin-left:17px;position:relative;list-style-type:none}.user_content ul li:before{width:7px;height:7px;display:block;content:none;content:'';position:absolute;top:8px;left:-14px;border-radius:50%;background:red}.user_content ol li{margin-left:22px}.user_content li{margin-bottom:3px}.user_content strong{font-weight:700}.user_content em{font-style:italic}.user_content del{text-decoration:line-through}@media only screen and (min-width:701px){.user_content li{margin-bottom:4px}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{scroll-behavior:smooth;background:#151a21}#no_scroll{height:100vh;overflow:hidden}@media only screen and (min-width:801px){#no_scroll{height:auto;overflow:visible}}a,button{text-decoration:none;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}a:after,a:before,button:after,button:before{-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}img{max-width:100%}h1{max-width:500px;margin-bottom:22px;font-family:"Space Grotesk",sans-serif;font-size:1.625rem;line-height:2rem;font-weight:500;font-optical-sizing:auto;font-style:normal;text-wrap:balance;color:#fff}@media only screen and (min-width:481px){h1{font-size:2rem;line-height:2.5rem}}@media only screen and (min-width:701px){h1{margin-bottom:30px;font-size:2.375rem;line-height:2.8125rem}}h2{padding-top:15px;margin:35px 0 25px;position:relative;font-family:"Space Grotesk",sans-serif;font-size:2.125rem;line-height:2.5rem;font-weight:300;font-optical-sizing:auto;font-style:normal;text-wrap:balance;color:#fff}h2::before{width:100%;height:35px;margin:auto;display:block;content:'';position:absolute;top:0;left:0;border-top:solid 3px #1bccba;border-right:solid 3px #1bccba;border-radius:0 36px 0 0;box-sizing:border-box}@media only screen and (min-width:801px){h2{font-size:3.4375rem;line-height:4.0625rem}}#grd_main{display:grid}#grd_main::before{width:100%;max-height:738px;grid-column:1/-1;aspect-ratio:1194/738;display:block;content:''}@media only screen and (min-width:801px){#grd_main{grid-template-columns:225px 1fr}#grd_main::before{padding-bottom:80px;margin-bottom:-80px}}#main{padding-top:10px;padding-bottom:200px;margin-top:-10px;position:relative;background:#151a21;z-index:9}@media only screen and (min-width:801px){#main{padding:0 0 25vh 10px;padding-left:10px;margin-top:0;border-top-right-radius:80px}}.row,.row_wide{max-width:900px;padding-right:var(--pg_padding_h);padding-left:var(--pg_padding_h);margin-top:90px;display:flex;flex-direction:column;scroll-margin-top:55px}@media only screen and (min-width:801px){.row,.row_wide{margin-top:130px;scroll-margin-top:10px}}.row_wide{max-width:1200px}.row_bg_filled{padding-bottom:32px;background:var(--row_bg_colour,#1c222b);border-top-left-radius:25px}@media only screen and (min-width:1001px){.row_bg_filled{padding-bottom:50px;border-top-left-radius:36px;box-shadow:950px 0 var(--row_bg_colour,#1c222b)}}#head_main{height:var(--header_height);display:flex;flex-direction:column;position:sticky;overflow:hidden;top:0;background:#1c222b;border-radius:0 0 7px 7px;border-bottom:solid 1px #151a21;transition:height .3s ease;z-index:1000}#head_main.nav_open{height:100vh;overflow-y:auto}@media only screen and (min-width:801px){#head_main{height:100vh;padding-top:80px;top:-80px;border-radius:80px 0 0 0;transition:none}}#head_main_toolbar{height:var(--header_height);display:flex;justify-content:space-between}@media only screen and (min-width:801px){#head_main_toolbar{height:auto}}#btn_logo{height:var(--header_height);width:52px;position:relative;display:block;background:0 0;border-radius:0 0 0 7px}#btn_logo:hover{background:#151a21}#btn_logo::before{width:38px;height:32px;display:block;content:'';position:absolute;top:8px;left:var(--pg_padding_h);background:url(gfx/Armanios-Creative-UI-icons.svg) 0 0 no-repeat;-webkit-background-size:200px;background-size:200px;pointer-events:none;transform-origin:top left;transform:scale(.625)}#btn_logo::after{width:134px;height:28px;display:block;content:'';position:absolute;top:18px;left:57px;background:url(gfx/Armanios-Creative-UI-icons.svg) -41px 10px no-repeat;-webkit-background-size:200px;background-size:200px;pointer-events:none;opacity:0;transition:opacity .3s ease 0s,background-position .3s ease 0s}#btn_logo b{width:85px;height:11px;display:block;text-indent:-999px;overflow:hidden;content:'';position:absolute;top:50px;left:57px;background:url(gfx/Armanios-Creative-UI-icons.svg) 0 -40px no-repeat;-webkit-background-size:200px;background-size:200px;pointer-events:none;opacity:0;transition:opacity .3s ease 0s,background-position .3s ease 0s}.nav_open #btn_logo{width:208px;height:82px;border-radius:0 0 7px 0}.nav_open #btn_logo::before{top:18px;transform:none}.nav_open #btn_logo::after{top:18px;left:57px;opacity:1;background-position:-41px 0;transition:opacity .5s ease .2s,background-position .5s ease .2s}.nav_open #btn_logo b{top:50px;left:57px;opacity:1;background-position:0 -60px;transition:opacity .6s ease .2s,background-position .6s ease .2s}@media only screen and (min-width:801px){#btn_logo{width:199px;height:67px;margin:28px auto 0;border-radius:7px}.nav_open #btn_logo{width:199px;height:67px}.nav_open #btn_logo::before{top:12px;left:12px}.nav_open #btn_logo::after{top:12px;left:53px}.nav_open #btn_logo b{top:45px;left:53px}#btn_logo::before{top:12px;left:12px;transform:none}#btn_logo::after{top:12px;left:53px;opacity:1;background-position:-41px 0}#btn_logo b{top:45px;left:53px;opacity:1;background-position:0 -60px}}#btn_nav{width:54px;height:var(--header_height);position:relative;overflow:hidden;text-indent:-999px;border:none;cursor:pointer;background:0 0;z-index:99;border-radius:0 0 7px 0}#btn_nav:hover{background:#152c31}#btn_nav:hover::before{border-top-color:#bbb;border-bottom-color:#bbb}#btn_nav:hover::after{background:#bbb}#btn_nav::before{width:24px;height:11px;margin:auto;display:block;box-sizing:border-box;content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-top:solid 1px #bbb;border-bottom:solid 1px #bbb;transform:translateX(1px)}#btn_nav::after{width:24px;height:1px;margin:auto;display:block;content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:#bbb;transform:translateX(1px)}.nav_open #btn_nav::before{height:0;transform:rotate(45deg);border-bottom:solid 0 transparent}.nav_open #btn_nav::after{width:24px;transform:rotate(-45deg)}@media only screen and (min-width:801px){#btn_nav{display:none}}#head_main_wrap{height:100%;padding:0 var(--pg_padding_h);margin-top:90px;display:flex;flex-direction:column;justify-content:space-between;gap:55px}@media only screen and (min-width:801px){#head_main_wrap{padding:0 25px;margin-top:38px}}#nav_main{display:flex;flex-direction:column;gap:15px;opacity:0;transform:translateY(30px);transition:opacity .5s ease,transform .5s ease}.nav_open #nav_main{opacity:1;transform:none}#nav_main li{list-style:none}#nav_main a{height:40px;padding-top:4px;box-sizing:border-box;display:block;position:relative;font-family:"Space Grotesk",sans-serif;font-size:1.5rem;font-weight:400;font-optical-sizing:auto;font-style:normal;letter-spacing:.014em;color:#bbb}#nav_main a::before{width:100%;height:10px;margin:auto;display:block;content:'';position:absolute;top:0;left:0;border-top:solid 1px #3d3d3d;border-right:solid 1px #3d3d3d;border-radius:0 11px 0 0}#nav_main a::after{width:7px;height:7px;margin:auto;display:block;content:'';position:absolute;top:4px;right:3px;background:#3d3d3d;border-radius:0 8px 0 0}#nav_main a:hover{color:#fff}#nav_main a:hover::after{background:#fff}#nav_main a.selected{color:#fff}#nav_main a.selected::before{border-color:#1bccba}#nav_main a.selected::after{background:#1bccba}@media only screen and (min-width:801px){#nav_main{width:175px;opacity:1;transform:none}#nav_main a{height:26px;padding-top:3px;font-size:1rem;text-align:right}#nav_main a::before{transform:scale(-1,1)}#nav_main a::after{right:auto;left:3px;transform:scale(-1,1)}}#head_main_foot{opacity:0;transform:translateY(-15px);transition:opacity 1s ease 0s,transform 1s ease 0s}.nav_open #head_main_foot{opacity:1;transform:none;transition:opacity .4s ease .2s,transform .4s ease .2s}@media only screen and (min-width:801px){#head_main_foot{opacity:1;transform:none}}#head_main_contact{display:flex;gap:10px;align-items:flex-end}#head_main_contact li{list-style:none}#head_main_contact li:first-child{flex:0 0 100px}@media only screen and (min-width:801px){#head_main_contact li:first-child{flex:0 0 68px}}#head_main_portrait{width:100px;height:100px;display:block;object-fit:cover;border-radius:10px 10px 0 0}@media only screen and (min-width:801px){#head_main_portrait{width:68px;height:68px}}.btn_head_social{width:40px;height:40px;display:block;position:relative;text-indent:-999px;overflow:hidden;background:#3d4b5e;border-radius:5px 5px 0 0}.btn_head_social:hover{background:#152c31}.btn_head_social:hover::before{opacity:0}.btn_head_social:hover::after{opacity:1}.btn_head_social::after,.btn_head_social::before{margin:auto;display:block;content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:url(gfx/Armanios-Creative-UI-icons.svg) 0 0 no-repeat;-webkit-background-size:200px;background-size:200px}.btn_head_social::after{opacity:0}@media only screen and (min-width:801px){.btn_head_social{width:25px;height:25px}}#btn_head_linkedin::after,#btn_head_linkedin::before{width:16px;height:15px;background-position:0 -100px}#btn_head_linkedin::after{background-position:0 -120px}#btn_head_wa::after,#btn_head_wa::before{width:15px;height:15px;background-position:-20px -100px}#btn_head_wa::after{background-position:-20px -120px}#btn_head_mail::after,#btn_head_mail::before{width:17px;height:11px;background-position:-40px -100px}#btn_head_mail::after{background-position:-40px -120px}#head_main_name{margin-top:7px;font-family:"Space Grotesk",sans-serif;font-size:.875rem;line-height:1.125rem;font-weight:500;font-optical-sizing:auto;font-style:normal;color:#bbb}#head_main_title{font-family:"Lexend Deca",sans-serif;font-size:.75rem;line-height:.875rem;font-weight:300;font-optical-sizing:auto;font-style:normal;letter-spacing:.014em;color:#bbb}#head_main_title br{display:none}@media only screen and (min-width:801px){#head_main_title br{display:inline}}#head_main_terms{padding:5px 0 20px;margin-top:20px;position:relative;font-family:"Lexend Deca",sans-serif;font-size:.625rem;line-height:.8125rem;font-weight:300;font-optical-sizing:auto;font-style:normal;letter-spacing:.0014em;color:#bbb}#head_main_terms::before{width:100%;height:10px;margin:auto;display:block;content:'';position:absolute;top:0;left:0;border-top:solid 1px #3d3d3d;border-right:solid 1px #3d3d3d;border-radius:0 11px 0 0}@media only screen and (min-width:801px){#head_main_terms{margin-top:12px}}.ruled{padding-top:10px;position:relative}.ruled::before{width:100%;height:10px;margin:auto;display:block;content:'';position:absolute;top:0;left:0;border-top:solid 1px #3d3d3d;border-right:solid 1px #3d3d3d;border-radius:0 11px 0 0}.sec_cta{padding:20px;display:grid;gap:15px 28px;align-items:center;justify-items:start;justify-self:start;background:#152c31;border-bottom-right-radius:15px}.sec_cta p{font-family:"Space Grotesk",sans-serif;font-size:1.25rem;line-height:1.625rem;font-weight:500;font-optical-sizing:auto;font-style:normal;text-wrap:balance;color:#fff}@media only screen and (min-width:481px){.sec_cta{grid-template-columns:1fr auto}}@media only screen and (min-width:1001px){.sec_cta{padding:25px}}.btn_cta{height:50px;padding:5px 15px;box-sizing:border-box;display:inline-flex;align-items:center;font-family:"Space Grotesk",sans-serif;font-size:1.25rem;line-height:1.0625rem;font-weight:500;font-optical-sizing:auto;font-style:normal;letter-spacing:.025em;text-transform:uppercase;color:#151a21;background:#1bccba;border-radius:0 10px 10px 0}.btn_cta:hover{color:#fff;background:#3d4b5e}@property --clip_width{syntax:"<percentage>";inherits:true;initial-value:54%}#grd_hero{grid-column:1/-1;width:100%;display:grid;justify-content:center;position:fixed;top:0;z-index:1;opacity:var(--grd_hero_opacity);scale:calc(1 - (.25 * (1 - var(--grd_hero_opacity))));transform-origin:center top;transition:--clip_width .45s ease-out,opacity .1s ease}#grd_hero::before{width:300vw;height:100%;display:block;content:'';position:absolute;top:0;left:-50vw;background:linear-gradient(to bottom,#bbb,#e6e6e6)}#grd_hero:has(#hero_designer_img:hover){--clip_width:70%}#grd_hero:has(#hero_designer_img:hover) .hero_img::before{transform:translateX(1.5%)}#grd_hero:has(#hero_designer_img:hover) .hero_img img{transform:translateX(2.5%)}#grd_hero:has(#hero_designer_img:hover) #hero_coder_img::before{opacity:.2}#grd_hero:has(#hero_designer_img:hover) #hero_coder_img .hero_txt{opacity:.2}#grd_hero:has(#hero_coder_img:hover){--clip_width:30%}#grd_hero:has(#hero_coder_img:hover) .hero_img::before{transform:translateX(-1.5%)}#grd_hero:has(#hero_coder_img:hover) .hero_img img{transform:translateX(-2.5%)}#grd_hero:has(#hero_coder_img:hover) #hero_designer_img::before{opacity:.2}#grd_hero:has(#hero_coder_img:hover) #hero_designer_img .hero_txt{opacity:.2}#grd_hero.loading .hero_txt{opacity:0;transform:translateY(15px)}@media only screen and (min-width:801px){#grd_hero{grid-column:1/-1}}.hero_img{grid-column:1/-1;grid-row:1/-1;position:relative;transition:transform .35s ease}.hero_img::before{width:100%;height:100%;display:block;content:'';position:absolute;top:0;left:0;z-index:0;transition:transform .55s ease-out,opacity .55s ease-out}.hero_img img{display:block;position:relative;transition:transform .7s ease-out;z-index:9}@media only screen and (min-width:801px){.hero_img{padding-bottom:80px}}#hero_designer_img::before{background:url(gfx/AA-designer-florish.svg)}#hero_designer_img img{clip-path:polygon(0 0,var(--clip_width) 0,var(--clip_width) 100%,0 100%)}#hero_coder_img::before{background:url(gfx/AA-coder-florish.svg)}#hero_coder_img img{clip-path:polygon(calc(var(--clip_width) - 1px) 0,100% 0,100% 100%,calc(var(--clip_width) - 1px) 100%)}.hero_txt{padding-top:8px;padding-right:10px;position:absolute;top:25%;left:5%;color:#151a21;z-index:1;transition:opacity .4s ease-out,transform .4s ease}.hero_txt::before{width:100%;height:5px;margin:auto;display:block;content:'';position:absolute;top:0;left:0;border-top:solid 1px #1bccba;border-left:solid 1px #1bccba;border-radius:5px 0 0 0}.hero_txt::after{width:90px;height:1px;margin:auto;display:block;content:'';position:absolute;top:0;left:100%;background:#1bccba;transform:rotate(30deg);transform-origin:left top}#hero_coder_img .hero_txt{padding-right:0;padding-left:10px;left:auto;right:5%;text-align:right}#hero_coder_img .hero_txt::before{border-left:none;border-right:solid 1px #1bccba;border-radius:0 5px 0 0}#hero_coder_img .hero_txt::after{left:auto;right:100%;transform:rotate(-30deg);transform-origin:right top}@media only screen and (min-width:701px){.hero_txt{padding-top:12px}.hero_txt::before{height:10px;border-radius:11px 0 0}#hero_coder_img .hero_txt::before{border-radius:0 11px 0 0}}@media only screen and (min-width:1001px){.hero_txt::after{width:200px}}.hero_title{font-family:"Space Grotesk",sans-serif;font-weight:400;font-optical-sizing:auto;font-style:normal;font-size:clamp(1.2rem,5vw,3.75rem);font-weight:450}.hero_p{max-width:170px;margin-top:15px;display:none;font-family:"Lexend Deca",sans-serif;font-size:.8125rem;line-height:1rem;font-weight:300;font-optical-sizing:auto;font-style:normal}@media only screen and (min-width:701px){.hero_p{display:block}}@media only screen and (min-width:801px){.hero_p{max-width:200px;font-size:.9375rem;line-height:1.0625rem}}@media only screen and (min-width:1001px){.hero_p{max-width:260px}}#grd_about{display:grid}@media only screen and (min-width:1001px){#grd_about{grid-template-columns:repeat(12,1fr);gap:0 var(--gutter)}}#about_txt{padding:25px 20px 110px;background:#152c31;border-radius:0 105px 10px 0}#about_txt p{max-width:460px}@media only screen and (min-width:481px){#about_txt{padding-left:25px;border-top-right-radius:150px}}@media only screen and (min-width:1001px){#about_txt{grid-column:1/9;margin-right:-35px;padding:30px 45px 25px 25px}}@media only screen and (min-width:1101px){#about_txt{margin-right:0;border-top-right-radius:180px}}#about_cta{order:9;margin-top:50px;display:grid;justify-self:center}@media only screen and (min-width:1001px){#about_cta{order:initial;margin-top:20px;grid-column:1/9;justify-self:start}}#grd_about_stats{max-width:380px;width:100%;margin:-65px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter)}@media only screen and (min-width:701px){#grd_about_stats{max-width:94%;grid-template-columns:repeat(3,minmax(160px,1fr))}}@media only screen and (min-width:880px){#grd_about_stats{max-width:90%}}@media only screen and (min-width:1001px){#grd_about_stats{max-width:none;margin-top:0;grid-column:-4/-1;grid-row:1/3;grid-template-columns:190px;justify-self:end;align-self:center}}.about_stat_card{padding-top:50px;grid-column:span 2;background:#1bccba;border-top-right-radius:18px}.about_stat_card:first-child{grid-column:2/span 2}@media only screen and (min-width:701px){.about_stat_card{grid-column:auto}.about_stat_card:first-child{grid-column:auto}}@media only screen and (min-width:1001px){.about_stat_card{grid-column:auto}.about_stat_card:first-child{grid-column:auto}}.about_stat_card_figure{height:45px;padding-left:10px;display:flex;align-items:center;font-family:"Space Grotesk",sans-serif;font-size:2.1875rem;font-weight:700;font-optical-sizing:auto;font-style:normal;letter-spacing:.01em;color:#fff;background:#289a96;border-top-right-radius:50px}.about_stat_card_txt{height:48px;padding:0 10px;display:flex;align-items:center;font-family:"Lexend Deca",sans-serif;font-size:1.0625rem;line-height:1.125rem;font-weight:300;font-optical-sizing:auto;font-style:normal;text-transform:uppercase;color:#fff;background:#242d38}@media only screen and (min-width:350px){.about_stat_card_txt{padding-left:31px}}#work{padding-bottom:100px}#work_filter_wrap{padding:5px 4px 5px 0;position:sticky;top:var(--header_height);display:flex;align-items:baseline;justify-content:flex-end;gap:10px;background:#1c222b;border-bottom-right-radius:11px;z-index:99;scroll-margin-top:var(--header_height)}#work_filter_wrap::before{width:100%;height:10px;margin:auto;display:block;content:'';position:absolute;bottom:0;left:0;border-bottom:solid 1px #3d3d3d;border-left:solid 1px #3d3d3d;border-radius:0 0 0 11px;outline:solid 3px #1c222b;z-index:-1;transform:scale(-1,1)}@media only screen and (min-width:801px){#work_filter_wrap{top:0;scroll-margin-top:0}}#word_filter_lbl{font-family:"Space Grotesk",sans-serif;font-size:.75rem;line-height:1.0625rem;font-weight:500;font-optical-sizing:auto;font-style:normal;text-transform:uppercase;letter-spacing:.01em;color:#bbb}.select_wrap{position:relative}.select_wrap::after{width:6px;height:6px;margin:auto;display:block;content:'';position:absolute;top:0;bottom:0;right:6px;background:#1bccba;border-radius:0 0 5px 5px}#work_filter{width:140px;height:40px;padding:0 18px 0 10px;font-family:"Space Grotesk",sans-serif;font-size:1.125rem;line-height:1.25rem;font-weight:400;font-optical-sizing:auto;font-style:normal;letter-spacing:.01em;color:#fff;background:#151a21;border-radius:0 10px 10px 0;cursor:pointer;transition:background .4s ease}#work_filter:hover{background:#152c31}#work_filter option{padding:50px;font-family:"Lexend Deca",sans-serif;font-size:.875rem;line-height:1.0625rem;font-weight:300;font-optical-sizing:auto;font-style:normal;color:#bbb;background:slate}#grd_work_listing{margin-top:45px;display:grid;gap:20px var(--gutter);transition:transform .3s ease,opacity .3s ease}#grd_work_listing.hidden{transform:translateY(15px);opacity:0}@media only screen and (min-width:481px){#grd_work_listing{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.work_card_wrap.hidden{display:none}.work_card{display:block;background:#151a21;border:solid 2px #3d4b5e;border-radius:60px 60px 0 0;box-shadow:0 0 6px 0 rgba(21,26,33,.5)}.work_card:hover{border-color:#1bccba}.work_card_content{margin:3px;height:290px;display:grid;align-items:end;position:relative}.work_card_content::before{grid-column:1;grid-row:1;height:34px;padding-right:33px;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;content:'View live site';font-family:"Space Grotesk",sans-serif;font-size:.9375rem;font-weight:700;font-optical-sizing:auto;font-style:normal;text-align:right;letter-spacing:.025em;text-transform:uppercase;color:#151a21;background:#1bccba;border-bottom-right-radius:10px;opacity:0;transition:opacity .3s ease;z-index:1}.work_card:hover .work_card_content::before{opacity:1}.work_card_content::after{width:13px;height:13px;display:block;content:'';position:absolute;bottom:12px;right:11px;background:url(gfx/Armanios-Creative-UI-icons.svg) -143px -100px no-repeat;-webkit-background-size:200px;background-size:200px;z-index:1}.work_card_content img{grid-column:1;grid-row:1;width:100%;height:290px;display:block;position:relative;align-self:start;object-fit:cover;object-position:bottom center;overflow:hidden;border-radius:55px 55px 0 0;transition:height .3s ease}.work_card:hover .work_card_content img{height:256px}.work_card_txt{grid-column:1;grid-row:1;padding:10px 12px 8px;position:relative;background:rgba(28,34,43,.85);border-radius:0 10px 0 0;backdrop-filter:blur(10px);transition:transform .3s ease;z-index:9}.work_card:hover .work_card_txt{transform:translateY(-34px)}.work_card_txt p{font-family:"Lexend Deca",sans-serif;font-size:.75rem;line-height:.875rem;font-weight:300;font-optical-sizing:auto;font-style:normal;letter-spacing:.03em;text-transform:uppercase;color:#bbb}.work_card_txt h3{margin-top:3px;font-family:"Space Grotesk",sans-serif;font-size:1.25rem;line-height:1.625rem;font-weight:400;font-optical-sizing:auto;font-style:normal;color:#fff}.work_card_tag_wrap{padding:0 7px;display:flex;justify-content:flex-end;gap:20px;pointer-events:none}.work_card_tag{height:26px;position:relative;display:flex;gap:4px;align-items:center;list-style:none;font-family:"Space Grotesk",sans-serif;font-size:.75rem;font-weight:500;font-optical-sizing:auto;font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#bbb;z-index:9;pointer-events:all}.work_card_tag::before{width:6px;height:6px;display:block;content:'';background:#1bccba;border-radius:5px 0 0 5px}.work_card_tag:hover{z-index:99}.work_card_tag_sublist{min-width:115px;max-height:0;box-sizing:border-box;padding:0 0 12px 10px;overflow:hidden;position:absolute;top:0;right:-4px;list-style:none;font-family:"Lexend Deca",sans-serif;font-size:.75rem;line-height:.875rem;font-weight:300;font-optical-sizing:auto;font-style:normal;letter-spacing:.03em;text-transform:none;color:#bbb;background:#3d4b5e;border-bottom-left-radius:7px;box-shadow:0 0 6px 0 rgba(21,26,33,.4);z-index:-1;opacity:0;transition:max-height .2s ease,padding .2s ease,opacity .4s ease,transform .2s ease;cursor:default}.work_card_tag:hover .work_card_tag_sublist{max-height:500px;padding-top:20px;opacity:1;transform:none}.work_card_tag_sublist li{min-height:27px;padding:5px 0 3px 0;box-sizing:border-box;display:flex;align-items:flex-end;border-bottom:solid 1px #1c222b;transform:translateY(25px);transition:transform .2s ease}.work_card_tag:hover .work_card_tag_sublist li{transform:none}#clients_intro{margin-top:20px;display:grid}#clients_intro h3{margin-bottom:0}#clients_intro h3 br{display:none}#clients_intro p{max-width:400px}@media only screen and (min-width:801px){#clients_intro{margin-top:35px;grid-template-columns:1fr 1.5fr;gap:50px}#clients_intro div{margin-top:-5px}#clients_intro h3 br{display:inline}#clients_intro p{max-width:none}}@media only screen and (min-width:1001px){#clients_intro{margin-top:50px}}#grd_clients{margin-top:25px;display:grid;gap:var(--gutter);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}#grd_clients li{aspect-ratio:1.3/1;list-style:none;background:#191f27;border-radius:20px 20px 0 0;box-shadow:0 0 6px 0 rgba(21,26,33,.5)}#grd_clients img{width:100%;height:100%;padding:15px;box-sizing:border-box;display:block;object-fit:contain}@media only screen and (min-width:481px){#grd_clients{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}@media only screen and (min-width:801px){#grd_clients{margin-top:45px}#grd_clients img{padding:20px}}#grd_testimonials{margin-top:60px}@media only screen and (min-width:801px){#grd_testimonials{margin-top:90px}}@media only screen and (min-width:1001px){#grd_testimonials{display:grid;grid-template-columns:1fr 2fr;gap:40px}#grd_testimonials h3{position:sticky;top:15px}}#testimonial_wrap{margin-top:30px;display:grid;gap:35px;justify-content:end}@media only screen and (min-width:1001px){#testimonial_wrap{margin-top:100px}}.testimonial{max-width:500px;padding-left:40px}.testimonial::before{transform:scale(-1,1);border-color:#3d4b5e}.testimonial::after{width:26px;height:23px;display:block;content:'';position:absolute;top:5px;left:5px;background:url(gfx/Armanios-Creative-UI-icons.svg) -161px -100px no-repeat;-webkit-background-size:200px;background-size:200px}.testimonial blockquote{margin-top:-13px}.testimonial figcaption{margin-top:10px}#grd_faqs{max-width:700px;margin-top:15px;margin-left:auto;display:grid;gap:15px}@media only screen and (min-width:701px){#grd_faqs{margin-top:25px}}.faq{position:relative;background:#191f27;border-top-right-radius:15px;box-shadow:0 0 6px 0 rgba(21,26,33,.5)}.faq.open h3::after,.faq.open h3::before{transform:none}.faq::before{width:20px;height:20px;display:block;content:'';position:absolute;top:3px;right:3px;background:#151a21;border-top-right-radius:12px;transition:background .4s ease;pointer-events:none}.faq:has(h3:hover)::before{background:#1bccba}.faq h3{padding:12px 50px 15px 20px;font-family:"Space Grotesk",sans-serif;font-size:1.3125rem;line-height:1.625rem;font-weight:300;font-optical-sizing:auto;font-style:normal;text-wrap:balance;color:#fff;transition:color .4s ease;cursor:pointer}.faq h3::after,.faq h3::before{width:13px;height:1px;display:block;content:'';position:absolute;top:13px;right:7px;background:#1bccba;transform:rotate(-180deg);transition:background .4s ease,transform .4s ease}.faq h3::after{transform:rotate(-90deg)}.faq h3:hover{color:#1bccba}.faq h3:hover::after,.faq h3:hover::before{background:#151a21}@media only screen and (min-width:1001px){.faq h3{font-size:1.5rem;line-height:1.875rem}}.faq_a{max-width:580px;max-height:0;padding:0 50px 0 20px;overflow:hidden;opacity:0;transform:translateX(-5px);transition:all .3s ease}.open .faq_a{max-height:1500px;padding-bottom:20px;opacity:1;transform:none}.faq_a>:first-child{margin-top:0}#faq_cta{margin-top:15px}#services{--service_min_height:100vh;padding-bottom:0;clip-path:inset(0 -100vmax calc(var(--service_min_height) - 140px - 450px - 50px) 0)}@media only screen and (min-width:1001px){#services{clip-path:inset(0 -100vmax calc(var(--service_min_height) - 140px - 320px - 50px) 0)}}.service{margin-top:35px;position:sticky;top:20vh;background:#1c222b;border-top:solid 10px #1c222b}.service h3{min-height:40px}.service:nth-of-type(1){min-height:var(--service_min_height);top:10vh}.service:nth-of-type(2){min-height:calc(var(--service_min_height) - 70px);top:calc(10vh + 70px)}.service:nth-of-type(3){min-height:calc(var(--service_min_height) - 140px);top:calc(10vh + 140px)}.service p{max-width:480px}.services_list{margin-top:10px;font-family:"Space Grotesk",sans-serif;font-size:1.25rem;line-height:1.375rem;font-weight:400;font-optical-sizing:auto;font-style:normal;color:#fff}.services_list li{padding:15px 0 5px 15px;position:relative;display:block;list-style:none;border-bottom:solid 1px #3d3d3d}.services_list li::before{width:6px;height:6px;margin:auto;display:block;content:'';position:absolute;top:23px;left:0;background:#3d4b5e;border-radius:5px 0 0 5px}@media only screen and (min-width:1001px){.services_list{columns:2}}#contact{--row_bg_colour:#152C31;margin-top:calc(-1 * 70vh + 640px + 90px)}@media only screen and (min-width:801px){#contact{margin-top:calc(-1 * 70vh + 510px + 130px)}}#grd_contact{margin-top:25px;display:grid;gap:55px var(--gutter)}@media only screen and (min-width:1001px){#grd_contact{margin-top:40px;grid-template-columns:1fr 2fr}}.btn_contact{height:90px;max-width:250px;padding-right:20px;box-sizing:border-box;position:relative;display:flex;justify-content:flex-end;align-items:center;font-family:"Space Grotesk",sans-serif;font-size:1.25rem;font-weight:500;font-optical-sizing:auto;font-style:normal;letter-spacing:.01em;text-transform:uppercase;color:#151a21;background:#1bccba}.btn_contact:hover{color:#fff;background:#3d4b5e}.btn_contact:hover::before{opacity:0}.btn_contact:hover::after{opacity:1}.btn_contact::after,.btn_contact::before{width:32px;height:30px;margin:auto;display:block;content:'';position:absolute;top:0;left:20px;bottom:0;background:url(gfx/Armanios-Creative-UI-icons.svg) 0 0 no-repeat;-webkit-background-size:200px;background-size:200px}.btn_contact::after{opacity:0}@media only screen and (min-width:1001px){.btn_contact{max-width:200px}}#btn_contact_linkedin{margin-bottom:20px;border-radius:10px 10px 0 0}#btn_contact_linkedin::before{background-position:-60px -100px}#btn_contact_linkedin::after{background-position:-60px -140px}#btn_contact_wa{border-radius:0 0 10px 10px}#btn_contact_wa::before{background-position:-100px -100px}#btn_contact_wa::after{background-position:-100px -140px}#frm_contact{display:grid;gap:18px}#frm_contact label{width:130px;height:35px;padding-left:12px;box-sizing:border-box;display:flex;align-items:center;font-family:"Space Grotesk",sans-serif;font-size:1rem;font-weight:500;font-optical-sizing:auto;font-style:normal;color:#fff;background:#151a21;border-top-left-radius:5px}#frm_contact input[type=email],#frm_contact input[type=text],#frm_contact textarea{width:100%;height:35px;padding-left:12px;box-sizing:border-box;display:block;font-family:"Lexend Deca",sans-serif;font-size:.9375rem;font-weight:300;font-optical-sizing:auto;font-style:normal;color:#3d4b5e;background:#fff;border-top-right-radius:10px}#frm_contact textarea{min-height:150px;padding:12px;resize:vertical}@media only screen and (min-width:1001px){#frm_contact{gap:20px}}@media only screen and (min-width:1001px){.inpt_wrap{display:flex}}.frm_end{display:grid}@media only screen and (min-width:1101px){.frm_end{width:calc(100% - 107px);margin-left:auto}}.frm_message{max-height:0;padding:0 10px;box-sizing:border-box;overflow:hidden;font-family:"Space Grotesk",sans-serif;font-size:.9375rem;line-height:1.125rem;font-weight:300;font-optical-sizing:auto;font-style:normal;letter-spacing:.02em;text-align:right;color:#fff;background:rgba(27,204,186,.3);opacity:0;transform:translateY(10px);transition:all .3s ease}.frm_message.show{max-height:500px;padding:10px;margin-bottom:10px;opacity:1;transform:none}#btn_frm_contact{min-width:130px;height:50px;padding:5px 15px;margin-top:5px;justify-self:end;box-sizing:border-box;display:flex;justify-content:center;align-items:center;font-family:"Space Grotesk",sans-serif;font-size:1.25rem;line-height:1.0625rem;font-weight:500;font-optical-sizing:auto;font-style:normal;letter-spacing:.025em;text-transform:uppercase;color:#151a21;background:#1bccba;border:none;border-radius:0 0 10px 10px;cursor:pointer}#btn_frm_contact:hover{color:#fff;background:#3d4b5e}#btn_frm_contact:disabled{pointer-events:none;color:#bbb;background:#1c222b}