.services-catalog-preview{position:absolute;z-index:5;top:58px;right:6%;width:clamp(210px,17vw,260px);padding:17px;background:#06110ef2;border:1px solid #9ee7c766;box-shadow:0 24px 70px #0008;scroll-margin-top:24px}
.services-catalog-preview:before{content:"";position:absolute;inset:-7px 10px auto;height:6px;border:1px solid #9ee7c733;border-bottom:0;background:#113529}
.services-catalog-preview .catalog-cover{display:block;width:75%;margin:0 auto 14px;transform:rotate(-3deg);transition:transform .25s ease;box-shadow:9px 12px 0 #163529,0 12px 26px #0007;border:1px solid #b2d1c355}
.services-catalog-preview .catalog-cover:hover{transform:rotate(0deg) translateY(-3px)}
.services-catalog-preview .catalog-cover img{display:block;width:100%;height:auto}
.services-catalog-preview .catalog-label{margin:20px 0 5px;font-size:9px;letter-spacing:1.5px;color:#a3e7cc;font-weight:700;line-height:1.5}
.services-catalog-preview h3{font-family:var(--font-display,'Barlow Condensed',sans-serif);font-size:24px;line-height:1.05;margin:0 0 9px;text-transform:uppercase;color:#f2f5f2}
.services-catalog-preview .catalog-meta{margin:0 0 13px;color:#bbcec4;font-size:10px;line-height:1.5}
.services-catalog-preview .catalog-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.services-catalog-preview .catalog-actions a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px 5px;font-size:9px;font-weight:700;border:1px solid #9ee7c766;text-decoration:none;color:#eaf4ef;line-height:1.3;text-align:center}
.services-catalog-preview .catalog-actions .catalog-download{background:#00ce64;color:#001e10;border-color:#00ce64}
.services-catalog-preview svg{width:15px;height:15px;flex:none}
.services-catalog-preview a:focus-visible{outline:3px solid #e0d37b;outline-offset:4px}
/* The cover shares the headline composition instead of floating in a corner. */
.field-collage:has(.services-catalog-preview) .collage-heading{display:grid;grid-template-columns:minmax(0,1fr) 270px;column-gap:55px;align-items:center;max-width:1320px;right:6%;top:50%;bottom:auto;transform:translateY(-50%)}
.field-collage:has(.services-catalog-preview) .collage-heading>.kicker{grid-column:1;grid-row:1;align-self:end}
.field-collage:has(.services-catalog-preview) .collage-heading h2{grid-column:1;grid-row:2;max-width:none;font-size:clamp(62px,7.6vw,120px);margin:24px 0 0}
.field-collage:has(.services-catalog-preview) .collage-heading>p:last-child{grid-column:1;grid-row:3;position:static;max-width:600px;margin:22px 0 0}
.field-collage .collage-heading .services-catalog-preview{position:relative;inset:auto;grid-column:2;grid-row:1 / span 3;width:270px;box-sizing:border-box;align-self:center;pointer-events:auto;scroll-margin-top:180px}
@media(max-width:1100px){.field-collage:has(.services-catalog-preview){height:auto;min-height:850px;max-height:none;padding:150px 0 110px}.field-collage:has(.services-catalog-preview)>.container{height:auto}.field-collage:has(.services-catalog-preview) .collage-heading{position:relative;inset:auto;transform:none;margin:0 6%;grid-template-columns:minmax(0,1fr) 240px;gap:0 30px}.field-collage:has(.services-catalog-preview) .collage-heading h2{font-size:clamp(46px,6.2vw,78px)}.field-collage .collage-heading .services-catalog-preview{width:240px}.field-collage:has(.services-catalog-preview) .collage-end{position:relative;inset:auto;margin:45px 6% 0}.field-collage:has(.services-catalog-preview) .collage-wall{inset:0;z-index:-1}}
@media(max-width:700px){.field-collage:has(.services-catalog-preview){padding-top:85px;min-height:0}.field-collage:has(.services-catalog-preview) .collage-heading{display:flex;flex-direction:column;align-items:stretch}.field-collage:has(.services-catalog-preview) .collage-heading>.kicker{order:0;align-self:auto}.field-collage:has(.services-catalog-preview) .collage-heading h2{order:1;font-size:clamp(46px,10vw,68px)}.field-collage:has(.services-catalog-preview) .collage-heading>p:last-child{order:2}.field-collage .collage-heading .services-catalog-preview{order:3;align-self:center;margin:32px 0 0;width:min(290px,82vw)}.services-catalog-preview h3{font-size:27px}.services-catalog-preview .catalog-cover{width:65%}.services-catalog-preview .catalog-actions a{font-size:10px}.services-catalog-preview .catalog-label,.services-catalog-preview .catalog-meta{font-size:10px}}
@media(prefers-reduced-motion:reduce){.services-catalog-preview .catalog-cover{transition:none;transform:none}}