*{box-sizing:border-box}

body{margin:0}

.works-page{background:var(--df-color-bg);color:var(--df-color-primary)}

.works-page>.df-section:not(.works-contact){background-color:var(--df-color-surface)}

.works-page{--df-radius: 18px}

.works-grid{gap:22px}

.works-card{overflow:hidden;border:3px solid var(--df-color-primary);border-radius:var(--df-radius);background:var(--df-color-surface);box-shadow:7px 7px 0 rgb(0 0 0/16%)}

.works-contact{background-image:none;background-position:0% 0%;background-origin:padding-box;background-clip:border-box;color:var(--df-color-primary)}

.works-contact{overflow:hidden}

.works-contact::before{position:absolute;border-radius:50%;content:""}

.works-contact::after{position:absolute;border-radius:50%;content:""}

.works-contact::before{top:-46px;left:7%;width:110px;height:110px;background:var(--df-color-accent)}

.works-contact::after{right:8%;bottom:-52px;width:130px;height:130px;border:18px solid var(--df-color-coral)}

.works-contact>.df-container{position:relative;z-index:1;text-align:center}

.works-contact .df-eyebrow{text-align:center}

.works-contact .df-section-heading{text-align:center}

.works-contact>.df-container>p:not(.df-eyebrow){text-align:center}

body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}

.works-page .lower-hero h1{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;line-height:1.25}

.works-grid img{width:100%}

.works-grid .instagram-post-link>img{width:100%}

.works-grid .instagram-post-link>.webgene-item-main-image{width:100%}

.works-grid .top-work-content{padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px}

.works-card>div{padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px}

.works-card p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;line-height:1.7}

.works-grid h3{margin-top:8px;margin-right:0px;margin-bottom:8px;margin-left:0px;font-size:17px;font-weight:400;line-height:1.45}

.works-contact .df-button{width:fit-content;margin-top:24px}

.works-contact .df-button{margin-right:12px;margin-left:12px}

.works-grid .instagram-post .top-work-content h3{margin-top:0px;font-weight:700}

.works-grid .webgene-blog{display:grid;gap:22px}

.works-grid .webgene-component{grid-column-start:1;grid-column-end:-1}

.works-grid>.webgene-blog{grid-column-start:1;grid-column-end:-1}

.works-grid .webgene-component>span{display:none}

.works-grid:not(:has(.works-card),:has(.instagram-post)){display:none}

.works-grid.has-work-posts>.works-fallback-card{display:none}

.works-grid .instagram-post:not(.is-work-post){display:none}

.works-grid .top-work-account{display:none}

.works-grid .instagram-post-link{display:block;color:inherit;text-decoration-line:none}

.works-grid .instagram-post-link>img{display:block;aspect-ratio:4/3;object-fit:cover}

.works-grid .instagram-post-link>.webgene-item-main-image{display:block;aspect-ratio:4/3;object-fit:cover}

.works-card>div>p:last-child{color:var(--df-color-primary);font-size:17px;font-weight:400;line-height:1.45}

.works-contact .df-button{display:flex}

.works-page .lower-hero{padding:clamp(48px,5vw,64px)0;background:var(--df-color-accent)}

.works-grid{display:grid}

.works-grid img{aspect-ratio:4/3;object-fit:cover}

.works-contact .df-section-heading{color:var(--df-color-primary)}

@media (min-width:704px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media (min-width:704px){.works-grid .webgene-blog{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media (min-width:704px){.works-contact .df-button{display:inline-flex}}

@media (min-width:704px){.works-contact .df-button+.df-button{margin-left:24px}}

@media (min-width:1088px){.works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media (min-width:1088px){.works-grid .webgene-blog{grid-template-columns:repeat(3,minmax(0,1fr))}}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

.works-contact .df-section-heading{margin-right:auto;margin-left:auto}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}