/* Featured portfolio: one immersive lead, four supporting projects, restrained red accents. */
#home-cases.lt-portfolio{width:100%;max-width:none;margin:0;padding:48px 3% 40px;background:#11161d;color:#edf0f3;text-align:left;box-sizing:border-box;scroll-margin-top:25px}
#home-cases.lt-portfolio *{box-sizing:border-box}
.lt-portfolio-inner{max-width:1440px;margin:auto}
.lt-portfolio-kicker{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;line-height:1.7;color:#bac3cb;margin:0 0 12px;letter-spacing:.4px}
.lt-portfolio-kicker>span{width:7px;height:7px;background:#df3946;flex:none}
.lt-portfolio-heading{display:flex;align-items:baseline;gap:25px;flex-wrap:wrap;margin-bottom:19px}
.lt-portfolio-heading h2{font-size:28px;line-height:1.45;font-weight:700;color:#f4f5f6;margin:0}
.lt-portfolio-heading>p{font-size:12px;line-height:1.7;color:#9ba6b0;margin:0}
.lt-portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 20px}
.lt-portfolio-toolbar>[role=tablist]{display:flex;flex-wrap:wrap;gap:8px}
.lt-portfolio-toolbar button{appearance:none;padding:9px 15px;min-height:38px;border:1px solid #68737d;border-radius:3px;background:#29323c;color:#d5dce2;font-size:13px;font-weight:500;line-height:1.5;cursor:pointer;transition:background .2s,border-color .2s}
.lt-portfolio-toolbar button:hover{background:#3a4653;border-color:#a2aeb7}
.lt-portfolio-toolbar button[aria-selected=true]{background:#d82d3d;border-color:#d82d3d;color:#fff;font-weight:600}
.lt-portfolio-library{color:#ee6672!important;font-size:13px;font-weight:500;line-height:1.6;white-space:nowrap;text-decoration:none}
.lt-portfolio-library:hover{color:#ffa7ae!important}
.lt-portfolio-panel[hidden]{display:none!important}
.lt-portfolio-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.lt-portfolio-case{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid #414b55;border-radius:3px;background:#1b232c;overflow:hidden;text-decoration:none;color:#fff;transition:border-color .2s}
.lt-portfolio-case:hover{border-color:#9fabb4}
.lt-portfolio-image{position:relative;aspect-ratio:16/8.5;overflow:hidden;background:#080e14;flex:none}
.lt-portfolio-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s}
.lt-portfolio-case:hover img{transform:scale(1.025)}
.lt-portfolio-badges{position:absolute;inset:10px 10px auto;display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.lt-portfolio-badges span{max-width:70%;padding:3px 6px;border:1px solid #ccd5db8c;border-radius:2px;background:#121b25ba;color:#f3f5f7;font-size:10px;font-weight:500;line-height:1.4}
.lt-portfolio-badges span:last-child{background:#c53543e8;border-color:transparent}
.lt-portfolio-copy{position:relative;flex:1;padding:14px 15px 18px;min-width:0}
.lt-portfolio-copy h3{font-size:16px;line-height:1.5;font-weight:600;margin:0 22px 7px 0;color:#f0f3f5;border-left:3px solid #e94856;padding-left:8px}
.lt-portfolio-copy>p{font-size:11px;line-height:1.7;color:#a1adb8;margin:0;max-width:95%}
.lt-portfolio-arrow{position:absolute;right:14px;bottom:20px;color:#e95f6c;font-size:20px}
.lt-portfolio-case.is-lead{grid-column:1;grid-row:1/3;min-height:460px}
.lt-portfolio-case.is-lead .lt-portfolio-image{position:absolute;inset:0;aspect-ratio:auto;height:100%}
.lt-portfolio-case.is-lead .lt-portfolio-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,11,16,.98),rgba(6,11,16,.6) 25%,transparent 65%)}
.lt-portfolio-case.is-lead .lt-portfolio-copy{margin-top:auto;flex:none;padding:30px 24px 27px;z-index:1}
.lt-portfolio-case.is-lead h3{font-size:24px;line-height:1.5;padding-left:0;border:0;margin-right:0;margin-bottom:10px}
.lt-portfolio-case.is-lead .lt-portfolio-copy>p{font-size:13px;color:#d4dce2;line-height:1.8}
.lt-portfolio-tags{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}
.lt-portfolio-tags span{padding:4px 7px;font-size:10px;line-height:1.6;border:1px solid #99a9b373;background:#dbe3e519;color:#e1e7eb}
.lt-portfolio-read{font-size:12px;line-height:1.8;font-weight:600;color:#efc87c}
.lt-portfolio-read b{margin-left:10px}
.lt-portfolio-grid.is-single{grid-template-columns:1fr}
.lt-portfolio-grid.is-single .is-lead{min-height:440px;grid-row:auto}
.lt-portfolio-empty{grid-column:1/-1;padding:70px 25px;background:#1b232c;text-align:center;border:1px solid #414b55}
.lt-portfolio-empty h3{font-size:26px;color:#edf2f5;margin:0 0 15px}
.lt-portfolio-empty p{font-size:15px;color:#b3c0c9;line-height:1.9}
.lt-portfolio-empty a{display:inline-block;color:#f17d87;padding:13px 0;font-size:15px}
.lt-portfolio-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px;padding:19px 20px;border:1px solid #414b55;background:#1a222b;border-radius:3px}
.lt-portfolio-proof>div{display:flex;align-items:center;gap:13px;padding:0 20px;border-right:1px solid #61707c}
.lt-portfolio-proof>div:first-child{padding-left:0}.lt-portfolio-proof>div:last-child{border:0;padding-right:0}
.lt-portfolio-proof strong{font-size:26px;line-height:1.3;color:#f2f5f7;font-weight:700;white-space:nowrap}
.lt-portfolio-proof strong>span{font-size:11px;font-weight:400;margin-left:3px;color:#b8c4ce}
.lt-portfolio-proof>div:nth-child(n+3) strong{font-size:20px}
.lt-portfolio-proof p{font-size:12px;font-weight:600;line-height:1.7;color:#e2e8ec;margin:0}
.lt-portfolio-proof small{display:block;font-size:10px;font-weight:400;line-height:1.7;color:#93a1ad}
.lt-portfolio :is(a,button):focus-visible{outline:2px solid #f6bec5;outline-offset:3px}
@media(max-width:1100px){.lt-portfolio-heading h2{font-size:25px}.lt-portfolio-heading{gap:10px}.lt-portfolio-grid{grid-template-columns:1.6fr 1fr 1fr}.lt-portfolio-copy{padding:12px}.lt-portfolio-copy h3{font-size:14px}.lt-portfolio-case.is-lead h3{font-size:22px}.lt-portfolio-proof{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.lt-portfolio-proof>div{padding:0 16px!important}.lt-portfolio-proof>div:nth-child(2){border:0}}
@media(max-width:760px){#home-cases.lt-portfolio{padding:32px 18px}.lt-portfolio-kicker{font-size:9px}.lt-portfolio-heading h2{font-size:24px}.lt-portfolio-heading>p{font-size:12px}.lt-portfolio-toolbar{display:block}.lt-portfolio-toolbar button{font-size:12px;padding:8px 10px}.lt-portfolio-library{display:inline-block;margin-top:14px}.lt-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:12px}.lt-portfolio-case.is-lead{grid-column:1/-1;grid-row:auto;min-height:370px}.lt-portfolio-case.is-lead .lt-portfolio-copy{padding:23px 18px}.lt-portfolio-case.is-lead h3{font-size:22px}.lt-portfolio-image{aspect-ratio:16/10}.lt-portfolio-badges{inset:7px;gap:4px}.lt-portfolio-badges span{font-size:8px;padding:2px 4px}.lt-portfolio-badges span:last-child{max-width:50%}.lt-portfolio-copy h3{font-size:15px;margin-right:0;padding-left:7px}.lt-portfolio-copy>p{font-size:11px}.lt-portfolio-arrow{display:none}.lt-portfolio-proof{padding:17px 7px;gap:18px 0}.lt-portfolio-proof>div{display:block;padding:0 12px!important}.lt-portfolio-proof strong{font-size:25px}.lt-portfolio-proof p{margin-top:7px}.lt-portfolio-proof>div:nth-child(n+3) strong{font-size:19px}.lt-portfolio-grid.is-single .is-lead{min-height:360px}}
@media(prefers-reduced-motion:reduce){.lt-portfolio-case,.lt-portfolio-image img,.lt-portfolio-toolbar button{transition:none}}