.work-kicker{color:var(--accent);margin-bottom:18px}.work{column-gap:var(--gut);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;row-gap:36px;display:grid}.work+.work{margin-top:clamp(104px,13vw,192px)}.work-media{grid-column:1/span 8;margin-bottom:6%;position:relative}.work-text{grid-column:9/span 4;padding-left:clamp(0px,2vw,32px)}.work.alt .work-media{order:2;grid-column:5/span 8}.work.alt .work-text{order:1;grid-column:1/span 4;padding:0}.work-text :is(h2,h3){margin-bottom:10px;font-size:clamp(2.5rem,4.4vw,3.75rem);line-height:1}.work-text p:not(.work-kicker):not(.tagline){color:var(--muted);margin-bottom:18px}.frame{border:1px solid var(--line-2);background:var(--bg-3);border-radius:6px;overflow:hidden}.frame-bar{border-bottom:1px solid var(--line);height:36px;color:var(--muted);align-items:center;padding:0 16px;font-size:.8125rem;display:flex}.frame-bar a{color:var(--muted);text-decoration:none}.frame-bar a:hover{color:var(--ink)}.frame-view{aspect-ratio:16/10;background:var(--void);overflow:hidden;container-type:size}.frame-view img{width:100%;transition:transform 1.4s cubic-bezier(.3,.1,.2,1)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.work-media:hover .frame-view img,.work-media:focus-within .frame-view img{transition-duration:9s;transition-timing-function:cubic-bezier(.45,0,.4,1);transform:translateY(calc(100cqh - 100%))}}.phone{border:1px solid var(--line-2);background:var(--void);width:22%;box-shadow:var(--shadow);border-radius:22px;padding:5px;position:absolute;bottom:-9%;right:-3%;overflow:hidden}.phone img{border-radius:17px}.work.alt .phone{width:18%;left:-3%;right:auto}@media (width<=1023px){.work-media,.work.alt .work-media{order:1;grid-column:1/-1}.work-text,.work.alt .work-text{order:2;grid-column:1/-1;max-width:640px;padding:0}}@media (width<=639px){.phone{border-radius:16px;width:30%;padding:3px;bottom:-12%}.phone img{border-radius:13px}.work.alt .phone{width:20%;left:-4%}}.also{column-gap:var(--gut);border-top:1px solid var(--line);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:32px;margin-top:clamp(104px,13vw,192px);padding-top:40px;display:grid}.also h3{grid-column:1/span 3;font-size:clamp(1.75rem,2.4vw,2.25rem);line-height:1.1}.also ul{grid-column:4/span 9;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;display:grid}.also li{color:var(--muted);font-size:.9375rem;line-height:1.55}.also strong{color:var(--ink);margin-bottom:8px;font-weight:500;display:block}@media (width<=1023px){.also h3,.also ul{grid-column:1/-1}.also ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=539px){.also ul{grid-template-columns:1fr}}