/* Julia Noni-inspired project index: small labels, full-color photographs, and generous white space. */
.page-work .work-opening{padding:5px var(--edge) clamp(90px,10vw,165px)!important;background:#fff!important}
.work-toolbar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;min-height:44px;margin-bottom:20px;font-size:10px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:-.025em}
.work-toolbar nav{display:flex;gap:clamp(10px,1.6vw,24px)}.work-toolbar nav a{color:#aaa;text-decoration:none}.work-toolbar nav a:hover{color:#111}
.project-collections{display:block}.project-group{padding-top:0;margin:0 0 clamp(95px,11vw,170px);scroll-margin-top:70px}.project-group:last-child{margin-bottom:0}
.project-group-label{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 25px;font-size:10px;font-weight:700;line-height:1;letter-spacing:-.025em;text-transform:uppercase}.project-group-label span:last-child{display:none;color:#999}
.page-work .project-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(65px,8vw,125px) clamp(18px,2vw,34px)!important}
.page-work .project-card{display:block;min-width:0;text-decoration:none;color:#111}
.page-work .project-photo{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:clamp(190px,26vw,360px)!important;overflow:hidden!important;background:#fff!important}
.page-work .project-photo img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;filter:none!important;transition:opacity .2s ease!important}
.page-work .project-card:hover img{transform:none!important;opacity:.76}
.page-work .project-caption{display:flex!important;flex-direction:column!important;gap:1px!important;padding-top:11px!important;font-family:Manrope,Arial,sans-serif!important;font-size:10px!important;line-height:1.25!important;text-transform:uppercase!important;letter-spacing:-.02em!important}.page-work .project-caption strong{font-weight:700!important}.page-work .project-caption>span{color:#999!important;font-weight:600!important;font-size:10px!important}
/* The complete stories remain below the index, with project-view spacing. */
.page-work .photo-story.section{padding-top:clamp(48px,6vw,95px)!important;padding-bottom:clamp(100px,12vw,180px)!important;scroll-margin-top:70px!important}
.page-work .story-notes{display:grid!important;grid-template-columns:1fr 2fr 1fr!important;gap:18px!important;align-items:start!important;max-width:1050px!important;margin:0 auto clamp(55px,7vw,110px)!important}
.page-work .story-notes h2{font-size:clamp(27px,3vw,48px)!important;line-height:1.08!important;letter-spacing:-.045em!important}.page-work .story-notes p{font-size:clamp(14px,1.2vw,17px)!important;line-height:1.55!important}
.page-work .story-gallery{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(48px,7vw,110px) clamp(18px,2vw,32px)!important;width:min(100%,1000px)!important;margin:0 auto!important;padding:0!important}
.page-work .story-gallery .gallery-item,.page-work .story-gallery .gallery-item:nth-child(3n){grid-column:auto!important;justify-self:stretch!important;max-width:none!important;width:100%!important;margin:0!important}
.page-work .story-gallery .photo-open{display:flex!important;width:100%!important;height:auto!important;align-items:center!important;justify-content:center!important;padding:0!important;background:#fff!important}
.page-work .story-gallery .photo-open img{width:auto!important;height:auto!important;max-width:100%!important;max-height:650px!important;object-fit:contain!important;filter:none!important}
.page-work .story-gallery figcaption{margin-top:8px!important;font-size:9px!important;color:#999!important}
@media(max-width:800px){.page-work .work-opening{padding:16px 15px 70px!important}.work-toolbar{min-height:34px;margin-bottom:32px}.work-toolbar nav{display:none}.project-group{margin-bottom:72px;scroll-margin-top:60px}.project-group-label{margin-bottom:20px;color:#999}.project-group-label span:last-child{display:block}.page-work .project-grid{display:flex!important;gap:15px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scroll-padding-left:15px;scrollbar-width:none;overscroll-behavior-inline:contain;padding:0 15px 6px 0!important;margin-right:-15px!important}.page-work .project-grid::-webkit-scrollbar{display:none}.page-work .project-card{flex:0 0 43vw!important;width:43vw!important;scroll-snap-align:start}.page-work .project-photo{height:auto!important;min-height:0!important;aspect-ratio:4/5!important;align-items:center!important}.page-work .project-photo img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}.page-work .project-caption{padding-top:9px!important;font-size:9px!important}.page-work .project-caption>span{font-size:9px!important}.page-work .photo-story.section{padding-top:40px!important;padding-bottom:90px!important;scroll-margin-top:58px!important}.page-work .story-notes{grid-template-columns:1fr auto!important;gap:12px!important;margin-bottom:40px!important}.page-work .story-notes .eyebrow{grid-column:1;grid-row:1}.page-work .story-notes .story-location{grid-column:2;grid-row:1}.page-work .story-notes h2{grid-column:1/-1;grid-row:2!important;font-size:32px!important}.page-work .story-notes p{grid-column:1/-1;grid-row:3}.page-work .story-notes .back-index{grid-column:1/-1;grid-row:4;justify-self:start}.page-work .story-gallery{grid-template-columns:1fr!important;gap:55px!important}.page-work .story-gallery .photo-open img{width:100%!important;height:auto!important;max-height:none!important}}
@media(max-width:430px){.page-work .project-card{flex-basis:43vw!important;width:43vw!important}.page-work .project-group-label span:last-child{font-size:9px}}
@media(max-width:800px){.page-work:not(.page-story) .project-group-label span:last-child,.page-work:not(.page-story) .project-caption>span{display:none!important}.page-work:not(.page-story) .project-group-label{margin-bottom:15px}.page-work:not(.page-story) .project-caption{padding-top:7px!important}}