.dw-works{z-index:2;max-width:var(--page-max);padding:clamp(64px, 11vh, 120px) var(--page-pad) clamp(40px, 7vh, 72px);margin-inline:auto;position:relative}.dw-works-head{flex-direction:column;gap:10px;margin-bottom:clamp(18px,3.2vh,30px);display:flex}.dw-works-mist{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.dw-works-mist-img{object-fit:cover;opacity:0;visibility:hidden;filter:blur(56px)saturate(1.3)brightness(.5);width:132%;height:132%;transition:opacity var(--dur-story) var(--ease), visibility 0s linear var(--dur-story);position:absolute;inset:-16%;transform:scale(1.06)}.dw-works-mist-img[data-on=true]{opacity:.62;visibility:visible;transition:opacity var(--dur-story) var(--ease), visibility 0s}.dw-works-mist:after{content:"";background:radial-gradient(76% 64% at 50% 46%, transparent 0%, color-mix(in srgb, var(--dw-bg) 62%, transparent) 62%, var(--dw-bg) 100%), linear-gradient(to bottom, var(--dw-bg) 0%, color-mix(in srgb, var(--dw-bg) 30%, transparent) 30% 68%, var(--dw-bg) 100%);position:absolute;inset:0}.dw-works-kicker{font-size:var(--fs-note);letter-spacing:.18em;color:var(--dw-muted);margin:0}.dw-works-lead{max-width:34ch;font-family:var(--dw-font-body);font-size:var(--fs-h2);color:var(--dw-ink);text-wrap:pretty;margin:0;font-weight:500;line-height:1.42}.dw-works-stage{height:clamp(320px,54vh,580px);position:relative}.dw-works-reel{position:absolute;inset:0}.dw-works-meta{border-top:1px solid var(--dw-line);min-height:46px;font-size:var(--fs-note);color:var(--dw-muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-top:clamp(6px,1.6vh,14px);padding-top:14px;display:flex}.dw-works-meta-line{color:var(--dw-ink-2);transition:color var(--dur-hover) var(--ease);margin:0}.dw-works-meta-links{flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin:0;display:flex}.dw-works-link{color:var(--dw-ink);border-bottom:1px solid var(--dw-line);transition:border-color var(--dur-hover) var(--ease);padding-bottom:1px;text-decoration:none}.dw-works-link:hover{border-color:var(--dw-line-strong)}.dw-works-stack{color:var(--dw-muted)}@media (max-width:767px){.dw-works{padding-top:56px}.dw-works-head{gap:8px}.dw-works-stage{height:clamp(300px,48vh,440px)}}
