@layer normalize,reset,base,app;@layer normalize{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}}@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords;scroll-behavior:smooth}}html{color-scheme:light dark;tab-size:2;scrollbar-gutter:stable;-webkit-text-size-adjust:none;text-size-adjust:none}body{font-synthesis:none;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,button,input,label{line-height:1.1}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;letter-spacing:inherit;color:currentColor}input:is([type=checkbox],[type=radio]),select,label,button,summary{cursor:pointer}:disabled,label:has(>:disabled,+:disabled){cursor:not-allowed}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}ol,ul,menu{list-style:none}a{color:inherit;text-decoration:none;cursor:pointer}a:focus{outline:none}table{border-collapse:collapse}th,td{text-align:start;vertical-align:top}#root,#__next{isolation:isolate}}@layer base{@font-face{font-display:swap;font-family:Jost;font-style:normal;font-weight:400;src:url(/designo-website/assets/jost-v20-latin-regular-q-RKOgPK.woff2) format("woff2")}@font-face{font-display:swap;font-family:Jost;font-style:normal;font-weight:500;src:url(/designo-website/assets/jost-v20-latin-500-41lBe9I9.woff2) format("woff2")}@font-face{font-display:swap;font-family:Jost;font-style:normal;font-weight:700;src:url(/designo-website/assets/jost-v20-latin-700-u2Hrqd6k.woff2) format("woff2")}:root{--clr-primary: hsl(11, 72%, 66%);--clr-primary-light: hsl(11, 100%, 80%);--clr-primary-lighter: hsl(11, 100%, 90%);--clr-primary-shade: hsl(14, 76%, 97%);--clr-white: hsl(0, 0%, 100%);--clr-dark-gray: hsl(260, 6%, 20%);--clr-light-gray: hsl(210, 17%, 95%);--clr-text-dark: hsl(264, 5%, 20%);--clr-bg-dark: hsl(270, 4%, 11%);--clr-black-50: hsla(0, 0%, 0%, .5);--clr-black-60: hsla(0, 0%, 0%, .6);--clr-primary-80: hsla(11, 72%, 66%, .8);--clr-divider: hsl(0, 0%, 25.5%);--crl-text-light: hsl(0, 0%, 81%);--crl-text-lighter: hsl(0, 0%, 80%);--body-bg-color: var(--clr-white);--body-text-color: var(--clr-bg-dark);--nav-links-color: var(--clr-text-dark);--nav-bg-color: var(--clr-bg-dark);--nav-links-menu-color: var(--clr-white);--nav-overlay-color: var(--clr-black-60);--footer-bg-color: var(--clr-bg-dark);--footer-divider-color: var(--clr-divider);--footer-info-color: var(--crl-text-lighter);--footer-social-link-hover: var(--clr-primary-lighter);--primary-btn-bg-color: var(--clr-white);--primary-btn-text-color: var(--clr-text-dark);--contact-section-bg-color: var(--clr-primary);--contact-section-text-color: var(--clr-white);--primary-btn-bg-color-hover: var(--clr-primary-lighter);--primary-btn-text-color-hover: var(--clr-text-gray);--project-card-text-color: var(--clr-white);--project-card-overlay-color: var(--clr-black-50);--project-card-overlay-hover-color: var(--clr-primary-80);--banner-bg-color: var(--clr-primary);--banner-text-color: var(--clr-white);--library-card-bg-color: var(--clr-primary-lighter);--library-card-title-color: var(--clr-primary);--library-card-bg-color-hover: var(--clr-primary);--library-card-hover-text-color: var(--clr-white);--fs-14: .875rem ;--fs-16: 1rem ;--fs-18: 1.125rem ;--fs-20: 1.25rem ;--fs-22: 1.375rem ;--fs-24: 1.5rem ;--fs-26: 1.625rem ;--fs-28: 1.75rem ;--fs-30: 1.875rem ;--fs-32: 2rem ;--fs-34: 2.125rem ;--fs-36: 2.25rem ;--fs-38: 2.375rem ;--fs-40: 2.5rem ;--fs-42: 2.625rem ;--fs-44: 2.75rem ;--fs-46: 2.875rem ;--fs-48: 3rem ;--nav-links-font-size: var(--fs-14);--nav-links-menu-font-size: var(--fs-24);--contact-section-title-font-size: var(--fs-40);--locations-title-font-size: var(--fs-20)}html{scrollbar-gutter:auto}body{font-family:Jost,sans-serif;background-color:var(--body-bg-color);color:var(--body-text-color);overflow-x:hidden}button:has(img){background-color:transparent;border:none}.primary-btn{background-color:var(--primary-btn-bg-color);color:var(--primary-btn-text-color);text-transform:uppercase;letter-spacing:1px;padding:1rem 1.25rem;border-radius:.5rem;font-weight:500;transition:all .25s ease-in-out}.primary-btn:hover{background-color:var(--primary-btn-bg-color-hover);color:var(--primary-btn-text-color-hover)}.container{width:min(calc(100% - 48px),69.4375rem);margin-inline:auto}.visually_hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visually_hidden:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}.skip-link{position:absolute;top:0;left:0;z-index:1000;padding:1rem 2rem;background-color:var(--clr-primary);color:var(--clr-white);text-decoration:none;font-weight:500;transform:translateY(-100%);transition:transform .2s ease-in-out}.skip-link:focus{transform:translateY(0)}.uppercase{text-transform:uppercase}.flex{display:flex}.flex.flex-btwn-cntr{justify-content:space-between;align-items:center}.flex.flex-cntr-cntr{align-items:center;justify-content:center}.flex.flex-col{flex-direction:column}.flex.flex-col-cntr{flex-direction:column;align-items:center}.grid{display:grid}.grid.grid-2-cols{grid-template-columns:repeat(2,1fr)}.grid.grid-3-cols{grid-template-columns:repeat(3,1fr)}.grid.grid-2-rows{grid-template-rows:repeat(2,1fr)}.grid.grid-auto{--card-width: min(350px, 100%);column-gap:1.875rem;row-gap:2rem}.grid.grid-auto.grid-fit{grid-template-columns:repeat(auto-fit,minmax(var(--card-width),1fr))}.grid.grid-auto.grid-fill{grid-template-columns:repeat(auto-fill,minmax(var(--card-width),1fr))}.text-center{text-align:center}.heading-hero{font-size:clamp(2rem,calc(1.648rem + 1.502vw),3rem);font-weight:500}.leaf-decorative{position:absolute;top:-20.75rem;z-index:-1}@media only screen and (max-width:60.9375rem){.leaf-decorative{display:none}}.relative{position:relative}.section-spacing{margin-block-end:clamp(6rem,calc(4.592rem + 6.009vw),10rem)}.grid-gap-projects{gap:clamp(1.5rem,calc(1.368rem + .563vw),1.875rem)}.site-header{padding-block:clamp(2.125rem,calc(1.465rem + 2.817vw),4rem)}.site-header nav.nav{z-index:999}.logo{width:12.25rem;height:1.5rem}.menu-open-btn,.menu-close-btn{display:none}.nav-overlay{opacity:0}.nav__list{gap:2.625rem}.nav__list .nav__link{color:var(--nav-links-color);font-size:var(--nav-links-font-size);letter-spacing:2px;line-height:1.4}.nav__list .nav__link:hover{text-decoration:underline;text-underline-offset:2px}@media only screen and (max-width:41.875rem){.menu-open-btn{display:block;order:999}.menu-open-btn[aria-expanded=true]{display:none}.menu-open-btn[aria-expanded=true]~.nav .nav__list{translate:0 -4px}.menu-open-btn[aria-expanded=true]~.nav-overlay{opacity:1;pointer-events:auto}.menu-open-btn[aria-expanded=true]~.menu-close-btn{display:block;order:999}.menu-close-btn{display:none}.nav-overlay{position:fixed;inset:6rem 0 0;background-color:var(--nav-overlay-color);pointer-events:none;transition:opacity .3s ease-in-out;z-index:999}.nav__list{flex-direction:column;justify-content:center;gap:2rem;background-color:var(--nav-bg-color);position:fixed;inset:6rem 0 auto;padding:2.5rem 1.5rem;translate:0 -150%}.nav__list.animating{transition:translate .3s ease-in-out}.nav__list .nav__link{color:var(--nav-links-menu-color);font-size:var(--nav-links-menu-font-size)}}.site-footer{background-color:var(--footer-bg-color);padding-block-start:clamp(9rem,calc(293px - 10.33vw),15.875rem);padding-block-end:clamp(4rem,calc(3.824rem + .751vw),4.5rem);color:var(--clr-white);z-index:-1}.site-footer .container.flex{gap:2.5rem}.site-footer .nav__link{color:var(--clr-white)}.site-footer .footer-divider{height:1px;color:var(--footer-divider-color)}.site-footer .footer-info{color:var(--footer-info-color)}.site-footer .footer-info .footer-info__address-office,.site-footer .footer-info .footer-info__contact{font-weight:600}.site-footer .footer-info .footer-info__address{font-style:normal;margin-inline-end:clamp(3.563rem,calc(-7.009rem + 22.024vw),12.813rem)}.site-footer .footer-info .footer-info__social-list{margin-inline-start:auto;align-self:flex-end;align-items:center;gap:1rem}.site-footer .footer-info .footer-info__social-list .footer-info__social-link:hover img{filter:brightness(125%);transform:scale(1.05);transition:.25s ease-in-out;transition-property:filter,transform}@media only screen and (max-width:42.9375rem){.site-footer .footer-nav,.site-footer .footer-info{flex-direction:column;align-items:center}.site-footer .footer-nav{gap:3rem}.site-footer .footer-nav .nav__list{position:static;inset:auto;padding:0;translate:0;background-color:transparent;gap:2rem;flex-direction:column;align-items:center}.site-footer .footer-nav .nav__list .nav__link{font-size:unset}.site-footer .footer-info{gap:2.5rem;text-align:center}.site-footer .footer-info .footer-info__address{margin-inline-end:0}.site-footer .footer-info .footer-info__social-list{align-self:center;margin-inline-start:0}}.contact-section{position:relative;z-index:1}.contact-section .container.flex{background-color:var(--contact-section-bg-color);color:var(--contact-section-text-color);padding-block:clamp(4rem,calc(3.824rem + .751vw),4.5rem);padding-inline:clamp(1.5rem,calc(-.085rem + 6.761vw),6rem);border-radius:1rem;background-image:url("data:image/svg+xml,%3csvg%20width='876'%20height='584'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient%20x1='0%25'%20y1='50%25'%20x2='100%25'%20y2='50%25'%20id='a'%3e%3cstop%20stop-color='%235D0202'%20stop-opacity='0'%20offset='0%25'/%3e%3cstop%20stop-color='%235D0202'%20stop-opacity='.498'%20offset='100%25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20transform='matrix(-1%200%200%201%20876%200)'%20fill='url(%23a)'%20fill-rule='evenodd'%20opacity='.309'%3e%3cg%20transform='translate(0%20292)'%3e%3ccircle%20transform='matrix(0%20-1%20-1%200%20292%20292)'%20cx='146'%20cy='146'%20r='146'/%3e%3ccircle%20transform='matrix(-1%200%200%201%20876%200)'%20cx='438'%20cy='146'%20r='146'/%3e%3ccircle%20transform='matrix(0%201%201%200%20584%20-584)'%20cx='730'%20cy='146'%20r='146'/%3e%3c/g%3e%3ccircle%20transform='matrix(0%20-1%20-1%200%20292%20292)'%20cx='146'%20cy='146'%20r='146'/%3e%3ccircle%20transform='matrix(-1%200%200%201%20876%200)'%20cx='438'%20cy='146'%20r='146'/%3e%3c/g%3e%3c/svg%3e");background-position:right;background-repeat:no-repeat;margin-block-end:clamp(-11.5625rem,calc(-4.625rem + 6.9375 * (100vw - 90rem) / 66.5625),-4.625rem)}.contact-section .contact-section__title{font-size:var(--contact-section-title-font-size);font-weight:500;margin-block-end:1rem}.contact-section .contact-section__description{max-width:45ch}@media only screen and (max-width:48rem){.contact-section .container.flex{flex-direction:column;align-items:center;gap:2rem;text-align:center}}.banner .container.flex{gap:1.5rem;align-items:center;padding-block:clamp(4rem,calc(-10.4331vw + 9.0078125rem),6.5625rem);padding-inline:clamp(1.5rem,calc(-2.153rem + 15.587vw),11.875rem);background-color:var(--banner-bg-color);color:var(--banner-text-color);border-radius:1rem;background-size:auto 200%;background-repeat:no-repeat}.banner .banner__description{max-width:45ch}@media only screen and (max-width:41.875rem){.library .container.grid{grid-template-columns:1fr}}@media only screen and (max-width:48.5625rem){:is(.page-web-design,.page-app-design,.page-graphic-design) .projects .container.grid{grid-template-columns:1fr}}.library__card{border-radius:1rem;overflow:hidden}.library__card figcaption[class*=flex]{gap:1rem;padding:2rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;background-color:var(--library-card-bg-color);transition:all .25s ease-in-out}.library__card figcaption[class*=flex]:hover{background-color:var(--library-card-bg-color-hover);color:var(--library-card-hover-text-color);cursor:pointer}.library__card figcaption[class*=flex]:hover .library__title{color:var(--library-card-hover-text-color)}.library__card .library__title{font-size:1.25rem;font-weight:500;letter-spacing:5px;color:var(--library-card-title-color);transition:color .25s ease-in-out}@media only screen and (max-width:48.5625rem){.library__card{display:flex;flex-direction:row}.library__card img{width:50%;height:auto;object-fit:cover}.library__card figcaption[class*=flex]{width:50%;border-bottom-left-radius:0;justify-content:center}}@media only screen and (max-width:41.875rem){.library__card{flex-direction:column}.library__card img,.library__card figcaption[class*=flex]{width:auto}}.project-card{position:relative;border-radius:1rem;overflow:hidden;text-decoration:none;color:var(--project-card-text-color);min-height:20rem}.project-card:before{content:"";position:absolute;inset:0;background-color:var(--project-card-overlay-color);z-index:1;transition:background-color .3s ease}.project-card:hover:before{background-color:var(--project-card-overlay-hover-color)}.project-card__media{position:absolute;inset:0;z-index:0}.project-card__media img{width:100%;height:100%;object-fit:cover}.project-card__overlay{position:relative;z-index:2;text-align:center;gap:1.5rem}.project-card__overlay h3{font-size:clamp(1.75rem,calc(1.486rem + 1.127vw),2.5rem);font-weight:500;letter-spacing:2px}.project-card__overlay .project__description{letter-spacing:5px;align-items:center;gap:1rem}@media only screen and (min-width:41.875rem)and (max-width:60.9375rem){.project-card{min-height:12.5rem}.project-card__media{overflow:hidden}.project-card__media img{height:12.5rem}}@media only screen and (max-width:41.875rem){.project-card{min-height:15.625rem}.project-card__media img{height:15.625rem}}.locations .location.flex{align-items:center}.locations .location.flex img{margin-block-end:3rem;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='202'%20height='202'%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='0%25'%20x2='100%25'%20y1='50%25'%20y2='50%25'%3e%3cstop%20offset='0%25'%20stop-color='%235D0202'%20stop-opacity='0'/%3e%3cstop%20offset='100%25'%20stop-color='%235D0202'%20stop-opacity='.498'/%3e%3c/linearGradient%3e%3c/defs%3e%3ccircle%20cx='101'%20cy='101'%20r='101'%20fill='url(%23a)'%20fill-rule='evenodd'%20opacity='.203'%20transform='matrix(-1%200%200%201%20202%200)'/%3e%3c/svg%3e")}.locations .location.flex h2{font-size:var(--locations-title-font-size);font-weight:500;letter-spacing:5px;margin-block-end:2rem}.locations .location.flex a.primary-btn{background-color:var(--clr-primary);color:var(--clr-white)}.locations .location.flex a.primary-btn:hover{background-color:var(--clr-primary-lighter)}@media only screen and (max-width:60.9375rem){.locations .container.grid{grid-template-columns:1fr;gap:5rem}}}