.devices{--bezel:#1c1c1a;--bezel-edge:#fffdf71a;--device-shadow:0 1.2cqw 2.4cqw #00000038, 0 3cqw 6cqw -1cqw #0000004d;width:100%;position:relative;container-type:inline-size}.devices .screen{background:var(--charcoal);position:relative;overflow:hidden}.devices .screen img{object-fit:cover;object-position:top center;filter:none;width:100%;height:100%;display:block}.devices.laptop .device-main{position:relative}.devices.laptop.pair .device-main{width:84%}.devices.laptop .device-main .screen{aspect-ratio:16/10;border:1.4cqw solid var(--bezel);box-shadow:0 0 0 1px var(--bezel-edge), var(--device-shadow);border-bottom-width:2cqw;border-radius:1.6cqw 1.6cqw 0 0;margin:0 7%}.devices.laptop .base{height:2.2cqw;box-shadow:0 0 0 1px var(--bezel-edge), var(--device-shadow);background:linear-gradient(#56554f 0,#2c2b28 35%,#121211 100%);border-radius:0 0 2cqw 2cqw;position:relative}.devices.laptop .base:before{content:"";background:#1b1a18;border-radius:0 0 1cqw 1cqw;height:34%;position:absolute;top:0;left:42%;right:42%}.devices .device-tablet{z-index:1;width:26%;position:absolute;bottom:0;right:0}.devices .device-tablet .screen{aspect-ratio:3/4;border:1.3cqw solid var(--bezel);box-shadow:0 0 0 1px var(--bezel-edge), 0 1.6cqw 3cqw #00000052, 0 4cqw 7cqw -1cqw #0000005c;border-radius:2.2cqw}.devices .device-tablet .screen img{border-radius:.8cqw}.devices.tablet{aspect-ratio:16/10}.devices.tablet .device-main{position:absolute;inset:3% 9%}.devices.tablet .device-main .screen{border:2.6cqw solid var(--bezel);height:100%;box-shadow:0 0 0 1px var(--bezel-edge), var(--device-shadow);border-radius:4cqw}.devices.tablet .device-main .screen img{border-radius:1.2cqw}html.js [data-settle]{transition:transform .7s cubic-bezier(.2,.7,.2,1) .15s}html.js .reveal:not(.is-in) [data-settle]{transform:translateY(8px)}@media (prefers-reduced-motion:reduce){html.js [data-settle]{transition:none;transform:none}}.work-list{gap:var(--s-4);grid-template-columns:1fr;display:grid}.work-piece{align-content:start;gap:var(--s-3);min-width:0;padding:var(--s-2) var(--s-2) var(--s-3);background:var(--card-surface);border-radius:var(--card-radius);box-shadow:var(--card-shadow);transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out);scroll-margin-top:2rem;display:grid;position:relative}.wp-title:after{content:"";z-index:1;border-radius:var(--card-radius);position:absolute;inset:0}.work-piece:hover,.work-piece:focus-within{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.work-piece:hover .wp-title{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.work-piece:hover .wp-cue{text-decoration-color:currentColor}.work-piece:hover .wp-cue .arw{transform:translate(2px)}.wp-media{aspect-ratio:16/10;background:var(--charcoal);border-radius:2px;margin:0;overflow:hidden}.wp-media img{object-fit:cover;filter:saturate(.82)contrast(1.05);width:100%;height:100%;display:block}.wp-media:not(.device) img{transition:transform .6s var(--ease-out)}.work-piece:hover .wp-media:not(.device) img{transform:scale(1.02)}.wp-media.device{aspect-ratio:auto;padding:var(--s-1) var(--s-1) 0;background:0 0;border-radius:0;overflow:visible}.wp-film{z-index:2;align-self:start;position:relative}.wp-film video{object-fit:contain;background:var(--charcoal);width:100%;height:100%;display:block}.wp-copy{padding:0 var(--s-1);flex-direction:column;gap:.6rem;display:flex}.wp-over{color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;margin:0}.wp-heading{max-width:22ch;font-family:var(--font-sans);letter-spacing:-.01em;text-transform:none;margin:0;font-size:clamp(1.5rem,6vw,1.9rem);font-weight:650;line-height:1.05}.wp-title{color:var(--ink);text-underline-offset:.18em;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:text-decoration-color .15s}.wp-sum{max-width:46ch;color:color-mix(in srgb, var(--ink) 90%, var(--paper));margin:0;font-size:.98rem;line-height:1.55}.wp-note{max-width:46ch;color:var(--muted);font-size:var(--fs-sm);margin:0;line-height:1.5}.wp-actions{flex-wrap:wrap;align-items:center;gap:0 1.5rem;margin-top:.25rem;display:flex}.wp-cue{color:var(--ink)}.wp-ext{z-index:2;color:var(--ink);position:relative}.wp-ext .arw{color:var(--signal)}.work-list a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}@media (width>=640px){.work-piece{padding:var(--s-3) var(--s-3) var(--s-4)}.wp-copy{padding:0}.wp-heading{max-width:24ch;font-size:clamp(1.7rem,3.2vw,2.1rem)}}@media (width>=1000px){.work-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,2.5vw,2.25rem)}.work-piece:not(.lead){grid-template-rows:auto 1fr}.work-piece:not(.lead) .wp-actions{margin-top:auto;padding-top:.5rem}.work-piece.lead{grid-column:1/-1;grid-template-columns:minmax(0,1.3fr) minmax(300px,.8fr);align-items:center;column-gap:clamp(2rem,3.5vw,3.5rem)}.work-piece.lead .wp-heading{max-width:20ch;font-size:clamp(1.9rem,2.3vw,2.5rem)}}@media (prefers-reduced-motion:reduce){.wp-title,.work-piece,.wp-media img{transition:none}.work-piece:hover,.work-piece:focus-within,.work-piece:hover .wp-media img{transform:none}}