.project-trigger{display:block}
.project-trigger:focus-visible{outline-offset:8px}
.work-cutler{background:#172522}
.work-cutler-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s ease}
.project-trigger:hover .work-cutler-image,.project-trigger:focus-visible .work-cutler-image{transform:scale(1.035)}
.work-art-tag{position:absolute;left:22px;top:22px;padding:9px 11px;background:var(--paper);color:var(--ink);font-size:8px;font-weight:700;letter-spacing:1px;z-index:2}
.work-compilerx{background:#b9cdeb;isolation:isolate}
.work-compilerx::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 15% 85%,#e1ebff 0,transparent 65%)}
.work-screen{position:relative;width:90%;border:1px solid #fff9;background:#f3f7fc;box-shadow:0 24px 45px #193b672a;border-radius:7px;overflow:hidden;transform:rotate(-3deg);transition:transform .5s ease}
.work-screen img{width:100%;height:auto;display:block}
.work-browser{height:28px;display:flex;align-items:center;gap:4px;background:#fff;padding:0 10px;border-bottom:1px solid #e1e8ee}
.work-browser>span{width:4px;height:4px;background:#b5c0cc;border-radius:50%}
.work-browser p{margin:0 0 0 auto;font-size:5px;font-weight:700;color:#627180;letter-spacing:.8px}
.project-trigger:hover .work-screen,.project-trigger:focus-visible .work-screen{transform:rotate(0) translateY(-3px)}
.project-trigger .project-open{transition:background .2s,transform .2s}
.project-trigger:hover .project-open,.project-trigger:focus-visible .project-open{background:var(--lime);transform:rotate(45deg)}
.work-brand-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:55px}
.work-brand-row .project-trigger{display:grid;grid-template-columns:200px 1fr 52px;align-items:center;gap:38px;padding:25px 0}
.work-brand-image{background:#fff;overflow:hidden;height:160px}
.work-brand-image img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .4s}
.project-trigger:hover .work-brand-image img{transform:scale(1.05)}
.work-brand-copy .section-kicker{font-size:8px;letter-spacing:1.3px;margin-bottom:10px;color:#616955}
.work-brand-copy h3{font-size:26px;font-weight:600;letter-spacing:-.8px;margin:0 0 11px}
.work-brand-copy>p:last-child{font-size:12px;line-height:1.8;color:#626859;margin:0}
.work-row-arrow{width:48px;height:48px;display:grid;place-items:center;border:1px solid #b6bcae;border-radius:50%;font-size:24px;transition:background .2s}
.project-trigger:hover .work-row-arrow,.project-trigger:focus-visible .work-row-arrow{background:var(--lime)}
body.work-dialog-open{overflow:hidden}
.work-dialog{width:min(880px,calc(100% - 48px));max-height:calc(100svh - 48px);border:0;padding:0;background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #0005;overscroll-behavior:contain}
.work-dialog::backdrop{background:#101711cc;backdrop-filter:blur(7px)}
.work-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 34px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:2}
.work-dialog-header .section-kicker{font-size:8px}
.work-dialog-close{border:0;background:transparent;display:flex;gap:16px;align-items:center;padding:8px 0 8px 10px;font-size:11px;color:var(--ink)}
.work-dialog-close span{font-size:26px;font-weight:400;line-height:1}
.work-dialog-copy{padding:38px 44px 30px}
.work-dialog-copy h3{font-family:var(--display);font-size:60px;line-height:1;margin:0 0 20px;font-weight:600;letter-spacing:-1px}
.work-dialog-copy>p{font-size:14px;line-height:1.8;max-width:660px;margin:0}
.work-facts{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid var(--line);padding-top:20px;margin:28px 0 24px}
.work-facts dt{font-size:8px;letter-spacing:1.1px;text-transform:uppercase;color:#656d5e;margin-bottom:8px}
.work-facts dd{margin:0;font-size:12px}
.work-dialog-copy .work-context{font-size:11px;line-height:1.8;color:#626859}
.work-dialog-image{width:100%;height:auto;display:block}
.work-dialog-logo{max-height:620px;object-fit:contain;background:#fff}
@media(max-width:1000px){.work-brand-row .project-trigger{grid-template-columns:160px 1fr 44px;gap:28px}.work-brand-image{height:140px}.work-brand-copy h3{font-size:24px}.work-row-arrow{width:42px;height:42px}}
@media(max-width:700px){.work-cutler{height:auto;aspect-ratio:1.08}.work-compilerx{height:auto;aspect-ratio:1.08}.work-art-tag{left:16px;top:16px;font-size:7px;padding:8px 9px}.work-screen{width:90%}.work-brand-row{margin-top:38px}.work-brand-row .project-trigger{grid-template-columns:100px 1fr 28px;gap:15px;padding:22px 0}.work-brand-image{height:105px}.work-brand-copy .section-kicker{font-size:6px;letter-spacing:.6px;margin-bottom:8px}.work-brand-copy h3{font-size:18px;letter-spacing:-.6px;line-height:1.15;margin-bottom:8px}.work-brand-copy>p:last-child{font-size:9px;line-height:1.6}.work-brand-copy br{display:none}.work-row-arrow{width:28px;height:28px;font-size:17px}.work-dialog{width:calc(100% - 24px);max-height:calc(100svh - 24px)}.work-dialog-header{padding:13px 22px;gap:10px}.work-dialog-header .section-kicker{font-size:7px;letter-spacing:.7px}.work-dialog-copy{padding:28px 24px 25px}.work-dialog-copy h3{font-size:46px}.work-dialog-copy>p{font-size:12px}.work-facts{gap:18px;margin-top:22px}.work-facts dd{font-size:11px}.work-dialog-copy .work-context{font-size:10px}}
@media(max-width:370px){.work-brand-row .project-trigger{grid-template-columns:80px 1fr 24px;gap:12px}.work-brand-image{height:95px}.work-brand-copy h3{font-size:16px}.work-row-arrow{width:24px;height:24px}.work-brand-copy>p:last-child{font-size:8px}}
@media(prefers-reduced-motion:reduce){.work-cutler-image,.work-screen,.work-brand-image img,.project-trigger .project-open{transition:none}.project-trigger:hover .work-cutler-image,.project-trigger:focus-visible .work-cutler-image,.project-trigger:hover .work-screen,.project-trigger:focus-visible .work-screen,.project-trigger:hover .work-brand-image img{transform:none}}