.work-intro{padding:clamp(55px,7vw,105px) 6% 60px;display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:40px;background:radial-gradient(ellipse at 100% 0%,#ceeadd80,transparent 65%),#eef7f2}
.work-intro h1{font-size:clamp(42px,5.8vw,88px);line-height:1.1;letter-spacing:-.05em;margin:0;max-width:900px}
.work-intro>p{font-size:clamp(17px,1.5vw,21px);line-height:1.65;max-width:390px;margin:0 0 6px;justify-self:end;color:#385b4e}
.work-section{padding:0 6% 80px;max-width:1800px;margin:auto}
.work-toolbar{padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);margin-bottom:38px}
.work-filters{display:flex;gap:10px;flex-wrap:wrap}.work-filters[hidden]{display:none}
.work-filters button{display:flex;align-items:center;gap:15px;min-height:46px;padding:10px 20px;background:white;border:1px solid #c4d8ce;border-radius:30px;color:var(--ink);font-size:14px;font-weight:650;transition:background .2s,color .2s,border-color .2s}
.work-filters button span{font-size:12px;font-weight:500;opacity:.8}
.work-filters button:hover{background:#eaf6ef;border-color:#719e8c}.work-filters button[aria-pressed="true"]{background:#103e32;color:white;border-color:#103e32}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px;align-items:start}
.work-card{margin:0;min-width:0}.work-card[hidden]{display:none}
.work-image{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;background:#f0f3f0;overflow:hidden;border-radius:8px;border:1px solid #113e300d}
.work-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s var(--ease-out)}
.work-image-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%,6px);opacity:0;white-space:nowrap;border:1px solid #ffffffa0;border-radius:30px;background:#fffef8ed;color:#123e30;padding:9px 16px;font-size:12px;font-weight:650;transition:opacity .2s,transform .25s}
.work-card figcaption{padding:18px 2px 0}.work-card h2{font-size:22px;line-height:1.3;letter-spacing:-.025em;text-transform:none;margin:0 0 6px;font-weight:700}.work-card figcaption p{font-size:15px;line-height:1.5;color:#546b5f;margin:0}
.work-image:focus-visible .work-image-hint{opacity:1;transform:translate(-50%,0)}
.work-ending{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:55px;padding-top:30px}.work-ending p{margin:0;font-size:17px;color:#486456}
@media(hover:hover) and (pointer:fine){.work-image:hover img{transform:scale(.975)}.work-image:hover .work-image-hint{opacity:1;transform:translate(-50%,0)}}
@media(max-width:1000px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}.work-intro{grid-template-columns:1fr;gap:25px}.work-intro>p{justify-self:start;max-width:590px}.work-toolbar{align-items:flex-start}}
@media(max-width:600px){.work-intro{padding:46px 6% 38px}.work-intro h1{font-size:clamp(38px,10vw,58px)}.work-intro .section-label{font-size:11px}.work-toolbar{display:block;margin-bottom:26px;padding:24px 0}.work-filters{gap:8px}.work-filters button{padding:10px 14px;gap:10px;font-size:13px}.work-grid{grid-template-columns:1fr;gap:32px}.work-image{aspect-ratio:4/5}.work-card h2{font-size:23px}.work-section{padding-bottom:55px}}
@media(prefers-reduced-motion:reduce){.work-image img,.work-image-hint,.work-filters button{transition:none}.work-image:hover img{transform:none}}

/* Closing statement: a quiet, editorial signature. */
.work-ending{display:block;text-align:center;padding:clamp(45px,7vw,100px) 0 12px;margin-top:clamp(50px,7vw,100px)}
.work-ending .work-signature{margin:0;color:#103e32;text-wrap:balance;line-height:1.2}
.work-signature>span{display:block;margin-bottom:22px;font-size:13px;font-weight:650;letter-spacing:.19em;text-transform:uppercase;color:#507665}
.work-signature>em{display:block;font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(36px,5vw,76px);font-weight:400;font-style:italic;letter-spacing:-.015em;line-height:1.3}
.work-signature>strong{display:block;margin-top:8px;font-size:clamp(32px,4vw,60px);font-weight:650;letter-spacing:-.045em;line-height:1.2}
.work-signature::after{content:"";display:block;width:54px;height:2px;background:var(--teal);margin:32px auto 0}
