/* Authored case presentation, shared by home, works and related case cards. */
.chat-work-cover{position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden;min-height:280px;height:min(47svh,440px);background:#eae9e3}
.chat-work-slide:nth-child(2n) .chat-work-cover{background:#dfeee8}
.chat-work-slide:nth-child(3n) .chat-work-cover{background:#e8edf1}
.chat-work-cover-index{position:absolute;top:24px;left:28px;z-index:2;font-size:10px;letter-spacing:.13em;color:#59625a}
.chat-work-cover-index b{font-weight:400;margin-left:13px}
.chat-work-cover-word{position:absolute;left:-.025em;bottom:-.3em;font-family:Georgia,serif;font-size:clamp(160px,23vw,335px);font-weight:400;font-style:italic;line-height:1;color:#d0cfc4;letter-spacing:-.075em;user-select:none}
.chat-work-slide:nth-child(2n) .chat-work-cover-word{color:#c2d8ce}
.chat-work-cover-paper{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:74%;height:58%;padding:34px;background:#fff;transform:translate(-50%,-50%) rotate(-5deg);box-shadow:0 20px 36px #464a3d18,0 1px 2px #464a3d0a}
.chat-work-cover-paper::before{content:"";position:absolute;inset:12px;border:1px solid #eeeeea;pointer-events:none}
.chat-work-cover .chat-work-cover-image{display:block;width:85%;height:100%;aspect-ratio:auto;max-height:none;object-fit:contain;-webkit-user-drag:none}
.chat-work-cover-client{display:block;position:relative;font-size:clamp(24px,4.4vw,62px);font-weight:500;line-height:1.45;letter-spacing:.04em;text-align:center;overflow-wrap:anywhere}
.chat-work-cover-discipline{position:absolute;bottom:22px;left:28px;max-width:80%;color:#4e5b52;font-size:12px;line-height:1.6}
.chat-work-cover-mark{position:absolute;right:25px;bottom:18px;font-size:30px;font-weight:300;color:#59625a}
[data-cover-fit="cover"] .chat-work-cover-paper{left:0;top:0;width:100%;height:100%;padding:0;transform:none;box-shadow:none;background:transparent}
[data-cover-fit="cover"] .chat-work-cover-paper::before,[data-cover-fit="cover"]>.chat-work-cover-index,[data-cover-fit="cover"]>.chat-work-cover-word,[data-cover-fit="cover"]>.chat-work-cover-discipline,[data-cover-fit="cover"]>.chat-work-cover-mark{display:none}
[data-cover-fit="cover"] .chat-work-cover-image{width:100%;height:100%;object-fit:cover}
.chat-work-card .chat-work-cover{height:260px;min-height:0}
.chat-work-card .chat-work-cover-client{font-size:clamp(22px,3vw,36px)}
.chat-work-card .chat-work-cover-word{font-size:180px}
.chat-work-card .chat-work-cover-paper{padding:20px}
.chat-work-card .chat-work-cover-discipline{font-size:10px;max-width:75%}
.chat-article-photo .chat-work-cover{height:440px}
@media(max-width:960px){.chat-work-cover-paper{padding:28px}}
@media(max-width:767px){.chat-work-cover,.chat-article-photo .chat-work-cover{height:285px;min-height:0}.chat-work-cover-index{top:18px;left:18px;font-size:9px}.chat-work-cover-paper{width:82%;height:54%;padding:16px}.chat-work-cover-paper::before{inset:7px}.chat-work-cover .chat-work-cover-image{width:95%}.chat-work-cover-client{font-size:28px}.chat-work-cover-word{font-size:174px}.chat-work-cover-discipline{left:18px;bottom:18px;font-size:10px}.chat-work-cover-mark{right:16px;bottom:12px;font-size:25px}}
@media(max-height:730px) and (min-width:768px){.chat-work-slide .chat-work-cover{height:36svh;min-height:180px}}

/* Real responsive website captures inside complete PC/phone mockups. */
.chat-work-cover:is([data-cover-fit="mockup"],[data-cover-fit="profile"]),.chat-work-slide .chat-work-cover:is([data-cover-fit="mockup"],[data-cover-fit="profile"]){background:#e9eeeb}
:is([data-cover-fit="mockup"],[data-cover-fit="profile"]) .chat-work-cover-paper{inset:0;display:block;width:100%;height:100%;padding:0;transform:none;box-shadow:none;background:transparent}
:is([data-cover-fit="mockup"],[data-cover-fit="profile"]) .chat-work-cover-paper::before,:is([data-cover-fit="mockup"],[data-cover-fit="profile"])>.chat-work-cover-index,:is([data-cover-fit="mockup"],[data-cover-fit="profile"])>.chat-work-cover-word,:is([data-cover-fit="mockup"],[data-cover-fit="profile"])>.chat-work-cover-discipline,:is([data-cover-fit="mockup"],[data-cover-fit="profile"])>.chat-work-cover-mark{display:none}
:is([data-cover-fit="mockup"],[data-cover-fit="profile"]) picture{display:block;width:100%;height:100%}
:is([data-cover-fit="mockup"],[data-cover-fit="profile"]) .chat-work-cover-image{width:100%;height:100%;object-fit:contain}
@media(max-width:767px){.chat-work-cover:is([data-cover-fit="mockup"],[data-cover-fit="profile"]){height:auto;aspect-ratio:1/1}.chat-article-photo .chat-work-cover:is([data-cover-fit="mockup"],[data-cover-fit="profile"]){height:auto;aspect-ratio:1/1}}

/* A taller canvas keeps the profile and its post grid readable. */
.chat-work-cover[data-cover-fit="profile"]{height:min(61svh,620px);min-height:440px}
.chat-article-photo .chat-work-cover[data-cover-fit="profile"]{height:min(84svh,800px);min-height:560px}
.chat-work-card .chat-work-cover[data-cover-fit="profile"]{height:340px;min-height:0}
@media(max-width:767px){.chat-work-cover[data-cover-fit="profile"],.chat-article-photo .chat-work-cover[data-cover-fit="profile"]{height:auto;min-height:0;aspect-ratio:2/3}.chat-work-card .chat-work-cover[data-cover-fit="profile"]{height:auto;aspect-ratio:2/3}}