#projects.projects-carousel{height:auto;overflow:hidden;padding-block:5.5rem;position:relative}
#projects.projects-carousel .section-heading{position:static;display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.75rem}
#projects.projects-carousel .section-heading>p{position:static;margin:0;color:#969d98;font-size:.9375rem;line-height:1.65}
#projects.projects-carousel .section-heading>.button{display:inline-flex;flex:none;min-height:2.75rem;font-size:.8125rem;cursor:pointer}
#projects .project-grid{display:flex;flex-wrap:nowrap;gap:1.5rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-inline:0;margin:0;padding:.5rem 0 1rem;width:100%;max-width:100%;scrollbar-width:none;touch-action:pan-x pan-y;grid-template-columns:none}
#projects .project-grid::-webkit-scrollbar{display:none}
#projects .project-grid>.project-slide{flex:0 0 calc((100% - 3rem)/3);width:calc((100% - 3rem)/3);min-width:0;padding:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
#projects .project-slide article{display:flex;flex-direction:column;height:100%;min-width:0}
#projects .project-screen{display:block;min-width:0;overflow:hidden;border-radius:.8rem;transform:none}
#projects .screen-bar{height:2.75rem;padding-inline:.875rem;font-size:.875rem;gap:.5rem}
#projects .screen-bar span{font-size:.625rem;white-space:nowrap}
#projects .frame-window{margin:0 .75rem;height:auto;aspect-ratio:1.7;overflow:hidden;position:relative;pointer-events:none}
#projects .frame-window iframe{position:absolute;inset:0;width:1024px;height:768px;border:0;transform-origin:0 0;pointer-events:none}
#projects .project-slide article>p{font-size:.9375rem;line-height:1.6;color:#a7aea6;margin:1.1rem 0 .75rem;min-height:3em}
#projects .project-slide .text-link{font-size:.875rem;align-self:start;margin-top:auto}
#projects .project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:1.75rem}
#projects .project-position{font-size:.8125rem;color:#8e998f;letter-spacing:.03em}
#projects .project-controls{position:static;display:flex;gap:.75rem;justify-content:end;margin:0;transform:none}
#projects .project-controls .round{width:2.75rem;height:2.75rem;font-size:1.25rem;color:#dddcd5;border:1px solid #667065;transition:background .2s,opacity .2s}
#projects .project-controls .round:hover:enabled{background:#ffffff12}
#projects .project-controls .round:disabled{opacity:.25;cursor:default;transform:none}
#projects .project-grid:focus-visible{outline:2px solid #d4d3c9;outline-offset:6px;border-radius:.75rem}
#projects.is-expanded .project-grid{flex-wrap:wrap;overflow:visible;scroll-snap-type:none}
#projects.is-expanded .project-controls{display:none}
#projects .project-slide .motion-reveal{opacity:1;translate:none;transform:none;transition:none}
@media(max-width:991.98px){#projects .project-grid>.project-slide{flex-basis:calc((100% - 1.5rem)/2);width:calc((100% - 1.5rem)/2)}#projects.projects-carousel .section-heading{flex-wrap:wrap;align-items:start}#projects.projects-carousel .section-heading>p{font-size:.875rem}#projects.projects-carousel .section-heading>.button{margin-left:auto}}
@media(max-width:575.98px){#projects.projects-carousel{padding-block:3.5rem}#projects.projects-carousel .section-heading{display:block;margin-bottom:1.75rem}#projects.projects-carousel .section-heading>p{margin-top:1rem;font-size:.9375rem}#projects.projects-carousel .section-heading>.button{margin-top:1.25rem;min-height:2.75rem;font-size:.8125rem}#projects .project-grid{gap:1rem}#projects .project-grid>.project-slide{flex-basis:100%;width:100%}#projects .screen-bar{height:2.75rem;font-size:.875rem}#projects .screen-bar span{font-size:.5625rem}#projects .project-slide article>p{font-size:.9375rem;margin-top:1rem}#projects .project-slide .text-link{font-size:.875rem}#projects .project-toolbar{margin-top:1.25rem}#projects .project-controls .round{width:2.75rem;height:2.75rem}#projects .project-position{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){#projects .project-grid{scroll-behavior:auto}}