/* A preview of several real projects replaces the single mascot card. */
.work-collage{width:min(100%,570px);height:620px;position:relative;justify-self:center;isolation:isolate}
.collage-ring{position:absolute;width:485px;height:485px;border:1px solid #ffffffa6;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 30px #ffffff1a,0 0 0 85px #ffffff0c;z-index:-1}
.work-card{position:absolute;border:2px solid #fff;border-radius:18px;box-shadow:0 20px 45px #2d779659,inset 0 2px #ffffff7d;overflow:hidden}
.work-card-main{left:9%;top:85px;width:66%;height:425px;background:linear-gradient(145deg,#2e7db0,#173d6b 80%);color:#fff;display:flex;flex-direction:column}
.work-card-top{display:flex;justify-content:space-between;padding:18px 20px;font:700 10px var(--display);letter-spacing:.16em;color:#d8f2ff;border-bottom:1px solid #ffffff2f}.work-card-top span:last-child{font-size:17px;color:#ffdc98}
.work-code{flex:1;display:flex;align-items:center;justify-content:center;gap:13px;background:radial-gradient(circle,#83d6ed50,transparent 65%),repeating-linear-gradient(0deg,#ffffff13 0 1px,transparent 1px 26px);font:700 93px var(--display);letter-spacing:-.1em;color:#bcecfb}.work-code b{font-size:76px;color:#fff;font-weight:600;letter-spacing:-.08em}.work-code span:last-child{color:#f9d58f}
.work-card-copy{padding:20px 22px 23px;background:#173e67}.work-card-copy small{font:700 10px var(--display);letter-spacing:.16em;color:#a9d9ee}.work-card-copy h2{font:700 29px var(--display);letter-spacing:-.05em;margin:3px 0 4px;color:#fff}.work-card-copy p{font:500 12px/1.5 var(--font);color:#cbe4f2;margin:0}
.work-card-link{top:25px;right:0;width:210px;height:118px;background:#fffdf4;padding:18px 19px;display:flex;flex-direction:column;justify-content:center;color:#276b96;z-index:2}.work-card-link>span,.work-card-link small{font:700 9px var(--display);letter-spacing:.14em;color:#6b9ab3}.work-card-link strong{font:700 23px var(--display);letter-spacing:-.05em;margin:4px 0}.work-card-link small{color:#d19a46}
.work-card-niru{right:0;bottom:48px;width:190px;height:250px;background:radial-gradient(circle at 50% 35%,#faf0ff,#b7e2ef 75%);z-index:3}.work-card-niru img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:none}.work-card-niru>div{position:absolute;inset:auto 0 0;padding:23px 15px 13px;background:linear-gradient(transparent,#174c71c9);color:#fff;display:flex;flex-direction:column;gap:2px}.work-card-niru span{font:700 8px var(--display);letter-spacing:.15em}.work-card-niru strong{font:700 22px var(--display);line-height:1}
.work-open{position:absolute;left:9%;bottom:30px;display:inline-flex;align-items:center;gap:11px;color:#205879;background:#ffffffcf;border:1px solid #fff;padding:10px 14px;border-radius:8px;box-shadow:0 8px 18px #2a789138;font:700 10px var(--display);letter-spacing:.1em;transition:transform .2s,background .2s}.work-open:hover{transform:translateY(-3px);background:#fff}.work-open span{font-size:18px;line-height:1;color:#d69f48}
.art-niru{background:radial-gradient(circle at 50% 40%,#f5e9ff,#bbe7f2 62%,#74b8d7)}.art-niru::before{content:"NIRU";position:absolute;color:#ffffff99;font:700 90px var(--display);letter-spacing:-.08em;left:18px;top:10px}.art-niru img{height:100%;max-width:100%;object-fit:contain;object-position:center bottom;position:relative;z-index:1}
@media(max-width:1050px){.work-collage{height:535px}.collage-ring{width:360px;height:360px}.work-card-main{height:370px;top:77px}.work-code{font-size:68px}.work-code b{font-size:60px}.work-card-copy h2{font-size:24px}.work-card-link{width:170px;height:100px;padding:13px}.work-card-link strong{font-size:19px}.work-card-niru{width:150px;height:210px;bottom:42px}.work-open{bottom:13px}}
@media(max-width:760px){.work-collage{height:525px;width:min(100%,510px)}.collage-ring{width:390px;height:390px}.work-card-main{left:7%;width:63%;height:380px;top:72px}.work-card-link{right:3%;top:18px}.work-card-niru{right:3%;bottom:42px;width:158px;height:220px}.work-open{left:7%;bottom:18px}}
@media(max-width:560px){.work-collage{height:465px;width:100%}.collage-ring{width:300px;height:300px}.work-card-main{left:0;width:62%;height:340px;top:62px;border-radius:14px}.work-card-top{padding:12px;font-size:8px}.work-code{font-size:54px}.work-code b{font-size:45px}.work-card-copy{padding:12px}.work-card-copy h2{font-size:20px}.work-card-copy p{font-size:10px}.work-card-copy small{font-size:8px}.work-card-link{right:0;top:15px;width:45%;height:85px;padding:10px;border-radius:12px}.work-card-link strong{font-size:16px}.work-card-link>span,.work-card-link small{font-size:7px}.work-card-niru{right:0;bottom:42px;width:36%;height:175px;border-radius:13px}.work-card-niru strong{font-size:18px}.work-open{left:0;bottom:0;font-size:9px}}