/* C27. The existing homepage contour; static HTML, no animation or runtime. */
:root{--taiga-section-wave-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 180' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 0H1440V55C1210 178 1000 118 760 80S250 154 0 76Z'/%3E%3C/svg%3E")}
@layer taiga-section-waves{
.taiga-wave-section{--taiga-wave-height:clamp(72px,7vw,120px);--taiga-wave-gap:24px;position:relative!important;isolation:isolate;padding-top:calc(var(--taiga-wave-height) + var(--taiga-wave-gap))!important;border-top:0!important}
.taiga-section-wave{display:block;position:absolute;inset:-1px 0 auto;height:calc(var(--taiga-wave-height) + 1px);z-index:0;pointer-events:none;user-select:none;background:var(--taiga-wave-from);-webkit-mask:var(--taiga-section-wave-mask) center/100% 100% no-repeat;mask:var(--taiga-section-wave-mask) center/100% 100% no-repeat}
.taiga-wave-section--tail{padding-bottom:calc(var(--taiga-wave-height) + var(--taiga-wave-gap))!important;border-bottom:0!important}
.taiga-section-wave--tail{top:auto;bottom:-1px;background:var(--taiga-wave-to);transform:rotate(180deg)}
.taiga-wave-section--bleed>.taiga-section-wave{inset-inline:auto;left:50%;width:100vw;transform:translateX(-50%)}
.taiga-wave-section--bleed>.taiga-section-wave--tail{transform:translateX(-50%) rotate(180deg)}
@media(max-width:680px){.taiga-wave-section{--taiga-wave-height:64px;--taiga-wave-gap:20px}}
@media print{.taiga-section-wave{display:none}.taiga-wave-section{padding-top:32px!important}.taiga-wave-section--tail{padding-bottom:32px!important}}

}
