.work-section{gap:var(--sp-32);flex-direction:column;display:flex}.work-project{column-gap:var(--sp-12);grid-template-columns:clamp(220px,26vw,300px) minmax(0,1fr);align-items:start;display:grid}.work-project__aside{top:var(--sp-16);align-self:start;align-items:flex-start;gap:var(--sp-3);flex-direction:column;display:flex;position:sticky}.work-project__title{font-family:var(--font-serif);font-size:var(--text-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3)}.work-project__tags{font-family:var(--font-sans);font-size:var(--text-meta);line-height:var(--lh-meta);letter-spacing:var(--ls-meta);color:var(--muted)}.work-project__desc{color:var(--ink-soft);font-size:var(--text-meta);line-height:var(--lh-meta)}.btn.work-project__case{margin-top:var(--sp-2);min-height:38px;padding:var(--sp-2) var(--sp-4);font-size:var(--text-meta)}@media (hover:hover) and (pointer:fine){@media (prefers-reduced-motion:no-preference){.work-project__case svg{transition:transform var(--dur-hover) var(--ease-out)}.work-project__case:hover svg{transform:translate(2px,-2px)}}}.work-project__screens{gap:var(--sp-5);flex-direction:column;min-width:0;display:flex}.work-screen{border-radius:var(--card-radius);border:1px solid var(--line);background:var(--paper-deep);width:100%;height:auto;display:block}@media (max-width:880px){.work-section{gap:var(--sp-20)}.work-project{display:block}.work-project__aside{margin-bottom:var(--sp-5);position:static}.work-project__screens{gap:var(--sp-3);scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);-webkit-overflow-scrolling:touch;flex-direction:row;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.work-project__screens .shot-zoom-btn{scroll-snap-align:center;flex:0 0 80%}}