.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 32px}.showcase-card{min-width:0}.showcase-visual{position:relative;overflow:hidden;border-radius:10px;background:#eee5f0;aspect-ratio:4/3}.showcase-visual>img,.showcase-visual>video{display:block;width:100%;height:100%;object-fit:cover}.showcase-visual>video{background:#27192f}.showcase-type{position:absolute;left:16px;top:16px;background:#33113ac7;color:white;border-radius:20px;padding:7px 11px;font-size:8px;letter-spacing:.07em;pointer-events:none;backdrop-filter:blur(7px)}.showcase-card>.eyebrow{color:var(--blue);margin-top:23px;font-size:9px}.showcase-card h3{font-size:31px;line-height:1.15;margin:13px 0 16px}.showcase-card>p{font-size:14px;max-width:470px;line-height:1.8}.showcase-card>.text-link{margin-top:18px}.showcase-note{font-size:11px;line-height:1.8;color:var(--muted);max-width:820px;margin-top:26px}.teaser-showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.teaser-showcase h3{font-size:25px}.teaser-showcase .showcase-card>p{font-size:13px}.visual-stories{background:#fff}.visual-stories .showcase-type{font-size:7px;left:11px;top:11px}.project-visualization{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:70px;align-items:center;margin-top:50px;background:#f3ebf5}.project-visualization h2{font-size:43px;margin:22px 0}.project-visualization>div>p:not(.showcase-note){font-size:16px;line-height:1.8}.project-visualization .text-link{margin-top:22px}.application-media .showcase-visual{max-width:1050px;margin:auto;max-height:690px}.application-media>.showcase-note{text-align:center;margin:20px auto 0}.application-media{padding-top:0;padding-bottom:30px}.showcase-explanation{padding-top:0}.showcase-explanation>.showcase-note{margin-top:0}.showcase-explanation .steps{margin-top:25px}
@media(max-width:1000px){.project-visualization{gap:35px}.project-visualization h2{font-size:35px}.teaser-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.teaser-showcase .showcase-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.teaser-showcase .showcase-card:last-child>.showcase-visual{grid-row:1/6}.teaser-showcase .showcase-card:last-child>.eyebrow{margin-top:20px}.teaser-showcase .showcase-card:last-child>.text-link{align-self:start;justify-self:start}}
@media(max-width:700px){.showcase-grid,.teaser-showcase{grid-template-columns:1fr;gap:40px}.showcase-card h3,.teaser-showcase h3{font-size:29px}.teaser-showcase .showcase-card:last-child{display:block;grid-column:auto}.showcase-card>p,.teaser-showcase .showcase-card>p{font-size:14px}.project-visualization{grid-template-columns:1fr;gap:28px;margin-top:30px}.project-visualization h2{font-size:35px}.project-visualization .showcase-visual{grid-row:1}.showcase-type,.visual-stories .showcase-type{font-size:8px;left:12px;top:12px}.showcase-note{font-size:10px}.application-media{padding-bottom:20px}.showcase-explanation .steps{margin-top:0}}
