/* Presentation around unchanged EmCena artboards. */
.identity-visual.emcena-preview{position:relative;container-type:inline-size;aspect-ratio:1.6;overflow:hidden;background:transparent;border-radius:0;box-shadow:none}
.ec-cover-phone{position:absolute;background:#fff;border:2px solid #fff;border-radius:3cqw;overflow:hidden;box-shadow:0 3cqw 5cqw #551c1725;width:23%;height:82%;top:10%}
.ec-cover-phone img{display:block;width:100%;height:auto;max-width:none;border-radius:0}
.ec-cover-phone-0{left:10%;transform:rotate(-7deg)}
.ec-cover-phone-1{left:37%;width:26%;height:94%;top:3%;z-index:1}
.ec-cover-phone-2{right:10%;transform:rotate(7deg)}
.project-art:has(>.emcena-preview){background:radial-gradient(ellipse at 45% 0%,#fff9f7,#eed7d5);padding:12px}
.project-art>.identity-visual.emcena-preview{width:100%;max-width:none}
.case-cover .project-art:has(>.emcena-preview){aspect-ratio:1.55;padding:35px 50px}
.case-cover .project-art>.identity-visual.emcena-preview{width:100%;max-width:1080px}
.emcena-showcase{background:#fff;border:1px solid #e3e5ea;border-radius:15px;overflow:hidden;box-shadow:0 16px 65px #482e3108}
.ec-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 32px;border-bottom:1px solid #edf0f3}
.ec-heading>span{color:#c11f1f;font:700 26px Arial,sans-serif;letter-spacing:-1px}
.ec-heading>p{margin:0;text-align:right;font-size:12px;color:#394d5c;line-height:1.7}
.ec-heading small{display:block;color:#7d858e;font-size:10px}
.ec-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:54px;padding:36px}
.ec-journey{grid-column:2;grid-row:1;padding-top:8px}
.ec-kicker{font-size:10px;letter-spacing:1.2px;color:#915e5e;margin:0 0 22px}
.ec-tabs{display:flex;flex-direction:column;gap:10px}
.ec-tabs button{display:flex;align-items:flex-start;gap:16px;padding:20px 17px;text-align:left;background:#fff;border:1px solid #e6e9ed;border-radius:9px;font:inherit;cursor:pointer;color:#263947;min-height:98px}
.ec-tabs button>span:nth-child(2){flex:1;min-width:0}
.ec-step-number{font-size:11px;padding-top:3px;color:#8a929d;font-variant-numeric:tabular-nums}
.ec-tabs strong{display:block;font-size:16px;font-weight:500;letter-spacing:-.4px}
.ec-tabs small{display:block;font-size:11px;line-height:1.8;margin-top:8px;color:#687782;max-width:340px}
.ec-step-arrow{font-size:17px;color:#c11f1f;opacity:0}
.ec-tabs button[aria-selected=true]{border-color:#d29a9a;background:#fff9f9;box-shadow:inset 3px 0 #c11f1f}
.ec-tabs button[aria-selected=true] .ec-step-number,.ec-tabs button[aria-selected=true] strong{color:#a81515}
.ec-tabs button[aria-selected=true] .ec-step-arrow{opacity:1}
.ec-tabs button:hover{border-color:#c99b9b;background:#fffafa}
.ec-tabs button:focus-visible,.ec-continue:focus-visible,.ec-panel-caption a:focus-visible{outline:2px solid #c11f1f;outline-offset:3px}
.ec-selection{font-size:10px;color:#79828d;margin:24px 0 0;letter-spacing:.3px}
.ec-panels{grid-column:1;grid-row:1;min-width:0}
.ec-panels [role=tabpanel][hidden]{display:none}
.ec-panels [role=tabpanel]{scroll-margin-top:95px}
.ec-mobile-stage{display:flex;justify-content:center;background:linear-gradient(150deg,#fcf5f4,#f0e2df);border:1px solid #f1e9e7;border-radius:12px;padding:25px 15px}
.ec-phone{width:min(100%,320px);border:5px solid #fff;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 18px 40px #4226241a}
.ec-phone-scroll{height:610px;max-height:72dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d0b4b4 #faf7f7}
.ec-phone-scroll img{display:block;width:100%;height:auto}
.ec-phone-scroll:focus-visible,.ec-web-scroll:focus-visible{outline:2px solid #c11f1f;outline-offset:-3px}
.ec-panel-caption{padding:22px 2px 0}
.ec-panel-caption h3{font-size:22px;font-weight:500;line-height:1.35;letter-spacing:-.7px;margin:0 0 16px;color:#293944}
.ec-panel-caption>div{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:10px;color:#7b8189}
.ec-panel-caption a{color:#a81515;min-height:44px;display:inline-flex;align-items:center;text-underline-offset:4px;font-size:11px}
.ec-mobile-description{display:none}
.ec-continue{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:46px;width:100%;background:#fff;color:#b31919;border:1px solid #e1bbbb;border-radius:7px;padding:10px 15px;margin-top:15px;font:inherit;font-size:12px;cursor:pointer}
.ec-continue:hover{background:#fff4f4}
.ec-extra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.ec-extra-screen{display:block;text-decoration:none;color:#a81515;background:#f5edeb;padding:22px 30px 0;border-radius:10px;border:1px solid #efdfdc}
.ec-extra-screen>div{height:390px;overflow:hidden;border:3px solid #fff;border-radius:13px 13px 0 0;box-shadow:0 10px 28px #502f2712;background:#fff}
.ec-extra-screen img{display:block;width:100%;height:auto}
.ec-extra-screen>span{display:block;padding:16px 0;font-size:11px}
.ec-extra-screen:hover{background:#f0dfdc;border-color:#dcb9b4}
.ec-extra-grid h3{font-size:22px;letter-spacing:-.5px;margin:22px 0 12px;font-weight:500}
.ec-extra-grid p{font-size:13px;line-height:1.8;color:#62717c;max-width:310px;margin:0}
.ec-web-story{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;margin-top:110px;align-items:center}
.ec-web-copy h2{font-size:36px;letter-spacing:-1.3px;line-height:1.17;margin:0 0 25px}
.ec-web-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#62717c;margin:0 0 25px}
.ec-web-story figure{min-width:0;margin:0}
.ec-browser-bar{display:flex;align-items:center;gap:5px;padding:14px 17px;background:#e8edf0;border:1px solid #dce2e7;border-radius:9px 9px 0 0}
.ec-browser-bar i{width:6px;height:6px;background:#b0bbc3;border-radius:50%}
.ec-browser-bar span{font-size:9px;color:#6b7882;margin-left:auto}
.ec-web-scroll{height:440px;overflow:auto;overscroll-behavior:contain;border:1px solid #dce2e7;border-top:0;background:#fff;scrollbar-width:thin}
.ec-web-scroll img{display:block;width:100%;height:auto}
.ec-web-story figcaption{font-size:9px;color:#788591;line-height:1.8;padding-top:13px}
.ec-lightbox{margin:auto;padding:0;width:fit-content;max-width:calc(100vw - 48px);max-height:calc(100dvh - 40px);border:1px solid #dce2e7;border-radius:10px;background:#fff;box-shadow:0 25px 100px #0004;color:#263947}
.ec-lightbox::backdrop{background:#151923e8;backdrop-filter:blur(6px)}
.ec-lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:8px 18px;background:#fff;border-bottom:1px solid #edf0f3;min-width:360px}
.ec-lightbox-bar p{margin:0;font-size:12px;max-width:200px}
.ec-lightbox-bar>div{display:flex;gap:13px}
.ec-lightbox-bar button{font:inherit;font-size:10px;border:0;background:transparent;padding:4px 0;min-height:44px;color:#a81515;cursor:pointer;white-space:nowrap}
.ec-lightbox-scroll{max-height:calc(100dvh - 175px);overflow:auto;overscroll-behavior:contain;background:#f1f2f4}
.ec-lightbox-scroll img{display:block;width:auto;max-width:100%;height:auto;margin:auto}
.ec-lightbox-scroll.is-original img{width:var(--ec-native-width);max-width:none;margin:0}
.ec-lightbox-note{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#73808b;margin:0;padding:16px;line-height:1.8}
.ec-lightbox-note a{color:#a81515;white-space:nowrap;text-underline-offset:3px}
body:has(.ec-lightbox[open]){overflow:hidden}
@media(max-width:1050px){.ec-layout{gap:30px;padding:26px}.ec-tabs button{padding:17px 13px;gap:11px}.ec-tabs small{font-size:10px}.ec-phone-scroll{height:570px}.ec-extra-grid{gap:20px}.ec-extra-screen{padding:18px 20px 0}.ec-extra-screen>div{height:310px}.ec-web-story{gap:35px}.ec-web-copy h2{font-size:30px}.ec-web-scroll{height:360px}}
@media(max-width:760px){.case-cover .project-art:has(>.emcena-preview){padding:16px 5px;aspect-ratio:1.3}.ec-heading{padding:20px;display:block}.ec-heading>span{font-size:24px}.ec-heading>p{text-align:left;margin-top:9px;font-size:11px}.ec-heading small{font-size:9px;margin-top:4px}.ec-layout{display:flex;flex-direction:column;gap:20px;padding:18px}.ec-journey{padding:0;max-width:100%;width:100%}.ec-kicker,.ec-selection{display:none}.ec-tabs{flex-direction:row;overflow-x:auto;padding:3px;gap:7px;scrollbar-width:thin}.ec-tabs button{min-height:44px;padding:11px 13px;gap:6px;border-radius:6px;white-space:nowrap}.ec-tabs strong{font-size:11px;letter-spacing:0}.ec-tabs small,.ec-step-arrow,.ec-step-number{display:none}.ec-tabs button[aria-selected=true]{box-shadow:inset 0 -2px #c11f1f}.ec-panels{width:100%}.ec-mobile-stage{padding:22px 12px}.ec-phone{width:min(100%,320px);border-width:4px;border-radius:20px}.ec-phone-scroll{height:570px;max-height:70dvh}.ec-panel-caption{padding-top:22px}.ec-panel-caption h3{font-size:23px;margin-bottom:14px}.ec-mobile-description{display:block;font-size:13px;line-height:1.85;color:#62717c;margin:0 0 14px}.ec-panel-caption>div{font-size:9px}.ec-continue{font-size:12px;min-height:48px}.ec-extra-grid{grid-template-columns:1fr;gap:35px}.ec-extra-grid article{max-width:440px;width:100%;margin:auto}.ec-extra-screen{padding:24px 40px 0}.ec-extra-screen>div{height:400px}.ec-extra-grid h3{font-size:24px;margin-top:20px}.ec-extra-grid p{max-width:none}.ec-web-story{grid-template-columns:1fr;gap:30px;margin-top:70px}.ec-web-copy h2{font-size:32px}.ec-web-copy>p:not(.eyebrow){font-size:13px}.ec-web-scroll{height:340px}.ec-lightbox{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.ec-lightbox-bar{min-width:0;padding:6px 12px;gap:16px}.ec-lightbox-bar p{font-size:10px;max-width:135px}.ec-lightbox-bar>div{gap:12px}.ec-lightbox-bar button{font-size:9px}.ec-lightbox-scroll{max-height:calc(100dvh - 160px)}.ec-lightbox-note{font-size:8px;gap:8px;padding:12px}}