.work-page .site-header{position:relative;color:var(--ink);border-bottom:1px solid var(--line)}.work-page .site-header .brand img{filter:brightness(0);opacity:.85}.work-page .nav-quote:hover{background:var(--ink);color:var(--paper)}
.work-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;align-items:end;padding-top:75px;padding-bottom:55px;background:linear-gradient(rgb(248 244 236 / .88),rgb(248 244 236 / .93)),url('assets/home/sunlit-plaster-v2.webp') center / cover}
.work-intro h1{font-size:clamp(55px,6.2vw,94px);line-height:1.09;letter-spacing:-.045em;margin-top:24px}.work-intro-copy p{font-size:19px;line-height:1.8;color:var(--muted);max-width:490px;margin-bottom:25px}.work-intro-copy .eyebrow{font-size:10px;letter-spacing:.16em}
.work-collection{padding:0 4.8% 62px}.work-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:32px;gap:24px}.work-filters{display:flex;gap:32px;flex-wrap:wrap}.work-filters button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:22px 0;font-size:14px;cursor:pointer;transition:color .25s}.work-filters button:hover,.work-filters button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--bronze)}.work-count{font-size:12px;color:var(--muted);flex-shrink:0}
.work-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:38px 24px}.work-card{grid-column:span 2;min-width:0}.work-card[hidden]{display:none}.work-card.is-featured{grid-column:span 3}.work-photo{position:relative;overflow:hidden;background:oklch(87% .025 75);aspect-ratio:4/5}.work-card.is-featured .work-photo{aspect-ratio:1}.work-photo img{transition:transform .75s cubic-bezier(.22,1,.36,1)}.work-card:hover img{transform:scale(1.025)}.work-expand{position:absolute;right:15px;bottom:15px;width:42px;height:42px;display:grid;place-items:center;font-size:23px;background:var(--paper);color:var(--ink);transition:background .25s}.work-card:hover .work-expand{background:oklch(88% .04 75)}.work-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:16px}.work-caption>span:first-child{font:400 22px/1.3 var(--serif)}.work-caption>span:last-child{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.work-more{margin-top:45px;display:flex;align-items:center;flex-direction:column;gap:15px}.work-more p{font-size:12px;color:var(--muted)}.work-more button{background:none;cursor:pointer}.work-more button:hover{background:var(--ink)}.work-more [hidden]{display:none}
.work-note{position:relative;isolation:isolate;overflow:hidden;background:var(--stone);display:grid;grid-template-columns:1fr 1fr;gap:20px 10%;align-items:center}.work-note:before{content:'';position:absolute;inset:-8px;z-index:-1;background:url('assets/home/sunlit-plaster-v2.webp') center / cover;filter:blur(3px)}.work-note>.eyebrow{grid-column:1 / -1}.work-note h2{font-size:clamp(37px,3.8vw,62px)}.work-note>p:not(.eyebrow){font-size:19px;line-height:1.8;max-width:500px}
.work-lightbox{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:64px 5% 22px;border:0;background:oklch(17% .014 65);color:var(--paper);overflow:hidden}.work-lightbox::backdrop{background:rgb(20 17 13 / .9)}.work-lightbox[open]{display:flex;flex-direction:column}.lightbox-close{position:absolute;top:12px;right:24px;width:46px;height:46px;border:1px solid rgb(244 239 230 / .4);background:none;color:inherit;font-size:34px;line-height:1;cursor:pointer}.lightbox-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.lightbox-stage img{object-fit:contain;width:100%;height:100%}.lightbox-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;flex-shrink:0}.lightbox-footer>button{width:48px;height:48px;background:none;border:1px solid rgb(244 239 230 / .4);color:inherit;font-size:25px;cursor:pointer}.lightbox-footer>div{text-align:center}#lightboxCaption{font-size:15px;line-height:1.5}#lightboxCount{font-size:11px;letter-spacing:.1em;opacity:.7;margin-top:5px}
@media(min-width:1700px){.work-collection{padding-left:max(5%,calc((100vw - 1600px)/2));padding-right:max(5%,calc((100vw - 1600px)/2))}}
@media(max-width:1100px){.work-caption{align-items:flex-start;flex-direction:column;gap:8px}.work-filters{gap:25px}.work-intro{gap:6%}.work-intro-copy p{font-size:17px}}
@media(max-width:900px){.work-page .main-nav{color:var(--paper)}.work-intro{grid-template-columns:1fr;gap:25px}.work-intro h1{font-size:65px}.work-intro-copy p{max-width:620px}.work-grid{gap:30px 18px}.work-card{grid-column:span 3}.work-filters{gap:22px}.work-count{display:none}.work-caption>span:first-child{font-size:23px}}
@media(max-width:600px){.work-intro{padding:43px 7% 32px;gap:24px}.work-intro .eyebrow{font-size:9px;letter-spacing:.16em}.work-intro h1{font-size:47px;line-height:1.12;margin-top:19px}.work-intro-copy p{font-size:17px;line-height:1.7;margin-bottom:18px}.work-intro-copy .eyebrow{font-size:9px}.work-collection{padding:0 7% 42px}.work-toolbar{margin-bottom:24px}.work-filters{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:0 24px}.work-filters button{font-size:13px;text-align:left;padding:16px 0}.work-grid{grid-template-columns:1fr;gap:29px}.work-card,.work-card.is-featured{grid-column:auto}.work-photo,.work-card.is-featured .work-photo{aspect-ratio:4/4.8}.work-caption{flex-direction:row;align-items:center}.work-caption>span:first-child{font-size:22px}.work-caption>span:last-child{font-size:8px;max-width:75px;text-align:right;line-height:1.6}.work-more{margin-top:35px}.work-more button{font-size:10px}.work-note{grid-template-columns:1fr;gap:22px;padding:45px 7%}.work-note h2{font-size:35px}.work-note>p:not(.eyebrow){font-size:17px}.work-note .eyebrow{font-size:10px}.work-lightbox{padding:66px 3% 20px}.lightbox-footer{gap:12px}.lightbox-footer>button{flex-shrink:0;width:44px;height:44px}#lightboxCaption{font-size:13px}#lightboxCount{font-size:10px}}
