.works-header{position:relative}.work-header__summary figure{box-shadow:5px 5px 10px rgba(0,0,0,.2);max-width:425px;margin-top:4rem}.work-header__summary figure img{border-radius:15px;width:100%}.iframe-wrap iframe.iframe-zoom{border-color:var(--dark-glare);border-width:10px;border-style:solid}.osdj-img{box-shadow:5px 5px 10px rgba(0,0,0,.2);border-color:var(--dark-glare);border-width:10px;border-style:solid}ul.websites-list{padding:var(--size-900) 0}ul.websites-list .websites-list__item{margin-bottom:var(--size-900)}ul.websites-list .websites-list__item figure{box-shadow:5px 5px 10px rgba(0,0,0,.2);transition:all .5s ease}ul.websites-list .websites-list__item figure img{width:100%;border-radius:15px}ul.websites-list .websites-list__item:hover figure{transform:scale(1.02)}@media(min-width: 62em){ul.websites-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-900);grid-template-rows:repeat(7, 1fr)}ul.websites-list .websites-list__item{margin-bottom:0}ul.websites-list .websites-list__item:first-child{grid-column:1;grid-row:1/3}ul.websites-list .websites-list__item:nth-child(2){grid-column:2;grid-row:2/4}ul.websites-list .websites-list__item:nth-child(3){grid-column:1;grid-row:3/5}ul.websites-list .websites-list__item:nth-child(4){grid-column:2;grid-row:4/6}ul.websites-list .websites-list__item:nth-child(5){grid-column:1;grid-row:5/7}ul.websites-list .websites-list__item:nth-child(6){grid-column:2;grid-row:6/8}}@media(min-width: 62em){ul.websites-list.featured-list{grid-template-rows:repeat(5, 1fr)}}.graphics-list{padding:var(--size-900) 0;display:grid;gap:var(--size-900)}@media(min-width: 62em){.graphics-list{grid-template-columns:1fr 1fr;grid-template-rows:repeat(5, 1fr)}.graphics-list .graphics-list__item:first-child{grid-column:1;grid-row:1/3}.graphics-list .graphics-list__item:nth-child(2){grid-column:2;grid-row:2/4}.graphics-list .graphics-list__item:nth-child(3){grid-column:1;grid-row:3/5}.graphics-list .graphics-list__item:nth-child(4){grid-column:2;grid-row:4/6}.graphics-list .graphics-list__item:nth-child(5){grid-column:1;grid-row:5/7}}.graphics-list__heading{margin-bottom:2rem}.graphics-list .logo-list{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;background:#fff;box-shadow:5px 5px 10px rgba(0,0,0,.2);border-radius:15px;padding:2rem}.graphics-list .logo-list__item{position:relative;width:100%;overflow:hidden}.graphics-list .logo-list__item .ratio-content-wrap{position:absolute;width:100%;height:100%}.graphics-list .logo-list__item .ratio-content-wrap figure{display:flex;width:100%;height:100%;object-fit:contain;justify-content:center;transition:all .5s ease}.graphics-list .logo-list__item .ratio-content-wrap figure:hover{transform:scale(1.07)}.graphics-list .logo-list__item .ratio-content-wrap figure.inflxion-logo img{width:55%}.graphics-list .logo-list__item .ratio-content-wrap figure.care-project-logo img{width:30%}.graphics-list .logo-list__item .ratio-content-wrap figure.em-logo img{width:40%}.graphics-list .logo-list__item .ratio-content-wrap figure.hom-logo img{width:25%}.graphics-list .logo-list__item:after{content:"";display:block;padding-bottom:57.7367205543%}.graphics-list .illustrations-list,.graphics-list .posters-list{position:relative;display:flex;justify-content:center;align-items:center;background:#fff;box-shadow:5px 5px 10px rgba(0,0,0,.2);border-radius:15px;padding:2rem}.graphics-list .illustrations-list:after,.graphics-list .posters-list:after{content:"";display:block;padding-bottom:57.7367205543%}.graphics-list .illustrations-list__item,.graphics-list .posters-list__item{position:relative;width:100%;overflow:hidden}.graphics-list .illustrations-list__item figure,.graphics-list .posters-list__item figure{display:flex;width:100%;height:100%;object-fit:contain;justify-content:center}.graphics-list .icons-list{background:#fff;display:grid;grid-template-columns:repeat(auto-fill, minmax(1.5rem, 1fr));gap:2rem;justify-items:center;align-items:center;box-shadow:5px 5px 10px rgba(0,0,0,.2);border-radius:15px;padding:3rem}.graphics-list .posters-list{gap:1rem}.auto-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--auto-grid-min-size, 25rem), 1fr));grid-gap:var(--auto-grid-gap, var(--size-900))}