@keyframes fade-in{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}h1{font-size:clamp(3rem,5vw,3.75rem)}h2{font-size:clamp(2.5rem,4vw,3rem)}h3{font-size:clamp(1.875rem,3vw,2.5rem)}h4{font-size:clamp(1.5rem,2vw,1.875rem)}h5{font-size:clamp(1.125rem,1.5vw,1.5rem)}h1,h2,h3,h4,h5{font-family:"Inter Tight","Arial",sans-serif;line-height:1.2;font-weight:900;line-height:calc(4px + 2ex + 4px)}p,ul,label,input{font-size:clamp(1rem,1.25vw,1.125rem)}a{text-decoration:none}a:not([class*=btn]){color:#051f3b;transition:all .12s ease-in-out}a:not([class*=btn]):hover{color:#f26722}.fade-in{opacity:0;transform:translateY(2rem);will-change:transform,opacity}.fade-in.visible{animation:fade-in 1s ease forwards}.slide-out{transform:translateY(-200vh);will-change:transform}.topper{font-size:clamp(.875rem,1.25vw,1rem);font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.05em;color:#051f3b;display:block}.flex-group-col{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-direction:column;flex:1}.flex-group-row{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.grid-group{display:grid;gap:1rem}.flex-text{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-direction:column;gap:.5rem}.btn-solid{font-family:"Inter Tight","Arial",sans-serif;line-height:1.2;font-weight:900;font-size:clamp(1.125rem,1.5vw,1.5rem);font-weight:700;padding:1rem 1.5rem;border-radius:.5rem;transition:all .12s ease-in-out;color:#fff;background-color:#000;border:2px solid #000}.btn-solid:hover{box-shadow:.25rem .25rem 0 0 #000;cursor:pointer}.btn-solid:active{transform:scale(0.95);background-color:#000}.btn-solid:hover{border:2px solid #fff}.btn-solid:focus-visible{outline:3px solid #000;outline-offset:6px}.btn-line{font-family:"Inter Tight","Arial",sans-serif;line-height:1.2;font-weight:900;font-size:clamp(1.125rem,1.5vw,1.5rem);font-weight:700;padding:1rem 1.5rem;border-radius:.5rem;transition:all .12s ease-in-out;color:#000;background-color:rgba(0,0,0,0);border:2px solid #000}.btn-line:hover{box-shadow:.25rem .25rem 0 0 #000;cursor:pointer}.btn-line:active{transform:scale(0.95);background-color:rgba(0,0,0,0)}.btn-line:hover{border:2px solid #000}.btn-line:focus-visible{outline:3px solid #000;outline-offset:6px}.btn-blue{font-family:"Inter Tight","Arial",sans-serif;line-height:1.2;font-weight:900;font-size:clamp(1.125rem,1.5vw,1.5rem);font-weight:700;padding:1rem 1.5rem;border-radius:.5rem;transition:all .12s ease-in-out;color:#fff;background-color:#051f3b;border:2px solid #000}.btn-blue:hover{box-shadow:.25rem .25rem 0 0 #000;cursor:pointer}.btn-blue:active{transform:scale(0.95);background-color:#f3b401}.btn-blue:hover{border:2px solid #000}.btn-blue:focus-visible{outline:3px solid #000;outline-offset:6px}@font-face{font-display:swap;font-family:"Inter Tight";font-style:normal;font-weight:700;src:local(""),url("/assets/fonts/inter-tight-v7-latin-700.woff2") format("woff2"),url("/assets/fonts/inter-tight-v7-latin-700.woff") format("woff")}@font-face{font-display:swap;font-family:"Inter Tight";font-style:normal;font-weight:900;src:local(""),url("/assets/fonts/inter-tight-v7-latin-900.woff2") format("woff2"),url("/assets/fonts/inter-tight-v7-latin-900.woff") format("woff")}@font-face{font-display:swap;font-family:"Open Sans";font-style:normal;font-weight:400;src:local(""),url("/assets/fonts/open-sans-v36-latin-regular.woff2") format("woff2"),url("/assets/fonts/open-sans-v36-latin-regular.woff") format("woff")}@font-face{font-display:swap;font-family:"Open Sans";font-style:normal;font-weight:700;src:local(""),url("/assets/fonts/open-sans-v36-latin-700.woff2") format("woff2"),url("/assets/fonts/open-sans-v36-latin-700.woff") format("woff")}html{scroll-behavior:smooth}body,html{font-family:"Open Sans","Arial",sans-serif;line-height:1.6;margin:0;padding:0;color:#000;overflow-x:clip}main{background-color:#000;flex-grow:1}body:has(#menu-toggle:checked){overflow:hidden;height:100%;width:100%;position:fixed}*,*:before,*:after{margin:0;box-sizing:border-box;padding:0}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}section{border:1px solid #000;padding:1.5rem .75rem}@container (min-width: 48rem){section{padding:2rem 1rem}}.container{max-width:80em;container-type:inline-size;position:relative;z-index:1;width:92%;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.skip{opacity:0;position:absolute;top:0;left:0;z-index:-999}picture{flex:1}picture img{display:block;width:100%;height:auto;object-fit:cover;border-radius:.5rem}#cta{background-color:#8efab4}#cta .flex-group-col{align-items:flex-start}#cta .flex-group-col .flex-text{align-items:flex-start}#cta .flex-group-col .flex-text .title{font-size:clamp(4rem,10vw,8rem)}#footer{display:none;background-color:#000;color:#fff}#footer .flex-group-col{container-type:inline-size}#footer .flex-group-col a{color:#fff}#footer .flex-group-col a:hover{color:#f26722}#footer .flex-group-col .container{padding:1.5rem;justify-content:space-between;flex-direction:column}#footer .flex-group-col .container .left-section{width:100%;flex:1.5}#footer .flex-group-col .container .left-section .logo{display:contents;width:100%;height:100%}#footer .flex-group-col .container .left-section .logo img{width:100%;height:100%;object-fit:contain}#footer .flex-group-col .container .right-section{display:flex;flex-direction:column;grid-template-columns:2fr 1fr;flex:2;gap:2rem;justify-content:flex-end}#footer .flex-group-col .container .right-section h5{margin-bottom:.5rem}#footer .flex-group-col .container .right-section ul{list-style:none}#footer .flex-group-col .container .right-section ul li:first-child{margin-bottom:.25rem}@container (min-width: 16rem){#footer .flex-group-col .container .right-section{display:grid;font-size:.9375rem}}@container (min-width: 32rem){#footer .flex-group-col .container .left-section{width:70%}#footer .flex-group-col .container .right-section{display:flex;flex-direction:row;font-size:1rem}}@container (min-width: 64rem){#footer .flex-group-col .container{flex-direction:row}#footer .flex-group-col .container .left-section{margin-right:1rem}}#footer .flex-group-col .credit{width:100%;border-top:1px solid #fff;font-size:.875rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;justify-content:center;gap:.5rem;padding:.5rem;text-align:center}@container (min-width: 32rem){#footer .flex-group-col .credit{font-size:clamp(1rem,1.25vw,1.125rem)}}#portfolio{background-color:#fff4e4}#portfolio .item{background-color:#b9e5fb;border-radius:.5rem;border:2px solid #000;align-items:stretch;gap:0;overflow:hidden;flex-direction:column;transition:scale .3s ease}#portfolio .item:hover{scale:1.1}#portfolio .item:has(picture~.text){flex-direction:column-reverse}#portfolio .item .text{border-bottom:2px solid #000}@container (min-width: 32rem){#portfolio .item{max-height:36rem}}@container (min-width: 48rem){#portfolio .item{flex-direction:row;max-height:24rem}#portfolio .item:has(picture~.text){flex-direction:row}#portfolio .item .text{padding:2rem;border-bottom:none}#portfolio .item .text~picture{border-left:2px solid #000}#portfolio .item picture~.text{border-left:2px solid #000}}#portfolio .item picture{flex:1.75;overflow:hidden;align-self:flex-start}#portfolio .item picture img{border-radius:0}#portfolio .item .text{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-direction:column;flex:1;align-items:flex-start;justify-content:center;padding:2rem;gap:.5rem}#portfolio .item .text .topper{font-size:.875rem;color:#545454}#pricing{background-color:#fbb9b9}#pricing .container{flex-direction:column}#pricing .container .flex-group-col{max-width:clamp(40rem,32vw,48rem);align-self:flex-start;align-items:flex-start}#pricing .container .flex-group-col .flex-text{align-items:flex-start}#pricing .container .flex-group-col .title{font-size:clamp(3.75rem,6vw,4.5rem)}#pricing .container .accordion{width:100%;list-style:none;display:flex;gap:1rem;flex-direction:column}#pricing .container .accordion li{border-radius:.5rem;border:2px solid #000;overflow:hidden;transition:all .12s ease-in-out}#pricing .container .accordion li:has(button.active),#pricing .container .accordion li:has(button:hover){box-shadow:.25rem .25rem 0 0 #000}#pricing .container .accordion li:has(button:focus-visible){outline:3px solid #04d9ff;outline-offset:6px}#pricing .container .accordion button{cursor:pointer;display:flex;align-items:center;width:100%;background-color:rgba(0,0,0,0);border:none;padding:1rem .5rem;border-radius:.25rem;text-align:left;transition:background-color .3s ease}#pricing .container .accordion button.active{border-bottom:2px solid #000;background-color:#fee9e9}#pricing .container .accordion button:hover{background-color:#fff}#pricing .container .accordion button.active svg{transform:rotate(225deg)}#pricing .container .accordion svg{margin-right:.5rem;min-width:48px;transition:transform .3s ease;will-change:transform}#pricing .container .accordion p{max-height:0;overflow:hidden;margin:0;padding:0 1rem;transition:max-height .3s ease-out,padding .3s ease-out}#pricing .container .accordion p.expanded{padding:1rem}#contact{background-color:#fec010}#contact .flex-group-col{align-items:flex-start}#contact .flex-group-col .flex-text{align-items:flex-start}#get-in-touch{background-color:#fff4e4}#get-in-touch .flex-group-col{align-items:flex-start}#get-in-touch .flex-group-col .flex-text{align-items:flex-start}#get-in-touch .flex-group-col #contact-form{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-direction:column;border:2px solid #000;box-shadow:.25rem .25rem 0 0 #000;background-color:#fff;width:100%;align-items:flex-start;border-radius:1rem;padding:2rem}#get-in-touch .flex-group-col #contact-form .grid-group{width:100%;grid-template-columns:1fr}#get-in-touch .flex-group-col #contact-form .grid-group .flex-group-col{gap:.5rem}@container (min-width: 32rem){#get-in-touch .flex-group-col #contact-form .grid-group{grid-template-columns:1fr 1fr}}#get-in-touch .flex-group-col #contact-form .grid-group :last-child{grid-column:1/-1}#get-in-touch .flex-group-col #contact-form .grid-group label span{color:#e00;margin-bottom:.5rem}#get-in-touch .flex-group-col #contact-form .grid-group input,#get-in-touch .flex-group-col #contact-form .grid-group textarea{width:100%;border:2px solid #000;padding:.5rem;border-radius:.25rem}#get-in-touch .flex-group-col #contact-form .grid-group input[type=text],#get-in-touch .flex-group-col #contact-form .grid-group textarea[type=text]{font-size:1rem;font-family:"Open Sans","Arial",sans-serif;line-height:1.6}#get-in-touch .flex-group-col #contact-form .grid-group textarea{height:12rem;resize:vertical;min-height:6rem;max-height:20rem}#about{background-color:#fec010}#about .flex-group-row{flex-direction:column}@container (min-width: 48rem){#about .flex-group-row{flex-direction:row}}#about .flex-group-row picture{max-width:400px;width:70%;align-self:flex-start}#about .flex-group-row .flex-group-col{align-items:flex-start}#about .topper{align-self:flex-start}#about img{border:2px solid #000;max-width:400px;max-height:400px}#why-choose-us{background-color:#fbb9b9}#why-choose-us .flex-group-row{flex-direction:column;align-items:stretch}@container (min-width: 48rem){#why-choose-us .flex-group-row{flex-direction:row}}#why-choose-us .flex-group-row .card{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-direction:column;justify-content:flex-start;background-color:#fff;border:2px solid #000;transition:all .3s ease;border-radius:.5rem;padding:1rem;flex:1}#why-choose-us .flex-group-row .card h3{align-self:flex-start}#why-choose-us .flex-group-row .card img{width:80px;height:80px}@container (min-width: 48rem){#why-choose-us .flex-group-row .card h3{align-items:center}}#why-choose-us .flex-group-row .card:hover{transform:translateY(-1rem)}#what-else{background-color:#e2bdff}#what-else .flex-group-col{align-items:flex-start}#what-else .flex-group-col .topper,#what-else .flex-group-col .title{align-self:flex-start}#what-else .flex-group-col .flex-group-wrap{display:flex;flex-wrap:wrap;gap:1rem}@container (min-width: 48rem){#what-else .flex-group-col .flex-group-wrap{gap:2rem}}#what-else .flex-group-col .flex-group-wrap>*{font-family:"Inter Tight","Arial",sans-serif;line-height:1.2;font-weight:900;font-size:clamp(1.125rem,1.5vw,1.5rem);font-weight:700;padding:1rem 1.5rem;border-radius:.5rem;transition:all .12s ease-in-out;color:#000;background-color:rgba(0,0,0,0);border:2px solid #000;font-size:clamp(1.875rem,3vw,2.5rem);transition:transform .12s ease-in-out}#what-else .flex-group-col .flex-group-wrap>*:hover{box-shadow:.25rem .25rem 0 0 #000;cursor:pointer}#what-else .flex-group-col .flex-group-wrap>*:active{transform:scale(0.95);background-color:rgba(0,0,0,0)}#what-else .flex-group-col .flex-group-wrap>*:hover{border:2px solid #000}#what-else .flex-group-col .flex-group-wrap>*:focus-visible{outline:3px solid #000;outline-offset:6px}@container (min-width: 48rem){#what-else .flex-group-col .flex-group-wrap>*{font-size:clamp(2.5rem,4vw,3rem)}}#what-else .flex-group-col .flex-group-wrap>*:hover{cursor:default;transform:scale(1.05)}#services{background-color:#b9e5fb}#services .flex-text{align-items:flex-start}#web-design{background-color:#fbb9b9}#web-dev{background-color:#e2bdff}@container (min-width: 48rem){#web-dev .flex-group-row{flex-direction:row-reverse}}#branding{background-color:#fec010}#services .flex-group-row,#web-design .flex-group-row,#web-dev .flex-group-row,#branding .flex-group-row{align-items:flex-start}#services .flex-group-row .flex-group-col,#web-design .flex-group-row .flex-group-col,#web-dev .flex-group-row .flex-group-col,#branding .flex-group-row .flex-group-col{gap:.5rem;align-items:flex-start;flex:2}#services .flex-group-row .flex-group-col .flex-text,#web-design .flex-group-row .flex-group-col .flex-text,#web-dev .flex-group-row .flex-group-col .flex-text,#branding .flex-group-row .flex-group-col .flex-text{align-items:flex-start}#services img,#web-design img,#web-dev img,#branding img{border:2px solid #000;flex:1}@container (min-width: 48rem){#services,#web-design,#web-dev,#branding{flex-direction:row;align-items:flex-start}}/*# sourceMappingURL=main.css.map */