/* A tangible example: production references, existing identity, actual sample outputs. */
#ai-ip.has-aip-story .aip-workflow{display:none}
#ai-ip.has-aip-story .aip-copy{top:22%;max-width:43%}
#ai-ip.has-aip-story .aip-copy h2{font-size:clamp(43px,4.8vw,72px);line-height:1.16}
#ai-ip.has-aip-story .aip-copy>p{margin-top:20px;font-size:13px;line-height:1.85}
#ai-ip.has-aip-story .aip-modes{margin-top:22px;gap:23px}
#ai-ip.has-aip-story .aip-copy .aip-mode-description{font-size:11px;line-height:1.85;margin-top:14px;min-height:61px;max-width:375px}
#ai-ip.has-aip-story .aip-sound{margin-top:10px;padding:10px 0}
#ai-ip.has-aip-story .aip-showcase{top:23%;width:min(44%,calc((100svh - 520px)*1.7778));right:6%}
#ai-ip.has-aip-story .aip-video-stage{transform:rotateY(-5deg) rotateX(2deg);border-radius:8px}
#ai-ip.has-aip-story .aip-preview-label{padding:12px 14px}
#ai-ip.has-aip-story .aip-waveform{height:34px;margin:8px 14px 0}
#ai-ip.has-aip-story .aip-media-meta{padding:7px 14px 12px;font-size:8px}
.aip-story-exhibit{position:absolute;z-index:7;left:6%;right:6%;bottom:43px;height:clamp(164px,21svh,215px);display:grid;grid-template-columns:1.02fr 1.08fr 1.25fr;gap:36px;border-top:1px solid #a076ff40;padding-top:17px}
.aip-story-step{position:relative;min-width:0}
.aip-story-step:not(.aip-story-output):after{content:'→';position:absolute;right:-27px;top:51%;font-size:23px;font-weight:400;color:#65e2d28a;line-height:1}
.aip-story-step header{display:flex;align-items:center;gap:9px;min-height:20px;min-width:0}
.aip-story-step header>b{font-size:8px;font-weight:400;letter-spacing:1px;color:#a076ff}
.aip-story-step h3{font-size:14px;line-height:1.3;letter-spacing:-.2px;color:#e7dcf6;font-weight:400;white-space:nowrap}
.aip-story-badge{font-size:6px;line-height:1.45;color:#8d7b9e;letter-spacing:.4px;margin-left:auto;max-width:95px;text-align:right}
.aip-story-reference-body{display:flex;align-items:center;gap:17px;margin-top:14px;height:calc(100% - 42px)}
.aip-reference-art{width:78px;flex:none;position:relative;color:#9d7adc}
.aip-reference-art svg{display:block;width:100%;height:auto;fill:#11111d;stroke:currentColor;stroke-width:1.2}
.aip-reference-art svg circle,.aip-reference-art svg path{fill:none;stroke:#9c8aa8}
.aip-reference-art svg .aip-reference-mark{stroke:#65e2d2;stroke-width:1.7}
.aip-story-reference ul{padding:0;margin:0;list-style:none;color:#ad9bbb;font-size:10px;line-height:1.7}
.aip-story-reference li{position:relative;padding-left:10px;margin:5px 0}
.aip-story-reference li:before{content:'';position:absolute;left:0;top:.75em;width:3px;height:3px;border-radius:50%;background:#65e2d2;opacity:.55}
.aip-story-identity-body{height:calc(100% - 43px);margin-top:13px;display:grid;grid-template-columns:1.22fr .9fr;align-items:center;gap:15px}
.aip-story-image{position:relative;display:block;padding:0;width:100%;background:#13101d;overflow:hidden;border-bottom:1px solid #65e2d27a;aspect-ratio:16/9;cursor:zoom-in}
.aip-story-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.aip-story-image>span{position:absolute;right:6px;bottom:5px;font-size:12px;color:#fff;text-shadow:0 1px 5px #000}
.aip-story-identity-body p{font-size:10px;line-height:1.85;color:#a38eb4;white-space:pre-line}
.aip-story-outputs{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:15px;height:calc(100% - 44px);align-content:center}
.aip-story-deliverable{display:block;padding:0;min-width:0;text-align:left;color:#c0afd0}
.aip-output-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#16101f;border-bottom:1px solid #a076ff77}
.aip-output-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:filter .25s}
.aip-output-image>i{position:absolute;right:7px;bottom:5px;font-style:normal;font-size:12px;color:#fff;text-shadow:0 1px 5px #000}
.aip-output-image>i.aip-story-play{inset:0;display:grid;place-items:center;background:#08090f28;font-size:15px;color:#eefbf6;text-shadow:0 0 14px #65e2d2}
.aip-story-deliverable>span:last-child{display:block;font-size:8px;line-height:1.6;margin-top:7px;color:#b7a3c8}
.aip-story-deliverable:hover img{filter:brightness(1.1)}
.aip-story-note{position:absolute;bottom:-21px;left:0;right:0;font-size:7px;line-height:1.7;color:#796686;letter-spacing:.1px}
.aip-story-viewer{border:1px solid #a076ff40;background:#0d0c15;color:#b8a6cb;border-radius:8px;padding:45px 24px 18px;width:min(1000px,94vw);max-width:94vw;max-height:92svh;overflow:auto}
.aip-story-viewer::backdrop{background:#05040de8;backdrop-filter:blur(12px)}
.aip-story-viewer>img{width:100%;height:auto;max-height:74svh;object-fit:contain}
.aip-story-viewer>p{font-size:10px;line-height:1.8;margin-top:15px;color:#a792bb}
.aip-story-viewer-close{position:absolute;right:13px;top:10px;width:28px;height:28px;display:grid;place-items:center;border:1px solid #a076ff55;border-radius:50%;color:#d2bee5;font-size:13px}
.presenting #ai-ip .aip-story-exhibit{bottom:108px}
.presenting #ai-ip.has-aip-story .aip-showcase{top:21%;width:min(42%,calc((100svh - 600px)*1.7778))}
@media(min-width:761px) and (max-height:760px){
 #ai-ip.has-aip-story .aip-copy{top:22%}#ai-ip.has-aip-story .aip-copy h2{font-size:49px}#ai-ip.has-aip-story .aip-copy>p{font-size:11px;margin-top:16px;line-height:1.75}
 #ai-ip.has-aip-story .aip-modes{margin-top:17px;gap:18px}#ai-ip.has-aip-story .aip-modes button{font-size:10px;padding:8px 0}#ai-ip.has-aip-story .aip-copy .aip-mode-description{font-size:10px;line-height:1.8;margin-top:11px;min-height:54px}#ai-ip.has-aip-story .aip-sound{font-size:10px;margin-top:5px;padding:8px 0}
 #ai-ip.has-aip-story .aip-showcase{top:21%;width:min(44%,calc((100svh - 430px)*1.7778))}#ai-ip.has-aip-story .aip-preview-label{padding:9px 12px;font-size:7px}#ai-ip.has-aip-story .aip-waveform{height:25px;margin:6px 12px 0}#ai-ip.has-aip-story .aip-media-meta{font-size:7px;padding:6px 12px 9px}
 #ai-ip .aip-story-exhibit{bottom:33px;height:150px;padding-top:13px;gap:31px}.aip-story-step h3{font-size:12px}.aip-story-reference-body{gap:12px;margin-top:10px}.aip-reference-art{width:64px}.aip-story-reference ul{font-size:9px}.aip-story-reference li{margin:3px 0}.aip-story-identity-body{gap:12px;margin-top:10px}.aip-story-identity-body p{font-size:9px}.aip-story-outputs{margin-top:11px;gap:11px}.aip-story-deliverable>span:last-child{font-size:7px;margin-top:5px}.aip-story-step:not(.aip-story-output):after{right:-24px;font-size:20px}.aip-story-note{font-size:6px;bottom:-20px}
 .presenting #ai-ip .aip-story-exhibit{bottom:100px}.presenting #ai-ip.has-aip-story .aip-showcase{top:21%;width:min(42%,calc((100svh - 500px)*1.7778))}
}
@media(min-width:761px) and (max-width:1050px){
 #ai-ip.has-aip-story .aip-copy h2{font-size:44px}#ai-ip.has-aip-story .aip-copy>p{font-size:11px}#ai-ip.has-aip-story .aip-modes{gap:13px}#ai-ip.has-aip-story .aip-modes button{font-size:9px}#ai-ip.has-aip-story .aip-copy .aip-mode-description{font-size:10px}
 .aip-story-exhibit{gap:25px;grid-template-columns:1fr 1fr 1.2fr}.aip-story-step h3{font-size:11px}.aip-story-badge{max-width:73px;font-size:5px}.aip-story-step:not(.aip-story-output):after{right:-19px;font-size:18px}.aip-story-reference-body{gap:10px}.aip-reference-art{width:49px}.aip-story-reference ul{font-size:8px}.aip-story-identity-body{grid-template-columns:1fr;gap:7px;align-content:center}.aip-story-identity-body p{display:none}.aip-story-image{max-width:180px}.aip-story-outputs{gap:9px}.aip-story-deliverable>span:last-child{font-size:6px}
}
@media(max-width:760px){
 #ai-ip.has-aip-story .stage{min-height:1350px;padding-bottom:55px}#ai-ip.has-aip-story .aip-copy{position:relative;top:auto;left:auto;max-width:none;margin-top:36px}#ai-ip.has-aip-story .aip-copy h2{font-size:43px;letter-spacing:-1.6px}#ai-ip.has-aip-story .aip-copy>p{font-size:12px;line-height:1.85;margin-top:20px}#ai-ip.has-aip-story .aip-modes{margin-top:24px;gap:21px}#ai-ip.has-aip-story .aip-modes button{font-size:10px}#ai-ip.has-aip-story .aip-copy .aip-mode-description{font-size:11px;line-height:1.85;margin-top:16px;min-height:61px;max-width:none}#ai-ip.has-aip-story .aip-sound{font-size:11px;margin-top:12px}
 #ai-ip.has-aip-story .aip-showcase,.presenting #ai-ip.has-aip-story .aip-showcase{position:relative;top:auto;right:auto;width:100%;margin:35px 0 0;perspective:none}#ai-ip.has-aip-story .aip-video-stage{transform:none;border-radius:6px}#ai-ip.has-aip-story .aip-preview-label{font-size:6px;padding:11px 13px}#ai-ip.has-aip-story .aip-waveform{height:32px;margin:8px 13px 0}#ai-ip.has-aip-story .aip-media-meta{font-size:7px;padding:6px 13px 12px}
 #ai-ip .aip-story-exhibit,.presenting #ai-ip .aip-story-exhibit{position:relative;left:auto;right:auto;bottom:auto;height:auto;margin-top:40px;padding-top:21px;display:grid;grid-template-columns:1fr;gap:35px}
 .aip-story-step header{gap:11px}.aip-story-step h3{font-size:15px}.aip-story-step header>b{font-size:9px}.aip-story-badge{font-size:7px;max-width:140px}
 .aip-story-step:not(.aip-story-output):after{content:'↓';right:11px;top:auto;bottom:-24px;font-size:22px}.aip-story-reference-body{height:auto;margin-top:15px;gap:23px}.aip-reference-art{width:76px}.aip-story-reference ul{font-size:11px;line-height:1.7}.aip-story-reference li{margin:5px 0}
 .aip-story-identity-body{margin-top:15px;height:auto;grid-template-columns:1.2fr 1fr;gap:22px}.aip-story-image{width:100%;max-width:none}.aip-story-identity-body p{display:block;font-size:10px;line-height:1.85}
 .aip-story-outputs{height:auto;margin-top:16px;gap:17px}.aip-story-deliverable>span:last-child{font-size:8px;margin-top:9px}.aip-story-note{position:relative;bottom:auto;left:auto;right:auto;font-size:7px;margin-top:-8px;line-height:1.8}
 .aip-story-viewer{padding:42px 12px 15px}.aip-story-viewer>p{font-size:9px}.presenting #ai-ip.has-aip-story .stage{padding-bottom:115px}
}