/* Tazmify case study — colour overrides on the shared project layout (project.css / project-showcase.css).
   Violet #6D57FC, deep violet #261E58, lavender #C9BFFF, mist #F4F3F9. */
.tazmify-page .project-hero{height:auto;min-height:0;aspect-ratio:1672/941;background:#EBEBEE;color:#101014}
.tazmify-page .hero-artwork{display:block;width:100%;height:100%}
.tazmify-page .hero-photo{display:block;object-position:center;filter:none;animation:none}
.tazmify-page .hero-shade{display:block;background:linear-gradient(180deg,rgba(12,10,28,0) 42%,rgba(12,10,28,.28) 68%,rgba(12,10,28,.78) 100%)}
.tazmify-page .hero-bottom h1{color:#fff}
@media(max-width:767px),(max-aspect-ratio:4/5){
  .tazmify-page .project-hero{aspect-ratio:948/1659}
}
/* identity + intro showcases: deep violet panels */
.tazmify-page .chatbot-showcase{background:#251d58;color:#F4F3F9}
.tazmify-page .chatbot-eyebrow,.tazmify-page .chatbot-detail>span:first-child{color:#C9BFFF}
.tazmify-page .chatbot-story>p:not(.chatbot-eyebrow),.tazmify-page .chatbot-detail>span:last-child{color:#D9D3F0}
.tazmify-page .chatbot-detail{border-top-color:rgba(201,191,255,.22)}
.tazmify-page .chatbot-site-link{border-bottom-color:rgba(201,191,255,.45)}
.tazmify-page .chatbot-site-link:hover{color:#C9BFFF}
.tazmify-page .chatbot-video{background:#251d58;border:0;box-shadow:none}
.tazmify-page .tz-square .chatbot-video,.tazmify-page .chatbot-video.tz-square{aspect-ratio:1/1;max-width:560px;margin:0 auto}
.tazmify-page .chatbot-video.tz-portrait{aspect-ratio:9/16;width:auto;max-width:none;height:min(860px,86vh);margin:0 auto;border:0!important;border-radius:0;background:#251d58!important;box-shadow:none!important;outline:0;overflow:visible}
.tazmify-page .chatbot-video.tz-portrait>img,.tazmify-page .chatbot-video.tz-portrait>video{object-fit:contain!important}
.tazmify-page .tz-intro{padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(40px,5vw,72px)}
.tazmify-page .chatbot-video.tz-portrait>img,.tazmify-page .chatbot-video.tz-portrait>video{background:#251d58}
.tazmify-page .tz-intro{background:#251d58;overflow:hidden}
.tazmify-page .tz-intro .chatbot-demo{display:flex;justify-content:center;align-self:stretch}
/* Transparent photograph plus screen-only footage, matching the 27 Estates treatment. */
.tazmify-page .tz-monitor{width:100%;margin-left:0;margin-right:0;background:transparent;overflow:visible}
.tazmify-page .tz-monitor .recording-scene{height:auto;min-height:0;aspect-ratio:1672/941;background:transparent}
.tazmify-page .tz-monitor .monitor-reference-plate{object-fit:fill}
.tazmify-page .tz-monitor .reference-monitor-screen{transform:matrix3d(.9283773848126083,-.04441297162104416,0,-.000049766511100497974,-.0037078651685393256,.9559987515605494,0,-.0000031210986267166042,0,0,1,0,477,139,0,1)}
/* wide guideline spread */
.tazmify-page .tz-wide{margin-top:16px}
.tazmify-page .tz-wide img{display:block;width:100%;height:auto;border-radius:6px}
.tazmify-page .tz-caption{display:flex;justify-content:space-between;gap:16px;margin-top:14px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#6c6778}
.tazmify-page .tz-caption span:first-child{text-transform:none;letter-spacing:0;font-size:14px;color:#17151e}
/* screen walls: violet instead of 27 Estates green */
.tazmify-page .workmate-gallery-stage{background:linear-gradient(135deg,#F0EDFB 0%,#E6E1FF 55%,#D9D2FF 100%)}
.tazmify-page .workmate-wordmark,.tazmify-page .workmate-art-copy>p{color:#6D57FC}
.tazmify-page .workmate-art-copy>img{width:46px;height:auto}
.tazmify-page .internal-label{border-color:#6D57FC;color:#6D57FC}
.tazmify-page .shot-topline,.tazmify-page .shot-bottomline{color:#4B4467}
.tazmify-page .tz-stage-brand{background:linear-gradient(135deg,#261E58 0%,#2F2570 55%,#3D2BB8 100%)}
.tazmify-page .tz-stage-brand .workmate-wordmark,.tazmify-page .tz-stage-brand .workmate-art-copy>p{color:#F4F3F9}
.tazmify-page .tz-stage-brand .internal-label{border-color:#C9BFFF;color:#C9BFFF}
.tazmify-page .tz-stage-brand .shot-topline,.tazmify-page .tz-stage-brand .shot-bottomline{color:#C9BFFF}
.tazmify-page .tz-stage-brand .workmate-art-copy>img{filter:brightness(0) invert(1)}
/* cursor: violet only over the dark showcase panels, studio orange elsewhere */
.tazmify-page{--dc-dark:#C9BFFF;--dc-dark-chip:#C9BFFF;--dc-dark-chip-text:#261E58}
@media (max-width:991px){.tazmify-page .chatbot-video.tz-portrait{height:min(720px,80vh)}}
/* brand guideline pages as a real grid of crisp exports */
.tazmify-page .tz-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:14px;background:#261E58;border-radius:6px;margin-top:16px}
.tazmify-page .tz-guide-grid figure{margin:0;border-radius:4px;overflow:hidden;background:#fff}
.tazmify-page .tz-guide-grid img{display:block;width:100%;height:auto}
.tazmify-page figcaption.tz-caption{margin-top:14px}
@media (max-width:767px){.tazmify-page .tz-guide-grid{grid-template-columns:1fr 1fr;gap:8px;padding:8px}}
/* app walkthrough: the card is the video, full width, no frame */
.tazmify-page .tz-intro-stage{margin:0 auto}
.tazmify-page .chatbot-video.tz-wide-video{aspect-ratio:16/9;width:100%;border:0!important;border-radius:6px;background:#251d58!important;box-shadow:none!important;overflow:hidden}
.tazmify-page .chatbot-video.tz-wide-video>img,.tazmify-page .chatbot-video.tz-wide-video>video{object-fit:cover;background:#251d58}
/* identity panel: walkthrough clip takes the wider column; cap photo stage */
.tazmify-page .tz-identity{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:center}
.tazmify-page .tz-identity .chatbot-demo{width:100%;max-width:none}
.tazmify-page .tz-identity .chatbot-video.tz-wide-video{border-radius:0;background:#251d58!important}
.tazmify-page .tz-cap{margin:0 auto}
.tazmify-page .tz-cap img{display:block;width:100%;height:auto;max-height:90vh;object-fit:cover;border-radius:6px}
@media (max-width:1180px){.tazmify-page .tz-identity{grid-template-columns:1fr}}
/* identity pair: portrait photo + the changing mark, same height */
.tazmify-page .app-shoots .tz-loop{margin:0;display:flex}
.tazmify-page .app-shoots .tz-loop .chatbot-video{width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:6px;box-shadow:none;background:#fff}
.tazmify-page .app-shoots .tz-loop .chatbot-video>img,.tazmify-page .app-shoots .tz-loop .chatbot-video>video{object-fit:cover}
/* gallery version: the walkthrough is a plain wide clip, no panel */
.tazmify-page .cs-gallery .tz-identity .chatbot-video.tz-wide-video{border-radius:5px}
@media (max-width:767px){.tazmify-page .tz-guide-grid figure:last-child{grid-column:1/-1}}