#sw-portfolio-20261103 .case-page:not(#swm-x){--case-ease:cubic-bezier(.22,.78,.25,1)}
#sw-portfolio-20261103 .case-page .offer-faq:not(#swm-x){gap:14px}
#sw-portfolio-20261103 .case-page .offer-faq details:not(#swm-x),#sw-portfolio-20261103 .case-page .offer-faq details[open]:not(#swm-x){padding:0;border:2px solid var(--cobalt);border-radius:var(--r-md);background:var(--white);color:var(--ink)}
#sw-portfolio-20261103 .case-page .offer-faq details>summary:not(#swm-x){padding:22px 26px;min-height:72px;gap:20px;background-color:var(--cobalt);background-image:repeating-linear-gradient(135deg,var(--cobalt-line) 0 1px,transparent 1px 16px);background-size:auto;color:var(--white);border-radius:calc(var(--r-md) - 2px)}
#sw-portfolio-20261103 .case-page .offer-faq details[open]>summary:not(#swm-x){border-radius:calc(var(--r-md) - 2px) calc(var(--r-md) - 2px) 0 0}
#sw-portfolio-20261103 .case-page .offer-faq details>summary>span[aria-hidden="true"]:not(#swm-x){display:none}
#sw-portfolio-20261103 .case-page .offer-faq details>summary:not(#swm-x)::after{content:'+';flex:none;width:22px;font:400 28px/1 var(--body);text-align:center;color:var(--lime)}
#sw-portfolio-20261103 .case-page .offer-faq details[open]>summary:not(#swm-x)::after{content:'−'}
#sw-portfolio-20261103 .case-page .offer-faq summary:focus-visible:not(#swm-x){outline:3px solid var(--lime);outline-offset:-6px;box-shadow:none}
#sw-portfolio-20261103 .case-page .offer-faq details>div:not(#swm-x){max-width:none;padding:22px 26px;background:var(--white);border-radius:0 0 calc(var(--r-md) - 2px) calc(var(--r-md) - 2px)}
#sw-portfolio-20261103 .case-page .offer-faq details p:not(#swm-x),#sw-portfolio-20261103 .case-page .offer-faq details[open] p:not(#swm-x){color:var(--ink-soft)}
#sw-portfolio-20261103 .case-page .offer-faq details p:last-child:not(#swm-x){margin-bottom:0}
@media(max-width:640px){#sw-portfolio-20261103 .case-page .offer-faq details>summary:not(#swm-x){padding:20px 18px;gap:16px}
#sw-portfolio-20261103 .case-page .offer-faq details>div:not(#swm-x){padding:20px 18px}}
#sw-portfolio-20261103 .case-page .case-hero:not(#swm-x){display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:center;padding:54px 0 70px}
#sw-portfolio-20261103 .case-page .case-hero>*:not(#swm-x){min-width:0}
#sw-portfolio-20261103 .case-page .case-hero h1:not(#swm-x){font-size:clamp(42px,4.2vw,62px);line-height:1.12;letter-spacing:-.055em;margin:24px 0}
#sw-portfolio-20261103 .case-page .case-hero .offer-lead:not(#swm-x){font-size:19px;line-height:1.6}
#sw-portfolio-20261103 .case-page .case-attribution:not(#swm-x){font-size:13px;margin:18px 0 24px}
#sw-portfolio-20261103 .case-page .case-hero-copy>.review-badge:not(#swm-x){display:flex;width:max-content;max-width:100%;margin-top:28px}
#sw-portfolio-20261103 .case-page .case-hero-display:not(#swm-x){position:relative;min-height:530px;background:var(--cobalt);background-image:var(--grid-w);background-size:28px 28px;border-radius:22px;padding:30px 42px 38px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
#sw-portfolio-20261103 .case-page .case-cover-label:not(#swm-x){font:400 13px var(--mono);color:var(--white);letter-spacing:.14em;display:block;margin-bottom:28px}
#sw-portfolio-20261103 .case-page .case-hero-main:not(#swm-x){width:100%;border:2px solid var(--white);border-radius:13px;overflow:hidden;box-shadow:0 22px 32px #12131c35;transform:rotate(-4deg);transform-origin:50% 75%}
#sw-portfolio-20261103 .case-page .case-hero-main img:not(#swm-x){display:block;width:100%;height:auto}
#sw-portfolio-20261103 .case-page .case-browserbar:not(#swm-x){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;background:var(--white);color:var(--cobalt);font:500 11px var(--body);min-height:36px}
#sw-portfolio-20261103 .case-page .case-hero-phone:not(#swm-x){position:absolute;right:24px;bottom:54px;width:144px;border:4px solid var(--white);border-radius:20px;overflow:hidden;box-shadow:0 14px 30px #12131c40;transform:rotate(5deg)}
#sw-portfolio-20261103 .case-page .case-hero-phone .case-browserbar:not(#swm-x){min-height:24px;padding:6px 9px}
#sw-portfolio-20261103 .case-page .case-hero-phone img:not(#swm-x){display:block;width:100%;height:auto}
#sw-portfolio-20261103 .case-page .case-cover-caption:not(#swm-x){display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:12px;color:var(--white);margin-top:48px;padding-right:145px}
#sw-portfolio-20261103 .case-page .case-cover-caption .ds-badge:not(#swm-x){display:none}
#sw-portfolio-20261103 .case-page .case-section:not(#swm-x){padding:78px 0;border-top:1px solid var(--brd);scroll-margin-top:150px}
#sw-portfolio-20261103 .case-page .case-heading:not(#swm-x){max-width:880px;margin-bottom:42px}
#sw-portfolio-20261103 .case-page .case-heading>p:not(#swm-x){max-width:700px;font-size:18px;line-height:1.65}
#sw-portfolio-20261103 .case-page .case-heading .section-title:not(#swm-x){margin-top:22px}
#sw-portfolio-20261103 .case-page .case-context:not(#swm-x){display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:start}
#sw-portfolio-20261103 .case-page .case-context>p:not(#swm-x){font-size:20px;line-height:1.7;margin:0}
#sw-portfolio-20261103 .case-page .case-context dl:not(#swm-x){margin:0;border-top:2px solid var(--cobalt)}
#sw-portfolio-20261103 .case-page .case-context dl>div:not(#swm-x){display:flex;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid var(--brd)}
#sw-portfolio-20261103 .case-page .case-context dt:not(#swm-x){color:var(--cobalt);font-weight:700}
#sw-portfolio-20261103 .case-page .case-context dd:not(#swm-x){margin:0;text-align:right}
#sw-portfolio-20261103 .case-page .case-only-js:not(#swm-x){display:none}
#sw-portfolio-20261103 .case-page.case-js .case-only-js:not(#swm-x){display:flex}
#sw-portfolio-20261103 .case-page .case-experience:not(#swm-x){background:var(--cobalt);background-image:var(--grid-w);background-size:28px 28px;border-radius:22px;padding:28px;color:var(--white);overflow:hidden}
#sw-portfolio-20261103 .case-page .case-controlbar:not(#swm-x){justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:32px}
#sw-portfolio-20261103 .case-page .case-tabs:not(#swm-x),#sw-portfolio-20261103 .case-page .case-devices:not(#swm-x),#sw-portfolio-20261103 .case-page .refonte-actions:not(#swm-x){display:flex;gap:9px}
#sw-portfolio-20261103 .case-page .case-tab:not(#swm-x){display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 15px;border:2px solid var(--cobalt);border-radius:12px;background:var(--white);color:var(--cobalt);font:700 14px/1.3 var(--display);cursor:pointer;transition:background 150ms,color 150ms}
#sw-portfolio-20261103 .case-page .case-tab svg:not(#swm-x){width:19px;height:19px;flex-shrink:0}
#sw-portfolio-20261103 .case-page .case-tab[aria-pressed=true]:not(#swm-x){background:var(--cobalt);color:var(--white)}
#sw-portfolio-20261103 .case-page .case-controlbar .case-tab:not(#swm-x){border-color:var(--white)}
#sw-portfolio-20261103 .case-page .case-tab:focus-visible:not(#swm-x),#sw-portfolio-20261103 .case-page .case-source:focus-visible:not(#swm-x){outline:3px solid var(--pink);outline-offset:4px}
#sw-portfolio-20261103 .case-page .case-slide:not(#swm-x){display:grid;grid-template-columns:.36fr .64fr;gap:30px;align-items:center;margin-bottom:35px}
#sw-portfolio-20261103 .case-page.case-js .case-slide:not(#swm-x){margin:0}
#sw-portfolio-20261103 .case-page.case-js .case-slide:not([data-active=true]):not(#swm-x){display:none}
#sw-portfolio-20261103 .case-page .case-page-copy:not(#swm-x){min-width:0}
#sw-portfolio-20261103 .case-page .case-page-copy .content-title:not(#swm-x){font:800 30px/1.2 var(--display);color:var(--white);margin:24px 0 18px;letter-spacing:-.035em}
#sw-portfolio-20261103 .case-page .case-page-copy p:not(#swm-x){font-size:16px;line-height:1.65;color:var(--white)}
#sw-portfolio-20261103 .case-page .case-step:not(#swm-x){font:400 28px var(--mono);color:var(--lime)}
#sw-portfolio-20261103 .case-page .case-source:not(#swm-x){display:inline-flex;align-items:center;gap:8px;color:var(--white);font-size:14px;font-weight:700;margin-top:14px;padding:10px 0}
#sw-portfolio-20261103 .case-page .case-source svg:not(#swm-x){width:18px}
#sw-portfolio-20261103 .case-page .case-screen:not(#swm-x){margin:0;min-width:0;background:var(--white);border:2px solid var(--white);border-radius:13px;overflow:hidden;align-self:center;width:100%}
#sw-portfolio-20261103 .case-page .case-screen img:not(#swm-x){display:block;width:100%;height:auto}
#sw-portfolio-20261103 .case-page .case-screen figcaption:not(#swm-x){font-size:11px;padding:10px 12px;color:var(--cobalt);background:var(--white)}
#sw-portfolio-20261103 .case-page .case-slides[data-device=mobile] .case-screen:not(#swm-x){max-width:250px;justify-self:center}
#sw-portfolio-20261103 .case-page .case-gallery-help:not(#swm-x){font-size:12px;line-height:1.5;margin:26px 0 0;color:var(--white)}
#sw-portfolio-20261103 .case-page .refonte-track:not(#swm-x){position:relative}
#sw-portfolio-20261103 .case-page.case-js .refonte-track:not(#swm-x){height:160vh;min-height:1050px}
#sw-portfolio-20261103 .case-page .refonte-sticky:not(#swm-x){display:grid;grid-template-columns:.34fr .66fr;align-items:center;gap:44px}
#sw-portfolio-20261103 .case-page.case-js .refonte-sticky:not(#swm-x){position:sticky;top:160px}
#sw-portfolio-20261103 .case-page .refonte-copy .content-title:not(#swm-x){font:800 33px/1.16 var(--display);letter-spacing:-.04em;margin:25px 0}
#sw-portfolio-20261103 .case-page .refonte-copy p:not(#swm-x){font-size:16px;line-height:1.6}
#sw-portfolio-20261103 .case-page .refonte-copy .refonte-disclosure:not(#swm-x){font-size:13px;padding-left:16px;border-left:3px solid var(--pink);line-height:1.6}
#sw-portfolio-20261103 .case-page .refonte-benefits:not(#swm-x){list-style:none;padding:0;display:grid;gap:14px;margin:24px 0 0}
#sw-portfolio-20261103 .case-page .refonte-benefits li:not(#swm-x){display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
#sw-portfolio-20261103 .case-page .refonte-benefits svg:not(#swm-x){width:22px;height:22px;color:var(--cobalt);background:var(--lime);border-radius:5px;padding:3px;flex-shrink:0}
#sw-portfolio-20261103 .case-page .refonte-demo:not(#swm-x){min-width:0}
#sw-portfolio-20261103 .case-page .refonte-labels:not(#swm-x){display:flex;justify-content:space-between;gap:20px;font:700 13px var(--body);margin:0 0 13px;color:var(--cobalt)}
#sw-portfolio-20261103 .case-page .refonte-labels span:last-child:not(#swm-x){background:var(--lime);padding:4px 10px;border-radius:7px;color:var(--ink)}
#sw-portfolio-20261103 .case-page .refonte-frame:not(#swm-x){border:2px solid var(--cobalt);border-radius:15px;overflow:hidden;background:var(--white)}
#sw-portfolio-20261103 .case-page .refonte-canvas:not(#swm-x){position:relative}
#sw-portfolio-20261103 .case-page .refonte-canvas figure:not(#swm-x){margin:0}
#sw-portfolio-20261103 .case-page .refonte-canvas img:not(#swm-x){display:block;width:100%;height:auto}
#sw-portfolio-20261103 .case-page.case-js .refonte-canvas:not(#swm-x){aspect-ratio:3/2;overflow:hidden;touch-action:pan-y}
#sw-portfolio-20261103 .case-page.case-js .refonte-old:not(#swm-x),#sw-portfolio-20261103 .case-page.case-js .refonte-new:not(#swm-x),#sw-portfolio-20261103 .case-page.case-js .refonte-strip:not(#swm-x){position:absolute;inset:0;margin:0}
#sw-portfolio-20261103 .case-page.case-js .refonte-new:not(#swm-x){pointer-events:none}
#sw-portfolio-20261103 .case-page .refonte-strip img:not(#swm-x){width:100%;height:100%;object-fit:fill}
#sw-portfolio-20261103 .case-page .refonte-strip picture:not(#swm-x){display:block;height:100%}
#sw-portfolio-20261103 .case-page .refonte-handle:not(#swm-x){display:none}
#sw-portfolio-20261103 .case-page.case-js .refonte-handle:not(#swm-x){position:absolute;top:0;bottom:0;left:50%;width:3px;background:var(--pink);pointer-events:none}
#sw-portfolio-20261103 .case-page .refonte-handle span:not(#swm-x){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--white);border-radius:50%;background:var(--cobalt);color:var(--white);font-size:23px}
#sw-portfolio-20261103 .case-page .refonte-controls:not(#swm-x){flex-direction:column;gap:14px;margin-top:18px}
#sw-portfolio-20261103 .case-page .refonte-actions:not(#swm-x){justify-content:center}
#sw-portfolio-20261103 .case-page .refonte-actions .case-tab:not(#swm-x){flex:1;font-size:13px;min-height:44px;padding:9px}
#sw-portfolio-20261103 .case-page .refonte-range-label:not(#swm-x){display:grid;gap:6px;font-size:12px;text-align:center;color:var(--cobalt)}
#sw-portfolio-20261103 .case-page .refonte-range-label input:not(#swm-x){width:100%;min-height:28px;accent-color:var(--cobalt);cursor:ew-resize;margin:0}
#sw-portfolio-20261103 .case-page .refonte-replay:not(#swm-x){align-self:center;min-height:44px;padding:8px 12px;font-size:13px}
#sw-portfolio-20261103 .case-page .refonte-full:not(#swm-x){display:flex;justify-content:space-between;gap:12px;margin-top:15px}
#sw-portfolio-20261103 .case-page .refonte-full a:not(#swm-x){font-size:12px;color:var(--cobalt);padding:6px 0}
#sw-portfolio-20261103 .case-page .refonte-hint:not(#swm-x){font-size:12px;line-height:1.5;margin:10px 0 0}
#sw-portfolio-20261103 .case-page #projet>.review-badge:not(#swm-x){margin-bottom:32px}
#sw-portfolio-20261103 .case-page #projet:not(#swm-x){scroll-margin-top:150px}
@media(max-width:1100px){#sw-portfolio-20261103 .case-page .case-hero:not(#swm-x){gap:30px;grid-template-columns:1fr 1fr}
#sw-portfolio-20261103 .case-page .case-hero h1:not(#swm-x){font-size:49px}
#sw-portfolio-20261103 .case-page .case-hero-display:not(#swm-x){min-height:490px;padding:24px}
#sw-portfolio-20261103 .case-page .case-hero-phone:not(#swm-x){width:124px;right:18px;bottom:65px}
#sw-portfolio-20261103 .case-page .case-cover-caption:not(#swm-x){padding-right:120px}
#sw-portfolio-20261103 .case-page .refonte-sticky:not(#swm-x){grid-template-columns:.33fr .67fr;gap:25px}
#sw-portfolio-20261103 .case-page .refonte-copy .content-title:not(#swm-x){font-size:27px}
#sw-portfolio-20261103 .case-page .case-slide:not(#swm-x){gap:22px}
#sw-portfolio-20261103 .case-page .case-context:not(#swm-x){gap:35px}}
@media(max-width:900px){#sw-portfolio-20261103 .case-page .case-hero:not(#swm-x){grid-template-columns:1fr;gap:36px;padding-top:40px}
#sw-portfolio-20261103 .case-page .case-hero h1:not(#swm-x){font-size:54px;max-width:13ch}
#sw-portfolio-20261103 .case-page .case-hero-copy .offer-lead:not(#swm-x){max-width:620px}
#sw-portfolio-20261103 .case-page .case-hero-display:not(#swm-x){min-height:550px;max-width:660px;width:100%;justify-self:center;padding:35px 70px}
#sw-portfolio-20261103 .case-page .case-hero-phone:not(#swm-x){width:160px;right:32px;bottom:46px}
#sw-portfolio-20261103 .case-page .case-controlbar:not(#swm-x){flex-direction:column}
#sw-portfolio-20261103 .case-page .case-slide:not(#swm-x){grid-template-columns:1fr}
#sw-portfolio-20261103 .case-page .case-page-copy:not(#swm-x){max-width:620px}
#sw-portfolio-20261103 .case-page .case-page-copy .content-title:not(#swm-x){margin:12px 0}
#sw-portfolio-20261103 .case-page .case-page-copy p:not(#swm-x){margin:0}
#sw-portfolio-20261103 .case-page .case-step:not(#swm-x){font-size:18px}
#sw-portfolio-20261103 .case-page .case-source:not(#swm-x){margin:4px 0 0}
#sw-portfolio-20261103 .case-page .case-screen:not(#swm-x){max-width:100%}
#sw-portfolio-20261103 .case-page .case-slides[data-device=mobile] .case-screen:not(#swm-x){max-width:230px}
#sw-portfolio-20261103 .case-page .case-context:not(#swm-x){grid-template-columns:1fr}
#sw-portfolio-20261103 .case-page .refonte-sticky:not(#swm-x){grid-template-columns:1fr;position:static!important}
#sw-portfolio-20261103 .case-page.case-js .refonte-track:not(#swm-x){height:auto;min-height:0}
#sw-portfolio-20261103 .case-page .refonte-copy .content-title:not(#swm-x){font-size:33px}
#sw-portfolio-20261103 .case-page .refonte-benefits:not(#swm-x){grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#sw-portfolio-20261103 .case-page .refonte-benefits li:not(#swm-x){font-size:12px;align-items:flex-start}
#sw-portfolio-20261103 .case-page .refonte-demo:not(#swm-x){max-width:730px;width:100%;justify-self:center}}
@media(max-width:600px){#sw-portfolio-20261103 .case-page .case-hero:not(#swm-x){padding:36px 0 48px}
#sw-portfolio-20261103 .case-page .case-hero h1:not(#swm-x){font-size:clamp(38px,10vw,50px);max-width:13ch}
#sw-portfolio-20261103 .case-page .case-hero .offer-lead:not(#swm-x){font-size:17px}
#sw-portfolio-20261103 .case-page .eyebrow:not(#swm-x){white-space:normal}
#sw-portfolio-20261103 .case-page .case-hero-display:not(#swm-x){min-height:0;padding:24px 30px;border-radius:18px}
#sw-portfolio-20261103 .case-page .case-hero-main:not(#swm-x){display:none}
#sw-portfolio-20261103 .case-page .case-hero-phone:not(#swm-x){position:relative;inset:auto;width:210px;max-width:100%;margin:auto;transform:none;border-radius:15px}
#sw-portfolio-20261103 .case-page .case-cover-label:not(#swm-x){font-size:11px;margin-bottom:20px;text-align:center}
#sw-portfolio-20261103 .case-page .case-cover-caption:not(#swm-x){padding:0;justify-content:center;margin-top:22px}
#sw-portfolio-20261103 .case-page .case-section:not(#swm-x){padding:50px 0}
#sw-portfolio-20261103 .case-page .case-heading:not(#swm-x){margin-bottom:30px}
#sw-portfolio-20261103 .case-page .case-heading>p:not(#swm-x){font-size:16px}
#sw-portfolio-20261103 .case-page .case-context>p:not(#swm-x){font-size:17px}
#sw-portfolio-20261103 .case-page .case-context dl>div:not(#swm-x){font-size:14px}
#sw-portfolio-20261103 .case-page .case-experience:not(#swm-x){padding:18px 15px;border-radius:17px}
#sw-portfolio-20261103 .case-page .case-tabs:not(#swm-x){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}
#sw-portfolio-20261103 .case-page .case-tabs .case-tab:not(#swm-x){flex-direction:column;font-size:11px;padding:9px 4px;gap:6px;min-height:66px}
#sw-portfolio-20261103 .case-page .case-devices:not(#swm-x){justify-content:center}
#sw-portfolio-20261103 .case-page .case-devices .case-tab:not(#swm-x){min-height:44px;padding:10px 18px;font-size:13px}
#sw-portfolio-20261103 .case-page .case-controlbar:not(#swm-x){margin-bottom:24px}
#sw-portfolio-20261103 .case-page .case-page-copy .content-title:not(#swm-x){font-size:27px}
#sw-portfolio-20261103 .case-page .case-page-copy p:not(#swm-x){font-size:15px}
#sw-portfolio-20261103 .case-page .case-screen:not(#swm-x){max-width:230px;justify-self:center}
#sw-portfolio-20261103 .case-page .case-slides[data-device=desktop] .case-screen:not(#swm-x){max-width:100%}
#sw-portfolio-20261103 .case-page .case-browserbar:not(#swm-x){padding:9px;font-size:9px;gap:8px}
#sw-portfolio-20261103 .case-page .case-screen figcaption:not(#swm-x){font-size:10px;padding:9px}
#sw-portfolio-20261103 .case-page .refonte-benefits:not(#swm-x){grid-template-columns:1fr}
#sw-portfolio-20261103 .case-page .refonte-demo:not(#swm-x){max-width:280px}
#sw-portfolio-20261103 .case-page.case-js .refonte-canvas:not(#swm-x){aspect-ratio:390/844}
#sw-portfolio-20261103 .case-page .refonte-copy .content-title:not(#swm-x){font-size:30px}
#sw-portfolio-20261103 .case-page .refonte-full:not(#swm-x){flex-direction:column;align-items:center;gap:3px}
#sw-portfolio-20261103 .case-page .refonte-actions .case-tab:not(#swm-x){font-size:12px}
#sw-portfolio-20261103 .case-page .refonte-actions .case-tab svg:not(#swm-x){width:15px}
#sw-portfolio-20261103 .case-page .refonte-actions:not(#swm-x){gap:6px}
#sw-portfolio-20261103 .case-page .refonte-replay:not(#swm-x){font-size:11px}
#sw-portfolio-20261103 .case-page .refonte-labels:not(#swm-x){font-size:12px}}
@media(prefers-reduced-motion:reduce){#sw-portfolio-20261103 .case-page .case-tab:not(#swm-x){transition:none}
#sw-portfolio-20261103 .case-page .case-hero-main:not(#swm-x),#sw-portfolio-20261103 .case-page .case-hero-phone:not(#swm-x){transform:none}
#sw-portfolio-20261103 .case-page.case-js .refonte-track:not(#swm-x){height:auto;min-height:0}
#sw-portfolio-20261103 .case-page.case-js .refonte-sticky:not(#swm-x){position:static}}
@media print{#sw-portfolio-20261103 .case-page.case-js .refonte-track:not(#swm-x){height:auto;min-height:0}
#sw-portfolio-20261103 .case-page.case-js .refonte-sticky:not(#swm-x){position:static}
#sw-portfolio-20261103 .case-page.case-js .refonte-old:not(#swm-x),#sw-portfolio-20261103 .case-page.case-js .refonte-new:not(#swm-x){position:static}
#sw-portfolio-20261103 .case-page.case-js .refonte-canvas:not(#swm-x){aspect-ratio:auto;overflow:visible}
#sw-portfolio-20261103 .case-page .refonte-strip:not(#swm-x){position:static!important;clip-path:none!important}
#sw-portfolio-20261103 .case-page .refonte-strip~.refonte-strip:not(#swm-x){display:none}
#sw-portfolio-20261103 .case-page.case-js .case-slide:not(#swm-x){display:grid!important}
#sw-portfolio-20261103 .case-page .case-only-js:not(#swm-x),#sw-portfolio-20261103 .case-page .refonte-handle:not(#swm-x){display:none!important}}
@media(min-width:901px) and (min-height:761px){#sw-portfolio-20261103 .case-page .refonte-demo:not(#swm-x){max-width:min(100%,calc((100svh - 450px)*1.5));justify-self:end}
#sw-portfolio-20261103 .case-page.case-js .refonte-controls:not(#swm-x){display:grid;grid-template-columns:1fr auto;gap:10px}
#sw-portfolio-20261103 .case-page .refonte-actions:not(#swm-x){grid-column:1;grid-row:1}
#sw-portfolio-20261103 .case-page .refonte-replay:not(#swm-x){grid-column:2;grid-row:1;font-size:11px;max-width:160px}
#sw-portfolio-20261103 .case-page .refonte-range-label:not(#swm-x){grid-column:1/-1;grid-row:2}}
@media(max-height:760px){#sw-portfolio-20261103 .case-page.case-js .refonte-track:not(#swm-x){height:auto;min-height:0}
#sw-portfolio-20261103 .case-page.case-js .refonte-sticky:not(#swm-x){position:static}}
@media(max-width:900px){#sw-portfolio-20261103 .case-page .refonte-demo:not(#swm-x){order:-1}}
#sw-portfolio-20261103 .case-page .case-page-copy .content-title em:not(#swm-x){color:var(--white)}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-hero-display:not(#swm-x){min-height:0;padding:24px;gap:0}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-cover-label:not(#swm-x){margin-bottom:16px}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-hero-devices:not(#swm-x){margin:0 0 18px;justify-content:flex-end;flex-wrap:wrap}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-hero-devices .case-tab:not(#swm-x){border-color:var(--white);min-height:44px;padding:9px 15px;font-size:13px}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-hero-stage:not(#swm-x){display:grid;place-items:center;min-width:0;width:100%}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-hero-main:not(#swm-x){display:block;transform:none;max-width:100%;box-shadow:none}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-hero-phone:not(#swm-x){position:relative;inset:auto;display:block;width:min(230px,calc(55svh * .462));max-width:100%;margin:0 auto;transform:none;box-shadow:none;border-radius:15px}
#sw-portfolio-20261103 .case-page:not(.casebook-page) [data-case-hero-view][hidden]:not(#swm-x){display:none}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-cover-caption:not(#swm-x){padding:0;margin-top:20px;justify-content:space-between}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-controlbar:not(#swm-x){align-items:flex-end}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-page-picker:not(#swm-x){display:grid;gap:7px;min-width:0;flex:1;max-width:360px;font-size:12px;font-weight:700}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-page-picker select:not(#swm-x){width:100%;min-height:48px;padding:10px 40px 10px 13px;border:2px solid var(--white);border-radius:12px;background:var(--white);color:var(--cobalt);font:700 14px/1.3 var(--display);cursor:pointer}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-page-picker select:focus-visible:not(#swm-x){outline:3px solid var(--lime);outline-offset:4px}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-controlbar .case-tab svg:not(#swm-x),#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-hero-devices .case-tab svg:not(#swm-x){color:var(--pink)}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-controlbar .case-tab[aria-pressed=true] svg:not(#swm-x),#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-hero-devices .case-tab[aria-pressed=true] svg:not(#swm-x),#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-source svg:not(#swm-x){color:var(--lime)}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-controlbar .case-tab:focus-visible:not(#swm-x),#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-hero-devices .case-tab:focus-visible:not(#swm-x){outline-color:var(--lime)}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-screen:not(#swm-x){max-width:100%}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-slides[data-device=mobile] .case-screen:not(#swm-x){width:min(250px,calc(55svh * .462));max-width:100%;justify-self:center}
@media(max-width:900px){#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-hero-display:not(#swm-x){max-width:660px}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-controlbar:not(#swm-x){flex-direction:row}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-screen:not(#swm-x){grid-row:1}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-page-copy:not(#swm-x){grid-row:2}}
@media(max-width:600px){#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-hero-display:not(#swm-x){padding:18px 14px}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-cover-label:not(#swm-x){text-align:left;margin-bottom:12px}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-hero-devices:not(#swm-x){justify-content:flex-start;margin-bottom:16px}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-controlbar:not(#swm-x){gap:14px;margin-bottom:18px}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-page-picker:not(#swm-x){flex-basis:100%;max-width:none}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-devices:not(#swm-x){justify-content:flex-start}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-cover-caption:not(#swm-x){margin-top:16px}
#sw-portfolio-20261103 .case-page:not(.casebook-page) .case-devices .case-tab:not(#swm-x){min-height:44px}}