@import"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css";@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v220/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXjeu.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#fff;font-family:Lato,sans-serif;font-weight:400;font-style:normal}.portfolio{padding-block:min(20vh,2rem);width:min(76.5rem,90%);margin-inline:auto;color:#111}.portfolio h2{text-transform:capitalize;letter-spacing:.025em;font-size:clamp(2rem,1.8125rem + .75vw,2.6rem)}.portfolio a{display:inline-block;text-decoration:none}.portfolio .container{margin-top:5em;display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:2rem}.portfolio .container .card ul{margin:0;padding:0;list-style-type:none;display:flex;align-items:center;flex-wrap:wrap;gap:.625rem}.portfolio .container .card ul li{text-transform:uppercase;background:var(--clr-tag);color:#282828;font-weight:700;font-size:.8rem;padding:.375rem .625rem;border-radius:.188rem}.portfolio .container .card ul .branding,.portfolio .container .card ul .packaging,.portfolio .container .card ul .marketing{color:#fff}.portfolio .container .card .content{padding:.938rem .625rem}.portfolio .container .card .content h3{text-transform:capitalize;font-size:clamp(1.5rem,1.3909rem + .4364vw,1.8rem)}.portfolio .container .card .content p{margin:.625rem 0 1.25rem;color:#565656}.portfolio .container .card-inner{position:relative;width:inherit;height:18.75rem;background:var(--clr);border-radius:1.25rem;border-bottom-right-radius:0;overflow:hidden}.portfolio .container .card-inner .box{width:100%;height:100%;background:#fff;border-radius:1.25rem;overflow:hidden}.portfolio .container .card-inner .box .imgBox{position:absolute;inset:0}.portfolio .container .card-inner .box .imgBox img{width:100%;height:100%;object-fit:cover}.portfolio .container .card-inner .box .icon{position:absolute;bottom:-.375rem;right:-.375rem;width:6rem;height:6rem;background:var(--clr);border-top-left-radius:50%}.portfolio .container .card-inner .box .icon:hover .iconBox{transform:scale(1.1)}.portfolio .container .card-inner .box .icon:before{position:absolute;content:"";bottom:.375rem;left:-1.25rem;background:transparent;width:1.25rem;height:1.25rem;border-bottom-right-radius:1.25rem;box-shadow:.313rem .313rem 0 .313rem #fff}.portfolio .container .card-inner .box .icon:after{position:absolute;content:"";top:-1.25rem;right:.375rem;background:transparent;width:1.25rem;height:1.25rem;border-bottom-right-radius:1.25rem;box-shadow:.313rem .313rem 0 .313rem var(--clr)}.portfolio .container .card-inner .box .icon .iconBox{position:absolute;inset:.625rem;background:#282828;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:.3s}.portfolio .container .card-inner .box .icon .iconBox span{color:#fff;font-size:1.5rem}.portfolio .container .card-1 .box .icon .iconBox{background:#d3b19a}.portfolio .container .card-2 .box .icon .iconBox{background:#70b3b1}.portfolio .container .card-3 .box .icon .iconBox{background:#d05fa2}