.work-gallery{background:var(--cream);color:var(--navy)}
.work-sheet{max-width:1200px;margin:auto;padding:60px 20px 48px;scroll-margin-top:120px}
.work-banner{position:relative;isolation:isolate;overflow:hidden;background:var(--paper);min-height:410px;display:grid;align-items:center}
.work-banner-image{position:absolute;z-index:-2;right:0;top:0;width:52%;height:100%;object-fit:cover;object-position:center 42%}
.work-banner:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,var(--cream) 0%,var(--cream) 40%,#fffaf0e6 52%,#fffaf000 78%)}
.work-banner-copy{padding:64px 0}
.work-banner h1{font-size:clamp(38px,4.5vw,62px);max-width:650px;margin:14px 0 20px}
.work-banner p{max-width:450px;color:var(--muted);font-size:18px;margin:0 0 24px}
.work-heading{text-align:center;margin-bottom:18px}
.work-eyebrow{display:flex;align-items:center;justify-content:center;gap:24px;text-transform:uppercase;letter-spacing:.25em;font-size:20px;margin:0 0 4px}
.work-eyebrow{color:var(--purple)}
.work-eyebrow:before,.work-eyebrow:after{content:"";height:1px;width:54px;background:var(--coral)}
.work-heading h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(30px,4.8vw,58px);line-height:1.15;margin:0 0 6px;color:var(--navy)}
.work-heading>p:last-child{font-size:clamp(14px,1.85vw,22px);margin:0}
.work-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 18px 20px}
.work-feature{display:flex;align-items:center;justify-content:center;gap:16px}
.work-feature svg{width:42px;height:44px;flex-shrink:0;color:var(--purple)}
.work-feature:last-child svg{color:var(--purple)}
.work-feature h2{font:400 14px/1.4 'DM Sans',sans-serif;text-transform:uppercase;margin:0 0 2px}
.work-feature p{font-size:13px;margin:0}
.work-grid{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:14px 16px}
.work-card{grid-column:span 8;min-width:0;border-radius:16px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow)}
.work-card-4{grid-column:span 13}.work-card-5{grid-column:span 11}.work-card-6,.work-card-7{grid-column:span 12}
.work-photo{position:relative;overflow:hidden;background:#e6e4dc}
.work-photo img{position:absolute;top:0;max-width:none;height:auto;display:block}
.work-caption{position:relative;padding:7px 15px 14px 58px;min-height:102px}
.work-caption h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(20px,2.15vw,27px);line-height:1.2;margin:0 0 4px;color:var(--navy)}
.work-caption p{font-size:16px;line-height:1.35;margin:0}
.work-caption p,.work-feature p,.work-heading>p:last-child{color:var(--muted)}
.work-number{position:absolute;left:0;top:-34px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--purple);color:#fff;font:700 24px Georgia,serif}
.work-signoff{background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:28px;padding:38px max(24px,calc((100% - 1120px)/2));min-height:168px}
.work-values{text-align:center;flex-shrink:0}.work-values svg{width:40px;height:40px;margin-bottom:8px}.work-values p{font-size:12px;text-transform:uppercase;margin:0;letter-spacing:.04em}.work-values span{color:#b18b40;margin:0 5px}
.work-brand{text-align:center;text-transform:uppercase}.work-brand p{font-size:20px;letter-spacing:.28em;margin:0 0 8px}.work-brand>span{font-size:14px;letter-spacing:.3em}.work-location{display:flex;align-items:center;gap:12px}.work-location svg{width:28px;height:34px;flex-shrink:0}.work-location p{font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:0}
@media(max-width:760px){.work-features{grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0;gap:16px}.work-feature{justify-content:flex-start}.work-feature svg{width:32px}.work-feature h2{font-size:12px}.work-feature p{font-size:11px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.work-card{grid-column:span 1}.work-card:last-child{grid-column:1/-1}.work-caption{padding:12px 12px 16px}.work-caption h2{font-size:21px}.work-caption p{font-size:14px}.work-number{width:40px;height:40px;top:-40px;font-size:20px}.work-signoff{flex-wrap:wrap;justify-content:center;padding:28px 20px}.work-brand{order:-1;width:100%}.work-brand p{font-size:17px}.work-brand>span{font-size:11px}}
@media(max-width:480px){.work-sheet{padding:40px 14px 28px}.work-grid{grid-template-columns:1fr}.work-card,.work-card:last-child{grid-column:1}.work-eyebrow{font-size:14px;gap:14px}.work-heading h2{font-size:32px}.work-heading>p:last-child{font-size:14px}.work-caption{padding-left:16px}.work-signoff{gap:20px}}
.work-values span{color:var(--gold)}
@media(max-width:760px){.work-banner{min-height:380px}.work-banner-image{width:100%;opacity:.3}.work-banner:after{background:linear-gradient(90deg,var(--cream),#fffaf0b3)}.work-banner-copy{padding:48px 0}.work-banner h1{font-size:clamp(34px,7vw,50px)}.work-banner p{font-size:16px;max-width:360px}}