/* One project per row: the image, story, and next action form a single spread. */
.samples-heading{padding-bottom:56px}
.samples-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:28px}
.samples-intro h1{font-size:clamp(52px,5.6vw,80px);font-weight:600;line-height:1.02;letter-spacing:-.045em;margin:0 0 32px}
.samples-intro>div>p:not(.section-label){font-size:16px;line-height:2.1;color:#505650}
.samples-intro>div>p+p{margin-top:20px}
.samples-heading .breadcrumb{margin-top:48px}
.samples-collection{padding-top:88px}
.samples-toolbar{padding:0 0 32px;border-bottom:1px solid #dce0da}
.samples-toolbar-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.samples-toolbar-heading>p{font-size:15px;font-weight:600;margin:0}
#sample-count{font-size:12px;letter-spacing:.1em;white-space:nowrap;color:#626962}
.sample-filters{display:flex;gap:14px;flex-wrap:wrap}
.sample-filters button{font-size:14px;line-height:1.6;min-height:52px;padding:13px 24px;border:1px solid #d9dcd7;border-radius:3px;transition:color .2s,background .2s,border-color .2s}
.sample-filters button[aria-pressed=true]{background:#202420;border-color:#202420;color:white}
.sample-filters button:hover{border-color:#202420}
.samples-note{font-size:13px;line-height:2;color:#666d66;margin:28px 0 64px}
.samples-grid{display:block}
.sample-card{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);column-gap:clamp(48px,5.5vw,88px);align-items:start;padding:88px 0;border-top:1px solid #dce0da;scroll-margin-top:110px;min-width:0}
.sample-card:first-child,.sample-card.is-first-visible{border-top:0;padding-top:0}
.sample-card[hidden]{display:none}
.sample-visual,.sample-info{min-width:0}
.sample-index{display:flex;gap:20px;align-items:center;font-size:14px;color:#606760;line-height:1.5;margin:0 0 24px}
.sample-index>span:first-child{font-size:14px;letter-spacing:.06em;color:var(--accent);font-variant-numeric:tabular-nums}
.sample-visual figure{margin:0}
.sample-visual figcaption{font-size:12px;color:#737873;line-height:1.9;margin-top:16px;max-width:52em}
.sample-screen{display:block;position:relative;overflow:hidden;background:#f1f2ef;border:1px solid #e1e4de;aspect-ratio:1.6;box-shadow:0 12px 34px #16201806}
.sample-screen img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),filter .4s}
.sample-open{position:absolute;right:24px;bottom:24px;padding:14px 20px;background:#202420;color:#fff;font-size:14px;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;display:flex;gap:24px;align-items:center}
.sample-screen:hover img,.sample-screen:focus-visible img{transform:scale(1.02);filter:brightness(.92)}
.sample-screen:hover .sample-open,.sample-screen:focus-visible .sample-open{opacity:1;transform:none}
.sample-info{padding-top:45px}
.sample-meta{margin:0;color:#737873;font-size:12px;line-height:1.5;letter-spacing:.1em}
.sample-info h2{font-size:clamp(29px,2.55vw,38px);font-weight:500;line-height:1.4;letter-spacing:-.025em;margin:14px 0 32px;overflow-wrap:anywhere}
.sample-info h3{font-size:20px;line-height:1.8;font-weight:600;margin:0 0 20px;text-wrap:pretty}
.sample-description{font-size:16px;line-height:2.05;color:#555d56;margin:0;text-wrap:pretty}
.sample-tags{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:28px 0 36px;color:#566057;font-size:13px;line-height:1.5}
.sample-tags li{border:1px solid #dde2db;background:#f6f7f4;border-radius:999px;padding:9px 14px;white-space:nowrap}
.sample-actions{display:flex;flex-direction:column;align-items:stretch;gap:20px}
.sample-actions a{font-size:14px;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:24px;transition:color .2s,border-color .2s,background .2s}
.sample-visit{border:1px solid #454e46;padding:15px 20px;align-self:flex-start;min-width:230px;line-height:1.5}
.sample-visit>span[aria-hidden]{font-size:20px;line-height:1}
.sample-visit:hover{background:#202420;border-color:#202420;color:#fff}
.sample-consult{border-bottom:1px solid #dce0da;padding:0 0 12px;line-height:1.6}
.sample-actions .arrow{width:36px;height:36px;flex-shrink:0}.sample-consult:hover{color:var(--accent);border-color:var(--accent)}
.samples-ending{margin-top:16px;background:#f1f1f1}
.samples-ending>.wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}
.samples-ending h2{font-size:32px;line-height:1.7;margin:24px 0 32px}.samples-ending p:not(.eyebrow){font-size:16px;line-height:2.1}
.samples-ending .button{width:100%;max-width:none;display:flex;justify-content:space-between;gap:24px}.samples-ending .link{max-width:none;width:100%;margin-top:24px;font-size:14px}
.service-samples-link{padding:35px 0 0}.service-samples-link .link{width:100%;max-width:450px}
@media(min-width:801px) and (max-width:1100px){
 .sample-card{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px}.sample-info h2{font-size:30px}.sample-info h3{font-size:18px}.sample-description{font-size:15px}.sample-filters button{padding:12px 18px}
}
@media(max-width:800px){
 .samples-heading{padding-bottom:40px}.samples-heading>.wrap>.eyebrow{font-size:12px}
 .samples-intro{grid-template-columns:1fr;gap:32px;margin-top:24px}.samples-intro h1{font-size:52px;margin-bottom:24px}.samples-intro>div>p:not(.section-label){font-size:15px;line-height:2}
 .samples-heading .breadcrumb{margin-top:32px}.samples-collection{padding-top:56px}
 .samples-toolbar{padding-bottom:28px}.samples-toolbar-heading{margin-bottom:24px}.sample-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px}
 .sample-filters button{font-size:14px;padding:12px 8px;min-height:52px}.sample-filters button:first-child{grid-column:1/-1}
 .samples-note{margin:24px 0 48px;font-size:13px;line-height:2}.samples-note br{display:none}
 .sample-card{display:block;padding:64px 0;scroll-margin-top:100px}.sample-index{font-size:14px;margin-bottom:20px;gap:16px}
 .sample-info{padding-top:32px}.sample-info h2{font-size:30px;margin:12px 0 26px}.sample-info h3{font-size:19px;margin-bottom:18px}.sample-description{font-size:16px}.sample-meta{font-size:12px}
 .sample-tags{font-size:13px;gap:10px 8px;margin:26px 0 32px}.sample-tags li{padding:9px 13px}
 .sample-consult{border-bottom:0;padding-bottom:0}
 .sample-actions{gap:18px}.sample-actions a{font-size:14px}.sample-visit{width:100%;min-width:0;padding:16px 20px}.sample-actions .arrow{width:36px;height:36px}.sample-open{display:none}
 .samples-ending{margin-top:8px}.samples-ending>.wrap{grid-template-columns:1fr;gap:36px}.samples-ending h2{font-size:25px;margin:20px 0 26px}.samples-ending p:not(.eyebrow){font-size:15px}.samples-ending .button{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.sample-screen img,.sample-open{transition:none;transform:none!important}}