.projects{padding-block:110px}.projects__heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:56px;display:flex}.projects__heading .eyebrow,.projects__heading h2 span{color:var(--color-violet)}.projects__heading .handwritten{color:var(--color-violet);margin:0 65px 15px 0;font-size:2.2rem;transform:rotate(-6deg)}.projects__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px;display:grid}.projects__all{justify-content:center;margin-top:52px;display:flex}.projects__card{--project-accent:var(--color-turquoise);min-width:0}.projects__card--violet{--project-accent:var(--color-violet)}.projects__card--electric{--project-accent:var(--color-electric)}.projects__card--navy{--project-accent:var(--color-navy)}.projects__card:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 16px)}.projects__card:focus-within .projects__arrow{background:var(--color-violet);color:var(--color-white);transform:rotate(45deg)}.projects__image{background:var(--project-accent);border-radius:var(--radius-card);padding:34px 32px 0;position:relative;overflow:hidden}.projects__window-bar{background:var(--color-white);height:31px;color:var(--color-navy);border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:0 12px;font-size:.55rem;display:flex}.projects__window-bar>span:first-child{letter-spacing:3px;opacity:.5;font-size:6px}.projects__window-bar .arrow{width:12px;height:12px}.projects__image-frame{aspect-ratio:1.75;background:var(--color-paper);position:relative;overflow:hidden}.projects__image-frame:focus-visible{outline-offset:-4px}.projects__screenshot{object-fit:cover;object-position:center top;width:100%;height:100%;transition:object-position 5s}.projects__index{background:var(--color-white);color:var(--color-navy);pointer-events:none;border-radius:20px;padding:2px 10px;font-size:.65rem;position:absolute;bottom:14px;right:14px}.projects__caption{justify-content:space-between;align-items:center;gap:20px;padding-top:21px;display:flex}.projects__caption p{color:var(--color-muted);margin-bottom:6px;font-size:.72rem}.projects__caption h3{font-size:1.9rem}.projects__arrow{border:1px solid var(--color-line);border-radius:50%;place-items:center;width:46px;height:46px;transition:all .25s;display:grid}@media (min-width:1024px){.projects__card:hover .projects__screenshot,.projects__card:focus-within .projects__screenshot,.projects .project-preview:hover .projects__screenshot,.projects .project-preview:focus-within .projects__screenshot{object-position:center bottom}.projects__card:hover .projects__arrow,.projects__card:focus-within .projects__arrow,.projects .project-preview:hover .projects__arrow,.projects .project-preview:focus-within .projects__arrow{background:var(--color-violet);color:var(--color-white);transform:rotate(45deg)}}@media (max-width:1023px),(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.projects__hint-hover{display:none}.projects__hint-scroll{display:inline}.projects__image-frame{overscroll-behavior-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-violet) var(--color-paper);overflow-y:auto}.projects__screenshot{height:auto;transition:none}}@media (max-width:767px){.projects{padding-block:75px}.projects__heading{display:block}.projects__heading .handwritten{margin:28px 0 0 12px;font-size:1.9rem}.projects__grid{grid-template-columns:1fr;gap:36px}.projects__card:last-child:nth-child(odd){grid-column:auto;width:100%}.projects__image{padding:24px 20px 0}}.project-preview{--project-accent:var(--color-turquoise);min-width:0}.project-preview.projects__card--violet{--project-accent:var(--color-violet)}.project-preview.projects__card--electric{--project-accent:var(--color-electric)}.project-preview.projects__card--navy{--project-accent:var(--color-navy)}@media (min-width:1024px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.project-preview:hover .projects__screenshot,.project-preview:focus-within .projects__screenshot{object-position:center bottom}}