.services-showcase{position:relative;padding:clamp(2.5rem,5vw,4rem) 0 clamp(2rem,4vw,3.5rem);background:#f7f7f5;overflow-x:clip}.services-showcase__intro{max-width:980px;margin-bottom:clamp(3rem,6vw,5.5rem);text-align:center}.services-showcase__eyebrow{display:inline-flex;margin-bottom:20px;color:#d94710;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.services-showcase__intro h2{max-width:900px;margin:0 auto 24px;font-size:clamp(2.4rem,5vw,5rem)}.services-showcase__intro p{max-width:720px;margin:0 auto;font-size:clamp(.95rem,1.4vw,1.12rem)}.services-showcase__grid{display:grid;gap:24px}.services-showcase__row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-showcase-card{position:relative;min-width:0;background:#fff;border:1px solid #dedbd5;border-radius:24px;overflow:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.service-showcase-card>a{display:block}.service-showcase-card__visual{position:relative;height:clamp(390px,35vw,520px);overflow:hidden}.service-showcase-card__display{position:absolute;z-index:1;left:clamp(22px,3vw,42px);top:clamp(22px,3vw,38px);display:grid;font-family:var(--font-display);font-size:clamp(2rem,4vw,4.7rem);font-weight:800;letter-spacing:-.07em;line-height:.82;pointer-events:none}.service-showcase-card__display b{font-weight:800}.service-showcase-card__display b:last-child{color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px currentColor;opacity:.6}.service-showcase-card__scene{position:absolute;z-index:2;inset:24% 7% 6%;overflow:hidden;pointer-events:none}.service-showcase-card__footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;min-height:92px;padding:18px 22px;border-top:1px solid #e2dfda;background:rgba(255,255,255,.96)}.service-showcase-card__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#f3f1ed;color:#222;transition:background .25s,color .25s,transform .25s}.service-showcase-card__icon .icon{width:21px;height:21px}.service-showcase-card__info{display:grid;min-width:0}.service-showcase-card__info strong{color:#000;overflow:hidden;font-family:var(--font-display);font-size:.94rem;text-overflow:ellipsis;white-space:nowrap}.service-showcase-card__info small{color:#111;font-size:.68rem;font-weight:600}.service-showcase-card__action{display:flex;align-items:center;gap:7px;color:#111;font-size:.64rem;font-weight:600;font-style:normal}.service-showcase-card__action .icon{width:17px;transition:transform .25s}.service-showcase-card__footer>em{color:#444;font-family:var(--font-display);font-size:.72rem;font-style:normal}.service-showcase-card:hover{transform:translateY(-6px);border-color:rgba(255,100,40,.55);box-shadow:0 24px 65px rgba(27,22,17,.1)}.service-showcase-card:hover .service-showcase-card__icon{background:#ff6428;color:#fff;transform:translateY(-2px)}.service-showcase-card:hover .service-showcase-card__action .icon{transform:translateX(4px)}.service-showcase-card:hover .service-showcase-card__scene{scale:1.025}.service-showcase-card__scene{transition:scale .55s cubic-bezier(.2,.8,.2,1)}.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* WordPress browser composition. */
.service-showcase-card--wordpress .service-showcase-card__visual{background:#123c46;color:#f2f8f7}.service-showcase-card--wordpress .service-showcase-card__scene{inset:27% 7% 7%}.showcase-browser{height:100%;background:#ecf4f1;border:7px solid #0b252c;border-radius:18px 18px 8px 8px;box-shadow:0 25px 45px rgba(0,0,0,.25);overflow:hidden;transform:perspective(800px) rotateX(3deg)}.showcase-browser__bar{display:flex;align-items:center;gap:5px;height:30px;padding:0 10px;background:#0b252c}.showcase-browser__bar i{width:6px;height:6px;background:#789198;border-radius:50%}.showcase-browser__bar i:first-child{background:#ff6428}.showcase-browser__body{display:grid;grid-template-columns:58px 1fr;height:calc(100% - 30px)}.showcase-browser__body aside{display:grid;align-content:start;gap:14px;padding:22px 15px;background:#dce9e5}.showcase-browser__body aside i{height:7px;background:#9cb3ad;border-radius:4px}.showcase-browser__body main{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:24px}.showcase-browser__body main>b{grid-column:1/-1;width:48%;height:18px;background:#123c46;border-radius:5px}.showcase-browser__body main>span{height:70px;background:#cadcd6;border-radius:8px}.showcase-browser__body main>div{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.showcase-browser__body main>div i{height:48px;background:#fff;border:1px solid #d1ded9;border-radius:7px}

/* Shopify storefront composition. */
.service-showcase-card--shopify .service-showcase-card__visual{background:#e9f2d9;color:#28371e}.service-showcase-card--shopify .service-showcase-card__display{right:20px;left:auto;text-align:right}.showcase-store{height:100%;padding:20px;background:#fffdf8;border:1px solid #d7dfc9;border-radius:16px;box-shadow:0 25px 50px rgba(57,73,39,.16);transform:rotate(1.5deg)}.showcase-store header,.showcase-store footer{display:flex;align-items:center;justify-content:space-between}.showcase-store header{font-size:.67rem}.showcase-store header .icon{width:18px}.showcase-products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.showcase-products span{display:grid;gap:7px;font-size:.58rem}.showcase-products i{height:clamp(95px,11vw,160px);background:linear-gradient(145deg,#d8c8aa,#f1e8d9);border-radius:8px}.showcase-products span:nth-child(2) i{background:linear-gradient(145deg,#b9cf9d,#e8f0dc)}.showcase-products span:nth-child(3) i{background:linear-gradient(145deg,#cab9d7,#eee4f4)}.showcase-store footer{padding-top:12px;border-top:1px solid #e8e3d9;font-size:.62rem}

/* AI connected network. */
.service-showcase-card--ai .service-showcase-card__visual{background:radial-gradient(circle at 66% 60%,#6f4ee7,#241455 55%,#110b29);color:#fff}.service-showcase-card--ai .service-showcase-card__display{color:#fff}.showcase-ai{position:relative;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:34px 34px;border:1px solid rgba(255,255,255,.15);border-radius:18px}.ai-core{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:92px;height:92px;background:#ff6428;border:1px solid #ffb38f;border-radius:28px;box-shadow:0 0 60px rgba(255,100,40,.6);transform:translate(-50%,-50%)}.ai-core .icon{width:42px;height:42px}.ai-node{position:absolute;width:15px;height:15px;background:#c2b6ff;border:3px solid #5e48b5;border-radius:50%;box-shadow:0 0 25px #ab99ff}.ai-node::after{content:"";position:absolute;right:8px;top:5px;width:120px;height:1px;background:linear-gradient(90deg,#a793ff,transparent);transform-origin:right}.ai-node--1{left:12%;top:22%}.ai-node--2{right:13%;top:18%}.ai-node--2::after,.ai-node--3::after,.ai-node--5::after{right:auto;left:8px;transform-origin:left}.ai-node--3{right:10%;top:63%}.ai-node--4{left:17%;bottom:13%}.ai-node--5{right:28%;bottom:8%}.ai-node--6{left:34%;top:8%}.ai-node--7{left:8%;top:55%}.ai-status{position:absolute;right:18px;bottom:15px;padding:8px 11px;background:rgba(12,7,31,.7);border:1px solid rgba(255,255,255,.15);border-radius:99px;font-size:.58rem}

/* Original marketplace dashboard. */
.service-showcase-card--amazon .service-showcase-card__visual{background:#171717;color:#fff}.service-showcase-card--amazon .service-showcase-card__display{color:#fff}.showcase-market{height:100%;padding:19px;background:#f7f3eb;color:#1b1a18;border-radius:17px;box-shadow:0 22px 50px rgba(0,0,0,.35)}.showcase-market header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #ded8ce;font-size:.62rem}.showcase-market header b{padding:6px 9px;background:#ffede3;color:#bd4112;border-radius:99px}.market-list{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #e3ddd4}.market-list>i{width:42px;height:42px;background:#d8c8b1;border-radius:8px}.market-list:nth-child(3)>i{background:#b9c9be}.market-list span{display:grid}.market-list span b{font-size:.7rem}.market-list small{color:#77716a;font-size:.55rem}.market-list em{color:#2b7647;font-size:.55rem;font-style:normal}.showcase-market footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:.58rem}.showcase-market footer b{display:flex;gap:4px}.showcase-market footer i{width:16px;height:28px;background:#f3b391;border-radius:3px}.showcase-market footer i:nth-child(2){height:40px}.showcase-market footer i:nth-child(3){height:32px}.showcase-market footer i:nth-child(4){height:49px;background:#ff6428}.showcase-market footer i:nth-child(5){height:43px}

/* Mobile application devices. */
.service-showcase-card--mobile .service-showcase-card__visual{background:linear-gradient(140deg,#17102d,#50328d);color:#fff}.service-showcase-card--mobile .service-showcase-card__display{color:#fff}.showcase-phones{position:relative;width:100%;height:100%}.showcase-phone{position:absolute;top:0;width:39%;height:110%;padding:18px 11px 12px;background:#f8f6f2;border:6px solid #15131b;border-radius:30px;box-shadow:0 30px 55px rgba(0,0,0,.35)}.showcase-phone>i{position:absolute;left:50%;top:5px;width:42%;height:9px;background:#15131b;border-radius:0 0 8px 8px;transform:translateX(-50%)}.phone-one{left:19%;transform:rotate(-6deg)}.phone-two{right:17%;top:12%;transform:rotate(7deg)}.showcase-phone header{height:18px;margin:10px 0;background:#ddd6ee;border-radius:6px}.showcase-phone main{display:grid;gap:9px}.showcase-phone main>*{display:block;height:50px;background:#e5def2;border-radius:10px}.showcase-phone main>b{height:95px;background:linear-gradient(145deg,#ff9c6d,#ff6428)}.phone-two main>b{background:linear-gradient(145deg,#6e55be,#2d2255)}.showcase-phone footer{position:absolute;left:12px;right:12px;bottom:12px;height:25px;background:#17131f;border-radius:99px}

/* Custom web dashboard. */
.service-showcase-card--web .service-showcase-card__visual{background:#17372f;color:#f2faf6}.service-showcase-card--web .service-showcase-card__display{color:#f2faf6}.showcase-dashboard{display:grid;grid-template-columns:58px 1fr;grid-template-rows:34px 1fr;height:100%;background:#f3f5f1;color:#18251f;border:6px solid #0b1d17;border-radius:16px;overflow:hidden;box-shadow:0 25px 45px rgba(0,0,0,.25)}.showcase-dashboard header{grid-column:1/-1;display:flex;align-items:center;gap:9px;padding:0 12px;background:#0b1d17;color:#fff;font-size:.55rem}.showcase-dashboard header i{width:7px;height:7px;background:#ff6428;border-radius:50%}.showcase-dashboard header b{margin-left:auto;color:#8de0b7}.showcase-dashboard aside{display:grid;align-content:start;gap:14px;padding:20px 14px;background:#dce6df}.showcase-dashboard aside i{height:8px;background:#94a89c;border-radius:4px}.showcase-dashboard main{padding:20px}.dash-chart{display:flex;align-items:flex-end;gap:10px;height:68%;padding:18px;background:#fff;border:1px solid #dde4de;border-radius:11px}.dash-chart i{flex:1;height:35%;background:#9ac9b2;border-radius:5px 5px 0 0}.dash-chart i:nth-child(2){height:62%}.dash-chart i:nth-child(3){height:48%;background:#ff8d5c}.dash-chart i:nth-child(4){height:83%;background:#ff6428}.dash-chart i:nth-child(5){height:70%}.showcase-dashboard main footer{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.showcase-dashboard main footer span{height:38px;background:#fff;border:1px solid #dde4de;border-radius:8px}

/* Product design canvas. */
.service-showcase-card--design .service-showcase-card__visual{background:#ff6a2f;color:#23120b}.service-showcase-card--design .service-showcase-card__display{color:#23120b}.showcase-design{display:grid;grid-template-columns:48px 1fr;height:100%;background:#f8f1e9;border:1px solid #d9c6b7;border-radius:17px;box-shadow:0 24px 45px rgba(91,31,7,.2);overflow:hidden}.design-toolbar{display:grid;align-content:start;gap:15px;padding:20px 13px;background:#2a1811}.design-toolbar i{height:18px;border:1px solid #9d7665;border-radius:5px}.design-toolbar i:first-child{background:#ff6428;border-color:#ff6428}.design-canvas{position:relative;background-image:linear-gradient(#e8ddd4 1px,transparent 1px),linear-gradient(90deg,#e8ddd4 1px,transparent 1px);background-size:28px 28px}.design-canvas>span{position:absolute;display:grid;padding:13px;background:#fff;border:1px solid #ded5cd;border-radius:10px;box-shadow:0 12px 25px rgba(40,25,16,.1)}.design-card-a{left:9%;top:14%;width:49%;height:54%}.design-card-b{right:8%;bottom:9%;width:38%;height:43%}.design-canvas b{height:28px;background:#291811;border-radius:5px}.design-canvas span i{height:8px;margin-top:9px;background:#ded5cd;border-radius:4px}.design-swatch{left:15%;bottom:7%;grid-template-columns:repeat(3,1fr);gap:6px;width:35%;height:48px}.design-swatch i{height:20px!important;margin:0!important;background:#ff6428!important;border-radius:50%!important}.design-swatch i:nth-child(2){background:#351b12!important}.design-swatch i:nth-child(3){background:#e6c5af!important}

/* Backend architecture. */
.service-showcase-card--backend .service-showcase-card__visual{background:linear-gradient(145deg,#0e2443,#081529);color:#eaf3ff}.service-showcase-card--backend .service-showcase-card__display{color:#eaf3ff}.showcase-backend{position:relative;width:100%;height:100%;background-image:radial-gradient(rgba(113,166,236,.18) 1px,transparent 1px);background-size:19px 19px;border:1px solid #2c5079;border-radius:17px}.backend-db{position:absolute;left:8%;top:25%;display:grid;place-items:center;width:84px;height:84px;background:#153c67;border:1px solid #4e80b3;border-radius:22px;box-shadow:0 15px 35px rgba(0,0,0,.25)}.backend-db .icon{width:38px;height:38px}.backend-flow{position:absolute;left:37%;right:6%;top:19%;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.backend-flow i{padding:16px 4px;background:#14345a;border:1px solid #37638f;border-radius:9px;color:#a8c7e8;font-size:.53rem;font-style:normal;text-align:center}.backend-server{position:absolute;right:8%;bottom:17%;padding:13px 16px;background:#07111f;border:1px solid #2f567d;border-radius:9px;color:#78dcaa;font-family:monospace;font-size:.63rem}.backend-line{position:absolute;height:1px;background:linear-gradient(90deg,#ff6428,#62a5e8)}.line-one{left:25%;right:25%;top:49%}.line-two{left:52%;right:14%;top:68%;transform:rotate(14deg)}

@media(max-width:1023px){.services-showcase__row{gap:18px}.services-showcase__grid{gap:18px}.service-showcase-card__visual{height:clamp(330px,42vw,430px)}.service-showcase-card__display{font-size:clamp(1.8rem,4.8vw,3.5rem)}.service-showcase-card__scene{top:25%}.service-showcase-card__action small{display:none}}
@media(max-width:767px){.services-showcase{padding:4.8rem 0}.services-showcase__row{grid-template-columns:1fr}.service-showcase-card{border-radius:19px}.service-showcase-card__visual{height:clamp(320px,95vw,410px)}.service-showcase-card__display{font-size:clamp(2.05rem,11vw,3.7rem)}.service-showcase-card__scene{inset:27% 6% 5%}.service-showcase-card__footer{grid-template-columns:auto minmax(0,1fr) auto;min-height:82px;padding:14px 16px}.service-showcase-card__footer>em{display:none}.service-showcase-card__info strong{font-size:.88rem}.service-showcase-card:hover{transform:none}.showcase-products i{height:115px}}
@media(max-width:360px){.service-showcase-card__visual{height:300px}.service-showcase-card__display{font-size:2rem}.service-showcase-card__icon{width:39px;height:39px}.service-showcase-card__scene{top:29%}}
@media(prefers-reduced-motion:reduce){.service-showcase-card,.service-showcase-card__scene,.service-showcase-card__action .icon,.service-showcase-card__icon{transition-duration:.01ms!important}}

.service-showcase-card__footer{min-height:112px;padding-block:14px}.service-showcase-card__info>span{display:-webkit-box;margin-top:5px;overflow:hidden;color:#8a857e;font-size:.61rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.service-showcase-card__scene{top:24%}
@media(max-width:1023px){.service-showcase-card__scene{top:25%}}
@media(max-width:767px){.service-showcase-card__footer{min-height:104px}.service-showcase-card__info>span{font-size:.58rem}.service-showcase-card__scene{top:27%}}
@media(max-width:360px){.service-showcase-card__scene{top:29%}}

/* GSAP owns the card transform; CSS keeps the default state visible. */
.service-showcase-card{opacity:1;transform:none;transition:border-color .35s ease,box-shadow .35s ease}.service-showcase-card>a{transition:transform .35s ease}.service-showcase-card:hover{transform:none}.service-showcase-card:hover>a{transform:translateY(-6px)}

/* Compact editorial collection treatment. */
.services-showcase{
	padding:clamp(4.5rem,7vw,7rem) 0;
	background:
		radial-gradient(circle at 50% 8%,rgba(255,100,40,.08),transparent 28%),
		linear-gradient(135deg,#080b0d 0%,#0b1013 48%,#07090b 100%);
	color:#f7f4ef;
}
.services-showcase::before{
	content:"";
	position:absolute;
	inset:0;
	pointer-events:none;
	background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
	background-size:64px 64px;
	-webkit-mask-image:linear-gradient(to bottom,#000,transparent 75%);
	mask-image:linear-gradient(to bottom,#000,transparent 75%);
}
.services-showcase__intro{position:relative;z-index:1;max-width:920px;margin-bottom:clamp(2.4rem,4.5vw,4rem)}
.services-showcase__eyebrow{align-items:center;gap:12px;margin-bottom:14px;color:#f0ede8;font-size:.64rem;letter-spacing:.14em}
.services-showcase__eyebrow::before,.services-showcase__eyebrow::after{content:"";width:24px;height:1px;background:#ff6428}
.services-showcase__intro h2{max-width:820px;margin-bottom:14px;color:#f8f6f2;font-size:clamp(2.45rem,4.8vw,4.8rem);line-height:.98;letter-spacing:-.055em}
.services-showcase__intro h2 span{display:block;color:#ff6428}
.services-showcase__intro p{max-width:660px;color:#969a9c;font-size:clamp(.88rem,1.15vw,1rem);line-height:1.65}
.services-showcase__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:24px}
.services-showcase__filters span{display:inline-flex;align-items:center;min-height:32px;padding:6px 15px;border:1px solid #30363a;border-radius:99px;color:#8f9497;font-size:.64rem;font-weight:600}
.services-showcase__filters .is-active{border-color:#ff6428;background:rgba(255,100,40,.1);color:#ff7b47}
.services-showcase__grid{position:relative;z-index:1;gap:28px}
.services-showcase__row{gap:28px}
.service-showcase-card{background:#0d1114;border-color:#30363a;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.18)}
.service-showcase-card>a{color:inherit}
.service-showcase-card__visual{height:clamp(260px,24vw,330px)}
.service-showcase-card__topline{position:absolute;z-index:4;top:16px;right:18px;left:18px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;color:currentColor;font-size:.48rem;text-transform:uppercase;pointer-events:none}
.service-showcase-card__topline strong{font-family:var(--font-display);font-size:.72rem;letter-spacing:-.03em;text-transform:none}
.service-showcase-card__topline span{font-size:.42rem;letter-spacing:.07em;opacity:.7}
.service-showcase-card__topline em{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid currentColor;border-radius:99px;font-size:.42rem;font-style:normal;opacity:.75}
.service-showcase-card__topline em b{font-size:.6rem}
.service-showcase-card__display{z-index:3;top:clamp(58px,6vw,78px);left:clamp(20px,2.2vw,30px);font-size:clamp(1.85rem,3.25vw,3.55rem);line-height:.86;letter-spacing:-.065em}
.service-showcase-card__display b:last-child{-webkit-text-fill-color:currentColor;-webkit-text-stroke:0;opacity:1}
.service-showcase-card__scene{z-index:2;inset:35% 5% 0 42%;opacity:.96}
.service-showcase-card--wordpress .service-showcase-card__scene,.service-showcase-card--shopify .service-showcase-card__scene,.service-showcase-card--ai .service-showcase-card__scene,.service-showcase-card--amazon .service-showcase-card__scene,.service-showcase-card--mobile .service-showcase-card__scene,.service-showcase-card--web .service-showcase-card__scene,.service-showcase-card--design .service-showcase-card__scene,.service-showcase-card--backend .service-showcase-card__scene{inset:35% 5% 0 42%}
.service-showcase-card--shopify .service-showcase-card__display{right:auto;left:clamp(20px,2.2vw,30px);text-align:left}
.service-showcase-card__footer{grid-template-columns:auto minmax(0,1fr) auto;min-height:76px;padding:12px 18px;border-color:rgba(255,255,255,.1);background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,.06));color:#f5f3ef}
.service-showcase-card__icon{width:38px;height:38px;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:rgba(255,255,255,.06);color:#fff}
.service-showcase-card__icon .icon{width:18px;height:18px}
.service-showcase-card__info strong{color:#f7f4ef;font-size:.82rem}
.service-showcase-card__info small{color:#858b8f;font-size:.6rem}
.service-showcase-card__info>span{display:none}
.service-showcase-card__action{display:none}
.service-showcase-card__footer>em{display:block;color:#ff6428;font-size:1rem;font-weight:800}
.service-showcase-card:nth-child(2) .service-showcase-card__footer>em{color:#76e1cb}
.service-showcase-card:hover{border-color:rgba(255,100,40,.7);box-shadow:0 28px 75px rgba(0,0,0,.34),0 0 0 1px rgba(255,100,40,.08)}
.service-showcase-card:hover>a{transform:translateY(-4px)}
.service-showcase-card:hover .service-showcase-card__scene{scale:1.035}

@media(max-width:1023px){
	.services-showcase__grid,.services-showcase__row{gap:18px}
	.service-showcase-card__visual{height:280px}
	.service-showcase-card__scene{inset:37% 5% 0 39%}
	.service-showcase-card--wordpress .service-showcase-card__scene,.service-showcase-card--shopify .service-showcase-card__scene,.service-showcase-card--ai .service-showcase-card__scene,.service-showcase-card--amazon .service-showcase-card__scene,.service-showcase-card--mobile .service-showcase-card__scene,.service-showcase-card--web .service-showcase-card__scene,.service-showcase-card--design .service-showcase-card__scene,.service-showcase-card--backend .service-showcase-card__scene{inset:37% 5% 0 39%}
	.service-showcase-card__display{font-size:clamp(1.65rem,4vw,2.65rem)}
}
@media(max-width:768px){
	.services-showcase{padding:4.25rem 0}
	.services-showcase__intro h2{font-size:clamp(2.25rem,11vw,3.4rem)}
	.services-showcase__filters{gap:7px;margin-top:20px}
	.services-showcase__filters span{min-height:29px;padding:5px 11px;font-size:.58rem}
	.services-showcase__grid,.services-showcase__row{gap:16px}
	.service-showcase-card{border-radius:17px}
	.service-showcase-card__visual{height:clamp(245px,75vw,300px)}
	.service-showcase-card__topline{top:13px;right:14px;left:14px}
	.service-showcase-card__topline span{display:none}
	.service-showcase-card__display{top:55px;left:18px;font-size:clamp(1.75rem,9vw,2.75rem)}
	.service-showcase-card--shopify .service-showcase-card__display{left:18px}
	.service-showcase-card__scene{inset:37% 4% 0 40%}
	.service-showcase-card--wordpress .service-showcase-card__scene,.service-showcase-card--shopify .service-showcase-card__scene,.service-showcase-card--ai .service-showcase-card__scene,.service-showcase-card--amazon .service-showcase-card__scene,.service-showcase-card--mobile .service-showcase-card__scene,.service-showcase-card--web .service-showcase-card__scene,.service-showcase-card--design .service-showcase-card__scene,.service-showcase-card--backend .service-showcase-card__scene{inset:37% 4% 0 40%}
	.service-showcase-card__footer{min-height:70px;padding:10px 14px}
	.service-showcase-card__footer>em{display:block}
}
@media(max-width:360px){
	.service-showcase-card__visual{height:230px}
	.service-showcase-card__display{font-size:1.7rem}
	.service-showcase-card__scene{inset:39% 3% 0 41%}
	.service-showcase-card--wordpress .service-showcase-card__scene,.service-showcase-card--shopify .service-showcase-card__scene,.service-showcase-card--ai .service-showcase-card__scene,.service-showcase-card--amazon .service-showcase-card__scene,.service-showcase-card--mobile .service-showcase-card__scene,.service-showcase-card--web .service-showcase-card__scene,.service-showcase-card--design .service-showcase-card__scene,.service-showcase-card--backend .service-showcase-card__scene{inset:39% 3% 0 41%}
}

/* Generated campaign artwork and reference-style content composition. */
.service-showcase-card__visual{height:clamp(235px,21.5vw,285px);isolation:isolate}
.service-showcase-card__image{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.service-showcase-card__visual::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(4,7,9,.98) 0%,rgba(4,7,9,.9) 31%,rgba(4,7,9,.28) 58%,transparent 82%);pointer-events:none}
.service-showcase-card--shopify .service-showcase-card__visual::after{background:linear-gradient(90deg,rgba(244,224,232,.98) 0%,rgba(244,224,232,.88) 35%,rgba(244,224,232,.16) 65%,transparent 88%)}
.service-showcase-card--design .service-showcase-card__visual::after{background:linear-gradient(90deg,rgba(255,105,47,.96) 0%,rgba(255,105,47,.84) 35%,rgba(255,105,47,.15) 68%,transparent 88%)}
.service-showcase-card--shopify .service-showcase-card__topline,.service-showcase-card--shopify .service-showcase-card__display,.service-showcase-card--shopify .service-showcase-card__copy,.service-showcase-card--design .service-showcase-card__topline,.service-showcase-card--design .service-showcase-card__display,.service-showcase-card--design .service-showcase-card__copy{color:#171316}
.service-showcase-card__topline{top:13px;right:16px;left:16px}
.service-showcase-card__display{top:54px;left:20px;max-width:54%;font-size:clamp(1.75rem,2.85vw,3rem);line-height:.88}
.service-showcase-card__display b:last-child{color:inherit;-webkit-text-fill-color:currentColor}
.service-showcase-card--shopify .service-showcase-card__display{left:20px}
.service-showcase-card__copy{position:absolute;z-index:3;bottom:16px;left:20px;display:grid;gap:5px;width:min(42%,210px);color:#fff;pointer-events:none}
.service-showcase-card__copy small{color:#ff7a45;font-size:.48rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.service-showcase-card__copy>span{display:-webkit-box;overflow:hidden;font-size:.58rem;line-height:1.35;opacity:.72;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
.service-showcase-card__copy em{display:inline-flex;align-items:center;gap:5px;width:max-content;margin-top:3px;padding:5px 8px;border:1px solid currentColor;border-radius:99px;font-size:.45rem;font-style:normal;text-transform:uppercase}
.service-showcase-card__copy em b{font-size:.58rem}
.service-showcase-card__scene{display:none}
.service-showcase-card__footer{min-height:64px;padding:9px 16px}
.service-showcase-card__icon{width:34px;height:34px}
.service-showcase-card__icon .icon{width:16px;height:16px}
.service-showcase-card__info strong{font-size:.78rem}
.service-showcase-card__info small{font-size:.56rem}
.service-showcase-card__footer>em{font-size:.92rem}
.service-showcase-card:hover .service-showcase-card__image{transform:scale(1.035)}

@media(max-width:1023px){
	.service-showcase-card__visual{height:245px}
	.service-showcase-card__display{max-width:58%;font-size:clamp(1.6rem,3.7vw,2.25rem)}
	.service-showcase-card__copy{width:45%}
}
@media(max-width:768px){
	.service-showcase-card__visual{height:clamp(225px,65vw,260px)}
	.service-showcase-card__topline{top:12px;right:13px;left:13px}
	.service-showcase-card__display,.service-showcase-card--shopify .service-showcase-card__display{top:51px;left:16px;max-width:59%;font-size:clamp(1.65rem,8vw,2.35rem)}
	.service-showcase-card__copy{bottom:13px;left:16px;width:48%}
	.service-showcase-card__copy>span{-webkit-line-clamp:2;line-clamp:2}
	.service-showcase-card__footer{min-height:62px;padding:8px 13px}
}
@media(max-width:360px){
	.service-showcase-card__visual{height:215px}
	.service-showcase-card__display,.service-showcase-card--shopify .service-showcase-card__display{font-size:1.55rem}
	.service-showcase-card__copy>span{display:none}
}