@import "https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Familjen+Grotesk:ital,wght@0,400..700;1,400..700";main{padding-block-end:var(--extra-big-gap)}.gallery{--grid-auto:auto-fill;gap:var(--small-gap);grid-auto-rows:35rem;grid-template-columns:repeat(var(--grid-auto),minmax(250px,1fr));display:grid;@media (width<=600px){&{column-gap:var(--extra-small-gap);row-gap:var(--normal-gap)}}@media (width>=1280px){&{--grid-auto:auto-fit}}}.gallery__card{text-transform:uppercase;row-gap:var(--small-gap);flex-direction:column;display:flex;container-type:inline-size;& .gallery__card__image{background-color:var(--blue);flex:1}& .gallery__card__title{font-size:var(--medium-size);@media (width>=1280px){&{font-size:var(--semi-large-size)}}}& ul{flex-wrap:wrap;display:flex;container-type:inline-size;@container (width<=200px){&{font-size:10px}}}& li:not(:last-child){margin-inline-end:var(--extra-small-gap);&:after{content:"-";margin-inline-start:var(--extra-small-gap)}@container (width<=280px){&:after{content:"";display:none}}}}.about{column-gap:var(--small-gap);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding-block-start:var(--big-gap);display:grid;container:about__container/inline-size;& .about__content{flex-direction:column;grid-row-start:2;grid-column-start:3;display:flex;@container about__container (width<=775px){&{grid-column-start:initial;grid-row-start:initial}}@media (width>=1280px){&{grid-column:4/-1}}& p{word-wrap:break-word;&:last-of-type{margin-block-start:var(--extra-small-gap)}}& .about__content__button{max-width:fit-content;padding-inline:var(--small-gap);padding-block:var(--extra-small-gap);background-color:var(--blue);color:var(--light-cream);text-transform:uppercase;font-size:var(--small-size);margin-block-start:var(--normal-gap)}}& header{grid-column:1/-1}& .about__subtitle,& .about__title{text-transform:uppercase}& .about__title{font-size:var(--large-size);@media (width>=1280px){&{font-size:var(--extra-large-size)}}}& .about__subtitle{grid-row:2/3;padding-block-end:var(--normal-gap);& h3{font-size:var(--medium-size);@container about__container (width<=515px){&{max-width:75%}}}}}.main__image{background-color:var(--blue);max-width:100%;height:400px;margin:auto;margin-block:var(--big-gap);align-content:center;& h2{justify-content:center;gap:var(--normal-gap);margin:auto;display:flex}& .main__image__word{color:var(--light-cream);font-size:clamp(1.5rem,-.75rem + 7vw,var(--large-size))}}.clients{gap:var(--small-gap);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-auto-rows:17.5rem;display:grid;container:clients/inline-size;& .clients__card{flex-direction:column;display:flex;& header{flex:1;@container clients (width<=515px){&{flex:initial;max-width:75%}}}& button{max-width:fit-content;padding-inline:var(--small-gap);padding-block:var(--extra-small-gap);background-color:var(--blue);color:var(--light-cream);text-transform:uppercase;font-size:var(--small-size);align-self:end;margin-block-start:var(--normal-gap)}}& .clients__card__title{font-size:var(--medium-size);text-transform:uppercase;margin-block-end:var(--small-gap);@media (width>=1280px){&{font-size:var(--semi-large-size)}}}}.gallery{counter-set:new-counter}.gallery__card{counter-increment:new-counter;&:after{content:counter(new-counter,decimal-leading-zero);color:var(--cyan);align-self:flex-end}}*{box-sizing:border-box;color:var(--blue);margin:0;padding:0;font-weight:300}body{background-color:var(--sky-blue);position:relative;overflow:hidden;&>:is(nav,header,main){padding-inline:var(--small-gap)}}ul{list-style:none}button{border:none;outline:none}nav.body__nav{z-index:1;padding-block:var(--small-gap);background-color:var(--sky-blue);flex-direction:row;justify-content:space-between;display:flex;position:sticky;top:0;left:0;container-type:inline-size;@media (width<=600px){&{align-items:center;row-gap:var(--extra-small-gap);flex-direction:column}}& header{clip-path:var(--path)}& .nav__title{font-family:var(--secondary-font);font-size:16px;font-style:italic}& ul{gap:var(--big-gap);clip-path:var(--path);display:flex;@media (width<=800px){&{gap:clamp(.25rem,4.75vw - 1rem,1.5rem)}}}& li{text-transform:uppercase}}.body__header{text-transform:uppercase;gap:var(--small-gap);max-width:800px;flex-direction:column;padding-block-start:var(--extra-big-gap);padding-block-end:var(--big-gap);display:flex;@media (width>=1280px){&{max-width:max(50%,min(100%,1200px))}}& .body__header__title{line-height:55px;font-size:clamp(3rem,1.6rem + 6.4vw,var(--extra-large-size));@media (width>=1280px){&{--largest-size:128px;font-size:var(--largest-size);line-height:125px}}}& .body__header__title__intro{font-weight:lighter}& .body__header__title__keyword{font-weight:900}& .body__header__subtitle{flex-direction:column;font-size:12px;display:flex}}footer{--divider:1.25;--height:calc(100vh/var(--divider));height:var(--height);clip-path:var(--path);background-color:var(--light-cream);position:relative;& .footer__wrapper{height:var(--height);background-color:var(--light-cream);width:100%;padding-inline:var(--small-gap);display:grid;position:fixed;bottom:0}@media (width<=600px){&{--divider:1.125}}}.footer__header{text-wrap:balance;max-width:75%;margin-block-start:var(--big-gap);& .footer__header__title{font-size:var(--extra-large-size);text-transform:uppercase;padding-block-end:var(--small-gap);line-height:55px}& .footer__header__subtitle{font-size:var(--large-size);font-size:clamp(1.5rem,-.75rem + 7vw,var(--large-size));color:var(--cyan);font-style:italic}@media (width<=600px){&{max-width:fit-content;margin-block-start:calc(var(--extra-big-gap)*2)}}}.footer__misc{font-size:var(--medium-size);align-self:flex-end;column-gap:var(--normal-gap);row-gap:var(--small-gap);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;padding-block-end:var(--small-gap);display:flex;@media (width<=800px){&{font-size:var(--small-size)}}& .creator{font-style:italic;text-decoration:underline;&:hover{color:var(--cyan)}}}.footer__content__socialMedia>ul{gap:var(--normal-gap);text-transform:uppercase;text-align:end;display:flex;& li:first-of-type{color:var(--cyan)}@media (width<=600px){&{gap:var(--small-gap)}}@media (width<=400px){&{text-align:start;flex-direction:column}}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}.lenis.lenis-smooth iframe{pointer-events:none}.btn{max-width:fit-content;padding-inline:var(--small-gap);padding-block:var(--extra-small-gap);background-color:var(--blue);color:var(--light-cream);text-transform:uppercase;font-size:var(--small-size);margin-block-start:var(--normal-gap)}:root{--path:polygon(0 0,100% 0,100% 100%,0% 100%);--primary-font:"Familjen Grotesk",serif;--secondary-font:"EB Garamond",serif;--light-cream:#f3f3e0;--sky-blue:#cbdceb;--cyan:#608bc1;--blue:#133e87;--black:#262626;--normal-gap:25px;--big-gap:calc((var(--normal-gap))*2);--extra-big-gap:calc((var(--big-gap))*2);--small-gap:calc(var(--normal-gap)/2);--extra-small-gap:calc(var(--small-gap)/2);--small-size:12px;--medium-size:16px;--semi-large-size:24px;--large-size:48px;--extra-large-size:64px;--largest-size:96px;font-family:var(--primary-font)}body{font-size:var(--small-size);@media (width>=1280px){&{font-size:var(--medium-size)}}}
/*# sourceMappingURL=index.6d24ed19.css.map */