/* Supplied product animations, presented in the existing portfolio. */
.case-content .case-hero{padding-top:48px;padding-bottom:34px}
.case-content .case-hero .case-heading{font-size:clamp(46px,5vw,72px)}
.case-content>section.case-demo-section{padding:0;margin:12px 0 40px;max-width:none}
.case-demo-frame{display:block;width:100%;border:0;background:transparent;transition:height .18s ease}
.demo-frame-wrap{min-width:0;overflow:hidden;border-radius:12px;padding:20px;background:#f0eef8;border:1px solid var(--line)}
.lotus-demo-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:center}
.lotus-frame-wrap{padding:24px;background:#eaf2f4}
.demo-story h2,#portfolio .demo-heading-row h2{font-size:clamp(32px,3.2vw,44px);margin:12px 0 22px}
.demo-story>p:not(.section-label){font-size:16px;line-height:1.8;color:var(--muted);max-width:430px}
.demo-caption{border-top:1px solid var(--line);margin:30px 0 18px;padding-top:20px}
.demo-caption>span{font-size:11px;letter-spacing:.1em;color:#667884}
.demo-caption p,.demo-caption-line{font-size:13px;line-height:1.7;color:var(--muted)}
.demo-standalone{display:inline-block;font-size:14px;color:var(--ink);text-decoration-thickness:1px;text-underline-offset:5px;padding-block:10px}
.demo-standalone:hover{color:#5d5ec3}
.demo-heading-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}
.demo-heading-row .section-label{margin-top:0}
.demo-heading-row .demo-standalone{flex-shrink:0}
.demo-caption-line{margin:16px 0 0;max-width:700px}
.case-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-block:1px solid var(--line);padding:26px 0;margin-top:42px}
.case-facts span{font-size:11px;letter-spacing:.1em;color:var(--muted)}
.case-facts p{font-size:15px;line-height:1.65;margin:10px 0 0}
.case-flow{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid var(--line)}
.case-flow li{display:flex;gap:18px;padding:15px 0;font-size:15px;line-height:1.6;border-bottom:1px solid var(--line)}
.case-flow li>span{font-size:12px;line-height:2;color:#8f81b4;flex:none}
.case-content>section.case-project-status{padding-top:36px;padding-bottom:55px}
.case-project-status .case-source-date{font-size:13px;color:var(--muted);margin-top:24px}
.project-art.product-demo-cover{display:block;overflow:hidden;padding:0!important;background:#eeebfa;position:relative}
.product-demo-cover>img{width:100%;height:100%;display:block;object-fit:cover;object-position:top;transition:transform .6s ease}
.project-card:hover .product-demo-cover>img{transform:scale(1.025)}
.demo-cover-badge{position:absolute;bottom:13px;left:13px;background:#fffef8eF;padding:7px 10px;border:1px solid #e5e1e9;border-radius:5px;color:#40384f;font-size:10px;letter-spacing:.04em;backdrop-filter:blur(8px)}
@media(max-width:1100px){.lotus-demo-section{grid-template-columns:1fr}.demo-story{max-width:660px}.demo-story>p:not(.section-label){max-width:none}.lotus-frame-wrap{max-width:580px;width:100%;margin:auto;box-sizing:border-box}.demo-caption{margin-top:20px}.demo-heading-row{align-items:start;flex-direction:column;gap:0}.demo-frame-wrap{padding:12px}}
@media(max-width:760px){.case-content .case-hero{padding-top:38px}.case-content .case-hero .case-heading{font-size:46px}.case-facts{gap:15px}.case-facts p{font-size:13px}.case-facts span{font-size:10px}.demo-frame-wrap{padding:8px;border-radius:9px}.lotus-frame-wrap{padding:10px}.case-content>section.case-demo-section{margin-top:4px}.demo-story h2{font-size:36px}.demo-heading-row h2{font-size:33px!important}}
@media(max-width:420px){.case-facts{grid-template-columns:1fr;gap:22px}.case-facts p{font-size:15px;margin-top:5px}.case-facts p br{display:none}.case-facts p br:after{content:' '}}
@media(prefers-reduced-motion:reduce){.case-demo-frame,.product-demo-cover>img{transition:none}}

.lotus-demo-cover{position:relative;display:flex;align-items:center;gap:15px;padding:22px!important;background:#d8edf0!important}.lotus-demo-cover>img{height:112%;width:48%;object-fit:cover;object-position:top;flex:none;border-radius:7px;align-self:flex-start;box-shadow:0 9px 25px #20434b18}.lotus-demo-cover .travel-label{min-width:0;flex:1}.lotus-demo-cover .travel-label strong{font-size:clamp(23px,2.5vw,36px);line-height:1.08;color:#224955}.lotus-demo-cover .travel-label small{display:block;font:10px var(--sans);letter-spacing:.1em;margin-top:20px;color:#537b84}