/* Figma 897:3256–3258. All additions are scoped below the locked header. */
.offering-main{padding-top:64px}
.offering-main h1,.offering-main h2,.offering-main h3,.offering-main p{white-space:pre-line}
.offering-main h2,.offering-main h3{font-weight:300}
.offering-main a{touch-action:manipulation}
.offering-main :is(section,article,.offering-anchor){scroll-margin-top:88px}
.offering-hero{padding:96px 16px 104px;display:flex;flex-direction:column;gap:40px}
.offering-kicker{display:flex;align-items:center;justify-content:space-between;gap:24px}
.offering-kicker>p{font-size:28px;line-height:1.08;letter-spacing:-.035em}
.offering-kicker>a{font-size:18px;flex-shrink:0}
.offering-hero h1{font-size:clamp(72px,9.3056vw,170px);font-weight:700;line-height:.97;letter-spacing:-.055em}
.offering-lead{max-width:940px;font-size:31px;line-height:1.35;letter-spacing:-.02em}
.offering-accent{height:2px;margin:0 16px;background:linear-gradient(90deg,#ffd400,#ff1e1e)}
.offering-tech .offering-accent{background:linear-gradient(90deg,#00e5ff,#83aaff)}
.offering-creative .offering-accent{background:linear-gradient(90deg,#c8e82e,#ff78d2)}
.offering-section{padding:64px 16px;display:flex;flex-direction:column;gap:32px}
.offering-section>h2,.offering-related h2{font-size:60px;line-height:1.08;letter-spacing:-.035em}
.offering-service-list{display:flex;flex-direction:column;gap:32px}
.offering-service{position:relative;display:grid;grid-template-columns:minmax(0,608fr) minmax(0,704fr);gap:96px;align-items:center;padding:32px 0 48px;border-bottom:1px solid var(--line)}
.offering-service-copy{display:flex;flex-direction:column;gap:24px}
.offering-number{font-size:14px;line-height:1.35;letter-spacing:0}
.offering-service h3{font-size:48px;line-height:1.08;letter-spacing:-.035em}
.offering-service-copy>p:not(.offering-number){font-size:24px;line-height:1.35;letter-spacing:-.02em;max-width:540px}
.offering-service figure{margin:0;min-width:0}
.offering-service figure img{width:100%;height:auto;aspect-ratio:704/440}
.offering-creative #interactive-experiences figure img{background:#b09f95}
.offering-service figcaption{margin-top:16px;font-size:14px;line-height:1.35}
.offering-anchor{position:absolute;top:0;left:0;pointer-events:none}
.offering-copy-row{display:grid;grid-template-columns:minmax(0,464fr) minmax(0,688fr);gap:96px;width:min(100%,1248px);padding:32px 0;border-bottom:1px solid #e6e6e6}
.offering-copy-row h3{font-weight:700;font-size:32px;line-height:1.125;letter-spacing:-.02em;color:#111}
.offering-copy-row p{font-size:22px;line-height:32px;letter-spacing:-.01em;color:#3a3a3a}
.offering-link{display:inline-block;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;line-height:1.35;padding:4px 0}
.offering-link:hover{text-decoration-thickness:2px}
.offering-button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:48px;padding:14px 28px;background:var(--ink);color:var(--paper);font-size:15px;line-height:20px;font-weight:700;border:1px solid var(--ink);transition:background .18s,color .18s}
.offering-button:hover{background:var(--paper);color:var(--ink)}
.offering-work-image{display:block;overflow:hidden}
.offering-work-image img{width:100%;height:auto;aspect-ratio:1440/640;object-fit:cover}
.offering-work-caption{padding:48px 16px 64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px}
.offering-work-caption h2{font-size:48px;line-height:1.14;letter-spacing:-.035em;margin-top:16px}
.offering-work-caption a:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.offering-work-caption>p{font-size:24px;line-height:1.242;letter-spacing:-.02em}
.offering-product{padding:96px 16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:center}
.offering-product>div{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.offering-product-name{font-size:28px;line-height:1.08;letter-spacing:-.035em}
.offering-product h2{font-size:64px;line-height:.94;letter-spacing:-.035em}
.offering-product p:not(.offering-product-name),.offering-product a{font-size:24px;line-height:1.242;letter-spacing:-.02em}
.offering-product>img{width:100%;height:auto;aspect-ratio:656/580;object-fit:contain}
.offering-related{padding:64px 16px 104px}
.offering-related-grid{border-top:1px solid var(--line);padding-top:64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px}
.offering-related-grid>div{display:flex;flex-direction:column;gap:32px}
.offering-related-grid p{font-size:24px;line-height:1.35;letter-spacing:-.02em}
.offering-related-links{display:flex;flex-wrap:wrap;gap:16px 32px;font-size:20px}
.offering-related-links a{min-width:220px}
.offering-contact{padding:112px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:32px}
.offering-contact h2{font-size:78px;line-height:1.08;letter-spacing:-.035em;max-width:1100px}
.offering-contact>p:not(.offering-number){max-width:680px;font-size:24px;line-height:1.35;letter-spacing:-.02em}
.offering-contact-actions{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap}
.offering-contact .offering-button{padding-top:20px;padding-bottom:20px;font-size:16px}
.offering-contact .offering-link{font-size:18px}
@media(min-width:1800px){.offering-main{max-width:1920px;margin:auto}.offering-hero{padding-top:112px}.offering-service figure img{aspect-ratio:704/440}.offering-copy-row{width:calc(100% - 160px);max-width:none}}
@media(max-width:1100px){.offering-hero{padding-top:80px}.offering-kicker>p{font-size:24px}.offering-kicker>a{font-size:16px}.offering-lead{font-size:27px;max-width:80%}.offering-service,.offering-copy-row,.offering-work-caption,.offering-product,.offering-related-grid{gap:48px}.offering-service h3{font-size:40px}.offering-service-copy>p:not(.offering-number),.offering-related-grid p,.offering-work-caption>p,.offering-product p:not(.offering-product-name),.offering-product a{font-size:21px}.offering-section>h2,.offering-related h2{font-size:48px}.offering-copy-row h3{font-size:28px}.offering-copy-row p{font-size:20px;line-height:1.45}.offering-product h2{font-size:52px}.offering-contact h2{font-size:64px}}
@media(max-width:700px){
 .offering-main{padding-top:60px}
 .offering-hero{padding:64px 16px 64px;gap:32px}
 .offering-kicker{align-items:flex-start;flex-direction:column;gap:16px}
 .offering-kicker>p{font-size:19px;line-height:1.25;letter-spacing:-.02em}
 .offering-kicker>a{font-size:16px}
 .offering-hero h1{font-size:clamp(43px,10vw,70px);line-height:1;letter-spacing:-.05em}
 .offering-lead{font-size:22px;line-height:1.35;max-width:100%}
 .offering-section{padding:48px 16px;gap:24px}
 .offering-section>h2,.offering-related h2{font-size:38px;letter-spacing:-.035em}
 .offering-service{grid-template-columns:minmax(0,1fr);gap:28px;padding:24px 0 32px}
 .offering-service-list{gap:16px}.offering-service-copy{gap:16px}
 .offering-service h3{font-size:34px}.offering-service-copy>p:not(.offering-number){font-size:20px;line-height:1.4}
 .offering-service figcaption{font-size:13px;margin-top:12px}
 .offering-copy-row{grid-template-columns:minmax(0,1fr);gap:16px;padding:24px 0;width:100%}
 .offering-copy-row h3{font-size:25px;line-height:1.15}.offering-copy-row p{font-size:19px;line-height:1.45}
 .offering-work-image img{aspect-ratio:4/3}
 .offering-work-caption{padding:28px 16px 48px;grid-template-columns:minmax(0,1fr);gap:24px}
 .offering-work-caption h2{font-size:36px;margin-top:12px}.offering-work-caption>p{font-size:20px;line-height:1.4}
 .offering-product{padding:48px 16px;grid-template-columns:minmax(0,1fr);gap:32px}
 .offering-product h2{font-size:42px;line-height:1.05}.offering-product-name{font-size:24px}
 .offering-product p:not(.offering-product-name),.offering-product a{font-size:20px;line-height:1.4}
 .offering-product>img{max-height:360px}
 .offering-related{padding:48px 16px 64px}.offering-related-grid{grid-template-columns:minmax(0,1fr);padding-top:40px;gap:32px}
 .offering-related-grid p{font-size:20px}.offering-related-links{font-size:18px;gap:16px 28px}.offering-related-links a{min-width:0}
 .offering-contact{padding:64px 16px;gap:24px}.offering-contact h2{font-size:42px;line-height:1.08}.offering-contact>p:not(.offering-number){font-size:20px}
 .offering-contact-actions{gap:24px;flex-direction:column}.offering-contact .offering-button{align-self:center;font-size:15px}
 .lang-de .offering-hero h1{font-size:clamp(38px,9.8vw,65px)}
}
@media(prefers-reduced-motion:reduce){.offering-button{transition:none}}