.work-showcase-page{--work-ink:#11130f;--work-paper:#f5f2e9;--work-accent:#dcf45b;background:var(--work-paper);color:var(--work-ink)}
.work-wrap{width:min(1760px,calc(100% - 8vw));margin-inline:auto}
.work-page h1,.work-page h2,.work-page p,.work-footer p{margin:0;color:inherit}
.work-opening{padding:clamp(46px,6.1vw,112px) 0 clamp(44px,6vw,108px)}
.work-kicker{font-size:clamp(13px,1.75vw,28px);font-weight:780;line-height:1.2;letter-spacing:-.025em}
.work-intro-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:clamp(28px,4vw,72px);margin-top:clamp(30px,3.7vw,68px)}
.work-title{font-size:clamp(52px,8.4vw,154px);font-weight:920;line-height:1.18;letter-spacing:-.065em}
.work-title-mask{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.work-title-mask>[data-work-title]{display:block;white-space:nowrap}
.work-lead{padding-bottom:.55em;font-size:clamp(16px,2vw,33px);font-weight:550;line-height:1.55;letter-spacing:-.045em;word-break:keep-all}
.work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:2px solid var(--work-ink);padding:clamp(23px,3vw,50px) 0 clamp(40px,5.6vw,96px)}
.work-filters{display:flex;align-items:center;gap:clamp(9px,1vw,20px);min-width:0}
.work-filters button{appearance:none;flex-shrink:0;border:0;border-radius:0;color:inherit;background:transparent;padding:10px clamp(18px,2.2vw,38px);min-height:44px;font-family:inherit;font-size:clamp(16px,2.1vw,32px);font-weight:750;line-height:1.35;letter-spacing:-.045em;cursor:pointer;transition:background .2s ease,color .2s ease}
.work-filters button[aria-pressed=true]{background:var(--work-accent)}
.work-example-label{flex-shrink:0;font-size:clamp(13px,1.85vw,29px);line-height:1.4;letter-spacing:-.035em;font-weight:550}
.work-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(18px,2.4vw,44px);row-gap:clamp(48px,6.7vw,122px)}
.work-project{min-width:0}.work-project-featured{grid-column:1 / -1}
.work-project-link{display:block;color:inherit}
.work-project-photo{aspect-ratio:1.25;overflow:hidden;background:#e0ded6}
.work-project-featured .work-project-photo{aspect-ratio:1.96}
.work-project-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:none;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.work-project-copy{position:relative;padding-top:clamp(20px,2.3vw,42px)}
.work-project-label{font-size:clamp(12px,1.7vw,28px);font-weight:720;line-height:1.25;letter-spacing:-.035em}
.work-project h2{margin-top:clamp(8px,1vw,18px);font-size:clamp(24px,3.5vw,61px);font-weight:860;line-height:1.25;letter-spacing:-.06em;word-break:keep-all}
.work-project-featured h2{font-size:clamp(31px,4.95vw,89px);padding-right:1.25em}
.work-project-description{margin-top:clamp(8px,1.2vw,22px)!important;font-size:clamp(16px,2.25vw,37px);font-weight:500;line-height:1.45;letter-spacing:-.045em}
.work-project-arrow{position:absolute;right:0;top:clamp(48px,6vw,108px);display:block;transition:transform .25s ease}
.work-project-arrow .icon{width:clamp(34px,4.7vw,84px);height:clamp(34px,4.7vw,84px);stroke-width:1.2}
.work-project-link:focus-visible,.work-filters button:focus-visible{outline:3px solid #568fe9;outline-offset:7px}
.work-project-link:focus-visible .work-project-arrow{transform:translate(3px,-3px)}
.work-footer{display:flex;justify-content:space-between;gap:24px;border-top:2px solid var(--work-ink);margin-top:clamp(44px,6.1vw,110px);padding:clamp(19px,2.2vw,40px) 0 clamp(28px,4.2vw,76px);font-size:clamp(11px,1.5vw,24px);font-weight:600;line-height:1.4;letter-spacing:-.025em}
.work-footer strong{font-weight:800}
.work-sr-only{position:absolute!important;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
@media(hover:hover){.work-project-link:hover img{transform:scale(1.025)}.work-project-link:hover .work-project-arrow{transform:translate(4px,-4px)}.work-filters button:hover{background:#e6e8d7}.work-filters button[aria-pressed=true]:hover{background:var(--work-accent)}}
@media(max-width:1000px){.work-lead{font-size:clamp(14px,1.9vw,20px)}.work-filters button{padding-inline:18px}.work-filters{gap:4px}.work-project h2{font-size:3.5vw}.work-project-featured h2{font-size:4.95vw}}
@media(max-width:800px){
 .work-wrap{width:calc(100% - 44px)}
 .work-opening{padding-block:45px}.work-intro-grid{gap:24px}.work-title{font-size:8.4vw}
 .work-toolbar{gap:16px;padding-block:23px 36px}.work-filters{gap:2px}.work-filters button{padding-inline:14px;font-size:15px}.work-example-label{font-size:12px}
 .work-projects{gap:42px 20px}.work-project-copy{padding-top:18px}.work-project h2{font-size:3.5vw}.work-project-featured h2{font-size:4.95vw}.work-project-description{font-size:16px}.work-project-label{font-size:12px}
 .work-footer{font-size:11px;margin-top:44px;padding-block:22px 30px}
}
@media(max-width:600px){
 .work-opening{padding-block:35px 36px}.work-kicker{font-size:12px}
 .work-intro-grid{grid-template-columns:1fr;gap:23px;margin-top:26px}.work-title{font-size:clamp(40px,11.7vw,70px);line-height:1.2;letter-spacing:-.065em}.work-lead{font-size:15px;padding:0;line-height:1.65}
 .work-toolbar{display:block;padding-block:19px 28px}.work-filters{gap:2px;flex-wrap:wrap}.work-filters button{font-size:14px;padding:10px 14px}.work-example-label{text-align:right;margin-top:18px!important;font-size:12px}
 .work-projects{grid-template-columns:1fr;row-gap:38px}.work-project-featured{grid-column:auto}.work-project-photo{aspect-ratio:1.25}.work-project-featured .work-project-photo{aspect-ratio:1.55}
 .work-project-copy{padding-top:16px}.work-project h2{font-size:clamp(24px,6.7vw,38px);line-height:1.25}.work-project-featured h2{font-size:clamp(26px,7.2vw,41px);padding-right:1.3em}.work-project-label{font-size:11px}.work-project-description{font-size:15px;margin-top:8px!important}
 .work-project-arrow{top:44px}.work-project-arrow .icon{width:32px;height:32px}
 .work-footer{flex-direction:column;gap:9px;margin-top:36px;padding-block:20px 28px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.work-page *{animation:none!important;transition:none!important}.work-project-link:hover img,.work-project-link:hover .work-project-arrow,.work-project-link:focus-visible .work-project-arrow{transform:none}}