.website-project-holder{overflow:hidden}.website-project-holder .website-screenshot{position:relative;width:55%;flex-shrink:0;order:2;overflow:hidden;border-radius:0 7.5px 7.5px 0;border:1px solid rgba(var(--main-foreground-color-values),.12);min-height:340px}.website-project-holder .preview-frame{container-type:inline-size;overflow:hidden;pointer-events:none;width:100%;height:100%;position:absolute;transition:transform .15s}.website-project-holder:hover .preview-frame{transform:scale(1.0069)}.website-project-holder .preview-frame iframe{width:100%;height:100%;border:none;zoom:.5}.website-project-holder .website-info{display:flex;flex-direction:column;width:45%;margin:20px 24px;gap:2.5rem;flex-shrink:1;justify-content:space-between}.website-project-holder .website-info .project-title-holder{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.website-project-holder .website-info .project-title{font-size:15px;font-weight:700;color:rgba(var(--main-foreground-color-values),.75);letter-spacing:0}.website-project-holder .website-info .source-code-link-button{font-size:12px;padding:4px 14px;border-radius:7px;line-height:1.5;flex-direction:row-reverse}.website-project-holder .website-info p{font-size:1.5rem;line-height:1.2;color:var(--main-foreground-color)}.website-project-holder .website-info .badges-list{margin:0;margin-top:2.5rem;font-weight:400;font-size:11px;align-content:flex-end}.website-project-holder .website-info .badges-item{text-transform:none;padding:5px 9px;height:fit-content}.website-project-holder .overlay-header{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 26px 14px;background:linear-gradient(transparent,#000000de);z-index:5;display:none;align-items:center;justify-content:space-between;pointer-events:none}.website-project-holder .overlay-title{color:#fff;font-size:20px;font-weight:500}.website-project-holder .overlay-visit{font-size:12px;color:#fff;opacity:.85;text-decoration:none;border:1px solid rgba(255,255,255,.4);padding:4px 14px;border-radius:7px;line-height:1.5;cursor:pointer;display:flex;align-items:center;gap:.35rem;position:relative;z-index:5;pointer-events:all}.website-project-holder .overlay-visit svg{display:flex;justify-content:center;align-items:center;margin-right:0}.website-project-holder .site-light .overlay-header{background:linear-gradient(transparent,#ffffffde)}.website-project-holder .site-light .overlay-title{color:#1a1a1a}.website-project-holder .site-light .overlay-visit{color:#1a1a1a;border-color:#0000004d}@media (max-width: 750px){.website-project-holder{flex-direction:column;box-shadow:none;border:1px solid rgba(var(--main-foreground-color-values),.12)}.website-project-holder:hover{box-shadow:0 0 0 3px var(--project-shadow-color)}.website-project-holder .website-screenshot{width:100%;order:-1;border-radius:0;border:none;border-bottom:1px solid rgba(var(--main-foreground-color-values),.1);height:300px;min-height:300px}.website-project-holder .overlay-header{display:flex}.website-project-holder .overlay-title{font-size:15px}.website-project-holder .overlay-visit{font-size:11px;padding:3px 10px;flex-direction:row-reverse}.website-project-holder .website-info{width:100%;margin:0;padding:14px 24px 20px;gap:14px;max-width:none;box-sizing:border-box}.website-project-holder .website-info .project-title-holder{display:none}.website-project-holder .website-info p{font-size:1.15rem;margin:0}.website-project-holder .website-info .badges-list{margin-top:0}}