.hero__proof{flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--space-l);padding:0;@media(width>=840px){justify-content:center}}.hero__proof-stat{display:flex;align-items:center;gap:var(--card-gap)}.hero__proof-avatars{display:flex;flex-direction:row}.hero__proof-avatar{display:block;inline-size:2rem;block-size:2rem;border-radius:var(--radius-circle);border:2px var(--border-style) var(--body-bg-color);background:var(--primary-ultra-light);margin-inline-start:-.5rem;flex-shrink:0;&:first-child{margin-inline-start:0}}.hero__proof-avatar:nth-child(1){background:color-mix(in oklch,var(--primary) 20%,var(--base-semi-light))}.hero__proof-avatar:nth-child(2){background:color-mix(in oklch,var(--success) 20%,var(--base-semi-light))}.hero__proof-avatar:nth-child(3){background:color-mix(in oklch,var(--info) 20%,var(--base-semi-light))}.hero__proof-avatar:nth-child(4){background:color-mix(in oklch,var(--warning) 20%,var(--base-semi-light))}.hero__proof-avatar--yt{background:color-mix(in srgb,#ff0000 25%,var(--base-semi-light))}.hero__proof-avatar--tt{background:color-mix(in srgb,#000 25%,var(--base-semi-light))}.hero__proof-avatar--li{background:color-mix(in srgb,#0a66c2 25%,var(--base-semi-light))}.hero__proof-label{font-size:var(--text-s);color:var(--text-dark-muted);line-height:1.3;strong{color:var(--heading-color);font-weight:500}}.hero__proof-sep{display:block;inline-size:1px;block-size:1.5rem;background:var(--border-color-light);flex-shrink:0;@media(width<600px){display:none}}.hero__inner{flex-direction:row;align-items:center;gap:var(--container-gap)}@media(width<840px){.hero__inner{flex-direction:column}}.hero__content-wrapper{display:flex;flex-direction:column;flex:1 1 0;min-inline-size:0;gap:var(--content-gap);@media(width>=840px){align-items:center}}.hero__content-wrapper .section-intro__eyebrow{opacity:0;animation:hero-fade-up .5s ease-out 0s both}.hero__content-wrapper .section-intro__headline{opacity:0;animation:hero-fade-up .5s ease-out .1s both}.hero__content-wrapper .section-intro__lede{max-inline-size:52ch;opacity:0;animation:hero-fade-up .5s ease-out .2s both}.hero__content-wrapper .section-intro__cta-wrapper a:nth-child(1){opacity:0;animation:hero-fade-up .5s ease-out .3s both}.hero__content-wrapper .section-intro__cta-wrapper a:nth-child(2){opacity:0;animation:hero-fade-up .5s ease-out .4s both}@media(width<600px){.hero__content-wrapper .section-intro__cta-wrapper{inline-size:100%}.hero__content-wrapper .section-intro__cta-wrapper a{inline-size:100%;justify-content:center}}.hero__visual{position:relative;flex-shrink:0;inline-size:clamp(16rem,28vw,22rem);opacity:0;animation:hero-fade-up .5s ease-out .5s both}@media(width<840px){.hero__visual{inline-size:clamp(12rem,55vw,18rem)}.hero__badge--top{inset-inline-end:0}.hero__badge--bottom{inset-inline-start:0}}.hero__photo-wrapper{inline-size:100%;aspect-ratio:3 / 4;overflow:clip;border-radius:var(--radius);border:var(--border-light)}.hero__photo{inline-size:100%;block-size:100%;object-fit:cover;object-position:center top;display:block}.hero__badge{position:absolute;display:flex;align-items:center;gap:.6em;padding:.6em 1em;background:var(--base-ultra-light);border:var(--border-light);border-radius:var(--radius);box-shadow:var(--box-shadow-m);white-space:nowrap;z-index:2}.hero__badge--top{inset-block-start:var(--space-xl);inset-inline-end:-2rem;animation:hero-badge-in .5s ease-out .65s both}.hero__badge--bottom{inset-block-end:var(--space-xl);inset-inline-start:-2rem;animation:hero-badge-in .5s ease-out .75s both}.hero__badge-icon{display:flex;align-items:center;justify-content:center;inline-size:2rem;block-size:2rem;border-radius:var(--radius);background:var(--primary-ultra-light);color:var(--primary);flex-shrink:0}.hero__badge-text{display:flex;flex-direction:column;gap:.1em;line-height:1.2}.hero__badge-text strong{font-size:var(--text-m);font-weight:600;color:var(--heading-color)}.hero__badge-text span{font-size:var(--text-xs);color:var(--text-dark-muted)}@keyframes hero-fade-up{0%{opacity:0;translate:0 1.5rem;filter:blur(8px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes hero-badge-in{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@media(prefers-reduced-motion:reduce){.hero__content-wrapper .section-intro__eyebrow,.hero__content-wrapper .section-intro__headline,.hero__content-wrapper .section-intro__lede,.hero__content-wrapper .section-intro__cta-wrapper a,.hero__visual,.hero__badge--top,.hero__badge--bottom{animation:none;opacity:1;translate:0 0;scale:1}}.about__grid{display:grid;grid-template-columns:var(--grid-2);gap:var(--container-gap);align-items:start}@media(width<700px){.about__grid{grid-template-columns:var(--grid-1)}}.about__left{display:flex;flex-direction:column;gap:var(--content-gap);position:sticky;top:calc(var(--header-height) + var(--space-l))}@media(width<700px){.about__left{position:static}}.about__headline{text-wrap:balance}.about__right{display:flex;flex-direction:column;gap:var(--content-gap)}.about__body{display:flex;flex-direction:column;gap:var(--space-s)}.about__body p{font-size:var(--text-m);color:var(--text-dark-muted);line-height:var(--text-line-height)}.about__cta{max-inline-size:max-content;color:var(--heading-color);text-decoration:none;transition:color var(--transition);&:hover{color:var(--primary)}&:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset);border-radius:2px}}.services__inner{gap:var(--container-gap)}.services__grid{display:grid;grid-template-columns:var(--grid-3);gap:var(--grid-gap);list-style:none;padding:0;align-items:stretch}.services__grid>li{display:flex}@media(width<900px){.services__grid{grid-template-columns:var(--grid-2)}}@media(width<600px){.services__grid{grid-template-columns:var(--grid-1)}}.services__cta{display:flex;justify-content:center}.project-card{position:relative;display:flex;flex-direction:column;aspect-ratio:16 / 7;border-radius:var(--card-radius);overflow:hidden;inline-size:100%}@media(width<800px){.project-card{aspect-ratio:unset;min-block-size:420px}}.project-card:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,color-mix(in srgb,#000 40%,transparent) 0%,transparent 30%,color-mix(in srgb,#000 75%,transparent) 65%,color-mix(in srgb,#000 92%,transparent) 100%)}.project-card__image{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:center top;transition:transform var(--transition);will-change:transform;z-index:0}.project-card:hover .project-card__image{transform:scale(1.04)}.project-card__tags{position:absolute;inset-block-start:var(--space-m);inset-inline-start:var(--space-m);inset-inline-end:var(--space-m);display:flex;flex-wrap:wrap;gap:var(--space-xs);list-style:none;padding:0;z-index:2}.project-card__tag{font-size:var(--text-xs);font-weight:500;color:#fff;background:color-mix(in srgb,#fff 12%,transparent);border:1px solid color-mix(in srgb,#fff 22%,transparent);padding-block:.3em;padding-inline:.75em;border-radius:var(--radius-circle);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);line-height:1;letter-spacing:.02em;white-space:nowrap}.project-card__body{margin-block-start:auto;padding:var(--space-m);display:flex;flex-direction:column;gap:var(--space-xs);z-index:2}.project-card__stats{display:flex;gap:var(--space-l);margin-block-end:var(--space-m)}.project-card__stat{display:flex;flex-direction:column-reverse;gap:.2em}.project-card__stat-value{font-size:var(--text-xl);font-weight:700;color:#fff;line-height:1}.project-card__stat-label{font-size:var(--text-s);font-weight:400;color:color-mix(in srgb,#fff 60%,transparent);line-height:1.2}.project-card__title{font-size:var(--h3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);color:#fff}.project-card__link{color:inherit;text-decoration:none;transition:color var(--transition);&:after{content:"";position:absolute;inset:0;z-index:3}&:focus{outline:none}}.project-card:focus-within{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.project-card:focus-within:not(:has(:focus-visible)){outline:none}.project-card__description{font-size:var(--text-m);color:color-mix(in srgb,#fff 55%,transparent);line-height:var(--text-line-height);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.realisations__inner{gap:var(--container-gap)}.realisations__grid{display:grid;grid-template-columns:var(--grid-1);gap:var(--grid-gap);list-style:none;padding:0}.realisations__grid>li{display:flex}.realisations__cta{display:flex;justify-content:center}.videos-section__inner{gap:var(--container-gap)}.videos-section__cta{text-align:center}.videos-section__grid{display:grid;grid-template-columns:var(--grid-3);gap:var(--grid-gap);list-style:none;padding:0;@media(width<900px){grid-template-columns:var(--grid-2)}@media(width<600px){grid-template-columns:var(--grid-1)}}.blog-section__inner{gap:var(--container-gap)}.blog-section__cta{text-align:center}.blog-section__grid{display:grid;grid-template-columns:var(--grid-3);gap:var(--grid-gap);list-style:none;padding:0;@media(width<900px){grid-template-columns:var(--grid-2)}@media(width<600px){grid-template-columns:var(--grid-1)}}.newsletter-section__inner{align-items:center;gap:var(--container-gap)}.newsletter-form{display:flex;flex-direction:column;align-items:center;gap:var(--content-gap);inline-size:100%;max-inline-size:560px}.newsletter-form__fields{display:flex;flex-direction:column;gap:var(--content-gap);inline-size:100%}.newsletter-form__field{display:flex;flex-direction:column;gap:.4em}.newsletter-form__label{font-size:var(--text-s);font-weight:500;color:var(--text-dark)}.newsletter-form__input{inline-size:100%;padding-block:.7em;padding-inline:.9em;font-family:inherit;font-size:var(--text-m);color:var(--text-dark);background-color:var(--base-ultra-light);border:1px solid transparent;border-radius:var(--radius);transition:border-color var(--transition),box-shadow var(--transition);outline:none;&::placeholder{color:var(--text-dark-muted)}&:hover{border-color:var(--mesbaa-border-color)}&:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}}.newsletter-form__gdpr{display:flex;align-items:flex-start;gap:.6em;cursor:pointer;inline-size:100%}.newsletter-form__checkbox{flex-shrink:0;appearance:none;inline-size:1.1em;block-size:1.1em;margin-block-start:.15em;border:1px solid var(--mesbaa-border-color);border-radius:calc(var(--radius) / 2);background-color:var(--base-ultra-light);cursor:pointer;transition:background-color var(--transition),border-color var(--transition);position:relative;&:checked{background-color:var(--primary);border-color:var(--primary);&:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / 75% no-repeat}}&:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}}.newsletter-form__gdpr-text{font-size:var(--text-s);color:var(--text-dark-muted);line-height:1.5}.newsletter-form__submit{inline-size:100%;&:disabled{opacity:.45;cursor:not-allowed}}.newsletter-form__reassurance{font-size:var(--text-s);color:var(--text-dark-muted);text-align:center}.newsletter-form__status{font-size:var(--text-s);text-align:center}