.service-showcase{padding:clamp(84px,9vw,142px) 0 0;color:#151515;background:#f4f4f4;overflow:clip}.showcase-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:28px 72px;align-items:end;padding-bottom:clamp(44px,6vw,82px)}.showcase-kicker{grid-column:1/-1;margin:0;color:#f26500;font-size:.72rem;font-weight:800;letter-spacing:.18em}.showcase-intro h2{max-width:780px;font:800 clamp(3.6rem,7vw,7rem)/.86 "Barlow Condensed",sans-serif;letter-spacing:-.045em;text-transform:uppercase}.showcase-intro h2 span{display:block;color:#f26500}.showcase-intro>p:last-child{max-width:48ch;margin:0 0 5px;color:#606060;font-size:1.05rem}
.showcase-stage{position:relative;min-height:min(860px,88vh);background:#111;isolation:isolate}.showcase-slide{position:absolute;inset:0;z-index:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity 700ms cubic-bezier(.16,1,.3,1),visibility 700ms}.showcase-slide.is-active{z-index:1;opacity:1;visibility:visible}.showcase-media,.showcase-media img,.showcase-media video{width:100%;height:100%}.showcase-media{position:absolute;inset:0;background:#161616}.showcase-media img,.showcase-media video{display:block;object-fit:cover;transform:scale(1.035);transition:transform 7s cubic-bezier(.16,1,.3,1)}.showcase-slide.is-active .showcase-media img,.showcase-slide.is-active .showcase-media video{transform:scale(1)}.showcase-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0/.12) 12%,rgb(0 0 0/.22) 48%,rgb(0 0 0/.86) 100%)}
.showcase-copy{position:absolute;z-index:2;left:max(24px,calc((100vw - 1240px)/2));bottom:155px;width:min(690px,calc(100% - 48px));color:#f7f7f7}.showcase-copy>span{display:block;margin-bottom:15px;color:#ff7900;font-size:.72rem;font-weight:800;letter-spacing:.16em}.showcase-copy h3{max-width:760px;font-size:clamp(3.4rem,6.5vw,6.8rem);letter-spacing:-.04em;text-transform:uppercase}.showcase-copy p{max-width:52ch;margin:20px 0 25px;color:#dedede;font-size:1.02rem}.showcase-upload{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border:1px solid rgb(255 255 255/.72);border-radius:999px;color:#f7f7f7;background:rgb(0 0 0/.34);font-size:.82rem;font-weight:800;cursor:pointer;transition:color 220ms,background 220ms,border-color 220ms,transform 220ms}.showcase-upload:hover{color:#111;border-color:#f26500;background:#f26500;transform:translateY(-2px)}
.showcase-arrow{position:absolute;z-index:4;top:45%;width:54px;height:54px;border:1px solid rgb(255 255 255/.58);border-radius:50%;color:#f7f7f7;background:rgb(0 0 0/.24);font-size:1.4rem;cursor:pointer;transition:background 220ms,transform 220ms}.showcase-arrow:hover{color:#111;background:#f26500;transform:scale(1.08)}.showcase-arrow-prev{left:24px}.showcase-arrow-next{right:24px}.showcase-thumbs{position:absolute;z-index:5;right:max(24px,calc((100vw - 1240px)/2));bottom:34px;left:max(24px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgb(255 255 255/.28)}.showcase-thumbs button{min-width:0;padding:18px 12px 13px;border:0;border-top:3px solid transparent;color:#bdbdbd;background:transparent;font:700 .78rem "Barlow",sans-serif;text-align:left;cursor:pointer;transition:color 220ms,border-color 220ms}.showcase-thumbs button span{display:block;margin-bottom:4px;color:#f26500;font:800 .65rem "Barlow",sans-serif}.showcase-thumbs button:hover,.showcase-thumbs button.is-active{color:#f7f7f7;border-top-color:#f26500}
.showcase-media-empty{display:grid;place-items:center;align-content:center;gap:25px;color:#8b8b8b;background-color:#181818;background-image:linear-gradient(#252525 1px,transparent 1px),linear-gradient(90deg,#252525 1px,transparent 1px);background-size:72px 72px}.showcase-media-empty>p{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.media-empty-mark{display:flex;gap:18px;align-items:end;height:150px}.media-empty-mark span{width:12px;height:110px;border:2px solid #555;transform:skewX(-25deg)}.media-empty-mark span:nth-child(2){height:150px;border-color:#f26500}.media-empty-mark span:nth-child(3){height:80px}.media-empty-pipe span:first-child{width:85px;height:85px;border-radius:50%;transform:none}.media-empty-pipe span:last-child{width:110px;height:44px;border-color:#f26500;transform:translateX(-43px)}
.showcase-bank{position:absolute;z-index:6;top:26px;right:max(24px,calc((100vw - 1240px)/2));display:flex;gap:8px;max-width:min(44vw,620px);overflow-x:auto;scrollbar-width:none}.showcase-bank:empty{display:none}.showcase-bank::-webkit-scrollbar{display:none}.showcase-bank button,[data-bank-thumb]{flex:0 0 82px;height:54px;overflow:hidden;padding:0;border:1px solid rgb(255 255 255/.45);border-radius:4px;background:#171717;cursor:pointer}.showcase-slide>[data-bank-thumb]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.showcase-bank button.is-current{border-color:#f26500}.showcase-bank img,.showcase-bank video{width:100%;height:100%;object-fit:cover;pointer-events:none}
@media(max-width:900px){.showcase-intro{grid-template-columns:1fr;gap:22px}.showcase-stage{min-height:760px}.showcase-copy{bottom:176px}.showcase-copy h3{font-size:clamp(3rem,14vw,5.3rem)}.showcase-thumbs{overflow-x:auto;grid-template-columns:repeat(5,minmax(125px,1fr));scrollbar-width:none}.showcase-thumbs::-webkit-scrollbar{display:none}.showcase-arrow{top:42%;width:46px;height:46px}.showcase-arrow-prev{left:12px}.showcase-arrow-next{right:12px}.showcase-bank{right:14px;max-width:calc(100% - 28px)}}
@media(max-width:600px){.showcase-stage{min-height:720px}.showcase-copy{left:20px;bottom:166px;width:calc(100% - 40px)}.showcase-copy p{font-size:.94rem}.showcase-arrow{top:34%}.showcase-thumbs{left:20px;right:20px;bottom:24px}}
@media(prefers-reduced-motion:reduce){.showcase-slide,.showcase-media img,.showcase-media video{transition:none}}