/* CASS Reels: all rules are confined to the replacement phone area. */
.cass-production{position:relative;min-width:0;isolation:isolate;color:var(--paper,#f3efe7)}
.cass-production .cass-production__scene{position:relative;height:clamp(390px,34vw,560px);background:radial-gradient(ellipse at 50% 56%,rgba(199,166,106,.09),transparent 66%)}
.cass-production .cass-production__wordmark{position:absolute;top:15%;left:50%;transform:translateX(-50%);font:700 clamp(80px,11vw,190px)/1 "Space Grotesk",sans-serif;letter-spacing:-.07em;color:rgba(243,239,231,.035);pointer-events:none;user-select:none}
.cass-production .cass-production__mascot{position:absolute;inset:0 13% 0;width:74%;height:100%;border:0;padding:0;background:transparent;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:30%;transition:transform .45s var(--ease,ease);z-index:1}
.cass-production .cass-production__mascot .cass-production__pose{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 22px 18px rgba(0,0,0,.25));transform-origin:50% 80%}
.cass-production .cass-production__mascot:disabled{cursor:default;opacity:1}
.cass-production .cass-production__steps{list-style:none;margin:0;padding:0}
.cass-production .cass-production__steps li{position:absolute;z-index:2;width:clamp(112px,12.3vw,174px)}
.cass-production .cass-production__steps li:nth-child(1){left:1%;top:10%}
.cass-production .cass-production__steps li:nth-child(2){right:0;top:26%}
.cass-production .cass-production__steps li:nth-child(3){left:0;bottom:19%}
.cass-production .cass-production__steps li:nth-child(4){right:1%;bottom:5%}
.cass-production .cass-production__step{display:grid;gap:5px;width:100%;min-height:92px;padding:14px 16px;text-align:left;color:var(--paper,#f3efe7);border:1px solid rgba(255,255,255,.16);border-radius:16px;background:linear-gradient(140deg,rgba(31,30,28,.97),rgba(14,14,14,.94));box-shadow:0 10px 24px rgba(0,0,0,.12);transition:transform .35s var(--ease,ease),border-color .35s,background .35s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.cass-production .cass-production__step:disabled{opacity:1;cursor:default}
.cass-production .cass-production__number{font-size:12px;line-height:1.4;letter-spacing:.15em;color:#a69e91}
.cass-production .cass-production__step strong{font:600 20px/1.1 "Space Grotesk",sans-serif;letter-spacing:-.04em}
.cass-production .cass-production__detail{font-size:12px;line-height:1.5;color:#b9b0a3}
.cass-production .cass-production__step[aria-pressed="true"]{border-color:var(--gold,#c7a66a);background:linear-gradient(140deg,#302b22,#181713);transform:translateY(-5px)}
.cass-production .cass-production__step[aria-pressed="true"] .cass-production__number{color:var(--gold,#c7a66a)}
.cass-production button:focus-visible{outline:2px solid var(--paper,#f3efe7);outline-offset:5px}
.cass-production .cass-production__caption{text-align:center;padding:15px 0 0}
.cass-production .cass-production__tagline{margin:0 0 12px;font:500 clamp(27px,2.5vw,40px)/1.1 "Space Grotesk",sans-serif;letter-spacing:-.05em}
.cass-production .cass-production__tagline em{font-family:Georgia,serif;font-weight:400}
.cass-production .cass-production__flow{display:flex;justify-content:center;align-items:center;gap:12px;margin:0;color:#aaa49d;font-size:10px;line-height:1.8;letter-spacing:.05em}
.cass-production .cass-production__flow span{color:#665f55}
.cass-production .cass-production__hint{visibility:hidden;margin:14px 0 0;font-size:13px;line-height:1.6;color:#a69e91}
.cass-production.is-ready .cass-production__hint{visibility:visible}
.cass-production .cass-production__hint span{margin-left:4px;color:var(--paper,#f3efe7)}
.cass-production .cass-production__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(hover:hover) and (pointer:fine){
  .cass-production .cass-production__mascot:not(:disabled):hover{transform:translateY(-5px) rotate(-2deg)}
  .cass-production .cass-production__step:not(:disabled):hover{border-color:rgba(199,166,106,.65);transform:translateY(-4px)}
}
@media(max-width:1180px){
  .cass-production{width:100%;max-width:860px;margin-inline:auto}
  .cass-production .cass-production__scene{height:500px}
  .cass-production .cass-production__steps li{width:166px}
}
@media(max-width:760px){
  .cass-production .cass-production__scene{height:auto;display:flex;flex-direction:column;align-items:center;padding-top:8px}
  .cass-production .cass-production__wordmark{top:12%;font-size:clamp(88px,26vw,180px)}
  .cass-production .cass-production__mascot{position:relative;inset:auto;display:block;width:100%;max-width:400px;height:auto;aspect-ratio:1}
  .cass-production .cass-production__steps{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;margin-top:-16px}
  .cass-production .cass-production__steps li{position:static;width:auto;min-width:0}
  .cass-production .cass-production__step{min-height:70px;padding:10px 5px;text-align:center;justify-items:center;border-radius:12px;gap:6px}
  .cass-production .cass-production__step strong{font-size:17px}
  .cass-production .cass-production__detail{display:none}
  .cass-production .cass-production__caption{padding-top:25px}
  .cass-production .cass-production__flow{gap:9px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .cass-production .cass-production__mascot,.cass-production .cass-production__step{transition:none!important;transform:none!important}
}

/* V2: each production stage gets its own pose, pacing and progress. */
.cass-production .cass-production__frames{position:absolute;inset:0;display:block}
.cass-production .cass-production__mascot .cass-production__pose{position:absolute;inset:0;opacity:0;transition:opacity .28s ease;transform-origin:50% 75%}
.cass-production .cass-production__mascot .cass-production__pose.is-active{opacity:1}
.cass-production .cass-production__pose:not([src]){visibility:hidden}
.cass-production .cass-production__action-label{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(220px,42%);z-index:3;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s}
.cass-production[data-action]:not([data-action="idle"]) .cass-production__action-label{opacity:1}
.cass-production .cass-production__action-name{display:inline-block;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.1em;color:var(--paper);background:rgba(11,11,11,.8);padding:4px 10px;border-radius:20px}
.cass-production .cass-production__action-track{display:block;height:2px;background:rgba(255,255,255,.12);margin:6px 12px 0;overflow:hidden;border-radius:2px}
.cass-production .cass-production__action-track>span{display:block;width:100%;height:100%;background:var(--gold,#c7a66a);transform:scaleX(0);transform-origin:left}
.cass-production.is-acting .cass-production__action-track>span{animation:cassActionProgress var(--cass-action-duration,3s) linear forwards}
.cass-production.is-complete .cass-production__action-track>span{transform:scaleX(1)}
.cass-production.is-loading .cass-production__hint{opacity:.65}
.cass-production[data-action="fikir"] .cass-production__step[aria-pressed="true"]{border-color:#c7a66a}
.cass-production[data-action="cekim"] .cass-production__step[aria-pressed="true"]{border-color:#98aafb}
.cass-production[data-action="kurgu"] .cass-production__step[aria-pressed="true"]{border-color:#d2c7b3}
.cass-production[data-action="yayin"] .cass-production__step[aria-pressed="true"]{border-color:#a9bf9c}
.cass-production[data-action="cekim"] .cass-production__action-track>span{background:#98aafb}
.cass-production[data-action="yayin"] .cass-production__action-track>span{background:#a9bf9c}
.cass-production[data-action="fikir"].is-acting .cass-production__pose.is-active{animation:cassIdea 3.4s ease-in-out}
.cass-production[data-action="cekim"].is-acting .cass-production__pose.is-active{animation:cassCamera 3.6s ease-in-out}
.cass-production[data-action="kurgu"].is-acting .cass-production__pose.is-active{animation:cassDirector 3.8s ease-in-out}
.cass-production[data-action="yayin"].is-acting .cass-production__pose.is-active{animation:cassPublish 3.4s ease-in-out}
@keyframes cassActionProgress{to{transform:scaleX(1)}}
@keyframes cassIdea{0%,100%{transform:rotate(0)}30%{transform:rotate(-3deg) translateY(-4px)}65%{transform:rotate(2deg) translateY(-7px)}}
@keyframes cassCamera{0%,100%{transform:translateX(0) scale(1)}25%{transform:translateX(-7px) scale(1.035)}65%{transform:translateX(7px) scale(1.035)}}
@keyframes cassDirector{0%,100%{transform:rotate(0)}25%{transform:rotate(-1.5deg) translateY(-3px)}50%{transform:rotate(1deg)}75%{transform:rotate(-1deg) translateY(-2px)}}
@keyframes cassPublish{0%,100%{transform:translateY(0)}25%{transform:translateY(3px) scale(.99)}55%{transform:translateY(-9px) scale(1.015)}}
@media(max-width:760px){
  .cass-production .cass-production__action-label{bottom:87px;width:200px;max-width:70%}
  .cass-production .cass-production__steps{margin-top:10px}
  .cass-production .cass-production__mascot{margin-bottom:24px}
}
@media(prefers-reduced-motion:reduce){
  .cass-production .cass-production__pose,.cass-production .cass-production__action-label{transition:none!important;animation:none!important;transform:none!important}
  .cass-production .cass-production__action-label{transform:translateX(-50%)!important}
  .cass-production .cass-production__action-track>span{animation:none!important;transform:scaleX(1)!important}
}
/* Matched dark backdrops blend into the existing charcoal section. */
.cass-production[data-action]:not([data-action="idle"]) .cass-production__frames{mix-blend-mode:lighten}
.cass-production[data-action]:not([data-action="idle"]) .cass-production__wordmark{opacity:0}
.cass-production .cass-production__wordmark{transition:opacity .25s}