/* SERALUNE work detail; styles are loaded only for this project. */
.seralune-case{--sl-ink:#f4efe5;--sl-muted:#b8bdb6;--sl-green:#bdd6c7;--sl-line:#e6f2e01c;--sl-panel:#17251f;color:var(--sl-ink)}
.seralune-case p,.seralune-case li{font-size:16px;line-height:1.95;color:var(--sl-muted)}
.seralune-case h1,.seralune-case h2,.seralune-case h3,.seralune-case h4{color:var(--sl-ink);letter-spacing:-.025em}
.seralune-case h2{font-size:clamp(30px,3.1vw,46px);line-height:1.4;margin:0 0 20px}
.seralune-case h3{font-size:21px;line-height:1.55;margin:0 0 12px}
.seralune-case h4{font-size:18px;line-height:1.6;margin:0 0 12px}
.seralune-case .eyebrow,.seralune-case .sl-kicker{color:var(--sl-green);font-size:11px;letter-spacing:.12em}
.seralune-case .button{background:#eee7d9;border-color:#eee7d9;color:#153c30;font-weight:700}
.seralune-case .button:hover{background:#fff7e9;border-color:#fff7e9}
.seralune-case .text-link{color:#e5e5d7}
.sl-hero{padding-block:65px 52px;display:grid;grid-template-columns:1.03fr 1fr;gap:54px;align-items:center}
.sl-hero-copy>.text-link{font-size:13px;margin-bottom:32px;display:inline-block}.sl-hero-copy .eyebrow{margin-bottom:14px}
.sl-hero h1{font-size:clamp(26px,2.5vw,37px);line-height:1.35;margin:16px 0}
.sl-hero .sl-lead{font-size:clamp(31px,3.1vw,46px);line-height:1.5;letter-spacing:-.035em;color:var(--sl-ink);margin:18px 0 22px;font-weight:600}
.sl-status{font-size:12px!important;color:var(--sl-green)!important;display:flex;gap:9px;align-items:baseline}.sl-status>span{width:7px;height:7px;background:#94cbaa;border-radius:50%;flex-shrink:0}
.sl-hero .actions{gap:24px;margin-top:28px;flex-wrap:wrap}.sl-hero .actions .button{font-size:14px;padding:14px 21px}.sl-hero .actions .text-link{font-size:14px}
.sl-hero-image{margin:0;min-width:0}.sl-hero-image img{display:block;width:100%;height:auto;border-radius:22px;border:1px solid var(--sl-line)}.sl-hero-image figcaption{font-size:11px;color:#949d94;margin-top:12px;line-height:1.8}
.sl-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.sl-tags span{font-size:11px;border:1px solid #bad1bd36;border-radius:99px;padding:6px 12px;color:#d9e0d4;background:#b8d7bc08}
.sl-jump{display:flex;gap:8px;flex-wrap:wrap;border-block:1px solid var(--sl-line);padding-block:16px}.sl-jump a{padding:9px 15px;font-size:13px;border-radius:99px;color:#d8ddd3}.sl-jump a:hover{background:#b8d7bc16}
.sl-section{padding-block:80px;border-bottom:1px solid var(--sl-line);scroll-margin-top:110px}.sl-heading{max-width:780px;margin-bottom:32px}.sl-heading .eyebrow{margin-bottom:20px}.sl-heading>p:last-child{margin-bottom:0}
.sl-facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--sl-line);border-radius:18px;margin:36px 0;overflow:hidden}.sl-facts>div{padding:25px 26px;border-right:1px solid var(--sl-line)}.sl-facts>div:last-child{border:0}.sl-facts strong{display:block;font-size:32px;line-height:1.3;color:#d4dfcb;font-weight:500}.sl-facts span{display:block;font-size:12px;line-height:1.8;margin-top:10px;color:var(--sl-muted)}
.sl-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}.sl-overview-grid p{font-size:15px}.seralune-case .sl-note{font-size:13px;line-height:1.9;color:#a3ada2}
.sl-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sl-feature{background:linear-gradient(140deg,#19241f,#141917);border:1px solid var(--sl-line);border-radius:17px;padding:26px 28px}.sl-feature p{font-size:15px;margin:0}.sl-feature ul{margin:0;padding-left:19px}.sl-feature li{font-size:14px;margin:6px 0}.sl-feature li::marker{color:#8fa88e}
.sl-shot{margin:0;min-width:0}.sl-shot>a{display:block;border-radius:15px;overflow:hidden;border:1px solid #eee7d928;background:#eceee8}.sl-shot img{display:block;width:100%;height:auto;transition:filter .2s}.sl-shot>a:hover img{filter:brightness(.94)}.sl-shot figcaption{font-size:12px;line-height:1.9;color:#a5ada3;margin-top:13px}.sl-shot figcaption strong{color:#d7dfd2}.sl-shot figcaption a{color:#d7dfd2;text-decoration:underline;text-underline-offset:4px}.sl-wide-shot{margin-top:36px}
.sl-split{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center;margin-top:36px}.sl-callout{padding:15px 0}.sl-kicker{display:block;margin-bottom:13px}.sl-callout p{font-size:14px}
.sl-roles{padding:30px;border:1px solid var(--sl-line);border-radius:18px;margin-top:30px}.sl-roles dl{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:20px 0 0}.sl-roles dt{font-size:15px;color:#d9e4d4}.sl-roles dd{font-size:13px;color:#aeb9ad;line-height:1.9;margin:8px 0 0}
.sl-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sl-flow{padding:32px;border:1px solid #b9d6b52d;border-radius:20px;background:radial-gradient(ellipse at top left,#a3c5a70d,transparent 70%)}.sl-flow ol{list-style:none;counter-reset:step;padding:0;margin:24px 0 0}.sl-flow li{counter-increment:step;position:relative;padding:0 0 24px 48px}.sl-flow li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:2px;font-size:12px;line-height:26px;width:29px;text-align:center;color:#cfdec8;border:1px solid #c7e3bd36;border-radius:50%}.sl-flow li:not(:last-child):after{content:"";position:absolute;left:14px;top:34px;bottom:7px;width:1px;background:#bdd2b523}.sl-flow strong{display:block;font-size:16px;color:#e5eadf;font-weight:600}.sl-flow li span{display:block;font-size:14px;line-height:1.85;margin-top:4px}.sl-flow li:last-child{padding-bottom:0}
.sl-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.sl-gallery figcaption strong,.sl-gallery figcaption span,.sl-gallery figcaption a{display:block}.sl-gallery figcaption strong{font-size:16px;margin:14px 0 6px}.sl-gallery figcaption a{margin-top:8px}
.sl-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sl-demo-card{padding:32px;border:1px solid var(--sl-line);border-radius:20px;background:#161d19}.sl-demo-present{background:#1b2a22;border-color:#b5cfac38}.sl-demo-card ul{padding-left:20px;margin:20px 0}.sl-demo-card li,.sl-demo-card p{font-size:14px}.sl-demo-card .actions{gap:20px;flex-wrap:wrap}.sl-demo-card .button{font-size:14px;padding:14px 18px}.sl-demo-card .text-link{font-size:14px}.sl-scope{margin-top:28px;padding:32px;border-radius:18px;border:1px solid var(--sl-line)}.sl-scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px}.sl-scope p{font-size:14px}.sl-scope>.sl-note{border-top:1px solid var(--sl-line);padding-top:20px;margin-bottom:0}
.sl-next{margin-block:60px 80px;padding:45px;background:linear-gradient(120deg,#22382d,#151b17);border:1px solid #bdcfad2b;border-radius:22px}.sl-next p:not(.eyebrow){max-width:760px}.sl-next .button{margin-top:12px}
.seralune-case a:focus-visible{outline:3px solid #e0bc82;outline-offset:5px}.seralune-case figure a:focus-visible{outline-offset:4px}
@media(max-width:1000px){.sl-hero{gap:28px}.sl-hero .sl-lead{font-size:32px}.sl-gallery{grid-template-columns:1fr 1fr}.sl-roles dl{grid-template-columns:1fr 1fr}.sl-split{grid-template-columns:1fr}.sl-callout{padding:6px 0}}
@media(max-width:700px){.sl-hero{grid-template-columns:1fr;padding-block:35px;gap:28px}.sl-hero-copy>.text-link{margin-bottom:24px}.sl-hero h1{font-size:27px}.sl-hero .sl-lead{font-size:31px}.sl-hero p{font-size:15px}.sl-status{font-size:11px!important}.sl-hero .actions{gap:20px}.sl-hero-image{max-width:580px}.sl-jump{gap:2px;padding-block:10px}.sl-jump a{font-size:12px;padding:9px 10px}.sl-section{padding-block:48px;scroll-margin-top:95px}.sl-heading{margin-bottom:26px}.sl-heading p{font-size:15px}.sl-facts{grid-template-columns:1fr 1fr}.sl-facts>div{padding:20px;border-bottom:1px solid var(--sl-line)}.sl-facts>div:nth-child(2){border-right:0}.sl-facts>div:nth-child(3){border-bottom:0}.sl-facts strong{font-size:28px}.sl-overview-grid,.sl-feature-grid,.sl-flow-grid,.sl-gallery,.sl-demo-grid,.sl-scope-grid{grid-template-columns:1fr;gap:18px}.sl-overview-grid{gap:24px}.sl-feature{padding:23px}.sl-feature h3{font-size:20px}.sl-wide-shot{margin-top:28px}.sl-roles{padding:24px}.sl-roles dl{gap:22px 18px}.sl-roles dd{font-size:12px}.sl-flow,.sl-demo-card,.sl-scope{padding:25px}.sl-gallery{gap:30px}.sl-next{padding:28px;margin-block:35px 50px}.sl-next p{font-size:15px}.sl-hero .actions .button{width:100%;text-align:center}.sl-scope-grid{margin-top:22px}.sl-tags span{font-size:10px}.seralune-case h2 br{display:none}}
@media(prefers-reduced-motion:reduce){.sl-shot img{transition:none}}