.work-page .role+.role{margin-top:clamp(1rem,2vw,1.75rem)}.work-page .role-head{padding-bottom:.25rem}.work-page .role-intro{margin-top:1rem}.work-page .project{margin-top:1.85rem}.work-page .project-title{font-size:1.15rem;font-weight:600;letter-spacing:-.015em;line-height:1.35}.work-page .project-body{display:flex;align-items:center;gap:clamp(1.25rem,3vw,2rem);flex-wrap:wrap;margin-top:1rem}.work-page .project-body.reverse{flex-direction:row-reverse}.work-page .project-body.align-top{align-items:flex-start}.work-page .project-copy{flex:1 1 20rem;min-width:0}.work-page .project-actions{display:flex;margin-top:1.15rem}.work-page .project-media{flex:0 1 18rem;max-width:18rem}.work-page .project-media.narrow{flex-basis:12rem;max-width:12rem}.work-page .project-media img{display:block;width:100%;height:auto;border-radius:var(--radius);object-fit:contain}.work-page .project-media img.project-media-logo{width:6.5rem;margin:0 auto .85rem}.work-page .carousel{flex:0 1 17rem;max-width:17rem;width:100%;display:grid;gap:.75rem}.work-page .carousel-frame{overflow:hidden;border-radius:var(--radius);background:var(--surface-alt)}.work-page .carousel-image{display:block;width:100%;aspect-ratio:3 / 4;object-fit:contain}.work-page .carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.work-page .carousel-arrow{display:grid;place-items:center;width:2.1rem;height:2.1rem;padding:0;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--ink-soft);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.work-page .carousel-arrow svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.work-page .carousel-arrow:hover,.work-page .carousel-arrow:focus-visible{background:var(--control-tint);border-color:var(--ink-muted);color:var(--ink)}.work-page .carousel-dots{display:flex;align-items:center;gap:.4rem}.work-page .carousel-dot{width:.5rem;height:.5rem;padding:0;border:0;border-radius:999px;background:var(--line-strong);cursor:pointer;transition:background-color .2s ease,width .2s ease}.work-page .carousel-dot:hover{background:var(--ink-muted)}.work-page .carousel-dot.active-dot{width:1.35rem;background:var(--ink)}@media(max-width:700px){.work-page .project-body,.work-page .project-body.reverse{flex-direction:column;align-items:stretch}.work-page .carousel,.work-page .project-media,.work-page .project-media.narrow{max-width:100%}}