.work-hero,.case-hero{position:relative;overflow:hidden;padding:74px 0 88px;border-bottom:1px solid var(--content-line);background:radial-gradient(circle at 78% 10%,rgba(111,244,255,.09),transparent 32%),#0a0a0e}.work-hero .content-eyebrow,.case-hero .content-eyebrow{margin-top:64px}.work-hero h1,.case-hero h1{max-width:1000px;margin:.15em 0;font-size:clamp(54px,9vw,132px);line-height:.86;letter-spacing:-.065em}.work-list{padding:90px 0}.work-list .content-shell{display:grid;gap:26px}.case-hero__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:64px;align-items:center}.case-hero h1{font-size:clamp(58px,8vw,116px)}.case-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}.case-meta span{padding-top:15px;border-top:1px solid var(--content-line);color:var(--content-muted)}.case-meta b{display:block;margin-bottom:4px;color:#fff;font:700 10px/1.2 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.case-actions{margin-top:28px}.case-hero__media{position:relative;margin:42px 0 0;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--content-line);background:#050506;box-shadow:0 30px 80px rgba(0,0,0,.35)}.case-hero__media img{width:100%;height:100%;object-fit:cover}.case-study--urdiamant .case-hero{background:radial-gradient(circle at 76% 12%,rgba(239,202,91,.13),transparent 34%),#090909}.case-study--mkk .case-hero{background:radial-gradient(circle at 76% 12%,rgba(167,60,70,.16),transparent 34%),#0b0809}.case-study--cpe .case-hero{background:radial-gradient(circle at 76% 12%,rgba(84,177,219,.15),transparent 34%),#080b0d}.case-study--espresso .case-hero{background:radial-gradient(circle at 76% 12%,rgba(218,118,57,.18),transparent 34%),#0c0907}.case-body{padding-block:40px 100px}.case-section{display:grid;grid-template-columns:110px minmax(0,800px);gap:46px;padding:70px 0;border-bottom:1px solid var(--content-line)}.case-section__number{color:#575561;font:500 12px/1 ui-monospace,monospace}.case-copy{margin:0;color:#dad7df;font-size:clamp(20px,2.4vw,31px);line-height:1.5;letter-spacing:-.02em}.case-section--outcome{border:1px solid var(--content-line);margin-top:70px;padding-inline:40px;background:linear-gradient(120deg,rgba(255,79,123,.08),transparent)}.case-service-links{display:flex;flex-wrap:wrap;gap:12px}.case-service-links a{padding:12px 17px;border:1px solid var(--content-line);border-radius:999px}.case-gallery{padding:100px 0;background:#0d0d12;border-block:1px solid var(--content-line)}.case-gallery__head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.case-gallery h2{max-width:700px;margin:0;font-size:clamp(38px,6vw,80px);line-height:.95;letter-spacing:-.05em}.case-gallery__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.case-gallery figure{margin:0;overflow:hidden;border:1px solid var(--content-line);background:#070709}.case-gallery__wide{grid-column:1/-1}.case-gallery img{display:block;width:100%;height:auto}.case-gallery figcaption,.case-hero figcaption{padding:10px 12px;color:var(--content-muted);font-size:12px}.case-quote{padding:110px 0;border-bottom:1px solid var(--content-line)}.case-quote blockquote{max-width:980px;margin:0;font-size:clamp(30px,5vw,70px);line-height:1.12;letter-spacing:-.045em}.case-quote p{color:var(--content-muted)}.case-related{padding:100px 0}.case-related>.content-shell>.content-eyebrow{margin-bottom:28px}.case-cta{padding:100px 0;text-align:center;border-top:1px solid var(--content-line);background:radial-gradient(circle at 50% 100%,rgba(255,79,123,.16),transparent 40%)}.case-cta h2{max-width:900px;margin:.2em auto .7em;font-size:clamp(42px,7vw,96px);line-height:.94;letter-spacing:-.055em}
@media(max-width:900px){.work-hero,.case-hero{padding-top:46px}.case-hero__grid{grid-template-columns:1fr;gap:16px}.case-hero__media{margin-top:16px}.case-section{grid-template-columns:54px 1fr;gap:18px}.case-section--outcome{padding-inline:24px}.case-gallery__head{align-items:start;flex-direction:column}}
@media(max-width:600px){.work-hero h1,.case-hero h1{font-size:clamp(48px,17vw,78px)}.case-meta{grid-template-columns:1fr}.case-section{grid-template-columns:1fr;padding:48px 0}.case-section__number{display:none}.case-gallery{padding:70px 0}.case-gallery__grid{grid-template-columns:1fr}.case-gallery__wide{grid-column:auto}.case-quote{padding:74px 0}.case-cta{padding:74px 0}}

/* Portfolio showcase assets are intentionally scoped away from the homepage portfolio. */
.work-list{position:relative;isolation:isolate;padding:clamp(72px,9vw,124px) 0;background:linear-gradient(180deg,#08090d 0%,#0a0b10 52%,#08090d 100%)}
.work-list:before{position:absolute;inset:0;z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(111,244,255,.055),transparent 28%),radial-gradient(circle at 88% 72%,rgba(143,44,255,.055),transparent 30%)}
.work-list .content-shell{gap:clamp(34px,5vw,66px)}
.work-card{--work-accent:111,244,255;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr);gap:clamp(24px,4vw,52px);align-items:center;padding:clamp(14px,2.4vw,28px);overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:2px;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:0 24px 80px rgba(0,0,0,.18);transition:transform .48s cubic-bezier(.2,.7,.2,1),border-color .48s ease,box-shadow .48s ease}
.work-card--kancelaria-mkk{--work-accent:109,169,220}.work-card--cpe-term{--work-accent:63,141,255}.work-card--espressomobil{--work-accent:207,143,75}
.work-card:hover,.work-card:focus-within{transform:translateY(-5px);border-color:rgba(var(--work-accent),.38);box-shadow:0 34px 100px rgba(0,0,0,.32),0 0 0 1px rgba(var(--work-accent),.05)}
.work-card__visual{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#05070a;outline-offset:5px}
.portfolio-showcase{display:block;width:100%;height:100%}.portfolio-showcase img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--showcase-position,50% 50%);transition:transform .52s cubic-bezier(.2,.7,.2,1),filter .52s ease}
.work-card:hover .portfolio-showcase img,.work-card:focus-within .portfolio-showcase img{transform:scale(1.018);filter:saturate(1.035) contrast(1.015)}
.work-card__visual:after{position:absolute;inset:0;content:"";pointer-events:none;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 50px rgba(0,0,0,.06)}
.work-card__index{position:absolute;top:16px;left:16px;z-index:2;display:grid;place-items:center;min-width:42px;height:28px;border:1px solid rgba(255,255,255,.22);background:rgba(5,8,12,.68);backdrop-filter:blur(12px);color:#fff;font:650 10px/1 ui-monospace,monospace;letter-spacing:.15em}
.work-card__glow{position:absolute;right:-10%;bottom:-35%;width:48%;aspect-ratio:1;border-radius:50%;background:rgba(var(--work-accent),.12);filter:blur(48px);opacity:0;pointer-events:none;transition:opacity .48s ease}
.work-card:hover .work-card__glow,.work-card:focus-within .work-card__glow{opacity:1}
.work-card__content{min-width:0}.work-card__content .content-eyebrow{margin-bottom:14px;color:rgb(var(--work-accent))}.work-card__content h2{margin:.05em 0 .35em;font-size:clamp(34px,4.8vw,64px);line-height:.94;letter-spacing:-.052em}.work-card__content>p:not(.content-eyebrow){margin:0 0 18px;color:#c4c1cb;line-height:1.68}.work-card__content>span{display:block;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);color:#8f8c99;font-size:13px}.work-card__content .content-text-link{color:rgb(var(--work-accent));transition:transform .4s ease,color .4s ease}.work-card__content .content-text-link:hover,.work-card__content .content-text-link:focus-visible{transform:translateX(4px);color:#fff}

.case-hero__grid{grid-template-columns:minmax(300px,.72fr) minmax(480px,1.28fr);gap:clamp(34px,5vw,72px)}
.case-hero__media--showcase{aspect-ratio:16/9;border-color:rgba(var(--case-accent,111,244,255),.24);background:#05070a;box-shadow:0 35px 110px rgba(0,0,0,.46),0 0 60px rgba(var(--case-accent,111,244,255),.06)}
.case-hero__media--showcase:after{position:absolute;inset:0;content:"";pointer-events:none;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 65px rgba(0,0,0,.08)}
.case-hero__media--showcase .portfolio-showcase{position:absolute;inset:0}
.case-hero__media--showcase img{object-position:var(--showcase-position,50% 50%)}

@media(max-width:960px){.work-card,.case-hero__grid{grid-template-columns:1fr}.work-card{gap:22px}.work-card__content{padding:4px 4px 12px}.case-hero__media--showcase{margin-top:18px}}
@media(max-width:620px){.work-list{padding-block:64px}.work-card{padding:11px}.work-card__index{top:10px;left:10px}.work-card__content h2{font-size:clamp(34px,11vw,48px)}.work-card__content>p:not(.content-eyebrow){font-size:15px}.case-hero__media--showcase{width:calc(100% + 4px);margin-inline:-2px}}
@media(prefers-reduced-motion:reduce){.work-card,.portfolio-showcase img,.work-card__glow,.work-card__content .content-text-link{transition:none}.work-card:hover,.work-card:focus-within,.work-card:hover .portfolio-showcase img,.work-card:focus-within .portfolio-showcase img,.work-card__content .content-text-link:hover,.work-card__content .content-text-link:focus-visible{transform:none}}

/* Real project screenshots: collision-safe hero and curated case-study frames. */
.case-study .case-hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(42px,4vw,64px);align-items:start}
.case-study .case-hero__grid>*{min-width:0}
.case-study .case-hero h1{max-width:100%;font-size:clamp(56px,6.1vw,104px);line-height:.9;letter-spacing:-.06em}
.case-study--mkk .case-hero h1{font-size:clamp(56px,5.6vw,90px)}
.case-hero__media--screenshot{margin-top:clamp(108px,9vw,138px);aspect-ratio:auto;overflow:visible;border:0;background:transparent;box-shadow:none}
.case-hero__media--screenshot img{width:100%;height:auto;object-fit:contain}
.case-browser{position:relative;overflow:hidden;border:1px solid rgba(var(--case-accent,111,244,255),.24);border-radius:14px;background:#05070a;box-shadow:0 30px 85px rgba(0,0,0,.4),0 0 46px rgba(var(--case-accent,111,244,255),.07)}
.case-browser__bar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:38px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.08);color:rgba(225,229,240,.52);background:linear-gradient(180deg,rgba(24,27,36,.98),rgba(12,14,20,.98));font:600 9px/1 ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase}
.case-browser__dots{display:flex;gap:6px}.case-browser__dots i{display:block;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.25)}.case-browser__dots i:first-child{background:rgba(var(--case-accent,111,244,255),.7)}
.case-browser__viewport,.case-screenshot{display:block}.case-browser__viewport{overflow:hidden;background:#fff}.case-screenshot img{display:block;width:100%;height:auto}
.case-gallery__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(20px,3vw,38px)}
.case-gallery figure.case-gallery__shot{overflow:visible;border:0;background:transparent;box-shadow:none}
.case-gallery__shot--feature{grid-column:1/-1}
.case-gallery__shot--detail{grid-column:3/-1;margin-top:clamp(8px,1.8vw,22px)}
.case-gallery__shot .case-browser{box-shadow:0 32px 90px rgba(0,0,0,.34),0 0 54px rgba(var(--case-accent,111,244,255),.055)}
.case-gallery__shot figcaption{padding:12px 2px 0}

@media(max-width:1180px){.case-study .case-hero__grid{grid-template-columns:1fr;gap:clamp(34px,6vw,58px)}.case-study .case-hero__copy{max-width:920px}.case-hero__media--screenshot{width:min(100%,980px);margin-top:0;justify-self:end}}
@media(max-width:900px){.case-gallery__grid{grid-template-columns:1fr}.case-gallery__shot--feature,.case-gallery__shot--detail{grid-column:1;margin-top:0}.case-gallery__shot--detail{width:94%;justify-self:end}}
@media(max-width:600px){.case-study .case-hero h1{font-size:clamp(44px,14.4vw,72px);letter-spacing:-.055em}.case-study--mkk .case-hero h1{font-size:clamp(44px,13.4vw,64px)}.case-hero__media--screenshot{width:calc(100% + 2px);margin-inline:-1px}.case-browser{border-radius:9px}.case-browser__bar{min-height:32px;padding-inline:10px;font-size:8px}.case-gallery__shot--detail{width:100%}}