.work-section{background:var(--ink);color:var(--paper);padding-block:clamp(112px,9vw,144px) clamp(72px,6vw,96px)}.work-section ::selection{background:var(--paper);color:var(--ink)}.work-section :focus-visible{outline-color:var(--paper)}.work-header,.work-gallery,.work-pagination{width:100%;max-width:1100px;margin-inline:auto}.work-header{border-bottom:1px solid var(--night-rule);justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px;padding-bottom:28px;display:flex}.work-header h2{letter-spacing:-.035em;margin:0;font-size:clamp(38px,4.8vw,68px);font-weight:500;line-height:1.04}.work-controls{flex:none;align-items:center;gap:28px;display:flex}.work-count{color:var(--night-copy);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:10px;line-height:1;display:flex}.work-total{font-size:12px}[data-work-current]{color:var(--paper);letter-spacing:-.035em;font-size:42px}.work-arrows{border:1px solid var(--night-rule);border-radius:4px;display:flex;overflow:clip}.work-arrow{width:60px;height:56px;color:var(--paper);background:0 0;border:0;place-items:center;transition:color .18s,background-color .18s;display:grid}.work-arrow+.work-arrow{border-left:1px solid var(--night-rule)}.work-arrow svg{width:32px;height:24px;transition:transform .18s var(--ease)}.work-arrow:focus-visible{outline-offset:-5px}.work-arrow:disabled{opacity:.3;cursor:default}.work-gallery{min-width:0}.work-track{border-radius:12px 12px 0 0;gap:48px;display:grid}.is-enhanced .work-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;gap:0;display:flex;overflow-x:auto}.is-enhanced .work-track::-webkit-scrollbar{display:none}.work-slide{min-width:0}.is-enhanced .work-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%}.is-enhanced .work-slide[inert] .work-image-link img{view-transition-name:none}.work-image-link{background:var(--soft);border-radius:12px;display:block;overflow:hidden}.work-image-link img{aspect-ratio:3/2;object-fit:contain;width:100%;height:auto;display:block}.work-caption{justify-content:space-between;align-items:center;gap:32px;padding:28px 3px 8px;display:flex}.work-caption h3{letter-spacing:-.025em;margin:0 0 10px;font-size:clamp(23px,2.1vw,28px);line-height:1.35}.work-caption p{max-width:58ch;color:var(--night-copy);margin:0;font-size:14px;line-height:1.75}.work-detail-link{min-height:44px;text-decoration:underline;text-decoration-color:var(--night-rule);flex:none;align-items:center;gap:16px;font-size:14px;text-decoration-thickness:1px;transition:text-decoration-color .18s;display:inline-flex}.work-detail-link svg{transition:transform .22s var(--ease)}.work-pagination{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px;display:grid;position:relative}.work-pagination:before,.work-pagination:after{content:"";pointer-events:none;position:absolute}.work-pagination:before{background:var(--night-rule);height:1px;inset:3px 0 auto}.work-pagination:after{background:var(--orange);width:7px;height:7px;transform:translateX(var(--cursor-x,0px));transition:transform .36s var(--ease);top:0;left:0}.work-pagination button{min-height:76px;color:var(--night-copy);text-align:left;background:0 0;border:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;padding:22px 0 0;font-size:14px;line-height:1.6;transition:color .18s;display:flex;position:relative}.work-project-status{color:var(--night-copy);font-size:11px;line-height:1.65}.work-pagination [aria-pressed=true]{color:var(--paper)}@media (hover:hover){.work-arrow:hover:not(:disabled){background:var(--paper);color:var(--ink)}.work-arrow[data-work-prev]:hover:not(:disabled) svg{transform:translate(-3px)}.work-arrow[data-work-next]:hover:not(:disabled) svg{transform:translate(3px)}.work-pagination button:hover{color:var(--paper)}.work-detail-link:hover{text-decoration-color:currentColor}.work-detail-link:hover svg{transform:translate(4px)}}@media (width<=760px){.work-section{padding-block:88px 64px}.work-header{gap:16px;margin-bottom:28px;padding-bottom:24px}.work-header h2{font-size:clamp(32px,8vw,44px)}.work-header h2 span{display:block}.work-controls{flex-direction:column;align-items:flex-end;gap:16px}[data-work-current]{font-size:30px}.work-total{font-size:12px}.work-arrow{width:48px;height:44px}.work-arrow svg{width:26px}.work-caption{padding-top:22px;display:block}.work-caption h3{margin-bottom:10px;font-size:23px}.work-detail-link{margin-top:12px}.work-pagination{gap:16px;margin-top:24px}.work-pagination button{min-height:100px;font-size:12px}}@media (prefers-reduced-motion:reduce){.work-arrow,.work-arrow svg,.work-detail-link,.work-detail-link svg,.work-pagination button,.work-pagination:after{transition:none}}