/* Silk email/CRM work and the selected-work gallery. */
.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:55px}
.project-silk{margin-top:80px}
.silk-photo-card{background:#eee8d9;padding:0}
.silk-photo-card>img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.silk-card-label{position:absolute;left:24px;top:24px;padding:14px 20px;background:#f5f1e9ed;color:var(--ink);font:32px/1.1 var(--serif);font-style:italic}
.silk-card-label>span{display:block;margin-top:6px;font:8px/1.4 var(--sans);letter-spacing:1.1px;text-transform:uppercase}
.silk-photo-card .art-arrow{background:var(--paper);border-color:var(--paper)}
.silk-intro{grid-template-columns:1fr 1fr;gap:75px}
.silk-intro .case-heading h1{font-size:clamp(45px,5vw,68px)}
.silk-hero{margin:0;min-width:0}
.silk-hero>img{width:100%;height:auto;display:block}
.silk-hero figcaption{font-size:9px;line-height:1.8;color:var(--muted);margin-top:12px}
.silk-facts{margin-bottom:0}
.silk-story h2{font-size:46px}
.silk-story .case-story-copy p+p{margin-top:18px}
.silk-creative{background:#e4e8de}
.silk-page .section-top h2{font-size:46px}
.silk-page .section-intro{max-width:320px;line-height:1.85}
.silk-email-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 45px}
.silk-email-card{margin:0;min-width:0}
.silk-mail-window{height:510px;overflow-y:auto;background:#fff;overscroll-behavior:contain;box-shadow:0 5px 22px #2c342d12}
.silk-mail-window:focus-visible,.silk-viewer-scroll:focus-visible{outline:2px solid var(--rust);outline-offset:5px}
.silk-mail-window img{width:100%;height:auto;display:block}
.silk-email-card figcaption{padding-top:23px}
.silk-email-card figcaption>.eyebrow{font-size:9px;letter-spacing:1px;color:#6b755e}
.silk-email-card h3{font:28px/1.25 var(--serif);margin:12px 0}
.silk-email-card figcaption>p:not(.eyebrow){font-size:13px;line-height:1.85;color:var(--muted);max-width:480px}
.silk-mail-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:20px}
.silk-mail-actions .text-link{font-size:11px;background:transparent;padding:0 0 5px}
.silk-source-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:35px}
.silk-approach{display:grid;grid-template-columns:1fr 1fr;gap:90px}
.silk-approach .eyebrow{margin-bottom:20px}
.silk-approach h2{font-size:46px}
.silk-approach-notes article+article{margin-top:25px;padding-top:25px;border-top:1px solid var(--line)}
.silk-approach h3{font:27px/1.3 var(--serif);margin-bottom:12px}
.silk-approach p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted)}
.silk-outcome{padding-block:75px;background:#e9e2d2;text-align:center}
.silk-outcome .wrap{max-width:850px}
.silk-outcome .eyebrow{margin-bottom:20px}
.silk-outcome h2{font-size:46px}
.silk-outcome p:not(.eyebrow){font-size:16px;line-height:1.9;color:var(--muted);max-width:620px;margin:25px auto 0}
.silk-outcome p.silk-result-note{font-size:10px;margin-top:15px}
.silk-outcome .case-credits{flex-wrap:wrap;justify-content:center;gap:12px 25px;font-size:9px;margin-top:32px}
#silk-viewer{width:min(840px,calc(100% - 40px));max-height:94vh}
.silk-viewer-shell{padding:20px 28px 22px}
.silk-viewer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:17px}
.silk-viewer-top h2{font:25px/1.3 var(--serif);letter-spacing:0}
.silk-viewer-top p{font-size:9px;color:var(--muted);margin-top:5px;letter-spacing:.5px}
.silk-viewer-close{display:flex;align-items:center;gap:16px;background:none;font-size:11px;padding:6px 0;flex-shrink:0}
.silk-viewer-close>span{font-size:26px}
.silk-viewer-scroll{max-height:65vh;overflow-y:auto;overscroll-behavior:contain;background:#e7e2d7}
.silk-viewer-scroll img{display:block;width:100%;max-width:640px;height:auto;margin-inline:auto}
.silk-viewer-animation{text-align:center}
.silk-viewer-animation button{background:none;font-size:11px;padding:13px 4px 0;text-decoration:underline;text-underline-offset:5px}
.silk-viewer-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px}
.silk-viewer-controls button{font-size:12px;background:none;padding:6px 0}
.silk-viewer-controls p{font-size:10px;color:var(--muted)}
@media(max-width:1100px){.silk-intro{gap:45px}.silk-intro .case-heading h1{font-size:56px}.silk-email-grid{gap:45px 30px}.silk-mail-window{height:470px}.silk-approach{gap:55px}}
@media(max-width:850px){.project-silk{margin-top:50px}.silk-intro{gap:30px}.silk-intro .case-heading h1{font-size:47px;letter-spacing:-1.2px}.silk-intro .case-heading>p:not(.eyebrow){font-size:13px}.silk-page .section-top h2,.silk-story h2,.silk-approach h2{font-size:39px}.silk-mail-window{height:420px}.silk-email-card h3{font-size:25px}.silk-email-card figcaption>p:not(.eyebrow){font-size:12px}.silk-approach{gap:35px}.silk-approach h3{font-size:24px}.silk-approach p:not(.eyebrow){font-size:13px}.silk-outcome h2{font-size:40px}}
@media(max-width:620px){.work-grid{grid-template-columns:1fr;row-gap:35px}.project-silk{margin-top:0}.silk-card-label{left:20px;top:20px;padding:12px 17px}.silk-intro{grid-template-columns:1fr;padding-block:42px 32px;gap:30px}.silk-intro .case-heading h1{font-size:49px;letter-spacing:-1.4px}.silk-intro .case-heading>p:not(.eyebrow){font-size:14px}.silk-hero figcaption{font-size:8px}.silk-facts{gap:20px 15px}.silk-story{grid-template-columns:1fr;gap:25px}.silk-story h2,.silk-page .section-top h2,.silk-approach h2{font-size:37px}.silk-email-grid{grid-template-columns:1fr;gap:40px}.silk-mail-window{height:450px}.silk-email-card h3{font-size:28px}.silk-email-card figcaption>p:not(.eyebrow){font-size:13px}.silk-email-card figcaption{padding-top:20px}.silk-source-note{font-size:9px;margin-top:28px}.silk-approach{grid-template-columns:1fr;gap:30px}.silk-approach h3{font-size:26px}.silk-outcome{padding-block:55px}.silk-outcome h2{font-size:37px}.silk-outcome p:not(.eyebrow){font-size:14px}.silk-outcome .case-credits{font-size:9px;gap:10px}#silk-viewer{width:calc(100% - 24px)}.silk-viewer-shell{padding:15px 16px 18px}.silk-viewer-top{gap:14px}.silk-viewer-top h2{font-size:21px}.silk-viewer-close{font-size:10px;gap:8px}.silk-viewer-scroll{max-height:62vh}.silk-viewer-controls button{font-size:11px}}