/* TCRM Interactive Product Journey — full-width, editorial and accessible. */
#tyz-tcrm-v1 .tc-story{padding:0 0 48px;background:var(--tc-bg);overflow:hidden;border-top:1px solid var(--tc-line)}
#tyz-tcrm-v1 .tc-story-heading{position:relative;padding:92px 0 55px}
#tyz-tcrm-v1 .tc-story-heading h2{font-size:clamp(32px,4.4vw,65px)!important;line-height:1.27!important;color:var(--tc-ink)!important;max-width:840px;margin:14px 0!important}
#tyz-tcrm-v1 .tc-story-heading h2 em,#tyz-tcrm-v1 .tc-story-copy h3 em{font-style:normal;color:var(--tc-gold)}
#tyz-tcrm-v1 .tc-story-heading>p{color:var(--tc-copy)!important;font-size:clamp(14px,1.3vw,17px)!important;line-height:1.95!important;max-width:820px}
#tyz-tcrm-v1 .tc-story-count{position:absolute;top:105px;inset-inline-end:0;font:900 47px/1 Arial,sans-serif;color:var(--tc-gold);text-align:end}
#tyz-tcrm-v1 .tc-story-count span{display:block;color:var(--tc-muted);font-size:9px;letter-spacing:.18em;margin-top:11px}
#tyz-tcrm-v1 .tc-story-scene{padding:75px 0 98px;border-top:1px solid var(--tc-line);position:relative;isolation:isolate}
#tyz-tcrm-v1 .tc-story-scene:nth-of-type(odd){background:radial-gradient(ellipse 50% 70% at 90% 30%,rgba(170,130,63,.10),transparent),var(--tc-paper)}
#tyz-tcrm-v1 .tc-story-scene:nth-of-type(even){background:radial-gradient(ellipse 55% 70% at 5% 50%,rgba(78,136,181,.11),transparent),var(--tc-bg)}
#tyz-tcrm-v1 .tc-story-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(28px,5vw,80px)}
#tyz-tcrm-v1 .tc-story-reverse .tc-story-copy{order:2}
#tyz-tcrm-v1 .tc-story-reverse .tc-story-stage{order:1}
#tyz-tcrm-v1 .tc-story-copy{min-width:0}
#tyz-tcrm-v1 .tc-story-heading-mini{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:900;letter-spacing:.13em;color:var(--tc-gold)}
#tyz-tcrm-v1 .tc-story-heading-mini i{width:38px;height:1px;background:currentColor;opacity:.6}
#tyz-tcrm-v1 .tc-story-copy h3{font-size:clamp(34px,4vw,59px)!important;line-height:1.25!important;font-weight:900!important;color:var(--tc-ink)!important;letter-spacing:-.035em;margin:19px 0!important}
#tyz-tcrm-v1 .tc-story-lead{font-size:clamp(15px,1.2vw,17px)!important;line-height:1.95!important;color:var(--tc-copy)!important;margin:0 0 30px!important}
#tyz-tcrm-v1 .tc-story-list{display:grid;gap:12px}
#tyz-tcrm-v1 .tc-story-step{appearance:none;display:flex;align-items:center;gap:15px;text-align:start;cursor:pointer;width:100%;padding:17px 18px;border:1px solid var(--tc-edge);border-radius:15px;background:var(--tc-paper2);color:var(--tc-ink);font:inherit;transition:background .24s,border-color .24s,box-shadow .24s,transform .24s}
#tyz-tcrm-v1 .tc-story-step:hover{transform:translateY(-2px);border-color:var(--tc-ring)}
#tyz-tcrm-v1 .tc-story-step.is-current{background:var(--tc-paper);border-color:var(--tc-ring);box-shadow:0 11px 30px rgba(15,44,68,.10)}
#tyz-tcrm-v1 .tc-story-step-index{font:900 17px/1 Arial;color:var(--tc-gold);flex:none}
#tyz-tcrm-v1 .tc-story-step-content{min-width:0;flex:1}
#tyz-tcrm-v1 .tc-story-step-content strong{display:block;font-size:15px;font-weight:900;color:var(--tc-ink)}
#tyz-tcrm-v1 .tc-story-step-content small{display:block;font-size:12px;line-height:1.7;color:var(--tc-copy);margin-top:6px}
#tyz-tcrm-v1 .tc-story-step-arrow{color:var(--tc-gold);font-weight:900;font-size:18px}
#tyz-tcrm-v1 .tc-story-hint{font-size:11px!important;line-height:1.8!important;margin:22px 0 0!important;color:var(--tc-muted)!important}
#tyz-tcrm-v1 .tc-story-stage{position:relative;min-width:0;perspective:1100px}
#tyz-tcrm-v1 .tc-story-browser{border-radius:23px;overflow:hidden;border:1px solid rgba(211,172,110,.75);background:#132941;box-shadow:0 35px 85px rgba(6,30,53,.24),0 0 0 8px rgba(155,117,66,.06);position:relative;z-index:1}
#tyz-tcrm-v1 .tc-story-browser-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;white-space:nowrap;background:linear-gradient(125deg,#132f4a,#071b30);color:#f9e8ca;font:800 10px/1.4 Arial,sans-serif;letter-spacing:.11em;padding:16px}
#tyz-tcrm-v1 .tc-story-dots{display:flex;gap:5px}
#tyz-tcrm-v1 .tc-story-dots i{width:8px;height:8px;border-radius:50%;background:#e4a67d}
#tyz-tcrm-v1 .tc-story-dots i:nth-child(2){background:#e5cf88}
#tyz-tcrm-v1 .tc-story-dots i:nth-child(3){background:#8bc0a1}
#tyz-tcrm-v1 .tc-story-screen-badge{color:#b4cde0;font-size:9px}
#tyz-tcrm-v1 .tc-story-viewport{position:relative;overflow:hidden;aspect-ratio:1.2;background:#f1f5fb;--tc-image-shift:0%}
#tyz-tcrm-v1 .tc-story-viewport>img{width:100%;height:auto;display:block;transform:translateY(var(--tc-image-shift));transform-origin:top;transition:transform 750ms cubic-bezier(.19,1,.22,1)}
#tyz-tcrm-v1 .tc-story-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(11,27,47,.36),transparent 30%,transparent 90%);opacity:.6}
#tyz-tcrm-v1 .tc-story-hotspot{position:absolute;left:var(--story-x);top:var(--story-y);z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid #fbefda;background:#142f4b;color:#fff;font:900 13px/1 Arial,sans-serif;cursor:pointer;display:grid;place-items:center;box-shadow:0 0 0 7px rgba(238,195,118,.20),0 9px 24px rgba(7,33,57,.3);transition:transform .2s,background .2s,opacity .2s}
#tyz-tcrm-v1 .tc-story-hotspot:hover,#tyz-tcrm-v1 .tc-story-hotspot.is-current{background:#f3cd8c;color:#112b45;transform:scale(1.1);opacity:1}
#tyz-tcrm-v1 .tc-story-hotspot.is-current:after{content:'';position:absolute;inset:-13px;border-radius:50%;border:1px solid rgba(208,150,59,.8);animation:tc-story-pulse 2.2s ease-out infinite;pointer-events:none}
@keyframes tc-story-pulse{0%{transform:scale(.7);opacity:.9}85%,100%{transform:scale(1.3);opacity:0}}
#tyz-tcrm-v1 .tc-story-overlay-note{position:absolute;bottom:17px;inset-inline:17px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 17px;border:1px solid rgba(255,230,186,.55);background:rgba(13,35,55,.93);backdrop-filter:blur(12px);border-radius:13px;color:#fff8ee;font-size:13px;font-weight:900;box-shadow:0 14px 25px rgba(0,0,0,.15)}
#tyz-tcrm-v1 .tc-story-browser-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#112a43;color:#d8e3ed;padding:13px 17px;font:800 10px/1.4 Arial,sans-serif;letter-spacing:.08em}
#tyz-tcrm-v1 .tc-story-browser-foot button{background:none;border:1px solid rgba(227,195,145,.55);color:#ffe6bd;padding:10px 12px;border-radius:9px;cursor:zoom-in;font:800 12px Arial}
#tyz-tcrm-v1 .tc-story-accent{position:absolute;z-index:0;bottom:-55px;inset-inline-end:-19px;font:900 clamp(100px,17vw,220px)/1 Arial,sans-serif;color:var(--tc-gold);opacity:.09;pointer-events:none}
#tyz-tcrm-v1 .tc-story-privacy{padding-top:25px!important;color:var(--tc-muted)!important;font-size:12px!important;line-height:1.8!important}
#tyz-tcrm-v1 .tc-story-lightbox{width:min(94vw,1220px);max-height:92vh;border:1px solid #d6b477;border-radius:18px;padding:0;background:#122d46;color:white;box-shadow:0 30px 110px rgba(0,0,0,.5);overflow:hidden}
#tyz-tcrm-v1 .tc-story-lightbox::backdrop{background:rgba(5,18,32,.88);backdrop-filter:blur(9px)}
#tyz-tcrm-v1 .tc-story-lightbox-top{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 17px}
#tyz-tcrm-v1 .tc-story-lightbox-top button{border:0;border-radius:10px;background:#f1cf99;color:#12314b;font-weight:900;font-size:22px;height:44px;width:44px;cursor:pointer}
#tyz-tcrm-v1 .tc-story-lightbox-body{max-height:calc(92vh - 70px);overflow:auto;background:#fff}
#tyz-tcrm-v1 .tc-story-lightbox-body img{display:block;width:100%;height:auto}
#tyz-tcrm-v1 .tc-story-scene:not(.is-visible) .tc-story-copy,#tyz-tcrm-v1 .tc-story-scene:not(.is-visible) .tc-story-stage{opacity:.96}
@media(min-width:1100px){#tyz-tcrm-v1 .tc-story-browser{transform:rotateY(-3deg);transition:transform .35s}#tyz-tcrm-v1 .tc-story-reverse .tc-story-browser{transform:rotateY(3deg)}#tyz-tcrm-v1 .tc-story-scene:hover .tc-story-browser{transform:rotateY(0deg)}}
@media(max-width:1080px){#tyz-tcrm-v1 .tc-story-layout{grid-template-columns:1fr 1fr;gap:26px}#tyz-tcrm-v1 .tc-story-copy h3{font-size:clamp(30px,3.5vw,44px)!important}#tyz-tcrm-v1 .tc-story-step{padding:13px}}
@media(max-width:790px){#tyz-tcrm-v1 .tc-story-heading{padding:65px 0 40px}#tyz-tcrm-v1 .tc-story-count{position:static;text-align:start;margin-top:20px;font-size:32px}#tyz-tcrm-v1 .tc-story-layout{grid-template-columns:minmax(0,1fr);gap:30px}#tyz-tcrm-v1 .tc-story-reverse .tc-story-copy,#tyz-tcrm-v1 .tc-story-reverse .tc-story-stage{order:initial}#tyz-tcrm-v1 .tc-story-scene{padding:56px 0 78px}#tyz-tcrm-v1 .tc-story-viewport{aspect-ratio:1.23}}
@media(max-width:520px){#tyz-tcrm-v1 .tc-story-browser-bar{padding:12px 10px;font-size:8px}#tyz-tcrm-v1 .tc-story-screen-badge{display:none}#tyz-tcrm-v1 .tc-story-viewport{aspect-ratio:1.05}#tyz-tcrm-v1 .tc-story-hotspot{height:32px;width:32px;font-size:10px}#tyz-tcrm-v1 .tc-story-overlay-note{bottom:10px;inset-inline:10px;font-size:11px;padding:10px}#tyz-tcrm-v1 .tc-story-browser-foot{padding:10px}#tyz-tcrm-v1 .tc-story-browser-foot button{font-size:10px}}
@media(prefers-reduced-motion:reduce){#tyz-tcrm-v1 .tc-story-hotspot.is-current:after{animation:none!important}#tyz-tcrm-v1 .tc-story-viewport>img,#tyz-tcrm-v1 .tc-story-step,#tyz-tcrm-v1 .tc-story-hotspot{transition:none!important}}

/* Progressive enhancement: scene entrance animation only after JS opts in. */
#tyz-tcrm-v1 .tc-story.tc-story--enhanced .tc-story-scene:not(.is-visible) .tc-story-copy,
#tyz-tcrm-v1 .tc-story.tc-story--enhanced .tc-story-scene:not(.is-visible) .tc-story-stage{
 opacity:0;transform:translateY(30px);
}
#tyz-tcrm-v1 .tc-story.tc-story--enhanced .tc-story-scene .tc-story-copy,
#tyz-tcrm-v1 .tc-story.tc-story--enhanced .tc-story-scene .tc-story-stage{
 transition:opacity .75s ease, transform .85s cubic-bezier(.2,.8,.2,1);
}
#tyz-tcrm-v1 .tc-story.tc-story--enhanced .tc-story-scene.is-visible .tc-story-copy,
#tyz-tcrm-v1 .tc-story.tc-story--enhanced .tc-story-scene.is-visible .tc-story-stage{
 opacity:1;transform:translateY(0);
}
#tyz-tcrm-v1 #tc-gallery{scroll-margin-top:150px}
@media(prefers-reduced-motion:reduce){
 #tyz-tcrm-v1 .tc-story.tc-story--enhanced .tc-story-scene .tc-story-copy,
 #tyz-tcrm-v1 .tc-story.tc-story--enhanced .tc-story-scene .tc-story-stage{
 opacity:1!important;transform:none!important;transition:none!important;
 }
}