.case-art{position:relative;isolation:isolate;overflow:hidden;min-height:420px;background:#dfe6d4;color:#30402b;padding:28px;margin:16px;display:flex;flex-direction:column;justify-content:space-between}
.art-heading{position:relative;z-index:3;font-weight:800;font-size:15px;letter-spacing:1.4px;display:flex;justify-content:space-between;gap:15px;align-items:center}.art-heading>span{font-size:8px;letter-spacing:1.2px;max-width:120px;text-align:right;line-height:1.6}
.art-browser{position:absolute;z-index:1;left:13%;top:86px;width:94%;border:5px solid #ffffffc9;border-radius:9px;background:#fff;box-shadow:0 24px 40px #18251630;transform:rotate(-8deg);overflow:hidden}.art-browser img{display:block;width:100%;height:auto}.browser-bar{height:23px;display:flex;align-items:center;gap:4px;padding:0 8px;background:#f2f3f0;color:#677064}.browser-bar i{width:4px;height:4px;border-radius:50%;background:#aab2a4}.browser-bar span{font:8px Arial,sans-serif;margin:auto}
.art-orbit{position:absolute;inset:30px -70px -100px 20px;border:1px solid currentColor;border-radius:50%;opacity:.13;transform:rotate(-25deg)}.art-orbit:after{content:"";position:absolute;inset:30px;border:1px solid currentColor;border-radius:50%}
.art-result{position:relative;z-index:2;align-self:flex-start;margin-top:220px;padding:22px 26px;background:#fafff1f5;box-shadow:0 12px 32px #26331e20;max-width:92%;border-left:3px solid #687f48;backdrop-filter:blur(10px)}.art-kicker{font-size:9px;font-weight:700;letter-spacing:1.5px}.art-result strong{display:block;font-size:clamp(32px,4vw,53px);letter-spacing:-2px;line-height:1.12;margin:9px 0}.art-result>span:last-child{font-size:11px;line-height:1.5;display:block}.art-arrow{position:absolute;right:22px;bottom:15px;font-size:76px;opacity:.28;z-index:0}
.art-chowa{background:#ead9df;color:#643946}.art-chowa .art-browser{transform:rotate(7deg);left:9%;width:100%}.art-chowa .art-result{background:#fff6f8f5;border-color:#a4617b}.art-austin{background:#dbe6ee;color:#294761}.art-austin .art-result{background:#f4fafff5;border-color:#4e7b9c}.art-austin .art-result strong{font-size:38px}.case-eapp .case-art{margin:16px 16px 16px 0;min-width:0}.case-eapp .art-browser{top:105px;width:110%;left:9%;transform:rotate(-9deg)}
@media(max-width:1000px){.art-heading{font-size:12px}.art-result{padding:18px}.case-art{padding:22px}.art-austin .art-result strong{font-size:32px}}
@media(max-width:700px){.case-eapp .case-art{margin:12px}.case-art{margin:12px;min-height:350px;padding:20px}.art-result{margin-top:185px}.art-browser{top:75px}.case-eapp .art-browser{top:75px}.art-result strong{font-size:38px}.art-heading>span{font-size:7px}}