/* Résiliner and Génération Location: scoped case studies, native header and library CTA. */
.sdx-web-case{--web-accent:#087f82;--web-border:#b4d6d9;--web-pale:#eaf6f5;max-width:90rem}
.sdx-web-case--generation-location{--web-accent:#a7374a;--web-pale:#fff4f3;--web-border:#dec5ca}
.sdx-web-case__header{grid-template-columns:minmax(0,.92fr) minmax(0,1.15fr);gap:clamp(2rem,4vw,4rem)}
.page-header.page-header--simple:has(.sdx-web-case__header) .page-header__copy{max-width:none}
.page-header.page-header--simple:has(.sdx-web-case__header) .page-header__inner{max-width:90rem;width:100%;margin-inline:auto}
.page-header.page-header--simple:has(.sdx-web-case__header) h1{font-size:clamp(2.1rem,3.15vw,3.4rem);line-height:1.12}
.sdx-web-case__header .page-header__intro{font-size:1.02rem;line-height:1.75}
.sdx-web-case__tags{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;padding:0;margin:1.4rem 0 0}
.sdx-web-case__tags li{font-size:.72rem;line-height:1.4;padding:.45rem .7rem;border:1px solid #9ddbea66;border-radius:2rem;color:#d4f2fb}
.sdx-web-case__header .sdx-portfolio__back{margin-top:1.3rem}
.sdx-web-case__body{display:grid;gap:clamp(3rem,6vw,5rem);padding-top:0}
.sdx-web-case p{line-height:1.8}
.sdx-web-case h3{font-size:clamp(1.1rem,1.6vw,1.4rem);line-height:1.35;margin:0}
.sdx-web-case__context{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);gap:clamp(2rem,4vw,4rem);align-items:start}
.sdx-web-case__context h2{margin-bottom:1.4rem}
.sdx-web-case__context p+p{margin-top:1rem}
.sdx-web-case__role{padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--web-border);border-top:3px solid var(--web-accent);border-radius:1.2rem;background:linear-gradient(145deg,var(--web-pale),#fff)}
.sdx-web-case__role>i{display:grid;place-items:center;width:2.8rem;height:2.8rem;background:#fff;border-radius:.7rem;margin-bottom:1.3rem;font-size:1.5rem;color:var(--web-accent)}
.sdx-web-case__role h3{margin-bottom:1rem}
.sdx-web-case__role p{font-size:.95rem;color:var(--portfolio-muted)}
.sdx-web-case__role a{display:inline-flex;gap:.5rem;margin-top:1.4rem;font-size:.85rem;font-weight:700;line-height:1.6}
.sdx-web-case__scope{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:-1.5rem 0 0;padding:1.7rem 2rem;border:1px solid var(--web-border);border-radius:1rem;background:linear-gradient(100deg,var(--web-pale),#fff)}
.sdx-web-case__scope dt{font-size:.82rem;color:var(--web-accent);margin-bottom:.5rem}
.sdx-web-case__scope dd{font-size:.92rem;line-height:1.65;margin:0}
.sdx-web-case__heading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem);align-items:start;margin-bottom:2rem}
.sdx-web-case__heading p{color:var(--portfolio-muted)}
.sdx-web-case__chapter{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,4vw,4rem)}
.sdx-web-case__chapter-copy{display:grid;gap:1.2rem}
.sdx-web-case__chapter h2{font-size:clamp(1.7rem,2.4vw,2.45rem)}
.sdx-web-case__chapter-copy>p{color:var(--portfolio-muted)}
.sdx-web-case .sdx-web-case__detail{border-left:2px solid var(--web-accent);padding-left:1rem;font-size:.92rem;line-height:1.75}
.sdx-web-case__chapter--reverse{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.sdx-web-case__chapter--reverse .sdx-web-case__chapter-copy{grid-column:2;grid-row:1}
.sdx-web-case__chapter--reverse .sdx-web-case__figure{grid-column:1;grid-row:1}
.sdx-web-case__figure{margin:0;min-width:0}
.sdx-web-case__zoom{position:relative;display:block;overflow:hidden;border:1px solid #679aaa80;border-radius:.8rem;background:#eef4f6;box-shadow:0 1rem 2.5rem #12343a1a;cursor:zoom-in;isolation:isolate}
.sdx-web-case__zoom img{display:block;width:100%;height:auto;object-fit:contain}
.sdx-web-case__zoom-label{position:absolute;right:.75rem;bottom:.75rem;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid #7dc2dc66;border-radius:.5rem;background:#072f3df2;color:#fff;font-size:.7rem;font-weight:600}
.sdx-web-case__zoom:hover .sdx-web-case__zoom-label{background:var(--web-accent)}
.sdx-web-case__figure figcaption{font-size:.77rem;line-height:1.65;color:var(--portfolio-muted);padding-top:.9rem}
.sdx-web-case__header .sdx-web-case__figure figcaption{color:#bddde7}
.sdx-web-case__header .sdx-web-case__zoom{border-color:#669bad;box-shadow:0 1.5rem 3.5rem #0004}
.sdx-web-case__admin{padding:clamp(1.5rem,3vw,3rem);border:1px solid var(--web-border);border-radius:1.4rem;background:linear-gradient(135deg,var(--web-pale),#f8fbfc)}
.sdx-web-case__modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.sdx-web-case__modules article{padding:clamp(1.2rem,2vw,1.8rem);border:1px solid var(--web-border);border-radius:.8rem;background:#fff}
.sdx-web-case__modules i{display:inline-block;color:var(--web-accent);font-size:1.4rem;margin-bottom:1rem}
.sdx-web-case__modules h3{font-size:1.12rem;margin-bottom:.8rem}
.sdx-web-case__modules p{font-size:.9rem;color:var(--portfolio-muted)}
.sdx-web-case__workflow{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--web-border)}
.sdx-web-case__workflow>h3{margin-bottom:1.5rem}
.sdx-web-case__workflow ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;list-style:none;margin:0;padding:0}
.sdx-web-case__workflow li{display:flex;gap:1rem;align-items:start;position:relative}
.sdx-web-case__workflow li:not(:last-child):after{content:'→';position:absolute;right:-1.5rem;top:.3rem;color:var(--web-accent)}
.sdx-web-case__step{display:grid;place-items:center;flex-shrink:0;width:2rem;height:2rem;border-radius:50%;font-size:.7rem;background:var(--web-accent);color:#fff}
.sdx-web-case__workflow strong{font-size:.9rem}
.sdx-web-case__workflow p{font-size:.83rem;margin-top:.4rem;color:var(--portfolio-muted)}
.sdx-web-case__gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:2rem 1.5rem}
.sdx-web-case__gallery article{min-width:0}
.sdx-web-case__gallery h3{font-size:1rem;margin-bottom:1rem}
.sdx-web-case__gallery .sdx-web-case__zoom-label{font-size:0;padding:.45rem}
.sdx-web-case__gallery .sdx-web-case__zoom-label i{font-size:.9rem}
.sdx-web-case__result{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.5rem 3rem;padding:clamp(1.7rem,4vw,3.5rem);border-radius:1.4rem;background:radial-gradient(ellipse at 100% 0,#218b9b66,transparent 65%),#08323e;color:#effaff}
.sdx-web-case__result>i{grid-column:1/-1;font-size:2rem;color:#8cdbdc}
.sdx-web-case__result>p{color:#c6e1ec;font-size:1rem}
@media(max-width:1100px){.sdx-web-case__header{grid-template-columns:1fr}.sdx-web-case__chapter,.sdx-web-case__chapter--reverse{grid-template-columns:1fr}.sdx-web-case__chapter .sdx-web-case__chapter-copy,.sdx-web-case__chapter .sdx-web-case__figure{grid-column:auto;grid-row:auto}.sdx-web-case__modules{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.page-header.page-header--simple:has(.sdx-web-case__header) h1{font-size:clamp(1.85rem,8vw,2.35rem)}.sdx-web-case__context,.sdx-web-case__heading,.sdx-web-case__result{grid-template-columns:1fr;gap:1.5rem}.sdx-web-case__scope{grid-template-columns:1fr;margin-top:0;padding:1.5rem}.sdx-web-case__workflow ol{grid-template-columns:1fr;gap:1.5rem}.sdx-web-case__workflow li:not(:last-child):after{content:none}.sdx-web-case__gallery{grid-template-columns:1fr}.sdx-web-case__gallery .sdx-web-case__zoom-label{font-size:.7rem}.sdx-web-case__zoom-label{right:.5rem;bottom:.5rem}.sdx-web-case__header .page-header__intro{font-size:1rem}}
@media(max-width:479px){.sdx-web-case__modules{grid-template-columns:1fr}.sdx-web-case__tags li{font-size:.65rem}.sdx-web-case__zoom-label{font-size:.62rem;padding:.4rem .55rem}}