/* Card proportions stay compact at every viewport; editorial data comes from the hero. */
.skema-card-hero { --shade:#131812; --glow:#87925c; position:relative; isolation:isolate; container-type:inline-size; width:100%; aspect-ratio:1.74; overflow:hidden; border-radius:10px; text-align:left; background:radial-gradient(ellipse at 95% 35%,var(--glow),transparent 72%),linear-gradient(105deg,#090b09 10%,var(--shade) 100%); }
.skema-card-hero--branding { --shade:#302820; --glow:#bcaf98; }
.skema-card-hero--webdesign { --shade:#17262b; --glow:#819ea3; }
.skema-card-hero::before { content:''; position:absolute; inset:0; z-index:-1; background-image:linear-gradient(rgb(255 255 255 / 12%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 12%) 1px,transparent 1px); background-size:5cqw 5cqw; mask-image:linear-gradient(120deg,#000,rgb(0 0 0 / 35%) 75%); }
.skema-card-hero .skema-card-hero__topic { position:absolute; z-index:2; top:8%; left:5.5%; width:45%; font-family:'Funnel Display',sans-serif; font-size:clamp(14px,4.2cqw,24px); font-weight:400; line-height:1.15; letter-spacing:-.02em; color:#fff; text-wrap:balance; }
.skema-card-hero img.skema-card-hero__platform { position:absolute; display:block; width:87%; max-width:none; height:auto; aspect-ratio:3/2; object-fit:contain; right:-3%; bottom:-12%; margin:0; border:0; border-radius:0; transform:none; }
.skema-card-hero .skema-card-hero__signature { position:absolute; z-index:2; left:5.5%; bottom:7%; font:400 clamp(10px,2.4cqw,13px)/1.2 Inter,sans-serif; color:#ddd; }